/* byair-app-v11.css */
:root{
  --primary:#2563eb;--primary-700:#1d4ed8;--primary-50:#eff6ff;--accent:#0f9f95;
  --ink:#101828;--muted:#667085;--muted-2:#98a2b3;--line:#e4e7ec;--line-soft:#f0f2f5;
  --canvas:#f7f9fc;--surface:#ffffff;--sidebar:#0d1728;--sidebar-hover:#16243a;
  --success:#067647;--success-bg:#ecfdf3;--danger:#b42318;--danger-bg:#fef3f2;--warning:#b54708;--warning-bg:#fffaeb;
  --shadow-sm:0 1px 2px rgba(16,24,40,.04);--shadow:0 8px 28px rgba(16,24,40,.055);
  --radius:14px;--sidebar-w:248px;--topbar-h:68px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--canvas)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.layout{min-height:100vh}.main{min-width:0;margin-left:var(--sidebar-w);min-height:100vh}

/* Sidebar */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:40;background:linear-gradient(180deg,#0f1a2c 0%,#0a1321 100%);color:#fff;padding:14px 12px 18px;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid rgba(255,255,255,.05);scrollbar-width:thin;scrollbar-color:#3b4a62 transparent}
.brand-wrap{padding:10px 10px 17px;border-bottom:1px solid rgba(255,255,255,.065);margin-bottom:8px}.brand{font-weight:900;font-size:20px;letter-spacing:-.035em;line-height:1.1}.brand span{color:#42ddd2}.brand-sub{font-size:9px;color:#8292aa;text-transform:uppercase;letter-spacing:.14em;margin-top:5px;font-weight:700}.nav .sep{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#718097;padding:15px 10px 6px;font-weight:800}.nav a{position:relative;display:flex;gap:10px;align-items:center;color:#cbd5e1;padding:9px 10px;border-radius:9px;margin:2px 0;font-size:12.5px;font-weight:650;transition:background .16s,color .16s,transform .16s}.nav a:hover{background:rgba(255,255,255,.06);color:#fff}.nav a.active{background:#1d2d46;color:#fff;box-shadow:inset 0 0 0 1px rgba(96,165,250,.16)}.nav a.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;background:#60a5fa;border-radius:0 4px 4px 0}.nav-ico{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;font-size:13px;color:#91a4c2}.nav a.active .nav-ico{color:#93c5fd}.nav-label{flex:1;min-width:0}.nav-dot{width:5px;height:5px;border-radius:50%;background:#60a5fa}.signout-btn{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#cbd5e1;border-radius:9px;padding:9px 10px;text-align:left;cursor:pointer;font-size:12.5px}.signout-btn:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar-backdrop{display:none}

/* Top bar */
.topbar{position:relative;top:auto;z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:20px;padding:0 26px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top-left{display:flex;align-items:center;gap:10px;min-width:170px;flex:0 0 auto}.top-title{font-weight:820;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.top-sub{font-size:10px;color:var(--muted);margin-top:2px}.mobile-toggle{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;place-items:center;cursor:pointer;font-size:18px}
.global-search{height:40px;max-width:560px;min-width:220px;flex:1;display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:0 12px;transition:.15s}.global-search:focus-within{background:#fff;border-color:#9ebcf8;box-shadow:0 0 0 3px #edf3ff}.global-search span{color:#98a2b3;font-size:17px;line-height:1}.global-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:var(--ink);font-size:12.5px}.global-search input::placeholder{color:#98a2b3}
.top-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.quick-add{position:relative;flex:0 0 auto}.quick-add summary{list-style:none;cursor:pointer;background:var(--primary);color:#fff;padding:9px 13px;border-radius:9px;font-weight:800;font-size:11.5px;box-shadow:0 4px 12px rgba(37,99,235,.15);white-space:nowrap}.quick-add summary:hover{background:var(--primary-700)}.quick-add summary::-webkit-details-marker{display:none}.quick-menu{position:absolute;right:0;top:44px;width:190px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 42px rgba(16,24,40,.16);border-radius:12px;padding:6px;z-index:60}.quick-menu a{display:block;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:12px;font-weight:650}.quick-menu a:hover{background:#f5f7fb}.user-chip{display:flex;align-items:center;gap:9px;min-width:0;padding-left:2px}.avatar{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:var(--primary);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.user-chip>div:last-child{min-width:0}.user-chip strong{display:block;font-size:11.5px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip span{display:block;font-size:9.5px;color:var(--muted);margin-top:1px}

/* Content + headings */
.content{width:100%;max-width:1500px;margin:0 auto;padding:26px 30px 42px}.page-hero,.title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.page-hero{padding:2px 0 0}.page-hero h1,.title-row h1{font-size:25px;line-height:1.15;margin:0;letter-spacing:-.035em;color:#0f172a}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);font-weight:850;margin-bottom:6px}.sub{color:var(--muted);font-size:11.5px;margin-top:5px;max-width:720px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{font-size:15px;margin:0;letter-spacing:-.018em}.section-head .sub{margin-top:3px}.text-link{font-size:11px;font-weight:750;white-space:nowrap}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:0;border-radius:9px;padding:9px 12px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;font-size:11.5px;min-height:36px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 3px 10px rgba(37,99,235,.15)}.btn-primary:hover{background:var(--primary-700)}.btn-teal{background:var(--accent);color:#fff}.btn-light{background:#fff;color:#344054;border:1px solid #d9dee7;box-shadow:var(--shadow-sm)}.btn-light:hover{background:#f8fafc;border-color:#c8d0dc}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #fecdca}.btn-sm{padding:6px 8px;font-size:10.5px;min-height:30px}

/* Cards + grids */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.card{background:var(--surface);border:1px solid #e1e6ee;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.card h3{margin:0 0 15px;font-size:15px;letter-spacing:-.015em}.metric{min-height:105px}.metric-link{color:var(--ink);display:flex;gap:12px;align-items:flex-start}.metric-link:hover{border-color:#c8d6f4;box-shadow:var(--shadow)}.metric-icon{width:36px;height:36px;border-radius:10px;background:var(--primary-50);color:var(--primary);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.metric .label{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.075em}.metric .value{font-size:26px;font-weight:900;letter-spacing:-.035em;margin:5px 0 2px}.metric .hint{font-size:10.5px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workspace-split{grid-template-columns:minmax(520px,1.25fr) minmax(280px,.75fr);align-items:start}.pipeline-card{position:sticky;top:calc(var(--topbar-h) + 20px)}.dashboard-grid{align-items:start}.profit{color:var(--success)!important;font-weight:800}.loss{color:var(--danger)!important;font-weight:800}.right{text-align:right}.muted{color:var(--muted)}.small{font-size:11.5px}.mini{font-size:10px}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:9.5px;font-weight:750}

/* Tabs */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:0 0 18px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{position:relative;color:#667085;padding:10px 13px;font-size:11.5px;font-weight:750;white-space:nowrap;border-radius:8px 8px 0 0}.tabs a:hover{color:#344054;background:#f8fafc}.tabs a.active{color:var(--primary);background:#f8fbff}.tabs a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--primary);border-radius:3px 3px 0 0}.tab-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#eef2f6;color:#667085;font-size:9px;margin-left:4px}.tabs a.active .tab-count{background:#dbeafe;color:#1d4ed8}

/* Tables */
.table-wrap{overflow:auto;overscroll-behavior-x:contain}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:11.5px}.table th{text-align:left;color:#667085;font-size:9px;text-transform:uppercase;letter-spacing:.065em;border-bottom:1px solid var(--line);padding:10px 11px;background:#fbfcfe;position:sticky;top:0;z-index:1;white-space:nowrap}.table td{border-bottom:1px solid var(--line-soft);padding:10px 11px;vertical-align:middle}.table tbody tr:hover td{background:#fbfdff}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:850;background:#eef4ff;color:#3538cd;white-space:nowrap}.badge.good{background:var(--success-bg);color:var(--success)}.badge.bad{background:var(--danger-bg);color:var(--danger)}.badge.warn{background:var(--warning-bg);color:var(--warning)}.badge.gray{background:#f2f4f7;color:#475467}

/* Forms */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.form-grid .full{grid-column:1/-1}.field label{display:block;font-size:10px;font-weight:800;color:#344054;margin-bottom:5px}.field input,.field select,.field textarea,.actions select{width:100%;height:42px;border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:9px 11px;outline:none;color:var(--ink);transition:.15s}.field input::placeholder,.field textarea::placeholder{color:#98a2b3}.field input:focus,.field select:focus,.field textarea:focus,.actions select:focus{border-color:#84adfa;box-shadow:0 0 0 3px #edf3ff}.field textarea{height:auto;min-height:88px;resize:vertical}.file-input{padding:8px!important;background:#fafcff!important}.service-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:8px;margin-bottom:8px}.item-row{display:grid;grid-template-columns:3fr 1fr 1fr auto;gap:8px;margin-bottom:8px}.searchbar{display:flex;gap:8px;margin-bottom:14px;align-items:center}.searchbar input{flex:1;height:40px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;min-width:160px;outline:none}.searchbar input:focus{border-color:#84adfa;box-shadow:0 0 0 3px #edf3ff}.searchbar select{height:40px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff;outline:none}.toolbar-search{background:#fff;border:1px solid var(--line);padding:10px;border-radius:12px;box-shadow:var(--shadow-sm)}

/* Feedback */
.flash{padding:11px 13px;border-radius:10px;margin-bottom:14px;font-size:11.5px;font-weight:650}.flash.success{background:var(--success-bg);color:var(--success);border:1px solid #abefc6}.flash.error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecdca}.notice{background:#eff8ff;border:1px solid #b2ddff;padding:11px;border-radius:10px;color:#175cd3;font-size:11.5px;margin-bottom:14px}.notice.soft{background:#f8fafc;color:#475467;border-color:var(--line);margin:14px 0 0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--muted);padding:30px 12px;gap:5px}.empty-state strong{color:#344054}.empty-icon{width:42px;height:42px;border-radius:12px;background:#f2f4f7;display:grid;place-items:center;font-size:20px;margin-bottom:4px}.empty{color:var(--muted);padding:28px 10px;text-align:center}.kpi-list{display:grid;gap:0}.kpi-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line-soft);align-items:center}.kpi-row:last-child{border-bottom:0}

/* Customer / documents */
.customer-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:18px}.customer-identity{display:flex;align-items:center;gap:13px}.customer-avatar{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#0f9f95);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 8px 20px rgba(37,99,235,.18)}.customer-head h1{margin:2px 0 3px;font-size:23px;letter-spacing:-.035em}.customer-contact{font-size:10.5px;color:var(--muted)}.customer-kpis{margin-bottom:8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-grid div{padding:9px 0;border-bottom:1px solid var(--line-soft)}.detail-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:750}.detail-grid strong{display:block;font-size:11.5px;margin-top:3px}.note-box{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:11px;margin-top:12px;font-size:11.5px;color:#475467}.docs-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.doc-health{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.doc-health div{background:#f8fafc;border:1px solid var(--line-soft);border-radius:10px;padding:11px}.doc-health span{display:block;color:var(--muted);font-size:9px}.doc-health strong{display:block;font-size:20px;margin-top:4px}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.document-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.document-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.doc-top{display:flex;align-items:flex-start;gap:9px}.doc-icon{width:38px;height:38px;border-radius:9px;background:#f3f5f8;color:#475467;display:grid;place-items:center;font-size:9px;font-weight:900;flex:0 0 auto}.doc-meta{min-width:0;flex:1}.doc-meta strong{display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta span{display:block;font-size:9.5px;color:var(--muted);margin-top:3px}.doc-links{display:flex;gap:8px;flex-wrap:wrap;font-size:9.5px;color:#667085;margin:10px 0}.document-card .actions form{margin:0}.timeline{position:relative;padding-left:6px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding:0 0 16px}.timeline-item:before{content:"";position:absolute;left:6px;top:14px;bottom:-2px;width:1px;background:#e4e7ec}.timeline-item:last-child:before{display:none}.timeline-dot{width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #82aef9;margin-top:2px;z-index:1}.timeline-body{border-bottom:1px solid var(--line-soft);padding-bottom:10px}.timeline-head{display:flex;justify-content:space-between;gap:12px}.timeline-head strong{font-size:11.5px}.timeline-head span{font-size:9.5px;color:var(--muted)}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.search-list{display:grid}.search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);padding:10px;border-radius:9px;border-bottom:1px solid var(--line-soft)}.search-result:last-child{border-bottom:0}.search-result:hover{background:#f8fafc}.search-result strong{display:block;font-size:11.5px}.search-result span{display:block;font-size:9.5px;color:var(--muted);margin-top:2px}

/* Login / receipt */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 0,#2563eb 0,#153765 38%,#0b1c34 72%,#081522 100%)}.login-card{width:min(430px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 24px 70px #0005}.login-brand{font-size:29px;font-weight:900;color:var(--primary);margin-bottom:5px}.login-brand span{color:var(--accent)}.login-card .field{margin:14px 0}.login-card .btn{width:100%;padding:11px}.receipt-box{max-width:760px;margin:auto;background:white;border:1px solid var(--line);border-radius:14px;padding:28px}.receipt-brand{font-size:26px;font-weight:900;color:var(--primary)}.receipt-brand span{color:var(--accent)}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.receipt-total{font-size:28px;font-weight:900}.qr{width:150px;height:150px}

/* Responsive */
@media(max-width:1280px){
  :root{--sidebar-w:232px}.content{padding:24px 24px 38px}.topbar{padding:0 22px;gap:14px}.kpi-cards{grid-template-columns:repeat(3,1fr)}.workspace-split{grid-template-columns:minmax(460px,1.2fr) minmax(260px,.8fr)}.user-chip strong{max-width:80px}.global-search{max-width:460px}
}
@media(max-width:1080px){
  :root{--sidebar-w:214px}.content{padding:22px 20px 36px}.cards,.kpi-cards{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.grid-2,.docs-layout,.workspace-split{grid-template-columns:1fr}.pipeline-card{position:static}.document-grid.compact{grid-template-columns:repeat(2,1fr)}.top-sub{display:none}.top-left{min-width:135px}.global-search{max-width:none}.user-chip>div:last-child{display:none}
}
@media(max-width:820px){
  :root{--topbar-h:auto;--sidebar-w:268px}.main{margin-left:0}.sidebar{width:268px;left:-284px;transition:left .2s ease;box-shadow:14px 0 38px rgba(0,0,0,.24)}.sidebar.open{left:0}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:35;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar.open + .sidebar-backdrop{opacity:1;pointer-events:auto}.mobile-toggle{display:grid}.topbar{min-height:64px;height:auto;padding:10px 14px;gap:10px;flex-wrap:wrap}.top-left{min-width:0;flex:1}.top-title{max-width:170px}.global-search{order:3;flex:1 0 100%;max-width:none;height:38px}.top-actions{margin-left:0}.quick-add summary{padding:8px 10px}.user-chip{display:none}.content{padding:18px 14px 30px}.page-hero,.title-row,.customer-head{align-items:flex-start;flex-direction:column}.page-hero,.title-row{gap:12px;margin-bottom:16px}.page-hero h1,.title-row h1{font-size:23px}.cards,.kpi-cards{grid-template-columns:1fr 1fr;gap:10px}.grid-2,.grid-3,.docs-layout,.workspace-split{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.service-row,.item-row{grid-template-columns:1fr}.receipt-grid,.detail-grid{grid-template-columns:1fr}.table{min-width:720px}.document-grid,.document-grid.compact,.search-results{grid-template-columns:1fr}.tabs{margin-left:-2px;margin-right:-2px}.searchbar{flex-wrap:wrap}.searchbar input{flex:1 1 100%}
}
@media(max-width:560px){
  .content{padding:14px 10px 26px}.topbar{padding:9px 10px}.top-title{font-size:12px;max-width:132px}.top-actions{gap:6px}.quick-add summary{font-size:10.5px}.cards,.kpi-cards{grid-template-columns:1fr}.card{padding:14px;border-radius:12px}.customer-head{padding:14px}.customer-avatar{width:44px;height:44px}.page-hero h1,.title-row h1{font-size:21px}.doc-health{grid-template-columns:1fr}.searchbar{flex-direction:column;align-items:stretch}.searchbar input,.searchbar select,.searchbar .btn{width:100%}.actions{width:100%}.page-hero>.actions .btn,.title-row>.actions .btn,.title-row>a.btn{flex:1}.table{min-width:680px}.receipt-box{padding:18px}.login-card{padding:22px}
}
@media print{.sidebar,.sidebar-backdrop,.topbar,.no-print,.tabs,.actions .btn{display:none!important}.main{margin-left:0}.content{padding:0;max-width:none}.card,.receipt-box{border:0;box-shadow:none}.main{width:100%}body{background:#fff}.table th{position:static}}

/* ========================================================================
   BYAIR CRM v9.0 — STAFF OWNERSHIP + PAYMENT APPROVAL
   Robust desktop-app layout + responsive tablet/mobile behavior.
   ======================================================================== */
:root{
  --app-sidebar:264px;
  --app-sidebar-collapsed:76px;
  --app-topbar:66px;
  --app-bg:#f5f7fb;
  --app-panel:#ffffff;
  --app-border:#e3e8ef;
  --app-text:#101828;
  --app-muted:#667085;
  --app-blue:#2563eb;
  --app-blue-dark:#1d4ed8;
  --app-blue-soft:#eff6ff;
  --app-teal:#0f9f95;
  --app-sidebar-bg:#0b1322;
  --app-sidebar-panel:#111d31;
  --app-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.045);
}
html,body{min-height:100%;background:var(--app-bg)}
html.crm-shell-html,html.crm-shell-html body{height:100%;overflow:hidden}
body{font-size:14px}
.layout{
  width:100%;height:100dvh;min-height:0;overflow:hidden;
  display:grid;grid-template-columns:var(--app-sidebar) minmax(0,1fr);
  background:var(--app-bg);
}
.sidebar{
  position:relative!important;inset:auto!important;width:auto!important;height:100dvh;
  z-index:50;overflow:hidden!important;padding:0!important;
  display:grid;grid-template-rows:auto minmax(0,1fr);
  background:linear-gradient(180deg,#101b2e 0%,#0a1220 100%);
  border-right:1px solid rgba(255,255,255,.055);
  box-shadow:none!important;
}
.brand-wrap{margin:0!important;padding:18px 14px 14px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.brand-home{display:flex;align-items:center;gap:10px;min-width:0;color:#fff}
.brand-home:hover{color:#fff}
.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#2563eb,#13a7a2);font-size:11px;font-weight:950;letter-spacing:.04em;color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.24)}
.brand-text{font-weight:900;font-size:18px;letter-spacing:-.035em;white-space:nowrap}.brand-text em{font-style:normal;color:#45ded4}
.brand-sub{padding-left:46px!important;margin-top:-3px!important;font-size:8.5px!important;letter-spacing:.13em!important;color:#7789a3!important;white-space:nowrap;overflow:hidden}
.sidebar-collapse-btn{width:28px;height:28px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.045);color:#9fb0c9;cursor:pointer;display:grid;place-items:center;font-size:15px;flex:0 0 auto}.sidebar-collapse-btn:hover{background:rgba(255,255,255,.09);color:#fff}
.nav{min-height:0;overflow-y:auto!important;padding:7px 10px 16px;scrollbar-width:thin;scrollbar-color:#35465f transparent}
.nav .sep{padding:14px 9px 5px!important;font-size:8.5px!important;color:#677a96!important;letter-spacing:.13em!important}
.nav a{min-height:40px;padding:9px 10px!important;margin:2px 0!important;border-radius:10px!important;color:#cbd5e1!important;font-size:12.5px!important;gap:10px!important}
.nav a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.nav a.active{background:linear-gradient(90deg,rgba(37,99,235,.22),rgba(37,99,235,.10))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(96,165,250,.17)!important}
.nav a.active:before{left:-10px!important;top:9px!important;bottom:9px!important;background:#60a5fa!important}
.nav-ico{width:20px!important;height:20px!important;border-radius:6px;font-size:12px!important;color:#8fa3c0!important}.nav a.active .nav-ico{color:#bfdbfe!important}
.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.signout-btn{min-height:40px!important;margin-top:2px!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important}
.main{
  margin-left:0!important;min-width:0!important;height:100dvh;min-height:0;
  display:grid;grid-template-rows:var(--app-topbar) minmax(0,1fr);
  overflow:hidden;background:var(--app-bg);
}
.topbar{
  position:relative!important;top:auto!important;height:var(--app-topbar)!important;min-height:var(--app-topbar)!important;
  display:grid!important;grid-template-columns:minmax(150px,auto) minmax(240px,620px) auto!important;
  align-items:center!important;gap:18px!important;padding:0 24px!important;
  background:rgba(255,255,255,.985)!important;border-bottom:1px solid var(--app-border)!important;
  backdrop-filter:blur(12px);z-index:30;overflow:visible!important;
}
.top-left{min-width:0!important;flex:none!important;display:flex!important;align-items:center!important;gap:10px!important}.top-title{font-size:13px!important;font-weight:850!important;max-width:220px!important}.top-sub{font-size:9.5px!important;color:#98a2b3!important}
.global-search{width:100%!important;max-width:none!important;min-width:0!important;height:40px!important;border-radius:10px!important;background:#f7f9fc!important;border:1px solid #dfe4ec!important;box-shadow:none!important}.global-search:focus-within{background:#fff!important;border-color:#9ebcf8!important;box-shadow:0 0 0 3px #edf3ff!important}.global-search input{font-size:12.5px!important}
.top-actions{margin-left:0!important;min-width:0!important;justify-content:flex-end!important;gap:10px!important}.quick-add summary{border-radius:9px!important;padding:9px 13px!important;font-size:11.5px!important}.quick-menu{top:46px!important}
.user-chip{border-left:1px solid #edf0f4;padding-left:10px!important}.avatar{border-radius:9px!important}.user-chip strong{max-width:120px!important}
.mobile-toggle{display:none!important}
.content{
  width:100%!important;max-width:none!important;height:100%;min-height:0;
  overflow-y:auto;overflow-x:hidden;margin:0!important;padding:26px 28px 44px!important;
  scrollbar-width:thin;scrollbar-color:#c8d0dc transparent;
}
.content>*{max-width:1520px;margin-left:auto;margin-right:auto}
.content>.flash{max-width:1520px}
.page-hero,.title-row{margin-bottom:18px!important;align-items:flex-end!important}.page-hero h1,.title-row h1{font-size:24px!important}.sub{font-size:11.5px!important}
.card{border:1px solid var(--app-border)!important;border-radius:13px!important;box-shadow:var(--app-shadow)!important;background:#fff!important}.card:hover{border-color:#dbe2ec}
.kpi-cards{gap:12px!important}.metric{min-height:100px!important}.metric .value{font-size:25px!important}.metric-icon{border-radius:10px!important}
.tabs{position:relative;top:auto;z-index:1;background:transparent;padding-top:0;margin-bottom:16px!important}.tabs a{padding:10px 12px!important}
.table-wrap{border-radius:10px}.table{font-size:11.5px!important}.table th{background:#f8fafc!important;padding:10px 12px!important}.table td{padding:10px 12px!important}.table tbody tr{transition:background .12s}.table tbody tr:hover td{background:#f8fbff!important}
.btn{border-radius:9px!important;min-height:36px!important}.btn:hover{transform:none!important}.btn-primary{box-shadow:0 3px 10px rgba(37,99,235,.12)!important}
.field input,.field select,.field textarea,.actions select,.searchbar input,.searchbar select{border-radius:9px!important;border-color:#d5dbe5!important;background:#fff!important}.field input:focus,.field select:focus,.field textarea:focus,.actions select:focus,.searchbar input:focus,.searchbar select:focus{border-color:#8fb0f5!important;box-shadow:0 0 0 3px #edf3ff!important}
.form-grid{gap:12px 14px!important}.field label{font-size:10px!important;color:#475467!important}
.toolbar-search{padding:9px!important;border-radius:11px!important}
.sidebar-backdrop{display:none}

/* Desktop sidebar collapse, persisted by app JS */
body.sidebar-collapsed .layout{grid-template-columns:var(--app-sidebar-collapsed) minmax(0,1fr)}
body.sidebar-collapsed .brand-text,body.sidebar-collapsed .brand-sub,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-dot,body.sidebar-collapsed .nav .sep,body.sidebar-collapsed .signout-btn span{display:none!important}
body.sidebar-collapsed .brand-wrap{padding:15px 10px!important}.sidebar-collapsed .brand-row{flex-direction:column;gap:8px}.sidebar-collapsed .sidebar-collapse-btn{transform:rotate(180deg)}
body.sidebar-collapsed .nav{padding:8px 9px 16px}.sidebar-collapsed .nav a{justify-content:center;padding:9px!important}.sidebar-collapsed .nav a.active:before{left:-9px!important}.sidebar-collapsed .nav-ico{width:22px!important}.sidebar-collapsed .signout-btn{text-align:center;padding:9px!important}

/* Native app feeling */
.app-toast-host{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px;pointer-events:none}.app-toast{min-width:240px;max-width:360px;padding:11px 13px;border-radius:10px;background:#101828;color:#fff;box-shadow:0 16px 36px rgba(16,24,40,.22);font-size:11.5px;opacity:0;transform:translateY(8px);animation:toastIn .18s forwards}.app-toast.good{background:#067647}.app-toast.bad{background:#b42318}@keyframes toastIn{to{opacity:1;transform:none}}
.shortcut-hint{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:#98a2b3;font-size:9px}.shortcut-hint kbd{font:inherit;border:1px solid #d0d5dd;border-bottom-width:2px;background:#fff;border-radius:5px;padding:1px 5px;color:#667085}

/* Standalone admin/tool pages */
body.standalone{overflow:auto!important;min-height:100%;height:auto;background:var(--app-bg)}body.standalone .content{height:auto;overflow:visible;max-width:1320px!important;padding-top:28px!important}
.standalone-bar{height:58px;background:#fff;border-bottom:1px solid var(--app-border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20}.standalone-brand{font-weight:900;color:#1d4ed8}.standalone-brand span{color:#0f9f95}

/* Responsive app shell */
@media(max-width:1180px){
  :root{--app-sidebar:236px}.topbar{grid-template-columns:minmax(130px,auto) minmax(220px,1fr) auto!important;padding:0 18px!important;gap:12px!important}.user-chip strong{max-width:78px!important}.content{padding:22px 20px 38px!important}.kpi-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.workspace-split{grid-template-columns:minmax(420px,1.1fr) minmax(260px,.9fr)!important}
}
@media(max-width:980px){
  .top-sub{display:none!important}.user-chip>div:last-child{display:none!important}.user-chip{padding-left:8px!important}.topbar{grid-template-columns:auto minmax(220px,1fr) auto!important}.cards,.kpi-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-2,.docs-layout,.workspace-split{grid-template-columns:1fr!important}.pipeline-card{position:static!important}
}
@media(max-width:820px){
  html.crm-shell-html,html.crm-shell-html body{overflow:hidden!important}.layout{display:block!important;height:100dvh}.main{height:100dvh;grid-template-rows:auto minmax(0,1fr)!important}
  .sidebar{position:fixed!important;left:-292px!important;top:0!important;bottom:0!important;width:280px!important;height:100dvh!important;transition:left .2s ease!important;box-shadow:16px 0 40px rgba(15,23,42,.26)!important;z-index:80!important}.sidebar.open{left:0!important}
  body.sidebar-collapsed .layout{display:block!important}.sidebar-collapsed .brand-text,.sidebar-collapsed .brand-sub,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-dot,.sidebar-collapsed .nav .sep,.sidebar-collapsed .signout-btn span{display:initial!important}.sidebar-collapsed .brand-row{flex-direction:row!important}.sidebar-collapsed .sidebar-collapse-btn{transform:none!important}.sidebar-collapsed .nav a{justify-content:flex-start!important;padding:9px 10px!important}.sidebar-collapse-btn{display:none!important}
  .sidebar-backdrop{display:block!important;position:fixed;inset:0;background:rgba(15,23,42,.46);z-index:70;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar.open + .sidebar-backdrop{opacity:1;pointer-events:auto}
  .mobile-toggle{display:grid!important}.topbar{min-height:62px!important;height:auto!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;padding:10px 12px!important;gap:9px 10px!important}.top-left{grid-column:1/3}.top-title{max-width:190px!important}.global-search{grid-column:1/-1;grid-row:2;height:38px!important}.top-actions{grid-column:3;grid-row:1}.user-chip{display:none!important}.quick-add summary{padding:8px 10px!important}.content{padding:18px 14px 30px!important}.page-hero,.title-row,.customer-head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.cards,.kpi-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-2,.grid-3,.docs-layout,.workspace-split{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important}.form-grid .full{grid-column:auto!important}.service-row,.item-row{grid-template-columns:1fr!important}.receipt-grid,.detail-grid{grid-template-columns:1fr!important}.document-grid,.document-grid.compact,.search-results{grid-template-columns:1fr!important}.table{min-width:720px!important}.searchbar{flex-wrap:wrap!important}.searchbar input{flex:1 1 100%!important}
}
@media(max-width:560px){
  .content{padding:14px 10px 26px!important}.topbar{padding:9px 10px!important}.top-title{font-size:12px!important;max-width:145px!important}.quick-add summary{font-size:10.5px!important}.cards,.kpi-cards{grid-template-columns:1fr!important}.card{padding:14px!important}.page-hero h1,.title-row h1{font-size:21px!important}.doc-health{grid-template-columns:1fr!important}.searchbar{flex-direction:column!important;align-items:stretch!important}.searchbar input,.searchbar select,.searchbar .btn{width:100%!important}.actions{width:100%}.page-hero>.actions .btn,.title-row>.actions .btn,.title-row>a.btn{flex:1}.table{min-width:680px!important}.receipt-box{padding:18px!important}.login-card{padding:22px!important}
}
@media print{html,body{overflow:visible!important;height:auto!important}.layout,.main{display:block!important;height:auto!important;overflow:visible!important}.sidebar,.sidebar-backdrop,.topbar,.no-print,.sidebar-collapse-btn{display:none!important}.content{height:auto!important;overflow:visible!important;padding:0!important}.card,.receipt-box{box-shadow:none!important}}

/* v9 ownership + approval workflow */
.approval-actions{display:grid;gap:8px;min-width:300px}.approval-actions .actions{align-items:center}.pin-input{font-variant-numeric:tabular-nums;letter-spacing:.14em;max-width:150px}.ownership-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:var(--soft,#eef4ff);font-size:12px;font-weight:700}.payment-pending{border-left:4px solid #f59e0b}.payment-approved{border-left:4px solid #10b981}@media(max-width:760px){.approval-actions{min-width:0}.approval-actions .actions{display:grid;grid-template-columns:1fr}.pin-input{max-width:none}}

/* v9.1 standalone-page scroll fix
   The main CRM shell intentionally locks html/body and scrolls only .content.
   Standalone admin pages do not use that shell, so both the document root and
   body must be explicitly scrollable on desktop, tablet and mobile. */
html.standalone-html{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  scroll-behavior:smooth;
}
html.standalone-html body.standalone{
  height:auto!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  position:static!important;
}
html.standalone-html body.standalone .content{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding-bottom:90px!important;
}
html.standalone-html body.standalone .standalone-bar{
  position:sticky!important;
  top:0!important;
}
@media(max-width:820px){
  html.standalone-html,
  html.standalone-html body.standalone{
    height:auto!important;
    min-height:100%!important;
    overflow-y:auto!important;
  }
  html.standalone-html body.standalone .content{
    height:auto!important;
    overflow:visible!important;
  }
}

/* v9.2 searchable entity selectors */
.crm-combobox{position:relative;width:100%;min-width:0}
.crm-combobox .crm-native-select{display:none!important}
.crm-combobox-input{
  width:100%;height:42px;border:1px solid #d0d5dd;background:#fff;border-radius:9px;
  padding:9px 34px 9px 11px;outline:none;color:var(--ink);transition:.15s;
  -webkit-appearance:none;appearance:none
}
.crm-combobox-input::-webkit-search-cancel-button{margin-right:14px}
.crm-combobox-input:focus{border-color:#84adfa;box-shadow:0 0 0 3px #edf3ff}
.crm-combobox-menu{
  display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:120;
  max-height:280px;overflow:auto;background:#fff;border:1px solid #d9e1ec;border-radius:11px;
  box-shadow:0 16px 36px rgba(15,23,42,.16);padding:5px
}
.crm-combobox.open .crm-combobox-menu{display:block}
.crm-combobox.open-up .crm-combobox-menu{top:auto;bottom:calc(100% + 6px)}
.crm-combobox-option{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:7px;color:#263247;font-size:11.5px;cursor:pointer;white-space:normal;line-height:1.35}
.crm-combobox-option:hover,.crm-combobox-option.active{background:#eef4ff;color:#1d4ed8}
.crm-combobox-option.selected{font-weight:800;background:#f6f9ff}
.crm-combobox-option.clear{color:#667085;font-style:italic}
.crm-combobox-more,.crm-combobox-empty{padding:9px 10px;color:#667085;font-size:10px;border-top:1px solid #eef1f5;margin-top:4px}
.service-row .crm-combobox-input{height:40px}
@media(max-width:820px){.crm-combobox-menu{max-height:240px}.crm-combobox-input{font-size:16px}}

/* v10 FINAL — software-like modals, micro interactions and travel back-office UX */
.app-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.app-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.app-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.app-modal-panel{position:relative;z-index:1;width:min(680px,100%);max-height:min(86vh,900px);overflow:auto;background:#fff;border:1px solid rgba(208,213,221,.8);border-radius:18px;box-shadow:0 28px 80px rgba(15,23,42,.28);padding:20px;transform:translateY(12px) scale(.985);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.app-modal.open .app-modal-panel{transform:none}.app-modal-wide .app-modal-panel,.app-modal-panel.app-modal-wide{width:min(980px,100%)}.app-modal-panel.app-modal-sm{width:min(470px,100%)}
.app-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line-soft);margin-bottom:16px}.app-modal-head h2{margin:2px 0 0;font-size:18px}.app-modal-foot{display:flex;justify-content:flex-end;gap:9px;padding-top:16px;margin-top:16px;border-top:1px solid var(--line-soft);position:sticky;bottom:-20px;background:linear-gradient(to bottom,rgba(255,255,255,.9),#fff 18px);padding-bottom:2px}
.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#667085;display:grid;place-items:center;font-size:20px;cursor:pointer;transition:.16s ease;position:relative;overflow:hidden}.icon-btn:hover{background:#f8fafc;color:#101828;transform:translateY(-1px)}
body.modal-open{overflow:hidden!important}.confirm-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff4ed;color:#b54708;font-weight:950;font-size:20px;margin-bottom:12px}.confirm-message{color:#475467;line-height:1.55;margin:0 0 14px}.confirm-reason{display:grid;gap:6px;margin:12px 0}.confirm-reason label{font-size:10.5px;font-weight:850;color:#344054}.confirm-reason textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;resize:vertical;min-height:82px}

.btn,.chip-btn,.icon-btn{position:relative;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease,filter .14s ease}.btn:hover,.chip-btn:hover{transform:translateY(-1px)}.btn:active,.chip-btn:active,.icon-btn:active{transform:translateY(0) scale(.985)}.btn-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.42);transform:scale(0);animation:byairRipple .5s ease-out;pointer-events:none;z-index:0}.btn-light .btn-ripple,.chip-btn .btn-ripple{background:rgba(29,78,216,.12)}@keyframes byairRipple{to{transform:scale(1);opacity:0}}

.chip-btn{border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:999px;padding:7px 11px;font-size:10.5px;font-weight:800;cursor:pointer}.chip-btn:hover,.chip-btn.active{border-color:#84adfa;background:#eef4ff;color:#1d4ed8}.period-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.workflow-list{display:grid;gap:10px;margin-top:12px}.workflow-list>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;padding:12px;border:1px solid var(--line-soft);border-radius:11px;background:#fbfcfe}.workflow-list>div>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#eef4ff;color:#1d4ed8;display:grid;place-items:center;font-weight:900}.workflow-list strong{font-size:11.5px}.workflow-list small{color:#667085;margin-top:2px}

/* Make app surfaces feel responsive without distracting motion. */
.content>.page-hero,.content>.title-row,.content>.card,.content>.grid-2,.content>.grid-3,.content>.kpi-cards{animation:byairSurfaceIn .22s ease both}@keyframes byairSurfaceIn{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
.card{transition:box-shadow .16s ease,border-color .16s ease}.card:hover{border-color:#d5ddeb}.table tbody tr{transition:background .12s ease}.nav a{transition:background .13s ease,color .13s ease,transform .13s ease}.nav a:active{transform:translateX(1px)}

/* Back-office status emphasis */
.backoffice-summary{display:flex;flex-wrap:wrap;gap:8px}.backoffice-summary .badge{font-size:10px}.settlement-due{border-left:3px solid #f79009}.settlement-disputed{border-left:3px solid #d92d20}.settlement-reconciled{border-left:3px solid #12b76a}

@media(max-width:820px){
  .app-modal{padding:10px;align-items:end}.app-modal-panel,.app-modal-panel.app-modal-wide,.app-modal-wide .app-modal-panel{width:100%;max-height:92dvh;border-radius:18px 18px 10px 10px;padding:16px}.app-modal-foot{bottom:-16px;display:grid;grid-template-columns:1fr 1fr}.app-modal-foot .btn{width:100%}.period-presets{display:grid;grid-template-columns:1fr}.chip-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* v10.1 GLOBAL SCROLL ARCHITECTURE FIX
   Only the authenticated CRM app shell locks the viewport. Every standalone,
   print, public receipt, upgrade and utility page uses the document scroll.
   This avoids non-scrollable pages as new tools are added later. */
html:not(.crm-shell-html){
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
}
html:not(.crm-shell-html) body:not(.modal-open){
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  position:static!important;
}
html:not(.crm-shell-html) body:not(.modal-open)>.content{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
html.modal-open,body.modal-open{overflow:hidden!important}
@media(max-width:820px){
  html:not(.crm-shell-html){height:auto!important;min-height:100%!important;overflow-y:auto!important}
  html:not(.crm-shell-html) body:not(.modal-open){height:auto!important;min-height:100%!important;overflow-y:visible!important}
  html:not(.crm-shell-html) body:not(.modal-open)>.content{height:auto!important;overflow:visible!important}
}


/* v10.5 profile identity + request resilience */
.avatar{overflow:hidden}.avatar img,.staff-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.staff-photo-wrap{display:flex;align-items:center;gap:10px;min-width:145px}.staff-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#e8efff,#dff7f3);color:#1f5de5;font-weight:900;overflow:hidden;border:1px solid #dce5f2;box-shadow:0 5px 14px rgba(15,23,42,.08)}.staff-avatar.large{width:84px;height:84px;border-radius:24px;font-size:30px}.profile-photo-preview{display:flex;align-items:center;gap:16px;padding:8px 0 18px}.profile-photo-form{display:grid;gap:12px}
.request-progress{position:fixed;left:0;top:0;height:3px;width:0;background:#2563eb;z-index:100000;box-shadow:0 0 12px rgba(37,99,235,.55);transition:width .25s ease,opacity .2s ease}.request-progress.active{width:72%;animation:byairRequestProgress 14s cubic-bezier(.2,.8,.2,1) forwards}.request-progress.slow{width:92%;background:#d97706}.request-progress.done{width:100%;opacity:0}@keyframes byairRequestProgress{0%{width:7%}30%{width:35%}65%{width:58%}100%{width:78%}}
.request-slow-note{position:fixed;right:18px;bottom:18px;z-index:99999;background:#111827;color:#fff;padding:12px 14px;border-radius:12px;box-shadow:0 14px 35px rgba(15,23,42,.25);font-size:13px;max-width:340px}.request-slow-note strong{display:block;margin-bottom:3px}
@media(max-width:700px){.staff-photo-wrap{min-width:120px;flex-direction:column;align-items:flex-start}.profile-photo-preview{align-items:flex-start}.request-slow-note{left:12px;right:12px;bottom:12px;max-width:none}}

/* v10.6 CLICKABLE UX — meaningful CRM objects behave like software links */
.profile-chip{display:flex;align-items:center;gap:10px;color:var(--ink);border-radius:12px;padding:5px 8px;text-decoration:none;transition:background .14s ease,transform .14s ease}.profile-chip:hover{background:#f4f7fb;color:var(--ink);transform:translateY(-1px)}.profile-chip:focus-visible{outline:3px solid #dbeafe;outline-offset:2px}.profile-chip-arrow{color:#98a2b3;font-size:20px;line-height:1;margin-left:2px}.record-link{color:inherit;text-decoration:none;border-bottom:1px dashed transparent}.record-link:hover{color:var(--primary);border-bottom-color:#93c5fd}.staff-avatar-link{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.staff-avatar-link:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(37,99,235,.18)}
.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8fbff!important}.clickable-row:focus-visible{outline:2px solid #93c5fd;outline-offset:-2px}.clickable-row td:first-child{position:relative}.clickable-row td:first-child:before{content:'›';position:absolute;left:-2px;top:50%;transform:translateY(-50%);opacity:0;color:var(--primary);font-weight:900}.clickable-row:hover td:first-child:before{opacity:1}
.clickable-card{display:block;color:var(--ink);text-decoration:none;cursor:pointer}.clickable-card:hover{color:var(--ink);border-color:#bcd0fb!important;box-shadow:0 12px 30px rgba(37,99,235,.09)}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin-bottom:18px}.profile-card-main{min-height:100%}.profile-identity-large{display:flex;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line-soft);margin-bottom:12px}.profile-avatar-xl{width:112px;height:112px;border-radius:28px;font-size:40px;flex:0 0 auto}.profile-identity-large h2{margin:0 0 8px;font-size:24px}.profile-role-line{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.profile-details{margin-top:10px}.profile-stats{margin-top:0}
@media(max-width:820px){.profile-layout{grid-template-columns:1fr}.profile-chip .profile-chip-arrow{display:none}.profile-chip{padding:4px}.profile-chip>div:nth-child(2){display:none}.profile-chip .avatar{width:38px;height:38px}.profile-identity-large{align-items:flex-start}.profile-avatar-xl{width:88px;height:88px;border-radius:22px}.profile-stats{grid-template-columns:1fr!important}}
@media(max-width:820px){.top-actions .profile-chip{display:flex!important}.top-actions{align-items:center}.profile-chip .avatar{flex:0 0 auto}}

/* v10.7 OFFICIAL BYAIR BRANDING */
.brand-logo{display:block;max-width:100%;height:auto;object-fit:contain}
.brand-home-logo{min-width:0;flex:1;display:flex;align-items:center}
.brand-logo-sidebar-full{width:210px;max-width:100%;max-height:62px;object-fit:contain;object-position:left center}
.brand-logo-sidebar-icon{display:none;width:38px;height:38px;object-fit:contain}
.login-logo-wrap{display:flex;justify-content:center;align-items:center;margin:0 auto 12px}
.login-logo{width:min(330px,100%);max-height:112px;object-fit:contain}
.login-tagline{text-align:center;margin-bottom:12px}
.standalone-brand-logo{display:flex!important;align-items:center;line-height:1}
.standalone-logo{width:180px;max-width:42vw;max-height:46px;object-fit:contain;object-position:left center}
.receipt-brand-logo{display:flex;align-items:center}
.receipt-logo{width:220px;max-width:100%;max-height:78px;object-fit:contain;object-position:left center}
.top-brand-icon{width:30px;height:30px;object-fit:contain;border-radius:8px;flex:0 0 auto}
.brand-home-logo + .sidebar-collapse-btn{flex:0 0 auto}
body.sidebar-collapsed .brand-logo-sidebar-full{display:none!important}
body.sidebar-collapsed .brand-logo-sidebar-icon{display:block!important}
body.sidebar-collapsed .brand-sub{display:none!important}
body.sidebar-collapsed .brand-home-logo{justify-content:center}
body.sidebar-collapsed .brand-wrap{padding:14px 10px!important}
@media(max-width:820px){.brand-logo-sidebar-full{width:205px}.standalone-logo{width:160px;max-width:55vw}.receipt-logo{width:190px}.top-brand-icon{width:28px;height:28px}}
@media(max-width:520px){.login-logo{width:min(285px,100%)}.receipt-logo{width:165px}}
@media print{.receipt-logo{width:190px!important;max-height:65px!important}}

/* v11.1 compact owner-login approval toast + voucher UX */
.approval-mini-toast{position:fixed;right:16px;bottom:16px;z-index:1400;width:min(258px,calc(100vw - 24px));min-height:62px;display:flex;align-items:center;gap:9px;padding:9px 10px;background:#101828;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:13px;box-shadow:0 10px 28px rgba(16,24,40,.22);text-decoration:none;overflow:hidden;animation:approvalMiniBlink .9s ease-in-out 7;transform-origin:bottom right}
.approval-mini-toast:hover{color:#fff;transform:translateY(-1px)}
.approval-mini-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#fee4e2;color:#b42318;font-size:15px;font-weight:900}
.approval-mini-copy{display:block;min-width:0;flex:1}.approval-mini-copy strong{display:block;color:#fff;font-size:12.5px;line-height:1.25}.approval-mini-copy small{display:block;margin-top:3px;color:#cbd5e1;font-size:10.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.approval-mini-arrow{flex:0 0 auto;color:#cbd5e1;font-size:20px;line-height:1}
.approval-mini-toast.is-hiding{opacity:0;transform:translateY(8px) scale(.97);transition:opacity .32s ease,transform .32s ease;pointer-events:none}
@keyframes approvalMiniBlink{0%,100%{opacity:1;box-shadow:0 10px 28px rgba(16,24,40,.22)}50%{opacity:.72;box-shadow:0 10px 30px rgba(239,68,68,.34)}}
@media (prefers-reduced-motion:reduce){.approval-mini-toast{animation:none}}
.focus-record{outline:3px solid rgba(14,165,168,.32);outline-offset:-3px;background:#f0fdfa!important;animation:focusRecordPulse 1.4s ease 2}@keyframes focusRecordPulse{50%{background:#ccfbf1}}
.voucher-approval-box{padding:14px;border:1px solid #d0d5dd;border-radius:12px;background:#f8fafc}.voucher-approval-box .field{margin-bottom:10px}
@media(max-width:700px){.approval-mini-toast{right:10px;bottom:10px;width:min(245px,calc(100vw - 20px));min-height:58px;padding:8px 9px}.approval-mini-copy strong{font-size:12px}.approval-mini-copy small{font-size:10px}}


/* v11.2 company operating time */
.company-time-chip{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;min-width:128px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;line-height:1.15;white-space:nowrap}.company-time-chip strong{font-size:13px;color:var(--text)}.company-time-chip span{font-size:10px;color:var(--muted);margin-top:3px}@media(max-width:1050px){.company-time-chip{display:none}}


/* v11.3 login security */
.captcha-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.captcha-image{width:180px;height:54px;border:1px solid var(--line,#d8e1ec);border-radius:10px;background:#f7f9fc}.captcha-refresh{min-width:44px;height:44px;padding:0;font-size:20px}.security-login-card{max-width:460px}.otp-input{font-size:24px!important;letter-spacing:.28em;font-weight:800;text-align:center}.totp-qr{display:inline-flex;padding:12px;background:#fff;border:1px solid var(--line,#d8e1ec);border-radius:14px;margin:8px 0 14px}.totp-qr svg{display:block;max-width:190px;height:auto}.totp-secret-box{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px dashed #aebdd0;border-radius:10px;margin-bottom:16px;overflow-wrap:anywhere}.totp-secret-box span{font-size:12px;color:var(--muted,#667085)}.totp-secret-box strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.security-recovery-card{border-color:#8ec5ff}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:520px}.recovery-grid code{display:block;padding:10px 12px;border-radius:8px;background:#101828;color:#fff;text-align:center;font-size:15px;letter-spacing:.08em}@media(max-width:560px){.captcha-image{width:155px}.recovery-grid{grid-template-columns:1fr}}

/* v11.4 country-aware phone fields */
.phone-country-field{min-width:0;max-width:100%;overflow:visible}.phone-country-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:8px;align-items:start;width:100%;min-width:0}.phone-country-row>*{min-width:0;max-width:100%}.phone-country-row .crm-combobox{min-width:0;max-width:100%;width:100%}.phone-country-row .crm-combobox-input,.phone-country-field select,.phone-country-field input{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.phone-country-field [data-phone-help]{line-height:1.4;margin-top:4px;overflow-wrap:anywhere}.phone-country-field .phone-error{color:var(--danger,#b42318);font-weight:700}@media(max-width:620px){.phone-country-row{grid-template-columns:1fr}}

/* v11.4.3 persistent staff lead reminders */
.lead-reminder-popup{position:fixed;right:16px;bottom:16px;z-index:1395;width:min(380px,calc(100vw - 24px));padding:13px;background:#101828;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:15px;box-shadow:0 18px 46px rgba(16,24,40,.32);animation:leadReminderPulse 1.15s ease-in-out 4}.lead-reminder-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.lead-reminder-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fef0c7;color:#b54708;font-size:18px;font-weight:900}.lead-reminder-head div{display:flex;flex-direction:column;min-width:0}.lead-reminder-head strong{font-size:13px}.lead-reminder-head small{margin-top:2px;color:#cbd5e1;font-size:10px}.lead-reminder-person{display:flex;flex-direction:column;padding:9px 10px;margin-bottom:8px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.lead-reminder-person:hover{background:rgba(255,255,255,.13);color:#fff}.lead-reminder-person strong{font-size:13px}.lead-reminder-person span{margin-top:3px;color:#cbd5e1;font-size:10.5px}.lead-reminder-meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.lead-reminder-meta span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.09);color:#e2e8f0;font-size:9.5px}.lead-reminder-popup p{margin:7px 0 10px;color:#e2e8f0;font-size:10.5px;line-height:1.4}.lead-reminder-reschedule{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr) auto;gap:7px;margin-bottom:9px}.lead-reminder-reschedule input{min-width:0;height:34px;border:1px solid #475467;border-radius:8px;padding:6px 8px;background:#fff;color:#101828;font-size:11px}.lead-reminder-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lead-reminder-actions form{margin:0}.lead-reminder-actions .btn{min-height:32px}.lead-reminder-popup+.approval-mini-toast,body:has(#approvalMiniToast) .lead-reminder-popup{bottom:94px}@keyframes leadReminderPulse{50%{box-shadow:0 18px 50px rgba(245,158,11,.45);transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.lead-reminder-popup{animation:none}}@media(max-width:700px){.lead-reminder-popup{right:10px;bottom:10px;width:min(360px,calc(100vw - 20px))}.lead-reminder-reschedule{grid-template-columns:1fr}.lead-reminder-reschedule .btn{width:100%}body:has(#approvalMiniToast) .lead-reminder-popup{bottom:82px}}

/* v11.5.3 enhanced lead reminder manager */
.lead-reminder-popup[hidden]{display:none!important}.lead-reminder-popup.lead-reminder-attention{animation:leadReminderPulse 1.15s ease-in-out 8}.lead-reminder-minimize{margin-left:auto;align-self:flex-start;border:0;background:rgba(255,255,255,.1);color:#fff;width:28px;height:28px;border-radius:8px;font-size:18px;cursor:pointer}.lead-reminder-minimize:hover{background:rgba(255,255,255,.2)}.lead-reminder-slide{display:none}.lead-reminder-slide.active{display:block}.lead-reminder-overdue{display:inline-flex;margin:0 0 7px;padding:4px 8px;border-radius:999px;background:#fee4e2;color:#b42318;font-size:10px;font-weight:900}.lead-reminder-latest{display:flex;flex-direction:column;gap:3px;margin:7px 0 10px;padding:8px 9px;border-left:3px solid #f79009;border-radius:7px;background:rgba(255,255,255,.07);font-size:10.5px}.lead-reminder-latest b{color:#fdb022;font-size:9px;text-transform:uppercase}.lead-reminder-more{margin:8px 0}.lead-reminder-more summary{color:#cbd5e1;font-size:10.5px;cursor:pointer}.lead-reminder-more[open] summary{margin-bottom:7px}.lead-reminder-snooze form{display:flex;gap:6px;margin:8px 0}.lead-reminder-snooze button,.lead-reminder-nav button{border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;padding:6px 9px;font-size:10px;cursor:pointer}.lead-reminder-snooze button:hover,.lead-reminder-nav button:hover{background:rgba(255,255,255,.17)}.lead-reminder-nav{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.12)}.lead-reminder-nav a{text-align:center;color:#cbd5e1;font-size:10.5px;text-decoration:none}.lead-reminder-nav a:hover{color:#fff}.lead-reminder-nav button{padding:4px;font-size:20px;line-height:1}.lead-reminder-actions .btn{flex:1;text-align:center}@media(max-width:700px){.lead-reminder-snooze form{display:grid;grid-template-columns:repeat(3,1fr)}.lead-reminder-snooze button{padding:8px 5px}}

/* v11.4.4 repeat reminders and lead-history workspace */
.lead-history-workspace{align-items:start}.lead-history-workspace textarea{min-height:105px}.table form.actions input[type="datetime-local"],.table form.actions input[name="remark"]{min-width:175px;height:36px;border:1px solid var(--line);border-radius:8px;padding:7px 9px}.table form.actions input[name="remark"]{min-width:210px}@media(max-width:820px){.lead-history-workspace{grid-template-columns:1fr!important}.table form.actions{min-width:420px}}

/* v11.4.5 inline follow-up edit / reschedule */
.followup-inline-edit{min-width:142px}.followup-inline-edit>summary{list-style:none;cursor:pointer;white-space:nowrap}.followup-inline-edit>summary::-webkit-details-marker{display:none}.followup-inline-form{display:grid;gap:9px;width:290px;max-width:70vw;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;box-shadow:0 8px 22px rgba(16,24,40,.12)}.followup-inline-form label{display:block;color:var(--text);font-size:11px;font-weight:700}.followup-inline-form input{display:block;width:100%;height:38px;margin-top:4px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);box-sizing:border-box}.followup-inline-form .btn{width:100%}@media(max-width:700px){.followup-inline-form{width:260px;max-width:78vw}}

/* v11.4.6 record-owned history, latest remark and reasoned closure */
.record-person-link{font-weight:800;color:var(--text);text-decoration:none}.record-person-link:hover{color:var(--primary);text-decoration:underline}.latest-remark{max-width:430px;margin-top:7px;padding:7px 9px;border-left:3px solid #0ea5a8;border-radius:0 7px 7px 0;background:#ecfeff;color:#164e63;font-size:11px;line-height:1.4}.latest-remark small{display:block;margin-top:3px;color:#64748b}.followup-row-actions{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap}.followup-inline-form select,.followup-inline-form textarea{display:block;width:100%;margin-top:4px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);box-sizing:border-box}.followup-inline-form select{height:38px}.followup-inline-form textarea{min-height:72px;resize:vertical}.close-lead-inline .followup-inline-form{border-color:#fecaca;background:#fff7f7}.latest-remark-card{border-left:4px solid #0ea5a8;background:#f0fdfa}.latest-remark-card div{display:flex;flex-direction:column;gap:5px}.latest-remark-card span{color:#0f766e;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.latest-remark-card strong{font-size:15px}.latest-remark-card small{color:var(--muted)}.close-lead-card{border-color:#fecaca;background:#fffafa}.close-lead-form{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(280px,1.4fr) auto;gap:12px;align-items:end}.close-lead-form textarea{min-height:72px}.close-lead-form .btn{min-height:42px}@media(max-width:900px){.close-lead-form{grid-template-columns:1fr}.followup-row-actions{min-width:310px}}

/* v11.4.8 owner-only closed lead reopening */
.reopen-lead-card{border-color:#99f6e4;background:#f0fdfa}.reopen-lead-form{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(150px,.45fr) minmax(280px,1.2fr) auto;gap:12px;align-items:end}.reopen-lead-form textarea{min-height:72px}.reopen-lead-form .btn{min-height:42px}@media(max-width:1050px){.reopen-lead-form{grid-template-columns:1fr}}

/* v11.4.9 clickable lead board record */
.lead-board-link{display:inline-flex;flex-direction:column;gap:3px;color:var(--text);text-decoration:none}.lead-board-link strong{font-weight:900}.lead-board-link span{color:var(--muted);font-size:11px}.lead-board-link:hover strong{color:var(--primary);text-decoration:underline}.lead-board-link:hover span{color:var(--primary)}

/* v11.4.10 mandatory lead-transfer remark */
.lead-transfer-form{display:grid;grid-template-columns:minmax(155px,1fr) minmax(210px,1.35fr) auto;gap:8px;align-items:center;min-width:455px}.lead-transfer-form select,.lead-transfer-form input{width:100%;height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);box-sizing:border-box}.lead-transfer-form .btn{min-height:38px}@media(max-width:850px){.lead-transfer-form{grid-template-columns:1fr;min-width:265px}.lead-transfer-form .btn{width:100%}}

/* v11.6 staff profit targets and incentives */
.incentive-progress{height:12px;margin-top:16px;background:#e8eef7;border-radius:999px;overflow:hidden}.incentive-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#12b981,#2563eb);transition:width .35s ease}
.incentive-filters{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;align-items:end}.incentive-filter-action{padding-bottom:1px}.incentive-breakdown summary{cursor:pointer;font-weight:800;color:var(--primary);padding:10px 0}.incentive-breakdown[open] summary{margin-bottom:6px}@media(max-width:850px){.incentive-filters{grid-template-columns:1fr 1fr}}@media(max-width:520px){.incentive-filters{grid-template-columns:1fr}}


/* ========================================================================
   v11.10.4 — CRM-wide list/dropdown + tab interaction polish
   Dropdowns use one real trigger button (no duplicate pseudo-element arrow).
   Menus use a fixed portal layer so lists never get clipped by cards,
   tables, scrolling workspace panes or sticky headers.
   ======================================================================== */
.crm-combobox{position:relative;z-index:20!important}
.crm-combobox.open{z-index:3000!important}
.crm-combobox-input{padding-right:38px!important}
.crm-combobox.open .crm-combobox-input{
  border-color:#8db1f5!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.09)!important;
}
.crm-combobox-menu.crm-combobox-portal{
  position:fixed!important;left:0;top:0;width:auto;
  display:block!important;box-sizing:border-box;z-index:3000;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-7px) scale(.985);transform-origin:top center;
  max-height:280px;overflow:auto;overscroll-behavior:contain;
  background:#fff;border:1px solid #d8e0ea;border-radius:12px;
  box-shadow:0 18px 46px rgba(15,23,42,.16),0 2px 6px rgba(15,23,42,.05);
  padding:5px;
  transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1),visibility 0s linear .18s;
}
.crm-combobox-menu.crm-combobox-portal.is-open{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);
  transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1),visibility 0s;
}
.crm-combobox-menu.crm-combobox-portal.open-up{transform:translateY(7px) scale(.985);transform-origin:bottom center}
.crm-combobox-menu.crm-combobox-portal.open-up.is-open{transform:translateY(0) scale(1)}
.crm-combobox-option{
  min-height:38px!important;display:flex!important;align-items:center!important;width:100%;
  box-sizing:border-box;padding:9px 10px;border:0;background:#fff;text-align:left;
  border-radius:8px;color:#263247;font-size:11.5px;cursor:pointer;white-space:normal;line-height:1.35;
  opacity:0;transform:translateY(-3px);animation:byAirListOptionIn .17s ease-out forwards;
  animation-delay:var(--byair-list-delay,0ms);
  transition:background .11s ease,color .11s ease,transform .11s ease;
}
.crm-combobox-option:hover,.crm-combobox-option.active{background:#eef4ff;color:#1d4ed8}
.crm-combobox-option.selected{font-weight:800;background:#f6f9ff;color:#1849a9}
.crm-combobox-option.clear{color:#667085;font-style:italic}
.crm-combobox-more,.crm-combobox-empty{padding:10px;color:#667085;font-size:10px;border-top:1px solid #eef1f5;margin-top:4px}
.crm-combobox-menu::-webkit-scrollbar{width:8px}.crm-combobox-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.crm-combobox-menu::-webkit-scrollbar-track{background:transparent}
@keyframes byAirListOptionIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}

/* Quick-add and expandable list panels */
.quick-menu{transform-origin:top right;animation:none}
.quick-add[open] .quick-menu{animation:byAirPanelIn .18s cubic-bezier(.2,.8,.2,1) both}
.followup-inline-edit[open] .followup-inline-form{animation:byAirPanelIn .18s cubic-bezier(.2,.8,.2,1) both;transform-origin:top left}
@keyframes byAirPanelIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Tabs open/switch feedback: subtle, software-like rather than decorative. */
.tabs{scroll-behavior:smooth}
.tabs a{transition:color .14s ease,background .14s ease}
.tabs a.active:after{transform:scaleX(0);transform-origin:center;animation:byAirTabIn .2s cubic-bezier(.2,.8,.2,1) both}
@keyframes byAirTabIn{from{opacity:.35;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}

@media(max-width:820px){
  .crm-combobox-menu.crm-combobox-portal{max-height:240px}
  .crm-combobox-option{min-height:44px!important;padding:10px 11px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  .crm-combobox-menu.crm-combobox-portal,.crm-combobox-option,.tabs a.active:after{animation:none!important;transition:none!important;transform:none!important}
  .quick-add[open] .quick-menu,.followup-inline-edit[open] .followup-inline-form{animation:none!important}
}


/* v11.12.0 — touch ergonomics: preserve compact desktop UI while giving touch users reliable targets. */
button,.btn,a[role="button"]{touch-action:manipulation}
@media (pointer:coarse){
  .btn-sm{min-height:38px;padding-top:8px;padding-bottom:8px}
  .sidebar-collapse-btn,.mobile-toggle{min-width:38px;min-height:38px}
  .profile-chip-arrow,.nav-dot{pointer-events:none}
}

/* Required-field indicator shared by all v11 forms, including standalone pages. */
.required-star,.contact-required{color:#b42318!important;font-weight:850;margin-inline-start:2px}
:is(.field,.phone-country-field):has(input:required,select:required,textarea:required)>label:not(:has(.required-star,.contact-required,.req))::after,
.form-grid>div:has(> input:required,> select:required,> textarea:required)>label:not(:has(.required-star,.contact-required,.req))::after,
label:has(> input:required,> select:required,> textarea:required):not(:has(.required-star,.contact-required,.req))::after,
label:has(+ input:required,+ select:required,+ textarea:required):not(:has(.required-star,.contact-required,.req))::after{
  content:" *";color:#b42318;font-weight:850;
}
.item-row label{display:block;min-width:0;color:#344054;font-size:11px;font-weight:750}
.item-row label input{display:block;width:100%;margin-top:6px}
.item-row .btn{align-self:end}
.inline-required{display:inline-block;min-width:145px;color:#344054;font-size:11px;font-weight:750;vertical-align:bottom}
.inline-required :is(input,select,textarea){display:block;width:100%;margin-top:5px}
.actions .inline-required{flex:0 1 235px}
.lead-reminder-popup .inline-required{color:#fff}
.lead-reminder-popup .inline-required input{min-width:0}

/* byair-ui-v11-10.css */
/* ================================================================
   ByAir CRM v11.10 — Hand-crafted professional UI + production UX layer
   Visual-only enhancement: keeps existing application/theme intact.
   ================================================================ */
:root{
  --ui-blue:#2563eb;
  --ui-blue-700:#1d4ed8;
  --ui-blue-50:#eff6ff;
  --ui-teal:#0f9f95;
  --ui-bg:#f4f7fb;
  --ui-surface:#ffffff;
  --ui-surface-2:#f8fafc;
  --ui-border:#e2e8f0;
  --ui-border-strong:#cbd5e1;
  --ui-text:#101828;
  --ui-text-2:#344054;
  --ui-muted:#667085;
  --ui-muted-2:#98a2b3;
  --ui-sidebar:#0b1424;
  --ui-sidebar-2:#101d31;
  --ui-sidebar-border:rgba(255,255,255,.07);
  --ui-shadow:0 1px 2px rgba(16,24,40,.03),0 8px 24px rgba(16,24,40,.045);
  --ui-shadow-lg:0 18px 48px rgba(15,23,42,.12);
  --ui-radius:12px;
}

html.crm-shell-html,html.crm-shell-html body{background:var(--ui-bg)}
body{font-size:14px;color:var(--ui-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.005em}

/* Sidebar: restrained, dense, professional */
.sidebar{
  background:linear-gradient(180deg,var(--ui-sidebar) 0%,#09111e 100%)!important;
  border-right:1px solid var(--ui-sidebar-border)!important;
}
.brand-wrap{padding:16px 14px 15px!important;border-bottom:1px solid var(--ui-sidebar-border)!important}
.brand-home-logo{min-height:38px}
.brand-logo-sidebar-full{width:190px!important;max-height:50px!important;object-position:left center}
.brand-sub{font-size:8.5px!important;letter-spacing:.16em!important;color:#8190a6!important}
.sidebar-collapse-btn{width:30px!important;height:30px!important;border-radius:8px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.10)!important}
.nav{padding:8px 10px 18px!important}
.nav .sep{padding:16px 10px 6px!important;color:#71829c!important;font-size:8px!important;letter-spacing:.15em!important}
.nav a{
  min-height:42px!important;
  padding:9px 11px!important;
  border-radius:9px!important;
  margin:2px 0!important;
  color:#b9c5d6!important;
  font-size:12.5px!important;
  font-weight:650!important;
}
.nav a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.nav a.active{
  background:rgba(37,99,235,.17)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.14)!important;
}
.nav a.active:before{background:#60a5fa!important;width:3px!important;left:-10px!important}
.nav-ico{
  width:22px!important;height:22px!important;border-radius:7px!important;
  display:grid!important;place-items:center!important;
  color:#8fa0b7!important;
  font-size:0!important;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.055);
}
.nav-ico svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav a.active .nav-ico{color:#b9d5ff!important;background:rgba(96,165,250,.10);border-color:rgba(147,197,253,.14)}
.nav-dot{width:5px!important;height:5px!important;background:#60a5fa!important}
.signout-btn{min-height:42px!important;border-radius:9px!important;color:#b9c5d6!important;background:rgba(255,255,255,.025)!important}
.signout-btn:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}

/* Header / search */
.topbar{
  height:68px!important;min-height:68px!important;
  padding:0 24px!important;
  background:#fff!important;
  border-bottom:1px solid var(--ui-border)!important;
  box-shadow:0 1px 0 rgba(16,24,40,.015)!important;
}
.top-brand-icon{width:32px!important;height:32px!important;border-radius:9px!important}
.top-title{font-size:13px!important;font-weight:800!important;color:#0f172a!important}
.top-sub{font-size:9px!important;color:var(--ui-muted-2)!important}
.global-search{
  height:42px!important;border-radius:11px!important;
  background:#f8fafc!important;border:1px solid #dce3ec!important;
  padding:0 13px!important;
}
.global-search:focus-within{background:#fff!important;border-color:#8cb0f7!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}
.global-search span:first-of-type{font-size:18px!important;color:#8491a3!important}
.global-search input{font-size:12.5px!important;color:#1d2939!important}
.shortcut-hint kbd{background:#fff!important;border-color:#d9e0e8!important;color:#667085!important}
.quick-add summary{min-height:40px!important;padding:9px 14px!important;border-radius:9px!important;font-size:11.5px!important;background:var(--ui-blue)!important;box-shadow:none!important}
.quick-add summary:hover{background:var(--ui-blue-700)!important}
.user-chip{border-left:1px solid #edf0f4!important;padding-left:12px!important}
.avatar{width:36px!important;height:36px!important;border-radius:10px!important;background:#eef4ff!important;border:1px solid #dbe7fb!important}
.user-chip strong{font-size:11.5px!important;font-weight:800!important}
.user-chip span{font-size:9.5px!important}

/* Canvas + hierarchy */
.content{padding:28px 30px 46px!important;background:var(--ui-bg)!important}
.content>*{max-width:1540px}
.page-hero,.title-row{margin-bottom:21px!important}
.page-hero h1,.title-row h1{font-size:25px!important;line-height:1.16!important;font-weight:780!important;letter-spacing:-.035em!important;color:#0f172a!important}
.eyebrow{font-size:8.5px!important;letter-spacing:.16em!important;font-weight:850!important;color:#356ee6!important}
.sub{font-size:11.5px!important;color:#748096!important}
.section-head{margin-bottom:15px!important}
.section-head h2,.card h3{font-size:15px!important;line-height:1.25!important;font-weight:760!important;color:#182230!important}

/* Cards */
.card{
  background:var(--ui-surface)!important;
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:var(--ui-shadow)!important;
  padding:19px!important;
}
.card:hover{border-color:#d7dfe9!important;box-shadow:0 2px 5px rgba(16,24,40,.035),0 10px 28px rgba(16,24,40,.055)!important}
.metric{min-height:108px!important}
.metric-link{gap:13px!important}
.metric-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:var(--ui-blue-50)!important;color:var(--ui-blue)!important;border:1px solid #dbeafe!important}
.metric .label{font-size:9px!important;color:#7b8798!important;letter-spacing:.08em!important;font-weight:800!important}
.metric .value{font-size:27px!important;font-weight:820!important;letter-spacing:-.04em!important;color:#0f172a!important}
.metric .hint{font-size:10.5px!important;color:#7b8798!important}

/* Tabs */
.tabs{border-bottom:1px solid var(--ui-border)!important;margin-bottom:18px!important;background:transparent!important}
.tabs a{font-size:11.5px!important;font-weight:750!important;color:#7a8799!important;padding:10px 13px!important}
.tabs a:hover{background:#edf3fb!important;color:#344054!important}
.tabs a.active{background:#fff!important;color:var(--ui-blue)!important;box-shadow:0 -1px 0 #fff inset!important}
.tabs a.active:after{height:2px!important;background:var(--ui-blue)!important}
.tab-count{background:#eef2f6!important}
.tabs a.active .tab-count{background:#dbeafe!important;color:#1d4ed8!important}

/* Tables: more legible enterprise register */
.table{font-size:12px!important}
.table th{font-size:9px!important;font-weight:800!important;letter-spacing:.075em!important;color:#778399!important;background:#f8fafc!important;padding:11px 12px!important;border-bottom:1px solid #e1e7ef!important}
.table td{font-size:12px!important;padding:11px 12px!important;border-bottom:1px solid #eef1f5!important;color:#273244!important}
.table tbody tr:hover td{background:#f7faff!important}
.table td strong{font-weight:760!important;color:#182230!important}
.table td a{font-weight:700}
.badge{padding:5px 8px!important;font-size:9px!important;font-weight:820!important;letter-spacing:.01em!important;border:1px solid transparent}
.badge.good{border-color:#bbebcf!important}.badge.warn{border-color:#f9e1ad!important}.badge.bad{border-color:#f7c6c0!important}.badge.gray{border-color:#e2e6eb!important}

/* Forms: consistent controls */
.form-grid{gap:15px 16px!important}
.field label{font-size:10.5px!important;font-weight:780!important;color:#475467!important;margin-bottom:6px!important}
.field input,.field select,.field textarea,.actions select,.searchbar input,.searchbar select,.crm-combobox-input{
  height:44px!important;border-radius:9px!important;border:1px solid #d3dae4!important;
  background:#fff!important;color:#182230!important;font-size:12.5px!important;
  box-shadow:none!important;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
}
.field textarea{min-height:96px!important;height:auto!important;padding-top:11px!important}
.field input::placeholder,.field textarea::placeholder{color:#9aa5b4!important}
.field input:hover,.field select:hover,.field textarea:hover,.searchbar input:hover,.searchbar select:hover{border-color:#bdc8d6!important}
.field input:focus,.field select:focus,.field textarea:focus,.actions select:focus,.searchbar input:focus,.searchbar select:focus,.crm-combobox-input:focus{
  border-color:#8db1f5!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important;background:#fff!important;outline:none!important;
}
.file-input{background:#fbfcfe!important}
.searchbar{gap:9px!important;margin-bottom:15px!important}
.toolbar-search{padding:10px!important;border-radius:11px!important;background:#fff!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}

/* Buttons — less “template”, more product UI */
.btn{min-height:38px!important;border-radius:9px!important;padding:9px 13px!important;font-size:11.5px!important;font-weight:760!important;letter-spacing:.005em!important}
.btn-primary{background:var(--ui-blue)!important;box-shadow:0 1px 2px rgba(37,99,235,.12)!important}
.btn-primary:hover{background:var(--ui-blue-700)!important}
.btn-teal{background:var(--ui-teal)!important;box-shadow:0 1px 2px rgba(15,159,149,.12)!important}
.btn-light{background:#fff!important;border-color:#d4dbe5!important;color:#344054!important;box-shadow:0 1px 2px rgba(16,24,40,.025)!important}
.btn-light:hover{background:#f8fafc!important;border-color:#c5cfdb!important}
.btn-danger{background:#fff5f4!important;border-color:#f4c9c5!important;color:#b42318!important}
.btn-sm{min-height:32px!important;padding:7px 9px!important;font-size:10.5px!important}
.actions{gap:8px!important}

/* Search / utility lists */
.search-result{padding:11px!important;border-radius:9px!important}
.search-result strong{font-size:12px!important}
.search-result span{font-size:9.5px!important}
.pill{font-size:9.5px!important;padding:5px 9px!important}
.notice,.flash{font-size:11.5px!important;border-radius:10px!important;padding:12px 13px!important}
.empty-state{padding:42px 16px!important}
.empty-icon{width:44px!important;height:44px!important;border-radius:12px!important}
.kpi-row{padding:11px 0!important}

/* Customer/document/timeline surfaces */
.customer-head{padding:19px!important}
.customer-avatar{width:52px!important;height:52px!important;border-radius:14px!important}
.customer-head h1{font-size:24px!important;font-weight:780!important}
.customer-contact{font-size:10.5px!important}
.document-card{border-color:#e0e6ee!important;border-radius:11px!important;background:#fff!important;padding:13px!important}
.document-card:hover{border-color:#cad5e3!important;box-shadow:var(--ui-shadow)!important}
.doc-icon{width:40px!important;height:40px!important;border-radius:10px!important;background:#f3f6f9!important;border:1px solid #e3e8ef!important}
.doc-meta strong{font-size:11.5px!important}
.doc-meta span,.doc-links{font-size:9.5px!important}
.doc-health div{background:#f8fafc!important;border-color:#e6ebf1!important;border-radius:10px!important}
.timeline-body{padding-bottom:11px!important}
.timeline-dot{border-color:#83aef7!important}

/* Profile / modal / toast */
.profile-chip{border-radius:10px!important}
.profile-chip:hover{background:#f6f8fb!important}
.app-modal-backdrop{background:rgba(15,23,42,.50)!important}
.app-modal-panel{border-radius:16px!important;box-shadow:0 28px 80px rgba(15,23,42,.24)!important}
.icon-btn{border-radius:9px!important}
.app-toast{font-size:11.5px!important;border-radius:10px!important}

/* Login */
.login-wrap{background:radial-gradient(circle at 18% 8%,#2f6fe8 0,#173a68 34%,#0b1d34 70%,#081421 100%)!important}
.login-card{border:1px solid rgba(255,255,255,.55)!important;border-radius:20px!important;box-shadow:0 30px 90px rgba(0,0,0,.28)!important;padding:32px!important}
.login-logo{width:min(300px,100%)!important;max-height:106px!important}
.login-tagline{font-size:11px!important;color:#667085!important}
.login-card .field{margin:16px 0!important}
.login-card .btn{min-height:42px!important}

/* Standalone pages */
.standalone-bar{height:60px!important;border-bottom:1px solid var(--ui-border)!important;background:#fff!important}
.standalone-brand{font-weight:850!important}

/* Accessibility / focus */
:focus-visible{outline:3px solid rgba(37,99,235,.22)!important;outline-offset:2px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}

/* Collapsed desktop sidebar */
body.sidebar-collapsed .nav a{min-height:42px!important}
body.sidebar-collapsed .nav-ico{width:30px!important;height:30px!important;border-radius:9px!important}
body.sidebar-collapsed .brand-logo-sidebar-icon{width:38px!important;height:38px!important}

/* Responsive: keep density without cramping */
@media(max-width:1180px){
  .topbar{padding:0 18px!important}
  .content{padding:24px 20px 40px!important}
}
@media(max-width:820px){
  .topbar{padding:10px 12px!important;min-height:66px!important;height:auto!important}
  .content{padding:18px 14px 32px!important}
  .card{padding:16px!important}
  .page-hero h1,.title-row h1{font-size:23px!important}
  .field input,.field select,.field textarea,.actions select,.searchbar input,.searchbar select,.crm-combobox-input{font-size:16px!important}
}
@media(max-width:560px){
  .content{padding:14px 10px 26px!important}
  .card{padding:14px!important;border-radius:11px!important}
  .page-hero h1,.title-row h1{font-size:21px!important}
  .metric .value{font-size:24px!important}
  .login-card{padding:24px!important}
}


/* v11.10 production UX hardening */
:root{
  --ui-danger-soft:#fff6f5;
  --ui-success-soft:#f0fdf4;
  --ui-warning-soft:#fffaf0;
  --ui-info-soft:#f4f8ff;
}

/* Keep the visual language restrained and product-like: no excessive blur/glass effects. */
.card,.page-hero,.searchbar,.notice,.flash,.app-modal-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.card{box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 18px rgba(16,24,40,.035)!important}

/* Accessible muted copy */
.muted,.mini.muted,.small.muted,.hint,.sub{color:#5b6575!important}
.top-sub{color:#667085!important;font-size:10px!important}

/* Required / validation states */
.field label{font-weight:700!important}
.field label::after{ }
input:user-invalid,select:user-invalid,textarea:user-invalid,.field.has-error input,.field.has-error select,.field.has-error textarea{
  border-color:#d92d20!important;
  box-shadow:0 0 0 3px rgba(217,45,32,.09)!important;
}
.field-error{margin-top:6px;color:#b42318;font-size:11px;font-weight:650}
.form-validation-summary{display:none;margin:0 0 14px;padding:12px 14px;border:1px solid #f1b6b0;background:var(--ui-danger-soft);color:#912018;border-radius:10px;font-size:12px}
.form-validation-summary.show{display:block}

/* Network state */
.byair-offline-banner{position:fixed;left:50%;top:12px;transform:translate(-50%,-130%);z-index:10000;display:flex;align-items:center;gap:9px;max-width:min(620px,calc(100vw - 24px));padding:10px 14px;border:1px solid #f3b7b0;border-radius:12px;background:#fff8f7;color:#8a1c13;box-shadow:0 14px 34px rgba(15,23,42,.15);font-size:12px;font-weight:700;transition:transform .2s ease,opacity .2s ease}
.byair-offline-banner.show{transform:translate(-50%,0);}
.byair-offline-banner::before{content:"";width:8px;height:8px;border-radius:50%;background:#d92d20;flex:none}
.byair-online-note{color:#027a48!important;background:#f0fdf4!important;border-color:#b7e3c8!important}
.byair-online-note::before{background:#12b76a!important}

/* Better toast semantics / hierarchy */
.app-toast-host{z-index:9999!important}
.app-toast{max-width:min(430px,calc(100vw - 28px));line-height:1.45!important;box-shadow:0 12px 28px rgba(16,24,40,.13)!important}
.app-toast.bad{border-left:3px solid #d92d20!important}
.app-toast.good{border-left:3px solid #12b76a!important}

/* Explicit submit state */
button[data-byair-working="1"]{cursor:wait!important;opacity:.76!important}
.request-slow-note{max-width:min(560px,calc(100vw - 28px))!important;line-height:1.45!important}

/* Error / service pages */
.byair-system-state{min-height:100vh;display:grid;place-items:center;padding:28px;background:#f5f7fa;color:#101828;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.byair-system-card{width:min(620px,100%);background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:30px;box-shadow:0 18px 50px rgba(16,24,40,.08)}
.byair-system-kicker{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#175cd3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.byair-system-card h1{margin:14px 0 8px;font-size:26px;line-height:1.15;color:#101828}
.byair-system-card p{margin:0;color:#475467;line-height:1.55;font-size:13px}
.byair-system-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.byair-system-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #d0d5dd;border-radius:10px;text-decoration:none;font-size:12px;font-weight:750}
.byair-system-actions a.primary{background:#175cd3;color:#fff;border-color:#175cd3}
.byair-system-ref{margin-top:16px;padding:10px 12px;border-radius:9px;background:#f8fafc;border:1px solid #eaecf0;color:#667085;font-size:10px}

/* Standalone pages should share the same application surface */
.standalone-page{background:#f5f7fa!important}
.standalone-bar{box-shadow:0 1px 0 rgba(16,24,40,.03)!important}

/* Minimum touch target for important actions */
.btn-sm,.icon-btn,.mobile-toggle,.sidebar-collapse{min-width:36px!important;min-height:36px!important}

/* Mobile overflow and comfortable spacing */
@media(max-width:820px){
  .byair-offline-banner{top:8px}
  .form-validation-summary{font-size:12px}
  .btn-sm{min-height:38px!important}
}
@media(prefers-reduced-motion:reduce){
  .byair-offline-banner{transition:none!important}
}


/* Required group messaging: Phone OR WhatsApp, Customer OR Lead, Ticket OR PNR, etc. */
.has-group-error > input,.has-group-error > select,.has-group-error > textarea,
.has-group-error .phone-country-row input,.has-group-error .phone-country-row select,
.has-group-error .crm-combobox-input{border-color:#d92d20!important;box-shadow:0 0 0 3px rgba(217,45,32,.09)!important}
.contact-required{color:#b42318;font-weight:800}


/* ========================================================================
   v11.10.4 — Dropdown trigger button polish
   Menus use a fixed portal layer so lists never get clipped by cards,
   tables, scrolling workspace panes or sticky headers.
   ======================================================================== */
.crm-combobox{position:relative;z-index:20!important}
.crm-combobox.open{z-index:3000!important}
.crm-combobox-input{padding-right:48px!important}
.crm-combobox-trigger{
  position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;
  padding:0;margin:0;border:0;border-radius:8px;background:transparent;
  color:#667085;cursor:pointer;appearance:none;-webkit-appearance:none;
  z-index:3;transition:background .14s ease,color .14s ease,transform .18s cubic-bezier(.2,.8,.2,1);
}
.crm-combobox-trigger:hover{background:#eef4ff;color:#2563eb}
.crm-combobox-trigger:focus-visible{outline:2px solid #8db1f5;outline-offset:1px}
.crm-combobox-trigger svg{width:15px;height:15px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.crm-combobox.open .crm-combobox-trigger{color:#2563eb;transform:translateY(-50%) rotate(180deg)}
.crm-combobox.open .crm-combobox-input{
  border-color:#8db1f5!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.09)!important;
}
.crm-combobox-menu.crm-combobox-portal{
  position:fixed!important;left:0;top:0;width:auto;
  display:block!important;box-sizing:border-box;z-index:3000;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-7px) scale(.985);transform-origin:top center;
  max-height:280px;overflow:auto;overscroll-behavior:contain;
  background:#fff;border:1px solid #d8e0ea;border-radius:12px;
  box-shadow:0 18px 46px rgba(15,23,42,.16),0 2px 6px rgba(15,23,42,.05);
  padding:5px;
  transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1),visibility 0s linear .18s;
}
.crm-combobox-menu.crm-combobox-portal.is-open{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);
  transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1),visibility 0s;
}
.crm-combobox-menu.crm-combobox-portal.open-up{transform:translateY(7px) scale(.985);transform-origin:bottom center}
.crm-combobox-menu.crm-combobox-portal.open-up.is-open{transform:translateY(0) scale(1)}
.crm-combobox-option{
  min-height:38px!important;display:flex!important;align-items:center!important;width:100%;
  box-sizing:border-box;padding:9px 10px;border:0;background:#fff;text-align:left;
  border-radius:8px;color:#263247;font-size:11.5px;cursor:pointer;white-space:normal;line-height:1.35;
  opacity:0;transform:translateY(-3px);animation:byAirListOptionIn .17s ease-out forwards;
  animation-delay:var(--byair-list-delay,0ms);
  transition:background .11s ease,color .11s ease,transform .11s ease;
}
.crm-combobox-option:hover,.crm-combobox-option.active{background:#eef4ff;color:#1d4ed8}
.crm-combobox-option.selected{font-weight:800;background:#f6f9ff;color:#1849a9}
.crm-combobox-option.clear{color:#667085;font-style:italic}
.crm-combobox-more,.crm-combobox-empty{padding:10px;color:#667085;font-size:10px;border-top:1px solid #eef1f5;margin-top:4px}
.crm-combobox-menu::-webkit-scrollbar{width:8px}.crm-combobox-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.crm-combobox-menu::-webkit-scrollbar-track{background:transparent}
@keyframes byAirListOptionIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}

/* Quick-add and expandable list panels */
.quick-menu{transform-origin:top right;animation:none}
.quick-add[open] .quick-menu{animation:byAirPanelIn .18s cubic-bezier(.2,.8,.2,1) both}
.followup-inline-edit[open] .followup-inline-form{animation:byAirPanelIn .18s cubic-bezier(.2,.8,.2,1) both;transform-origin:top left}
@keyframes byAirPanelIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Tabs open/switch feedback: subtle, software-like rather than decorative. */
.tabs{scroll-behavior:smooth}
.tabs a{transition:color .14s ease,background .14s ease}
.tabs a.active:after{transform:scaleX(0);transform-origin:center;animation:byAirTabIn .2s cubic-bezier(.2,.8,.2,1) both}
@keyframes byAirTabIn{from{opacity:.35;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}

@media(max-width:820px){
  .crm-combobox-menu.crm-combobox-portal{max-height:240px}
  .crm-combobox-option{min-height:44px!important;padding:10px 11px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  .crm-combobox-trigger{transition:none!important}
  .crm-combobox-menu.crm-combobox-portal,.crm-combobox-option,.tabs a.active:after{animation:none!important;transition:none!important;transform:none!important}
  .quick-add[open] .quick-menu,.followup-inline-edit[open] .followup-inline-form{animation:none!important}
}


/* v11.11 workflow surfaces */
.notification-center{position:relative}
.notification-center summary{list-style:none;position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid #d9e1ea;border-radius:10px;background:#fff;cursor:pointer;color:#475467;user-select:none}
.notification-center summary::-webkit-details-marker{display:none}
.notification-center summary:hover{background:#f8fafc;border-color:#cbd5e1}
.notification-center summary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font-size:8px;font-weight:850;display:grid;place-items:center;border:2px solid #fff}
.notification-popover{position:absolute;right:0;top:48px;width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid #dfe5ec;border-radius:14px;box-shadow:0 20px 45px rgba(16,24,40,.14);padding:10px;z-index:1200}
.notification-head{padding:8px 9px 10px;border-bottom:1px solid #edf0f4}.notification-head strong{font-size:12px;color:#182230}.notification-head small{display:block;margin-top:3px;font-size:9.5px;color:#7b8798}
.notification-item{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start;padding:11px 9px;border-radius:10px;text-decoration:none;color:#182230}.notification-item:hover{background:#f7f9fc}.notification-item strong{display:block;font-size:11px}.notification-item small{display:block;margin-top:3px;font-size:9.5px;color:#7b8798;line-height:1.35}.notification-arrow{font-size:18px;color:#98a2b3}.notification-dot{width:7px;height:7px;border-radius:50%;margin-top:5px;background:#98a2b3}.notification-dot.followup{background:#2e90fa}.notification-dot.payment,.notification-dot.voucher{background:#f79009}.notification-dot.document{background:#d92d20}.notification-dot.booking{background:#12b76a}
.notification-empty{padding:30px 10px 26px;text-align:center}.notification-empty strong{font-size:12px}.notification-empty span{display:block;margin-top:4px;font-size:9.5px;color:#7b8798}
.view-toggle{display:inline-flex;padding:3px;border:1px solid #d9e1ea;border-radius:9px;background:#f6f8fa}.view-toggle a{padding:7px 11px;border-radius:7px;color:#667085;text-decoration:none;font-size:10.5px;font-weight:800}.view-toggle a.active{background:#fff;color:#1d4ed8;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.lead-kanban{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:4px;margin-top:18px}.lead-kanban-column{min-height:420px;padding:10px;background:#f7f9fc;border:1px solid #e3e8ef;border-radius:13px}.lead-kanban-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 10px;border-bottom:1px solid #e4e9ef}.lead-kanban-head strong{font-size:11px}.lead-kanban-head small{display:block;margin-top:2px;color:#8491a3;font-size:9px}.lead-kanban-head>span{min-width:25px;height:25px;border-radius:8px;background:#fff;border:1px solid #dfe5ec;display:grid;place-items:center;font-size:9px;font-weight:800;color:#667085}.lead-kanban-list{display:grid;gap:8px;padding-top:9px}.lead-kanban-card{background:#fff;border:1px solid #dfe5ec;border-radius:11px;padding:11px;box-shadow:0 1px 2px rgba(16,24,40,.03)}.lead-kanban-card:hover{border-color:#cfd9e5;box-shadow:0 5px 16px rgba(16,24,40,.06)}.lead-kanban-card-head{display:flex;justify-content:space-between;gap:8px}.lead-kanban-card-head a{text-decoration:none;color:#182230}.lead-kanban-card-head strong{display:block;font-size:11.5px}.lead-kanban-card-head small{display:block;margin-top:3px;font-size:8.5px;color:#98a2b3}.lead-kanban-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.lead-kanban-meta span{font-size:8.8px;color:#667085;background:#f8fafc;border:1px solid #e8ecf1;border-radius:999px;padding:4px 6px}.lead-kanban-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:11px}.lead-kanban-foot strong{font-size:11px}.lead-kanban-foot span{font-size:8.5px;color:#8491a3}.lead-card-actions{margin-top:10px;align-items:center}.lead-stage-form{display:flex;gap:5px;flex:1}.lead-stage-form select{height:32px!important;min-width:0;flex:1;font-size:9.5px!important}.lead-kanban-empty{padding:25px 7px;text-align:center;color:#98a2b3;font-size:9.5px;border:1px dashed #d6dde6;border-radius:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.today-command{margin:18px 0}.today-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:5px}.today-stat-grid a{display:block;padding:11px 10px;border:1px solid #e3e8ef;border-radius:10px;background:#f9fbfd;text-decoration:none}.today-stat-grid a:hover{border-color:#cbd8e6;background:#fff}.today-stat-grid strong{display:block;font-size:20px;line-height:1;font-weight:820;color:#182230}.today-stat-grid span{display:block;margin-top:6px;font-size:9px;color:#748096}.today-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px;padding-top:16px;border-top:1px solid #edf0f4}.today-panels h3{margin:0 0 8px;font-size:11px}.mini-list{display:grid;gap:5px}.mini-list a{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:9px;background:#f8fafc;text-decoration:none;color:#182230;border:1px solid #edf0f4}.mini-list a:hover{background:#fff;border-color:#d8e1eb}.mini-list strong{display:block;font-size:10.5px}.mini-list small{display:block;font-size:8.8px;color:#7b8798;margin-top:2px}.mini-list time{font-size:8.5px;color:#667085;white-space:nowrap}.empty-state.compact{padding:20px 10px}
.filter-tabs{margin-top:-5px}.filter-tabs a{padding-top:8px;padding-bottom:8px}
.receivable-summary{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.receivable-summary .card{min-height:104px}
@media (max-width:1100px){.today-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-kanban{grid-template-columns:repeat(6,250px)}}
@media (max-width:820px){.notification-popover{position:fixed;right:14px;top:64px}.today-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.today-panels{grid-template-columns:1fr}.receivable-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-kanban{grid-template-columns:repeat(6,255px)}}
@media (max-width:520px){.today-stat-grid{grid-template-columns:1fr 1fr}.receivable-summary{grid-template-columns:1fr}.notification-center summary{width:38px;height:38px}}
@media (prefers-reduced-motion: reduce){.notification-item,.lead-kanban-card,.today-stat-grid a{transition:none!important}}


/* v11.11 workflow UX */
.customer-next-action{border:1px solid rgba(15,23,42,.10);background:linear-gradient(180deg,#fff,#f8fafc)}
.customer-next-action h2{margin:2px 0 4px}
.lead-card-actions{gap:7px;align-items:center;flex-wrap:wrap}
.lead-card-actions .lead-stage-form{display:flex;gap:6px;align-items:center;margin:0}
.lead-card-actions .lead-stage-form select{min-width:118px}
@media(max-width:760px){.lead-card-actions .lead-stage-form{width:100%}.lead-card-actions .lead-stage-form select{flex:1}}

/* ========================================================================
   v11.12 — Scroll / Sticky UX repair
   The CRM content area is its own scrolling surface. Nested page tabs must
   never become viewport-like sticky headers and cover the content beneath.
   Table headers remain sticky only inside their own table scroll container.
   ======================================================================== */
.crm-shell-html .tabs,
.crm-shell-html .dashboard-tabs,
.crm-shell-html .profile-tabs,
.crm-shell-html .filter-tabs{
  position:relative!important;
  top:auto!important;
  inset-block-start:auto!important;
  z-index:1!important;
  background:transparent!important;
  padding-top:0!important;
}
.crm-shell-html .tabs a{position:relative!important}
.crm-shell-html .table-wrap{
  position:relative!important;
  isolation:isolate;
}
.crm-shell-html .table-wrap .table th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
}



/* v11.12 FEATURE SUITE */
.feature-hero{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin:4px 0 18px;padding:6px 0}.feature-hero h1{margin:4px 0;font-size:25px;letter-spacing:-.5px}.feature-hero .sub{max-width:820px}.feature-hero-split{align-items:center}.feature-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.feature-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.feature-kpis-six{grid-template-columns:repeat(6,minmax(0,1fr))}.feature-kpi{display:flex;gap:10px;align-items:center;min-height:92px;padding:14px;border:1px solid #e3e8ef;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)}.feature-kpi-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#f1f5f9;color:#334155;display:grid;place-items:center;font-weight:900}.feature-kpi small,.feature-kpi strong,.feature-kpi span{display:block}.feature-kpi small{font-size:9px;color:#667085}.feature-kpi strong{margin-top:3px;font-size:23px;line-height:1.05;color:#182230}.feature-kpi span{margin-top:4px;font-size:8.5px;color:#98a2b3}.feature-list{display:grid;gap:6px}.feature-list-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #e7ebf0;border-radius:10px;background:#fff;text-decoration:none;color:#182230;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.feature-list-row:hover{border-color:#cfd8e3;box-shadow:0 5px 14px rgba(16,24,40,.05);transform:translateY(-1px)}.feature-list-row.is-selected{border-color:#9db9da;box-shadow:inset 3px 0 0 #2563eb;background:#f8fbff}.feature-list-row>div:nth-child(2){min-width:0}.feature-list-row strong{display:block;font-size:11.5px}.feature-list-row small{display:block;margin-top:3px;font-size:9px;color:#7b8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-list-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#f8fafc;color:#475467;font-size:11px;font-weight:850}.feature-list-icon.warn{background:#fff7ed;color:#b54708}.feature-list-icon.danger{background:#fef3f2;color:#b42318}.row-end{display:grid;gap:5px;justify-items:end}.fw-status{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 7px;border-radius:999px;border:1px solid #e4e7ec;background:#f8fafc;color:#667085;font-size:8.5px;font-weight:850;white-space:nowrap}.fw-good,.fw-active,.fw-confirmed,.fw-completed,.fw-approved,.fw-delivered,.fw-valid,.fw-done{background:#ecfdf3;border-color:#abefc6;color:#067647}.fw-warn,.fw-pending,.fw-processing,.fw-submitted,.fw-ready,.fw-high,.fw-quoted,.fw-sent{background:#fffaeb;border-color:#fedf89;color:#b54708}.fw-bad,.fw-cancelled,.fw-rejected,.fw-expired,.fw-closed,.fw-urgent{background:#fef3f2;border-color:#fecdca;color:#b42318}.fw-in_progress,.fw-planned,.fw-travelling,.fw-normal{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.fw-low{background:#f2f4f7;color:#667085}.feature-detail-card{margin-top:18px}.trip-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px}.trip-summary-grid>div{padding:11px 12px;background:#f8fafc;border:1px solid #edf0f4;border-radius:10px}.trip-summary-grid span,.trip-summary-grid strong{display:block}.trip-summary-grid span{font-size:8.5px;color:#8491a3}.trip-summary-grid strong{margin-top:4px;font-size:11px}.trip-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.subhead-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}.subhead-row h3{margin:0;font-size:12px}.subhead-row span{display:block;margin-top:3px;font-size:9px;color:#98a2b3}.inline-form-card{padding:10px;border:1px solid #e4e8ee;border-radius:11px;background:#f8fafc}.feature-form-stack{padding:12px}.inline-form-card select,.inline-form-card input{min-height:38px}.actions-inline{display:flex;gap:6px;align-items:center;margin:0}.mini-list-block{display:grid;gap:6px;margin-top:8px}.mini-list-item{padding:10px;border:1px solid #edf0f4;border-radius:9px;background:#fff}.mini-list-item strong{display:block;font-size:10.5px}.mini-list-item span{display:block;margin-top:4px;font-size:8.5px;color:#7b8798}.trip-timeline{position:relative;margin-top:9px;padding-left:14px}.trip-timeline:before{content:"";position:absolute;left:59px;top:10px;bottom:12px;width:1px;background:#e2e8f0}.trip-timeline-item{display:grid;grid-template-columns:48px 22px minmax(0,1fr);gap:7px;align-items:start;position:relative;margin-bottom:8px}.trip-time{text-align:right;padding-top:8px}.trip-time strong,.trip-time small{display:block}.trip-time strong{font-size:8.5px;color:#667085}.trip-time small{margin-top:2px;font-size:7.5px;color:#98a2b3}.trip-dot{width:10px;height:10px;border-radius:50%;margin-top:11px;background:#2563eb;border:3px solid #dbeafe;z-index:1}.trip-segment-card{border:1px solid #e4e8ee;border-radius:11px;padding:11px;background:#fff}.trip-segment-head{display:flex;gap:10px;justify-content:space-between}.trip-segment-head h4{margin:3px 0 4px;font-size:11.5px}.trip-segment-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;padding-top:8px;border-top:1px solid #edf0f4}.trip-segment-meta span{font-size:8.5px;color:#667085}.feature-product-list{display:grid;gap:8px}.feature-product-card{padding:12px;border:1px solid #e4e8ee;border-radius:12px;background:#fff}.product-card-main{display:flex;justify-content:space-between;gap:10px}.feature-product-card h3{margin:4px 0;font-size:12px}.product-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.product-price-grid>div{padding:8px;border-radius:9px;background:#f8fafc;border:1px solid #eef1f5}.product-price-grid small,.product-price-grid strong{display:block}.product-price-grid small{font-size:8px;color:#8491a3}.product-price-grid strong{margin-top:2px;font-size:10px}.product-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.product-card-actions>span{font-size:8.5px;color:#8491a3}.filter-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.filter-chip-row a{padding:7px 10px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#667085;font-size:9px;font-weight:800;text-decoration:none}.filter-chip-row a.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.task-row{grid-template-columns:34px minmax(0,1fr) minmax(120px,auto)}.task-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.task-actions form{display:flex;gap:5px;align-items:center}.mini-select{min-height:30px!important;padding:5px 7px!important;font-size:9px!important}.data-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.data-tool-card{display:block;padding:12px;border:1px solid #e4e8ee;border-radius:11px;background:#fff;text-decoration:none;color:#182230}.data-tool-card:hover{border-color:#cbd8e6;background:#fbfdff}.data-tool-card strong,.data-tool-card span{display:block}.data-tool-card strong{font-size:10.5px}.data-tool-card span{margin-top:4px;font-size:8.5px;color:#7b8798}.feature-callout{display:grid;gap:4px;padding:10px;margin:10px 0;border-left:3px solid #94a3b8;border-radius:0 9px 9px 0;background:#f8fafc}.feature-callout strong{font-size:9.5px}.feature-callout span{font-size:8.5px;color:#667085;line-height:1.45}.feature-search{margin:0 0 10px}.feature-list-tableish .feature-list-row{grid-template-columns:34px minmax(0,1fr) auto}.feature-grid-2{align-items:start}.feature-kpis-six .feature-kpi{min-width:0}.feature-kpis-six .feature-kpi strong{font-size:20px}
@media(max-width:1180px){.feature-kpis-six{grid-template-columns:repeat(3,minmax(0,1fr))}.trip-detail-grid{grid-template-columns:1fr}.trip-timeline:before{left:57px}}
@media(max-width:900px){.feature-hero-split{align-items:flex-start}.feature-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.trip-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.feature-hero{display:block}.feature-hero-actions{margin-top:10px;justify-content:flex-start}.feature-kpis,.feature-kpis-six{grid-template-columns:1fr 1fr}.feature-list-row{grid-template-columns:30px minmax(0,1fr)}.feature-list-row>span:last-child,.feature-list-row .task-actions,.feature-list-row .row-end{grid-column:2;justify-content:flex-start;justify-items:start}.product-card-main{display:block}.product-card-main>div:last-child{margin-top:7px}.data-export-grid{grid-template-columns:1fr}.trip-summary-grid{grid-template-columns:1fr 1fr}.trip-timeline{padding-left:0}.trip-timeline:before{left:49px}.trip-timeline-item{grid-template-columns:40px 18px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.feature-list-row,.feature-product-card{transition:none!important;transform:none!important}}


/* v11.12.0 feature-suite refinement */
.insight-bars{display:grid;gap:12px}.insight-bar-row{display:grid;grid-template-columns:92px minmax(0,1fr) 42px;gap:10px;align-items:center;font-size:13px}.insight-bar-row>span{font-weight:700;color:var(--text,#344054)}.insight-bar{height:9px;border-radius:999px;background:#eef2f6;overflow:hidden}.insight-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b72b8,#4fa8da)}.insight-bar-row>strong{text-align:right}.trip-readiness-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.trip-readiness-grid>div{padding:13px 14px;border:1px solid rgba(132,159,177,.20);border-radius:14px;background:linear-gradient(145deg,#fbfdfe,#eef3f6)}.trip-readiness-grid span{display:block;font-size:11px;color:#667085;font-weight:700}.trip-readiness-grid strong{display:block;margin-top:3px;font-size:18px}.trip-readiness-grid small{display:block;margin-top:4px;color:#667085;font-size:11px;line-height:1.45}.trip-readiness-grid .warn{color:#b54708}.feature-quick-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.feature-quick-strip a{display:block;padding:16px 18px;border:1px solid rgba(132,159,177,.20);border-radius:16px;background:#fff;text-decoration:none;box-shadow:0 8px 20px rgba(16,24,40,.04);transition:transform .18s ease,box-shadow .18s ease}.feature-quick-strip a:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,24,40,.08)}.feature-quick-strip strong{display:block;color:#1d2939}.feature-quick-strip span{display:block;color:#667085;font-size:12px;margin-top:4px}.data-duplicates{border-color:rgba(11,114,184,.12)}
@media(max-width:1100px){.trip-readiness-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-quick-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.insight-bar-row{grid-template-columns:74px minmax(0,1fr) 34px}.trip-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-quick-strip{grid-template-columns:1fr}}

/* Shared readability and keyboard states across the active CRM screens. */
.crm-shell-html .table th,.crm-shell-html .badge,.crm-shell-html .field label{font-size:11px!important}
.crm-shell-html .feature-kpi small,.crm-shell-html .feature-kpi span,
.crm-shell-html .feature-list-row small,.crm-shell-html .feature-list-row strong,
.crm-shell-html .mini-list small,.crm-shell-html .notification-item small,
.crm-shell-html .trip-summary-grid span,.crm-shell-html .trip-segment-meta span,
.crm-shell-html .product-price-grid small,.crm-shell-html .feature-callout span{font-size:11px}
.crm-shell-html :is(.feature-list-row,.feature-quick-strip a,.mini-list a,.notification-item,.filter-chip-row a,.crm-combobox-option,summary):focus-visible{
  outline:2px solid #2563eb;outline-offset:2px;
}
.crm-shell-html .notification-item,.crm-shell-html .feature-list-row{min-width:0}
.crm-shell-html .notification-item :is(strong,small),.crm-shell-html .feature-list-row :is(strong,small){overflow-wrap:anywhere}
@media(max-width:640px){
  .crm-shell-html .notification-popover{left:12px;right:12px;width:auto;max-height:calc(100dvh - 82px);overflow:auto}
  .crm-shell-html .feature-hero-actions .btn{min-height:44px!important}
}

/* v11.12 installed-build repair: Operations layout and shared action language. */
.crm-shell-html .feature-page{min-width:0;padding-bottom:12px}
.crm-shell-html .feature-grid-2{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
  align-items:start;margin:0 0 18px;
}
.crm-shell-html .feature-grid-2>.card{min-width:0;margin:0}
.crm-shell-html .feature-page .section-head h3{margin:0;font-size:14px;line-height:1.3;color:var(--ui-text)}
.crm-shell-html .quick-action-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
.crm-shell-html .quick-action-grid a{
  display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:74px;
  padding:13px 14px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);
  background:var(--ui-surface-2);color:var(--ui-text);text-decoration:none;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.crm-shell-html .quick-action-grid a:hover{
  background:#fff;border-color:#a9c5f5;box-shadow:var(--ui-shadow);
}
.crm-shell-html .quick-action-grid a:focus-visible{
  outline:2px solid var(--ui-blue);outline-offset:2px;
}
.crm-shell-html .quick-action-grid strong{display:block;color:var(--ui-blue-700);font-size:12px;line-height:1.35}
.crm-shell-html .quick-action-grid small{display:block;color:var(--ui-muted);font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.crm-shell-html .feature-kpi>div{min-width:0}
.crm-shell-html .feature-kpi small,.crm-shell-html .feature-kpi span{line-height:1.4}
.crm-shell-html .feature-kpi strong{font-variant-numeric:tabular-nums}
@media(max-width:1100px){
  .crm-shell-html .quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .crm-shell-html .feature-grid-2{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:520px){
  .crm-shell-html .quick-action-grid{grid-template-columns:minmax(0,1fr)}
  .crm-shell-html .quick-action-grid a{min-height:64px}
}
@media(prefers-reduced-motion:reduce){
  .crm-shell-html .quick-action-grid a{transition:none}
}
/* KPI icons were also matched by the generic .feature-kpi span rule. */
.crm-shell-html .feature-kpi .feature-kpi-icon{
  display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
  margin:0;border-radius:10px;background:#eaf2ff;color:#1d4ed8;
  font-size:17px;font-weight:800;line-height:1;
}
.crm-shell-html .feature-kpi small{color:#475467;font-size:11px}
.crm-shell-html .feature-kpi>div>span{color:#667085;font-size:11px}

/* The action desk KPI cards navigate to their corresponding work queues. */
.crm-shell-html a.feature-kpi{color:inherit;text-decoration:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.crm-shell-html a.feature-kpi:hover{border-color:#a9c3ed;box-shadow:0 6px 18px rgba(16,48,95,.11);transform:translateY(-2px)}
.crm-shell-html a.feature-kpi:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.crm-shell-html a.feature-kpi{transition:none}.crm-shell-html a.feature-kpi:hover{transform:none}}

/* byair-analytics.css */
/* Analytics extends the established ByAir card, typography and button system. */
.analytics-hero{margin-bottom:14px}
.analytics-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.analytics-filters .field{min-width:145px;flex:1 1 145px;margin:0}
.analytics-filters .field label{display:block;margin-bottom:5px}
.analytics-filters .btn{min-height:39px;white-space:nowrap}
.analytics-note{color:#667085;font-size:11px;line-height:1.6;margin:0 0 17px}
.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.analytics-card{min-width:0;padding:18px!important}
.analytics-card .section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.analytics-card .section-head h2{font-size:16px!important;margin:2px 0 5px}
.analytics-card .section-head .btn{flex-shrink:0}
.analytics-card .eyebrow{color:#4670a5;font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.analytics-wide{grid-column:span 2}
.analytics-big{font-size:clamp(24px,2.4vw,35px);font-weight:800;letter-spacing:-.04em;color:#182230;overflow-wrap:anywhere;margin:20px 0 8px}
.analytics-big span{font-size:17px;color:#667085}
.analytics-submetric{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px solid #e7ebf0;padding-top:11px;margin-top:15px;font-size:12px}
.analytics-submetric strong{font-size:15px;color:#182230;text-align:right}
.analytics-chart{display:flex;align-items:stretch;gap:10px;min-height:206px;overflow-x:auto;padding:9px 2px 6px}
.analytics-column{flex:1 0 62px;max-width:160px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.analytics-column strong{font-size:10px;color:#344054;white-space:nowrap}
.analytics-column-track{height:120px;width:min(65%,72px);min-width:25px;display:flex;align-items:end;background:#f2f6fb;border-radius:7px 7px 3px 3px;overflow:hidden}
.analytics-column-track i{display:block;width:100%;background:linear-gradient(180deg,#4384df,#2463b8);border-radius:6px 6px 0 0}
.analytics-column>span{font-weight:700;color:#344054;font-size:10px}
.analytics-column small{font-size:9px;color:#667085}
.analytics-bar-row{margin-top:13px}
.analytics-bar-label,.analytics-list-row{display:flex;align-items:center;justify-content:space-between;gap:11px}
.analytics-bar-label{font-size:11px;color:#344054}
.analytics-bar-label strong{color:#182230;text-align:right}
.analytics-bar-label small,.analytics-bar-row>small{font-size:9.5px;color:#667085}
.analytics-bar-row>small{display:block;margin-top:4px}
.analytics-bar-track{height:9px;border-radius:20px;background:#ecf2fa;margin-top:6px;overflow:hidden}
.analytics-bar-track i{display:block;height:100%;border-radius:20px;background:#3979ce}
.analytics-list-row{min-height:43px;padding:9px 0;border-bottom:1px solid #edf0f4;color:#344054;text-decoration:none;font-size:11px}
.analytics-list-row:last-child{border-bottom:0}
.analytics-list-row strong{color:#182230;text-align:right;overflow-wrap:anywhere}
.analytics-list-row small{display:block;margin-top:3px;color:#667085;font-size:9px}
a.analytics-list-row:hover,a.analytics-list-row:focus-visible{color:#1d5dab;background:#f8fbff}
.analytics-stat-pair{display:flex;flex-wrap:wrap;gap:18px}
.analytics-stat-pair>div{min-width:95px}
.analytics-stat-pair strong{display:block;font-size:27px;line-height:1.2;color:#182230}
.analytics-stat-pair span{font-size:10px;color:#667085}
.analytics-recent{margin-top:14px}
.analytics-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.analytics-recent-grid h3{margin:3px 0 5px}
@media(max-width:1150px){.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.analytics-grid,.analytics-recent-grid{grid-template-columns:1fr}.analytics-wide{grid-column:auto}.analytics-filters .field{flex-basis:calc(50% - 6px)}.analytics-filters .btn{flex:1}.analytics-chart{min-height:185px}.analytics-column-track{height:100px}}
@media(max-width:400px){.analytics-filters .field{flex-basis:100%}.analytics-card .section-head{flex-wrap:wrap}}
@media print{.analytics-filters,.analytics-card .btn,.analytics-hero .btn{display:none!important}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* byair-dark-compat.css */
/* Compatibility tokens for legacy module components. Generated from existing styles. */
html[data-theme="dark"] .sidebar{background-image:linear-gradient(#0f1a2c 0%, #0a1321 100%);color:var(--ba-muted);}
html[data-theme="dark"] .brand span{color:#42ddd2;}
html[data-theme="dark"] .brand-sub{color:var(--ba-muted);}
html[data-theme="dark"] .nav .sep{color:var(--ba-muted);}
html[data-theme="dark"] .nav a{color:var(--ba-muted);}
html[data-theme="dark"] .nav a:hover{color:var(--ba-muted);}
html[data-theme="dark"] .nav a.active{background-color:#1d2d46;color:var(--ba-muted);}
html[data-theme="dark"] .nav a.active::before{background-color:#60a5fa;}
html[data-theme="dark"] .nav-ico{color:var(--ba-muted);}
html[data-theme="dark"] .nav a.active .nav-ico{color:#93c5fd;}
html[data-theme="dark"] .nav-dot{background-color:#60a5fa;}
html[data-theme="dark"] .signout-btn{color:var(--ba-muted);}
html[data-theme="dark"] .signout-btn:hover{color:var(--ba-muted);}
html[data-theme="dark"] .mobile-toggle{background-color:var(--ba-surface);}
html[data-theme="dark"] .global-search{background-color:var(--ba-surface);}
html[data-theme="dark"] .global-search:focus-within{background-color:var(--ba-surface);border-top-color:#9ebcf8;border-right-color:#9ebcf8;border-bottom-color:#9ebcf8;border-left-color:#9ebcf8;box-shadow:var(--ba-line) 0px 0px 0px 3px;}
html[data-theme="dark"] .global-search span{color:var(--ba-muted);}
html[data-theme="dark"] .global-search input::placeholder{color:var(--ba-muted);}
html[data-theme="dark"] .quick-add summary{color:var(--ba-muted);}
html[data-theme="dark"] .quick-menu{background-color:var(--ba-surface);}
html[data-theme="dark"] .quick-menu a:hover{background-color:var(--ba-surface);}
html[data-theme="dark"] .avatar{background-color:var(--ba-panel);}
html[data-theme="dark"] .page-hero h1,html[data-theme="dark"] .title-row h1{color:var(--ba-text);}
html[data-theme="dark"] .btn-primary{color:var(--ba-muted);}
html[data-theme="dark"] .btn-teal{color:var(--ba-muted);}
html[data-theme="dark"] .btn-light{background-color:var(--ba-surface);color:var(--ba-text);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .btn-light:hover{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .btn-danger{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .card{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .metric-link:hover{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .pill{background-color:var(--ba-panel);color:var(--ba-text);}
html[data-theme="dark"] .tabs a{color:var(--ba-muted);}
html[data-theme="dark"] .tabs a:hover{color:var(--ba-text);background-color:var(--ba-surface);}
html[data-theme="dark"] .tabs a.active{background-color:var(--ba-surface);}
html[data-theme="dark"] .tab-count{background-color:var(--ba-panel);color:var(--ba-muted);}
html[data-theme="dark"] .tabs a.active .tab-count{background-color:var(--ba-panel);color:var(--ba-blue);}
html[data-theme="dark"] .table th{color:var(--ba-muted);background-color:var(--ba-surface);}
html[data-theme="dark"] .table tbody tr:hover td{background-color:var(--ba-surface);}
html[data-theme="dark"] .badge{background-color:var(--ba-panel);color:var(--ba-blue);}
html[data-theme="dark"] .badge.gray{background-color:var(--ba-panel);color:var(--ba-text);}
html[data-theme="dark"] .field label{color:var(--ba-text);}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .actions select{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:var(--ba-muted);}
html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus,html[data-theme="dark"] .field textarea:focus,html[data-theme="dark"] .actions select:focus{border-top-color:#84adfa;border-right-color:#84adfa;border-bottom-color:#84adfa;border-left-color:#84adfa;box-shadow:var(--ba-line) 0px 0px 0px 3px;}
html[data-theme="dark"] .file-input{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .searchbar input:focus{border-top-color:#84adfa;border-right-color:#84adfa;border-bottom-color:#84adfa;border-left-color:#84adfa;box-shadow:var(--ba-line) 0px 0px 0px 3px;}
html[data-theme="dark"] .searchbar select{background-color:var(--ba-surface);}
html[data-theme="dark"] .toolbar-search{background-color:var(--ba-surface);}
html[data-theme="dark"] .flash.success{border-top-color:#abefc6;border-right-color:#abefc6;border-bottom-color:#abefc6;border-left-color:#abefc6;}
html[data-theme="dark"] .flash.error{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .notice{background-color:var(--ba-surface);border-top-color:#b2ddff;border-right-color:#b2ddff;border-bottom-color:#b2ddff;border-left-color:#b2ddff;color:var(--ba-blue);}
html[data-theme="dark"] .notice.soft{background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .empty-state strong{color:var(--ba-text);}
html[data-theme="dark"] .empty-icon{background-color:var(--ba-panel);}
html[data-theme="dark"] .customer-avatar{background-image:linear-gradient(135deg, #2563eb, #0f9f95);color:var(--ba-muted);}
html[data-theme="dark"] .note-box{background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .doc-health div{background-color:var(--ba-surface);}
html[data-theme="dark"] .document-card{background-color:var(--ba-surface);}
html[data-theme="dark"] .doc-icon{background-color:var(--ba-panel);color:var(--ba-text);}
html[data-theme="dark"] .doc-links{color:var(--ba-muted);}
html[data-theme="dark"] .timeline-item::before{background-color:var(--ba-panel);}
html[data-theme="dark"] .timeline-dot{background-color:var(--ba-surface);border-top-color:#82aef9;border-right-color:#82aef9;border-bottom-color:#82aef9;border-left-color:#82aef9;}
html[data-theme="dark"] .search-result:hover{background-color:var(--ba-surface);}
html[data-theme="dark"] .login-wrap{background-image:radial-gradient(circle at 10% 0px, #2563eb 0px, #153765 38%, #0b1c34 72%, #081522 100%);}
html[data-theme="dark"] .login-card{background-color:var(--ba-surface);}
@media (max-width: 1280px){
}
@media (max-width: 1080px){
}
@media (max-width: 820px){
}
@media (max-width: 560px){
}
html[data-theme="dark"] .sidebar{background-image:linear-gradient(#101b2e 0%, #0a1220 100%);}
html[data-theme="dark"] .brand-home{color:var(--ba-muted);}
html[data-theme="dark"] .brand-home:hover{color:var(--ba-muted);}
html[data-theme="dark"] .brand-mark{background-image:linear-gradient(135deg, #2563eb, #13a7a2);color:var(--ba-muted);}
html[data-theme="dark"] .brand-text em{color:#45ded4;}
html[data-theme="dark"] .brand-sub{color:var(--ba-muted)!important;}
html[data-theme="dark"] .sidebar-collapse-btn{color:var(--ba-muted);}
html[data-theme="dark"] .sidebar-collapse-btn:hover{color:var(--ba-muted);}
html[data-theme="dark"] .nav .sep{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav a{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav a:hover{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav a.active{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav a.active::before{background-color:#60a5fa!important;}
html[data-theme="dark"] .nav-ico{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav a.active .nav-ico{color:#bfdbfe!important;}
html[data-theme="dark"] .top-sub{color:var(--ba-muted)!important;}
html[data-theme="dark"] .global-search{background-color:var(--ba-surface)!important;border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .global-search:focus-within{background-color:var(--ba-surface)!important;border-top-color:#9ebcf8!important;border-right-color:#9ebcf8!important;border-bottom-color:#9ebcf8!important;border-left-color:#9ebcf8!important;box-shadow:var(--ba-line) 0px 0px 0px 3px!important;}
html[data-theme="dark"] .user-chip{border-left-color:var(--ba-line);}
html[data-theme="dark"] .card{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .card:hover{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .table th{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .table tbody tr:hover td{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .actions select,html[data-theme="dark"] .searchbar input,html[data-theme="dark"] .searchbar select{border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus,html[data-theme="dark"] .field textarea:focus,html[data-theme="dark"] .actions select:focus,html[data-theme="dark"] .searchbar input:focus,html[data-theme="dark"] .searchbar select:focus{border-top-color:#8fb0f5!important;border-right-color:#8fb0f5!important;border-bottom-color:#8fb0f5!important;border-left-color:#8fb0f5!important;box-shadow:var(--ba-line) 0px 0px 0px 3px!important;}
html[data-theme="dark"] .field label{color:var(--ba-text)!important;}
html[data-theme="dark"] .app-toast{background-color:#101828;color:var(--ba-muted);}
html[data-theme="dark"] .app-toast.good{background-color:#067647;}
html[data-theme="dark"] .app-toast.bad{background-color:#b42318;}
html[data-theme="dark"] .shortcut-hint{color:var(--ba-muted);}
html[data-theme="dark"] .shortcut-hint kbd{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);color:var(--ba-muted);}
html[data-theme="dark"] .standalone-bar{background-color:var(--ba-surface);}
html[data-theme="dark"] .standalone-brand{color:var(--ba-blue);}
html[data-theme="dark"] .standalone-brand span{color:var(--ba-green);}
@media (max-width: 1180px){
}
@media (max-width: 980px){
}
@media (max-width: 820px){
}
@media (max-width: 560px){
}
html[data-theme="dark"] .payment-pending{border-left-color:#f59e0b;}
html[data-theme="dark"] .payment-approved{border-left-color:#10b981;}
@media (max-width: 760px){
}
@media (max-width: 820px){
}
html[data-theme="dark"] .crm-combobox-input{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .crm-combobox-input:focus{border-top-color:#84adfa;border-right-color:#84adfa;border-bottom-color:#84adfa;border-left-color:#84adfa;box-shadow:var(--ba-line) 0px 0px 0px 3px;}
html[data-theme="dark"] .crm-combobox-menu{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .crm-combobox-option{background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .crm-combobox-option:hover,html[data-theme="dark"] .crm-combobox-option.active{background-color:var(--ba-panel);color:var(--ba-blue);}
html[data-theme="dark"] .crm-combobox-option.selected{background-color:var(--ba-surface);}
html[data-theme="dark"] .crm-combobox-option.clear{color:var(--ba-muted);}
html[data-theme="dark"] .crm-combobox-more,html[data-theme="dark"] .crm-combobox-empty{color:var(--ba-muted);border-top-color:var(--ba-line);}
@media (max-width: 820px){
}
html[data-theme="dark"] .app-modal-panel{background-color:var(--ba-surface);}
html[data-theme="dark"] .app-modal-foot{background-image:linear-gradient(rgba(255, 255, 255, 0.9), var(--ba-surface) 18px);}
html[data-theme="dark"] .icon-btn{background-color:var(--ba-surface);color:var(--ba-muted);}
html[data-theme="dark"] .icon-btn:hover{background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .confirm-icon{background-color:var(--ba-surface);color:var(--ba-red);}
html[data-theme="dark"] .confirm-message{color:var(--ba-text);}
html[data-theme="dark"] .confirm-reason label{color:var(--ba-text);}
html[data-theme="dark"] .chip-btn{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .chip-btn:hover,html[data-theme="dark"] .chip-btn.active{border-top-color:#84adfa;border-right-color:#84adfa;border-bottom-color:#84adfa;border-left-color:#84adfa;background-color:var(--ba-panel);color:var(--ba-blue);}
html[data-theme="dark"] .workflow-list > div{background-color:var(--ba-surface);}
html[data-theme="dark"] .workflow-list > div > span{background-color:var(--ba-panel);color:var(--ba-blue);}
html[data-theme="dark"] .workflow-list small{color:var(--ba-muted);}
html[data-theme="dark"] .card:hover{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .settlement-due{border-left-color:#f79009;}
html[data-theme="dark"] .settlement-disputed{border-left-color:#d92d20;}
html[data-theme="dark"] .settlement-reconciled{border-left-color:#12b76a;}
@media (max-width: 820px){
}
@media (prefers-reduced-motion: reduce){
}
@media (max-width: 820px){
}
html[data-theme="dark"] .staff-avatar{background-image:linear-gradient(135deg, var(--ba-panel), var(--ba-panel));color:var(--ba-blue);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .request-progress{background-color:#2563eb;}
html[data-theme="dark"] .request-progress.slow{background-color:#d97706;}
html[data-theme="dark"] .request-slow-note{background-color:#111827;color:var(--ba-muted);}
@media (max-width: 700px){
}
html[data-theme="dark"] .profile-chip:hover{background-color:var(--ba-surface);}
html[data-theme="dark"] .profile-chip:focus-visible{outline-color:var(--ba-line);}
html[data-theme="dark"] .profile-chip-arrow{color:var(--ba-muted);}
html[data-theme="dark"] .record-link:hover{border-bottom-color:#93c5fd;}
html[data-theme="dark"] .clickable-row:hover{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .clickable-row:focus-visible{outline-color:#93c5fd;}
html[data-theme="dark"] .clickable-card:hover{border-top-color:#bcd0fb!important;border-right-color:#bcd0fb!important;border-bottom-color:#bcd0fb!important;border-left-color:#bcd0fb!important;}
@media (max-width: 820px){
}
@media (max-width: 820px){
}
@media (max-width: 820px){
}
@media (max-width: 520px){
}
html[data-theme="dark"] .approval-mini-toast{background-color:#101828;color:var(--ba-muted);}
html[data-theme="dark"] .approval-mini-toast:hover{color:var(--ba-muted);}
html[data-theme="dark"] .approval-mini-icon{background-color:var(--ba-panel);color:var(--ba-red);}
html[data-theme="dark"] .approval-mini-copy strong{color:var(--ba-muted);}
html[data-theme="dark"] .approval-mini-copy small{color:var(--ba-muted);}
html[data-theme="dark"] .approval-mini-arrow{color:var(--ba-muted);}
@media (prefers-reduced-motion: reduce){
}
html[data-theme="dark"] .focus-record{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .voucher-approval-box{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
@media (max-width: 700px){
}
html[data-theme="dark"] .company-time-chip{background-color:var(--ba-surface);}
@media (max-width: 1050px){
}
html[data-theme="dark"] .captcha-image{background-color:var(--ba-surface);}
html[data-theme="dark"] .totp-qr{background-color:var(--ba-surface);}
html[data-theme="dark"] .totp-secret-box{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .totp-secret-box span{color:var(--muted,var(--ba-muted));}
html[data-theme="dark"] .security-recovery-card{border-top-color:#8ec5ff;border-right-color:#8ec5ff;border-bottom-color:#8ec5ff;border-left-color:#8ec5ff;}
html[data-theme="dark"] .recovery-grid code{background-color:#101828;color:var(--ba-muted);}
@media (max-width: 560px){
}
html[data-theme="dark"] .phone-country-field .phone-error{color:var(--danger,var(--ba-red));}
@media (max-width: 620px){
}
html[data-theme="dark"] .lead-reminder-popup{background-color:#101828;color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-icon{background-color:var(--ba-panel);color:var(--ba-red);}
html[data-theme="dark"] .lead-reminder-head small{color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-person{color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-person:hover{color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-person span{color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-meta span{color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-popup p{color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-reschedule input{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);color:var(--ba-text);}
@media (prefers-reduced-motion: reduce){
}
@media (max-width: 700px){
}
html[data-theme="dark"] .lead-reminder-minimize{color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-overdue{background-color:var(--ba-panel);color:var(--ba-red);}
html[data-theme="dark"] .lead-reminder-latest{border-left-color:#f79009;}
html[data-theme="dark"] .lead-reminder-latest b{color:#fdb022;}
html[data-theme="dark"] .lead-reminder-more summary{color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-snooze button,html[data-theme="dark"] .lead-reminder-nav button{color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-nav a{color:var(--ba-muted);}
html[data-theme="dark"] .lead-reminder-nav a:hover{color:var(--ba-muted);}
@media (max-width: 700px){
}
@media (max-width: 820px){
}
html[data-theme="dark"] .followup-inline-form{background-color:var(--ba-surface);}
html[data-theme="dark"] .followup-inline-form input{background-color:var(--ba-surface);}
@media (max-width: 700px){
}
html[data-theme="dark"] .latest-remark{border-left-color:#0ea5a8;background-color:var(--ba-surface);color:var(--ba-blue);}
html[data-theme="dark"] .latest-remark small{color:var(--ba-muted);}
html[data-theme="dark"] .followup-inline-form select,html[data-theme="dark"] .followup-inline-form textarea{background-color:var(--ba-surface);}
html[data-theme="dark"] .close-lead-inline .followup-inline-form{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .latest-remark-card{border-left-color:#0ea5a8;background-color:var(--ba-surface);}
html[data-theme="dark"] .latest-remark-card span{color:var(--ba-green);}
html[data-theme="dark"] .close-lead-card{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
@media (max-width: 900px){
}
html[data-theme="dark"] .reopen-lead-card{border-top-color:#99f6e4;border-right-color:#99f6e4;border-bottom-color:#99f6e4;border-left-color:#99f6e4;background-color:var(--ba-surface);}
@media (max-width: 1050px){
}
html[data-theme="dark"] .lead-transfer-form select,html[data-theme="dark"] .lead-transfer-form input{background-color:var(--ba-surface);}
@media (max-width: 850px){
}
html[data-theme="dark"] .incentive-progress{background-color:var(--ba-panel);}
html[data-theme="dark"] .incentive-progress span{background-image:linear-gradient(90deg, #12b981, #2563eb);}
@media (max-width: 850px){
}
@media (max-width: 520px){
}
html[data-theme="dark"] .crm-combobox.open .crm-combobox-input{border-top-color:#8db1f5!important;border-right-color:#8db1f5!important;border-bottom-color:#8db1f5!important;border-left-color:#8db1f5!important;}
html[data-theme="dark"] .crm-combobox-menu.crm-combobox-portal{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .crm-combobox-option{background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .crm-combobox-option:hover,html[data-theme="dark"] .crm-combobox-option.active{background-color:var(--ba-panel);color:var(--ba-blue);}
html[data-theme="dark"] .crm-combobox-option.selected{background-color:var(--ba-surface);color:var(--ba-blue);}
html[data-theme="dark"] .crm-combobox-option.clear{color:var(--ba-muted);}
html[data-theme="dark"] .crm-combobox-more,html[data-theme="dark"] .crm-combobox-empty{color:var(--ba-muted);border-top-color:var(--ba-line);}
html[data-theme="dark"] .crm-combobox-menu::-webkit-scrollbar-thumb{background-color:var(--ba-panel);}
@media (max-width: 820px){
}
@media (prefers-reduced-motion: reduce){
}
@media (pointer: coarse){
}
html[data-theme="dark"] .required-star,html[data-theme="dark"] .contact-required{color:var(--ba-red)!important;}
html[data-theme="dark"] :is(.field,html[data-theme="dark"] .phone-country-field):has(input:required,html[data-theme="dark"] select:required,html[data-theme="dark"] textarea:required) > label:not(:has(.required-star,html[data-theme="dark"] .contact-required,html[data-theme="dark"] .req))::after,html[data-theme="dark"] .form-grid > div:has(> input:required,html[data-theme="dark"] > select:required,html[data-theme="dark"] > textarea:required) > label:not(:has(.required-star,html[data-theme="dark"] .contact-required,html[data-theme="dark"] .req))::after,html[data-theme="dark"] label:has(> input:required,html[data-theme="dark"] > select:required,html[data-theme="dark"] > textarea:required):not(:has(.required-star,html[data-theme="dark"] .contact-required,html[data-theme="dark"] .req))::after,html[data-theme="dark"] label:has(+ input:required,html[data-theme="dark"] + select:required,html[data-theme="dark"] + textarea:required):not(:has(.required-star,html[data-theme="dark"] .contact-required,html[data-theme="dark"] .req))::after{color:var(--ba-red);}
html[data-theme="dark"] .item-row label{color:var(--ba-text);}
html[data-theme="dark"] .inline-required{color:var(--ba-text);}
html[data-theme="dark"] .lead-reminder-popup .inline-required{color:var(--ba-muted);}
html[data-theme="dark"] .brand-sub{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav .sep{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav a{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav a:hover{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav a.active{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav a.active::before{background-color:#60a5fa!important;}
html[data-theme="dark"] .nav-ico{color:var(--ba-muted)!important;}
html[data-theme="dark"] .nav a.active .nav-ico{color:#b9d5ff!important;}
html[data-theme="dark"] .nav-dot{background-color:#60a5fa!important;}
html[data-theme="dark"] .signout-btn{color:var(--ba-muted)!important;}
html[data-theme="dark"] .signout-btn:hover{color:var(--ba-muted)!important;}
html[data-theme="dark"] .topbar{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .top-title{color:var(--ba-text)!important;}
html[data-theme="dark"] .global-search{background-color:var(--ba-surface)!important;border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .global-search:focus-within{background-color:var(--ba-surface)!important;border-top-color:#8cb0f7!important;border-right-color:#8cb0f7!important;border-bottom-color:#8cb0f7!important;border-left-color:#8cb0f7!important;}
html[data-theme="dark"] .global-search span:first-of-type{color:var(--ba-muted)!important;}
html[data-theme="dark"] .global-search input{color:var(--ba-text)!important;}
html[data-theme="dark"] .shortcut-hint kbd{background-color:var(--ba-surface)!important;border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;color:var(--ba-muted)!important;}
html[data-theme="dark"] .user-chip{border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .avatar{background-color:var(--ba-panel)!important;border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .page-hero h1,html[data-theme="dark"] .title-row h1{color:var(--ba-text)!important;}
html[data-theme="dark"] .eyebrow{color:var(--ba-blue)!important;}
html[data-theme="dark"] .sub{color:var(--ba-muted)!important;}
html[data-theme="dark"] .section-head h2,html[data-theme="dark"] .card h3{color:var(--ba-text)!important;}
html[data-theme="dark"] .card:hover{border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .metric-icon{border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .metric .label{color:var(--ba-muted)!important;}
html[data-theme="dark"] .metric .value{color:var(--ba-text)!important;}
html[data-theme="dark"] .metric .hint{color:var(--ba-muted)!important;}
html[data-theme="dark"] .tabs a{color:var(--ba-muted)!important;}
html[data-theme="dark"] .tabs a:hover{background-color:var(--ba-panel)!important;color:var(--ba-text)!important;}
html[data-theme="dark"] .tabs a.active{background-color:var(--ba-surface)!important;box-shadow:var(--ba-line) 0px -1px 0px inset!important;}
html[data-theme="dark"] .tab-count{background-color:var(--ba-panel)!important;}
html[data-theme="dark"] .tabs a.active .tab-count{background-color:var(--ba-panel)!important;color:var(--ba-blue)!important;}
html[data-theme="dark"] .table th{color:var(--ba-muted)!important;background-color:var(--ba-surface)!important;border-bottom-color:var(--ba-line)!important;}
html[data-theme="dark"] .table td{border-bottom-color:var(--ba-line)!important;color:var(--ba-text)!important;}
html[data-theme="dark"] .table tbody tr:hover td{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .table td strong{color:var(--ba-text)!important;}
html[data-theme="dark"] .badge.good{border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .badge.warn{border-top-color:#f9e1ad!important;border-right-color:#f9e1ad!important;border-bottom-color:#f9e1ad!important;border-left-color:#f9e1ad!important;}
html[data-theme="dark"] .badge.bad{border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .badge.gray{border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .field label{color:var(--ba-text)!important;}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .actions select,html[data-theme="dark"] .searchbar input,html[data-theme="dark"] .searchbar select,html[data-theme="dark"] .crm-combobox-input{border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;background-color:var(--ba-surface)!important;color:var(--ba-text)!important;}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:var(--ba-muted)!important;}
html[data-theme="dark"] .field input:hover,html[data-theme="dark"] .field select:hover,html[data-theme="dark"] .field textarea:hover,html[data-theme="dark"] .searchbar input:hover,html[data-theme="dark"] .searchbar select:hover{border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus,html[data-theme="dark"] .field textarea:focus,html[data-theme="dark"] .actions select:focus,html[data-theme="dark"] .searchbar input:focus,html[data-theme="dark"] .searchbar select:focus,html[data-theme="dark"] .crm-combobox-input:focus{border-top-color:#8db1f5!important;border-right-color:#8db1f5!important;border-bottom-color:#8db1f5!important;border-left-color:#8db1f5!important;background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .file-input{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .toolbar-search{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .btn-light{background-color:var(--ba-surface)!important;border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;color:var(--ba-text)!important;}
html[data-theme="dark"] .btn-light:hover{background-color:var(--ba-surface)!important;border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .btn-danger{background-color:var(--ba-surface)!important;border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;color:var(--ba-red)!important;}
html[data-theme="dark"] .document-card{border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .document-card:hover{border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .doc-icon{background-color:var(--ba-surface)!important;border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .doc-health div{background-color:var(--ba-surface)!important;border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .timeline-dot{border-top-color:#83aef7!important;border-right-color:#83aef7!important;border-bottom-color:#83aef7!important;border-left-color:#83aef7!important;}
html[data-theme="dark"] .profile-chip:hover{background-color:var(--ba-surface)!important;}
html[data-theme="dark"] .login-wrap{background-image:radial-gradient(circle at 18% 8%, #2f6fe8 0px, #173a68 34%, #0b1d34 70%, #081421 100%)!important;}
html[data-theme="dark"] .login-tagline{color:var(--ba-muted)!important;}
html[data-theme="dark"] .standalone-bar{background-color:var(--ba-surface)!important;}
@media (max-width: 1180px){
}
@media (max-width: 820px){
}
@media (max-width: 560px){
}
html[data-theme="dark"] .muted,html[data-theme="dark"] .mini.muted,html[data-theme="dark"] .small.muted,html[data-theme="dark"] .hint,html[data-theme="dark"] .sub{color:var(--ba-muted)!important;}
html[data-theme="dark"] .top-sub{color:var(--ba-muted)!important;}
html[data-theme="dark"] input:user-invalid,html[data-theme="dark"] select:user-invalid,html[data-theme="dark"] textarea:user-invalid,html[data-theme="dark"] .field.has-error input,html[data-theme="dark"] .field.has-error select,html[data-theme="dark"] .field.has-error textarea{border-top-color:#d92d20!important;border-right-color:#d92d20!important;border-bottom-color:#d92d20!important;border-left-color:#d92d20!important;}
html[data-theme="dark"] .field-error{color:var(--ba-red);}
html[data-theme="dark"] .form-validation-summary{border-top-color:#f1b6b0;border-right-color:#f1b6b0;border-bottom-color:#f1b6b0;border-left-color:#f1b6b0;color:var(--ba-red);}
html[data-theme="dark"] .byair-offline-banner{border-top-color:#f3b7b0;border-right-color:#f3b7b0;border-bottom-color:#f3b7b0;border-left-color:#f3b7b0;background-color:var(--ba-surface);color:var(--ba-red);}
html[data-theme="dark"] .byair-offline-banner::before{background-color:#d92d20;}
html[data-theme="dark"] .byair-online-note{color:var(--ba-green)!important;background-color:var(--ba-surface)!important;border-top-color:var(--ba-line)!important;border-right-color:var(--ba-line)!important;border-bottom-color:var(--ba-line)!important;border-left-color:var(--ba-line)!important;}
html[data-theme="dark"] .byair-online-note::before{background-color:#12b76a!important;}
html[data-theme="dark"] .app-toast.bad{border-left-color:#d92d20!important;}
html[data-theme="dark"] .app-toast.good{border-left-color:#12b76a!important;}
html[data-theme="dark"] .byair-system-state{background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .byair-system-card{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .byair-system-kicker{background-color:var(--ba-panel);color:var(--ba-blue);}
html[data-theme="dark"] .byair-system-card h1{color:var(--ba-text);}
html[data-theme="dark"] .byair-system-card p{color:var(--ba-text);}
html[data-theme="dark"] .byair-system-actions a{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .byair-system-actions a.primary{background-color:#175cd3;color:var(--ba-muted);border-top-color:#175cd3;border-right-color:#175cd3;border-bottom-color:#175cd3;border-left-color:#175cd3;}
html[data-theme="dark"] .byair-system-ref{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);color:var(--ba-muted);}
html[data-theme="dark"] .standalone-page{background-color:var(--ba-surface)!important;}
@media (max-width: 820px){
}
@media (prefers-reduced-motion: reduce){
}
html[data-theme="dark"] .has-group-error > input,html[data-theme="dark"] .has-group-error > select,html[data-theme="dark"] .has-group-error > textarea,html[data-theme="dark"] .has-group-error .phone-country-row input,html[data-theme="dark"] .has-group-error .phone-country-row select,html[data-theme="dark"] .has-group-error .crm-combobox-input{border-top-color:#d92d20!important;border-right-color:#d92d20!important;border-bottom-color:#d92d20!important;border-left-color:#d92d20!important;}
html[data-theme="dark"] .contact-required{color:var(--ba-red);}
html[data-theme="dark"] .crm-combobox-trigger{color:var(--ba-muted);}
html[data-theme="dark"] .crm-combobox-trigger:hover{background-color:var(--ba-panel);color:var(--ba-blue);}
html[data-theme="dark"] .crm-combobox-trigger:focus-visible{outline-color:#8db1f5;}
html[data-theme="dark"] .crm-combobox.open .crm-combobox-trigger{color:var(--ba-blue);}
html[data-theme="dark"] .crm-combobox.open .crm-combobox-input{border-top-color:#8db1f5!important;border-right-color:#8db1f5!important;border-bottom-color:#8db1f5!important;border-left-color:#8db1f5!important;}
html[data-theme="dark"] .crm-combobox-menu.crm-combobox-portal{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .crm-combobox-option{background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .crm-combobox-option:hover,html[data-theme="dark"] .crm-combobox-option.active{background-color:var(--ba-panel);color:var(--ba-blue);}
html[data-theme="dark"] .crm-combobox-option.selected{background-color:var(--ba-surface);color:var(--ba-blue);}
html[data-theme="dark"] .crm-combobox-option.clear{color:var(--ba-muted);}
html[data-theme="dark"] .crm-combobox-more,html[data-theme="dark"] .crm-combobox-empty{color:var(--ba-muted);border-top-color:var(--ba-line);}
html[data-theme="dark"] .crm-combobox-menu::-webkit-scrollbar-thumb{background-color:var(--ba-panel);}
@media (max-width: 820px){
}
@media (prefers-reduced-motion: reduce){
}
html[data-theme="dark"] .notification-center summary{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .notification-center summary:hover{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .notification-count{background-color:#d92d20;color:var(--ba-muted);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .notification-popover{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .notification-head{border-bottom-color:var(--ba-line);}
html[data-theme="dark"] .notification-head strong{color:var(--ba-text);}
html[data-theme="dark"] .notification-head small{color:var(--ba-muted);}
html[data-theme="dark"] .notification-item{color:var(--ba-text);}
html[data-theme="dark"] .notification-item:hover{background-color:var(--ba-surface);}
html[data-theme="dark"] .notification-item small{color:var(--ba-muted);}
html[data-theme="dark"] .notification-arrow{color:var(--ba-muted);}
html[data-theme="dark"] .notification-dot{background-color:#98a2b3;}
html[data-theme="dark"] .notification-dot.followup{background-color:#2e90fa;}
html[data-theme="dark"] .notification-dot.payment,html[data-theme="dark"] .notification-dot.voucher{background-color:#f79009;}
html[data-theme="dark"] .notification-dot.document{background-color:#d92d20;}
html[data-theme="dark"] .notification-dot.booking{background-color:#12b76a;}
html[data-theme="dark"] .notification-empty span{color:var(--ba-muted);}
html[data-theme="dark"] .view-toggle{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .view-toggle a{color:var(--ba-muted);}
html[data-theme="dark"] .view-toggle a.active{background-color:var(--ba-surface);color:var(--ba-blue);}
html[data-theme="dark"] .lead-kanban-column{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .lead-kanban-head{border-bottom-color:var(--ba-line);}
html[data-theme="dark"] .lead-kanban-head small{color:var(--ba-muted);}
html[data-theme="dark"] .lead-kanban-head > span{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);color:var(--ba-muted);}
html[data-theme="dark"] .lead-kanban-card{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .lead-kanban-card:hover{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .lead-kanban-card-head a{color:var(--ba-text);}
html[data-theme="dark"] .lead-kanban-card-head small{color:var(--ba-muted);}
html[data-theme="dark"] .lead-kanban-meta span{color:var(--ba-muted);background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .lead-kanban-foot span{color:var(--ba-muted);}
html[data-theme="dark"] .lead-kanban-empty{color:var(--ba-muted);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .today-stat-grid a{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .today-stat-grid a:hover{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .today-stat-grid strong{color:var(--ba-text);}
html[data-theme="dark"] .today-stat-grid span{color:var(--ba-muted);}
html[data-theme="dark"] .today-panels{border-top-color:var(--ba-line);}
html[data-theme="dark"] .mini-list a{background-color:var(--ba-surface);color:var(--ba-text);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .mini-list a:hover{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .mini-list small{color:var(--ba-muted);}
html[data-theme="dark"] .mini-list time{color:var(--ba-muted);}
@media (max-width: 1100px){
}
@media (max-width: 820px){
}
@media (max-width: 520px){
}
@media (prefers-reduced-motion: reduce){
}
html[data-theme="dark"] .customer-next-action{background-image:linear-gradient(var(--ba-surface), var(--ba-surface));}
@media (max-width: 760px){
}
html[data-theme="dark"] .feature-kpi{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .feature-kpi-icon{background-color:var(--ba-panel);color:var(--ba-text);}
html[data-theme="dark"] .feature-kpi small{color:var(--ba-muted);}
html[data-theme="dark"] .feature-kpi strong{color:var(--ba-text);}
html[data-theme="dark"] .feature-kpi span{color:var(--ba-muted);}
html[data-theme="dark"] .feature-list-row{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .feature-list-row:hover{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .feature-list-row.is-selected{border-top-color:#9db9da;border-right-color:#9db9da;border-bottom-color:#9db9da;border-left-color:#9db9da;box-shadow:#2563eb 3px 0px 0px inset;background-color:var(--ba-surface);}
html[data-theme="dark"] .feature-list-row small{color:var(--ba-muted);}
html[data-theme="dark"] .feature-list-icon{background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .feature-list-icon.warn{background-color:var(--ba-surface);color:var(--ba-red);}
html[data-theme="dark"] .feature-list-icon.danger{background-color:var(--ba-surface);color:var(--ba-red);}
html[data-theme="dark"] .fw-status{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);color:var(--ba-muted);}
html[data-theme="dark"] .fw-good,html[data-theme="dark"] .fw-active,html[data-theme="dark"] .fw-confirmed,html[data-theme="dark"] .fw-completed,html[data-theme="dark"] .fw-approved,html[data-theme="dark"] .fw-delivered,html[data-theme="dark"] .fw-valid,html[data-theme="dark"] .fw-done{background-color:var(--ba-surface);border-top-color:#abefc6;border-right-color:#abefc6;border-bottom-color:#abefc6;border-left-color:#abefc6;color:var(--ba-green);}
html[data-theme="dark"] .fw-warn,html[data-theme="dark"] .fw-pending,html[data-theme="dark"] .fw-processing,html[data-theme="dark"] .fw-submitted,html[data-theme="dark"] .fw-ready,html[data-theme="dark"] .fw-high,html[data-theme="dark"] .fw-quoted,html[data-theme="dark"] .fw-sent{background-color:var(--ba-surface);border-top-color:#fedf89;border-right-color:#fedf89;border-bottom-color:#fedf89;border-left-color:#fedf89;color:var(--ba-red);}
html[data-theme="dark"] .fw-bad,html[data-theme="dark"] .fw-cancelled,html[data-theme="dark"] .fw-rejected,html[data-theme="dark"] .fw-expired,html[data-theme="dark"] .fw-closed,html[data-theme="dark"] .fw-urgent{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);color:var(--ba-red);}
html[data-theme="dark"] .fw-in_progress,html[data-theme="dark"] .fw-planned,html[data-theme="dark"] .fw-travelling,html[data-theme="dark"] .fw-normal{background-color:var(--ba-surface);border-top-color:#b2ddff;border-right-color:#b2ddff;border-bottom-color:#b2ddff;border-left-color:#b2ddff;color:var(--ba-blue);}
html[data-theme="dark"] .fw-low{background-color:var(--ba-panel);color:var(--ba-muted);}
html[data-theme="dark"] .trip-summary-grid > div{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .trip-summary-grid span{color:var(--ba-muted);}
html[data-theme="dark"] .subhead-row span{color:var(--ba-muted);}
html[data-theme="dark"] .inline-form-card{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .mini-list-item{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .mini-list-item span{color:var(--ba-muted);}
html[data-theme="dark"] .trip-timeline::before{background-color:var(--ba-panel);}
html[data-theme="dark"] .trip-time strong{color:var(--ba-muted);}
html[data-theme="dark"] .trip-time small{color:var(--ba-muted);}
html[data-theme="dark"] .trip-dot{background-color:#2563eb;border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .trip-segment-card{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .trip-segment-meta{border-top-color:var(--ba-line);}
html[data-theme="dark"] .trip-segment-meta span{color:var(--ba-muted);}
html[data-theme="dark"] .feature-product-card{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .product-price-grid > div{background-color:var(--ba-surface);border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);}
html[data-theme="dark"] .product-price-grid small{color:var(--ba-muted);}
html[data-theme="dark"] .product-card-actions > span{color:var(--ba-muted);}
html[data-theme="dark"] .filter-chip-row a{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);color:var(--ba-muted);}
html[data-theme="dark"] .filter-chip-row a.active{background-color:var(--ba-surface);border-top-color:#bfdbfe;border-right-color:#bfdbfe;border-bottom-color:#bfdbfe;border-left-color:#bfdbfe;color:var(--ba-blue);}
html[data-theme="dark"] .data-tool-card{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);color:var(--ba-text);}
html[data-theme="dark"] .data-tool-card:hover{border-top-color:var(--ba-line);border-right-color:var(--ba-line);border-bottom-color:var(--ba-line);border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .data-tool-card span{color:var(--ba-muted);}
html[data-theme="dark"] .feature-callout{border-left-color:var(--ba-line);background-color:var(--ba-surface);}
html[data-theme="dark"] .feature-callout span{color:var(--ba-muted);}
@media (max-width: 1180px){
}
@media (max-width: 900px){
}
@media (max-width: 640px){
}
@media (prefers-reduced-motion: reduce){
}
html[data-theme="dark"] .insight-bar-row > span{color:var(--text,var(--ba-text));}
html[data-theme="dark"] .insight-bar{background-color:var(--ba-panel);}
html[data-theme="dark"] .insight-bar i{background-image:linear-gradient(90deg, #0b72b8, #4fa8da);}
html[data-theme="dark"] .trip-readiness-grid > div{background-image:linear-gradient(145deg, var(--ba-surface), var(--ba-panel));}
html[data-theme="dark"] .trip-readiness-grid span{color:var(--ba-muted);}
html[data-theme="dark"] .trip-readiness-grid small{color:var(--ba-muted);}
html[data-theme="dark"] .trip-readiness-grid .warn{color:var(--ba-red);}
html[data-theme="dark"] .feature-quick-strip a{background-color:var(--ba-surface);}
html[data-theme="dark"] .feature-quick-strip strong{color:var(--ba-text);}
html[data-theme="dark"] .feature-quick-strip span{color:var(--ba-muted);}
@media (max-width: 1100px){
}
@media (max-width: 680px){
}
html[data-theme="dark"] .crm-shell-html :is(.feature-list-row,html[data-theme="dark"] .feature-quick-strip a,html[data-theme="dark"] .mini-list a,html[data-theme="dark"] .notification-item,html[data-theme="dark"] .filter-chip-row a,html[data-theme="dark"] .crm-combobox-option,html[data-theme="dark"] summary):focus-visible{outline-color:#2563eb;}
@media (max-width: 640px){
}
html[data-theme="dark"] .crm-shell-html .quick-action-grid a:hover{background-color:var(--ba-surface);border-top-color:#a9c5f5;border-right-color:#a9c5f5;border-bottom-color:#a9c5f5;border-left-color:#a9c5f5;}
@media (max-width: 1100px){
}
@media (max-width: 820px){
}
@media (max-width: 520px){
}
@media (prefers-reduced-motion: reduce){
}
html[data-theme="dark"] .crm-shell-html .feature-kpi .feature-kpi-icon{background-color:var(--ba-panel);color:var(--ba-blue);}
html[data-theme="dark"] .crm-shell-html .feature-kpi small{color:var(--ba-text);}
html[data-theme="dark"] .crm-shell-html .feature-kpi > div > span{color:var(--ba-muted);}
html[data-theme="dark"] .crm-shell-html a.feature-kpi:hover{border-top-color:#a9c3ed;border-right-color:#a9c3ed;border-bottom-color:#a9c3ed;border-left-color:#a9c3ed;}
html[data-theme="dark"] .crm-shell-html a.feature-kpi:focus-visible{outline-color:#2563eb;}
@media (prefers-reduced-motion: reduce){
}
html[data-theme="dark"] .analytics-note{color:var(--ba-muted);}
html[data-theme="dark"] .analytics-card .eyebrow{color:var(--ba-blue);}
html[data-theme="dark"] .analytics-big{color:var(--ba-text);}
html[data-theme="dark"] .analytics-big span{color:var(--ba-muted);}
html[data-theme="dark"] .analytics-submetric{border-top-color:var(--ba-line);}
html[data-theme="dark"] .analytics-submetric strong{color:var(--ba-text);}
html[data-theme="dark"] .analytics-column strong{color:var(--ba-text);}
html[data-theme="dark"] .analytics-column-track{background-color:var(--ba-surface);}
html[data-theme="dark"] .analytics-column-track i{background-image:linear-gradient(#4384df, #2463b8);}
html[data-theme="dark"] .analytics-column > span{color:var(--ba-text);}
html[data-theme="dark"] .analytics-column small{color:var(--ba-muted);}
html[data-theme="dark"] .analytics-bar-label{color:var(--ba-text);}
html[data-theme="dark"] .analytics-bar-label strong{color:var(--ba-text);}
html[data-theme="dark"] .analytics-bar-label small,html[data-theme="dark"] .analytics-bar-row > small{color:var(--ba-muted);}
html[data-theme="dark"] .analytics-bar-track{background-color:var(--ba-panel);}
html[data-theme="dark"] .analytics-bar-track i{background-color:#3979ce;}
html[data-theme="dark"] .analytics-list-row{border-bottom-color:var(--ba-line);color:var(--ba-text);}
html[data-theme="dark"] .analytics-list-row strong{color:var(--ba-text);}
html[data-theme="dark"] .analytics-list-row small{color:var(--ba-muted);}
html[data-theme="dark"] a.analytics-list-row:hover,html[data-theme="dark"] a.analytics-list-row:focus-visible{color:var(--ba-blue);background-color:var(--ba-surface);}
html[data-theme="dark"] .analytics-stat-pair strong{color:var(--ba-text);}
html[data-theme="dark"] .analytics-stat-pair span{color:var(--ba-muted);}
@media (max-width: 1150px){
}
@media (max-width: 720px){
}
@media (max-width: 400px){
}

/* byair-workspace.css */
/* ByAir shared workspace design — reference light and dark modes. */
:root {
 --ba-bg:#f3f7ff;--ba-surface:#fff;--ba-panel:#f7f9ff;--ba-input:#fff;
 --ba-line:#e5eaf5;--ba-line-strong:#ced8eb;--ba-text:#141b37;--ba-muted:#66749c;
 --ba-primary:#4a48ff;--ba-primary-hover:#3735db;--ba-primary-soft:#eeedff;
 --ba-side:#fbfdff;--ba-side-text:#425078;--ba-side-muted:#8893b1;
 --ba-green:#087f65;--ba-green-bg:#e5f8f1;--ba-red:#c52e4b;--ba-red-bg:#ffe9ee;
 --ba-amber:#a66408;--ba-amber-bg:#fff2d5;--ba-blue:#2269cc;--ba-blue-bg:#eaf3ff;
 --ba-shadow:0 4px 18px rgba(45,62,115,.045);--ba-popover-shadow:0 20px 50px rgba(25,39,79,.15);
 --primary:var(--ba-primary);--primary-700:var(--ba-primary-hover);--primary-50:var(--ba-primary-soft);
 --ink:var(--ba-text);--text:var(--ba-text);--muted:var(--ba-muted);--muted-2:var(--ba-side-muted);
 --canvas:var(--ba-bg);--bg:var(--ba-bg);--surface:var(--ba-surface);--line:var(--ba-line);--line-soft:var(--ba-line);
 --sidebar:var(--ba-side);--sidebar-hover:var(--ba-primary-soft);--blue:var(--ba-primary);
 --success:var(--ba-green);--success-bg:var(--ba-green-bg);--danger:var(--ba-red);--danger-bg:var(--ba-red-bg);--warning:var(--ba-amber);--warning-bg:var(--ba-amber-bg);
 --shadow:var(--ba-shadow);--shadow-sm:0 1px 2px rgba(30,50,90,.04);--radius:14px;--sidebar-w:238px;--topbar-h:70px;
 --ui-bg:var(--ba-bg);--ui-surface:var(--ba-surface);--ui-surface-2:var(--ba-panel);--ui-border:var(--ba-line);--ui-border-strong:var(--ba-line-strong);
 --ui-text:var(--ba-text);--ui-text-2:var(--ba-text);--ui-muted:var(--ba-muted);--ui-muted-2:var(--ba-side-muted);
 --ui-blue:var(--ba-primary);--ui-blue-700:var(--ba-primary-hover);--ui-blue-50:var(--ba-primary-soft);
 --ui-sidebar:var(--ba-side);--ui-sidebar-2:var(--ba-side);--ui-sidebar-border:var(--ba-line);--ui-shadow:var(--ba-shadow);--ui-shadow-lg:var(--ba-popover-shadow);--ui-radius:14px;
 color-scheme:light;
}
:root[data-theme="dark"]{
 --ba-bg:#0b1020;--ba-surface:#11182c;--ba-panel:#151e34;--ba-input:#11182c;
 --ba-line:#27324f;--ba-line-strong:#3d4c70;--ba-text:#f0f3ff;--ba-muted:#a1aecf;
 --ba-primary:#8056ff;--ba-primary-hover:#946fff;--ba-primary-soft:#261f4d;
 --ba-side:#0c1223;--ba-side-text:#c1cbe7;--ba-side-muted:#8794b6;
 --ba-green:#7ce2bc;--ba-green-bg:#143b34;--ba-red:#ff9bb0;--ba-red-bg:#452334;
 --ba-amber:#ffce78;--ba-amber-bg:#44361d;--ba-blue:#95c5ff;--ba-blue-bg:#1b3155;
 --ba-shadow:0 8px 24px rgba(0,0,0,.12);--ba-popover-shadow:0 22px 55px rgba(0,0,0,.4);color-scheme:dark;
}
html[data-theme],html[data-theme] body,html[data-theme].crm-shell-html body{background:var(--ba-bg)!important;color:var(--ba-text)!important}
html[data-theme] body{font:13px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
html[data-theme="light"] body{background:radial-gradient(ellipse at 80% 0,#e9efff,transparent 50%),var(--ba-bg)!important}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 60% 0,#151734,transparent 50%),var(--ba-bg)!important}
html[data-theme] .layout,html[data-theme] .main,html[data-theme] .content{background:transparent!important}
html[data-theme] .content{padding:26px 28px 40px!important;max-width:1800px;margin:0 auto;min-width:0}
html[data-theme] .sidebar{background:var(--ba-side)!important;border-right:1px solid var(--ba-line)!important;padding:0!important;scrollbar-color:var(--ba-line-strong) transparent}
html[data-theme] .brand-wrap{padding:20px 15px 17px!important;margin:0;border-bottom:1px solid var(--ba-line)!important}
html[data-theme] .brand-logo-sidebar-full{width:155px!important;max-height:48px!important}
html[data-theme] .brand-sub{color:var(--ba-side-muted)!important;font-size:8px!important;margin-top:8px;letter-spacing:.11em!important}
html[data-theme] .sidebar-collapse-btn{width:28px!important;height:28px!important;background:var(--ba-panel)!important;color:var(--ba-side-text)!important;border-color:var(--ba-line)!important;border-radius:8px!important}
html[data-theme] .nav{padding:8px 10px 22px!important}
html[data-theme] .nav .sep{color:var(--ba-side-muted)!important;padding:18px 10px 7px!important;font-size:8px!important;letter-spacing:.1em!important}
html[data-theme] .nav a{color:var(--ba-side-text)!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:8px!important;font-size:11px!important;gap:9px!important;margin:3px 0!important}
html[data-theme] .nav a:hover{background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important}
html[data-theme] .nav a.active{background:linear-gradient(110deg,#5355ff,#4b43ed)!important;color:white!important;box-shadow:0 5px 15px rgba(74,72,255,.2)!important;border-color:#7475ff!important}
html[data-theme="dark"] .nav a.active{background:linear-gradient(110deg,#5d2ce3,#4826c9)!important;border-color:#7753f4!important}
html[data-theme] .nav a.active:before{display:none!important}
html[data-theme] .nav-ico{background:none!important;border:0!important;color:inherit!important;width:17px!important;height:17px!important}
html[data-theme] .nav-ico svg{width:16px!important;height:16px!important}
html[data-theme] .nav-dot{display:none!important}
html[data-theme] .signout-btn{background:var(--ba-panel)!important;color:var(--ba-side-text)!important;border-color:var(--ba-line)!important;font-size:11px!important}
html[data-theme] .topbar{position:sticky!important;top:0!important;min-height:70px!important;height:auto!important;background:var(--ba-surface)!important;border-color:var(--ba-line)!important;padding:13px 26px!important;gap:14px!important;box-shadow:none!important}
html[data-theme] .top-left{min-width:0!important}
html[data-theme] .top-title{color:var(--ba-text)!important;font-size:12px!important;max-width:170px}
html[data-theme] .top-sub{color:var(--ba-muted)!important}
html[data-theme] .top-brand-icon{display:none!important}
html[data-theme] .global-search{height:40px!important;background:var(--ba-panel)!important;border-color:var(--ba-line)!important;min-width:120px!important;border-radius:9px!important;max-width:570px!important}
html[data-theme] .global-search input{background:transparent!important;color:var(--ba-text)!important;box-shadow:none!important;font-size:11px!important}
html[data-theme] .shortcut-hint kbd{color:var(--ba-muted)!important;background:var(--ba-surface)!important;border-color:var(--ba-line)!important;font-size:9px;white-space:nowrap}
html[data-theme] .top-actions{gap:9px!important}
html[data-theme] .profile-chip{border:0!important;background:transparent!important;padding:0 0 0 5px!important;color:var(--ba-text)!important}
html[data-theme] .profile-chip strong{color:var(--ba-text)!important;font-size:11px!important}
html[data-theme] .profile-chip span{color:var(--ba-muted)!important}
html[data-theme] .company-time-chip{display:none!important}
html[data-theme] .avatar{background:linear-gradient(135deg,#735dff,#30b6d5)!important;color:#fff!important;border-radius:50%!important;width:33px!important;height:33px!important}
html[data-theme] .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:8px 10px;border:1px solid var(--ba-line);border-radius:9px;background:var(--ba-panel);color:var(--ba-text);font:inherit;font-weight:650;cursor:pointer;flex-shrink:0}
html[data-theme] .theme-icon{font-size:18px;line-height:1}
html[data-theme] .theme-toggle-floating{position:fixed;right:18px;top:16px;z-index:100}
html[data-theme] .notification-center summary{width:40px!important;height:40px!important;background:var(--ba-panel)!important;color:var(--ba-text)!important;border-color:var(--ba-line)!important}
html[data-theme] .notification-popover,html[data-theme] .quick-menu,html[data-theme] .app-modal-panel,html[data-theme] .crm-combobox-menu{background:var(--ba-surface)!important;border-color:var(--ba-line)!important;color:var(--ba-text)!important;box-shadow:var(--ba-popover-shadow)!important;border-radius:14px!important}
html[data-theme] .quick-menu a,html[data-theme] .notification-item,html[data-theme] .notification-head strong,html[data-theme] .notification-empty strong{color:var(--ba-text)!important}
html[data-theme] .quick-menu a:hover,html[data-theme] .notification-item:hover{background:var(--ba-primary-soft)!important}
html[data-theme] .notification-item small,html[data-theme] .notification-head small,html[data-theme] .notification-empty span{color:var(--ba-muted)!important}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] h4{color:var(--ba-text)!important}
html[data-theme] h1{font-size:25px!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.25!important}
html[data-theme] h2{font-size:16px!important;letter-spacing:-.02em!important}
html[data-theme] h3{font-size:14px!important}
html[data-theme] .title-row,html[data-theme] .page-hero,html[data-theme] .feature-hero{margin-bottom:21px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
html[data-theme] .eyebrow{color:var(--ba-primary)!important;font-size:9px!important;letter-spacing:.08em!important}
html[data-theme] .sub,html[data-theme] .muted,html[data-theme] .hint,html[data-theme] .small.muted{color:var(--ba-muted)!important}
html[data-theme] .sub{font-size:11px!important;margin-top:6px!important;line-height:1.65!important}
html[data-theme] .btn{border-radius:8px!important;min-height:36px!important;padding:8px 12px!important;font-size:11px!important;box-shadow:none!important}
html[data-theme] .btn-primary,html[data-theme] .quick-add summary{background:linear-gradient(125deg,#585eff,#4643f3)!important;border:1px solid #666afa!important;color:#fff!important;box-shadow:0 4px 14px rgba(74,72,255,.17)!important;border-radius:8px!important}
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .quick-add summary{background:linear-gradient(125deg,#792aff,#542bfb)!important;border-color:#8650ff!important;box-shadow:0 4px 18px rgba(110,44,255,.2)!important}
html[data-theme] .btn-light,html[data-theme] .btn-test,html[data-theme] .mobile-toggle{background:var(--ba-surface)!important;color:var(--ba-text)!important;border-color:var(--ba-line)!important}
html[data-theme] .btn-danger{background:var(--ba-red-bg)!important;color:var(--ba-red)!important;border-color:var(--ba-red-bg)!important}
html[data-theme] .btn-teal{background:var(--ba-green)!important;color:var(--ba-bg)!important}
html[data-theme] .btn-sm{font-size:10px!important;min-height:30px!important;padding:5px 9px!important}
html[data-theme] .card{background:var(--ba-surface)!important;border:1px solid var(--ba-line)!important;border-radius:14px!important;box-shadow:var(--ba-shadow)!important;padding:20px!important;color:var(--ba-text)!important}
html[data-theme] .card:hover{box-shadow:var(--ba-shadow)!important;border-color:var(--ba-line)!important}
html[data-theme] .card.table-wrap{padding:0!important;overflow:hidden!important}
html[data-theme] .table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
html[data-theme] .table{min-width:650px;font-size:11px!important;margin:0!important}
html[data-theme] .table th{background:var(--ba-panel)!important;color:var(--ba-muted)!important;border-color:var(--ba-line)!important;font-size:9px!important;text-transform:none!important;letter-spacing:0!important;font-weight:650!important;padding:12px 14px!important;white-space:nowrap}
html[data-theme] .table td{background:transparent;color:var(--ba-text)!important;border-color:var(--ba-line)!important;font-size:11px!important;padding:13px 14px!important;vertical-align:middle!important}
html[data-theme] .table td strong{color:var(--ba-text)!important;font-weight:650!important}
html[data-theme] .table tr:hover td{background:var(--ba-panel)!important}
html[data-theme] .table td a:not(.btn):not(.badge){color:var(--ba-text)!important}
html[data-theme] .table td a:not(.btn):hover{color:var(--ba-primary)!important}
html[data-theme] .person-cell{display:flex;align-items:center;gap:10px;min-width:130px}
html[data-theme] .person-avatar{width:29px;height:29px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--person-color,#735dff);color:#fff;font-size:9px;font-weight:750}
html[data-theme] .person-cell>div{min-width:0}
html[data-theme] .table-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--ba-line)}
html[data-theme] .table-tools strong{font-size:11px}
html[data-theme] .table-search{display:flex;align-items:center;gap:8px;max-width:280px;width:100%;color:var(--ba-muted)}
html[data-theme] .table-search input{height:34px!important;width:100%!important;min-width:0!important;padding:7px 11px!important;background:var(--ba-panel)!important}
html[data-theme] .table-empty{padding:35px 18px;text-align:center;color:var(--ba-muted);font-size:12px}
html[data-theme] .table-pager{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:12px;color:var(--ba-muted);border-top:1px solid var(--ba-line);font-size:10px}
html[data-theme] .table-pager .actions{gap:6px}
html[data-theme] .searchbar{padding:12px!important;background:var(--ba-surface)!important;border:1px solid var(--ba-line)!important;border-radius:10px!important;box-shadow:none!important}
html[data-theme] .tabs{gap:5px!important;flex-wrap:wrap;border:0!important;margin:0 0 18px!important;padding:0!important}
html[data-theme] .tabs a,html[data-theme] .tabs button{padding:8px 13px!important;border-radius:7px!important;color:var(--ba-muted)!important;background:transparent!important;border:1px solid transparent!important;font-size:11px!important;min-height:34px}
html[data-theme] .tabs a.active{background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important;border-color:var(--ba-primary-soft)!important;box-shadow:none!important}
html[data-theme] .tabs a.active:after{display:none!important}
html[data-theme] .dashboard-tabs a.active{background:var(--ba-primary)!important;color:#fff!important}
html[data-theme] .field label,html[data-theme] label{color:var(--ba-text)!important;font-size:11px!important;font-weight:650!important}
html[data-theme] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),html[data-theme] select,html[data-theme] textarea{background:var(--ba-input)!important;color:var(--ba-text)!important;border:1px solid var(--ba-line)!important;border-radius:8px!important;box-shadow:none!important;font-size:12px!important}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--ba-muted)!important;opacity:.8}
html[data-theme] .global-search input{border:0!important;background:transparent!important}
html[data-theme] input:focus,html[data-theme] select:focus,html[data-theme] textarea:focus{border-color:var(--ba-primary)!important;outline:2px solid var(--ba-primary-soft)!important;outline-offset:1px}
html[data-theme] .field{min-width:0!important}
html[data-theme] .form-grid{gap:17px!important}
html[data-theme] .form-grid>.full:last-child,html[data-theme] .form-grid>div:last-child:has(>button){padding-top:14px;border-top:1px solid var(--ba-line)}
html[data-theme] .badge{border:0!important;box-shadow:none!important;border-radius:999px!important;padding:4px 9px!important;font-size:9px!important;font-weight:650!important;white-space:nowrap}
html[data-theme] .badge.good{color:var(--ba-green)!important;background:var(--ba-green-bg)!important}
html[data-theme] .badge.bad{color:var(--ba-red)!important;background:var(--ba-red-bg)!important}
html[data-theme] .badge.warn{color:var(--ba-amber)!important;background:var(--ba-amber-bg)!important}
html[data-theme] .badge.gray{color:var(--ba-muted)!important;background:var(--ba-panel)!important}
html[data-theme] .metric{display:flex!important;align-items:flex-start!important;gap:12px!important;min-height:115px!important;padding:18px!important;position:relative;overflow:hidden}
html[data-theme] .metric-icon{width:35px!important;height:35px!important;border-radius:10px!important;color:var(--ba-primary)!important;background:var(--ba-primary-soft)!important;border:0!important;font-size:18px!important;flex-shrink:0}
html[data-theme] .metric .label{font-size:9px!important;text-transform:uppercase;letter-spacing:.02em!important;color:var(--ba-muted)!important}
html[data-theme] .metric .value{font-size:24px!important;font-weight:800!important;color:var(--ba-text)!important;overflow-wrap:anywhere;line-height:1.3!important;margin-top:3px}
html[data-theme] .metric .hint{font-size:10px!important;color:var(--ba-muted)!important;margin-top:7px}
html[data-theme] .kpi-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
html[data-theme] .metric:nth-child(4n+2) .metric-icon{background:var(--ba-blue-bg)!important;color:var(--ba-blue)!important}
html[data-theme] .metric:nth-child(4n+3) .metric-icon{background:var(--ba-green-bg)!important;color:var(--ba-green)!important}
html[data-theme] .metric:nth-child(4n+4) .metric-icon{background:var(--ba-amber-bg)!important;color:var(--ba-amber)!important}
html[data-theme] .today-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
html[data-theme] .today-stat-grid a,html[data-theme] .today-stat-grid>div{background:var(--ba-panel)!important;border:1px solid var(--ba-line)!important;border-radius:10px!important;padding:14px!important}
html[data-theme] .today-stat-grid strong,html[data-theme] .feature-kpi strong{color:var(--ba-text)!important}
html[data-theme] .today-stat-grid span{color:var(--ba-muted)!important}
html[data-theme] .today-panels>div{background:var(--ba-panel)!important;border-color:var(--ba-line)!important}
html[data-theme] .empty-state{background:transparent!important;color:var(--ba-muted)!important;border-color:var(--ba-line)!important;min-height:140px!important}
html[data-theme] .empty-state strong{color:var(--ba-text)!important;font-size:12px!important}
html[data-theme] .empty-state span{color:var(--ba-muted)!important;font-size:11px!important}
html[data-theme] .empty-icon{background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important;border:0!important;width:42px!important;height:42px!important;font-size:20px!important}
html[data-theme] .lead-kanban{gap:12px!important;grid-template-columns:repeat(6,minmax(235px,1fr))!important}
html[data-theme] .lead-kanban-column{background:var(--ba-panel)!important;border-color:var(--ba-line)!important;border-radius:12px!important;padding:12px!important}
html[data-theme] .lead-kanban-column:nth-child(3n+1){border-top:3px solid var(--ba-primary)!important}
html[data-theme] .lead-kanban-column:nth-child(3n+2){border-top:3px solid var(--ba-blue)!important}
html[data-theme] .lead-kanban-column:nth-child(3n){border-top:3px solid var(--ba-green)!important}
html[data-theme] .lead-kanban-head{border-color:var(--ba-line)!important}
html[data-theme] .lead-kanban-head strong{font-size:12px!important;color:var(--ba-text)!important}
html[data-theme] .lead-kanban-head>span{background:var(--ba-surface)!important;color:var(--ba-muted)!important;border-color:var(--ba-line)!important}
html[data-theme] .lead-kanban-card{background:var(--ba-surface)!important;border-color:var(--ba-line)!important;border-radius:10px!important;padding:14px!important;box-shadow:var(--ba-shadow)!important}
html[data-theme] .lead-kanban-card-head a,html[data-theme] .lead-kanban-foot strong{color:var(--ba-text)!important}
html[data-theme] .lead-kanban-meta span{background:var(--ba-panel)!important;color:var(--ba-muted)!important;border-color:var(--ba-line)!important}
html[data-theme] .crm-combobox-option{background:var(--ba-surface)!important;color:var(--ba-text)!important}
html[data-theme] .crm-combobox-option:hover,html[data-theme] .crm-combobox-option.selected{background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important}
html[data-theme] .crm-combobox-empty{color:var(--ba-muted)!important}
html[data-theme] .feature-kpi,html[data-theme] .feature-product-card,html[data-theme] .feature-list-row,html[data-theme] .document-card,html[data-theme] .data-tool-card,html[data-theme] .trip-segment-card{background:var(--ba-surface)!important;color:var(--ba-text)!important;border-color:var(--ba-line)!important;box-shadow:var(--ba-shadow)!important;border-radius:12px!important}
html[data-theme] .feature-kpi small,html[data-theme] .feature-kpi span,html[data-theme] .feature-quick-strip span,html[data-theme] .doc-health span{color:var(--ba-muted)!important}
html[data-theme] .feature-quick-strip a,html[data-theme] .doc-health div,html[data-theme] .doc-icon,html[data-theme] .product-price-grid>div,html[data-theme] .trip-readiness-grid>div{background:var(--ba-panel)!important;color:var(--ba-text)!important;border-color:var(--ba-line)!important}
html[data-theme] .analytics-big,html[data-theme] .analytics-submetric strong,html[data-theme] .analytics-bar-label strong,html[data-theme] .analytics-list-row strong,html[data-theme] .analytics-stat-pair strong,html[data-theme] .analytics-column strong,html[data-theme] .analytics-column>span{color:var(--ba-text)!important}
html[data-theme] .analytics-note,html[data-theme] .analytics-big span,html[data-theme] .analytics-bar-label,html[data-theme] .analytics-stat-pair span,html[data-theme] .analytics-chart small{color:var(--ba-muted)!important}
html[data-theme] .analytics-column-track,html[data-theme] .analytics-bar-track{background:var(--ba-panel)!important}
html[data-theme] .analytics-column-track i,html[data-theme] .analytics-bar-track i{background:linear-gradient(180deg,#9672ff,#6048ef)!important}
html[data-theme] .analytics-submetric,html[data-theme] .analytics-list-row{border-color:var(--ba-line)!important}
html[data-theme] .flash,html[data-theme] .notice,html[data-theme] .info{background:var(--ba-blue-bg)!important;color:var(--ba-blue)!important;border-color:var(--ba-line)!important;border-radius:10px!important}
html[data-theme] .flash.error,html[data-theme] .err,html[data-theme] .notice.danger,html[data-theme] .danger-note{background:var(--ba-red-bg)!important;color:var(--ba-red)!important;border-color:var(--ba-red-bg)!important}
html[data-theme] .flash.success,html[data-theme] .conn,html[data-theme] .success{background:var(--ba-green-bg)!important;color:var(--ba-green)!important;border-color:var(--ba-green-bg)!important}
html[data-theme] .req,html[data-theme] .required-star,html[data-theme] .field-error,html[data-theme] .bad{color:var(--ba-red)!important}
html[data-theme] .ok,html[data-theme] .profit{color:var(--ba-green)!important}
html[data-theme] .login-wrap{background:radial-gradient(ellipse at top,var(--ba-primary-soft),var(--ba-bg) 70%)!important}
html[data-theme] .login-card,html[data-theme] .byair-system-card{background:var(--ba-surface)!important;border-color:var(--ba-line)!important;color:var(--ba-text)!important;border-radius:18px!important;box-shadow:var(--ba-popover-shadow)!important}
html[data-theme] .byair-system-state{background:var(--ba-bg)!important;color:var(--ba-text)!important}
html[data-theme] .lead-reminder-popup{background:var(--ba-surface)!important;color:var(--ba-text)!important;border-color:var(--ba-line)!important}
html[data-theme] .skip-link{position:fixed;left:15px;top:-100px;padding:10px 15px;background:var(--ba-primary);color:white;z-index:100001;border-radius:8px}
html[data-theme] .skip-link:focus{top:12px}
html[data-theme] :focus-visible{outline:2px solid var(--ba-primary)!important;outline-offset:3px}
html[data-theme] .table-tools input:focus-visible{outline-offset:0!important}
html[data-theme] [hidden]{display:none!important}
@media(max-width:1250px){html[data-theme] .top-left{display:none!important}html[data-theme] .theme-label{display:none}html[data-theme] .topbar{gap:9px!important}}
@media(max-width:1100px){html[data-theme] .kpi-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-theme] .content{padding:22px!important}}
@media(max-width:820px){html[data-theme] .top-left{display:flex!important}html[data-theme] .top-title,html[data-theme] .top-sub{display:none!important}html[data-theme] .topbar{padding:10px 12px!important;gap:8px!important}html[data-theme] .content{padding:18px 14px!important}html[data-theme] .global-search{order:3;flex:1 0 100%!important;width:100%;max-width:none!important}html[data-theme] .top-actions{flex:1;gap:8px!important}html[data-theme] .topbar .profile-chip>div:not(.avatar),html[data-theme] .profile-chip-arrow{display:none!important}html[data-theme] .topbar .top-left{margin:0!important}html[data-theme] .card{padding:17px!important}html[data-theme] .card.table-wrap{padding:0!important}html[data-theme] .table-tools{flex-wrap:wrap}html[data-theme] .table-search{max-width:none}html[data-theme] .today-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-theme] .title-row,html[data-theme] .page-hero{gap:14px;flex-wrap:wrap}html[data-theme] .title-row>.actions,html[data-theme] .page-hero>.actions{width:100%;justify-content:flex-start}html[data-theme] h1{font-size:23px!important}}
@media(max-width:520px){html[data-theme] .kpi-cards{grid-template-columns:1fr!important}html[data-theme] .metric{min-height:100px!important}html[data-theme] .theme-toggle{width:36px;height:36px;padding:6px}html[data-theme] .notification-center summary{width:36px!important;height:36px!important}html[data-theme] .quick-add summary{padding:9px!important;font-size:10px!important}html[data-theme] .table-pager{flex-wrap:wrap}html[data-theme] .table-pager .actions{margin-left:auto}html[data-theme] .today-panels{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html[data-theme] *,html[data-theme] *:before,html[data-theme] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{html[data-theme]{--ba-bg:#fff;--ba-surface:#fff;--ba-panel:#fff;--ba-text:#172033;--ba-muted:#667085;--ba-line:#ddd;color-scheme:light}html[data-theme] body{background:white!important;color:#172033!important}html[data-theme] .sidebar,html[data-theme] .topbar,html[data-theme] .theme-toggle,html[data-theme] .table-tools,html[data-theme] .table-pager,html[data-theme] .skip-link{display:none!important}html[data-theme] .main{margin:0!important}html[data-theme] .content{padding:0!important}html[data-theme] .card{box-shadow:none!important}html[data-theme] .table-scroll{overflow:visible!important}html[data-theme] .table tr[hidden]{display:table-row!important}}
html[data-theme] .metric-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html[data-theme] .kpi-secondary{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:14px}
html[data-theme] .kpi-secondary .metric{min-height:96px!important}
html[data-theme] .kpi-secondary .metric .value{font-size:20px!important}
@media(max-width:1100px){html[data-theme] .kpi-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){html[data-theme] .kpi-secondary{grid-template-columns:1fr!important}}
html[data-theme] .global-search input{border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;height:28px!important}
html[data-theme] .fw-status{border-radius:999px!important;border:0!important;padding:4px 9px!important;font-size:9px!important;background:var(--ba-panel)!important;color:var(--ba-muted)!important}
html[data-theme] .fw-good,html[data-theme] .fw-active,html[data-theme] .fw-confirmed,html[data-theme] .fw-completed,html[data-theme] .fw-approved,html[data-theme] .fw-delivered,html[data-theme] .fw-valid,html[data-theme] .fw-done{background:var(--ba-green-bg)!important;color:var(--ba-green)!important}
html[data-theme] .fw-warn,html[data-theme] .fw-pending,html[data-theme] .fw-processing,html[data-theme] .fw-submitted,html[data-theme] .fw-high,html[data-theme] .fw-quoted{background:var(--ba-amber-bg)!important;color:var(--ba-amber)!important}
html[data-theme] .fw-bad,html[data-theme] .fw-cancelled,html[data-theme] .fw-rejected,html[data-theme] .fw-expired{background:var(--ba-red-bg)!important;color:var(--ba-red)!important}
html[data-theme] .table .empty{padding:45px 20px!important;text-align:center!important;color:var(--ba-muted)!important;white-space:normal}
/* Keep the six-stage board inside the workspace; only the board scrolls. */
html[data-theme] .content{min-width:0;max-width:100%}
html[data-theme] .lead-kanban{width:100%;max-width:100%;min-width:0;overflow-x:auto!important;contain:inline-size}
html[data-theme] .lead-kanban-column{min-width:0}
html[data-theme] .lead-stage-form{position:relative}

/* Local visibility toggle for every password and approval PIN field. */
html[data-theme] .password-field{position:relative;display:block;width:100%;min-width:0;max-width:100%}
html[data-theme] .password-field>input{width:100%!important;max-width:100%!important;padding-right:70px!important;margin:0!important;min-width:0!important;box-sizing:border-box}
html[data-theme] .password-field-pin{width:160px;flex:0 1 160px}
html[data-theme] .password-field>.password-toggle{position:absolute!important;right:1px!important;top:1px!important;bottom:1px!important;display:flex!important;align-items:center;justify-content:center;width:60px!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:4px 8px!important;background:var(--ba-panel)!important;color:var(--ba-text)!important;border:0!important;border-left:1px solid var(--ba-line)!important;border-radius:0 7px 7px 0!important;font-size:11px!important;line-height:1!important;cursor:pointer;box-shadow:none!important}
html[data-theme] .password-toggle:focus-visible{outline:2px solid var(--ba-primary)!important;outline-offset:2px}
html[data-theme] .password-toggle:disabled{cursor:default;opacity:.5}

/* UI7: text and surface pairs share theme tokens, including reminder children. */
html[data-theme="light"]{--ba-muted:#536184;--ba-side-muted:#586789;--ba-amber:#875000;--ba-link:#4441df}
html[data-theme="dark"]{--ba-link:#c3adff}
html[data-theme] a{color:var(--ba-link)}
html[data-theme] :is(.text-link,.eyebrow,.crm-combobox-option.selected){color:var(--ba-link)!important}
html[data-theme] :is(.notice,.info,.flash) a:not(.btn){color:var(--ba-link)!important}
html[data-theme] :is(.feature-list-row,.feature-product-card,.feature-kpi,.trip-time,.trip-summary-grid,.product-price-grid,.mini-list-item,.data-tool-card,.subhead-row,.lead-kanban-card,.analytics-card) small,
html[data-theme] :is(.product-card-actions>span,.trip-summary-grid span,.mini-list-item span,.data-tool-card span,.subhead-row span,.lead-kanban-empty){color:var(--ba-muted)!important}
html[data-theme] .feature-list-row strong{color:var(--ba-text)!important}
html[data-theme] .tab-count{background:var(--ba-panel)!important;color:var(--ba-muted)!important}
html[data-theme] .tabs a.active .tab-count{background:var(--ba-primary-soft)!important;color:var(--ba-link)!important}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--ba-muted)!important;opacity:1}
html[data-theme] .lead-reminder-head strong,
html[data-theme] .lead-reminder-person,html[data-theme] .lead-reminder-person strong,
html[data-theme] .lead-reminder-latest span,html[data-theme] .lead-reminder-popup .inline-required{color:var(--ba-text)!important}
html[data-theme] .lead-reminder-head small,html[data-theme] .lead-reminder-person span,
html[data-theme] .lead-reminder-meta span,html[data-theme] .lead-reminder-popup p,
html[data-theme] .lead-reminder-more summary,html[data-theme] .lead-reminder-nav a{color:var(--ba-muted)!important}
html[data-theme] .lead-reminder-person,html[data-theme] .lead-reminder-meta span,
html[data-theme] .lead-reminder-latest{background:var(--ba-panel)!important}
html[data-theme] .lead-reminder-latest{border-left-color:var(--ba-amber)!important}
html[data-theme] .lead-reminder-latest b{color:var(--ba-amber)!important}
html[data-theme] .lead-reminder-icon{background:var(--ba-amber-bg)!important;color:var(--ba-amber)!important}
html[data-theme] .lead-reminder-overdue{background:var(--ba-red-bg)!important;color:var(--ba-red)!important}
html[data-theme] .lead-reminder-minimize,html[data-theme] .lead-reminder-snooze button,
html[data-theme] .lead-reminder-nav button{background:var(--ba-panel)!important;color:var(--ba-text)!important;border:1px solid var(--ba-line-strong)!important}
html[data-theme] .lead-reminder-nav{border-color:var(--ba-line)!important}
html[data-theme] .lead-reminder-person:hover,html[data-theme] .lead-reminder-minimize:hover,
html[data-theme] .lead-reminder-snooze button:hover,html[data-theme] .lead-reminder-nav button:hover{background:var(--ba-primary-soft)!important;color:var(--ba-text)!important}
html[data-theme] .lead-reminder-nav a:hover{color:var(--ba-link)!important}
/* Status toast classes also match generic .bad/.success selectors; pair them explicitly. */
html[data-theme] .app-toast{background:var(--ba-surface)!important;color:var(--ba-text)!important;border:1px solid var(--ba-line)}
html[data-theme] .app-toast.good{background:var(--ba-green-bg)!important;color:var(--ba-green)!important;border-color:var(--ba-green)!important}
html[data-theme] .app-toast.bad{background:var(--ba-red-bg)!important;color:var(--ba-red)!important;border-color:var(--ba-red)!important}
html[data-theme] .approval-mini-toast,html[data-theme] .request-slow-note{background:var(--ba-surface)!important;color:var(--ba-text)!important;border-color:var(--ba-line)!important}
html[data-theme] .approval-mini-copy strong,html[data-theme] .request-slow-note strong{color:var(--ba-text)!important}
html[data-theme] .approval-mini-copy small,html[data-theme] .approval-mini-arrow{color:var(--ba-muted)!important}
html[data-theme] .approval-mini-icon{background:var(--ba-amber-bg)!important;color:var(--ba-amber)!important}
/* Dark purple text requires a lighter ink than the filled purple controls. */
html[data-theme="dark"] .metric-icon,
html[data-theme="dark"] .feature-kpi strong,
html[data-theme="dark"] .profit-detail summary,
html[data-theme="dark"] .crm-combobox-option:hover{color:var(--ba-link)!important}
html[data-theme] .mini-list small,html[data-theme] .lead-kanban-head small,
html[data-theme] .lead-kanban-foot span{color:var(--ba-muted)!important}
html[data-theme] .incentive-breakdown summary{color:var(--ba-link)!important}
@media(hover:hover) and (pointer:fine){
 html[data-theme] .tabs a:hover,html[data-theme] .nav-link:hover{color:var(--ba-link)!important}
 html[data-theme] .nav a.active:hover{color:#fff!important}
 html[data-theme] .dashboard-tabs a.active:hover{background:var(--ba-primary)!important;color:#fff!important}
}
html[data-theme] .byair-system-actions a.primary{color:#fff!important;background:#175cd3!important;border-color:#175cd3!important}

/* UI8: reserve space for the avatar and two-line profile identity at 100% zoom. */
html[data-theme] .main{grid-template-rows:auto minmax(0,1fr)!important}
html[data-theme] .topbar{display:flex!important;flex-wrap:nowrap!important;min-width:0;gap:14px!important}
html[data-theme] .topbar .top-left{flex:0 1 140px!important;min-width:0!important}
html[data-theme] .topbar .global-search{flex:1 1 360px!important;width:auto!important;min-width:80px!important;max-width:none!important}
html[data-theme] .topbar .global-search input{min-width:0!important;width:100%!important}
html[data-theme] .topbar .top-actions{flex:0 0 auto!important;min-width:0!important;max-width:100%;gap:10px!important}
html[data-theme] .topbar .profile-chip{display:flex!important;flex:0 0 auto!important;min-width:0!important;gap:10px!important;padding:0 0 0 6px!important;color:var(--ba-text)!important;transform:none!important}
html[data-theme] .topbar .profile-chip>div:not(.avatar){display:block!important;min-width:0;max-width:190px}
html[data-theme] .topbar .profile-chip strong{display:block!important;max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;font-size:13px!important;font-weight:700!important;line-height:1.35!important;color:var(--ba-text)!important}
html[data-theme] .topbar .profile-chip>div:not(.avatar)>span{display:block!important;font-size:11px!important;line-height:1.4!important;white-space:normal!important;color:var(--ba-muted)!important;margin-top:3px}
html[data-theme] .topbar .profile-chip .avatar{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:50%!important;overflow:hidden}
html[data-theme] .topbar .profile-chip .avatar img{width:100%;height:100%;object-fit:cover;display:block}
html[data-theme] .topbar .profile-chip-arrow{display:block!important;flex:0 0 auto;line-height:1;color:var(--ba-muted)!important;font-size:16px!important}
html[data-theme] .topbar .profile-chip:hover{background:var(--ba-panel)!important}
@media(max-width:1250px){html[data-theme] .topbar .top-left{display:none!important}html[data-theme] .topbar .profile-chip>div:not(.avatar){max-width:165px}}
@media(max-width:820px){
 html[data-theme] .topbar{flex-wrap:wrap!important}
 html[data-theme] .topbar .top-left{display:flex!important;flex:0 0 38px!important}
 html[data-theme] .topbar .top-actions{flex:1 1 0!important;justify-content:flex-end!important}
 html[data-theme] .topbar .global-search{order:3;flex:1 0 100%!important;width:100%!important}
}
@media(max-width:640px){
 html[data-theme] .topbar{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important}
 html[data-theme] .topbar .top-left{align-self:start;margin-top:3px!important}
 html[data-theme] .topbar .top-actions{width:100%;flex-wrap:wrap!important;gap:8px!important}
 html[data-theme] .topbar .profile-chip{order:-1;flex:1 0 100%!important;max-width:100%;justify-content:flex-end!important;padding-left:0!important}
 html[data-theme] .topbar .profile-chip>div:not(.avatar){max-width:calc(100% - 64px)}
 html[data-theme] .topbar .global-search{grid-column:1 / -1;min-width:0!important}
}

/* UI11: shrink grid tracks and native controls instead of clipping the page. */
html[data-theme] :is(.grid-2,.grid-3,.form-grid,.docs-layout,.workspace-split,.service-row,.item-row,.card,.field,.table-wrap,.table-scroll){min-width:0;max-width:100%;box-sizing:border-box}
html[data-theme] :is(.grid-2,.grid-3,.form-grid,.docs-layout,.workspace-split) > *{min-width:0;max-width:100%;box-sizing:border-box}
html[data-theme] .field :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea,.crm-combobox,.crm-combobox-input){min-width:0!important;max-width:100%!important;width:100%;box-sizing:border-box}
html[data-theme] :is(.table-wrap,.table-scroll){overflow-x:auto}
html[data-theme] :is(.notice,.field .mini,.field label){overflow-wrap:anywhere}
@media(max-width:820px){
 html[data-theme] :is(.form-grid,.grid-2,.grid-3,.docs-layout,.workspace-split,.service-row,.item-row){grid-template-columns:minmax(0,1fr)!important}
 html[data-theme] .topbar{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px 40px 78px!important;grid-template-rows:auto auto!important;gap:8px!important;align-items:center!important}
 html[data-theme] .topbar .top-left{grid-column:1!important;grid-row:1!important;align-self:center;margin:0!important;width:40px!important}
 html[data-theme] .topbar .top-brand-icon,html[data-theme] .topbar .top-left>div{display:none!important}
 html[data-theme] .topbar .mobile-toggle{width:40px;height:40px;padding:0!important}
 html[data-theme] .topbar .top-actions{display:contents!important}
 html[data-theme] .topbar .profile-chip{grid-column:2/-1!important;grid-row:1!important;justify-self:end;justify-content:flex-end!important;width:auto;max-width:100%;padding:0!important;order:0!important}
 html[data-theme] .topbar .profile-chip>div:not(.avatar){max-width:calc(100% - 64px)}
 html[data-theme] .topbar .global-search{grid-column:1/3!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:100%!important;order:0!important;height:40px!important;padding:0 9px!important;gap:6px!important;box-sizing:border-box}
 html[data-theme] .topbar .global-search input[name="q"]{font-size:16px!important;padding:0!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 html[data-theme] .topbar .shortcut-hint{display:none!important}
 html[data-theme] .topbar .theme-toggle{grid-column:3!important;grid-row:2!important;width:40px!important;min-width:0!important;height:40px!important;padding:0!important;justify-content:center}
 html[data-theme] .topbar .theme-label{display:none!important}
 html[data-theme] .topbar .notification-center{grid-column:4!important;grid-row:2!important;min-width:0;position:static!important}
 html[data-theme] .topbar .notification-center>summary{width:40px!important;height:40px!important;padding:0!important;box-sizing:border-box}
 html[data-theme] .topbar .quick-add{grid-column:5!important;grid-row:2!important;min-width:0}
 html[data-theme] .topbar .quick-add>summary{width:78px!important;min-width:0!important;height:40px!important;padding:0 6px!important;font-size:12px!important;box-sizing:border-box;justify-content:center;white-space:nowrap}
 html[data-theme] .topbar .notification-popover{position:absolute!important;top:calc(100% + 8px)!important;left:12px!important;right:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 124px);overflow:auto}
 html[data-theme] .topbar .quick-menu{max-width:calc(100vw - 24px)!important}
 html[data-theme] .field :is(input,select,textarea,.crm-combobox-input){font-size:16px!important}
}

/* byair-interactions.css */
/* Shared typography, interaction states and reference-inspired material pickers. */
html[data-theme] body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:14px!important;line-height:1.5!important;-webkit-font-smoothing:antialiased}
html[data-theme] body *{text-shadow:none!important;-webkit-text-stroke:0!important}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] h4,html[data-theme] button,html[data-theme] input,html[data-theme] select,html[data-theme] textarea,html[data-theme] .table{font-family:inherit!important}
html[data-theme] h1{font-size:27px!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.25!important}
html[data-theme] h2{font-size:18px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.015em!important}
html[data-theme] h3{font-size:16px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.01em!important}
html[data-theme] h4{font-size:14px!important;font-weight:600!important}
html[data-theme] .sub,html[data-theme] .small,html[data-theme] .muted{font-size:13px!important;line-height:1.55!important}
html[data-theme] .mini,html[data-theme] .mini.muted{font-size:11px!important;line-height:1.5!important}
html[data-theme] .btn{font-size:12px!important;font-weight:600!important;line-height:1.4!important}
html[data-theme] .btn-sm{font-size:11px!important}
html[data-theme] .table th{font-size:12px!important;font-weight:600!important;padding:14px 16px!important}
html[data-theme] .table td{font-size:13px!important;line-height:1.5!important;padding:14px 16px!important}
html[data-theme] .table-wrap>h2,html[data-theme] .table-wrap>h3,html[data-theme] .table-wrap>.section-head{margin:0!important;padding:18px 20px!important;border-bottom:1px solid var(--ba-line);background:var(--ba-surface)}
html[data-theme] .field label,html[data-theme] .form-grid label{font-size:13px!important;font-weight:600!important;line-height:1.5!important}
html[data-theme] .form-grid input:not([type=hidden]):not([type=checkbox]):not([type=radio]),html[data-theme] .field input:not([type=hidden]):not([type=checkbox]):not([type=radio]),html[data-theme] .form-grid select,html[data-theme] .form-grid textarea{font-size:14px!important}
html[data-theme] .nav-link{font-size:12px!important;font-weight:600!important}
html[data-theme] .metric .value{font-weight:700!important;letter-spacing:-.025em!important}
html[data-theme] :is(.btn,.theme-toggle,.nav-link,.quick-add summary,.notification-center summary,.icon-btn,.password-toggle,.mobile-toggle){transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease!important}
html[data-theme] :is(.card,.lead-kanban-card,.lead-kanban-column,.timeline-item){transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease,transform .22s ease!important}
html[data-theme] :is(.table td,.tabs a,.kpi-row){transition:background-color .18s ease,color .18s ease!important}
html[data-theme] :is(.btn,.theme-toggle,.icon-btn,.mobile-toggle):active:not(:disabled){transform:scale(.97)!important}
html[data-theme] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ba-primary)!important;outline-offset:3px!important}
html[data-theme] :is(button:disabled,.btn[aria-disabled=true]){opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
@media(hover:hover) and (pointer:fine){
 html[data-theme] :is(.btn,.theme-toggle,.icon-btn,.quick-add summary,.mobile-toggle):hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 5px 14px color-mix(in srgb,var(--ba-primary) 20%,transparent)!important;filter:brightness(1.06)}
 html[data-theme] :is(.card,.lead-kanban-card,.lead-kanban-column):hover{border-color:color-mix(in srgb,var(--ba-primary) 45%,var(--ba-line))!important;box-shadow:0 8px 24px color-mix(in srgb,var(--ba-primary) 10%,transparent)!important}
 html[data-theme] :is(.metric-link,.lead-kanban-card):hover{transform:translateY(-3px)!important}
 html[data-theme] .nav-link:hover{transform:translateX(3px)!important;background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important}
 html[data-theme] .table tbody tr:hover td,html[data-theme] .table tr:hover td{background:var(--ba-primary-soft)!important}
 html[data-theme] .tabs a:hover{color:var(--ba-primary)!important;background:var(--ba-primary-soft)!important}
}
@keyframes byair-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
html[data-theme] #main-content>.card,html[data-theme] #main-content>.cards,html[data-theme] #main-content>.grid-2,html[data-theme] #main-content>.grid-3{animation:byair-appear .24s ease-out both}
html[data-theme] .date-field{position:relative;display:block;min-width:0;width:100%;max-width:100%}
html[data-theme] .date-field>input{width:100%!important;min-width:0!important;max-width:100%!important;padding-right:44px!important;box-sizing:border-box}
html[data-theme] .date-field>input::-webkit-calendar-picker-indicator{display:none}
html[data-theme] .date-picker-trigger{position:absolute;right:3px;top:3px;bottom:3px;width:36px!important;min-width:0!important;height:auto!important;margin:0!important;padding:7px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--ba-primary)!important;cursor:pointer;display:grid;place-items:center}
html[data-theme] .date-picker-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
html[data-theme] .material-picker{padding:0!important;border:1px solid var(--ba-line)!important;border-radius:14px!important;background:var(--ba-surface)!important;color:var(--ba-text)!important;width:354px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:var(--ba-popover-shadow)}
html[data-theme] .material-picker::backdrop{background:rgba(6,10,24,.55);backdrop-filter:blur(3px)}
html[data-theme] .picker-banner{padding:20px 24px;background:linear-gradient(135deg,#792aff,#542bfb);color:white}
html[data-theme] .picker-caption{font-size:10px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;opacity:.85}
html[data-theme] .picker-title{font-size:26px;font-weight:500;line-height:1.3;margin-top:8px;color:white}
html[data-theme] .picker-tabs{display:flex;gap:6px;margin-top:12px}
html[data-theme] .picker-tabs button{border:1px solid #ffffff55;background:transparent;color:white;border-radius:6px;padding:5px 14px;cursor:pointer}
html[data-theme] .picker-tabs button[aria-selected=true]{background:white;color:#6125df}
html[data-theme] .picker-body{padding:20px 22px}
html[data-theme] .picker-month-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px}
html[data-theme] .picker-month-bar select{min-width:0!important;font-size:13px!important;padding:7px!important;height:36px}
html[data-theme] .picker-month-bar select:first-child{flex:1}
html[data-theme] .picker-nav{border:0;border-radius:50%;height:32px;width:32px;flex-shrink:0;background:var(--ba-panel);color:var(--ba-text);cursor:pointer;font-size:20px}
html[data-theme] .picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
html[data-theme] .picker-weekday{text-align:center;font-size:11px;color:var(--ba-muted);padding:6px 0}
html[data-theme] .picker-day{width:35px;height:35px;justify-self:center;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--ba-text);font-size:12px;cursor:pointer;padding:0}
html[data-theme] .picker-day.today{border-color:var(--ba-primary)}
html[data-theme] .picker-day[aria-selected=true],html[data-theme] .clock-number[aria-pressed=true]{background:#792aff!important;color:white!important}
html[data-theme] .picker-day:disabled{opacity:.3;cursor:default}
html[data-theme] .picker-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 22px 18px}
html[data-theme] .picker-footer button{border:0;border-radius:6px;padding:8px 12px;background:transparent;color:var(--ba-primary);font-size:12px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}
html[data-theme] .picker-footer button:hover{background:var(--ba-primary-soft)}
html[data-theme] .picker-footer .picker-clear{margin-right:auto}
html[data-theme] .picker-error{font-size:12px;color:var(--ba-red);margin:0 22px;line-height:1.5}
html[data-theme] .picker-time-row{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:20px}
html[data-theme] .picker-time-part{position:relative;display:flex;flex-direction:column;align-items:center}
html[data-theme] .picker-time-part input{width:68px!important;height:60px!important;padding:3px!important;text-align:center;font-size:36px!important;border:0!important;background:var(--ba-panel)!important;border-radius:6px!important;appearance:textfield}
html[data-theme] .picker-time-part input::-webkit-inner-spin-button{appearance:none}
html[data-theme] .picker-time-part.active input{background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important}
html[data-theme] .picker-time-part label{font-size:10px!important;color:var(--ba-muted)!important;margin-top:4px}
html[data-theme] .picker-time-colon{font-size:30px;padding-bottom:18px}
html[data-theme] .picker-period{display:flex;flex-direction:column;gap:4px;margin-left:4px;padding-bottom:18px}
html[data-theme] .picker-period button{border:1px solid var(--ba-line);background:var(--ba-surface);color:var(--ba-muted);border-radius:4px;padding:5px 8px;font-size:11px;cursor:pointer}
html[data-theme] .picker-period button[aria-pressed=true]{color:var(--ba-primary);background:var(--ba-primary-soft)}
html[data-theme] .picker-clock{position:relative;width:240px;height:240px;border-radius:50%;background:var(--ba-panel);margin:auto}
html[data-theme] .clock-number{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ba-text);font-size:13px;cursor:pointer;padding:0;z-index:2}
html[data-theme] .clock-hand{position:absolute;width:2px;height:83px;left:calc(50% - 1px);bottom:50%;transform-origin:bottom;background:#792aff;pointer-events:none}
html[data-theme] .clock-center{position:absolute;width:6px;height:6px;border-radius:50%;background:#792aff;left:calc(50% - 3px);top:calc(50% - 3px)}
html[data-theme] .picker-clock-hint{text-align:center;margin-top:14px;font-size:11px;color:var(--ba-muted)}
@media(max-width:520px){html[data-theme] h1{font-size:24px!important}html[data-theme] .table-wrap>h3{padding:16px!important}}
@media(prefers-reduced-motion:reduce){html[data-theme] *,html[data-theme] *::before,html[data-theme] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-theme] :is(.btn,.nav-link,.card,.lead-kanban-card):hover{transform:none!important}}
@media print{html[data-theme] .material-picker,html[data-theme] .date-picker-trigger{display:none!important}html[data-theme] #main-content *{animation:none!important;transform:none!important}}

html[data-theme] .picker-time-row.with-seconds{gap:4px}
html[data-theme] .picker-time-row.with-seconds .picker-time-part input{width:48px!important;font-size:27px!important}
@media(prefers-reduced-motion:reduce){html[data-theme] body :is(.btn,.theme-toggle,.icon-btn,.quick-add summary,.notification-center summary,.mobile-toggle,.nav-link,.card,.lead-kanban-card):is(:hover,:active){transform:none!important;filter:none!important}}
html[data-theme] .material-picker .picker-time-part input[type=number]:not(:disabled){width:68px!important;height:60px!important;padding:3px!important;font-size:36px!important;border:0!important;background:var(--ba-panel)!important;text-align:center}
html[data-theme] .material-picker .picker-time-part.active input[type=number]:not(:disabled){background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important}
html[data-theme] .material-picker .with-seconds .picker-time-part input[type=number]:not(:disabled){width:48px!important;font-size:27px!important}
html[data-theme] .grid-3>.table-wrap .table{min-width:100%!important}
@media(prefers-reduced-motion:reduce){html[data-theme] body :is(.btn,.theme-toggle,.icon-btn,.quick-add summary,.notification-center summary,.mobile-toggle,.nav-link,.card,.lead-kanban-card):is(:hover,:active):not(:disabled){transform:none!important;filter:none!important}}
html[data-theme] .picker-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-theme] .picker-month-option{padding:12px 4px;border:0;border-radius:8px;background:var(--ba-panel);color:var(--ba-text);font-size:12px;cursor:pointer}
html[data-theme] .picker-month-option[aria-pressed=true]{background:#792aff;color:#fff}
@media(prefers-reduced-motion:reduce){html[data-theme] body :is(.btn,.theme-toggle,.icon-btn,.quick-add summary,.notification-center summary,.password-toggle,.mobile-toggle,.nav-link,.card,.lead-kanban-card,.lead-kanban-column,.timeline-item,.table td,.tabs a,.kpi-row){transition:none!important;animation:none!important}}
html[data-theme] .global-search input{font-size:13px!important}
html[data-theme] :is(.picker-day,.picker-nav,.clock-number,.picker-month-option,.date-picker-trigger,.picker-footer button){transition:background-color .16s ease,color .16s ease!important}
@media(hover:hover) and (pointer:fine){html[data-theme] :is(.password-toggle,.date-picker-trigger,.picker-nav):hover{background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important}html[data-theme] :is(.picker-day,.picker-month-option):hover:not(:disabled):not([aria-selected=true]):not([aria-pressed=true]),html[data-theme] .clock-number:hover:not([aria-pressed=true]){background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important}}
@media(prefers-reduced-motion:reduce){html[data-theme] body :is(.picker-day,.picker-nav,.clock-number,.picker-month-option,.date-picker-trigger,.picker-footer button){transition:none!important}}

/* byair-charts.css */
/* Graph layout approved in the interactive preview; uses the existing light/dark tokens. */
html[data-theme] .crm-chart{--cg-1:var(--ba-link,var(--ba-primary));--cg-2:var(--ba-green);--cg-3:var(--ba-blue);--cg-4:var(--ba-amber);--cg-5:var(--ba-red);--cg-6:var(--ba-muted);min-width:0;color:var(--ba-text)}
html[data-theme] .crm-graphs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;margin-top:18px}
html[data-theme] .crm-graph-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
html[data-theme] .crm-graph-kpis .card{min-width:0;padding:17px!important}
html[data-theme] .crm-graph-kpis .label{font-size:11px;color:var(--ba-muted)}
html[data-theme] .crm-graph-kpis .value{font-size:clamp(19px,2vw,26px);font-weight:700;overflow-wrap:anywhere;margin:6px 0}
html[data-theme] .crm-chart-panel{min-width:0;padding:20px!important}
html[data-theme] .crm-chart-panel-head h2{font-size:16px!important;margin:0 0 5px}
html[data-theme] .crm-chart-panel-head p{font-size:12px;color:var(--ba-muted);margin:0 0 16px;line-height:1.5}
html[data-theme] .crm-chart-plot{min-width:0;width:100%}
html[data-theme] .crm-chart-svg{display:block;width:100%;overflow:visible}
html[data-theme] .crm-chart-svg text{font:11px "Segoe UI",Arial,sans-serif;fill:var(--ba-muted)}
html[data-theme] .crm-chart-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px;font-size:11px;color:var(--ba-muted)}
html[data-theme] .crm-chart-controls select{min-width:0!important;width:auto;max-width:100%;padding:5px 8px!important;min-height:32px}
html[data-theme] .crm-chart-controls output{overflow-wrap:anywhere}
html[data-theme] .crm-chart-legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:9px;font-size:11px;color:var(--ba-muted)}
html[data-theme] .crm-chart-legend span{display:flex;align-items:center;gap:6px}
html[data-theme] .crm-chart-legend i{height:8px;width:8px;border-radius:50%;flex-shrink:0}
html[data-theme] .crm-chart-bar-row{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(30px,1fr) minmax(55px,.4fr);gap:10px;align-items:center;margin:12px 0;font-size:12px}
html[data-theme] .crm-chart-bar-row>span{overflow-wrap:anywhere}
html[data-theme] .crm-chart-bar-row strong{text-align:right;font-weight:600;font-size:12px;overflow-wrap:anywhere}
html[data-theme] .crm-chart-bar-track{height:12px;border-radius:4px;background:var(--ba-panel);overflow:hidden}
html[data-theme] .crm-chart-bar-track i{display:block;height:100%;border-radius:4px}
html[data-theme] .crm-chart-empty{min-height:150px;display:grid;place-items:center;text-align:center;font-size:12px;color:var(--ba-muted);padding:20px}
html[data-theme] .crm-chart-values{margin-top:8px;color:var(--ba-muted);font-size:11px}
html[data-theme] .crm-chart-values summary{cursor:pointer;min-height:30px;padding:5px 0}
html[data-theme] .crm-chart-table-wrap{overflow-x:auto;max-width:100%}
html[data-theme] .crm-chart-table{width:100%;border-collapse:collapse;font-size:12px;color:var(--ba-text)}
html[data-theme] .crm-chart-table :is(th,td){padding:8px;border-bottom:1px solid var(--ba-line);text-align:left}
html[data-theme] .crm-chart-table th{color:var(--ba-muted);font-weight:600}
html[data-theme] .crm-chart-table td:not(:first-child){text-align:right;white-space:nowrap}
html[data-theme] .crm-chart-donut-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
html[data-theme] .crm-chart-donut{height:150px;width:150px;border-radius:50%;position:relative;flex-shrink:0}
html[data-theme] .crm-chart-donut:after{content:"";position:absolute;inset:27px;background:var(--ba-surface);border-radius:50%}
html[data-theme] .crm-chart-donut-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;font-size:25px;font-weight:700;color:var(--ba-text)}
html[data-theme] .crm-chart-donut-label small{font-size:11px;color:var(--ba-muted);font-weight:400}
html[data-theme] .crm-chart-donut-key{min-width:135px;flex:1}
html[data-theme] .crm-chart-donut-key>div{display:flex;justify-content:space-between;gap:12px;margin:9px 0;font-size:12px}
html[data-theme] .crm-chart-donut-key span{overflow-wrap:anywhere}
html[data-theme] .crm-chart-donut-key i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
html[data-theme] .crm-chart-tooltip{position:fixed;z-index:5000;max-width:min(380px,calc(100vw - 16px));padding:9px 12px;border:1px solid var(--ba-line);border-radius:8px;background:var(--ba-surface);color:var(--ba-text);box-shadow:var(--ba-popover-shadow);pointer-events:none;font-size:12px}
html[data-theme] .metric:has(.crm-mini-chart){display:grid!important;grid-template-columns:35px minmax(0,1fr);gap:10px!important}
html[data-theme] .metric:has(.crm-mini-chart)>div:nth-child(2){min-width:0}
html[data-theme] .crm-mini-chart{grid-column:1/-1;width:100%;align-self:end}
html[data-theme] .crm-mini-chart .crm-chart-plot{height:45px}
html[data-theme] .crm-mini-chart .crm-chart-empty{height:45px;min-height:45px;padding:0}
html[data-theme] .crm-mini-caption{display:block;font-size:11px;color:var(--ba-muted);margin-top:5px}
html[data-theme] .crm-chart-hit{cursor:pointer}
@media(max-width:1100px){html[data-theme] .crm-graph-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){html[data-theme] .crm-graphs-grid{grid-template-columns:1fr}html[data-theme] .crm-chart-panel{padding:16px!important}}
@media print{html[data-theme] .crm-chart-controls,html[data-theme] .crm-chart-tooltip{display:none!important}html[data-theme] .crm-chart-panel{break-inside:avoid}html[data-theme] .crm-chart-values{display:block}html[data-theme] .crm-graphs-grid{grid-template-columns:1fr 1fr}}
html[data-theme] .crm-chart-controls[hidden],html[data-theme] .crm-chart-tooltip[hidden]{display:none!important}
html[data-theme] .metric:has(.crm-mini-chart) .value{overflow-wrap:anywhere}

/* byair-mobile-ui12.css */
/* UI12 mobile layout; loaded after all existing CRM styles. */
html[data-theme] :is(.grid-2,.grid-3,.form-grid,.card,.field,.table-wrap,.table-scroll){min-width:0!important;max-width:100%;box-sizing:border-box}
html[data-theme] :is(.grid-2,.grid-3,.form-grid)>*{min-width:0!important;max-width:100%;box-sizing:border-box}
html[data-theme] .field :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea,.crm-combobox,.crm-combobox-input){min-width:0!important;max-width:100%!important;box-sizing:border-box;width:100%}
@media(max-width:820px){
 html[data-theme] .topbar{display:grid!important;grid-template-columns:40px minmax(0,1fr) 170px!important;grid-template-rows:auto auto!important;gap:8px!important;padding:10px 12px!important;align-items:center!important;height:auto!important}
 html[data-theme] .topbar .top-left{grid-column:1!important;grid-row:1!important;width:40px!important;margin:0!important;align-self:center}
 html[data-theme] .topbar>.profile-chip{grid-column:2/4!important;grid-row:1!important;max-width:100%!important;width:auto!important;justify-self:end;justify-content:flex-end!important}
 html[data-theme] .topbar .top-actions{display:flex!important;grid-column:3!important;grid-row:2!important;width:170px!important;min-width:0!important;max-width:100%!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-end!important}
 html[data-theme] .topbar .top-left>div,html[data-theme] .topbar .top-brand-icon{display:none!important}
 html[data-theme] .topbar .mobile-toggle{width:40px!important;height:40px!important;padding:0!important}
 html[data-theme] .topbar .theme-toggle{width:40px!important;height:40px!important;min-width:0!important;padding:0!important;justify-content:center!important}
 html[data-theme] .topbar .theme-label{display:none!important}
 html[data-theme] .topbar .notification-center{position:static!important;min-width:0!important}
 html[data-theme] .topbar .notification-center>summary{width:40px!important;height:40px!important;padding:0!important;box-sizing:border-box}
 html[data-theme] .topbar .quick-add{min-width:0!important}
 html[data-theme] .topbar .quick-add>summary{width:78px!important;height:40px!important;min-width:0!important;padding:0 6px!important;font-size:12px!important;box-sizing:border-box;justify-content:center;white-space:nowrap}
 html[data-theme] .topbar .profile-chip>div:not(.avatar){display:block!important;max-width:calc(100% - 64px)!important}
 html[data-theme] .field :is(input,select,textarea,.crm-combobox-input){font-size:16px!important}
 html[data-theme] .topbar .top-actions>*{grid-column:auto!important;grid-row:auto!important;flex:0 0 auto}
 html[data-theme] .topbar .global-search{grid-column:1/3!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:100%!important;height:40px!important;margin:0!important;order:0!important}
 html[data-theme] .topbar .global-search input[name=q]{min-width:0!important;width:100%!important;font-size:16px!important;border:0!important;border-radius:0!important;background:transparent!important;outline:0!important;box-shadow:none!important}
 html[data-theme] .topbar .shortcut-hint{display:none!important}
 html[data-theme] :is(.form-grid,.grid-2,.grid-3,.docs-layout,.workspace-split,.service-row,.item-row,.profile-layout,.close-lead-form,.reopen-lead-form){grid-template-columns:minmax(0,1fr)!important}
 html[data-theme] :is(.field,.password-field,.phone-country-row,.crm-combobox){min-width:0!important;max-width:100%!important}
 html[data-theme] :is(.table-wrap,.table-scroll){min-width:0!important;max-width:100%!important;overflow-x:auto!important}
 html[data-theme] .topbar .notification-popover{position:absolute!important;top:calc(100% + 8px)!important;left:12px!important;right:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important}
}

/* byair-experience.css */
/* BYAIR v13: shared reference-inspired spacing, hierarchy and interaction layer. */
:root,html[data-theme="light"]{--ba-bg:#f5f7fa;--ba-panel:#f8fafc;--ba-line:#e5e9f0;--ba-text:#17253c;--ba-muted:#69758a;--ba-primary:#2563eb;--ba-primary-hover:#1d4ed8;--ba-primary-soft:#eef4ff;--ba-side:#fff;--ba-side-text:#4d5d73;--ba-side-muted:#75849a;--ba-shadow:0 3px 15px rgba(26,44,73,.035)}
html[data-theme="dark"]{--ba-bg:#101724;--ba-surface:#172131;--ba-panel:#1c293c;--ba-input:#152031;--ba-line:#2a394f;--ba-line-strong:#3d506c;--ba-text:#e9eff8;--ba-muted:#a7b5c9;--ba-primary:#80acff;--ba-primary-hover:#9ebfff;--ba-primary-soft:#233957;--ba-side:#131d2c;--ba-side-text:#b8c7dc;--ba-side-muted:#899ab2}
html[data-theme] body{background:var(--ba-bg)!important;font-size:14px!important}
html[data-theme] .content{padding:28px 30px 48px!important}
html[data-theme] .nav a{font-size:12px!important;padding:10px 12px!important}
html[data-theme] .nav .sep{font-size:9px!important;letter-spacing:.1em!important}
html[data-theme] .topbar{position:sticky!important;top:0!important;z-index:45!important;background:var(--ba-surface)!important;border-bottom:1px solid var(--ba-line)!important}
html[data-theme] .card{border-radius:16px!important;box-shadow:var(--ba-shadow)!important}
html[data-theme] .btn{font-size:13px!important;min-height:36px;border-radius:9px!important;transition:background .15s,box-shadow .15s,transform .15s}
html[data-theme] .btn-primary{background:var(--ba-primary)!important;color:#fff!important}
html[data-theme="dark"] .btn-primary{background:#326bd4!important}
html[data-theme] .page-hero h1,html[data-theme] .title-row h1{font-size:30px!important;letter-spacing:-.035em;line-height:1.2}
html[data-theme] .page-hero .sub,html[data-theme] .title-row .sub{font-size:13px!important;line-height:1.6}
html[data-theme] .metric .value{font-size:30px!important;letter-spacing:-.04em;font-weight:750}
html[data-theme] .kpi-primary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html[data-theme] .kpi-secondary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
html[data-theme] .kpi-primary .metric{padding:20px!important;min-height:172px;border-radius:16px!important}
html[data-theme] .table th{font-size:11px!important;letter-spacing:.03em!important}
html[data-theme] .table td{font-size:13px!important;vertical-align:middle}
:focus-visible{outline:3px solid var(--ba-primary)!important;outline-offset:3px}
[hidden]{display:none!important}
.ex-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px!important;margin-bottom:16px}
.ex-filters label{display:flex;flex:1 1 140px;flex-direction:column;gap:7px;font-size:11px;color:var(--ba-muted);font-weight:650}
.ex-filters label:first-of-type{flex:2 1 220px}
.ex-filters input,.ex-filters select{width:100%;min-height:40px}
.ex-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}
.ex-toolbar h2{font-size:20px;margin:0 8px}
.ex-toolbar .muted{flex:1}
.ex-toolbar .view-toggle button{border:0}
.ex-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0;color:var(--ba-muted);font-size:12px}
.ex-lead-table{min-width:800px}
.ex-board.lead-kanban{display:grid!important;grid-template-columns:repeat(6,minmax(230px,1fr));gap:14px;overflow:auto;padding-bottom:12px}
.ex-task-board.lead-kanban{grid-template-columns:repeat(4,minmax(240px,1fr))}
.ex-board .lead-kanban-column{min-width:0;background:var(--ba-panel)!important;border:1px solid var(--ba-line);border-radius:14px;padding:12px;min-height:200px}
.ex-board .lead-kanban-card{background:var(--ba-surface)!important;box-shadow:0 2px 5px #00000006!important;border:1px solid var(--ba-line);border-radius:12px;padding:14px;margin-bottom:10px;transition:opacity .15s,box-shadow .15s}
.ex-board [draggable=true]{cursor:grab}
.ex-board .is-saving{opacity:.6;pointer-events:none}
.ex-board .is-dragging{opacity:.4}
.ex-board .is-drop-target{outline:2px dashed var(--ba-primary);outline-offset:-4px}
.ex-board .actions{display:flex;gap:6px;align-items:center;margin-top:12px}
.ex-board select{min-width:0;width:100%}
.ex-board .lead-kanban-foot{margin-top:16px;gap:8px;font-size:11px}
.ex-modal{position:fixed;inset:0;margin:auto;width:min(740px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--ba-line);border-radius:18px;padding:24px;background:var(--ba-surface);color:var(--ba-text);box-shadow:0 32px 100px #0005;overflow:auto}
.ex-modal[open]{animation:ex-modal-in .18s ease-out}
.ex-modal::backdrop{background:#0c193968;backdrop-filter:blur(3px)}
.ex-modal header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--ba-line)}
.ex-modal header h2{font-size:24px;margin:3px 0}
.ex-modal label.field{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-size:12px;font-weight:650}
.ex-modal textarea,.ex-modal input,.ex-modal select{width:100%;padding:10px 12px;min-height:40px;border:1px solid var(--ba-line-strong);background:var(--ba-input);color:var(--ba-text);border-radius:9px}
.ex-modal textarea{min-height:100px}
.ex-modal .phone-input-row input{width:100%}
.ex-drawer{inset:0 0 0 auto;margin:0;width:min(520px,100%);height:100dvh;max-height:100dvh;border-radius:16px 0 0 16px;padding:26px}
.ex-drawer[open]{animation:ex-drawer-in .2s ease-out}
.ex-detail-summary{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:13px;padding:16px;background:var(--ba-panel);border-radius:12px;margin:18px 0}
.ex-detail-summary strong{overflow-wrap:anywhere;font-weight:600}
.ex-activity{display:block;color:var(--ba-text);padding:14px 0;border-bottom:1px solid var(--ba-line);overflow-wrap:anywhere}
.ex-activity small{display:block;color:var(--ba-muted);font-size:11px;margin-top:6px}
.ex-activity p,.ex-note-text{white-space:pre-wrap;font-size:13px}
.ex-modal h3{margin:28px 0 12px;font-size:15px}
.ex-toast{position:fixed;right:22px;bottom:22px;z-index:2147483647;max-width:min(480px,calc(100vw - 44px));background:var(--ba-text);color:var(--ba-surface);padding:14px 18px;border-radius:12px;box-shadow:0 8px 40px #0003;font-size:13px;line-height:1.5}
.ex-toast.is-error{background:#a82435;color:white}
.ex-dialog-open{overflow:hidden}
.ex-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}
.ex-calendar-grid{padding:16px!important}
.ex-weekdays,.ex-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.ex-weekdays span{padding:10px 3px;text-align:center;font-size:11px;color:var(--ba-muted)}
.ex-day{display:flex;flex-direction:column;text-align:left;min-height:110px;padding:10px 7px;border:1px solid var(--ba-line);background:var(--ba-surface);color:var(--ba-text);border-radius:0;cursor:pointer}
.ex-day strong{font-size:12px;font-weight:600;align-self:flex-start;padding:3px 5px;border-radius:7px}
.ex-day.outside{background:var(--ba-panel);color:var(--ba-muted)}
.ex-day.is-today strong{background:var(--ba-primary);color:white}
.ex-day.is-selected{box-shadow:inset 0 0 0 2px var(--ba-primary);z-index:1}
.ex-day-events{display:flex;flex-direction:column;gap:3px;margin-top:7px;max-width:100%}
.ex-event-mark{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:3px;background:var(--ba-primary-soft);color:var(--ba-primary)}
.ex-event-mark.ex-task{color:var(--ba-green);background:var(--ba-green-bg)}
.ex-event-mark.ex-booking{color:var(--ba-amber);background:var(--ba-amber-bg)}
.ex-agenda{padding:22px!important;max-height:780px;overflow:auto}
.ex-agenda h2{font-size:19px}
.ex-calendar-layout.agenda-only{grid-template-columns:1fr}
.agenda-only .ex-calendar-grid{display:none}
.ex-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.ex-team-card{text-align:center;padding:26px!important;animation:ex-modal-in .18s ease-out}
.ex-team-avatar{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:50%;background:var(--ba-primary-soft);color:var(--ba-primary);font-size:22px;font-weight:700}
.ex-team-card h2{font-size:17px;margin:16px 0 5px}
.ex-team-card p{margin:0 0 20px;font-size:12px}
.ex-team-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}
.ex-team-stats strong{display:block;color:var(--ba-text);font-size:22px}
.ex-team-stats span{display:block;color:var(--ba-muted);font-size:10px}
.ex-columns{display:inline-block;position:relative;margin:0 0 8px;font-size:12px;color:var(--ba-muted)}
.ex-columns summary{cursor:pointer;padding:6px 10px;border:1px solid var(--ba-line);border-radius:6px;background:var(--ba-surface)}
.ex-columns[open]{background:var(--ba-surface);padding:8px;border:1px solid var(--ba-line);border-radius:8px}
.ex-columns label{display:flex;gap:8px;padding:5px;align-items:center}
.ex-columns input{width:auto;min-height:0}
@keyframes ex-modal-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ex-drawer-in{from{opacity:.4;transform:translateX(25px)}to{opacity:1;transform:none}}
@media(max-width:1200px){html[data-theme] .kpi-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ex-calendar-layout{grid-template-columns:1fr}.ex-agenda{max-height:450px}}
@media(max-width:700px){html[data-theme] .content{padding:18px 14px 32px!important}html[data-theme] .page-hero h1,html[data-theme] .title-row h1{font-size:25px!important}html[data-theme] .kpi-primary .metric{padding:15px!important;min-height:150px}html[data-theme] .metric .value{font-size:25px!important}.ex-filters label{flex:1 1 calc(50% - 12px)}.ex-filters label:first-of-type{flex-basis:100%}.ex-day{min-height:85px;padding:6px 3px}.ex-event-mark{font-size:8px;padding:2px}.ex-weekdays span{font-size:10px}.ex-calendar-grid{padding:6px!important}.ex-drawer{width:100%;border-radius:0;padding:18px}.ex-calendar-layout{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-theme] .nav a.active,html[data-theme="dark"] .nav a.active{background:#2563eb!important;border-color:#2563eb!important;box-shadow:0 3px 10px #2563eb26!important}
html[data-theme] .quick-add>summary{background:#2563eb!important;color:white!important}
.ex-comparison{margin-top:8px;font-size:11px;color:var(--ba-muted)}
.ex-reminder-expand{display:none!important}
@media(max-width:700px){.ex-reminder-expand{display:inline-flex!important;font-size:11px!important;margin-left:auto}.ex-reminder-compact:not(.ex-reminder-expanded) .lead-reminder-slides,.ex-reminder-compact:not(.ex-reminder-expanded) .lead-reminder-footer{display:none!important}.ex-reminder-compact .lead-reminder-head{flex-wrap:wrap;gap:8px}.ex-reminder-compact{max-height:75dvh!important;overflow:auto!important}}
.ex-chart-link{display:inline-flex;margin:12px 0 0;padding:7px 10px;border-radius:8px;background:var(--ba-primary-soft);color:var(--ba-primary);font-size:12px;font-weight:650}

@media(max-width:700px){html[data-theme] .kpi-primary .ex-money-metric{grid-column:1/-1;min-height:120px}html[data-theme] .kpi-primary .ex-money-metric .value{overflow-wrap:normal;word-break:normal}}
/* v13.0.1: temporal controls must not inherit iOS intrinsic width/content-box. */
html[data-theme] input:is([type="date"],[type="datetime-local"],[type="time"],[type="month"],[type="week"]){
 -webkit-appearance:none!important;appearance:none!important;
 display:block;box-sizing:border-box!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;
 min-height:42px;line-height:1.4;
}
html[data-theme] input:is([type="date"],[type="datetime-local"],[type="time"],[type="month"],[type="week"])::-webkit-date-and-time-value{
 min-width:0;text-align:left;white-space:nowrap;
}
html[data-theme] input:is([type="date"],[type="datetime-local"],[type="time"],[type="month"],[type="week"])::-webkit-datetime-edit{
 min-width:0;padding:0;
}
html[data-theme] .date-field{box-sizing:border-box;min-inline-size:0;max-inline-size:100%}
html[data-theme] .date-field>input{padding-right:44px!important}
html[data-theme] :is(.form-grid,.grid-2,.grid-3,.feature-grid-2,.feature-grid-3,.ex-calendar-layout,.ex-team-grid)>*{min-width:0}
@media(max-width:700px){
 html[data-theme] input:is([type="date"],[type="datetime-local"],[type="time"],[type="month"],[type="week"]){font-size:16px!important}
}

/* Long record names and fixed reminders must leave controls reachable. */
.ex-modal header>div{min-width:0;flex:1}
.ex-modal header :is(h2,.eyebrow){overflow-wrap:anywhere}
.ex-modal header>[data-ex-close]{flex-shrink:0}
html[data-theme] :is(.modal-open,.ex-dialog-open) .lead-reminder-popup{display:none!important}
@media(max-width:700px){
 html[data-theme] body:has(.lead-reminder-popup:not([hidden])) .content{padding-bottom:210px!important;scroll-padding-bottom:190px}
 html[data-theme] body:has(.ex-reminder-expanded:not([hidden])) .content{padding-bottom:calc(75dvh + 32px)!important;scroll-padding-bottom:75dvh}
}

/* v13.1: coordinated colour, motion and interaction states. */
html[data-theme]{--ex-accent:#2563eb;--ex-accent-deep:#16469f;--ex-accent-soft:#eef4ff;--ex-accent-rgb:37,99,235}
html[data-accent="teal"]{--ex-accent:#087f80;--ex-accent-deep:#075555;--ex-accent-soft:#e7f7f5;--ex-accent-rgb:8,127,128}
html[data-accent="plum"]{--ex-accent:#7c3ab7;--ex-accent-deep:#50247b;--ex-accent-soft:#f4edfc;--ex-accent-rgb:124,58,183}
html[data-accent="amber"]{--ex-accent:#9d5807;--ex-accent-deep:#743f04;--ex-accent-soft:#fff4e2;--ex-accent-rgb:157,88,7}
html[data-accent]{--ba-primary:var(--ex-accent);--ba-primary-hover:var(--ex-accent-deep);--ba-primary-soft:var(--ex-accent-soft)}
html[data-theme="dark"][data-accent]{--ba-primary-soft:rgba(var(--ex-accent-rgb),.22);--ba-primary:color-mix(in srgb,var(--ex-accent) 55%,white)}
html[data-theme] :is(.nav a.active,.quick-add>summary,.tabs a.active,.btn-primary){background:var(--ex-accent)!important;border-color:var(--ex-accent)!important;color:#fff!important}
html[data-theme] .nav a.active{box-shadow:0 3px 10px rgba(var(--ex-accent-rgb),.18)!important}
html[data-theme] .ex-kpi-leads{background:linear-gradient(135deg,var(--ex-accent),var(--ex-accent-deep))!important;border-color:var(--ex-accent)!important;color:#fff!important}
html[data-theme] .ex-kpi-bookings{background:linear-gradient(135deg,#eaf3ff,#e1f7fa)!important;border-color:#bedbe9!important;--cg-1:#1d6bba}
html[data-theme] .ex-kpi-collections{background:linear-gradient(135deg,#edf9f2,#dcf5ec)!important;border-color:#b9decf!important;--cg-1:#087b58}
html[data-theme] .ex-kpi-warning{background:linear-gradient(135deg,#fffaf0,#fff0d3)!important;border-color:#edcf94!important;--cg-1:#9b610c}
html[data-theme] .ex-kpi-danger{background:linear-gradient(135deg,#fff3f4,#ffe9ed)!important;border-color:#ecc0c8!important;--cg-1:#ae304c}
html[data-theme] .ex-kpi-neutral{background:var(--ba-surface)!important;border-color:var(--ba-line)!important}
html[data-theme] .ex-kpi-leads :is(.label,.hint,.value,.crm-mini-caption){color:#fff!important}
html[data-theme] .ex-kpi-leads .metric-icon{background:#ffffff24!important;color:#fff!important}
html[data-theme] .ex-kpi-leads{--cg-1:#b8d9ff;--ba-line-strong:#ffffff60}
html[data-theme] .ex-kpi-bookings :is(.label,.value){color:#124b73!important}
html[data-theme] .ex-kpi-collections :is(.label,.value){color:#075d46!important}
html[data-theme] .ex-kpi-warning :is(.label,.value){color:#75440a!important}
html[data-theme] .ex-kpi-danger :is(.label,.value){color:#8b2940!important}
html[data-theme="dark"] .ex-kpi-bookings{background:linear-gradient(135deg,#18354e,#163c42)!important;border-color:#315a6d!important;--cg-1:#7fb6f5}
html[data-theme="dark"] .ex-kpi-collections{background:linear-gradient(135deg,#183b30,#164036)!important;border-color:#356857!important;--cg-1:#6fdcb5}
html[data-theme="dark"] .ex-kpi-warning{background:linear-gradient(135deg,#3d3020,#47321c)!important;border-color:#745632!important;--cg-1:#edbd6c}
html[data-theme="dark"] .ex-kpi-danger{background:linear-gradient(135deg,#402633,#4c2635)!important;border-color:#7e4353!important;--cg-1:#ffadc0}
html[data-theme="dark"] .ex-kpi-bookings :is(.label,.value){color:#c3e7ff!important}
html[data-theme="dark"] .ex-kpi-collections :is(.label,.value){color:#b7f5dc!important}
html[data-theme="dark"] .ex-kpi-warning :is(.label,.value){color:#ffdb9d!important}
html[data-theme="dark"] .ex-kpi-danger :is(.label,.value){color:#ffc4d1!important}
html[data-theme] :is(.btn,button,summary,.tabs a,.nav a,.metric-link,.ex-accent-option){transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}
html[data-theme] .metric .value,.crm-graph-kpis .value{font-variant-numeric:tabular-nums}
html[data-theme] :is(.btn,button):disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}
html[data-theme] :is(.btn,button)[aria-busy="true"]{cursor:progress;transform:none!important}
html[data-theme] :is(.btn-danger,.btn-red){background:#b52c48!important;border-color:#b52c48!important;color:#fff!important}
html[data-theme] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ba-primary)!important;outline-offset:3px!important}
@media(hover:hover) and (pointer:fine){
 html[data-theme] .metric-link:hover{transform:translateY(-3px)!important;box-shadow:0 10px 24px rgba(var(--ex-accent-rgb),.12)!important}
 html[data-theme] :is(.btn,button,summary):hover:not(:disabled):not([aria-busy="true"]){filter:none!important}
 html[data-theme] .btn-primary:hover:not(:disabled){background:var(--ex-accent-deep)!important;border-color:var(--ex-accent-deep)!important}
 html[data-theme] :is(.btn-light,.ex-accent-option):hover:not(:disabled){background:var(--ba-primary-soft)!important;border-color:var(--ba-primary)!important}
 html[data-theme] .nav a:not(.active):hover{background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important}
}
html[data-theme] :is(.btn,button,summary):active:not(:disabled){transform:translateY(1px)!important;box-shadow:none!important}
.ex-appearance{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:20px;margin-bottom:20px}
.ex-appearance>div:first-child{flex:1 1 250px;min-width:0}.ex-appearance h2{margin:4px 0 8px;font-size:19px}.ex-appearance p{font-size:12px;line-height:1.5;margin:0}
.ex-accent-options{display:flex;gap:8px;flex-wrap:wrap}.ex-accent-option{display:inline-flex!important;align-items:center;gap:7px}.ex-accent-option[aria-pressed="true"]{border-color:var(--ba-primary)!important;box-shadow:0 0 0 2px var(--ba-primary-soft)!important;background:var(--ba-primary-soft)!important}
.ex-swatch{width:13px;height:13px;flex-shrink:0;border-radius:50%;background:#2563eb}.ex-swatch-teal{background:#087f80}.ex-swatch-plum{background:#7c3ab7}.ex-swatch-amber{background:#9d5807}
.ex-motion-preference{flex:1 0 100%;display:flex;flex-direction:column;gap:6px}.ex-motion-preference label{display:flex;gap:8px;align-items:center;font-size:13px}.ex-motion-preference input{width:auto!important;min-height:0;accent-color:var(--ex-accent)}
.ex-appearance [role="status"]{flex-basis:100%}
/* JS owns page/card entry; no stacking legacy entrance animations. */
html[data-theme] #main-content>:is(.card,.cards,.grid-2,.grid-3){animation:none!important}
.crm-motion-bar{transform-box:fill-box;transform-origin:center bottom}
.ex-modal[open]{animation-duration:.26s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
.app-modal.open .app-modal-panel{animation:ex-panel-enter .23s cubic-bezier(.22,1,.36,1)}
@keyframes ex-panel-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.ex-day,.view-toggle :is(a,button){transition:background-color .16s,border-color .16s,box-shadow .16s}
@view-transition{navigation:auto}
::view-transition-old(root){animation:ex-page-out .12s ease-out}
::view-transition-new(root){animation:ex-page-in .18s ease-out}
@keyframes ex-page-out{to{opacity:0}}@keyframes ex-page-in{from{opacity:0}to{opacity:1}}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion="reduced"]::view-transition-old(root),html[data-motion="reduced"]::view-transition-new(root){animation:none!important}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

html[data-theme] .ex-kpi-leads [data-crm-chart]{--cg-1:#b8d9ff}
html[data-theme] .ex-kpi-bookings [data-crm-chart]{--cg-1:#1d6bba}
html[data-theme] .ex-kpi-collections [data-crm-chart]{--cg-1:#087b58}
html[data-theme] .ex-kpi-warning [data-crm-chart]{--cg-1:#9b610c}
html[data-theme] .ex-kpi-danger [data-crm-chart]{--cg-1:#ae304c}
html[data-theme="dark"] .ex-kpi-bookings [data-crm-chart]{--cg-1:#7fb6f5}
html[data-theme="dark"] .ex-kpi-collections [data-crm-chart]{--cg-1:#6fdcb5}
html[data-theme="dark"] .ex-kpi-warning [data-crm-chart]{--cg-1:#edbd6c}
html[data-theme="dark"] .ex-kpi-danger [data-crm-chart]{--cg-1:#ffadc0}
html[data-theme] .eyebrow{color:var(--ba-primary)!important}
html[data-motion="reduced"] :is(.btn,button,summary,.nav a,.metric-link):hover{transform:none!important}

html[data-motion="reduced"] body :is(#main-content *,#side *,header *,dialog *,.lead-reminder-popup,.lead-reminder-popup *,body *){animation:none!important;transition:none!important;scroll-behavior:auto!important}

@media(hover:hover) and (pointer:fine){
 html[data-theme] .btn-danger:hover:not(:disabled){background:#942038!important;border-color:#942038!important}
 html[data-theme] .btn-teal:hover:not(:disabled){background:#05664c!important;border-color:#05664c!important}
 html[data-theme] .quick-add>summary:hover{background:var(--ex-accent-deep)!important}
 html[data-theme] :is(.theme-toggle,.notification-center>summary,.mobile-toggle,.icon-btn):hover:not(:disabled){background:var(--ba-primary-soft)!important;color:var(--ba-primary)!important}
}
html[data-theme] .btn-teal{background:#087c5b!important;border-color:#087c5b!important;color:#fff!important}
html[data-theme] :is(.btn,.icon-btn)[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none!important}

html[data-theme] :is(.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.ex-modal input,.ex-modal select,.ex-modal textarea):focus{border-color:var(--ba-primary)!important;box-shadow:0 0 0 3px rgba(var(--ex-accent-rgb),.14)!important}
html[data-theme] .global-search:focus-within{border-color:var(--ba-primary)!important;box-shadow:0 0 0 3px rgba(var(--ex-accent-rgb),.14)!important}
html[data-theme] .ex-day.is-today strong{background:var(--ex-accent)!important;color:#fff!important}

/* Keep currency/amount readable when desktop cards are narrow. */
.ex-money-metric>div:nth-child(2){container-type:inline-size;min-width:0;width:100%;flex:1}
.ex-money-unit{display:block;font-size:18px;line-height:1.5}
.ex-money-number{display:block;white-space:nowrap;font-size:clamp(12px,calc(100cqw / (var(--ex-money-length,9) * .64)),30px);line-height:1.25}

.crm-graph-kpis>.card{container-type:inline-size}

/* v13.1.1 account shortcuts */
html[data-theme] .topbar .account-menu{position:relative;display:block!important;padding:0!important}
html[data-theme] .account-trigger{display:flex!important;align-items:center;gap:10px;cursor:pointer;list-style:none;border-radius:12px;padding:6px!important;color:var(--ba-text)!important;max-width:280px}
.account-trigger::-webkit-details-marker{display:none}
html[data-theme] .account-trigger .account-identity{display:block!important;min-width:0;max-width:190px}
html[data-theme] .account-trigger .account-identity>span{display:block;font-size:11px;color:var(--ba-muted);margin-top:3px}
.account-menu[open] .profile-chip-arrow{transform:rotate(180deg)}
html[data-theme] .account-menu:hover .account-trigger,html[data-theme] .account-menu[open] .account-trigger{background:var(--ba-primary-soft)!important}
html[data-theme] .account-popover{position:absolute;right:0;top:calc(100% + 10px);width:260px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;background:var(--ba-surface,#fff);border:1px solid var(--ba-line);border-radius:16px;padding:8px;box-shadow:0 16px 45px rgba(15,23,42,.18);z-index:70;text-align:left}
html[data-theme] .topbar .profile-chip>.account-popover{max-width:calc(100vw - 24px)!important}
.account-heading{padding:10px 12px 12px;border-bottom:1px solid var(--ba-line);overflow-wrap:anywhere}
.account-heading small{display:block;color:var(--ba-muted);font-size:12px;margin-top:3px}
.account-popover nav{display:grid;padding:6px 0}
html[data-theme] .account-popover a,html[data-theme] .account-popover button{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--ba-text);font:inherit;font-size:13px;text-decoration:none;text-align:left;cursor:pointer;box-sizing:border-box}
.account-popover a>span,.account-popover button>span{display:grid;place-items:center;width:20px;flex:0 0 20px}.account-popover svg{width:19px;height:19px}
html[data-theme] .account-popover a:hover{background:var(--ba-primary-soft);color:var(--ba-primary)}
.account-logout{margin:0;border-top:1px solid var(--ba-line);padding-top:6px}
html[data-theme] .account-logout button{color:#dc2626}html[data-theme="dark"] .account-logout button{color:#fca5a5}html[data-theme] .account-logout button:hover{background:rgba(239,68,68,.1)}
@media(max-width:767px){html[data-theme] .account-trigger{max-width:calc(100vw - 72px);padding:0!important}html[data-theme] .account-trigger .account-identity{max-width:calc(100vw - 146px)!important}html[data-theme] .topbar .profile-chip>.account-popover{max-width:calc(100vw - 24px)!important}html[data-theme] .account-trigger .avatar{width:34px!important;height:34px!important;flex-basis:34px!important}}

html[data-theme] .topbar .profile-chip.account-menu>.account-popover{width:260px!important;max-width:calc(100vw - 24px)!important;min-width:0!important;box-sizing:border-box}
.account-popover svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#ex-appearance-title{scroll-margin-top:150px}

body:has(.account-menu[open]) #leadReminderPopup{visibility:hidden!important;pointer-events:none!important}

/* v13.1.2 shared module colours and decorative icons */
[data-visual="people"]{--ex-tone:#2563eb;--ex-tint:#edf3ff;--ex-edge:#d5e3ff}
[data-visual="booking"]{--ex-tone:#087f8c;--ex-tint:#eaf9fa;--ex-edge:#c5ecef}
[data-visual="sales"]{--ex-tone:#2563eb;--ex-tint:#edf3ff;--ex-edge:#d5e3ff}
[data-visual="profit"]{--ex-tone:#7952b3;--ex-tint:#f4effc;--ex-edge:#e5d9f7}
[data-visual="collection"]{--ex-tone:#16805a;--ex-tint:#eaf8f1;--ex-edge:#ccebdd}
[data-visual="warning"]{--ex-tone:#a46409;--ex-tint:#fff7e7;--ex-edge:#f4dfb4}
[data-visual="danger"]{--ex-tone:#c53042;--ex-tint:#fff0f2;--ex-edge:#f5ccd2}
[data-visual="task"]{--ex-tone:#5267b6;--ex-tint:#eff2fc;--ex-edge:#dbe1f5}
[data-visual="general"]{--ex-tone:#64748b;--ex-tint:#f1f5f9;--ex-edge:#e2e8f0}
html[data-theme="dark"] [data-visual]{--ex-tint:color-mix(in srgb,var(--ex-tone) 16%,#172131);--ex-edge:color-mix(in srgb,var(--ex-tone) 32%,#2a394f)}
html[data-theme="dark"] [data-visual="people"],html[data-theme="dark"] [data-visual="sales"]{--ex-tone:#93b8ff}
html[data-theme="dark"] [data-visual="booking"]{--ex-tone:#70d4d9}html[data-theme="dark"] [data-visual="profit"]{--ex-tone:#c2a2ed}html[data-theme="dark"] [data-visual="collection"]{--ex-tone:#71d4a8}html[data-theme="dark"] [data-visual="warning"]{--ex-tone:#f3c36d}html[data-theme="dark"] [data-visual="danger"]{--ex-tone:#ff9eac}html[data-theme="dark"] [data-visual="task"]{--ex-tone:#a3b3f1}html[data-theme="dark"] [data-visual="general"]{--ex-tone:#b0bdce}
.ex-icon-label{display:flex;align-items:center;gap:9px;min-width:0}
.ex-semantic-icon{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:var(--ex-tint);color:var(--ex-tone)}
.ex-semantic-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
h1.ex-icon-label>.ex-semantic-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}h1.ex-icon-label>.ex-semantic-icon svg{width:23px;height:23px}
html[data-theme] .ex-semantic-card:not(.ex-kpi-leads):not(.ex-kpi-bookings):not(.ex-kpi-collections):not(.ex-kpi-warning):not(.ex-kpi-danger){background:linear-gradient(145deg,var(--ba-surface,#fff),var(--ex-tint))!important;border-color:var(--ex-edge)!important}
html[data-theme] .ex-semantic-card .label{color:var(--ba-text)!important;margin-bottom:12px;line-height:1.35}
html[data-theme] .nav .nav-ico[data-visual]{color:var(--ex-tone);background:var(--ex-tint);border-radius:7px}
html[data-theme] :is(.tabs,.filter-chip-row,.dashboard-tabs,.feature-tabs)>a.ex-icon-label{display:inline-flex;align-items:center;flex-shrink:0;gap:7px}
:is(.tabs,.filter-chip-row,.dashboard-tabs,.feature-tabs)>a>.ex-semantic-icon{width:22px;height:22px;flex-basis:22px;border-radius:6px;background:transparent}
html[data-theme] :is(.tabs,.filter-chip-row,.dashboard-tabs,.feature-tabs)>a.active{background:var(--ex-tint)!important;border-color:var(--ex-edge)!important;color:var(--ex-tone)!important}
html[data-theme] :is(.tabs,.filter-chip-row,.dashboard-tabs,.feature-tabs)>a:hover{background:var(--ex-tint)!important}
.btn.ex-icon-label{display:inline-flex;justify-content:center}.btn>.ex-semantic-icon{width:18px;height:18px;flex-basis:18px;background:transparent;color:inherit}.btn>.ex-semantic-icon svg{width:17px;height:17px}
.ex-kpi-leads .ex-semantic-icon{background:rgba(255,255,255,.17);color:#fff}
.crm-chart-panel-head h2.ex-icon-label{line-height:1.35}.crm-chart-panel-head h2>.ex-semantic-icon{flex-shrink:0}
@media(max-width:767px){h1.ex-icon-label>.ex-semantic-icon{width:34px;height:34px;flex-basis:34px}.ex-icon-label{gap:7px}.crm-graph-kpis>.ex-semantic-card .label{font-size:13px}.ex-semantic-icon{width:26px;height:26px;flex-basis:26px}}

html[data-theme] .nav .nav-ico[data-visual]{color:var(--ex-tone)!important;background:var(--ex-tint)!important}
html[data-theme] .nav a.active .nav-ico[data-visual]{color:inherit!important;background:transparent!important}
html[data-theme] .crm-chart[data-visual]{--cg-1:var(--ex-tone)!important}
html[data-theme] .crm-chart[data-visual="sales"]{--cg-2:#d49739}
html[data-theme] .feature-kpi.ex-semantic-card .feature-kpi-icon{background:var(--ex-tint)!important;color:var(--ex-tone)!important}

html[data-theme] .ex-semantic-card .metric-icon{background:var(--ex-tint)!important;color:var(--ex-tone)!important}
html[data-theme] .ex-kpi-leads .metric-icon{background:rgba(255,255,255,.17)!important;color:#fff!important}
.view-toggle .ex-semantic-icon{width:20px;height:20px;flex-basis:20px;background:transparent}.view-toggle>a.ex-icon-label,.view-toggle>button.ex-icon-label{display:inline-flex;align-items:center;gap:6px}
html[data-theme] .view-toggle>a.active{background:var(--ex-tint)!important;color:var(--ex-tone)!important;border-color:var(--ex-edge)!important}

/* v13.1.3 professional profile/mobile layout */
html[data-theme] .profile-hero .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
html[data-theme] .profile-hero .actions>.btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:48px;white-space:normal;text-align:left;line-height:1.35;margin:0}
.profile-action-icon{display:grid;place-items:center;flex:0 0 20px;color:var(--ba-primary)}.profile-action-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-hero .sub,.profile-identity-large .muted{overflow-wrap:anywhere}
html[data-theme] .ex-appearance{margin-top:20px;gap:12px}
html[data-theme] .ex-appearance .ex-accent-option{position:relative;min-height:44px;padding-right:30px!important;justify-content:flex-start}
.ex-accent-check{position:absolute;right:10px;font-size:14px;opacity:0;line-height:1;color:var(--ba-primary)}.ex-accent-option[aria-pressed="true"] .ex-accent-check{opacity:1}
html[data-theme] .ex-appearance .ex-accent-option[aria-pressed="true"]{border:2px solid var(--ba-primary)!important;box-shadow:none!important;background:var(--ba-primary-soft)!important}
html[data-theme] .ex-appearance .ex-accent-option[aria-pressed="false"]{border:2px solid var(--ba-line)!important}
.ex-appearance [data-ex-appearance-status]:empty{display:none}
@media(max-width:767px){
 html[data-theme] .profile-hero .actions{grid-template-columns:1fr!important;width:100%;gap:8px}
 html[data-theme] .profile-hero .actions>.btn{width:100%!important;min-height:44px!important;flex:none!important;padding:10px 12px!important}
 html[data-theme] .profile-layout{gap:14px!important}
 html[data-theme] .profile-identity-large{gap:12px;align-items:center}
 html[data-theme] .profile-avatar-xl{width:72px;height:72px;flex:0 0 72px;border-radius:18px}
 html[data-theme] .profile-identity-large>div{min-width:0}
 html[data-theme] .profile-identity-large h2{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
 html[data-theme] .ex-appearance{display:grid!important;grid-template-columns:minmax(0,1fr);padding:18px!important;margin-top:16px}
 html[data-theme] .ex-appearance>div:first-child{flex:none}
 html[data-theme] .ex-appearance .ex-accent-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 html[data-theme] .ex-appearance .ex-accent-option{width:100%;font-size:12px!important;gap:6px;padding-left:10px!important;padding-right:24px!important}
 .ex-motion-preference label{align-items:flex-start;line-height:1.5}.ex-motion-preference input{margin-top:4px;flex-shrink:0}
}

.ex-appearance{scroll-margin-top:140px}

body:has(.content[data-module="profile"]) .ex-reminder-expand{display:inline-flex!important;margin-left:auto}
body:has(.content[data-module="profile"]) .ex-reminder-compact:not(.ex-reminder-expanded) :is(.lead-reminder-slides,.lead-reminder-footer){display:none!important}
body:has(.content[data-module="profile"]) .lead-reminder-head{flex-wrap:wrap;gap:8px}

/* v13.1.4: one action row plus full-width mobile search */
@media(max-width:820px){
 html[data-theme] header.topbar{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:44px 44px!important;gap:8px 6px!important;padding:10px 12px!important;align-items:center!important;height:auto!important}
 html[data-theme] header.topbar .top-left{display:flex!important;grid-column:1!important;grid-row:1!important;width:44px!important;min-width:0!important;margin:0!important}
 html[data-theme] header.topbar .mobile-toggle{width:44px!important;height:44px!important;padding:0!important;display:grid!important;place-items:center}
 html[data-theme] header.topbar .top-left>div,html[data-theme] header.topbar .top-brand-icon{display:none!important}
 html[data-theme] header.topbar .top-actions{grid-column:2!important;grid-row:1!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;margin:0!important}
 html[data-theme] header.topbar .theme-toggle,html[data-theme] header.topbar .notification-center>summary{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box}
 html[data-theme] header.topbar .theme-label,html[data-theme] header.topbar .company-time-chip{display:none!important}
 html[data-theme] header.topbar .quick-add>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:88px!important;min-width:88px!important;height:44px!important;padding:0 6px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;text-align:center!important;box-sizing:border-box;list-style:none}
 html[data-theme] header.topbar>.account-menu.profile-chip{grid-column:3!important;grid-row:1!important;display:block!important;width:44px!important;min-width:44px!important;max-width:44px!important;justify-self:end;padding:0!important;margin:0!important}
 html[data-theme] header.topbar .account-trigger{width:44px!important;max-width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;gap:0!important;box-sizing:border-box}
 html[data-theme] header.topbar .account-trigger .account-identity,html[data-theme] header.topbar .account-trigger .profile-chip-arrow{display:none!important}
 html[data-theme] header.topbar .account-trigger .avatar{width:38px!important;height:38px!important;flex:0 0 38px!important}
 html[data-theme] header.topbar .global-search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;margin:0!important;order:0!important;box-sizing:border-box}
 html[data-theme] header.topbar .global-search input{width:100%!important;min-width:0!important;font-size:16px!important}
 html[data-theme] header.topbar .shortcut-hint{display:none!important}
}

@media(max-width:820px){html[data-theme] header.topbar :is(.quick-add>summary,.notification-center>summary,.theme-toggle,.account-trigger,.mobile-toggle){transform:none!important}}

@media(max-width:820px){html[data-theme] header.topbar :is(.quick-add>summary,.notification-center>summary,.theme-toggle,.account-trigger,.mobile-toggle):is(:hover,:active):not(:disabled){transform:none!important}}

/* v13.1.5: real scroll containers, safe touch gestures and one picker icon */
html[data-theme] .content .ex-table-scroll{display:block;min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;box-sizing:border-box}
html[data-theme] .content .card.table-wrap{min-width:0!important;max-width:100%!important;overflow-x:auto!important}
.ex-table-empty{padding:22px 16px;text-align:center;color:var(--ba-muted);font-size:13px;overflow-wrap:anywhere}
html[data-theme] .content :is(.tabs,.filter-chip-row,.view-toggle,.ex-board,.lead-kanban){overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}
.date-field input::-webkit-calendar-picker-indicator{display:none!important;opacity:0!important;width:0!important;margin:0!important;padding:0!important}
html[data-theme] .date-field input{background-image:none!important}
@media print{html[data-theme] .content .ex-table-scroll{overflow:visible!important}.ex-table-empty{padding:10px}}

/* v13.2.0 passkey login and account security */
.passkey-login-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--border,#dbe3ef)}
.passkey-login-panel>.btn{width:100%;min-height:44px}
.passkey-card{margin-bottom:18px;min-width:0}
.passkey-list{margin:14px 0}
.passkey-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border,#dbe3ef);min-width:0}
.passkey-row>div{min-width:0}.passkey-row strong,.passkey-row small{display:block;overflow-wrap:anywhere}.passkey-row small{margin-top:5px;opacity:.75}.passkey-row button{flex-shrink:0;min-height:44px}
.passkey-error{color:var(--danger,#b42318)}
[data-passkey-status]{overflow-wrap:anywhere;margin-top:12px}
@media(max-width:600px){.passkey-card .form-grid{grid-template-columns:minmax(0,1fr)}.passkey-card .field.full{grid-column:auto}.passkey-card [data-passkey-add]{width:100%;min-height:44px}}