/* Amara CRM — leadwerkruimte (in shadow DOM).
   Maten en kleuren 1-op-1 uit het goedgekeurde canvas (Leads · desktop / Leads · mobiel).
   Tokens komen uit app/tokens.css (custom properties erven door de shadow root heen). */
:host{display:block}
*,*::before,*::after{box-sizing:border-box}
.lw{font-family:var(--am-font);color:var(--am-ink);background:var(--am-canvas);font-size:14px;line-height:1.5;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--am-ink);outline-offset:2px}
.lw-num{font-variant-numeric:tabular-nums}
.lw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lw-grow{flex:1}
.lw-sub{display:block;font-size:12px;color:var(--am-muted);line-height:1.4}
.lw-text-late{color:var(--am-late)}
.lw[aria-busy="true"]{cursor:progress}

/* Bovenbalk */
.lw-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 28px;border-bottom:1px solid var(--am-line)}
.lw-search{flex:1 1 320px;max-width:520px;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid var(--am-line);border-radius:10px;color:var(--am-muted);background:var(--am-surface)}
.lw-search:focus-within{border-color:var(--am-ink)}
.lw-search input{flex:1;min-width:0;border:0;outline:0;padding:0;font-size:14px;color:var(--am-ink);background:transparent}
.lw-search input::placeholder{color:var(--am-muted)}
.lw-search kbd{font-family:inherit;font-size:12px;border:1px solid var(--am-line);border-radius:5px;padding:0 6px;color:var(--am-muted)}

/* Knoppen */
.lw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--am-line);background:var(--am-surface);color:var(--am-ink);font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--am-fast),border-color var(--am-fast)}
.lw-btn:hover{background:var(--am-hover);border-color:#D6D6DB}
.lw-btn:disabled{opacity:.45;cursor:not-allowed}
.lw-btn--primary{background:var(--am-ink);border-color:var(--am-ink);color:#fff;font-weight:500}
.lw-btn--primary:hover{background:var(--am-ink-strong);border-color:var(--am-ink-strong)}
.lw-btn--icon{width:40px;padding:0}
.lw-btn--sm{height:34px;padding:0 12px;border-radius:8px;font-size:13px}
.lw-btn--outline{height:36px;padding:0 12px;border:1px solid var(--am-ink);border-radius:8px;font-size:13px;font-weight:500}
.lw-btn--dark{height:34px;padding:0 12px;border:1px solid #5A5A5E;border-radius:8px;background:transparent;color:#fff;font-size:13px}
.lw-btn--dark:hover{background:#4A4A4E;border-color:#6A6A6E}
.lw-btn--block{width:100%;height:44px;margin-top:auto}
.lw-link{border:0;background:none;padding:0;color:var(--am-ink);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* Meer-menu */
.lw-menu{position:relative}
.lw-menu summary{list-style:none}
.lw-menu summary::-webkit-details-marker{display:none}
.lw-menu__panel{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:220px;padding:6px;background:var(--am-surface);border:1px solid var(--am-line);border-radius:12px;box-shadow:0 12px 32px rgba(31,31,32,.10)}
.lw-menu__panel button{display:block;width:100%;height:38px;padding:0 10px;text-align:left;border:0;border-radius:8px;background:none;font-size:14px;cursor:pointer}
.lw-menu__panel button:hover{background:var(--am-surface-2)}

/* Lijst + voorbeeld */
.lw-body{display:flex;flex-wrap:wrap;flex:1;min-height:0}
.lw-list{flex:999 1 560px;min-width:0;padding:24px 28px 32px;display:flex;flex-direction:column;gap:18px}
.lw-titlebar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.lw-titlebar h1{font-size:26px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.lw-intro{margin-top:2px;color:var(--am-muted);font-size:13px}

/* Merk */
.lw-seg{display:flex;padding:3px;background:var(--am-surface-2);border-radius:10px}
.lw-seg__btn{height:32px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--am-muted);font-size:13px;cursor:pointer}
.lw-seg__btn span{margin-left:2px;opacity:.7}
.lw-seg__btn[aria-pressed="true"]{background:var(--am-surface);color:var(--am-ink);font-weight:500;box-shadow:0 1px 2px rgba(56,56,56,.12)}

/* Weergaven */
.lw-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--am-line)}
.lw-tab{display:flex;align-items:center;gap:8px;height:42px;padding:0 4px;margin-right:16px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:14px;color:var(--am-muted);cursor:pointer}
.lw-tab:hover{color:var(--am-ink)}
.lw-tab[aria-selected="true"]{color:var(--am-ink);font-weight:500;border-bottom-color:var(--am-ink)}
.lw-tab__count{font-size:12px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--am-surface-2);color:var(--am-ink);font-weight:400}
.lw-tab__count--live{background:var(--am-ink);color:#fff}
.lw-tab__count--late{background:var(--am-late);color:#fff}
.lw-tab__short,.lw-tab--brand{display:none}

/* Filters */
.lw-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lw-chip{position:relative;display:inline-flex;align-items:center;height:34px;padding:0 12px;border:1px solid var(--am-line);border-radius:8px;background:var(--am-surface);font-size:13px;color:var(--am-ink);cursor:pointer;max-width:220px;white-space:nowrap}
.lw-chip:hover{border-color:#D6D6DB}
.lw-chip:focus-within{outline:2px solid var(--am-ink);outline-offset:2px}
.lw-chip.is-set{border-color:var(--am-ink);font-weight:500}
.lw-chip__text{overflow:hidden;text-overflow:ellipsis}
.lw-chip select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.lw-chip--clear{border-style:dashed;border-color:var(--am-line-dashed);color:var(--am-muted)}
.lw-filters__count{margin-left:auto;font-size:13px;color:var(--am-muted)}

/* Bulk */
.lw-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 8px 8px 16px;background:var(--am-ink);color:#fff;border-radius:10px}
.lw-bulk__count{font-size:13px;font-weight:500}
.lw-bulk__hint{font-size:12px;color:#C9C9CE}
.lw-select{appearance:none;-webkit-appearance:none;width:100%;height:40px;padding:0 30px 0 12px;border:1px solid var(--am-line);border-radius:8px;background:var(--am-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236B6B70' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center;font-size:13px;cursor:pointer}
.lw-select--dark{width:auto;height:34px;border-color:#5A5A5E;background-color:transparent;color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.lw-select--dark option{color:var(--am-ink);background:#fff}
.lw-select--quiet{height:34px;border-color:transparent;background-color:transparent;color:var(--am-muted);padding-left:0;width:auto;align-self:flex-start}
.lw-select--quiet:hover{color:var(--am-ink)}

/* Tabel */
.lw-tablewrap{overflow-x:auto;background:var(--am-surface);border:1px solid var(--am-line);border-radius:12px}
.lw-table{width:100%;min-width:760px;border-collapse:collapse;font-size:13.5px}
.lw-table th{text-align:left;color:var(--am-muted);font-size:12px;font-weight:500;padding:10px 12px;border-bottom:1px solid var(--am-line);white-space:nowrap}
.lw-table td{padding:12px;border-bottom:1px solid var(--am-line-soft);vertical-align:top}
.lw-table tbody tr:last-child td{border-bottom:0}
.lw-col-check{width:44px;padding-left:16px!important;padding-right:0!important}
.lw-col-check input{width:16px;height:16px;margin:3px 0 0;accent-color:var(--am-ink);cursor:pointer}
.lw-col-sla{width:150px}
.lw-col-owner{width:64px;padding-right:16px!important}
.lw-row{cursor:pointer}
.lw-row:hover{background:var(--am-hover)}
.lw-row.is-selected{background:var(--am-surface-2);box-shadow:inset 3px 0 0 var(--am-ink)}
.lw-name{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;line-height:1.35}
.lw-name__txt{display:flex;flex-direction:column;min-width:0}
.lw-lav{flex:none;width:34px;height:34px;border-radius:50%;background:var(--am-surface-2);color:var(--am-muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:.02em;transition:transform var(--am-dur-press) var(--am-ease-out)}
.lw-lav--amara{background:var(--am-sand-tint);color:var(--am-sand-deep)}
.lw-row.is-selected .lw-lav{background:var(--am-night);color:#fff}
.lw-name:focus-visible{outline:2px solid var(--am-ink);outline-offset:3px;border-radius:4px}
.lw-name__main{font-weight:500;white-space:nowrap}
.lw-stack{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0;width:100%}
.lw-brand{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}
.lw-brand__dot{width:6px;height:6px;border-radius:50%}
.lw-brand--amara{background:var(--am-ink);color:#fff}
.lw-brand--amara .lw-brand__dot{background:rgba(255,255,255,.7)}
.lw-brand--desa{background:var(--am-surface);color:var(--am-muted);border:1px solid #DCDCE0}
.lw-brand--desa .lw-brand__dot{background:var(--am-desa)}
.lw-stage{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.lw-stage__dot{width:7px;height:7px;border-radius:50%;background:#8C8C91}
.lw-stage__dot--new{background:var(--am-sand)}
.lw-stage__dot--deep{background:var(--am-ink)}
.lw-stage__dot--lost{background:transparent;border:1.5px solid #8C8C91}
.lw-sla{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--am-muted)}
.lw-sla--live{color:var(--am-ink);font-weight:500}
.lw-sla--late,.lw-sla--over{color:var(--am-late);font-weight:500}
.lw-sla__track{display:block;width:100%;max-width:120px;height:3px;border-radius:2px;background:var(--am-track);overflow:hidden}
.lw-sla__fill{display:block;height:100%}
.lw-sla__fill--ok{background:var(--am-ink)}
.lw-sla__fill--warn{background:var(--am-warn)}
.lw-sla__fill--late{background:var(--am-late)}
.lw-next{display:block;line-height:1.35}
.lw-next--urgent{color:var(--am-late);font-weight:500}
.lw-owner{flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:var(--am-sand-tint);color:var(--am-sand-deep)}
.lw-owner--none{background:var(--am-surface);color:var(--am-late);border:1px dashed var(--am-late)}
.lw-empty{padding:40px 16px!important;text-align:center;color:var(--am-muted);list-style:none}

/* Voorbeeldpaneel */
.lw-preview{flex:1 1 340px;max-width:420px;min-width:0;border-left:1px solid var(--am-line);padding:24px;display:flex;flex-direction:column;gap:20px;background:var(--am-surface);position:sticky;top:0;align-self:flex-start;min-height:calc(100vh - 73px);max-height:100vh;overflow-y:auto;overscroll-behavior:contain}
.lw-preview__empty{color:var(--am-muted);font-size:13px}
.lw-p-top{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:12px}
.lw-p-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.lw-p-open{flex:none;height:40px;padding:0 14px;gap:6px}
.lw-p-head h2{margin-top:4px;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.lw-p-origin{font-size:13px;color:var(--am-muted)}
.lw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lw-quick__btn{height:56px;padding:0;border:1px solid var(--am-line);border-radius:10px;background:var(--am-surface);color:var(--am-ink);font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none}
.lw-quick__btn:hover{background:var(--am-hover);border-color:#D6D6DB}
.lw-quick__btn:disabled{opacity:.4;cursor:not-allowed}
.lw-quick__btn[aria-expanded="true"]{border-color:var(--am-ink)}
.lw-note{display:flex;flex-direction:column;gap:8px;margin-top:-8px}
.lw-note textarea{width:100%;min-height:84px;padding:10px 12px;border:1px solid var(--am-line);border-radius:10px;resize:vertical;font-size:14px;line-height:1.5;outline:0}
.lw-note textarea:focus{border-color:var(--am-ink)}
.lw-note__actions{display:flex;justify-content:flex-end;gap:8px}
.lw-p-sec{display:flex;flex-direction:column;gap:10px}
.lw-p-sec h3{font-size:14px;font-weight:600}
.lw-p-sec__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.lw-p-meta{font-size:12px;color:var(--am-muted)}
.lw-owner-row{display:flex;align-items:center;gap:10px}
.lw-owner-row .lw-select{flex:1;width:auto}
.lw-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.lw-steps__item{height:6px;border-radius:3px;background:var(--am-line)}
.lw-steps__item--done{background:var(--am-ink)}
.lw-steps__item--now{background:var(--am-ink)}
.lw-now{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:var(--am-surface-2);border-radius:10px}
.lw-now__label{display:flex;flex-direction:column;line-height:1.35}
.lw-now__label span{font-size:12px;color:var(--am-muted)}
.lw-now__label b{font-weight:500}
.lw-dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:8px;font-size:13px}
.lw-dl dt{color:var(--am-muted)}
.lw-dl dd{margin:0;overflow-wrap:anywhere}
.lw-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:13px}
.lw-timeline li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px}
.lw-timeline li>span:first-child{color:var(--am-muted)}

/* Kaarten (mobiel) */
.lw-cards{display:none;list-style:none;margin:0;padding:0;flex-direction:column;gap:10px}
.lw-card{background:var(--am-surface);border:1px solid var(--am-line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.lw-card__head{all:unset;cursor:pointer;display:flex;align-items:flex-start;gap:10px}
.lw-card__who{flex:1;min-width:0;display:flex;flex-direction:column}
.lw-card__who b{font-weight:500;font-size:15px}
.lw-card__status{display:flex;flex-direction:column;gap:6px}
.lw-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px}
.lw-card__row .lw-sla{display:inline}
.lw-card__owner{color:var(--am-muted);font-size:13px}
.lw-card__owner.lw-text-late{color:var(--am-late)}
.lw-sla__track--full{max-width:none}
.lw-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lw-card__actions .lw-btn{height:44px;width:100%}

/* Prullenbak */
.lw-modal{position:fixed;inset:0;z-index:100001;background:rgba(31,31,32,.45);display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--am-font);color:var(--am-ink);font-size:14px}
.lw-modal__box{background:var(--am-surface);width:min(620px,100%);max-height:80vh;overflow:auto;padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:12px}
.lw-modal__head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lw-modal__head h2{font-size:20px;font-weight:600}
.lw-modal .lw-btn{height:36px;padding:0 12px;border-radius:8px;font-size:13px}
.lw-modal .lw-btn--outline{border-color:var(--am-ink)}
.lw-trash-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--am-line-soft);padding:12px 0}

/* Smaller dan desktop: voorbeeld onder de lijst */
@media (max-width:1180px){
  .lw-preview{flex-basis:100%;max-width:none;border-left:0;border-top:1px solid var(--am-line);padding:24px 28px 32px;position:static;max-height:none;overflow:visible;scroll-margin-top:16px}
}
/* Mobiel volgens canvas "Leads · mobiel" */
@media (max-width:800px){
  /* Zoeken en + staan in de app-kop; de zoekbalk verschijnt pas na tikken op zoeken */
  .lw-top{display:none;padding:4px 16px 0;border-bottom:0}
  .lw.is-searching .lw-top{display:flex}
  .lw-top>:not(.lw-search){display:none}
  .lw-search{flex:1 1 auto;max-width:none;height:44px;border-radius:12px}
  .lw-search kbd{display:none}
  .lw-list{padding:20px 16px 96px;gap:14px}
  .lw-seg{display:none}
  .lw-tab__long,.lw-tab--kwal{display:none}
  .lw-tab__short{display:inline}
  .lw-tab--brand{display:flex}
  .lw-tab--brand[aria-pressed="true"]{background:var(--am-ink);border-color:var(--am-ink);color:#fff}
  .lw-titlebar h1{font-size:24px}
  .lw-intro{display:none}
  .lw-titlebar{align-items:center}
  .lw-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;border-bottom:0;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  .lw-tabs::-webkit-scrollbar{display:none}
  .lw-tab{flex:none;height:36px;padding:0 12px;margin:0;border:1px solid var(--am-line);border-radius:18px;font-size:13px;gap:6px}
  .lw-tab[aria-selected="true"]{background:var(--am-ink);border-color:var(--am-ink);color:#fff}
  .lw-tab[aria-selected="true"] .lw-tab__count:not(.lw-tab__count--late){background:rgba(255,255,255,.18);color:#fff}
  .lw-tab__count{height:18px;min-width:18px;border-radius:9px;font-size:11px}
  .lw-filters,.lw-tablewrap,.lw-preview,#lwBulk{display:none}
  .lw-cards{display:flex}
}

/* Micro-interacties: korte drukfeedback, warme hover, alleen transform/opacity bewegen */
.lw-btn,.lw-quick__btn,.lw-chip,.lw-tab,.lw-seg__btn{transition:background var(--am-fast),border-color var(--am-fast),color var(--am-fast),box-shadow var(--am-fast),transform var(--am-dur-press) var(--am-ease-out)}
.lw-btn:not(:disabled):active,.lw-quick__btn:not(:disabled):active,.lw-chip:active,.lw-tab:active{transform:scale(.97)}
.lw-row{transition:background var(--am-fast),box-shadow var(--am-dur-enter) var(--am-ease-out)}
.lw-row.is-selected{box-shadow:inset 3px 0 0 var(--am-ink)}
.lw-card{transition:border-color var(--am-fast),box-shadow var(--am-dur-enter) var(--am-ease-out),transform var(--am-dur-press) var(--am-ease-out)}
.lw-card:has(.lw-card__head:active){transform:scale(.99)}
.lw-tablewrap,.lw-card{box-shadow:0 1px 2px rgba(24,24,27,.04)}
.lw-preview>*{animation:am-in var(--am-dur-enter) var(--am-ease-out) both}
@media (hover:hover){
  .lw-quick__btn:not(:disabled):hover{border-color:#C9C9CE;background:var(--am-hover)}
  .lw-btn--outline:hover,.lw-chip:hover{border-color:#C9C9CE}
  .lw-card:hover{border-color:#D1D1D6;box-shadow:var(--am-shadow-card)}
}
@keyframes am-in{from{opacity:0;transform:translateY(4px)}}
/* Binnenkomst van het scherm: rijen en kaarten verschijnen kort na elkaar */
.lw.is-entering :is(.lw-row,.lw-card){animation:am-rise 360ms var(--am-ease-out) both}
.lw.is-entering :is(.lw-row,.lw-card):nth-child(2){animation-delay:35ms}
.lw.is-entering :is(.lw-row,.lw-card):nth-child(3){animation-delay:70ms}
.lw.is-entering :is(.lw-row,.lw-card):nth-child(4){animation-delay:105ms}
.lw.is-entering :is(.lw-row,.lw-card):nth-child(5){animation-delay:140ms}
.lw.is-entering :is(.lw-row,.lw-card):nth-child(6){animation-delay:175ms}
.lw.is-entering :is(.lw-row,.lw-card):nth-child(7){animation-delay:210ms}
.lw.is-entering :is(.lw-row,.lw-card):nth-child(8){animation-delay:245ms}
.lw.is-entering :is(.lw-row,.lw-card):nth-child(9){animation-delay:280ms}
.lw.is-entering :is(.lw-row,.lw-card):nth-child(10){animation-delay:315ms}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@keyframes am-rise{from{opacity:0;transform:translateY(10px)}}

/* Amara mobile filters: compact, tactile, horizontally scrollable. */
@media(max-width:800px){
 .lw-list{gap:12px}
 .lw-tabs{gap:6px;padding:0 16px 4px;scroll-padding-inline:16px}
 .lw-tab{height:34px;border-radius:10px;padding:0 11px;font-size:12px;font-weight:500;letter-spacing:-.01em}
 .lw-tab[aria-selected="true"]{background:#282725;border-color:#282725}
 .lw-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;scrollbar-width:none;margin:0 -16px;padding:2px 16px 8px;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch;align-items:center}
 .lw-filters::-webkit-scrollbar{display:none}
 .lw-chip{flex:none;height:36px;border-radius:10px;background:#f7f3ed;border-color:#e7ded1;color:#5b5043;padding:0 12px;font-size:12px;font-weight:500;max-width:180px}
 .lw-chip.is-set{background:#e9ddcc;border-color:#cdbba1;color:#342a20}
 .lw-chip--clear{background:#fff;border-color:#ded8cf;color:#66594b}
 .lw-filters__count{flex:none;white-space:nowrap;font-size:11px;color:#81796f}
 .lw-cards{margin-top:0}
}

/* Keep lead screens consistent with the dashboard's single warm neutral. */
@media(max-width:800px){
 .lw-card{border-color:#e9e5de}
 .lw-card:nth-child(odd){background:#fcfaf7;border-color:#eee6dc}
 .lw-tab:not([aria-selected="true"]){background:#faf8f5;border-color:#e9e3db;color:#615c55}
 .lw-tab[aria-selected="true"]{background:#332f2a;border-color:#332f2a}
 .lw-chip{background:#f8f5f0;border-color:#e9e0d5}
 .lw-chip.is-set{background:#eee5d9;border-color:#cdbda8}
}

/* One intentional filter control on mobile; existing select controls stay native and accessible. */
.lw-filter-panel{display:contents}
.lw-filter-trigger{display:none}
.lw-filter-content{display:contents}
@media(max-width:800px){
 .lw-list{gap:15px}
 .lw-tabs{margin-bottom:0}
 .lw-filters{display:flex;overflow:visible;margin:0;padding:0;justify-content:space-between;align-items:center;gap:10px}
 .lw-filter-panel{display:block;position:relative;flex:0 1 auto;min-width:0}
 .lw-filter-trigger{display:inline-flex;align-items:center;gap:9px;height:43px;padding:0 14px;background:#f8f5f0;border:1px solid #e3d9cb;border-radius:12px;color:#3d3832;font-size:13px;font-weight:600;cursor:pointer;list-style:none;white-space:nowrap}
 .lw-filter-trigger::-webkit-details-marker{display:none}
 .lw-filter-chevron{margin-left:3px;transition:transform .2s}
 .lw-filter-panel[open] .lw-filter-chevron{transform:rotate(180deg)}
 .lw-filter-active{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:#b49a7b;color:#fff;font-size:11px}
 .lw-filter-content{display:none}
 .lw-filter-panel[open] .lw-filter-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:absolute;top:calc(100% + 9px);left:0;z-index:20;width:min(340px,calc(100vw - 32px));padding:15px;border:1px solid #e9dfd2;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(39,32,24,.13)}
 .lw-filter-content .lw-chip{width:100%;max-width:none;min-width:0;height:46px;border-radius:10px;padding:0 11px;justify-content:space-between;background:#faf8f5}
 .lw-filter-content .lw-chip--clear{grid-column:1/-1;justify-content:center;background:#f1e9de;border-color:#e3d5c4}
 .lw-filters__count{margin-left:auto;font-size:12px;color:#80776b}
 .lw-card:nth-child(odd){background:#fff}
}

/* Amara dropdowns: sand border, restrained typography, native accessible menu. */
.lw-filter-content select,.lw-filter-content .lw-chip select{appearance:none;-webkit-appearance:none;border:1px solid #e3d9cb!important;border-radius:10px!important;background-color:#faf8f5!important;color:#3d3832!important;font-family:inherit!important;font-size:13px!important;font-weight:500!important;min-height:44px!important;padding:0 28px 0 12px!important;outline-offset:2px;background-image:linear-gradient(45deg,transparent 50%,#937b5f 50%),linear-gradient(135deg,#937b5f 50%,transparent 50%)!important;background-position:calc(100% - 17px) 51%,calc(100% - 12px) 51%!important;background-size:5px 5px!important;background-repeat:no-repeat!important}
.lw-filter-content select:focus-visible{outline:2px solid #b59b7d!important;border-color:#b59b7d!important}
.lw-filter-content select:disabled{opacity:.55}
@media(max-width:800px){
 .lw-filter-content .lw-chip{padding:0!important;border:0!important;background:transparent!important;height:auto!important}
 .lw-filter-content select{width:100%!important;max-width:100%!important}
 .lw-filter-trigger:focus-visible{outline:2px solid #b59b7d;outline-offset:3px}
}

/* Fix: filter labels were shown as plain text because original select overlay remained transparent. */
@media(max-width:800px){
 .lw-filter-panel[open] .lw-filter-content{gap:12px}
 .lw-filter-content .lw-chip{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;position:relative!important;overflow:visible!important}
 .lw-filter-content .lw-chip__text{display:block!important;font-size:11px!important;font-weight:600!important;color:#766752!important;overflow:visible!important}
 .lw-filter-content .lw-chip select{display:block!important;position:relative!important;inset:auto!important;opacity:1!important;pointer-events:auto!important;height:44px!important;width:100%!important;font-size:13px!important}
 .lw-filter-content .lw-chip.is-set select{background-color:#f2e9dd!important;border-color:#cbb79d!important}
}

/* Lead-list clarity: remove noisy top chips, keep one intentional filter control. */
.lw-lead-stage{display:inline-flex;align-items:center;gap:5px;flex:none;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:650;line-height:1.2;background:#f5f2ee;color:#756a5f;border:1px solid #eae3da}
.lw-lead-stage--new{background:#e9f5ed;color:#256b43;border-color:#c7e5d2;font-weight:750}
.lw-brand-choices{display:flex;gap:7px;width:100%;grid-column:1/-1}
.lw-brand-choices button{flex:1;min-height:42px;border-radius:9px;border:1px solid #e5ddd2;background:#fff;color:#645a50;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.lw-brand-choices button[aria-pressed="true"]{background:#342f29;color:#fff;border-color:#342f29}
@media(max-width:800px){
 .lw-card__who b{font-size:16px!important;font-weight:750!important;letter-spacing:-.015em;color:#302b26}
 .lw-card__row{align-items:center!important;flex-wrap:wrap;gap:7px!important}
 .lw-card__row .lw-sla{font-size:11px!important;color:#857b70}
 .lw-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px!important;border:0!important}
 .lw-tabs .lw-tab--brand,.lw-tabs .lw-tab--kwal{display:none!important}
 .lw-tabs .lw-tab--alle{order:-1}
 .lw-tabs .lw-tab{flex:0 0 auto;margin-right:0!important;font-size:12px!important;border-radius:10px!important;padding-inline:11px!important}
 .lw-filters{display:flex!important;overflow:visible!important;margin:0!important;padding:0 0 8px!important;align-items:center!important}
 .lw-filter-panel{min-width:0}
 .lw-filter-panel:not([open]) .lw-filter-content{display:none!important}
 .lw-filter-content .lw-brand-choices{display:flex!important;grid-column:1/-1}
 .lw-filter-trigger{min-height:44px}
 .lw-filters__count{margin-left:auto!important;white-space:nowrap}
}


/* Premium lead experience: stronger hierarchy without adding controls. */
@media(max-width:800px){
 .lw-titlebar h1{font-weight:750;letter-spacing:-.035em}
 .lw-card{box-shadow:0 3px 13px rgba(41,33,24,.035);transition:box-shadow .16s,border-color .16s}
 .lw-card:focus-within{border-color:#c4aa87;box-shadow:0 0 0 2px rgba(179,146,105,.13)}
 .lw-card__who b{font-weight:750!important;line-height:1.25}
 .lw-card__head{min-height:56px}
 .lw-lead-stage{letter-spacing:.005em}
 .lw :is(button,a,select,input){touch-action:manipulation}
 .lw :is(button,a,select,input):focus-visible{outline:2px solid #a78964;outline-offset:3px}
}

/* ==========================================================================
   Desktop premium (≥801px). Mobiel ongewijzigd: de werkbalk valt daar weg
   (display:contents) zodat het filterpaneel exact zo blijft als het was.
   Hiërarchie desktop: titel → weergaven (tabs) → werkbalk (merk · filters · aantal) → tabel.
   ========================================================================== */
.lw-toolbar{display:contents}
.lw-tags{display:inline-flex;gap:4px;flex:none}
.lw-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1;white-space:nowrap;border:1px solid transparent}
.lw-tag--new{background:var(--am-ok-soft);color:var(--am-ok);border-color:var(--am-ok-line)}
.lw-tag--follow{background:var(--am-warn-soft);color:#8A5A1E;border-color:var(--am-warn-line)}
.lw-tag--late{background:var(--am-late-soft);color:var(--am-late);border-color:var(--am-late-line)}
.lw-name__line{display:flex;align-items:center;gap:8px;min-width:0}
.lw-empty__title{display:block;margin-bottom:12px}

@media (min-width:801px){
 .lw{background:var(--am-surface)}
 .lw-top{padding:16px 32px;gap:10px;min-height:73px}
 .lw-list{padding:28px 32px 40px;gap:0}
 .lw-titlebar{margin-bottom:20px}
 .lw-titlebar h1{font-size:28px;letter-spacing:-.02em;line-height:1.2}
 .lw-intro{margin-top:6px}

 /* Weergaven: primaire navigatie van het scherm */
 .lw-tabs{gap:0;border-bottom:1px solid var(--am-line)}
 .lw-tab{height:44px;padding:0 2px;margin-right:24px;font-size:14px;font-weight:500;color:var(--am-muted)}
 .lw-tab[aria-selected="true"]{color:var(--am-ink-strong);font-weight:600;border-bottom-color:var(--am-ink-strong)}
 .lw-tab__count{height:20px;min-width:22px;font-size:11.5px;font-weight:600;background:var(--am-surface-2);color:var(--am-ink-2)}
 .lw-tab[aria-selected="true"] .lw-tab__count:not(.lw-tab__count--late):not(.lw-tab__count--live){background:var(--am-ink-strong);color:#fff}

 /* Werkbalk: merk (één keer) + filters + aantal op één lijn */
 .lw-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0}
 .lw-toolbar .lw-seg{flex:none;padding:3px;border-radius:10px;background:var(--am-surface-2)}
 .lw-seg__btn{height:30px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px}
 .lw-seg__btn span{margin:0;opacity:1;font-size:11.5px;color:var(--am-muted);font-weight:500}
 .lw-seg__btn[aria-pressed="true"] span{color:var(--am-ink-2)}
 .lw-toolbar .lw-filters{flex:1;min-width:0;flex-wrap:nowrap;gap:8px}
 .lw-filter-content .lw-brand-choices{display:none}
 .lw-filter-content{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
 .lw-filter-content::before{content:"";width:1px;height:20px;background:var(--am-line);margin:0 4px 0 0}
 .lw-chip{height:36px;padding:0 30px 0 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--am-ink-2);background:var(--am-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236B6B70' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center}
 .lw-chip.is-set{background-color:var(--am-surface-2);border-color:var(--am-ink);color:var(--am-ink-strong)}
 .lw-chip--clear{padding:0 12px;background-image:none;border-style:solid;border-color:transparent;color:var(--am-muted);text-decoration:underline;text-underline-offset:3px}
 .lw-chip--clear:hover{color:var(--am-ink)}
 /* De globale "Amara dropdown"-stijl hoort bij het mobiele paneel; op desktop blijft de select onzichtbaar boven de chip. */
 .lw-filter-content .lw-chip select{border:0!important;background:transparent!important;color:transparent!important}
 .lw-filters__count{flex:none;font-size:13px;font-weight:500;color:var(--am-muted)}

 /* Bulkbalk sluit aan op de werkbalk */
 #lwBulk:not(:empty){margin-bottom:12px}

 /* Tabel */
 .lw-tablewrap{border-radius:var(--am-r-2xl);box-shadow:var(--am-ds-shadow-sm)}
 .lw-table{font-size:13.5px;min-width:820px}
 .lw-table thead th{position:sticky;top:0;z-index:1;background:#FBFBFC;height:42px;padding:0 14px;font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--am-muted)}
 .lw-table thead th:first-child{border-top-left-radius:var(--am-r-2xl)}
 .lw-table thead th:last-child{border-top-right-radius:var(--am-r-2xl)}
 .lw-table td{padding:14px;vertical-align:middle}
 .lw-col-check{width:48px}
 .lw-col-check input{margin:0;vertical-align:middle}
 .lw-col-sla{width:168px}
 .lw-col-owner{width:84px;text-align:center}
 .lw-table th.lw-col-owner{text-align:center}
 .lw-row{transition:background var(--am-fast)}
 .lw-row:hover{background:#FAFAFB}
 .lw-row.is-selected{background:#F5F5F6;box-shadow:inset 3px 0 0 var(--am-ink-strong)}
 .lw-name{gap:12px}
 .lw-lav{width:36px;height:36px;font-size:11.5px}
 .lw-lav--amara{background:var(--am-amara-soft);color:var(--am-amara-text)}
 .lw-name__main{font-weight:650;font-size:14px;color:var(--am-ink-strong);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis}
 .lw-name__txt .lw-sub{margin-top:1px}
 .lw-brand{height:22px;border-radius:999px;padding:0 9px;font-size:11.5px}
 .lw-brand--amara{background:var(--am-amara-soft);color:var(--am-amara-text);border:1px solid var(--am-amara-line)}
 .lw-brand--amara .lw-brand__dot{background:var(--am-amara)}
 .lw-stack .lw-sub{width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .lw-stage{font-weight:500;color:var(--am-ink-2)}
 .lw-stage__dot--new{background:var(--am-amara)}
 .lw-sla{font-size:13px}
 .lw-next{font-weight:500;color:var(--am-ink-2)}
 .lw-owner{width:30px;height:30px}
 .lw-empty{padding:56px 16px!important}
 .lw-empty__title{font-size:14px;color:var(--am-ink-2)}

 /* Voorbeeldpaneel */
 .lw-preview{padding:28px 24px;gap:22px;background:var(--am-surface)}
 .lw-p-head h2{font-size:22px;letter-spacing:-.015em}
 .lw-quick__btn{border-radius:12px}
 .lw-now{border-radius:12px}

 /* Header: alleen zoeken, exporteren en meer */
 .lw-search{height:40px;border-radius:10px;transition:border-color var(--am-fast),box-shadow var(--am-fast)}
 .lw-search:focus-within{border-color:var(--am-ink);box-shadow:var(--am-focus)}
}
@media (min-width:801px) and (max-width:1180px){
 .lw-toolbar .lw-filters{flex-wrap:wrap}
}
.lw-chip__value{display:none}
@media (min-width:801px){.lw-chip__value{display:inline}}

/* Compacte tabel (801–1599px): merk en campagne verhuizen naar de leadcel, zodat alle kolommen
   (inclusief Eigenaar) zonder horizontaal scrollen passen naast het voorbeeldpaneel. */
.lw-sub--origin{display:none}
.lw-odot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:1px;background:var(--am-desa)}
.lw-odot--amara{background:var(--am-amara)}
@media (min-width:801px) and (max-width:1599px){
 .lw-table{min-width:0}
 .lw-table .lw-col-brand{display:none}
 .lw-sub--origin{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .lw-table td,.lw-table thead th{padding-left:12px;padding-right:12px}
 .lw-col-sla{width:140px}
 .lw-col-owner{width:72px}
}
@media (min-width:1600px){
 .lw-table{min-width:0}
}
@media (min-width:801px) and (max-width:1599px){
 .lw-table td,.lw-table thead th{padding-left:10px;padding-right:10px}
 .lw-name__line{flex-wrap:wrap;row-gap:2px}
 .lw-name__main{max-width:170px}
 .lw-sub--origin{max-width:170px}
 .lw-col-sla{width:124px}
 .lw-col-owner{width:64px}
 .lw-table thead th.lw-col-owner{padding-left:4px;padding-right:4px;letter-spacing:0}
 .lw-next{max-width:130px}
}
@media (min-width:1321px) and (max-width:1439px){
 .lw-preview{flex:0 0 300px;max-width:300px;padding:24px 20px}
 .lw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lw-quick__btn{height:48px;flex-direction:row;gap:8px}
}

/* Tot 1320px staat het voorbeeldpaneel onder de lijst (de tabel krijgt de volle breedte). */
@media (min-width:1181px) and (max-width:1320px){
 .lw-preview{flex-basis:100%;max-width:none;border-left:0;border-top:1px solid var(--am-line);padding:24px 32px 32px;position:static;max-height:none;overflow:visible;scroll-margin-top:16px;min-height:0}
}

/* ==========================================================================
   Mobiel premium (≤800px): zelfde systeem als desktop. Witte vlakken,
   antraciet voor actief, zand alleen voor het Amara-merk.
   ========================================================================== */
.lw-card__tags{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
@media (max-width:800px){
 .lw{background:var(--am-surface)}
 .lw-titlebar h1{font-size:26px;font-weight:650;letter-spacing:-.025em}

 /* Weergaven als pillen: wit, actief antraciet */
 .lw-tab:not([aria-selected="true"]){background:var(--am-surface)!important;border-color:var(--am-line)!important;color:var(--am-ink-2)!important}
 .lw-tab[aria-selected="true"]{background:var(--am-ink-strong)!important;border-color:var(--am-ink-strong)!important;color:#fff!important}
 .lw-tab__count{background:var(--am-surface-2);color:var(--am-ink-2);font-weight:600}

 /* Eén filterknop; paneel wit */
 .lw-filter-trigger{background:var(--am-surface)!important;border-color:var(--am-line)!important;color:var(--am-ink)!important;border-radius:12px!important;font-weight:600}
 .lw-filter-active{background:var(--am-ink-strong)!important}
 .lw-filter-panel[open] .lw-filter-content{background:var(--am-surface)!important;border-color:var(--am-line)!important;box-shadow:var(--am-ds-shadow-lg)!important}
 .lw-filter-content .lw-chip__text{color:var(--am-muted)!important}
 .lw-filter-content select,.lw-filter-content .lw-chip select{border-color:var(--am-line)!important;background-color:var(--am-surface)!important;color:var(--am-ink)!important}
 .lw-filter-content .lw-chip.is-set select{background-color:var(--am-surface-2)!important;border-color:var(--am-ink)!important}
 .lw-filter-content select:focus-visible,.lw-filter-trigger:focus-visible{outline:2px solid var(--am-ink)!important;border-color:var(--am-ink)!important}
 .lw-filter-content .lw-chip--clear{background:var(--am-surface)!important;border-color:var(--am-line)!important;color:var(--am-ink-2)!important}
 .lw-brand-choices button{border-color:var(--am-line);color:var(--am-ink-2)}
 .lw-brand-choices button[aria-pressed="true"]{background:var(--am-ink-strong);border-color:var(--am-ink-strong);color:#fff}

 /* Kaarten */
 .lw-card,.lw-card:nth-child(odd){background:var(--am-surface)!important;border-color:var(--am-line)!important;border-radius:16px;box-shadow:var(--am-ds-shadow-sm)!important}
 .lw-card:focus-within{border-color:var(--am-ink)!important;box-shadow:var(--am-focus)!important}
 .lw-card__who b{color:var(--am-ink-strong)!important}
 .lw-brand--amara{background:var(--am-amara-soft);color:var(--am-amara-text);border:1px solid var(--am-amara-line)}
 .lw-brand--amara .lw-brand__dot{background:var(--am-amara)}
 .lw-brand{border-radius:999px;height:24px}
 .lw-lead-stage{background:var(--am-surface-2);color:var(--am-ink-2);border-color:var(--am-line)}
 .lw-lead-stage--new{background:var(--am-ok-soft);color:var(--am-ok);border-color:var(--am-ok-line)}
 .lw-card .lw-tag{height:22px;border-radius:7px;font-size:11px}
 .lw-card__actions .lw-btn{border-radius:12px}
 .lw :is(button,a,select,input):focus-visible{outline:2px solid var(--am-ink)!important}
}

/* ==========================================================================
   Statuslabels (desktop en mobiel): één fase-label per lead, vaste breedte
   per kolom zodat alles op één lijn staat. Opvolging staat bij Volgende stap.
   ========================================================================== */
.lw-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:999px;border:1px solid var(--am-line);background:var(--am-surface);color:var(--am-ink-2);font-size:12px;font-weight:600;line-height:1;white-space:nowrap}
.lw-pill__dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--am-muted)}
.lw-pill--new{background:var(--am-ok-soft);border-color:var(--am-ok-line);color:var(--am-ok)}
.lw-pill--new .lw-pill__dot{background:var(--am-ok)}
.lw-pill--try{background:var(--am-warn-soft);border-color:var(--am-warn-line);color:#8A5A1E}
.lw-pill--try .lw-pill__dot{background:var(--am-warn)}
.lw-pill--mid{background:var(--am-surface-2);border-color:var(--am-line);color:var(--am-ink-2)}
.lw-pill--mid .lw-pill__dot{background:var(--am-ink-2)}
.lw-pill--deep,.lw-pill--won{background:var(--am-ink-strong);border-color:var(--am-ink-strong);color:#fff}
.lw-pill--deep .lw-pill__dot,.lw-pill--won .lw-pill__dot{background:rgba(255,255,255,.7)}
.lw-pill--lost{background:var(--am-surface);border-style:dashed;color:var(--am-muted)}
.lw-pill--lost .lw-pill__dot{background:transparent;border:1.5px solid var(--am-muted);width:7px;height:7px}
.lw-next__when{display:flex;align-items:center;gap:6px;margin-top:3px;min-height:18px}
.lw-next__when .lw-sub{display:inline}
.lw-due{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:5px;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.lw-due--today{background:var(--am-warn-soft);color:#8A5A1E}
.lw-due--late{background:var(--am-late-soft);color:var(--am-late)}
@media (min-width:801px){
 /* Vaste kolombreedtes: labels beginnen in elke rij op dezelfde x-positie */
 .lw-table{table-layout:fixed}
 .lw-table th:nth-child(2){width:auto}
 .lw-table .lw-col-brand{width:190px}
 .lw-table th:nth-child(4){width:150px}
 .lw-col-sla{width:150px}
 .lw-table th:nth-child(6){width:190px}
 .lw-col-owner{width:76px}
 .lw-col-check{width:48px}
 .lw-name__txt{min-width:0;overflow:hidden}
 .lw-name__main,.lw-name__txt .lw-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .lw-name{max-width:100%;min-width:0}
 .lw-next{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .lw-table td:nth-child(4),.lw-table td.lw-col-sla,.lw-table td:nth-child(6){vertical-align:middle}
}
@media (min-width:801px) and (max-width:1599px){
 .lw-table th:nth-child(4){width:138px}
 .lw-col-sla{width:132px}
 .lw-table th:nth-child(6){width:150px}
 .lw-col-owner{width:64px}
}
@media (min-width:801px){
 .lw-next{white-space:normal;overflow:visible;text-overflow:clip}
 .lw-col-owner{width:96px}
 .lw-table th:nth-child(6){width:200px}
}
@media (min-width:801px) and (max-width:1599px){
 .lw-col-owner{width:84px}
 .lw-table th:nth-child(6){width:160px}
}

/* Schermwissel zonder flikkering: geen gestaffelde binnenkomst van onderdelen.
   Het scherm als geheel komt in 180ms binnen (app/shell-frame.css). */
.lw.is-entering :is(.lw-row,.lw-card){animation:none!important}
.lw-preview>*{animation:none!important}
/* Voorbeeldpaneel: "Open dossier" onder naam en herkomst, over de volle breedte */
.lw-p-head .lw-p-open{align-self:stretch;width:100%;height:44px;margin-top:10px;justify-content:center;border-radius:12px;font-size:14px}
@media (min-width:1181px) and (max-width:1320px){.lw-p-head .lw-p-open{align-self:flex-start;width:auto;min-width:240px}}

/* Klikbare opvolgtellers */
.lw-counters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}
.lw-counter {
  display: grid;
  align-content: start;
  gap: 3px;
  padding: 10px clamp(7px, 1vw, 14px);
  text-align: left;
  border: 1px solid var(--am-line);
  border-radius: 10px;
  background: var(--am-surface);
  cursor: pointer;
}
.lw-counter:hover, .lw-counter[aria-pressed="true"] { background: var(--am-hover); }
.lw-counter[aria-pressed="true"] { border-color: var(--am-ink); }
.lw-counter strong { font-size: 22px; line-height: 1.1; }
.lw-counter span { color: var(--am-muted); font-size: 12px; line-height: 1.3; }
.lw-counter[data-value="late"] strong { color: var(--am-late); }

@media (max-width: 800px) {
  .lw-top { display: flex; padding: 12px 16px; }
  .lw-top .lw-search { flex-basis: 100%; }
  .lw-top > :is(.lw-grow, .lw-btn, .lw-menu) { display: initial; }
  .lw-top .lw-btn, .lw-tab { min-height: 44px; }
  .lw-list { min-width: 0; width: 100%; padding-bottom: 20px; }
  .lw-intro { display: block; }
  .lw-tabs { flex-wrap: wrap !important; margin: 0; padding: 0; }
  .lw-tabs .lw-tab--kwal { display: flex !important; }
  .lw-tab__long { display: inline; }
  .lw-tab__short, .lw-cards { display: none; }
  .lw-tablewrap, #lwBulk { display: block; }
  .lw-table { min-width: 720px; }
  .lw-bulk { flex-wrap: wrap; }
  .lw-preview { display: flex; width: 100%; min-height: 0; padding: 16px 16px 96px; overflow-wrap: anywhere; }
}

.lw-preview-dialog {
  width: min(480px, calc(100% - 24px));
  max-height: min(85dvh, 720px);
  padding: 0;
  border: 1px solid var(--am-line);
  border-radius: 14px;
  background: var(--am-surface);
  color: var(--am-ink);
  overscroll-behavior: contain;
}
.lw-preview-dialog::backdrop { background: rgba(0, 0, 0, .45); }
.lw-preview-close {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  padding: 8px 16px;
  background: var(--am-surface);
}
@media (max-width: 800px) {
  .lw-body > .lw-preview { display: none; }
  .lw-preview-dialog .lw-preview { padding: 12px 16px 24px; border: 0; }
  .lw-list { padding-bottom: 96px; }
}

.lw-mobile-view { display: none; }
@media (max-width: 800px) {
  .lw #lwTabs, .lw #lwBrand { display: none !important; }
  .lw-mobile-view { display: block; }
}

@media (max-width: 800px) {
  .lw-filters { flex-wrap: wrap; }
  .lw-filter-panel { display: contents; }
  .lw-filter-panel[open] .lw-filter-content {
    position: static;
    width: 100%;
    order: 1;
    margin-top: 8px;
    box-shadow: none !important;
  }
  .lw-filter-content .lw-chip select { border-radius: 12px !important; }
}

@media (max-width: 800px) {
  .lw-titlebar h1 { font-size: 26px; font-weight: 600; line-height: 1.2; letter-spacing: -.02em; }
  .lw-counter[aria-pressed="true"] {
    background: #f2e9dd;
    border-color: #b59b7d;
    box-shadow: inset 0 0 0 1px #b59b7d;
  }
  .lw-counter:active { transform: scale(.98); }
}

.lw-mobile-status { display: none; }
@media (max-width: 800px) {
  .lw-mobile-status { display: block; margin: 5px 0; }
  .lw-mobile-status .lw-pill { max-width: 100%; height: auto; min-height: 24px; white-space: normal; line-height: 1.35; padding-top: 4px; padding-bottom: 4px; }
}

@media (max-width: 800px) {
  .lw-table th:nth-child(4),
  .lw-table td:nth-child(4) { display: none; }
}

/* Leads is een doorzoekbare lijst; fasebeheer gebeurt in de pipeline. */
.lw #lwTabs, .lw .lw-toolbar { display: none !important; }

.lw-list { min-width: 0; max-width: none !important; }
.lw-table th:nth-child(n+5), .lw-table td:nth-child(n+5) { display: none !important; }
.lw-table { width: 100% !important; min-width: 0 !important; table-layout: auto !important; }
@media (max-width: 800px) {
  .lw-table th:nth-child(3), .lw-table td:nth-child(3) { display: none !important; }
  .lw-table th:nth-child(2) { width: auto !important; }
  .lw-name { width: 100%; max-width: 100%; }
  .lw-name__txt { min-width: 0; }
  .lw-name__main { white-space: normal !important; overflow-wrap: anywhere; }
  .lw-tablewrap { overflow-x: visible; }
  .lw-top { gap: 8px; }
  .lw-counters { gap: 8px; }
}

.lw-list > .lw-search {
  display: flex;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 0 0 16px;
}
.lw-list > .lw-search input { min-width: 0; width: 100%; }

/* De zoekbalk staat in een kolom en mag daar niet meegroeien. */
.lw-list > .lw-search {
  flex: 0 0 44px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  align-self: stretch;
}

@media (max-width: 800px) {
  .lw-table .lw-col-check, .lw #lwBulk { display: none !important; }
  .lw-counters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .lw-counter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 14px 12px;
    min-height: 88px;
    border: 1px solid var(--am-line);
    border-radius: var(--am-r-2xl);
    background: var(--am-surface);
    box-shadow: var(--am-ds-shadow-sm);
    box-sizing: border-box;
    font-family: inherit;
  }
  .lw-counter:last-child { grid-column: 1 / -1; }
  .lw-counter span { order: 0; font-size: 12px; font-weight: 500; color: var(--am-muted); }
  .lw-counter strong { order: 1; font-size: 26px; font-weight: 600; line-height: 1.1; letter-spacing: -.02em; }
  .lw-counter[aria-pressed="true"] { background: var(--am-surface); border-color: var(--am-line); box-shadow: var(--am-ds-shadow-sm); }
  .lw-counter[aria-pressed="true"] span { text-decoration: underline; text-decoration-color: #b59b7d; text-underline-offset: 4px; }
}

.lw-eyebrow { display:block; margin-bottom:10px; color:#6f5b44; font-size:11px; font-weight:700; letter-spacing:.16em; line-height:1.4; }
@media(max-width:800px) {
  .lw-top { padding:8px 16px; min-height:0; justify-content:flex-end; }
  .lw-top .lw-grow { display:none !important; }
  .lw-top > .lw-btn { display:none !important; }
  .lw-top .lw-menu { margin-left:auto; }
  .lw-list { padding-top:8px; gap:0; }
  .lw-titlebar { margin-bottom:18px; }
  .lw-titlebar h1 { font-size:26px; font-weight:600; line-height:1.2; }
  .lw-counters { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:16px; }
  .lw-counter { padding:12px 10px; min-height:96px; gap:10px; }
  .lw-counter:last-child { grid-column:auto; }
  .lw-counter span { font-size:11px; line-height:1.35; min-height:30px; }
  .lw-counter strong { font-size:26px; }
  .lw-list > .lw-search { margin-bottom:16px; }
}

/* Dezelfde kaartafwerking en interactie als de dashboard-KPI's. */
.lw-counter {
  display:flex; flex-direction:column; align-items:flex-start;
  padding:18px 20px 14px; gap:4px; position:relative;
  background:var(--am-surface); border:1px solid var(--am-line);
  border-radius:var(--am-r-2xl); box-shadow:var(--am-ds-shadow-sm);
  transition:border-color var(--am-fast),box-shadow var(--am-dur-enter) var(--am-ease-out);
  font-family:inherit;
}
.lw-counter span { order:0; font-size:12px; font-weight:500; color:var(--am-muted); letter-spacing:.01em; text-decoration:none !important; }
.lw-counter strong { order:1; margin-top:6px; font-size:30px; font-weight:600; letter-spacing:-.025em; line-height:1.1; }
.lw-counter[aria-pressed="true"] { background:var(--am-surface); border-color:var(--am-line); box-shadow:var(--am-ds-shadow-sm); }
.lw-counter:active { transform:none; }
@media(hover:hover) {
 .lw-counter:hover { background:var(--am-surface); border-color:var(--am-line-dashed); box-shadow:var(--am-ds-shadow-md); }
}
@media(max-width:800px) {
 .lw-counters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .lw-counter,.lw-counter:last-child { grid-column:auto; padding:14px 14px 12px; min-height:0; gap:4px; }
 .lw-counter span { font-size:12px; min-height:0; }
 .lw-counter strong { margin-top:4px; font-size:22px; }
}

/* De paginakop en acties delen één rij; er staat geen losse actiebalk boven. */
.lw-page-actions { display:flex; align-items:center; gap:8px; flex:none; }
.lw-titlebar { align-items:flex-start; }
.lw-eyebrow { margin-bottom:6px; color:var(--am-amara-text); font-size:11px; font-weight:600; letter-spacing:.12em; }
.lw-titlebar h1 { font-size:28px; font-weight:600; line-height:1.2; letter-spacing:-.02em; }
.lw-name__main { font-weight:700; max-width:none; }
.lw-counters { grid-template-columns:repeat(4,minmax(0,1fr)); }
.lw-counter span { overflow-wrap:anywhere; }
.lw-counter:focus-visible { outline:2px solid var(--am-ink); outline-offset:3px; }
@media(max-width:1180px) {
  .lw-counters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
  .lw-list { padding-top:20px; }
  .lw-titlebar { flex-wrap:nowrap; align-items:flex-start; }
  .lw-titlebar h1 { font-size:26px; }
  .lw-page-actions > .lw-btn { display:none; }
  .lw-page-actions .lw-btn--icon { height:40px; width:40px; }
  .lw-counters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lw-counter,.lw-counter:last-child { grid-column:auto; }
}

@media(max-width:800px) {
  .lw-name__txt .lw-sub--origin { display:block !important; margin-top:4px; white-space:normal; overflow-wrap:anywhere; }
}

/* Lead, fase, eigenaar en bron vormen één scanbare rij. */
.lw-list-controls { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 14px; }
.lw-list-controls select { min-height:40px; max-width:100%; }
#lwScope { color:var(--am-muted); font-size:12px; }
#lwReset { margin-left:auto; }
#lwReset[hidden] { display:none; }
.lw-table th.lw-col-lead,.lw-table td.lw-col-lead { display:table-cell !important; width:auto !important; }
.lw-table th.lw-col-phase,.lw-table td.lw-col-phase,
.lw-table th.lw-col-owner,.lw-table td.lw-col-owner,
.lw-table th.lw-col-source,.lw-table td.lw-col-source { display:table-cell !important; text-align:left; vertical-align:middle; }
.lw-table .lw-col-phase { width:150px !important; }
.lw-table .lw-col-owner { width:145px !important; }
.lw-table .lw-col-source { width:175px !important; white-space:normal; overflow-wrap:anywhere; }
.lw-owner-label { display:flex; align-items:center; gap:8px; font-size:12px; }
.lw-owner-label .lw-owner { flex:none; }
.lw-source-label { font-size:12px; color:var(--am-muted); }
.lw-name__line { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.lw-mobile-owner { display:none; }
@media(max-width:800px) {
 .lw-table th.lw-col-phase,.lw-table td.lw-col-phase,
 .lw-table th.lw-col-owner,.lw-table td.lw-col-owner,
 .lw-table th.lw-col-source,.lw-table td.lw-col-source { display:none !important; }
 .lw-mobile-owner { display:block; margin-top:4px; }
 .lw-sub--origin { max-width:none !important; }
 .lw-list-controls { gap:8px; }
 #lwReset { margin-left:0; }
}

.lw-source-audit { width:min(1000px,calc(100vw - 32px)); max-height:85vh; border:1px solid var(--am-line); border-radius:var(--am-r-2xl); padding:20px; color:var(--am-ink); background:var(--am-surface); }
.lw-source-audit::backdrop { background:rgba(0,0,0,.35); }
.lw-source-audit form { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.lw-source-audit h2 { font-size:20px; }
.lw-source-audit p { font-size:13px; color:var(--am-muted); margin:16px 0; }
.lw-audit-scroll { overflow:auto; }
.lw-source-audit table { width:100%; border-collapse:collapse; font-size:12px; }
.lw-source-audit td,.lw-source-audit th { padding:10px; text-align:left; border-bottom:1px solid var(--am-line); vertical-align:top; overflow-wrap:anywhere; }

@media(min-width:801px){.lw-name__txt .lw-sub--origin{display:none !important;}}

/* Consistent brand position below the name, with an equal badge width. */
.lw-name{width:100%;min-width:0}
.lw-name__txt{gap:5px;flex:1}
.lw-name__meta{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:6px;min-width:0}
.lw-name__meta .lw-brand{box-sizing:border-box;width:70px;min-width:70px;height:22px;padding:0 8px;justify-content:center;flex:none;font-size:11px;line-height:1}
.lw-name__meta .lw-sub{margin:0!important;min-width:0;max-width:100%;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lw-brand__dot{flex:none}
.lw-card__head>.lw-brand{min-width:70px;justify-content:center;flex:none;align-self:flex-start}

/* Mobile lead rows only; desktop and other screens keep their existing layout. */
@media(max-width:800px){
 .lw-table thead{display:none}
 .lw-table .lw-col-lead{padding:16px 14px!important}
 .lw-table .lw-name{display:block;min-width:0;width:100%}
 .lw-table .lw-name>.lw-lav{display:none}
 .lw-table .lw-name__txt{display:flex;flex-direction:column;gap:8px;min-width:0}
 .lw-table .lw-name__line{display:block}
 .lw-table .lw-name__main{display:block;font-size:16px;font-weight:600;line-height:1.4;white-space:normal;overflow-wrap:break-word}
 .lw-table .lw-name__meta{grid-template-columns:62px minmax(0,1fr);gap:8px}
 .lw-table .lw-name__meta .lw-brand{width:62px;min-width:62px;height:21px;padding:0 6px;font-size:10px}
 .lw-table .lw-name__meta .lw-sub{font-size:10px;line-height:1.5}
 .lw-table .lw-mobile-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}
 .lw-table .lw-mobile-status .lw-pill{font-size:11px;min-height:24px;max-width:60%;padding:4px 8px;font-weight:500}
 .lw-table .lw-mobile-assignee{font-size:11px;line-height:1.4;color:var(--am-muted);text-align:right;overflow-wrap:break-word;min-width:0;flex:1}
 .lw-table .lw-name__txt .lw-sub--origin{display:block!important;margin:0;font-size:12px;line-height:1.45;font-weight:400;color:var(--am-muted);white-space:normal;overflow-wrap:anywhere}
 .lw-table .lw-sub--origin>span{color:var(--am-ink-2)}
}