.elementor-18709 .elementor-element.elementor-element-e8b39c3{--display:flex;}.elementor-18709 .elementor-element.elementor-element-e8b39c3:not(.elementor-motion-effects-element-type-background), .elementor-18709 .elementor-element.elementor-element-e8b39c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for shortcode, class: .elementor-element-c66d3a3 */:root{
  --wmx-dark:#23383F;
  --wmx-lime:#D9F7A1; /* pas aan naar jouw lime als je wil */
  --wmx-lime-2:#E4F96D;
  --wmx-bg:#F6F8F9;
  --wmx-border:rgba(35,56,63,.14);
  --wmx-shadow: 0 12px 30px rgba(35,56,63,.12);
  --wmx-radius:18px;
}

.wmx-portal{max-width:1100px;margin:40px auto;padding:0 16px;color:var(--wmx-dark);}
.wmx-portal-header{margin-bottom:16px}
.wmx-portal-header h2{margin:0 0 6px;font-size:28px;letter-spacing:-.02em}
.wmx-portal-header p{margin:0;color:rgba(35,56,63,.75)}

.wmx-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}
@media (max-width: 980px){ .wmx-grid{grid-template-columns:repeat(2, minmax(0,1fr));}}
@media (max-width: 640px){ .wmx-grid{grid-template-columns:1fr;}}

.wmx-card{
  background:linear-gradient(180deg, #fff, var(--wmx-bg));
  border:1px solid var(--wmx-border);
  border-radius:var(--wmx-radius);
  box-shadow:0 8px 20px rgba(35,56,63,.08);
  padding:16px;
}

.wmx-invoice{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position:relative;
  overflow:hidden;
}
.wmx-invoice:before{
  content:"";
  position:absolute; inset:-80px -80px auto auto;
  width:160px;height:160px;
  background:radial-gradient(circle at 30% 30%, var(--wmx-lime), transparent 60%);
  opacity:.55;
  transform:rotate(15deg);
}
.wmx-invoice:hover{
  transform:translateY(-2px);
  box-shadow:var(--wmx-shadow);
  border-color:rgba(35,56,63,.22);
}

.wmx-invoice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.wmx-invoice-label{font-size:12px;color:rgba(35,56,63,.65)}
.wmx-invoice-number{font-size:20px;font-weight:800;letter-spacing:-.02em}

.wmx-invoice-row{display:flex;gap:14px;justify-content:space-between;margin:10px 0 14px}
.wmx-invoice-row > div{flex:1;background:#fff;border:1px solid var(--wmx-border);border-radius:14px;padding:10px 12px}
.wmx-k{display:block;font-size:12px;color:rgba(35,56,63,.65)}
.wmx-v{display:block;font-size:15px;font-weight:700;margin-top:2px}

.wmx-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:800;
  padding:8px 10px;border-radius:999px;
  border:1px solid var(--wmx-border);
  background:#fff;
  text-transform:capitalize;
}
.wmx-badge--paid{background:rgba(217,247,161,.55);border-color:rgba(35,56,63,.16)}
.wmx-badge--open{background:rgba(228,249,109,.30);border-color:rgba(35,56,63,.16)}
.wmx-badge--overdue{background:rgba(255, 204, 204,.55);border-color:rgba(35,56,63,.16)}

.wmx-actions{display:flex;gap:10px;align-items:center}
.wmx-btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:14px;
  padding:10px 12px;
  font-weight:800;
  font-size:13px;
  border:1px solid transparent;
  text-decoration:none;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.wmx-btn:active{transform:translateY(1px)}
.wmx-btn-primary{
  background:linear-gradient(135deg, var(--wmx-dark), #1b2c32);
  color:#fff;
  box-shadow:0 10px 20px rgba(35,56,63,.18);
}
.wmx-btn-primary:hover{box-shadow:0 14px 26px rgba(35,56,63,.22)}
.wmx-btn-ghost{
  background:#fff;
  color:var(--wmx-dark);
  border-color:var(--wmx-border);
}
.wmx-btn-ghost:hover{border-color:rgba(35,56,63,.22)}
.wmx-muted{color:rgba(35,56,63,.65);font-size:13px}

/* Modal */
.wmx-modal{position:fixed;inset:0;display:none;z-index:99999}
.wmx-modal.is-open{display:block}
.wmx-modal-backdrop{position:absolute;inset:0;background:rgba(10,15,18,.55);backdrop-filter:blur(6px)}
.wmx-modal-panel{
  position:relative;
  width:min(980px, calc(100% - 24px));
  height:min(80vh, 760px);
  margin:60px auto;
  background:#fff;
  border-radius:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
}
.wmx-modal-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 16px;
  background:linear-gradient(90deg, rgba(217,247,161,.55), rgba(255,255,255,1));
  border-bottom:1px solid var(--wmx-border);
}
.wmx-modal-title{font-weight:900;color:var(--wmx-dark);font-size:16px}
.wmx-modal-sub{color:rgba(35,56,63,.75);font-size:12px;margin-top:2px}
.wmx-iconbtn{
  width:38px;height:38px;border-radius:12px;
  border:1px solid var(--wmx-border);background:#fff;
  font-weight:900;cursor:pointer;
}
.wmx-modal-body{height:calc(100% - 120px);background:#f3f5f6}
.wmx-modal-body iframe{width:100%;height:100%;border:0}
.wmx-modal-foot{
  display:flex;justify-content:flex-end;gap:10px;
  padding:12px 16px;border-top:1px solid var(--wmx-border);background:#fff;
}/* End custom CSS */