/* Amara · mobiele laag (alleen presentatie, <=800px) */
.a-m-pills{display:none}
@media (max-width:800px){
  /* Tabbalk onderin terug (vervangt hamburger) */
  html body .mobile-bottom{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:60;left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;height:64px!important;padding:0!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;border:1px solid #E4E4E7!important;box-shadow:0 8px 24px rgba(43,38,30,.10)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  html body .mobile-bottom button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;border:0!important;background:none!important;color:#71717A!important;font:500 10.5px/1.1 'Poppins',sans-serif!important;letter-spacing:0;padding:0!important;box-shadow:none!important;position:relative}
  html body .mobile-bottom button svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}
  html body .mobile-bottom button .mobile-nav-icon{display:grid;place-items:center;width:auto;height:auto;background:none!important}
  html body .mobile-bottom button span,html body .mobile-bottom button .mobile-nav-label{font-size:10.5px!important;margin:0!important;line-height:1.1!important;background:none!important}
  html body .mobile-bottom button.active,html body .mobile-bottom button:hover{background:none!important;color:#1C1C1E!important;font-weight:600!important}
  html body .mobile-bottom button.active::after{content:'';position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#B29E84}
  html body .fab{display:none!important}
  html body .desa-mobile-menu-btn{display:none!important}
  html body .view{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}

  /* Header: rustig, licht */
  html body .mobile-top{height:60px!important;padding:0 12px 0 16px!important}
  html body .desa-mobile-actions .avatar{width:34px!important;height:34px!important;font-size:11.5px!important;background:#383838!important;color:#fff!important}
  .a-m-search{width:44px;height:44px;border:0;border-radius:10px;background:none;color:#383838;display:grid;place-items:center;cursor:pointer}
  .a-m-search svg{width:20px;height:20px}

  /* Paginakop compact: titel + primaire knop naast elkaar */
  html body .view>.page-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 12px!important;margin-bottom:14px!important}
  html body .view>.page-head>div:first-child{grid-column:1/2}
  html body .view>.page-head h2{font:600 26px/1.15 'Poppins',sans-serif!important;letter-spacing:-.025em!important;margin:2px 0 0!important}
  html body .view>.page-head p{display:none!important}
  html body .view>.page-head .section-eyebrow{font-size:10.5px!important;letter-spacing:.14em!important}
  html body .view>.page-head>.btn.primary{grid-column:2/3;grid-row:1;align-self:end;width:auto!important;height:44px!important;min-height:44px!important;max-height:44px!important;line-height:1!important;padding:0 16px!important;border-radius:10px!important;font-size:13.5px!important;white-space:nowrap}
  html body .view>.page-head>.btn:not(.primary){grid-column:auto;width:auto!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0 12px!important;font-size:12px!important;font-weight:500!important;border-radius:999px!important;background:#fff!important;justify-self:start}
  html body .view>.page-head>*{order:0!important}
  html body .view>.page-head>div:first-child{grid-row:1}
  html body .view>.page-head>.btn:not(.primary){grid-row:2}
  html body #leads>.page-head{grid-template-columns:auto auto minmax(0,1fr)}
  html body #leads>.page-head>div:first-child{grid-column:1/3!important}
  html body #leads>.page-head>.btn.primary{grid-column:3/4!important;justify-self:end}
  html body #leads>.page-head>.btn:disabled{display:none!important}
  html body #appointments>.page-head{display:grid!important;flex-direction:unset!important}

  /* Leads: pillen i.p.v. stats en merk-select */
  html body #leads .lead-overview-stats{display:none!important}
  html body #leads #leadBrandFilter{display:none!important}
  .a-m-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 12px;padding:0 16px}
  .a-m-pills::-webkit-scrollbar{display:none}
  .a-m-pills button{flex:none;height:36px;padding:0 14px;border:1px solid #E4E4E7;border-radius:999px;background:#fff;color:#1C1C1E;font:500 13px 'Poppins',sans-serif;white-space:nowrap;cursor:pointer}
  .a-m-pills button b{font-weight:500;color:#71717A;margin-left:4px}
  .a-m-pills button[aria-pressed="true"]{background:#383838;border-color:#383838;color:#fff}
  .a-m-pills button[aria-pressed="true"] b{color:#c6c6c8}

  /* Toolbar compact */
  html body #leads .toolbar{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-bottom:12px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
  html body #leads .toolbar .search{grid-column:1/-1;height:44px!important;border-radius:10px!important}
  html body #leads .toolbar select{height:40px!important;min-height:40px!important;font-size:13px!important;font-weight:500!important;border-radius:10px!important;padding-left:12px!important}

  /* Leadlijst: compacte rijen zoals het ontwerp */
  html body #leads .tablewrap{background:#fff!important;border:1px solid #E4E4E7!important;border-radius:12px!important;overflow:hidden!important;padding:0!important;box-shadow:none!important}
  html body #leads .table,html body #leads .table tbody{display:block!important;width:100%!important;min-width:0!important}
  html body #leads .table thead{display:none!important}
  html body #leads .table tbody tr[data-id]{display:grid!important;grid-template-columns:40px auto minmax(0,1fr) auto!important;grid-template-rows:1fr auto!important;align-items:center;column-gap:8px!important;row-gap:0!important;min-height:72px!important;padding:12px 14px!important;margin:0!important;border:0!important;border-bottom:1px solid #F1F1F3!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
  html body #leads .table tbody tr[data-id]:last-child{border-bottom:0!important}
  html body #leads .table tbody tr[data-id]:active{background:#FAFAFA!important}
  html body #leads .table tbody tr[data-id] td{display:none!important;padding:0!important;border:0!important;min-width:0!important;width:auto!important;background:none!important}
  html body #leads .table tbody tr[data-id] td::before{display:none!important}
  html body #leads .table tbody tr[data-id] td.desa-lead-identity{display:block!important;grid-column:1/4!important;grid-row:1/3!important;padding-right:0!important}
  html body #leads .table tbody tr[data-id] td.desa-lead-identity .lead-main{display:flex!important;align-items:center;gap:12px}
  html body #leads .table tbody tr[data-id] td.desa-lead-identity .leadavatar{width:40px!important;height:40px!important;flex:none;border-radius:50%!important;background:#F4F4F5!important;color:#383838!important;font-size:12.5px!important;font-weight:600!important;display:grid!important;place-items:center}
  html body #leads .table tbody tr[data-id] td.desa-lead-identity .lead-name{font-size:14.5px!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  html body #leads .table tbody tr[data-id] td.desa-lead-identity .lead-sub{display:none!important}
  html body #leads .table tbody tr[data-id] td.desa-lead-identity .lead-main>div:last-child{min-width:0;padding-bottom:22px}
  html body #leads .table tbody tr[data-id] td.desa-lead-source{display:block!important;grid-column:2!important;grid-row:2!important;line-height:1;align-self:end;position:relative;z-index:1}
  html body #leads .table tbody tr[data-id] td.desa-lead-source b{font-size:0!important}
  html body #leads .table tbody tr[data-id] td.desa-lead-source small{display:none!important}
  html body #leads .table tbody tr[data-id] td.desa-lead-source .brand-chip{font-size:9.5px!important;height:17px;padding:0 5px!important;display:inline-flex;align-items:center}
  html body #leads .table tbody tr[data-id] td.desa-lead-status{display:block!important;grid-column:3!important;grid-row:2!important;min-width:0;align-self:end;position:relative;z-index:1}
  html body #leads .table tbody tr[data-id] td.desa-lead-status .status{background:none!important;border:0!important;padding:0!important;font-size:12.5px!important;font-weight:400!important;color:#52525B!important;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
  html body #leads .table tbody tr[data-id] td.desa-lead-status .status::before{content:'';width:7px;height:7px;border-radius:50%;background:#B29E84;flex:none}
  html body #leads .table tbody tr[data-id] td.desa-lead-next{display:block!important;grid-column:4!important;grid-row:1/3!important;text-align:right;align-self:center;border:0!important;padding:0!important}
  html body #leads .table tbody tr[data-id] td.desa-lead-next .next-action{font-size:12.5px!important;font-weight:500!important;color:#1C1C1E!important;font-variant-numeric:tabular-nums;white-space:nowrap}
  html body #leads .table tbody tr[data-id] td.desa-lead-next small{display:block;font-size:11px!important;color:#71717A!important;font-weight:400!important;max-width:110px;overflow:hidden;text-overflow:ellipsis}
  html body #leads .table tbody tr[data-id] td.desa-select-cell{display:none!important}
  /* Dashboard-kop: knoppen vielen buiten beeld */
  html body .dashboard-welcome{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;height:auto!important;min-height:0!important;max-height:none!important;gap:14px!important;padding-bottom:16px!important;margin-bottom:16px!important}
  html body .dashboard-welcome h1{font:600 26px/1.15 'Poppins',sans-serif!important;letter-spacing:-.025em!important}
  html body .dashboard-welcome p{display:none!important}
  html body .dashboard-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;max-width:100%!important;margin:0!important}
  html body .dashboard-actions .btn{width:100%!important;height:44px!important;min-height:44px!important;border-radius:10px!important;font-size:13px!important}
  /* Dossier op mobiel */
  html body .a-stepper{gap:3px!important;margin:12px 0 14px!important;overflow:visible!important}
  html body .a-stepper li{min-width:0!important;font-size:0!important;gap:0!important}
  html body .a-stepper li.current{font-size:12px!important;gap:7px!important;flex:2.4 1 0!important}
  html body .client-topbar .client-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:100%!important;overflow:hidden}
  html body .client-topbar .client-actions>*{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;border-radius:10px!important;font-size:13.5px!important}
  html body .lead-dossier-drawer select,html body .lead-dossier-drawer input{font-size:16px!important;font-weight:500!important}
  html body .view .page-head p{display:none!important}
}