/* =====================================================================
   Amara Estate · Lead workspace — design system (laatst geladen)
   Richting: Minimalism & Swiss (UI UX Pro Max), toegepast op de Amara
   Brand Guideline. Hairlines en witruimte in plaats van kaders,
   één accent (goud) voor focus en actieve status, hoge informatiedichtheid.
   Alleen presentatie: geen wijzigingen in logica of data.
   ===================================================================== */
:root{
  /* kleur */
  --a-ink:#1C1C1E;
  --a-ink-2:#383838;
  --a-muted:#52525B;
  --a-subtle:#878789;
  --a-line:#E4E4E7;
  --a-line-strong:#d2d3d5;
  --a-bg:#FAFAFA;
  --a-surface:#ffffff;
  --a-sunken:#F1F1F3;
  --a-cream:#F4F4F5;
  --a-gold:#b29e84;
  --a-gold-ink:#7b6a53;
  --a-focus:rgba(178,158,132,.55);
  --a-ok:#4f7a5a;   --a-ok-bg:#eaf1ea;
  --a-warn:#a3621f; --a-warn-bg:#f8eedf;
  --a-bad:#a14b4b;  --a-bad-bg:#f6e8e6;
  --a-info:#5b6b80; --a-info-bg:#eceff3;
  /* type */
  --a-font:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --a-fs-xs:11.5px; --a-fs-sm:12.5px; --a-fs-md:13.5px; --a-fs-base:14px; --a-fs-lg:16px; --a-fs-xl:20px; --a-fs-2xl:26px;
  /* ruimte (density 8: 4–32) */
  --a-s1:4px; --a-s2:8px; --a-s3:12px; --a-s4:16px; --a-s5:20px; --a-s6:24px; --a-s7:32px;
  /* vorm */
  --a-r-sm:6px; --a-r-md:10px; --a-r-lg:14px;
  --a-sh-1:0 1px 2px rgba(43,38,30,.05);
  --a-sh-2:0 6px 20px rgba(43,38,30,.07);
  --a-sh-3:0 24px 64px rgba(30,26,20,.20);
  /* beweging */
  --a-fast:140ms; --a-med:200ms; --a-ease:cubic-bezier(.2,.7,.2,1);
  --a-control:36px;
}

/* ---------- basis ---------- */
html body{background:var(--a-bg)!important;color:var(--a-ink);font-family:var(--a-font)!important;font-size:var(--a-fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.desktop-main{background:var(--a-bg)!important}
.view{animation:a-view-in var(--a-med) var(--a-ease)}
@keyframes a-view-in{from{opacity:.001;transform:translateY(4px)}to{opacity:1;transform:none}}
:where(button,a,select,[role=button],tr[data-id],[data-open]){cursor:pointer}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--a-gold)!important;outline-offset:2px!important;box-shadow:none}
.table td,.table th,.lead-stat strong,.kpi strong,.mini-kpi strong,.stage-count,.score-value,.score-badge,.pipeline-stage-total{font-variant-numeric:tabular-nums}

/* ---------- shell: sidebar ---------- */
.desktop-sidebar{background:#2f2f2f!important;border-right:0!important;padding:22px 12px 16px!important}
.desktop-sidebar .brand{padding:4px 10px 22px!important;margin:0!important;border:0!important}
.desktop-sidebar .brand img{height:28px!important;width:auto!important;max-width:none!important}
#desktopNav{display:flex!important;flex-direction:column;gap:2px!important}
#desktopNav .a-nav-group{padding:18px 12px 6px;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.38)}
#desktopNav .a-nav-group:first-child{padding-top:4px}
#desktopNav button[data-go]{position:relative;display:flex!important;align-items:center;gap:11px!important;height:38px!important;min-height:38px!important;padding:0 12px!important;margin:0!important;border:0!important;border-radius:var(--a-r-sm)!important;background:transparent!important;color:rgba(255,255,255,.70)!important;font-size:var(--a-fs-md)!important;font-weight:500!important;letter-spacing:0!important;box-shadow:none!important;transition:background var(--a-fast) var(--a-ease),color var(--a-fast) var(--a-ease)}
#desktopNav button[data-go]:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
#desktopNav button[data-go].active{background:rgba(255,255,255,.09)!important;color:#fff!important}
#desktopNav button[data-go].active:before{content:'';position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--a-gold)}
#desktopNav button[data-go] i{display:inline-grid!important;place-items:center;width:18px!important;height:18px!important;margin:0!important;background:none!important;border:0!important}
#desktopNav button[data-go] i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#desktopNav .badge{margin-left:auto!important;min-width:22px;height:20px;padding:0 7px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:rgba(255,255,255,.85)!important;font-size:11px!important;font-weight:600!important;display:inline-grid;place-items:center;border:0!important}
.side-quote{margin:auto 10px 0!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important;font-size:10.5px!important;letter-spacing:.16em!important;color:rgba(255,255,255,.40)!important}

/* ---------- shell: topbar ---------- */
.desktop-main{padding:0 32px 64px!important}
.desktop-main>.view{max-width:1480px;margin-left:auto;margin-right:auto}
.topbar{position:sticky!important;top:0!important;z-index:30!important;display:flex!important;align-items:center!important;gap:var(--a-s4)!important;height:64px;margin:0 -32px var(--a-s6)!important;padding:0 32px!important;background:rgba(255,255,255,.86)!important;backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid var(--a-line)!important;box-shadow:none!important}
.topbar .a-page-title{flex:0 0 auto;display:flex;flex-direction:column;line-height:1.2;min-width:0}
.topbar .a-page-title small{font-size:var(--a-fs-xs);color:var(--a-subtle);letter-spacing:.06em;text-transform:uppercase;font-weight:500}
.topbar .a-page-title b{font-size:var(--a-fs-lg);font-weight:600;color:var(--a-ink);letter-spacing:-.01em}
.topbar .search{position:relative;flex:0 1 380px!important;margin-left:auto!important;height:var(--a-control)!important;display:flex!important;align-items:center;padding:0 12px!important;border:1px solid var(--a-line-strong)!important;border-radius:var(--a-r-sm)!important;background:var(--a-surface)!important;color:var(--a-subtle);box-shadow:none!important}
.topbar .search input{border:0!important;background:transparent!important;height:100%!important;padding:0 6px!important;box-shadow:none!important;outline:none!important;width:100%;font-size:var(--a-fs-md)!important}
.topbar .search:focus-within{border-color:var(--a-gold)!important;box-shadow:0 0 0 3px var(--a-focus)!important}
.topbar .search kbd{font:500 11px var(--a-font);color:var(--a-subtle);border:1px solid var(--a-line-strong);border-radius:4px;padding:1px 6px;background:var(--a-sunken)}
.topbar .profile{display:flex!important;align-items:center;gap:10px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.topbar .profile b{font-size:var(--a-fs-md)!important;font-weight:600!important}
.topbar .profile small{font-size:var(--a-fs-xs)!important;color:var(--a-subtle)!important}
.avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:var(--a-ink-2)!important;color:#fff!important;font-size:12px!important;font-weight:600!important;letter-spacing:.04em;display:grid!important;place-items:center;border:0!important;box-shadow:none!important}

/* ---------- paginakop ---------- */
.page-head,.pipeline-head,.dashboard-welcome{display:flex!important;flex-wrap:wrap;align-items:flex-end!important;justify-content:space-between!important;gap:var(--a-s4) var(--a-s6)!important;margin:0 0 var(--a-s6)!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.page-head>div:first-child,.pipeline-head>div:first-child,.dashboard-welcome>div:first-child{flex:1 1 420px;min-width:0}
.page-head h2,.pipeline-head h2,.dashboard-welcome h1{margin:0 0 6px!important;font-size:var(--a-fs-2xl)!important;line-height:1.15!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--a-ink)!important;text-wrap:balance}
.page-head p,.pipeline-head p,.dashboard-welcome p{margin:0!important;max-width:62ch;font-size:var(--a-fs-base)!important;line-height:1.55!important;color:var(--a-muted)!important}
.section-eyebrow{margin:0 0 8px!important;font-size:var(--a-fs-xs)!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--a-gold-ink)!important}
.page-head>.btn,.page-head>button,.dashboard-actions,.pipeline-head-actions,.cp-head-actions{flex:0 0 auto}
.page-head{column-gap:var(--a-s2)!important}
.page-head>.btn,.page-head>button{white-space:nowrap!important;width:auto!important}
.page-head>div:first-child{margin-right:auto}
#desaArchiveBtn:disabled{display:none!important}
#desaArchiveBtn{border-color:var(--a-bad)!important;color:var(--a-bad)!important}

/* ---------- knoppen ---------- */
.btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:var(--a-control)!important;min-height:var(--a-control)!important;padding:0 14px!important;border:1px solid var(--a-line-strong)!important;border-radius:var(--a-r-sm)!important;background:var(--a-surface)!important;color:var(--a-ink)!important;font:500 var(--a-fs-md)/1 var(--a-font)!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:var(--a-sh-1)!important;transition:background var(--a-fast) var(--a-ease),border-color var(--a-fast) var(--a-ease),transform var(--a-fast) var(--a-ease)}
.btn:hover:not(:disabled){background:var(--a-sunken)!important;border-color:var(--a-line-strong)!important}
.btn:active:not(:disabled){transform:translateY(1px)}
.btn.primary{background:var(--a-ink-2)!important;border-color:var(--a-ink-2)!important;color:#fff!important}
.btn.primary:hover:not(:disabled){background:var(--a-ink)!important;border-color:var(--a-ink)!important}
.btn:disabled{opacity:.45;cursor:not-allowed}

/* ---------- formulieren ---------- */
.desktop-main input:not([type=checkbox]):not([type=radio]):not([type=file]),.desktop-main select,.desktop-main textarea,.sheet input:not([type=checkbox]):not([type=radio]):not([type=file]),.sheet select,.sheet textarea{font-family:var(--a-font)!important;font-size:var(--a-fs-md)!important;color:var(--a-ink)!important;border:1px solid var(--a-line-strong)!important;border-radius:var(--a-r-sm)!important;background-color:var(--a-surface)!important;box-shadow:none!important;transition:border-color var(--a-fast),box-shadow var(--a-fast)}
.desktop-main input:not([type=checkbox]):not([type=radio]):not([type=file]),.desktop-main select,.sheet input:not([type=checkbox]):not([type=radio]):not([type=file]),.sheet select{height:var(--a-control)!important;min-height:var(--a-control)!important;padding:0 11px!important}
.desktop-main textarea,.sheet textarea{padding:10px 11px!important;line-height:1.5}
.desktop-main select,.sheet select{appearance:none;-webkit-appearance:none;padding-right:32px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b665e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 11px center!important}
.desktop-main input:focus,.desktop-main select:focus,.desktop-main textarea:focus,.sheet input:focus,.sheet select:focus,.sheet textarea:focus{border-color:var(--a-gold)!important;box-shadow:0 0 0 3px var(--a-focus)!important;outline:none!important}
::placeholder{color:#9b9b9d!important;opacity:1}
input[type=checkbox]{accent-color:var(--a-ink-2);width:16px;height:16px}

/* ---------- toolbar ---------- */
.toolbar,.cp-toolbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:var(--a-s2)!important;margin:0 0 var(--a-s3)!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.toolbar .search,.cp-toolbar .search{flex:1 1 280px!important;min-width:200px;position:relative;display:flex!important;align-items:center;height:var(--a-control)!important;padding:0 0 0 12px!important;border:1px solid var(--a-line-strong)!important;border-radius:var(--a-r-sm)!important;background:var(--a-surface)!important;color:var(--a-subtle);box-shadow:none!important}
.toolbar .search input,.cp-toolbar .search input{border:0!important;box-shadow:none!important;background:transparent!important;flex:1;min-width:0}
.toolbar .search:focus-within,.cp-toolbar .search:focus-within{border-color:var(--a-gold)!important;box-shadow:0 0 0 3px var(--a-focus)!important}
.toolbar select,.cp-toolbar select{flex:0 1 auto;width:auto!important;min-width:150px}

/* ---------- KPI-strook (één vlak, geen tegels) ---------- */
.lead-overview-stats,.pipeline-stats,.kpis,.cp-stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:0!important;margin:0 0 var(--a-s6)!important;padding:0!important;background:var(--a-surface)!important;border:1px solid var(--a-line)!important;border-radius:var(--a-r-md)!important;box-shadow:var(--a-sh-1)!important;overflow:hidden}
.lead-stat,.mini-kpi,.kpi,.cp-stats .lead-stat{position:relative;margin:0!important;padding:16px 20px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0}
.lead-stat+.lead-stat,.mini-kpi+.mini-kpi,.kpi+.kpi{box-shadow:inset 1px 0 0 var(--a-line)!important}
.lead-stat span,.mini-kpi span,.kpi>span{display:block;font-size:var(--a-fs-xs)!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--a-subtle)!important;margin:0 0 6px!important}
.lead-stat strong,.mini-kpi strong,.kpi strong{display:block;font-size:24px!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-.02em;color:var(--a-ink)!important}
.kpi .delta{margin-top:6px!important;padding:0!important;background:none!important;border:0!important;font-size:var(--a-fs-sm)!important;color:var(--a-muted)!important}
.lead-count-explainer{grid-column:1/-1!important;margin:0!important;padding:10px 20px!important;border-top:1px solid var(--a-line)!important;background:var(--a-sunken)!important;font-size:var(--a-fs-sm)!important;line-height:1.5!important;color:var(--a-muted)!important;max-width:none!important}
.lead-count-explainer.cp-warn{background:var(--a-warn-bg)!important;color:var(--a-warn)!important}

/* ---------- panelen en tabellen ---------- */
.panel{background:var(--a-surface)!important;border:1px solid var(--a-line)!important;border-radius:var(--a-r-md)!important;box-shadow:var(--a-sh-1)!important}
.panel .panel{box-shadow:none!important}
.tablewrap,.table-card{padding:0!important;overflow:auto!important;max-height:calc(100vh - 220px)}
.table{width:100%;border-collapse:separate!important;border-spacing:0!important;font-size:var(--a-fs-md)!important}
.table thead th{position:sticky;top:0;z-index:2;height:40px;padding:0 14px!important;background:var(--a-sunken)!important;border-bottom:1px solid var(--a-line)!important;font-size:var(--a-fs-xs)!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--a-subtle)!important;text-align:left;white-space:nowrap}
.table tbody td{padding:11px 14px!important;border-bottom:1px solid var(--a-line)!important;vertical-align:middle!important;color:var(--a-ink);background:var(--a-surface)}
.table tbody tr:last-child td{border-bottom:0!important}
.table tbody tr{transition:background var(--a-fast)}
.table tbody tr:hover td{background:#FAFAFA!important}
.table tbody tr:focus-visible td{background:var(--a-sunken)!important}
.lead-name,.table td b{font-weight:600!important;color:var(--a-ink)!important}
.lead-sub,.lead-created-sub,.source-block small,.next-action small,.table td small{color:var(--a-subtle)!important;font-size:var(--a-fs-sm)!important}
.leadavatar{width:32px!important;height:32px!important;border-radius:50%!important;background:var(--a-cream)!important;color:var(--a-ink-2)!important;font-size:11.5px!important;font-weight:600!important;border:0!important;display:grid!important;place-items:center;flex:0 0 auto}
.score-cell{gap:8px!important}
.score-track{width:44px!important;height:4px!important;border-radius:4px!important;background:var(--a-line)!important}
.score-fill{background:var(--a-gold)!important;border-radius:4px!important}
.desa-lead-budget,.desa-lead-next{white-space:nowrap}
.empty-note{padding:28px 16px!important;text-align:center;color:var(--a-subtle)!important;font-size:var(--a-fs-md)!important;background:none!important;border:0!important}

/* ---------- statuslabels (één systeem) ---------- */
.status{display:inline-flex!important;align-items:center;gap:6px;height:24px!important;padding:0 10px 0 9px!important;border:0!important;border-radius:999px!important;font-size:12px!important;font-weight:500!important;line-height:1!important;white-space:nowrap;background:var(--a-sunken)!important;color:var(--a-ink)!important;box-shadow:none!important}
.status:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--a-subtle);flex:0 0 auto}
.status.newlead:before{background:var(--a-info)}
.status.contacted:before{background:#818183}
.status.qualified:before{background:var(--a-gold)}
.status.viewing:before{background:#7b6fb0}
.status.match:before{background:#5d7f8f}
.status.hot{background:var(--a-warn-bg)!important}.status.hot:before{background:var(--a-warn)}
.status.negotiation{background:#f3ece2!important}.status.negotiation:before{background:#8c6a3f}
.status.won{background:var(--a-ok-bg)!important}.status.won:before{background:var(--a-ok)}
.status.lost{background:var(--a-bad-bg)!important;color:var(--a-bad)!important}.status.lost:before{background:var(--a-bad)}

/* ---------- dashboard ---------- */
.dashboard-status{display:inline-flex!important;align-items:center;gap:8px;margin-bottom:10px!important;padding:0!important;background:none!important;border:0!important;font-size:var(--a-fs-xs)!important;font-weight:600!important;letter-spacing:.14em;text-transform:uppercase;color:var(--a-gold-ink)!important}
.dashboard-status-dot{width:7px!important;height:7px!important;background:var(--a-ok)!important;box-shadow:0 0 0 3px var(--a-ok-bg)!important}
.dashboard-actions{display:flex!important;gap:var(--a-s2)!important}
.dashboard-actions .btn{width:auto!important}
.a-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 var(--a-s6);background:var(--a-surface);border:1px solid var(--a-line);border-radius:var(--a-r-md);box-shadow:var(--a-sh-1);overflow:hidden}
.a-funnel-step{position:relative;padding:16px 20px 14px;min-width:0}
.a-funnel-step+.a-funnel-step{box-shadow:inset 1px 0 0 var(--a-line)}
.a-funnel-step span{display:block;font-size:var(--a-fs-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--a-subtle);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-funnel-step strong{display:block;font-size:24px;font-weight:600;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.a-funnel-step em{display:block;margin-top:6px;font-style:normal;font-size:var(--a-fs-sm);color:var(--a-muted)}
.a-funnel-step i{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--a-line)}
.a-funnel-step i b{display:block;height:100%;background:var(--a-gold);transition:width .5s var(--a-ease)}
.a-funnel-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}
.a-funnel-head h3{margin:0;font-size:var(--a-fs-lg);font-weight:600}
.a-funnel-head .a-seg{display:inline-flex;padding:3px;border:1px solid var(--a-line);border-radius:var(--a-r-sm);background:var(--a-surface)}
.a-funnel-head .a-seg button{border:0;background:none;height:28px;padding:0 10px;border-radius:4px;font:500 12.5px var(--a-font);color:var(--a-muted)}
.a-funnel-head .a-seg button[aria-pressed=true]{background:var(--a-ink-2);color:#fff}

/* ---------- pipeline ---------- */
.pipeline-board{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(264px,1fr)!important;grid-template-columns:none!important;gap:var(--a-s3)!important;overflow-x:auto!important;padding:0 0 var(--a-s3)!important;scroll-snap-type:x proximity;align-items:start}
.pipeline-stage{scroll-snap-align:start;display:flex!important;flex-direction:column;min-height:180px;margin:0!important;padding:0 0 var(--a-s2)!important;background:var(--a-sunken)!important;border:1px solid var(--a-line)!important;border-radius:var(--a-r-md)!important;box-shadow:none!important;transition:background var(--a-fast),border-color var(--a-fast)}
.pipeline-stage.drag-over{background:#ece8e0!important;border-color:var(--a-gold)!important}
.pipeline-stage-head{position:sticky;top:0;display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 10px!important;margin:0!important;border:0!important;background:none!important}
.pipeline-stage-label{display:flex;align-items:center;gap:8px;min-width:0}
.pipeline-stage-label strong{font-size:var(--a-fs-md)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--a-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pipeline-stage-dot{width:7px!important;height:7px!important;border-radius:50%;background:var(--a-gold)!important;box-shadow:none!important}
.pipeline-stage-summary{display:flex!important;align-items:center;gap:8px;flex-direction:row!important}
.stage-count{min-width:22px;height:20px;padding:0 6px!important;display:inline-grid!important;place-items:center;border-radius:999px!important;background:var(--a-surface)!important;border:1px solid var(--a-line)!important;font-size:11.5px!important;font-weight:600!important;color:var(--a-ink)!important}
.pipeline-stage-total{font-size:var(--a-fs-sm)!important;color:var(--a-subtle)!important}
.stage-list{display:flex!important;flex-direction:column;gap:6px!important;padding:0 8px!important}
.stage-list>.empty-note{padding:18px 8px!important;border:1px dashed var(--a-line-strong)!important;border-radius:var(--a-r-sm)!important;font-size:var(--a-fs-sm)!important}
.pipeline-card{position:relative;display:flex!important;flex-direction:column;gap:8px!important;padding:11px 12px!important;margin:0!important;background:var(--a-surface)!important;border:1px solid var(--a-line)!important;border-radius:8px!important;box-shadow:var(--a-sh-1)!important;cursor:grab;transition:box-shadow var(--a-fast) var(--a-ease),border-color var(--a-fast),transform var(--a-fast)}
.pipeline-card:hover{border-color:var(--a-line-strong)!important;box-shadow:var(--a-sh-2)!important}
.pipeline-card.dragging{opacity:.55;transform:rotate(1deg)}
.pipeline-card-top{display:flex!important;align-items:flex-start;justify-content:space-between;gap:8px;margin:0!important}
.pipeline-card-name{display:flex!important;align-items:center;gap:9px;min-width:0}
.pipeline-card-name .leadavatar{width:28px!important;height:28px!important;font-size:10.5px!important}
.pipeline-card-name b{display:block;font-size:var(--a-fs-md)!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pipeline-card-name small{display:block;font-size:var(--a-fs-xs)!important;color:var(--a-subtle)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.score-badge{flex:0 0 auto;height:20px;min-width:26px;padding:0 6px!important;display:inline-grid!important;place-items:center;border-radius:4px!important;background:var(--a-sunken)!important;border:0!important;font-size:11px!important;font-weight:600!important;color:var(--a-muted)!important}
.pipeline-card-tags{display:flex!important;flex-wrap:wrap;gap:4px!important;margin:0!important}
.pipeline-chip{height:20px!important;padding:0 7px!important;display:inline-flex!important;align-items:center;border-radius:4px!important;border:0!important;background:var(--a-sunken)!important;color:var(--a-muted)!important;font-size:11px!important;font-weight:500!important}
.pipeline-chip.muted{background:none!important;padding-left:0!important}
.pipeline-card-meta{display:flex!important;justify-content:space-between;gap:8px;margin:0!important;padding:8px 0 0!important;border-top:1px solid var(--a-line)!important;background:none!important}
.pipeline-card-meta>div:first-child{display:none!important}
.pipeline-card-meta>div{display:flex!important;flex-direction:row!important;align-items:baseline;justify-content:space-between;gap:8px;width:100%}
.pipeline-card-label{display:none!important}
.pipeline-card-value{font-size:var(--a-fs-sm)!important;font-weight:500!important;color:var(--a-ink)!important}
.pipeline-card-sub{font-size:var(--a-fs-sm)!important;color:var(--a-subtle)!important;white-space:nowrap}
.pipeline-card-actions{display:flex!important;gap:6px!important;margin:0!important}
.pipeline-card-actions .btn{flex:1;height:30px!important;min-height:30px!important;font-size:12.5px!important;box-shadow:none!important}
.pipeline-card-actions .pipeline-open-btn{background:var(--a-sunken)!important;border-color:transparent!important;color:var(--a-ink)!important}
@media (hover:hover) and (pointer:fine){
  .pipeline-card-actions{position:absolute;left:12px;right:12px;bottom:10px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--a-fast) var(--a-ease),transform var(--a-fast) var(--a-ease)}
  .pipeline-card:hover .pipeline-card-actions,.pipeline-card:focus-within .pipeline-card-actions{opacity:1;transform:none;pointer-events:auto}
  .pipeline-card:hover .pipeline-card-meta,.pipeline-card:focus-within .pipeline-card-meta{visibility:hidden}
}

/* ---------- modals en sheets ---------- */
.modal,.cp-modal{background:rgba(30,27,22,.42)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;padding:24px!important}
.modal.open .sheet,.cp-modal.open .cp-modal-card{animation:a-pop var(--a-med) var(--a-ease)}
@keyframes a-pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.sheet,.cp-modal-card{background:var(--a-surface)!important;border:0!important;border-radius:var(--a-r-lg)!important;box-shadow:var(--a-sh-3)!important;padding:24px 26px!important;width:min(640px,100%)!important}
.sheet .panelhead{display:flex!important;align-items:center;justify-content:space-between;margin:0 0 18px!important;padding:0 0 14px!important;border-bottom:1px solid var(--a-line)!important}
.sheet .panelhead h2{margin:0!important;font-size:var(--a-fs-xl)!important;font-weight:600!important;letter-spacing:-.01em}
.sheet .panelhead>button,.cp-x{width:32px!important;height:32px!important;display:grid!important;place-items:center;border:0!important;border-radius:var(--a-r-sm)!important;background:var(--a-sunken)!important;color:var(--a-muted)!important;font-size:18px!important;line-height:1!important}
.sheet .panelhead>button:hover,.cp-x:hover{background:var(--a-line)!important;color:var(--a-ink)!important}
.sheet .formgrid{gap:12px!important}
.sheet>.btn.primary{height:42px!important;margin-top:16px!important}
.new-lead-stage{padding:10px 12px!important;border:1px solid var(--a-line)!important;border-radius:var(--a-r-sm)!important;background:var(--a-sunken)!important}

/* ---------- leaddossier ---------- */
.lead-dossier-overlay{background:rgba(30,27,22,.36)!important}
.lead-dossier-drawer{background:var(--a-bg)!important;box-shadow:var(--a-sh-3)!important;border-left:1px solid var(--a-line)!important}
.lead-dossier-overlay.open .lead-dossier-drawer{animation:a-drawer var(--a-med) var(--a-ease)}
@keyframes a-drawer{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
#detail .client-header h1{font-size:24px!important;font-weight:600!important;letter-spacing:-.02em!important}
#detail .client-section{background:var(--a-surface)!important;border:1px solid var(--a-line)!important;border-radius:var(--a-r-md)!important;box-shadow:var(--a-sh-1)!important}
#detail .dossier-focusbar{border-radius:var(--a-r-md)!important;border:1px solid var(--a-line)!important;background:var(--a-surface)!important;box-shadow:none!important}
.a-stepper{display:flex;gap:4px;margin:14px 0 18px;padding:0;list-style:none;overflow-x:auto}
.a-stepper li{flex:1 1 0;min-width:84px;display:flex;flex-direction:column;gap:7px;font-size:11.5px;font-weight:500;color:var(--a-subtle);white-space:nowrap}
.a-stepper li:before{content:'';height:4px;border-radius:4px;background:var(--a-line)}
.a-stepper li.done{color:var(--a-muted)}
.a-stepper li.done:before{background:var(--a-gold)}
.a-stepper li.current{color:var(--a-ink);font-weight:600}
.a-stepper li.current:before{background:var(--a-ink-2)}
.a-stepper.lost li:before{background:var(--a-bad-bg)}

/* ---------- toasts en bevestiging ---------- */
#toastV10,.toast-v10{left:50%!important;right:auto!important;bottom:24px!important;transform:translate(-50%,8px)!important;padding:11px 16px!important;border-radius:999px!important;background:var(--a-ink)!important;color:#fff!important;font:500 var(--a-fs-md) var(--a-font)!important;box-shadow:var(--a-sh-2)!important;max-width:min(520px,calc(100vw - 32px));text-align:center}
#toastV10.show,.toast-v10.show{transform:translate(-50%,0)!important}
.a-confirm{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(30,27,22,.42);backdrop-filter:blur(4px)}
.a-confirm.open{display:flex}
.a-confirm-card{width:min(440px,100%);padding:24px;border-radius:var(--a-r-lg);background:var(--a-surface);box-shadow:var(--a-sh-3);animation:a-pop var(--a-med) var(--a-ease)}
.a-confirm-card h3{margin:0 0 8px;font-size:var(--a-fs-lg);font-weight:600}
.a-confirm-card p{margin:0 0 20px;font-size:var(--a-fs-base);line-height:1.55;color:var(--a-muted);white-space:pre-line}
.a-confirm-actions{display:flex;justify-content:flex-end;gap:8px}
.a-confirm-actions .btn{width:auto!important}

/* ---------- contentplanning op het systeem ---------- */
.cp-views{border-color:var(--a-line-strong)!important;border-radius:var(--a-r-sm)!important}
.cp-views button{border-radius:4px!important;height:28px}
.cp-views button.active{background:var(--a-ink-2)!important}
.cp-grid{border-radius:var(--a-r-sm)!important}
.cp-day{min-height:118px}
.cp-col{border-radius:var(--a-r-md)!important;background:var(--a-sunken)!important}
.cp-card{border-radius:8px!important;box-shadow:var(--a-sh-1)}

/* ---------- tablet ---------- */
@media (max-width:1180px){
  .desktop-main{padding:0 24px 64px!important}
  .topbar{margin:0 -24px var(--a-s5)!important;padding:0 24px!important}
  .topbar .profile>div:first-child{display:none!important}
  .a-funnel{grid-template-columns:repeat(3,minmax(0,1fr))}
  .a-funnel-step:nth-child(4){box-shadow:inset 0 1px 0 var(--a-line)}
  .a-funnel-step:nth-child(5){box-shadow:inset 1px 0 0 var(--a-line),inset 0 1px 0 var(--a-line)}
}

/* ---------- mobiel ---------- */
@media (max-width:800px){
  .desktop-main{padding:0 16px calc(96px + env(safe-area-inset-bottom,0px))!important;width:100%!important;margin-left:0!important}
  .topbar{display:none!important}
  .page-head,.pipeline-head,.dashboard-welcome{align-items:stretch!important;margin-bottom:var(--a-s5)!important}
  .page-head>div:first-child,.pipeline-head>div:first-child,.dashboard-welcome>div:first-child{flex-basis:100%}
  .page-head h2,.pipeline-head h2,.dashboard-welcome h1{font-size:22px!important}
  .page-head>.btn,.page-head>button{flex:1 1 calc(50% - 4px)}
  .btn{height:44px!important;min-height:44px!important}
  .desktop-main input:not([type=checkbox]):not([type=radio]):not([type=file]),.desktop-main select{height:44px!important;min-height:44px!important;font-size:16px!important}
  .toolbar select,.cp-toolbar select{flex:1 1 calc(50% - 4px);min-width:0}
  .lead-overview-stats,.pipeline-stats,.kpis,.cp-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .lead-stat:nth-child(odd),.mini-kpi:nth-child(odd),.kpi:nth-child(odd){box-shadow:none!important}
  .lead-stat:nth-child(n+3),.mini-kpi:nth-child(n+3),.kpi:nth-child(n+3){border-top:1px solid var(--a-line)!important}
  .lead-stat strong,.mini-kpi strong,.kpi strong{font-size:20px!important}
  .a-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a-funnel-step{box-shadow:inset 0 -1px 0 var(--a-line)!important}
  .a-funnel-step:nth-child(even){box-shadow:inset 1px 0 0 var(--a-line),inset 0 -1px 0 var(--a-line)!important}
  .pipeline-board{grid-auto-columns:86vw!important;scroll-snap-type:x mandatory;margin:0 -16px!important;padding:0 16px 12px!important;scroll-padding:0 16px}
  .pipeline-card-actions .btn{height:40px!important;min-height:40px!important}
  .tablewrap,.table-card{max-height:none}
  .sheet,.cp-modal-card{border-radius:var(--a-r-lg) var(--a-r-lg) 0 0!important;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px))!important}
  .modal{align-items:flex-end!important;padding:0!important}
  .sheet .formgrid{grid-template-columns:1fr!important}
  .mobile-top{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--a-line)!important;box-shadow:none!important}
  .mobile-bottom{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;height:64px!important;border-radius:var(--a-r-lg)!important;background:rgba(255,255,255,.94)!important;border:1px solid var(--a-line)!important;box-shadow:var(--a-sh-2)!important}
  .mobile-bottom button{min-height:44px}
  .mobile-bottom button.active{color:var(--a-ink)!important}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ---------- specificiteit: wint van oudere ID-gebaseerde regels ---------- */
html body .app{background:var(--a-bg)!important}
html body .desktop-main>.view{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:4px 0 0!important}
html body .dashboard-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body #dashboard .kpis .kpi,html body #leads .lead-overview-stats .lead-stat,html body #pipeline .pipeline-stats .mini-kpi,html body #content .cp-stats .lead-stat,html body .lead-overview-stats .lead-stat{margin:0!important;padding:16px 20px!important;min-height:0!important;height:auto!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body #dashboard .kpis .kpi+.kpi,html body .lead-overview-stats .lead-stat+.lead-stat,html body #pipeline .pipeline-stats .mini-kpi+.mini-kpi{box-shadow:inset 1px 0 0 var(--a-line)!important}
html body .kpi:after{display:none!important}
html body #dashboard .kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:800px){
  html body #dashboard .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body #dashboard .kpis .kpi:nth-child(odd),html body .lead-overview-stats .lead-stat:nth-child(odd),html body #pipeline .pipeline-stats .mini-kpi:nth-child(odd){box-shadow:none!important}
  html body #dashboard .kpis .kpi:nth-child(n+3),html body .lead-overview-stats .lead-stat:nth-child(n+3),html body #pipeline .pipeline-stats .mini-kpi:nth-child(n+3){border-top:1px solid var(--a-line)!important}
  html body #dashboard .kpis .kpi,html body .lead-overview-stats .lead-stat,html body #pipeline .pipeline-stats .mini-kpi{padding:12px 14px!important}
}

/* ---------- mobiel: logo, welkomstkop, funnel ---------- */
html body .mobile-top .mobile-logo img{content:url('amara-logo-dark.png');}
html body .mobile-top .mobile-logo img,html body .desa-mobile-drawer-logo{filter:none!important;opacity:1!important;height:24px!important;width:auto!important}
html body .dashboard-welcome{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html body .dashboard-welcome:before,html body .dashboard-welcome:after{display:none!important}
@media (max-width:800px){
  .a-funnel-step:last-child:nth-child(odd){grid-column:1/-1}
  .a-funnel-head{flex-wrap:wrap;gap:10px}
  .dashboard-actions{width:100%}
  .dashboard-actions .btn{flex:1}
}
@media (max-width:800px){
  html body .desktop-main>.view{padding-top:calc(var(--desa-mobile-header-height,64px) + 16px)!important}
  html body #dashboard .dashboard-welcome{min-height:0!important;background:none!important;padding:0!important}
}
@media (max-width:800px){
  html body .desa-mobile-drawer{box-shadow:none!important}
  html body.desa-mobile-menu-open .desa-mobile-drawer{box-shadow:18px 0 50px rgba(0,0,0,.26)!important}
}
@media (max-width:800px){
  html body #pipeline .pipeline-board{grid-auto-columns:80vw!important}
  html body #pipeline .pipeline-stage{min-width:0!important;width:auto!important;max-width:none!important}
}
#detail .client-topbar+.a-stepper{margin:0 0 16px;padding:0 22px}

/* mobile fixes 31-10 */
html body .cp-views button.active{color:#fff!important;-webkit-text-fill-color:#fff}
@media (max-width:760px){
  html body #appointments .page-head{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;height:auto!important;max-height:none!important;align-items:stretch!important;gap:14px}
  html body #appointments .page-head>*{max-width:100%!important;min-width:0}
  html body #appointments #planAppointmentTop{width:100%!important;height:auto!important;min-height:48px;writing-mode:horizontal-tb}
}

/* Login: wit i.p.v. creme */
html body #loginScreen.login,html body #loginScreen .login-card{background:#fff!important}