input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
:root{
  --bg:#F5F7FA;--white:#FFFFFF;--navy:#1A2C46;--orange:#C94D1A;--orange-pale:#FDEEE8;
  --border:#DDE2EC;--muted:#7A8499;--sidebar:#1A2C46;--s-text:#7A9ABE;
  --green:#1E6B44;--green-pale:#E7F5EF;--blue:#2252BF;--blue-pale:#EAF0FC;
  --yellow:#856000;--yellow-pale:#FFF8E1;--red:#B83030;--red-pale:#FDF0F0;--r:10px;
  --surface:#FFFFFF;--surface2:#F0F3F8;--card-shadow:0 1px 3px rgba(26,44,70,.07),0 0 0 1px rgba(26,44,70,.05);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;overflow:hidden;}
body{font-family:'Sora',sans-serif;background:#EEF1F7;color:var(--navy);}
::-webkit-scrollbar{width:4px;height:4px;}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;}
input,select,textarea,button{font-family:'Sora',sans-serif;font-size:13px;}button{cursor:pointer;}
#app{display:flex;height:100vh;}

/* SIDEBAR */
#sidebar{width:220px;flex-shrink:0;background:var(--sidebar);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;}
/* Keep sidebar rows at their natural height — don't let the flex column squash them
   (which clipped each group's last item via .sb-sub-items overflow:hidden). The sidebar
   scrolls instead when content is taller than the viewport. */
#sidebar>*{flex-shrink:0;}
.sb-brand{padding:24px 22px 20px;border-bottom:1px solid rgba(255,255,255,.06);}
.sb-brand-name{font-family:'DM Serif Display',serif;color:#fff;font-size:22px;}
.sb-brand-sub{color:var(--s-text);font-size:9.5px;letter-spacing:2.5px;text-transform:uppercase;margin-top:4px;}
.sb-sec{padding:14px 22px 5px;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(122,154,190,.35);}
.sb-item{display:flex;align-items:center;gap:10px;padding:10px 22px;border:none;border-left:3px solid transparent;background:transparent;color:var(--s-text);font-size:13px;width:100%;text-align:left;cursor:pointer;transition:all .15s;}
.sb-item:hover{background:rgba(255,255,255,.05);color:#fff;}
.sb-item.active{background:rgba(255,255,255,.09);border-left-color:var(--orange);color:#fff;font-weight:500;}
.sb-item.sub{padding-left:36px;font-size:12px;}
.sb-badge{margin-left:auto;background:rgba(255,255,255,.1);border-radius:20px;padding:1px 8px;font-size:11px;color:rgba(255,255,255,.5);}
/* Inventory group toggle */
.sb-group-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 5px;cursor:pointer;user-select:none;}
.sb-group-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(122,154,190,.35);}
.sb-group-arrow{color:rgba(122,154,190,.35);font-size:10px;transition:transform .2s;}
.sb-group-arrow.open{transform:rotate(90deg);}
.sb-sub-items{overflow:hidden;transition:max-height .25s ease;}
.sb-sub-items.collapsed{max-height:0;}
.sb-sub-items.expanded{max-height:200px;}
/* ── Collapsed sidebar (icon rail) — toggled by #sb-toggle in the topbar ── */
#sidebar{transition:width .2s ease;}
#app.sb-collapsed #sidebar{width:60px;}
#app.sb-collapsed .sb-item{justify-content:center;gap:0;padding-left:0;padding-right:0;}
#app.sb-collapsed .sb-item.sub{padding-left:0;}
#app.sb-collapsed .sb-item>span:not(:first-child){display:none;}
#app.sb-collapsed .sb-sec,#app.sb-collapsed .sb-brand-sub,#app.sb-collapsed .sb-group-label,#app.sb-collapsed .sb-group-arrow{display:none;}
#app.sb-collapsed .sb-group-header{justify-content:center;padding-left:0;padding-right:0;min-height:14px;}
#app.sb-collapsed .sb-brand{padding:18px 0;text-align:center;}
#app.sb-collapsed .sb-brand-name{font-size:0;}
#app.sb-collapsed .sb-brand-name::before{content:'D';font-size:22px;}
.sb-team{margin-top:auto;padding:14px 22px 22px;border-top:1px solid rgba(255,255,255,.06);}
.sb-team-lbl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(122,154,190,.35);margin-bottom:10px;}
.sb-rep{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.sb-rep-name{color:var(--s-text);font-size:12px;}

/* MAIN */
#main{flex:1;display:flex;flex-direction:column;overflow:hidden;}
#topbar{background:var(--white);border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-shadow:0 1px 4px rgba(26,44,70,.05);}
.topbar-left{display:flex;align-items:center;gap:12px;}
.back-btn{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;transition:all .15s;cursor:pointer;box-shadow:0 1px 2px rgba(26,44,70,.04);}
.back-btn:hover{border-color:#9AAFC8;color:var(--navy);background:var(--bg);}
.btn-primary{background:var(--orange);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:opacity .15s;}
.btn-primary:hover{opacity:.88;}
#content{flex:1;overflow-y:auto;padding:24px 28px;}
/* ── Page header (inside content) ── */
.page-hdr{margin-bottom:18px;}
.page-hdr-title{font-size:22px;font-weight:700;color:var(--navy);line-height:1.2;}
.page-hdr-sub{font-size:12px;color:var(--muted);margin-top:4px;}
/* ── Standard header icons ── */
.hdr-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:1px solid var(--border);border-radius:8px;font-size:15px;cursor:pointer;transition:all .15s;color:var(--navy);}
.hdr-icon:hover{background:var(--bg);border-color:#9AAFC8;}
.hdr-profile{background:var(--navy);color:#fff;border-color:var(--navy);font-size:11px;font-weight:700;letter-spacing:.5px;}
.hdr-profile:hover{background:#243855;border-color:#243855;}
/* ── Create button + dropdown ── */
#qa-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;background:var(--orange);border:none;border-radius:9px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:0 2px 8px rgba(201,77,26,.3);}
#qa-btn:hover{background:#B84518;box-shadow:0 4px 14px rgba(201,77,26,.4);transform:translateY(-1px);}
#qa-btn.open{background:#B84518;box-shadow:none;transform:none;}
.qa-plus{font-size:16px;font-weight:400;line-height:1;margin-top:-1px;}
.qa-arrow{font-size:10px;opacity:.8;transition:transform .15s;}
#qa-btn.open .qa-arrow{transform:rotate(180deg);}
#qa-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 36px rgba(26,44,70,.16);min-width:270px;padding:8px;z-index:2000;}
#qa-menu.open{display:block;}
.qa-section-lbl{padding:6px 10px 4px;font-size:9px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);}
.qa-divider{border:none;border-top:1px solid var(--border);margin:6px 0;}
.qa-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;background:transparent;border:none;border-radius:9px;color:var(--navy);cursor:pointer;text-align:left;transition:background .12s;}
.qa-item:hover{background:var(--bg);}
.qa-ic{font-size:16px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;}
.qa-item-body{display:flex;flex-direction:column;gap:1px;}
.qa-item-lbl{font-size:13px;font-weight:600;color:var(--navy);}
.qa-item-desc{font-size:11px;color:var(--muted);}
/* ── Upcoming action cards ── */
.up-act-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;}
.up-act-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--white);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s;text-align:left;font-family:inherit;}
.up-act-card:hover{border-color:var(--act-color,var(--navy));box-shadow:0 4px 16px rgba(26,44,70,.1);transform:translateY(-1px);}
.up-act-card-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.up-act-card-lbl{font-size:13px;font-weight:700;color:var(--navy);}
.up-act-card-desc{font-size:11px;color:var(--muted);margin-top:1px;}
.up-act-card.active{border-color:var(--act-color,var(--navy));background:var(--bg);box-shadow:0 4px 16px rgba(26,44,70,.1);}
.up-act-card.active .up-act-card-lbl{color:var(--act-color,var(--navy));}

/* TOUR (TRAINING) */
.tour-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;z-index:9998;}
.tour-highlight{position:fixed;border:2.5px solid var(--orange);border-radius:12px;box-shadow:0 0 0 4000px rgba(0,0,0,.35),0 0 0 6px rgba(210,78,27,.22);display:none;z-index:9999;pointer-events:none;transition:all .25s ease;}
.tour-pop{position:fixed;width:360px;background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 48px rgba(25,44,70,.22);padding:16px 16px 13px;display:none;z-index:10000;}
.tour-ttl{font-weight:700;color:var(--navy);font-size:13px;margin-bottom:7px;line-height:1.3;}
.tour-txt{font-size:12px;color:var(--muted);line-height:1.55;}
.tour-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:13px;padding-top:11px;border-top:1px solid var(--border);}
.tour-btn{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:12px;font-weight:500;color:var(--navy);cursor:pointer;transition:all .12s;}
.tour-btn:hover{border-color:var(--navy);}
.tour-btn.primary{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:600;}
.tour-btn.primary:hover{background:#b84016;}
.form-err{display:none;background:var(--red-pale);border:1px solid rgba(192,57,43,.25);color:var(--red);padding:10px 12px;border-radius:10px;font-size:12px;margin-bottom:12px;line-height:1.4;align-items:flex-start;gap:8px;}
.fi.err,.fi:invalid.shown,.wh-select.err{border-color:var(--red)!important;background:var(--red-pale)!important;box-shadow:0 0 0 2px rgba(192,57,43,.15);}
.field-err-msg{color:var(--red);font-size:11px;margin-top:3px;display:block;}
.val-toast{position:fixed;top:18px;right:22px;background:var(--red);color:#fff;padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;z-index:99999;box-shadow:0 6px 24px rgba(192,57,43,.35);display:flex;align-items:center;gap:8px;animation:slideInRight .25s ease both;max-width:360px;line-height:1.4;}
/* Success variant — GREEN (action done: saved / sent). Default toast stays red for errors. */
.val-toast.ok{background:var(--green);box-shadow:0 6px 24px rgba(30,107,68,.35);}
@keyframes slideInRight{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px) scale(.97);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

/* FILTER */
.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap;}
.search-wrap{position:relative;flex:1;max-width:300px;}
.si{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;}
.search-input{width:100%;padding:9px 12px 9px 32px;border:1px solid var(--border);border-radius:8px;color:var(--navy);background:var(--white);outline:none;transition:border-color .15s;}
.search-input:focus{border-color:var(--navy);}
.tag-filters{display:flex;gap:6px;}
.tf-btn{padding:7px 14px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;transition:all .15s;}
.tf-btn:hover{border-color:var(--navy);color:var(--navy);}
.tf-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;}

/* CARDS */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}
.co-card{background:var(--white);border-radius:var(--r);padding:18px;border:1px solid var(--border);cursor:pointer;transition:border-color .2s,box-shadow .2s;animation:fadeUp .2s ease both;}
.co-card:hover{border-color:var(--navy);box-shadow:0 4px 14px rgba(25,44,70,.08);}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.co-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;}
.co-name{font-weight:600;font-size:14px;}
.co-sub{color:var(--muted);font-size:12px;margin-top:2px;}
.co-actions{display:flex;gap:3px;margin-left:auto;}
.ico-btn{background:none;border:none;font-size:13px;padding:3px 5px;border-radius:6px;transition:background .15s;cursor:pointer;}
.ico-btn:hover{background:var(--bg);}
.co-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-bottom:14px;}
.ml{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;}
.mv{font-size:12px;font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.co-footer{display:flex;align-items:center;justify-content:space-between;}
.co-stats{display:flex;gap:10px;}
.co-stat{font-size:11px;color:var(--muted);}
.co-stat b{color:var(--navy);}
.co-tags{display:flex;gap:5px;}

/* TAGS & BADGES */
.tag{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500;}
.tag-VIP{background:var(--orange-pale);color:var(--orange);}
.tag-Active{background:var(--green-pale);color:var(--green);}
.tag-Prospect{background:var(--blue-pale);color:var(--blue);}
.badge{padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;}
.badge-active{background:var(--green-pale);color:var(--green);font-weight:600;}
.badge-inactive{background:var(--bg);color:var(--muted);border:1px solid var(--border);}
.badge-blocked{background:var(--red-pale);color:var(--red);}
.badge-neutral{background:var(--yellow-pale);color:var(--yellow);border:1px solid rgba(154,101,0,.2);}
.id-type-badge{padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;background:var(--blue-pale);color:var(--blue);}

/* AVATARS */
.av{display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;}
.av-lg{width:54px;height:54px;border-radius:13px;font-size:17px;}
.av-md{width:40px;height:40px;border-radius:10px;font-size:13px;}
.av-sm{width:24px;height:24px;border-radius:50%;font-size:9px;}

/* PROFILE */
.profile-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:18px;box-shadow:var(--card-shadow);}
.profile-top{display:flex;align-items:flex-start;gap:18px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border);}
.profile-name{font-size:18px;font-weight:700;letter-spacing:-.2px;color:var(--navy);}
.profile-badges{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;}
.profile-sections{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border:1px solid var(--border);border-radius:9px;overflow:hidden;margin-top:4px;}
.ps-title{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.9px;margin-bottom:10px;font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--border);}
.ps-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:8px;}
.ps-lbl{font-size:11px;color:var(--muted);}
.ps-val{font-size:12px;font-weight:500;color:var(--navy);text-align:right;}
.bool-on{color:var(--green);font-size:11px;font-weight:600;}
.bool-off{color:var(--muted);font-size:11px;}

/* TABS */
.tabs{display:flex;gap:0;margin-bottom:18px;background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:4px 6px;flex-wrap:wrap;border-bottom:none;border-radius:var(--r) var(--r) 0 0;border-bottom:1px solid var(--border);}
.tab-btn{padding:9px 18px;border:none;background:transparent;border-radius:0;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .12s;white-space:nowrap;border-bottom:2.5px solid transparent;margin-bottom:-1px;}
.tab-btn:hover{color:var(--navy);background:var(--bg);}
.tab-btn.active{background:transparent;color:var(--navy);font-weight:600;border-bottom-color:var(--orange);}

/* BUYER TOGGLE */
.buyer-toggle{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px;}
.bt-btn{padding:8px 18px;border:none;background:transparent;border-radius:0;font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .12s;border-bottom:2.5px solid transparent;margin-bottom:-1px;}
.bt-btn:hover{color:var(--navy);}.bt-btn.active{background:transparent;color:var(--navy);font-weight:600;border-bottom-color:var(--orange);}

/* SUB SECTION HEADER */
.sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-top:4px;}
.sub-title{font-size:14px;font-weight:600;color:var(--navy);}
.btn-sm{background:var(--orange);color:#fff;border:none;border-radius:8px;padding:7px 15px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px rgba(201,77,26,.25);}
.btn-sm:hover{opacity:.88;}
.empty-sub{text-align:center;padding:44px 0;color:var(--muted);font-size:13px;line-height:1.6;}

/* ENTITY TABLE */
.entity-table-wrap{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:auto;margin-bottom:4px;box-shadow:var(--card-shadow);}
.entity-table{width:100%;border-collapse:collapse;min-width:800px;}
.entity-table th{background:var(--bg);padding:9px 12px;text-align:left;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);white-space:nowrap;}
.entity-table td{padding:10px 12px;font-size:12px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;}
.entity-table tr:last-child td{border-bottom:none;}
.entity-table tr:hover td{background:#FAFAF8;}
.entity-table .name-cell{font-weight:600;color:var(--navy);}
.poa-btn{border:1px solid var(--border);background:var(--bg);color:var(--navy);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s;}
.poa-btn:hover{border-color:var(--orange);color:var(--orange);}
.active-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:3px;}
.sub-item-list{display:flex;flex-direction:column;gap:8px;}
.sub-item{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:13px 16px;display:flex;align-items:center;gap:12px;animation:fadeUp .2s ease both;}
.sub-item-info{flex:1;min-width:0;}
.sub-item-name{font-weight:600;font-size:13px;}
.sub-item-meta{font-size:11px;color:var(--muted);margin-top:2px;}

/* USPPI TABLE */
.usppi-table-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:auto;}
.usppi-table{width:100%;border-collapse:collapse;min-width:900px;}
.usppi-table th{background:var(--bg);padding:10px 14px;text-align:left;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);white-space:nowrap;}
.usppi-table td{padding:11px 14px;font-size:12px;border-bottom:1px solid var(--border);vertical-align:middle;}
.usppi-table tr:last-child td{border-bottom:none;}
.usppi-table tr:hover td{background:#FAFAF8;}

/* WAREHOUSE */
.wh-stats{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap;}
.wh-stat{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:12px 16px;flex:1;min-width:90px;}
.wh-stat-val{font-size:20px;font-weight:700;color:var(--navy);}
.wh-stat-lbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-top:2px;}
.wh-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px;flex-wrap:wrap;}
.wh-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.wh-select{padding:7px 11px;border:1px solid var(--border);border-radius:8px;color:var(--navy);background:var(--white);font-size:12px;outline:none;cursor:pointer;}
.wh-table-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:auto;}
.wh-table{width:100%;border-collapse:collapse;min-width:900px;}
.wh-table th{background:var(--bg);padding:10px 13px;text-align:left;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);white-space:nowrap;}
.wh-table td{padding:10px 13px;font-size:12px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;}
.wh-table tr:last-child td{border-bottom:none;}
.wh-table .compact-row{cursor:pointer;transition:background .12s;}
.wh-table .compact-row:hover td{background:#F0EFE9;}
.wh-table .compact-row.open td{background:#EBF0FA;border-bottom:none;}
.expand-arrow{display:inline-block;transition:transform .2s;font-size:11px;color:var(--muted);}
.expand-arrow.open{transform:rotate(90deg);}
.expand-row td{padding:0!important;border-bottom:1px solid var(--border);}
.expand-inner{padding:8px 16px 10px;background:#F6F8FD;border-top:1px solid #D8E2F8;display:grid;grid-template-columns:repeat(6,1fr);gap:5px 16px;animation:fadeUp .18s ease;}
.ex-sec{grid-column:1/-1;font-size:9px;font-weight:700;color:#5B7BB5;text-transform:uppercase;letter-spacing:1px;margin-top:6px;padding-top:6px;border-top:1px solid #D8E2F8;}
.ex-sec:first-child{border-top:none;margin-top:0;padding-top:0;}
.ex-field .ex-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;}
.ex-field .ex-val{font-size:11px;font-weight:500;color:var(--navy);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;}
.ex-field .ex-val.ok{color:var(--green);font-weight:700;}
.ex-field .ex-val.no{color:var(--muted);}
.ex-actions{grid-column:1/-1;display:flex;gap:4px;flex-wrap:wrap;margin-top:4px;padding-top:7px;border-top:1px solid #D8E2F8;}
.ra-btn{border:1px solid var(--border);background:var(--bg);color:var(--navy);border-radius:6px;padding:4px 9px;font-size:10px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s;}
.ra-btn:hover{border-color:var(--navy);}
.ra-btn.orange{background:var(--orange-pale);border-color:var(--orange);color:var(--orange);}
.vin-cell{font-family:monospace;font-size:11px;color:var(--muted);}
.vehicle-name{font-weight:600;}
.chk-yes{color:var(--green);font-weight:700;}
.chk-no{color:var(--muted);}
.time-pill{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:11px;color:var(--muted);}
.time-pill.warn{background:var(--yellow-pale);border-color:#F5C518;color:var(--yellow);}
/* ── WIZARD ── */
.wiz-wrap{max-width:920px;}
.wiz-steps{display:flex;margin-bottom:20px;background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.wiz-step{flex:1;display:flex;align-items:center;gap:10px;padding:13px 18px;border-right:1px solid var(--border);color:var(--muted);transition:all .2s;}
.wiz-step:last-child{border-right:none;}
.wiz-step.active{background:var(--navy);color:#fff;}
.wiz-step.done{background:var(--green-pale);color:var(--green);}
.wiz-step-num{width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;}
.wiz-step.active .wiz-step-num{background:#fff;color:var(--navy);border-color:#fff;}
.wiz-step.done .wiz-step-num{background:var(--green);border-color:var(--green);color:#fff;}
.wiz-step-lbl{font-weight:500;font-size:13px;}
.wiz-step-sub{font-size:10px;opacity:.7;margin-top:1px;}
.wiz-body{display:grid;grid-template-columns:210px 1fr;background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.wiz-sidebar{background:var(--bg);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;}
.wiz-sidebar-ttl{font-size:9.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;}
.veh-list-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;margin-bottom:4px;cursor:pointer;transition:all .15s;border:1px solid transparent;}
.veh-list-row.active{background:var(--white);border-color:var(--border);box-shadow:0 1px 4px rgba(25,44,70,.06);}
.vl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.vl-dot-done{background:var(--green);}
.vl-dot-active{background:var(--blue);}
.vl-dot-empty{background:var(--border);}
.vl-name{font-size:12px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy);}
.vl-name.muted{color:var(--muted);font-weight:400;}
.vl-status{font-size:10px;padding:2px 6px;border-radius:4px;flex-shrink:0;}
.vl-st-done{background:var(--green-pale);color:var(--green);}
.vl-st-active{background:var(--blue-pale);color:var(--blue);}
.vl-st-empty{background:var(--bg);color:var(--muted);border:1px solid var(--border);}
.add-veh-btn{width:100%;border:1.5px dashed var(--border);border-radius:8px;padding:9px;font-size:12px;color:var(--muted);background:transparent;cursor:pointer;transition:all .15s;margin-top:4px;}
.add-veh-btn:hover{border-color:var(--navy);color:var(--navy);}
.wiz-main{padding:18px 22px;}
.wiz-main-ttl{font-size:13px;font-weight:600;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.hint-box{background:var(--yellow-pale);border:1px solid #E8B400;border-radius:8px;padding:9px 12px;display:flex;gap:8px;align-items:flex-start;margin-top:6px;}
.hint-text{font-size:11px;color:var(--yellow);line-height:1.55;}
.pill-group{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;}
.pill-opt{padding:5px 13px;border:1.5px solid var(--border);border-radius:20px;font-size:12px;cursor:pointer;background:var(--white);color:var(--muted);transition:all .15s;user-select:none;}
.pill-opt.sel{border-color:var(--navy);background:var(--navy);color:#fff;}
.pill-opt input{display:none;}
.cond-field{background:var(--blue-pale);border:1px solid var(--blue);border-radius:8px;padding:10px 12px;margin-top:8px;}
.cond-field .fl{color:var(--blue);}
.wiz-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:var(--bg);border-top:1px solid var(--border);border-radius:0 0 var(--r) var(--r);}
.wiz-progress-dots{display:flex;gap:5px;align-items:center;}
.wiz-progress-dot{width:6px;height:6px;border-radius:50%;background:var(--border);}
.wiz-progress-dot.active{background:var(--navy);width:18px;border-radius:3px;}
.wiz-progress-dot.done{background:var(--green);}
.review-veh{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;margin-bottom:10px;animation:fadeUp .2s ease both;}
.review-veh-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.review-pills{display:flex;gap:5px;flex-wrap:wrap;}
.review-pill{font-size:11px;padding:3px 9px;border-radius:20px;background:var(--bg);border:1px solid var(--border);color:var(--navy);}
.review-pill.ok{background:var(--green-pale);border-color:transparent;color:var(--green);}
.review-pill.na{background:var(--bg);color:var(--muted);}


/* INVENTORY FORM */
.veh-form-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:12px;position:relative;}
.veh-form-num{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;}
.remove-veh-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:0 4px;border-radius:5px;line-height:1;}
.remove-veh-btn:hover{background:var(--red-pale);color:var(--red);}
.cond-block{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:8px;}
.cond-title{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:8px;}
.radio-group{display:flex;gap:8px;flex-wrap:wrap;}
.radio-opt{display:flex;align-items:center;gap:5px;padding:5px 12px;border:1.5px solid var(--border);border-radius:20px;font-size:12px;cursor:pointer;transition:all .15s;background:var(--white);}
.radio-opt input{display:none;}
.radio-opt.sel{border-color:var(--navy);background:var(--navy);color:#fff;}
.present-btn{padding:5px 14px;border:1.5px solid var(--border);border-radius:20px;font-size:12px;background:var(--bg);color:var(--muted);font-weight:500;cursor:pointer;transition:all .15s;}
.present-btn.on-yes{border-color:var(--green);background:var(--green-pale);color:var(--green);}
.present-btn.on-no{border-color:var(--orange);background:var(--orange-pale);color:var(--orange);}

/* LEADS */
.stats-row{display:flex;gap:14px;margin-bottom:20px;}
.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:13px 18px;flex:1;}
.stat-lbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:5px;}
.stage-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.stat-val{font-size:20px;font-weight:600;margin-top:5px;}
.stat-sub{font-size:12px;color:var(--muted);margin-top:2px;}
.kanban{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
.k-col{background:var(--bg);border-radius:var(--r);padding:12px;min-height:200px;border:2px dashed transparent;transition:all .15s;}
.k-col.drag-over{background:#EAE8E2;border-color:var(--orange);}
.k-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.k-col-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;}
.k-count{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;}
.k-count-New{background:var(--blue-pale);color:var(--blue);}
.k-count-InProgress{background:var(--yellow-pale);color:var(--yellow);}
.k-count-Closed{background:var(--green-pale);color:var(--green);}
.lead-card{background:var(--white);border-radius:9px;padding:13px 14px;margin-bottom:9px;border:1px solid var(--border);cursor:grab;box-shadow:0 1px 4px rgba(25,44,70,.05);transition:all .15s;animation:fadeUp .2s ease both;}
.lead-card:hover{box-shadow:0 4px 12px rgba(25,44,70,.1);}
.lead-card.dragging{opacity:.4;border-color:var(--orange);cursor:grabbing;}
.lead-title{font-weight:600;font-size:13px;margin-bottom:5px;}
.lead-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;}
.lead-value{font-size:14px;font-weight:700;color:var(--orange);}
.convert-btn{font-size:10px;font-weight:600;color:var(--green);background:var(--green-pale);border:none;border-radius:6px;padding:4px 9px;cursor:pointer;}

/* MODALS */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center;z-index:200;animation:oFade .15s ease;}
@keyframes oFade{from{opacity:0;}to{opacity:1;}}
.modal{background:var(--white);border-radius:16px;padding:0;animation:mUp .2s ease;max-height:90vh;display:flex;flex-direction:column;}
@keyframes mUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.mw360{width:360px;}.mw400{width:400px;}.mw480{width:480px;}.mw520{width:520px;}.mw620{width:620px;}.mw860{width:860px;}
.modal-header{padding:22px 28px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.modal-ttl{font-size:17px;font-weight:600;}
.modal-x{background:none;border:none;font-size:22px;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:6px;line-height:1;}
.modal-x:hover{background:var(--bg);}
.modal-body{padding:22px 28px;overflow-y:auto;flex:1;}
.modal-foot{padding:16px 28px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.fg3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.s2{grid-column:1/-1;}
.form-col{display:flex;flex-direction:column;gap:12px;}
.fl{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;}
.fi{width:100%;padding:8px 11px;border:1px solid var(--border);border-radius:8px;color:var(--navy);background:var(--white);outline:none;transition:border-color .15s;}
.fi:focus{border-color:var(--navy);}
textarea.fi{resize:none;}
.sec-heading{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:10px;margin-top:2px;}
.modal-divider{border:none;border-top:1px solid var(--border);margin:8px 0;}
.toggle-row{display:flex;align-items:center;gap:10px;padding:4px 0;}
.toggle-lbl{font-size:12px;color:var(--navy);}
.toggle{width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;}
.toggle.on{background:var(--green);}
.toggle.off{background:var(--border);}
.toggle::after{content:'';position:absolute;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .2s;}
.toggle.on::after{left:19px;}
.toggle.off::after{left:3px;}
.tags-row{display:flex;gap:8px;flex-wrap:wrap;}
.tt-btn{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;border:1.5px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;transition:all .15s;}
.tt-btn.on-VIP{background:var(--orange-pale);color:var(--orange);border-color:transparent;}
.tt-btn.on-Active{background:var(--green-pale);color:var(--green);border-color:transparent;}
.tt-btn.on-Prospect{background:var(--blue-pale);color:var(--blue);border-color:transparent;}
.btn-ghost{border:1px solid var(--border);background:var(--bg);color:var(--navy);border-radius:8px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .15s;cursor:pointer;}
.btn-ghost:hover{border-color:var(--navy);}
.btn-save{border:none;background:var(--orange);color:#fff;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s;}
.btn-save:hover{opacity:.88;}.btn-save:disabled{opacity:.4;cursor:not-allowed;}
.btn-danger{border:none;background:var(--red-pale);color:var(--red);border-radius:8px;padding:9px 18px;font-size:13px;font-weight:500;cursor:pointer;}
.btn-convert{border:none;background:var(--green-pale);color:var(--green);border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;}
.confirm-msg{color:var(--muted);font-size:13px;line-height:1.65;margin-bottom:22px;}

/* CUSTOMER TABLE LIST */
.cust-table-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.cust-table{width:100%;border-collapse:collapse;}
.cust-table th{background:var(--bg);padding:10px 14px;text-align:left;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);white-space:nowrap;}
.cust-table td{padding:11px 14px;font-size:12.5px;border-bottom:1px solid var(--border);vertical-align:middle;}
.cust-table tr:last-child td{border-bottom:none;}
.cust-table tr:hover td{background:#FAFAF8;cursor:pointer;}
.cust-table .ct-name{font-weight:600;color:var(--navy);}
.cust-table .ct-actions{display:flex;gap:4px;}

/* CONTACTS SECTION */
.contacts-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);}
.contacts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.contacts-title{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1px;}
.contact-card{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:11px 13px;margin-bottom:6px;display:flex;align-items:flex-start;gap:11px;transition:border-color .15s;}
.contact-card:last-child{margin-bottom:0;}
.contact-info{flex:1;min-width:0;}
.contact-name{font-weight:600;font-size:12.5px;color:var(--navy);}
.contact-role{font-size:11px;color:var(--muted);margin-top:1px;}
.contact-perms{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;}
.perm-chip{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;background:var(--blue-pale);color:var(--blue);border:1px solid rgba(39,80,184,.15);}
.perm-chip.fin{background:#FFF2D6;color:#9A6500;border-color:rgba(154,101,0,.15);}
.perm-chip.ops{background:var(--green-pale);color:var(--green);border-color:rgba(37,94,64,.15);}

/* BUYER CARDS (no scroll) */
.buyer-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:4px;}
.buyer-card{background:var(--white);border:1px solid var(--border);border-radius:11px;padding:15px 17px;animation:fadeUp .2s ease both;box-shadow:0 1px 3px rgba(26,44,70,.05);}
.buyer-card:hover{border-color:#9AAFC8;box-shadow:0 3px 14px rgba(26,44,70,.09);}
.buyer-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border);}
.buyer-card-name{font-weight:600;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.buyer-card-body{display:flex;flex-direction:column;gap:5px;}
.buyer-card-row{display:flex;align-items:baseline;gap:6px;}
.buyer-card-lbl{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;min-width:52px;flex-shrink:0;}
.buyer-card-val{font-size:11.5px;font-weight:500;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.buyer-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid var(--border);}

/* EXPANDABLE BUYER TABLE */
.buyer-exp-table{width:100%;border-collapse:collapse;}
.buyer-exp-table th{background:#F8F9FC;padding:9px 14px;text-align:left;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--border);white-space:nowrap;}
.buyer-exp-row{cursor:pointer;transition:background .12s;}
.buyer-exp-row td{padding:11px 14px;font-size:12.5px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;}
.buyer-exp-row:hover td{background:#F5F7FA;}
.buyer-exp-row.expanded td{background:#EEF3FB;border-bottom:none;}
.buyer-exp-detail{border-bottom:1px solid var(--border);}
.buyer-exp-detail td{padding:0!important;}
.buyer-exp-inner{padding:12px 18px 14px 46px;background:#F6F9FE;border-top:1px solid #DAE5F5;display:grid;grid-template-columns:repeat(5,1fr);gap:8px 20px;animation:fadeUp .18s ease;}
.bex-field .bex-lbl{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;}
.bex-field .bex-val{font-size:12px;font-weight:500;color:var(--navy);}
.bex-actions{grid-column:1/-1;display:flex;gap:6px;align-items:center;margin-top:8px;padding-top:10px;border-top:1px solid #DAE5F5;}

/* WIZ STEP 2 — NEW TABBED LAYOUT */
.wiz2-shell{display:grid;grid-template-columns:180px 1fr;border:1px solid var(--border);border-radius:var(--r) var(--r) 0 0;overflow:hidden;background:var(--white);border-bottom:none;}
.wiz2-sidebar{background:var(--bg);border-right:1px solid var(--border);padding:14px 12px;display:flex;flex-direction:column;gap:6px;}
.wiz2-main{display:flex;flex-direction:column;min-width:0;}
.wiz2-gen-banner{padding:10px 16px;background:#F0EFE9;border-bottom:1px solid var(--border);display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
.wiz2-gen-item{display:flex;flex-direction:column;gap:1px;}
.wiz2-gen-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;}
.wiz2-gen-val{font-size:12px;font-weight:600;color:var(--navy);}
.wiz2-gen-edit{margin-left:auto;font-size:11px;color:var(--blue);border:1px solid var(--blue-pale);background:var(--blue-pale);padding:4px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;flex-shrink:0;}
.wiz2-gen-edit:hover{background:var(--blue);color:#fff;}
.wiz2-veh-header{padding:12px 16px 0;}
.wiz2-veh-title{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.wiz2-veh-title span.sub{font-size:11px;font-weight:400;color:var(--muted);}
.wiz2-present-bar{display:flex;align-items:center;gap:8px;padding:8px 11px;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;font-size:12px;}
.wiz2-vin-strip{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:8px;padding:0 16px 12px;border-bottom:1px solid var(--border);}
.wiz2-vtabs{display:flex;gap:0;padding:0 16px;border-bottom:1px solid var(--border);background:var(--white);}
.wiz2-vt{padding:9px 14px;font-size:12px;font-weight:500;color:var(--muted);border:none;background:transparent;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1px;white-space:nowrap;display:flex;align-items:center;gap:5px;transition:color .15s;}
.wiz2-vt:hover{color:var(--navy);}
.wiz2-vt.active{color:var(--navy);border-bottom-color:var(--navy);}
.wiz2-vt-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0;}
.wiz2-vt-dot-ok{background:var(--green);}
.wiz2-vt-dot-warn{background:var(--yellow);}
.wiz2-tab-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px;}
.wiz2-section-block{border:1px solid var(--border);border-radius:8px;padding:11px 13px;background:var(--bg);}
.wiz2-sec-lbl{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;}
.wiz2-status-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px;}
.wiz2-chip{font-size:11px;padding:2px 9px;border-radius:12px;font-weight:600;}
.wiz2-chip-ok{background:var(--green-pale);color:var(--green);}
.wiz2-chip-warn{background:var(--yellow-pale);color:var(--yellow);}
.wiz2-chip-na{background:var(--bg);color:var(--muted);border:1px solid var(--border);}

/* CONTACT MODAL — roles only */

/* VALIDATION */
.fi.err{border-color:var(--red)!important;background:var(--red-pale)!important;}
.fi.err:focus{outline-color:var(--red);}
.wiz-err-banner{background:var(--red-pale);border:1px solid var(--red);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--red);margin-bottom:12px;display:flex;align-items:flex-start;gap:8px;}
.wiz-err-banner ul{margin:4px 0 0 16px;}
.wiz-err-banner li{margin-bottom:2px;}
.wiz-sec-err-bar{background:var(--red-pale);border:1px solid var(--red);border-left:4px solid var(--red);border-radius:8px;padding:9px 13px;font-size:12px;color:var(--red);margin-bottom:12px;display:flex;align-items:flex-start;gap:8px;line-height:1.4;}
.wiz-field-err{color:var(--red);font-size:11px;margin-top:3px;font-weight:500;}
.field-err{font-size:11px;color:var(--red);margin-top:3px;}

/* REVIEW PAGE v2 */
.rv-grid{display:flex;flex-direction:column;gap:14px;padding:16px 20px 4px;}
.rv-gen-banner{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:12px 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.rv-veh-wrap{border:1px solid var(--border);border-radius:var(--r);background:var(--white);overflow:hidden;}
.rv-veh-head{background:var(--bg);padding:10px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);}
.rv-veh-name{font-weight:600;font-size:13px;flex:1;}
.rv-veh-vin{font-family:monospace;font-size:10px;color:var(--muted);}
.rv-boxes{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:none;}
.rv-box{padding:12px 16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);}
.rv-box:nth-child(even){border-right:none;}
.rv-box:nth-last-child(-n+2){border-bottom:none;}
.rv-box-full{grid-column:1/-1;border-right:none;}
.rv-box-lbl{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;}
.rv-edit-btn{font-size:10px;padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--blue);cursor:pointer;font-weight:500;}
.rv-edit-btn:hover{background:var(--blue-pale);}
.rv-field-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px;}
.rv-field-row:last-child{margin-bottom:0;}
.rv-fl{font-size:11px;color:var(--muted);flex-shrink:0;}
.rv-fv{font-size:12px;font-weight:500;color:var(--navy);text-align:right;word-break:break-word;}
.rv-fv.miss{color:var(--red);font-weight:400;font-style:italic;}
.rv-fv.ok{color:var(--green);}
.rv-fv.na{color:var(--muted);font-weight:400;}
.rv-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10.5px;font-weight:600;}
.rv-pill-ok{background:var(--green-pale);color:var(--green);}
.rv-pill-warn{background:var(--yellow-pale);color:var(--yellow);}
.rv-pill-na{background:var(--bg);color:var(--muted);border:1px solid var(--border);}
.rv-pill-err{background:var(--red-pale);color:var(--red);}
.rv-err-count{font-size:11px;background:var(--red-pale);color:var(--red);border:1px solid var(--red);border-radius:20px;padding:1px 8px;font-weight:600;}
.rv-no-veh-badge{background:var(--orange-pale);color:var(--orange);border:1px solid rgba(210,78,27,.2);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;}
.rv-submit-bar{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;}

/* ── STEP 2: SECTION ACCORDION FLOW ── */
.wiz-sections{display:flex;flex-direction:column;gap:0;padding:0 16px 14px;}
.wiz-sec{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:8px;background:var(--white);transition:box-shadow .15s;}
.wiz-sec.active{box-shadow:0 2px 12px rgba(25,44,70,.08);border-color:#B5C8E8;}
.wiz-sec.done{border-color:var(--green);}
.wiz-sec.locked{opacity:.6;}
.wiz-sec-head{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;user-select:none;}
.wiz-sec-num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;border:1.5px solid var(--border);color:var(--muted);background:var(--white);}
.wiz-sec.active .wiz-sec-num{border-color:#2750B8;color:#2750B8;background:var(--blue-pale);}
.wiz-sec.done .wiz-sec-num{border-color:var(--green);color:#fff;background:var(--green);}
.wiz-sec-title{font-size:12.5px;font-weight:600;color:var(--navy);flex:1;}
.wiz-sec.locked .wiz-sec-title{color:var(--muted);}
.wiz-sec-summary{font-size:11px;color:var(--muted);margin-left:auto;max-width:200px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wiz-sec-summary.err{color:var(--red);}
.wiz-sec-body{padding:0 14px 14px;border-top:1px solid var(--border);}
.wiz-sec-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);}
.btn-next-sec{padding:7px 18px;font-size:12px;font-weight:600;background:var(--navy);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;}
.btn-next-sec:hover{background:#253f60;}
.btn-skip-sec{padding:7px 14px;font-size:12px;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;}
.wiz-sec-done-check{color:var(--green);font-size:14px;}
.wiz-no-check-notice{background:var(--yellow-pale);border:1px solid rgba(154,101,0,.2);border-radius:7px;padding:8px 12px;font-size:11.5px;color:var(--yellow);margin-bottom:10px;display:flex;align-items:center;gap:7px;}

/* ── REVIEW PAGE v3 — compact inline-edit ── */
.rv3-wrap{padding:14px 16px;display:flex;flex-direction:column;gap:14px;}

/* General info banner */
.rv3-gen{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.rv3-gen-hd{background:var(--bg);padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);}
.rv3-gen-cells{display:flex;flex-wrap:wrap;gap:0;padding:0;}
.rv3-gen-cell{flex:1;min-width:120px;padding:10px 16px;border-right:1px solid var(--border);}
.rv3-gen-cell:last-child{border-right:none;}
.rv3-lbl2{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px;}
.rv3-val2{font-size:13px;font-weight:600;color:var(--navy);}

/* Vehicle card */
.rv3-veh{border:1px solid var(--border);border-radius:var(--r);background:var(--white);overflow:hidden;animation:fadeUp .2s ease both;}
.rv3-veh-hd{background:var(--bg);padding:10px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);}
.rv3-veh-vin{font-family:monospace;font-size:15px;font-weight:800;letter-spacing:1px;color:var(--navy);}
.rv3-veh-name{font-weight:700;font-size:14px;flex:1;margin-top:2px;}

/* Section cards inside vehicle */
.rv3-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.rv3-sec{border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;}
.rv3-sec:nth-child(3n){border-right:none;}
.rv3-sec-last-row{border-bottom:none;}
.rv3-sec-hd{display:flex;align-items:center;gap:6px;padding:9px 13px 8px;border-bottom:1px solid var(--border);background:var(--white);}
.rv3-sec-icon{font-size:13px;}
.rv3-sec-title{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;flex:1;}
.rv3-edit-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;font-size:10px;font-weight:600;border:1px solid var(--border);border-radius:6px;background:var(--white);color:var(--navy);cursor:pointer;transition:all .12s;white-space:nowrap;}
.rv3-edit-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.rv3-sec-body{padding:10px 13px;flex:1;display:flex;flex-direction:column;gap:5px;}

/* Read-only rows */
.rv3-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:18px;}
.rv3-k{font-size:10.5px;color:var(--muted);flex-shrink:0;}
.rv3-v{font-size:12px;font-weight:500;color:var(--navy);text-align:right;word-break:break-word;}
.rv3-v.miss{color:var(--red);font-weight:600;}
.rv3-v.na{color:var(--muted);font-weight:400;}
.rv3-v.ok{color:var(--green);font-weight:600;}

/* Chips */
.rv3-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;}
.rv3-chip-ok{background:var(--green-pale);color:var(--green);}
.rv3-chip-warn{background:var(--red-pale);color:var(--red);}
.rv3-chip-na{background:var(--bg);color:var(--muted);border:1px solid var(--border);}
.rv3-chip-blue{background:var(--blue-pale);color:var(--blue);}

/* Issue banner */
.rv3-issue-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--red-pale);border-top:1px solid var(--red);font-size:11px;color:var(--red);flex-wrap:wrap;}
.rv3-issue-bar b{font-weight:700;}

/* Save bar */
.rv3-save-bar{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;}

/* Inline edit form inside review section */
.rv3-sec.editing{border:1.5px solid var(--blue);background:var(--white);}
.rv3-sec.editing .rv3-sec-hd{background:var(--blue-pale);border-bottom-color:#C8D9F5;}
.rv3-sec.has-err .rv3-sec-hd{background:var(--red-pale);}
.rv3-gen.editing{border:1.5px solid var(--blue);}
.rv3-gen.editing .rv3-gen-hd{background:var(--blue-pale);border-bottom-color:#C8D9F5;}
.rv3-edit-form{padding:12px 14px;}
.rv3-edit-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;}
.rv3-edit-form-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);}
.rv3-edit-cancel-btn{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:7px;padding:6px 14px;font-size:12px;font-weight:500;cursor:pointer;}
.rv3-edit-cancel-btn:hover{border-color:var(--navy);color:var(--navy);}
.rv3-edit-save-btn{border:none;background:var(--navy);color:#fff;border-radius:7px;padding:6px 16px;font-size:12px;font-weight:600;cursor:pointer;}
.rv3-edit-save-btn:hover{background:#253f60;}

/* DISPATCHING MODULE */
.disp-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.disp-table-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.disp-table{width:100%;border-collapse:collapse;font-size:12px;}
.disp-table th{background:var(--bg);padding:9px 12px;text-align:left;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--border);white-space:nowrap;}
.disp-table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;}
.disp-table tr:last-child td{border-bottom:none;}
.disp-table tr:hover td{background:#FAFAF8;}
.disp-table .mono{font-family:monospace;font-size:11px;}
.disp-actions{display:flex;gap:4px;flex-wrap:nowrap;}
.disp-action-btn{padding:4px 9px;font-size:10px;font-weight:600;border-radius:6px;border:1px solid var(--border);background:var(--white);color:var(--navy);cursor:pointer;white-space:nowrap;transition:all .12s;}
.disp-action-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.disp-action-btn.email{color:var(--blue);border-color:var(--blue-pale);background:var(--blue-pale);}
.disp-action-btn.email:hover{background:var(--blue);color:#fff;}
.disp-action-btn.inv{color:var(--green);border-color:var(--green-pale);background:var(--green-pale);}
.disp-action-btn.inv:hover{background:var(--green);color:#fff;}
.disp-count{font-size:11px;color:var(--muted);}
.bos-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;}
.bos-yes{background:var(--green-pale);color:var(--green);}
.bos-no{background:var(--red-pale);color:var(--red);}
.bos-na{background:var(--bg);color:var(--muted);border:1px solid var(--border);}

/* DISPATCH NEW FORM */
.dispatch-form-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:22px 24px;max-width:820px;}
.dispatch-form-title{font-size:13px;font-weight:600;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;}

/* INCOMING */
.title-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;}
.title-yes{background:var(--green-pale);color:var(--green);}
.title-no{background:var(--red-pale);color:var(--red);}
.title-bos{background:var(--blue-pale);color:var(--blue);}
.title-lien{background:var(--yellow-pale);color:var(--yellow);}

/* NEW RECORD CHOICE SCREEN */
.new-record-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;gap:14px;}
.new-record-title{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:6px;text-align:center;}
.new-record-sub{font-size:12px;color:var(--muted);margin-top:-10px;margin-bottom:8px;text-align:center;}
.new-record-cards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.new-record-card{width:210px;border:1.5px solid var(--border);border-radius:12px;padding:22px 18px;cursor:pointer;background:var(--white);transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.new-record-card:hover{border-color:var(--navy);box-shadow:0 4px 18px rgba(25,44,70,.10);transform:translateY(-2px);}
.new-record-card.dispatch:hover{border-color:#2750B8;}
.new-record-card.incoming-card:hover{border-color:var(--green);}
.new-record-icon{font-size:32px;line-height:1;}
.new-record-lbl{font-size:13px;font-weight:700;color:var(--navy);}
.new-record-desc{font-size:11px;color:var(--muted);line-height:1.5;}

/* VIN DUPE WARNING */
.vin-dupe-warn{background:var(--yellow-pale);border:1px solid rgba(154,101,0,.3);border-radius:7px;padding:8px 12px;font-size:11.5px;color:#7a5200;margin-top:6px;display:flex;align-items:center;gap:7px;}
.vin-dupe-warn a{color:#2750B8;cursor:pointer;text-decoration:underline;}

/* LINKED BADGE */
.link-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;background:var(--blue-pale);color:var(--blue);border:1px solid rgba(39,80,184,.15);}

/* DISPATCH WIZARD */
.dp-wiz-wrap{max-width:780px;}
.dp-step-bar{display:flex;gap:0;margin-bottom:22px;border:1px solid var(--border);border-radius:10px;overflow:hidden;}
.dp-step{flex:1;display:flex;align-items:center;gap:9px;padding:11px 14px;border-right:1px solid var(--border);background:var(--white);font-size:12px;color:var(--muted);}
.dp-step:last-child{border-right:none;}
.dp-step.done{background:var(--green-pale);}
.dp-step.done .dp-step-num{background:var(--green);border-color:var(--green);color:#fff;}
.dp-step.done .dp-step-lbl{color:var(--green);}
.dp-step.active{background:#EDF2FB;}
.dp-step.active .dp-step-num{background:var(--navy);border-color:var(--navy);color:#fff;}
.dp-step.active .dp-step-lbl{color:var(--navy);font-weight:600;}
.dp-step-num{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;}
.dp-step-lbl{font-size:12px;line-height:1.2;}
.dp-step-sub{font-size:10px;opacity:.7;margin-top:1px;}
.dp-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;}
.dp-card-head{background:var(--bg);padding:13px 18px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px;}
.dp-card-body{padding:18px;}
.dp-card-foot{padding:13px 18px;border-top:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:space-between;}

/* DISPATCH EXPANDABLE TABLE */
.disp-exp-row{cursor:pointer;transition:background .12s;}
.disp-exp-row td{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px;vertical-align:middle;white-space:nowrap;}
.disp-exp-row:hover td{background:#FAFAF8;}
.disp-exp-row.expanded td{background:#EBF0FA;border-bottom:none;}
.disp-exp-detail{border-bottom:1px solid var(--border);}
.disp-exp-detail td{padding:0!important;}
.disp-exp-inner{padding:12px 16px 14px 46px;background:#F4F7FD;border-top:1px solid #D8E2F8;display:grid;grid-template-columns:repeat(4,1fr);gap:8px 20px;animation:fadeUp .15s ease;}
.disp-exp-field{display:flex;flex-direction:column;gap:2px;}
.disp-exp-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;}
.disp-exp-val{font-size:12px;font-weight:500;color:var(--navy);}
.disp-exp-actions{grid-column:1/-1;display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #D8E2F8;flex-wrap:wrap;}
.disp-arrow-cell{width:28px;color:var(--muted);}
.disp-exp-arrow{display:inline-block;font-size:10px;transition:transform .2s;}

/* DISPATCH VALIDATION BANNER (matches inventory style) */
.dp-err-banner{background:var(--red-pale);border:1px solid var(--red);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--red);margin-bottom:14px;display:flex;align-items:flex-start;gap:8px;}
.dp-err-banner ul{margin:4px 0 0 16px;}
.dp-err-banner li{margin-bottom:2px;}

/* ── DISPATCH SAVE-CONFIRM MODAL ── */
.dp-conf-modal{position:relative;background:#fff;border-radius:8px;width:min(980px,95vw);max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:mUp .2s ease;padding:24px 32px 22px;}
.dp-conf-x{position:absolute;top:14px;right:18px;background:none;border:none;font-size:26px;line-height:1;color:#999;cursor:pointer;padding:2px 8px;border-radius:6px;z-index:2;}
.dp-conf-x:hover{background:var(--bg);color:#333;}

.dp-conf-head{text-align:center;padding:6px 0 14px;}
.dp-conf-check{width:64px;height:64px;border-radius:8px;background:#E94B6F;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;}
.dp-conf-ttl{font-size:18px;font-weight:700;color:#222;letter-spacing:.5px;margin-bottom:14px;}
.dp-conf-sub{font-size:12px;color:#444;letter-spacing:.5px;margin-bottom:6px;}
.dp-conf-brand{margin:0 auto 10px;display:inline-block;}
.dp-conf-brand-d{font-family:Georgia,serif;font-size:32px;font-weight:700;color:#1F4FA8;font-style:italic;letter-spacing:-1px;}
.dp-conf-company{font-size:18px;font-weight:700;color:#222;letter-spacing:.8px;margin-top:4px;}
.dp-conf-addr{font-size:11px;color:#444;margin-top:4px;line-height:1.5;letter-spacing:.5px;}

.dp-conf-addr-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:14px 0 16px;font-size:12px;color:#222;letter-spacing:.4px;border-bottom:0;}
.dp-conf-addr-row b{font-weight:700;}
.dp-conf-addr-row > div{padding:0 4px;}

.dp-conf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

/* Mock TinyMCE editor */
.dp-conf-editor{border:1px solid #D6D6D6;border-radius:3px;background:#fff;display:flex;flex-direction:column;}
.dp-conf-editor-bar{display:flex;align-items:center;gap:10px;padding:6px 8px;border-bottom:1px solid #E4E4E4;background:#FAFAFA;font-size:12px;color:#555;}
.dp-conf-eb-grp{cursor:default;}
.dp-conf-eb-feat{margin-left:auto;background:#FFE8EE;color:#E94B6F;padding:3px 9px;border-radius:14px;font-size:11px;font-weight:600;}
.dp-conf-editor-bar2{display:flex;align-items:center;gap:8px;padding:5px 8px;border-bottom:1px solid #E4E4E4;background:#fff;color:#555;}
.dp-conf-eb-ic{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:13px;cursor:default;}
.dp-conf-editor-ta{border:none;outline:none;resize:none;width:100%;min-height:170px;padding:10px 12px;font-size:12px;font-family:inherit;color:#333;}
.dp-conf-editor-foot{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:#FAFAFA;border-top:1px solid #E4E4E4;font-size:10px;color:#888;}

/* Info table */
.dp-conf-table-wrap{border:1px solid #D6D6D6;border-radius:3px;overflow:hidden;}
.dp-conf-table-title{background:#5BA3C7;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:10px;text-align:center;}
.dp-conf-table{width:100%;border-collapse:collapse;font-size:11px;}
.dp-conf-table th{background:#fff;color:#222;font-weight:700;letter-spacing:.4px;padding:8px 6px;border:1px solid #D6D6D6;text-align:center;font-size:11px;}
.dp-conf-table td{padding:8px 6px;border:1px solid #D6D6D6;text-align:center;color:#333;font-size:11px;background:#fff;word-break:break-word;}

/* Footer Yes/No */
.dp-conf-foot{margin-top:18px;padding-top:14px;text-align:center;}
.dp-conf-foot-q{font-size:12px;color:#222;letter-spacing:.5px;margin-bottom:14px;}
.dp-conf-foot-btns{display:flex;justify-content:center;gap:14px;}
.dp-conf-btn-no,.dp-conf-btn-yes{border:none;border-radius:4px;padding:9px 28px;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:filter .15s;color:#fff;text-transform:uppercase;}
.dp-conf-btn-no{background:#1F75D8;}
.dp-conf-btn-yes{background:#E94B6F;text-transform:none;}
.dp-conf-btn-no:hover,.dp-conf-btn-yes:hover{filter:brightness(1.08);}

@media (max-width:780px){
  .dp-conf-grid{grid-template-columns:1fr;}
  .dp-conf-addr-row{grid-template-columns:1fr;gap:6px;}
  .dp-conf-modal{padding:18px 16px;}
}

/* ROLES */
.role-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--bg);color:var(--navy);}
.role-chip-admin{background:#FDE8E8;color:#C41A1A;border-color:rgba(196,26,26,.2);}
.role-chip-finance{background:var(--yellow-pale);color:#7a5200;border-color:rgba(122,82,0,.2);}
.role-chip-ops{background:var(--green-pale);color:var(--green);border-color:rgba(37,94,64,.2);}
.role-chip-view{background:var(--blue-pale);color:var(--blue);border-color:rgba(39,80,184,.15);}
.roles-wrap{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px;}
.role-toggle{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--white);color:var(--muted);transition:all .12s;}
.role-toggle.on{background:var(--navy);color:#fff;border-color:var(--navy);}
.role-toggle.on-admin{background:#C41A1A;color:#fff;border-color:#C41A1A;}
.role-toggle.on-finance{background:#9A6500;color:#fff;border-color:#9A6500;}
.role-toggle.on-ops{background:var(--green);color:#fff;border-color:var(--green);}
.role-toggle.on-view{background:var(--blue);color:#fff;border-color:var(--blue);}

/* BUYER CONTACTS */
.bx-contacts{margin-top:8px;padding-top:8px;border-top:1px solid #D8E2F8;}
.bx-contact-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(216,226,248,.5);}
.bx-contact-row:last-child{border-bottom:none;}
.bx-contact-info{flex:1;min-width:0;}
.bx-contact-name{font-size:12px;font-weight:600;color:var(--navy);}
.bx-contact-meta{font-size:11px;color:var(--muted);margin-top:1px;}

/* CN EXPANDABLE TABLE — same pattern as buyers */
.cn-exp-table{width:100%;border-collapse:collapse;}
.cn-exp-table th{background:#F8F9FC;padding:9px 14px;text-align:left;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--border);white-space:nowrap;}
.cn-exp-row{cursor:pointer;transition:background .12s;}
.cn-exp-row td{padding:10px 14px;font-size:12.5px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;}
.cn-exp-row:hover td{background:#F5F7FA;}
.cn-exp-row.expanded td{background:#EEF3FB;border-bottom:none;}
.cn-exp-detail{border-bottom:1px solid var(--border);}
.cn-exp-detail td{padding:0!important;}
.cn-exp-inner{padding:12px 18px 14px 46px;background:#F6F9FE;border-top:1px solid #DAE5F5;display:grid;grid-template-columns:repeat(5,1fr);gap:8px 20px;animation:fadeUp .18s ease;}
.cn-exp-actions{grid-column:1/-1;display:flex;gap:6px;margin-top:6px;padding-top:8px;border-top:1px solid #D8E2F8;}

/* ── CUSTOMER-IN-BROKER STYLES ── */
.cust-card{background:var(--white);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden;animation:fadeUp .18s ease both;box-shadow:var(--card-shadow);}
.cust-card-head{display:flex;align-items:center;gap:12px;padding:15px 17px;cursor:pointer;transition:background .12s;}
.cust-card-head:hover{background:var(--bg);}
.cust-card-head.open{background:#F2F6FD;border-bottom:1px solid var(--border);}
.cust-card-avatar{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:12px;flex-shrink:0;}
.cust-card-info{flex:1;min-width:0;}
.cust-card-name{font-weight:600;font-size:13.5px;color:var(--navy);letter-spacing:-.1px;}
.cust-card-meta{font-size:11px;color:var(--muted);margin-top:1px;}
.cust-card-chips{display:flex;gap:5px;align-items:center;flex-shrink:0;}
.cust-card-arrow{font-size:10px;color:var(--muted);transition:transform .2s;flex-shrink:0;}
.cust-card-arrow.open{transform:rotate(90deg);}
.cust-card-body{display:none;padding:0;}
.cust-card-body.open{display:block;}
.cust-buyer-tabs{display:flex;gap:0;background:var(--bg);padding:10px 16px 0;border-bottom:1px solid var(--border);}
.cbt-btn{padding:7px 16px;border:none;background:transparent;border-bottom:2px solid transparent;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;margin-bottom:-1px;}
.cbt-btn:hover{color:var(--navy);}
.cbt-btn.active{color:var(--navy);border-bottom-color:var(--orange);font-weight:600;}
.cust-buyer-pane{padding:14px 16px;}
.cust-buyer-empty{text-align:center;padding:24px 0;color:var(--muted);font-size:12px;}
.cust-buyer-table{width:100%;border-collapse:collapse;}
.cust-buyer-table th{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;padding:7px 12px;text-align:left;border-bottom:1px solid var(--border);background:#F8F9FC;}
.cust-buyer-table td{padding:10px 12px;font-size:12px;border-bottom:1px solid var(--border);vertical-align:middle;}
.cust-buyer-table tr:last-child td{border-bottom:none;}
.cust-buyer-table tr:hover td{background:#F5F7FA;}
.cust-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:14px 17px;border-bottom:1px solid var(--border);background:#F8FBFF;}
.cust-info-cell .ci-lbl{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;}
.cust-info-cell .ci-val{font-size:12px;font-weight:500;margin-top:1px;}

/* VEHICLES RECEIVED EXPANDABLE TABLE */
.fa-table{width:100%;border-collapse:collapse;}
.fa-table th{background:var(--bg);padding:9px 14px;text-align:left;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);white-space:nowrap;}
.fa-row{cursor:pointer;transition:background .12s;}
.fa-row td{padding:11px 14px;font-size:12.5px;border-bottom:1px solid var(--border);vertical-align:middle;}
.fa-row:hover td{background:#F8F7F4;}
.fa-row.expanded td{background:#EBF0FA;border-bottom:none;}
.fa-detail{border-bottom:1px solid var(--border);}
.fa-detail td{padding:0!important;}
.fa-inner{padding:14px 16px 16px 52px;background:#F4F7FD;border-top:1px solid #D8E2F8;display:grid;grid-template-columns:repeat(4,1fr);gap:8px 20px;animation:fadeUp .18s ease;}
.fa-field .fa-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px;}
.fa-field .fa-val{font-size:12px;font-weight:500;color:var(--navy);}
.fa-field{} /* alias to ex-field for shared expand style */
.fa-exp-inner{padding:10px 16px 12px 16px;background:#F4F7FD;border-top:1px solid #D8E2F8;display:grid;grid-template-columns:repeat(5,1fr);gap:6px 18px;animation:fadeUp .18s ease;}
.fa-field .fa-val.mono{font-family:monospace;font-size:11px;letter-spacing:.3px;}
.fa-actions-row{grid-column:1/-1;display:flex;gap:8px;align-items:center;padding-top:10px;margin-top:4px;border-top:1px solid #D8E2F8;flex-wrap:wrap;}
.fa-dupe-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:var(--yellow-pale);color:var(--yellow);border:1px solid rgba(154,101,0,.2);}


/* ── BROKER PAGE ENHANCEMENTS ── */

/* Profile sections grid — internal dividers instead of gaps */
#ps-account,#ps-contact,#ps-billing{padding:14px 16px;}
#ps-contact,#ps-billing{border-left:1px solid var(--border);}
.ps-row:last-child{margin-bottom:0;}

/* Notes in profile card */
.profile-card > div[style*="margin-top:12px"]{
  background:var(--bg);border-radius:8px;padding:10px 13px;
  font-size:12px!important;color:var(--muted)!important;
  border:1px solid var(--border);margin-top:14px!important;
}

/* Contacts header button */
#ct-add-btn{font-size:11px!important;padding:5px 12px!important;}

/* Buyer type sub-tabs — underline style */
.wh-type-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border);}
.wh-type-tab{padding:8px 16px;font-size:12.5px;font-weight:500;color:var(--muted);border:none;background:transparent;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1px;transition:all .12s;}
.wh-type-tab:hover{color:var(--navy);}
.wh-type-tab.active{color:var(--navy);font-weight:600;border-bottom-color:var(--orange);}

/* Buyer buyer-type pills (inline with sub-header) */
.buyer-type-bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.buyer-type-pill{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:500;border:1.5px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;transition:all .12s;}
.buyer-type-pill:hover{border-color:#9AAFC8;color:var(--navy);}
.buyer-type-pill.active{background:var(--navy);color:#fff;border-color:var(--navy);}
.buyer-type-count{font-size:10px;font-weight:400;opacity:.65;margin-left:2px;}

/* poa-btn */
.poa-btn{background:var(--blue-pale);color:var(--blue);border:1px solid rgba(34,82,191,.15);border-radius:7px;padding:5px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s;}
.poa-btn:hover{background:var(--blue);color:#fff;}

/* ra-btn — row action */
.ra-btn{background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:5px 11px;font-size:11px;color:var(--navy);cursor:pointer;transition:all .12s;}
.ra-btn:hover{border-color:#9AAFC8;background:var(--white);}

/* Buyer expand table wrap */
.entity-table-wrap table.buyer-exp-table{border-radius:0;}

/* Customer buyer pane */
.cust-buyer-pane{padding:14px 17px;}

/* Cust buyer tabs — underline style */
.cbt-btn{padding:7px 16px;border:none;background:transparent;border-bottom:2.5px solid transparent;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .12s;margin-bottom:-1px;}
.cbt-btn:hover{color:var(--navy);}
.cbt-btn.active{color:var(--navy);border-bottom-color:var(--orange);font-weight:600;}
.cust-buyer-tabs{display:flex;gap:0;background:var(--white);padding:8px 17px 0;border-bottom:1px solid var(--border);}

/* Contact role chips */
.role-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:600;border:1px solid transparent;}

/* Expand arrow */
.expand-arrow{display:inline-block;transition:transform .2s;font-size:10px;color:var(--muted);}
.expand-arrow.open{transform:rotate(90deg);}

/* Buyer-in-expand contacts section */
.bx-contacts{margin-top:10px;padding-top:10px;border-top:1px solid #DAE5F5;}
.bx-contact-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(218,229,245,.6);}
.bx-contact-row:last-child{border-bottom:none;}
.bx-contact-name{font-size:12px;font-weight:600;color:var(--navy);}
.bx-contact-meta{font-size:11px;color:var(--muted);margin-top:1px;}

/* Scrollbar — thinner and lighter */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#D4DAE6;border-radius:6px;}
::-webkit-scrollbar-thumb:hover{background:#B8C2D4;}

/* Page title */
#page-title{font-size:19px;font-weight:700;letter-spacing:-.2px;}
#page-sub{font-size:12px;color:var(--muted);margin-top:2px;}

/* Topbar left gap */
.topbar-left{display:flex;align-items:center;gap:14px;}

/* Cards grid */
.co-card{background:var(--white);border-radius:11px;padding:18px;border:1px solid var(--border);cursor:pointer;transition:border-color .2s,box-shadow .2s;animation:fadeUp .2s ease both;box-shadow:0 1px 3px rgba(26,44,70,.05);}
.co-card:hover{border-color:#9AAFC8;box-shadow:0 4px 16px rgba(26,44,70,.09);}

/* ════════════════════════════════════════════
   BROKER PROFILE — FULL REDESIGN
   Two-column: sticky info panel + scrollable content
   ════════════════════════════════════════════ */

/* Main profile shell — two-column layout */
.bp-shell {
  display: grid;
  grid-template-columns: 268px 1fr;
  gap: 0;
  align-items: stretch;
}

/* ── Broker profile = two independent scroll panes in a fixed-height region.
   #content stops scrolling; the header is fixed and each pane scrolls on its own. */
#content.content-split { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
#content.content-split > .page-hdr { flex: 0 0 auto; padding: 22px 28px 14px; margin: 0; }
#content.content-split > .bp-shell { flex: 1 1 auto; min-height: 0; grid-template-rows: minmax(0, 1fr); }

/* ── LEFT PANEL (broker info — scrolls on its own) ── */
.bp-left {
  overflow-y: auto;
  background: var(--white);
  border-right: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  padding: 0;
}
.bp-left::-webkit-scrollbar, .bp-right::-webkit-scrollbar { width: 9px; }
.bp-left::-webkit-scrollbar-thumb, .bp-right::-webkit-scrollbar-thumb { background: var(--border); border-radius: 6px; }

/* Avatar + name block */
.bp-hero {
  padding: 22px 20px 18px;
  border-bottom: 1px solid var(--border);
}
.bp-hero-top {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 14px;
}
.bp-avatar {
  width: 46px;
  height: 46px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
  font-size: 15px;
  flex-shrink: 0;
  letter-spacing: .5px;
}
.bp-name {
  font-size: 15px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.25;
  letter-spacing: -.2px;
}
.bp-city {
  font-size: 11.5px;
  color: var(--muted);
  margin-top: 3px;
}
.bp-badges {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.bp-edit-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  font-size: 11.5px;
  font-weight: 500;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 7px;
  color: var(--navy);
  cursor: pointer;
  transition: all .12s;
  width: 100%;
  justify-content: center;
  margin-top: 12px;
}
.bp-edit-btn:hover { background: var(--navy); color: #fff; border-color: var(--navy); }

/* Info rows in left panel */
.bp-info-section {
  padding: 14px 20px;
  border-bottom: 1px solid var(--border);
}
.bp-info-label {
  font-size: 9.5px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 9px;
}
.bp-info-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 7px;
  font-size: 12px;
}
.bp-info-row:last-child { margin-bottom: 0; }
.bp-info-key { color: var(--muted); flex-shrink: 0; }
.bp-info-val { color: var(--navy); font-weight: 500; text-align: right; word-break: break-word; }

/* Notes */
.bp-notes {
  padding: 12px 20px;
  border-bottom: 1px solid var(--border);
  font-size: 11.5px;
  color: var(--muted);
  line-height: 1.55;
  font-style: italic;
}

/* Contacts in left panel */
.bp-contacts-section {
  padding: 14px 20px 16px;
  flex: 1;
}
.bp-contacts-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.bp-contacts-title {
  font-size: 9.5px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.bp-contact-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--bg);
  margin-bottom: 6px;
  transition: border-color .12s;
}
.bp-contact-item:hover { border-color: #9AAFC8; }
.bp-contact-item:last-child { margin-bottom: 0; }
.bp-contact-info { flex: 1; min-width: 0; }
.bp-contact-name { font-size: 12px; font-weight: 600; color: var(--navy); }
.bp-contact-meta { font-size: 10.5px; color: var(--muted); margin-top: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp-contact-roles { display: flex; gap: 3px; flex-wrap: wrap; margin-top: 4px; }

/* ── RIGHT PANEL ── */
.bp-right {
  min-width: 0;
  padding: 20px 24px;
  background: var(--bg);
  overflow-y: auto;
}

/* Section tabs — underline style, wraps into grouped rows (no horizontal scroll) */
.bp-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 2px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 10px 10px 0 0;
  padding: 2px 8px;
  margin-bottom: 0;
}
/* Forces the next tabs onto a new row so each group sits on its own line */
.bp-tab-break { flex-basis: 100%; height: 0; }
.bp-tab {
  padding: 11px 18px;
  font-size: 13px;
  font-weight: 500;
  color: var(--muted);
  border: none;
  background: transparent;
  cursor: pointer;
  border-bottom: 2.5px solid transparent;
  white-space: nowrap;
  transition: color .12s;
  display: flex;
  align-items: center;
  gap: 6px;
}
.bp-tab:hover { color: var(--navy); }
.bp-tab.active { color: var(--navy); font-weight: 600; border-bottom-color: var(--orange); }
.bp-tab-cust { color: var(--blue) !important; }
.bp-tab-cust.active { border-bottom-color: var(--blue) !important; }
.bp-tab-count {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 1px 7px;
  font-size: 10px;
  font-weight: 500;
  color: var(--muted);
  min-width: 20px;
  text-align: center;
}
.bp-tab.active .bp-tab-count {
  background: var(--orange-pale);
  border-color: rgba(201,77,26,.2);
  color: var(--orange);
}

/* Tab content area */
.bp-tab-content {
  background: var(--white);
  border: 1px solid var(--border);
  border-top: none;
  border-radius: 0 0 10px 10px;
  padding: 20px;
  min-height: 300px;
}

/* Tab content header */
.bp-content-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.bp-content-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--navy);
}
.bp-content-sub {
  font-size: 11.5px;
  color: var(--muted);
  margin-top: 2px;
}

/* Buyer type bar — pill toggle inside tab */
.bp-type-bar {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
}
.bp-type-pill {
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  border: 1.5px solid var(--border);
  background: var(--white);
  color: var(--muted);
  cursor: pointer;
  transition: all .12s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.bp-type-pill:hover { border-color: #9AAFC8; color: var(--navy); }
.bp-type-pill.active { background: var(--navy); color: #fff; border-color: var(--navy); font-weight: 600; }
.bp-type-pill-count { font-size: 10px; opacity: .65; }
.bp-type-pill.active .bp-type-pill-count { opacity: .8; }

/* Buyer expandable table — improved */
.bp-table-wrap {
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}
.bp-table {
  width: 100%;
  border-collapse: collapse;
}
.bp-table th {
  background: #F8F9FC;
  padding: 9px 14px;
  text-align: left;
  font-size: 10px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .7px;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
}
.bp-table-row {
  cursor: pointer;
  transition: background .1s;
}
.bp-table-row td {
  padding: 11px 14px;
  font-size: 12.5px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
  white-space: nowrap;
}
.bp-table tbody tr:last-child td { border-bottom: none; }
.bp-table-row:hover td { background: #F5F7FA; }
.bp-table-row.expanded td { background: #EEF3FB; border-bottom: none; }

/* Expand detail panel */
.bp-expand-cell { padding: 0 !important; border-bottom: 1px solid var(--border) !important; }
.bp-expand-inner {
  padding: 14px 18px 14px 48px;
  background: #F6F9FE;
  border-top: 1px solid #DAE5F5;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px 20px;
  animation: fadeUp .15s ease;
}
.bpx-field {}
.bpx-lbl { font-size: 9.5px; color: var(--muted); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 3px; }
.bpx-val { font-size: 12px; font-weight: 500; color: var(--navy); }
.bpx-contacts-section {
  grid-column: 1/-1;
  border-top: 1px solid #DAE5F5;
  margin-top: 4px;
  padding-top: 10px;
}
.bpx-contacts-label {
  font-size: 9.5px; color: var(--muted); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 8px; font-weight: 600;
}
.bpx-contact-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 7px;
  margin-bottom: 5px;
}
.bpx-contact-row:last-child { margin-bottom: 0; }
.bpx-actions {
  grid-column: 1/-1;
  display: flex;
  gap: 6px;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid #DAE5F5;
  flex-wrap: wrap;
}

/* Customer cards — improved accordion */
.bp-cust-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  transition: box-shadow .15s;
}
.bp-cust-card:hover { box-shadow: 0 2px 10px rgba(26,44,70,.07); }
.bp-cust-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  transition: background .12s;
}
.bp-cust-head:hover { background: #FAFBFD; }
.bp-cust-head.open { background: #F2F6FD; border-bottom: 1px solid var(--border); }
.bp-cust-avatar {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
  font-size: 12px;
  flex-shrink: 0;
}
.bp-cust-name { font-weight: 600; font-size: 13.5px; color: var(--navy); letter-spacing: -.1px; }
.bp-cust-meta { font-size: 11px; color: var(--muted); margin-top: 2px; }
.bp-cust-chips { display: flex; gap: 5px; align-items: center; flex-shrink: 0; }
.bp-cust-arrow { font-size: 10px; color: var(--muted); transition: transform .2s; }
.bp-cust-arrow.open { transform: rotate(90deg); }

/* Customer body */
.bp-cust-body { display: none; }
.bp-cust-body.open { display: block; }

/* Customer buyer sub-tabs */
.bp-cbt-bar {
  display: flex;
  align-items: center;
  padding: 0 16px;
  background: #F8F9FC;
  border-bottom: 1px solid var(--border);
}
.bp-cbt {
  padding: 9px 16px;
  font-size: 12px;
  font-weight: 500;
  color: var(--muted);
  border: none;
  background: transparent;
  cursor: pointer;
  border-bottom: 2.5px solid transparent;
  transition: all .12s;
  margin-bottom: -1px;
}
.bp-cbt:hover { color: var(--navy); }
.bp-cbt.active { color: var(--navy); border-bottom-color: var(--orange); font-weight: 600; }
.bp-cbt-pane { padding: 14px 16px; }
.bp-cbt-empty { text-align: center; padding: 20px 0; color: var(--muted); font-size: 12px; }

/* CN section (consignees / notify) */
.bp-cn-table-wrap {
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}

/* Empty state */
.bp-empty {
  text-align: center;
  padding: 48px 0 40px;
  color: var(--muted);
}
.bp-empty-icon { font-size: 32px; margin-bottom: 10px; }
.bp-empty-title { font-size: 14px; font-weight: 600; color: var(--navy); margin-bottom: 5px; }
.bp-empty-sub { font-size: 12px; color: var(--muted); max-width: 300px; margin: 0 auto; line-height: 1.5; }

/* Reuse existing .poa-btn, .ra-btn, .ico-btn, .badge, .av, .id-type-badge, .active-dot */


/* ═══════════════════════════════════════
   IN-WAREHOUSE v12 STYLES
   ═══════════════════════════════════════ */




















.sb-item.active 








#page-title{font-size:16px;font-weight:700;}
#page-sub{font-size:11px;color:var(--muted);margin-top:1px;}





.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;}
.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:10px 13px;}
.stat-val{font-size:18px;font-weight:700;}
.stat-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;}
.stat-card.accent{background:var(--orange-pale);border-color:rgba(210,78,27,.2);}
.stat-card.accent .stat-val{color:var(--orange);}
.type-pills{display:inline-flex;background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:3px;margin-bottom:10px;gap:2px;}
.tp{padding:5px 12px;border:none;background:transparent;border-radius:7px;font-size:11.5px;font-weight:500;color:var(--muted);cursor:pointer;}
.tp:hover{color:var(--navy);}
.tp.active{background:var(--navy);color:#fff;}
.tp .pc{background:rgba(255,255,255,.18);padding:1px 6px;border-radius:10px;font-size:9.5px;font-weight:600;}
.tp:not(.active) .pc{background:var(--bg);color:var(--muted);}
.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap;}
.search-wrap{position:relative;flex:1;max-width:240px;}
.search-input{width:100%;padding:6px 10px 6px 28px;border:1px solid var(--border);border-radius:8px;background:var(--white);font-size:12px;}
.search-input:focus{outline:none;border-color:var(--orange);}
.si{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted);}
.fi-sel{padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--white);font-size:11.5px;min-width:110px;}
.fi-sel:focus{outline:none;border-color:var(--orange);}

/* ═══════════ TABLE — 6 cols ═══════════ */
.tbl-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:auto;}
table{width:100%;border-collapse:collapse;table-layout:auto;}
thead tr.gh th{padding:6px 10px;font-size:8px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;}
thead tr.gh th:last-child{border-right:none;}
.gh-id  {background:#5B6B82;width:130px;}
.gh-item{background:#2750B8;width:200px;}
.gh-rt  {background:#7A8A4F;width:155px;}
.gh-doc {background:#255E40;width:170px;}
.gh-ph  {background:#6B4FBA;width:60px;}
.gh-br  {background:#8B8679;width:110px;}
thead tr.ch th{background:var(--bg);padding:7px 10px;font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;overflow:hidden;}
thead tr.ch th:last-child{border-right:none;}
tbody tr{border-bottom:1px solid var(--border);transition:background .1s;}
tbody tr:last-child{border-bottom:none;}
tbody tr:hover td{background:#FAFAF8;}
tbody tr.vrow{border-left:3px solid var(--blue);}
tbody tr.prow{border-left:3px solid var(--orange);}
td{padding:9px 10px;vertical-align:middle;font-size:11.5px;overflow:hidden;}
td:last-child{border-right:none;}

/* col 1 */
.c1{display:flex;align-items:flex-start;gap:7px;}
.type-ico{width:27px;height:27px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;margin-top:1px;}
.type-ico.veh{background:var(--blue-pale);}
.type-ico.part{background:var(--orange-pale);}
.c1t .c1-id{font-family:'SF Mono','Monaco',monospace;font-size:11px;font-weight:700;}
.c1t .c1-stock{font-family:'SF Mono','Monaco',monospace;font-size:9px;color:var(--muted);margin-top:1px;}
.c1t .c1-ref{font-family:'SF Mono','Monaco',monospace;font-size:9px;color:var(--navy);background:var(--bg);padding:1px 5px;border-radius:3px;margin-top:3px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:88px;}
/* Prominent VIN — leads the Inventory / All Vehicles row (clearer than id/stock) */
.c1t .c1-vin{font-family:'SF Mono','Monaco',monospace;font-size:13px;font-weight:800;color:var(--navy);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px;margin-bottom:3px;}
.c1t .c1-vin-lbl{font-size:8px;font-weight:700;color:var(--muted);letter-spacing:.8px;text-transform:uppercase;}

/* col 2 */
.ci-label{font-size:8.5px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:2px;}
.ci-main{font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ci-sub{font-size:10.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* part mini-grid: label | value */
.part-grid{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;margin-top:5px;padding-top:5px;border-top:1px solid var(--border);}
.pg-k{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;line-height:1.8;white-space:nowrap;}
.pg-v{font-size:10.5px;font-weight:600;color:var(--navy);line-height:1.8;white-space:nowrap;}
.c2-tags{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px;}
.tag{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:500;padding:2px 7px;border-radius:20px;white-space:nowrap;}
.tky{background:var(--green-pale);color:var(--green);}
.tkn{background:var(--red-pale);color:var(--red);}
.tdg{background:#FEF0FF;color:#7B2FA0;border:1px solid #E9C5F7;cursor:pointer;}
.tndg{background:var(--bg);color:var(--muted);border:1px solid var(--border);cursor:pointer;}

/* col 3 */
.c3-wh{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.c3-cone{font-size:9px;color:var(--muted);font-family:'SF Mono','Monaco',monospace;margin-top:1px;}
.c3-arrow{display:flex;align-items:center;gap:3px;margin:4px 0;}
.c3-ln{flex:1;height:1px;background:var(--border);}
.c3-ic{font-size:9px;color:var(--muted);}
.c3-dest{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.c3-cons{font-size:9.5px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.days-chip{margin-top:4px;display:inline-flex;align-items:center;gap:3px;}
.dc{font-size:10.5px;font-weight:700;}
.dc-f{color:var(--green);}
.dc-a{color:var(--yellow);}
.dc-o{color:var(--red);}
.dc-l{font-size:9.5px;color:var(--muted);}

/* col 4: status + BOS + Title */
.c4{display:flex;flex-direction:column;gap:4px;}
.c4-ready{margin-bottom:1px;}
.doc-btn{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;border:1px solid transparent;cursor:pointer;background:none;text-align:left;width:100%;transition:all .12s;}
.doc-btn:hover{border-color:#aaa;background:var(--white);box-shadow:0 1px 3px rgba(0,0,0,.07);}
.doc-btn.son {background:var(--green-pale);border-color:rgba(37,94,64,.22);}
.doc-btn.son:hover{border-color:var(--green);}
.doc-btn.soff{background:var(--red-pale);border-color:rgba(192,57,43,.22);}
.doc-btn.soff:hover{border-color:var(--red);}
.doc-btn.spend{background:var(--yellow-pale);border-color:rgba(154,101,0,.22);}
.doc-btn.spend:hover{border-color:var(--yellow);}
.doc-btn.sna{background:var(--bg);border-color:var(--border);}
.doc-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.son  .doc-dot{background:var(--green);}
.soff .doc-dot{background:var(--red);}
.spend .doc-dot{background:#E5A000;}
.sna  .doc-dot{background:#bbb;}
.doc-lbl{font-size:10.5px;font-weight:700;flex:1;white-space:nowrap;}
.son  .doc-lbl{color:var(--green);}
.soff .doc-lbl{color:var(--red);}
.spend .doc-lbl{color:#92400E;}
.spend .doc-lbl{color:var(--yellow);}
.sna  .doc-lbl{color:var(--muted);}
.doc-sub{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;}
.doc-pen{font-size:9px;color:var(--muted);opacity:0;flex-shrink:0;transition:opacity .12s;}
.doc-btn:hover .doc-pen{opacity:1;}

/* col 5 */
.c5{text-align:center;cursor:pointer;padding:2px 0;}
.c5-ico{font-size:13px;display:block;margin-bottom:2px;}
.c5-num{font-size:17px;font-weight:700;line-height:1;}
.c5-num.zero{color:var(--red);}
.c5-lbl{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-top:1px;}

/* col 6 */
.c6-name{font-weight:600;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.c6-code{display:inline-block;margin-top:3px;font-size:9px;font-weight:700;background:var(--bg);border:1px solid var(--border);padding:1px 5px;border-radius:3px;color:var(--muted);font-family:'SF Mono','Monaco',monospace;}

.badge{padding:2px 8px;border-radius:20px;font-size:9.5px;font-weight:600;display:inline-flex;align-items:center;gap:3px;line-height:1.4;}
.bg-green{background:var(--green-pale);color:var(--green);}
.bg-yellow{background:var(--yellow-pale);color:var(--yellow);border:1px solid rgba(154,101,0,.2);}
.bg-red{background:var(--red-pale);color:var(--red);}
.rdots{display:inline-flex;gap:3px;align-items:center;margin-top:3px;}
.rdot{width:5px;height:5px;border-radius:50%;background:var(--border);}
.rdot.on{background:var(--green);}
.na-t{color:#ccc;font-style:italic;font-size:10.5px;}

/* WAREHOUSE v12 POPUP MODAL — scoped to #modal-host */
#modal-host .overlay{position:fixed;inset:0;background:rgba(25,44,70,.42);display:flex;align-items:center;justify-content:center;z-index:400;animation:fi .14s;}
@keyframes fi{from{opacity:0}to{opacity:1}}
#modal-host .popup{background:var(--white);border-radius:14px;width:92%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(25,44,70,.25);animation:pi .17s;}
@keyframes pi{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
#modal-host .pop-h{padding:14px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0;}
#modal-host .pop-ico{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
#modal-host .pop-ico.on{background:var(--green-pale);}
#modal-host .pop-ico.off{background:var(--red-pale);}
#modal-host .pop-ico.pending{background:var(--yellow-pale);}
#modal-host .pop-ico.na{background:var(--bg);}
#modal-host .pop-title{font-size:14px;font-weight:700;color:var(--navy);}
#modal-host .pop-sub{font-size:10.5px;color:var(--muted);margin-top:2px;}
#modal-host .pop-x{background:none;border:none;font-size:21px;color:var(--muted);cursor:pointer;margin-left:auto;line-height:1;}
#modal-host .pop-x:hover{color:var(--navy);}
#modal-host .pop-body{padding:15px 18px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px;}
#modal-host .pop-foot{padding:10px 18px;border-top:1px solid var(--border);background:var(--bg);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;border-radius:0 0 14px 14px;}
/* ── Warehouse popup: status banners (scoped) ── */
#modal-host .sbanner,.lb-host .sbanner{padding:9px 12px;border-radius:8px;font-size:11.5px;display:flex;gap:8px;align-items:flex-start;line-height:1.5;}
#modal-host .sbanner.on,.lb-host .sbanner.on{background:var(--green-pale);color:var(--green);border:1px solid rgba(30,107,68,.2);}
#modal-host .sbanner.off,.lb-host .sbanner.off{background:var(--red-pale);color:var(--red);border:1px solid rgba(184,48,48,.2);}
#modal-host .sbanner.pending,.lb-host .sbanner.pending{background:var(--yellow-pale);color:var(--yellow);border:1px solid rgba(133,96,0,.2);}
#modal-host .sbanner.na,.lb-host .sbanner.na{background:var(--bg);color:var(--muted);border:1px solid var(--border);}
#modal-host .sbanner-ic,.lb-host .sbanner-ic{font-size:13px;flex-shrink:0;}
#modal-host .sbanner b,.lb-host .sbanner b{font-weight:600;}

/* ── Warehouse popup + wizard: form elements (shared tb/tg button style) ── */
#modal-host .fg,#content .wiz-tb-fg{display:flex;flex-direction:column;gap:5px;}
#modal-host .fl,#content .wiz-tb-fl{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:0;}
#modal-host .fl .req{color:var(--red);}
#modal-host .tg,#content .wiz-tb-tg{display:flex;gap:4px;flex-wrap:wrap;}
#modal-host .tb,#content .wiz-tb{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg);color:var(--muted);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .13s;}
#modal-host .tb:hover,#content .wiz-tb:hover{border-color:var(--navy);color:var(--navy);}
#modal-host .tb.ay,#content .wiz-tb.ay{background:var(--navy);border-color:var(--navy);color:#fff;}
#modal-host .tb.an,#content .wiz-tb.an{background:var(--red-pale);border-color:rgba(184,48,48,.4);color:var(--red);}
#modal-host .tb.ap,#content .wiz-tb.ap{background:var(--yellow-pale);border-color:rgba(133,96,0,.4);color:var(--yellow);}
#modal-host .tb.ana,#content .wiz-tb.ana{background:var(--navy);border-color:var(--navy);color:#fff;}
#modal-host .fsec{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:10px;}
#modal-host .frow{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#modal-host .fi{width:100%;padding:7px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--white);color:var(--navy);font-size:12px;font-family:'Sora',sans-serif;}
#modal-host .fi:focus{outline:none;border-color:var(--navy);}
#modal-host .fi::placeholder{color:#ccc;}
#modal-host .fi-ro{width:100%;padding:7px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--bg);color:var(--navy);font-size:12px;font-weight:700;}
#modal-host .fsel{width:100%;padding:7px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--white);color:var(--navy);font-size:12px;font-family:'Sora',sans-serif;}
#modal-host .fsel:focus{outline:none;border-color:var(--navy);}
#modal-host .file-area{display:flex;flex-direction:column;gap:6px;}
#modal-host .file-row{display:flex;gap:7px;align-items:center;}
#modal-host .file-row .fi{flex:1;}
#modal-host .browse{padding:7px 12px;border:1.5px solid var(--border);border-radius:8px;background:var(--white);font-size:11.5px;font-weight:500;cursor:pointer;}
#modal-host .browse:hover{background:var(--bg);}
#modal-host .nofile-chk{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);cursor:pointer;user-select:none;}
#modal-host .nofile-chk input{width:13px;height:13px;cursor:pointer;accent-color:var(--navy);}
#modal-host .inote{background:var(--blue-pale);border:1px solid rgba(34,82,191,.2);border-radius:7px;padding:8px 11px;font-size:11px;color:var(--blue);display:flex;gap:7px;align-items:flex-start;line-height:1.5;}
#modal-host .flist{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:11.5px;align-items:center;}
#modal-host .flist .k{color:var(--muted);font-size:10.5px;white-space:nowrap;}
#modal-host .flist .v{color:var(--navy);font-weight:500;word-break:break-word;}
#modal-host .doc-link-btn{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--blue);font-weight:600;padding:4px 9px;background:var(--blue-pale);border-radius:5px;border:none;cursor:pointer;}
#modal-host .doc-link-btn:hover{background:var(--blue);color:#fff;}
#modal-host .empty-msg{padding:14px;background:var(--bg);border-radius:8px;text-align:center;color:var(--muted);font-size:11.5px;line-height:1.6;}
#modal-host .empty-msg .emi{font-size:24px;margin-bottom:6px;display:block;opacity:.4;}
#modal-host .img-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
#modal-host .img-tile{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--muted);cursor:zoom-in;}
#modal-host .img-tile:hover{border-color:var(--navy);}
#modal-host .pending-sub{background:var(--yellow-pale);border:1px solid rgba(133,96,0,.2);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;}
#modal-host .pending-sub-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--yellow);}

/* ── Lightbox (photo viewer) ── */
.lb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:500;cursor:zoom-out;}
.lb-box{background:var(--white);border-radius:12px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:11px;max-width:420px;width:90%;}
.lb-img{width:100%;aspect-ratio:4/3;background:var(--bg);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:56px;}
.lb-nav{display:flex;align-items:center;gap:12px;}
.lb-nav button{background:var(--navy);color:#fff;border:none;border-radius:7px;padding:6px 14px;font-size:12px;cursor:pointer;font-family:'Sora',sans-serif;}
.lb-nav button:disabled{opacity:.35;cursor:default;}
.lb-counter{font-size:11.5px;color:var(--muted);}

/* inline edit buttons */
.ie-btn{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:5px;border:1px solid var(--border);background:var(--white);color:var(--muted);font-size:9.5px;font-weight:600;cursor:pointer;transition:all .12s;margin-top:4px;}
.ie-btn:hover{border-color:var(--navy);color:var(--navy);background:var(--bg);}
.dest-edit-wrap{display:flex;align-items:flex-start;justify-content:space-between;gap:4px;}
.dest-edit-wrap .dest-info{flex:1;min-width:0;}
.part-info-wrap{position:relative;}
.part-edit-btn-row{display:flex;justify-content:flex-end;margin-top:3px;}
/* read-only field in popup */
.fi-ro{width:100%;padding:7px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--bg);color:var(--navy);font-size:12px;font-weight:700;}
/* key badge */
.tkey-yes{background:var(--green-pale);color:var(--green);}
.tkey-no{background:var(--red-pale);color:var(--red);}
.tkey-in{background:var(--blue-pale);color:var(--blue);}
.tkey-out{background:var(--yellow-pale);color:var(--yellow);}


/* ═══════════════════════════════════════════════
   UPCOMING (Incoming / Dispatch / FromApp) STYLES
   ═══════════════════════════════════════════════ */

/* Stats row */
.up-stats-row{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;margin-bottom:24px;}
.up-stat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 6px 20px rgba(26,44,70,.06);position:relative;overflow:hidden;transition:all .2s ease;}
.up-stat-card::before{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(201,77,26,.07) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%);pointer-events:none;}
.up-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(26,44,70,.1);}
.up-stat-n{font-size:28px;font-weight:800;font-family:monospace;line-height:1.1;color:var(--navy);}
.up-stat-l{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-top:8px;font-weight:700;}
.up-stat-s{font-size:11px;margin-top:6px;color:var(--muted);}

/* Filter bar */
.up-filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap;background:rgba(255,255,255,.7);padding:12px 14px;border-radius:14px;border:1px solid var(--border);}
.up-tf-btn{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;border:1.5px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:5px;}
.up-tf-btn:hover{border-color:var(--navy);color:var(--navy);}
.up-tf-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;}
.up-tf-dot{width:7px;height:7px;border-radius:50%;}
.up-count{font-size:11px;color:var(--orange);margin-left:auto;font-weight:600;background:rgba(201,77,26,.08);padding:6px 12px;border-radius:7px;}

/* Table */
.up-tbl-wrap{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 12px 36px rgba(26,44,70,.07);}
.up-tbl-wrap table{width:100%;border-collapse:collapse;}
.up-tbl-wrap thead{background:var(--bg);border-bottom:2px solid var(--border);}
.up-tbl-wrap thead th{padding:13px 14px;text-align:left;font-size:10.5px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.9px;white-space:nowrap;}
.up-mrow{border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;}
.up-mrow:last-child{border-bottom:none;}
.up-mrow:hover{background:rgba(39,80,184,.02);}
.up-mrow.xopen{background:rgba(39,80,184,.03);}
.up-mrow td{padding:13px 14px;vertical-align:middle;color:var(--navy);}
.up-td-arr{display:inline-block;font-size:10px;color:var(--muted);transition:transform .2s;font-weight:600;}
.up-mrow.xopen .up-td-arr{transform:rotate(90deg);}
.up-td-vin{font-family:monospace;font-size:12.5px;font-weight:700;letter-spacing:.6px;}
.up-td-vin span{color:var(--orange);font-weight:800;}
.up-td-car{font-weight:700;font-size:13px;}
.up-td-sub{font-size:11px;color:var(--muted);margin-top:3px;}
.up-xrow{display:none;}
.up-xrow.open{display:table-row;}
.up-xrow-inner{padding:18px;background:linear-gradient(90deg,#F8F9FC 0%,#F4F5F9 100%);border-top:2px solid var(--border);display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px 18px;}
.up-xf{display:flex;flex-direction:column;gap:5px;}
.up-xfl{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700;}
.up-xfv{font-size:12.5px;font-weight:600;color:var(--navy);}
.up-xfv.mono{font-family:monospace;font-size:11.5px;letter-spacing:.5px;}
.up-xrow-acts{grid-column:1/-1;display:flex;gap:7px;padding-top:10px;border-top:1.5px solid var(--border);margin-top:4px;flex-wrap:wrap;}
.up-xa{padding:8px 16px;font-size:12px;font-weight:600;border-radius:9px;border:1.5px solid var(--border);background:#fff;color:var(--navy);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px;}
.up-xa:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.up-xa.orange{color:var(--orange);border-color:rgba(201,77,26,.3);background:rgba(201,77,26,.05);}
.up-xa.orange:hover{background:var(--orange);color:#fff;border-color:var(--orange);}
.up-xa.green{color:var(--green);border-color:rgba(30,107,68,.3);background:rgba(30,107,68,.05);}
.up-xa.green:hover{background:var(--green);color:#fff;border-color:var(--green);}
.up-xa.blue{color:var(--blue);border-color:rgba(34,82,191,.3);background:rgba(34,82,191,.05);}
.up-xa.blue:hover{background:var(--blue);color:#fff;border-color:var(--blue);}
.up-xa.red{color:var(--red);border-color:rgba(184,48,48,.3);}
.up-xa.red:hover{background:var(--red);color:#fff;border-color:var(--red);}
.up-empty-row td{text-align:center;padding:56px 40px;color:var(--muted);}

/* Chips for Incoming/Dispatch/App */
.uc-inc{background:var(--blue-pale);color:var(--blue);padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;}
.uc-dis{background:var(--green-pale);color:var(--green);padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;}
.uc-app{background:var(--orange-pale);color:var(--orange);padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;}

/* Detail drawer (slide-in from right) */
.up-drw-ov{position:fixed;inset:0;background:rgba(25,44,70,.25);display:none;z-index:300;backdrop-filter:blur(3px);}
.up-drw-ov.open{display:block;}
.up-drw{position:fixed;top:0;right:0;bottom:0;width:520px;background:#fff;border-left:1.5px solid var(--border);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:301;box-shadow:-12px 0 40px rgba(25,44,70,.16);border-radius:16px 0 0 16px;}
.up-drw.open{transform:none;}
.up-drw-hd{padding:18px 22px;border-bottom:1.5px solid var(--border);background:var(--bg);flex-shrink:0;position:relative;}
.up-drw-vin{font-family:monospace;font-size:14px;font-weight:800;letter-spacing:1px;color:var(--navy);}
.up-drw-car{font-size:12.5px;color:var(--muted);margin-top:3px;font-weight:500;}
.up-drw-chips{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap;}
.up-drw-x{position:absolute;top:16px;right:18px;background:none;border:1.5px solid var(--border);border-radius:7px;padding:5px 9px;color:var(--muted);font-size:14px;line-height:1;cursor:pointer;}
.up-drw-x:hover{border-color:var(--navy);color:var(--navy);}
.up-drw-bd{flex:1;overflow-y:auto;}
.up-drw-ft{padding:12px 22px;border-top:1.5px solid var(--border);background:var(--white);display:flex;gap:8px;flex-shrink:0;}
.up-ds{border-bottom:1px solid var(--border);}
.up-ds-hd{display:flex;align-items:center;gap:7px;padding:10px 22px;background:rgba(240,243,248,.7);border-bottom:1px solid var(--border);}
.up-ds-ico{font-size:12px;}
.up-ds-ttl{font-size:9.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.9px;}
.up-ds-body{padding:12px 22px;display:flex;flex-direction:column;gap:7px;}
.up-rv{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:20px;}
.up-rv-k{font-size:10.5px;color:var(--muted);flex-shrink:0;font-weight:600;text-transform:uppercase;letter-spacing:.4px;}
.up-rv-v{font-size:12.5px;font-weight:700;color:var(--navy);text-align:right;word-break:break-all;}
.up-rv-v.na{color:var(--muted);font-weight:500;}
.up-rv-v.mono{font-family:monospace;font-size:11.5px;letter-spacing:.4px;}
.up-al{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid var(--border);}
.up-al:last-child{border-bottom:none;}
.up-al-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:5px;}
.up-al-dot.created{background:var(--green);}
.up-al-dot.updated{background:var(--blue);}
.up-al-dot.edited{background:var(--orange);}
.up-al-tx{font-size:11.5px;color:var(--muted);line-height:1.6;flex:1;}
.up-al-tm{font-size:10px;color:var(--muted);font-family:monospace;}



/* ════════════════════════════════════════
   UPCOMING MODULE CSS (list, forms, drawer, merge)
   ════════════════════════════════════════ */
/* ── LAYOUT ── */




/* ── SIDEBAR ── */















/* ── TOPBAR ── */













/* ── CONTENT ── */


/* ── CHIPS ── */
.chip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:10px;font-size:10px;font-weight:600;white-space:nowrap;gap:3px;}
.c-inc{background:var(--blue-pale);color:var(--blue);}
.c-dis{background:var(--green-pale);color:var(--green);}
.c-app{background:var(--orange-pale);color:var(--orange);}

.c-ok{background:var(--green-pale);color:var(--green);}
.c-no{background:var(--red-pale);color:var(--red);}
.c-lien{background:var(--yellow-pale);color:var(--yellow);}

/* ── LIST VIEW ── */
.stats-row{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:32px;}
.stat-card{background:linear-gradient(135deg,#fff 0%,#FAFAF8 100%);border:1px solid rgba(227,223,213,.8);border-radius:20px;padding:24px;box-shadow:0 10px 32px rgba(77,93,120,.08);transition:all .28s ease;position:relative;overflow:hidden;}
.stat-card::before{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(210,78,27,.08) 0%,transparent 70%);border-radius:999px;transform:translate(30%,-30%);pointer-events:none;}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(77,93,120,.12);border-color:rgba(210,78,27,.15);}
.stat-n{font-size:32px;font-weight:800;font-family:monospace;line-height:1.05;background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stat-l{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-top:10px;font-weight:700;}
.stat-s{font-size:12px;margin-top:8px;color:var(--muted);font-weight:500;}

.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:28px;flex-wrap:wrap;background:rgba(255,255,255,.5);padding:16px;border-radius:18px;backdrop-filter:blur(8px);border:1px solid rgba(227,223,213,.4);}
.search-wrap{position:relative;flex:1 1 300px;min-width:260px;}
.si{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none;}
.search-input{padding:11px 14px 11px 38px;border:1px solid rgba(227,223,213,.95);border-radius:12px;color:var(--navy);background:#fff;outline:none;width:100%;box-shadow:0 6px 20px rgba(33,40,58,.06);transition:all .22s ease;font-weight:500;}
.search-input:focus{border-color:var(--blue);box-shadow:0 10px 30px rgba(39,80,184,.12);background:#fff;}
.search-input::placeholder{color:var(--muted);}
.tf-btn{padding:10px 18px;border-radius:10px;font-size:12px;font-weight:600;border:1.5px solid rgba(227,223,213,.95);background:var(--white);color:var(--muted);cursor:pointer;transition:all .22s ease;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px rgba(33,40,58,.06);}
.tf-btn:hover{border-color:var(--navy);color:var(--navy);transform:translateY(-1px);box-shadow:0 8px 20px rgba(33,40,58,.1);}
.tf-btn.active{background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);border-color:transparent;color:#fff;box-shadow:0 8px 24px rgba(39,80,184,.25);}
.tf-dot{width:8px;height:8px;border-radius:50%;transition:transform .22s ease;}
.tf-btn.active .tf-dot{transform:scale(1.2);}
.tbl-count{font-size:12px;color:var(--muted);margin-left:auto;font-weight:600;background:rgba(210,78,27,.08);padding:8px 14px;border-radius:8px;color:var(--orange);}

.tbl-wrap{background:#fff;border:1px solid rgba(227,223,213,.7);border-radius:20px;overflow:hidden;box-shadow:0 20px 48px rgba(77,93,120,.08);transition:all .28s ease;}
.tbl-wrap:hover{box-shadow:0 24px 56px rgba(77,93,120,.12);}
table{width:100%;border-collapse:collapse;table-layout:auto;}
thead{background:linear-gradient(90deg,#F8F7F4 0%,#F2F1ED 100%);border-bottom:2px solid rgba(227,223,213,.8);}
thead th{padding:16px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;cursor:pointer;user-select:none;transition:all .22s ease;position:relative;}
thead th:hover{color:var(--blue);background:rgba(39,80,184,.03);}
.sa::after{content:' ↑';opacity:.6;}.sd::after{content:' ↓';opacity:.6;}
tr.mrow{border-bottom:1px solid rgba(227,223,213,.5);cursor:pointer;transition:all .2s ease;position:relative;}
tr.mrow:last-child{border-bottom:none;}
tr.mrow:hover{background:linear-gradient(90deg,rgba(39,80,184,.02) 0%,rgba(210,78,27,.02) 100%);box-shadow:inset 0 0 1px rgba(39,80,184,.1);}
tr.mrow:hover td{background:transparent;}
tr.mrow.xopen{background:linear-gradient(90deg,rgba(39,80,184,.03) 0%,rgba(210,78,27,.03) 100%);}
tr.mrow.xopen td{background:transparent;}
td{padding:14px;vertical-align:middle;color:var(--navy);}
td:first-child{padding-left:12px;}
td:last-child{padding-right:12px;}
.td-arr{display:inline-block;font-size:11px;color:var(--muted);transition:transform .2s cubic-bezier(.34,.67,.27,1);font-weight:600;}
tr.mrow.xopen .td-arr{transform:rotate(90deg);}
.td-vin{font-family:monospace;font-size:13px;font-weight:700;letter-spacing:.8px;color:var(--navy);}
.td-vin span{color:var(--orange);font-weight:800;}
.td-car{font-weight:700;font-size:13px;color:var(--navy);}
.td-sub{font-size:11px;color:var(--muted);margin-top:4px;font-weight:500;}
tr.xrow{display:none;}
tr.xrow.open{display:table-row;}
.xrow-inner{padding:20px 18px;background:linear-gradient(90deg,#FAFAF8 0%,#F5F4F1 100%);border-top:2px solid rgba(227,223,213,.6);display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px 20px;}
.xf{display:flex;flex-direction:column;gap:6px;}
.xfl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.9px;font-weight:700;}
.xfv{font-size:13px;font-weight:600;color:var(--navy);}
.xfv.mono{font-family:monospace;font-size:12px;letter-spacing:.5px;}
.xrow-acts{grid-column:1/-1;display:flex;gap:8px;padding-top:12px;border-top:1.5px solid rgba(227,223,213,.6);margin-top:6px;flex-wrap:wrap;}
.xa{padding:10px 18px;font-size:12px;font-weight:600;border-radius:10px;border:1.5px solid rgba(227,223,213,.9);background:#fff;color:var(--navy);cursor:pointer;transition:all .22s ease;box-shadow:0 6px 16px rgba(33,40,58,.08);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.xa:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-2px);box-shadow:0 10px 24px rgba(33,40,58,.15);}
.xa.orange{color:var(--orange);border-color:rgba(210,78,27,.3);background:rgba(210,78,27,.06);}
.xa.orange:hover{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 10px 24px rgba(210,78,27,.2);}
.xa.green{color:var(--green);border-color:rgba(37,94,64,.3);background:rgba(37,94,64,.06);}
.xa.green:hover{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 10px 24px rgba(37,94,64,.2);}
.xa.blue{color:var(--blue);border-color:rgba(39,80,184,.3);background:rgba(39,80,184,.06);}
.xa.blue:hover{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 10px 24px rgba(39,80,184,.2);}
.empty-row td{text-align:center;padding:72px 52px;color:var(--muted);}
.empty-ico{font-size:48px;margin-bottom:16px;opacity:.8;}
.empty-t{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px;}

/* ── FORM PAGE ── */
.form-page{max-width:1060px;}
.form-page-hd{margin-bottom:22px;}
.form-page-ttl{font-size:18px;font-weight:700;}
.form-page-sub{font-size:12px;color:var(--muted);margin-top:3px;}

/* VIN lookup bar at top of form */
.vin-lookup-bar{background:linear-gradient(135deg,#fff 0%,#FAFAF8 100%);border:1px solid rgba(227,223,213,.8);border-radius:16px;padding:22px 28px;margin-bottom:20px;display:flex;align-items:flex-end;gap:20px;box-shadow:0 8px 28px rgba(77,93,120,.06);}
.vin-lookup-bar .vin-wrap{flex:1;}
.vin-lookup-bar label{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:8px;}
.vin-lookup-bar input{width:100%;font-family:monospace;letter-spacing:2px;text-transform:uppercase;font-size:15px;font-weight:700;border:2px solid rgba(227,223,213,.8);border-radius:10px;padding:13px 16px;outline:none;color:var(--navy);background:#fff;transition:all .22s ease;}
.vin-lookup-bar input:focus{border-color:var(--blue);box-shadow:0 8px 24px rgba(39,80,184,.12);background:#fff;}
.vin-lookup-btn{background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);color:#fff;border:none;border-radius:10px;padding:13px 30px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 8px 24px rgba(39,80,184,.2);transition:all .22s ease;}
.vin-lookup-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(39,80,184,.28);}
.vin-status{font-size:11px;color:var(--muted);margin-top:6px;min-height:16px;font-weight:500;}

/* found / not-found banners */
.found-banner{border-radius:14px;padding:20px 24px;margin-bottom:20px;border:1.5px solid;box-shadow:0 8px 24px rgba(77,93,120,.07);}
.found-banner.yellow{background:linear-gradient(135deg,var(--yellow-pale) 0%,rgba(255,242,214,.6) 100%);border-color:rgba(154,101,0,.3);}
.found-banner.blue{background:linear-gradient(135deg,var(--blue-pale) 0%,rgba(229,236,251,.6) 100%);border-color:rgba(39,80,184,.25);}
.fb-hd{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.fb-hd.yellow{color:var(--yellow);}
.fb-hd.blue{color:var(--blue);}
.fb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px 20px;margin-bottom:16px;}
.fb-field{display:flex;flex-direction:column;gap:4px;}
.fb-l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700;}
.fb-v{font-size:13px;font-weight:700;color:var(--navy);}
.fb-v.mono{font-family:monospace;font-size:12px;letter-spacing:.4px;}
.fb-msg{font-size:13px;line-height:1.6;font-weight:500;}
.fb-msg.yellow{color:var(--yellow);}
.fb-msg.blue{color:var(--blue);}
.fb-btns{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap;}

/* form cards */
.form-card{background:#fff;border:1px solid rgba(227,223,213,.7);border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 4px 18px rgba(77,93,120,.06);transition:box-shadow .22s ease,border-color .22s ease;}
.form-card:hover{border-color:rgba(210,78,27,.15);box-shadow:0 8px 28px rgba(77,93,120,.1);}
.form-card-hd{display:flex;align-items:center;gap:10px;padding:14px 22px;background:linear-gradient(90deg,rgba(248,247,244,.98) 0%,rgba(244,243,238,.98) 100%);border-bottom:1px solid rgba(227,223,213,.6);}
.form-card-ico{font-size:15px;}
.form-card-ttl{font-size:12.5px;font-weight:700;color:var(--navy);flex:1;letter-spacing:.01em;}
.form-card-sub{font-size:11px;color:var(--muted);font-weight:500;}
.form-card-body{padding:20px 24px;}
.form-card-body.readonly{background:#F9F8F6;}

/* read-only field */
.ro-field{display:flex;flex-direction:column;gap:4px;}
.ro-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700;}
.ro-value{font-size:13px;font-weight:700;color:var(--navy);}
.ro-value.mono{font-family:monospace;font-size:12px;letter-spacing:.4px;}
.ro-value.na{color:var(--muted);font-weight:500;}

/* grid layouts — 3-col default for the wider form */
.fg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px 20px;}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;}
.fg3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px 20px;}
.fg4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px 20px;}
.fg .s2{grid-column:span 2;}
.fg .s3{grid-column:1/-1;}
.fg3 .s2{grid-column:span 2;}
.fg3 .s3{grid-column:1/-1;}

/* field */
.fl{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.9px;display:block;margin-bottom:6px;}
.fi{border:1.5px solid rgba(227,223,213,.8);border-radius:9px;padding:9px 12px;color:var(--navy);background:var(--white);outline:none;width:100%;transition:all .22s ease;font-weight:500;font-size:13px;}
.fi:focus{border-color:var(--blue);box-shadow:0 4px 14px rgba(39,80,184,.1);background:#fff;}
.fi.err{border-color:var(--red)!important;background:var(--red-pale)!important;}
.fi.mono{font-family:monospace;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;font-size:13px;}
textarea.fi{resize:vertical;min-height:76px;}

/* pill toggle */
.pill-group{display:flex;gap:7px;flex-wrap:wrap;}
.pill-opt{padding:7px 15px;border-radius:8px;font-size:12px;font-weight:600;border:1.5px solid rgba(227,223,213,.8);background:var(--white);color:var(--muted);cursor:pointer;transition:all .2s ease;}
.pill-opt:hover{border-color:var(--navy);color:var(--navy);}
.pill-opt.sel{background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(39,80,184,.2);}
.pill-opt.sel-green{background:linear-gradient(135deg,var(--green) 0%,rgba(37,94,64,.9) 100%);border-color:transparent;color:#fff;}
.pill-opt.sel-orange{background:linear-gradient(135deg,var(--orange) 0%,rgba(210,78,27,.9) 100%);border-color:transparent;color:#fff;}

/* save bar */
.save-bar{background:rgba(255,255,255,.97);border:1px solid rgba(227,223,213,.8);border-radius:12px;padding:14px 22px;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px;position:sticky;bottom:16px;box-shadow:0 12px 32px rgba(77,93,120,.1);backdrop-filter:blur(8px);}
.save-bar-left{font-size:12px;color:var(--muted);font-weight:500;margin-right:auto;}

/* detail drawer */
.drw-ov{position:fixed;inset:0;background:rgba(25,44,70,.28);display:none;z-index:100;backdrop-filter:blur(4px);}
.drw-ov.open{display:block;}
.drw{position:fixed;top:0;right:0;bottom:0;width:560px;background:#fff;border-left:1.5px solid rgba(227,223,213,.8);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:101;box-shadow:-16px 0 48px rgba(25,44,70,.18);border-top-left-radius:20px;border-bottom-left-radius:20px;}
.drw.open{transform:none;}
.drw-hd{padding:20px 24px;border-bottom:1.5px solid rgba(227,223,213,.6);background:linear-gradient(90deg,#F9F8F6 0%,#F3F2EE 100%);flex-shrink:0;position:relative;}
.drw-vin{font-family:monospace;font-size:15px;font-weight:800;letter-spacing:1.2px;color:var(--navy);}
.drw-car{font-size:13px;color:var(--muted);margin-top:4px;font-weight:500;}
.drw-chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;}
.drw-x{position:absolute;top:18px;right:20px;background:none;border:1.5px solid rgba(227,223,213,.8);border-radius:8px;padding:6px 10px;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;transition:all .22s ease;}
.drw-x:hover{border-color:var(--navy);color:var(--navy);background:rgba(25,44,70,.04);}
.drw-bd{flex:1;overflow-y:auto;}
.drw-ft{padding:14px 24px;border-top:1.5px solid rgba(227,223,213,.6);background:var(--white);display:flex;gap:10px;flex-shrink:0;}
.ds{border-bottom:1px solid rgba(227,223,213,.4);}
.ds-hd{display:flex;align-items:center;gap:8px;padding:12px 24px;background:rgba(248,247,244,.8);border-bottom:1px solid rgba(227,223,213,.4);}
.ds-ico{font-size:13px;}
.ds-ttl{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.9px;}
.ds-
.rv{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:22px;}
.rv-k{font-size:11px;color:var(--muted);flex-shrink:0;font-weight:600;text-transform:uppercase;letter-spacing:.5px;}
.rv-v{font-size:13px;font-weight:700;color:var(--navy);text-align:right;word-break:break-all;}
.rv-v.na{color:var(--muted);font-weight:500;}
.rv-v.mono{font-family:monospace;font-size:12px;letter-spacing:.4px;}
.al{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(227,223,213,.4);}
.al:last-child{border-bottom:none;}
.al-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px;box-shadow:0 2px 6px rgba(0,0,0,.15);}
.al-dot.created{background:var(--green);}
.al-dot.updated{background:var(--blue);}
.al-dot.edited{background:var(--orange);}
.al-tx{font-size:12px;color:var(--muted);line-height:1.6;flex:1;font-weight:500;}
.al-tx strong{color:var(--navy);font-weight:700;}
.al-tm{font-size:10px;color:var(--muted);font-family:monospace;white-space:nowrap;letter-spacing:.4px;}

/* merge page */
.merge-page{max-width:960px;}
.merge-hero{background:linear-gradient(135deg,var(--orange-pale) 0%,rgba(250,233,227,.4) 100%);border:1.5px solid rgba(210,78,27,.2);border-radius:18px;padding:22px 26px;margin-bottom:24px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 28px rgba(210,78,27,.08);}
.merge-hero-ico{font-size:28px;}
.merge-hero-ttl{font-size:17px;font-weight:800;color:var(--navy);}
.merge-hero-sub{font-size:12px;color:var(--muted);margin-top:3px;font-weight:500;}
.merge-cols{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;margin-bottom:18px;align-items:stretch;}
.merge-col-hd{padding:14px 18px;border-radius:16px 16px 0 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;}
.merge-col-hd.left{background:linear-gradient(135deg,var(--red-pale) 0%,rgba(254,232,232,.6) 100%);color:var(--red);border:1.5px solid rgba(192,57,43,.2);border-bottom:none;}
.merge-col-hd.right{background:linear-gradient(135deg,var(--green-pale) 0%,rgba(227,239,233,.6) 100%);color:var(--green);border:1.5px solid rgba(37,94,64,.2);border-bottom:none;}
.merge-col-
.merge-col-body.left{border-radius:0 0 0 16px;border-right:none;}
.merge-col-body.right{border-radius:0 0 16px 0;border-left:none;}
.merge-mid{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:54px;gap:0;}
.merge-row{display:grid;grid-template-columns:1fr 60px 1fr;align-items:stretch;border-bottom:1px solid rgba(227,223,213,.5);}
.merge-row:last-child{border-bottom:none;}
.merge-cell{padding:10px 18px;display:flex;flex-direction:column;gap:3px;}
.merge-cell.left{border-right:none;}
.merge-cell.right{border-left:none;}
.merge-cell-lbl{font-size:9.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;}
.merge-cell-val{font-size:13px;font-weight:600;color:var(--navy);}
.merge-cell-val.mono{font-family:monospace;font-size:12px;letter-spacing:.5px;}
.merge-cell-val.na{color:var(--muted);font-weight:400;font-style:italic;}
.merge-arrow-cell{display:flex;align-items:center;justify-content:center;background:#fff;border-top:none;border-bottom:none;position:relative;}
.merge-choose{display:flex;flex-direction:column;align-items:center;gap:4px;}
.mc-btn{width:38px;height:24px;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer;border:1.5px solid rgba(227,223,213,.8);background:#fff;color:var(--muted);transition:all .18s ease;display:flex;align-items:center;justify-content:center;}
.mc-btn:hover{border-color:var(--navy);color:var(--navy);}
.mc-btn.sel-left{background:var(--red-pale);border-color:rgba(192,57,43,.4);color:var(--red);}
.mc-btn.sel-right{background:var(--green-pale);border-color:rgba(37,94,64,.4);color:var(--green);}
.merge-result-card{background:#fff;border:1.5px solid rgba(39,80,184,.2);border-radius:16px;padding:18px 22px;margin-bottom:18px;box-shadow:0 10px 28px rgba(39,80,184,.06);}
.merge-result-hd{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--blue);margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.merge-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 16px;}
.merge-result-field{display:flex;flex-direction:column;gap:3px;}
.merge-result-lbl{font-size:9.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;}
.merge-result-val{font-size:13px;font-weight:700;color:var(--navy);}
.merge-result-val.mono{font-family:monospace;font-size:12px;letter-spacing:.5px;}
.deactivate-note{background:var(--red-pale);border:1px solid rgba(192,57,43,.2);border-radius:10px;padding:12px 16px;font-size:12px;color:var(--red);font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:18px;}



to{opacity:1;transform:translateX(0);}}
to{opacity:1;transform:translateY(0);}}
/* ══════════════════════════════════════════
   DESIGN UPGRADE — COLOR & UX POLISH
══════════════════════════════════════════ */
:root{
  /* Refined palette */
  --bg:#F4F6FA;
  --navy:#0F2137;
  --orange:#D4581E;
  --orange-pale:#FEF0E8;
  --border:#E2E8F0;
  --muted:#64748B;
  --green:#166534;
  --green-pale:#DCFCE7;
  --blue:#1D4ED8;
  --blue-pale:#EFF6FF;
  --yellow:#92400E;
  --yellow-pale:#FEF3C7;
  --red:#B91C1C;
  --red-pale:#FEF2F2;
  --sidebar:#0A1628;
  --s-text:#7B9EC0;
  --card-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --card-shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);
  --r:10px;
  --accent:#D4581E;
}
body{background:#ECF0F7;}

/* ── Sidebar ── */
#sidebar{background:var(--sidebar);box-shadow:4px 0 20px rgba(0,0,0,.15);}
.sb-brand-name{font-size:20px;letter-spacing:-.3px;}
.sb-item{font-size:12.5px;border-left-width:3px;padding:9px 22px;}
.sb-item:hover{background:rgba(255,255,255,.06);color:#fff;}
.sb-item.active{background:rgba(255,255,255,.1);border-left-color:var(--orange);color:#fff;font-weight:600;}
.sb-badge{background:rgba(255,255,255,.12);border-radius:20px;padding:2px 9px;font-size:10.5px;color:rgba(255,255,255,.6);font-weight:600;}

/* ── Topbar ── */
#topbar{border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--border),0 2px 8px rgba(0,0,0,.04);background:#fff;}
#page-title{font-size:17px;font-weight:700;letter-spacing:-.2px;color:var(--navy);}
#page-sub{font-size:11.5px;color:var(--muted);margin-top:1px;}
.btn-primary{background:var(--orange);border-radius:9px;font-weight:600;font-size:12.5px;padding:9px 18px;box-shadow:0 2px 8px rgba(212,88,30,.3);letter-spacing:.1px;}
.btn-primary:hover{opacity:1;background:#C24F18;box-shadow:0 4px 14px rgba(212,88,30,.35);transform:translateY(-1px);}
.back-btn{border-radius:8px;font-size:12px;font-weight:500;}

/* ── Main table wrapper — no overflow clip so actions never cut ── */
.tbl-wrap{
  border-radius:14px;border:1px solid var(--border);
  box-shadow:var(--card-shadow-md);
  overflow:visible;  /* ← was hidden; use clip on inner div instead */
}
.tbl-wrap:hover{box-shadow:0 8px 24px rgba(0,0,0,.09);}
.tbl-wrap > div,.tbl-wrap > .tbl-inner{border-radius:14px;overflow:hidden;}

/* Make all table wrappers clip via inner div, not the outer wrapper */
.tbl-wrap table,.up-tbl-wrap table,.disp-table-wrap table,.cust-table-wrap table{
  table-layout:auto !important;
  width:100%;
}
/* Clip properly using a scroll container */
.tbl-wrap,.up-tbl-wrap,.disp-table-wrap,.cust-table-wrap{
  overflow:clip;
  overflow-clip-margin:0px;
}

/* ── Table head ── */
thead{background:#F8FAFC;}
thead th{
  padding:13px 16px;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.7px;
  color:var(--muted);
  text-transform:uppercase;
  border-bottom:1.5px solid var(--border);
  white-space:nowrap;
}
thead th:hover{color:var(--navy);background:#F1F5F9;}

/* ── Table body rows ── */
td{padding:12px 16px;vertical-align:middle;font-size:12.5px;color:var(--navy);}
td:first-child{padding-left:16px;}
td:last-child{padding-right:16px;}
tr.mrow{border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;}
tr.mrow:hover{background:#F8FAFC;}
tr.mrow.xopen{background:#F0F7FF;}
tr.mrow:hover td,tr.mrow.xopen td{background:transparent;}

/* ── Action column — never squish or clip ── */
td:last-child:has(button),th:last-child{
  white-space:nowrap;
  width:1%;
  padding-right:16px;
}

/* ── Expanded row ── */
.xrow-inner{
  padding:18px 20px;
  background:#F8FAFC;
  border-top:1.5px solid var(--border);
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:12px 20px;
}
.xfl{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-bottom:2px;}
.xfv{font-size:13px;font-weight:600;color:var(--navy);}

/* ── Expand arrow ── */
.td-arr{font-size:10px;color:#94A3B8;transition:transform .18s;}
tr.mrow.xopen .td-arr{transform:rotate(90deg);color:var(--blue);}

/* ── VIN display ── */
.td-vin{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--navy);}
.td-vin span{color:var(--orange);}
.td-car{font-weight:600;font-size:13px;color:var(--navy);}
.td-sub{font-size:11px;color:var(--muted);margin-top:3px;}

/* ── Action buttons in expanded rows ── */
.xa{
  padding:8px 16px;font-size:11.5px;font-weight:600;
  border-radius:8px;border:1.5px solid var(--border);
  background:#fff;color:var(--navy);cursor:pointer;
  transition:all .15s;display:inline-flex;align-items:center;gap:5px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.xa:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12);}
.xa.orange{color:var(--orange);border-color:rgba(212,88,30,.25);background:#FFF8F5;}
.xa.orange:hover{background:var(--orange);color:#fff;border-color:var(--orange);}
.xa.green{color:var(--green);border-color:rgba(22,101,52,.25);background:#F0FDF4;}
.xa.green:hover{background:var(--green);color:#fff;border-color:var(--green);}
.xa.blue{color:var(--blue);border-color:rgba(29,78,216,.25);background:#EFF6FF;}
.xa.blue:hover{background:var(--blue);color:#fff;border-color:var(--blue);}

/* ── Badges ── */
.badge-active{background:#DCFCE7;color:#166534;border:1px solid rgba(22,101,52,.15);font-weight:700;}
.badge-inactive{background:#F1F5F9;color:#64748B;border:1px solid #E2E8F0;}
.badge-blocked{background:#FEF2F2;color:#B91C1C;border:1px solid rgba(185,28,28,.15);}
.badge-neutral{background:#FEF3C7;color:#92400E;border:1px solid rgba(146,64,14,.15);}
.tag-VIP{background:#FEF0E8;color:var(--orange);font-weight:700;}
.tag-Active{background:#DCFCE7;color:#166534;}
.tag-Prospect{background:#EFF6FF;color:var(--blue);}

/* ── BOS badges ── */
.bos-yes{background:#DCFCE7;color:#166534;border:1px solid rgba(22,101,52,.2);}
.bos-no{background:#FEF2F2;color:#B91C1C;border:1px solid rgba(185,28,28,.2);}
.bos-na{background:#F1F5F9;color:#64748B;border:1px solid #E2E8F0;}

/* ── Filter bar pills ── */
.tf-btn{
  padding:7px 16px;border-radius:100px;font-size:12px;font-weight:500;
  border:1.5px solid var(--border);background:#fff;color:var(--muted);
  cursor:pointer;transition:all .15s;box-shadow:0 1px 2px rgba(0,0,0,.04);
  display:inline-flex;align-items:center;gap:6px;
}
.tf-btn:hover{border-color:var(--navy);color:var(--navy);transform:none;box-shadow:0 2px 6px rgba(0,0,0,.08);}
.tf-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 2px 8px rgba(15,33,55,.25);}
.tf-dot{width:7px;height:7px;border-radius:50%;}

/* ── Search input ── */
.search-input{border-radius:9px;border:1.5px solid var(--border);font-size:13px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,78,216,.08);}

/* ── Form inputs ── */
.fi{
  border:1.5px solid var(--border);border-radius:8px;padding:9px 12px;
  font-size:13px;color:var(--navy);background:#fff;outline:none;width:100%;
  transition:border-color .15s,box-shadow .15s;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.fi:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,78,216,.08);}
.fi.err{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(185,28,28,.08)!important;}
.fl{font-size:11px;font-weight:600;color:var(--muted);display:block;margin-bottom:5px;letter-spacing:.2px;}

/* ── Cards (broker cards) ── */
.co-card{border-radius:12px;border:1px solid var(--border);box-shadow:var(--card-shadow);transition:all .18s;}
.co-card:hover{border-color:var(--blue);box-shadow:var(--card-shadow-md);transform:translateY(-2px);}

/* ── Buttons ── */
.btn-save{background:var(--navy);color:#fff;border:none;border-radius:9px;padding:10px 22px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;}
.btn-save:hover{background:#1a3055;box-shadow:0 4px 12px rgba(15,33,55,.2);}
.btn-ghost{background:#fff;border:1.5px solid var(--border);border-radius:9px;padding:10px 18px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;}
.btn-ghost:hover{border-color:var(--navy);color:var(--navy);}

/* ── Modal ── */
.overlay{background:rgba(0,0,0,.45);backdrop-filter:blur(4px);}
.modal{border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.2);border:none;}
.modal-header{padding:18px 22px;border-bottom:1px solid var(--border);background:#fff;}
.modal-ttl{font-size:15px;font-weight:700;color:var(--navy);letter-spacing:-.1px;}
.modal-body{padding:20px 22px;}
.modal-foot{padding:14px 22px;border-top:1px solid var(--border);background:#F8FAFC;}

/* ── Dispatch step bar ── */
.dp-step-bar{border-radius:10px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--card-shadow);}
.dp-step{padding:12px 16px;background:#fff;border-right:1px solid var(--border);font-size:12px;gap:8px;}
.dp-step.active{background:var(--navy);color:#fff;}
.dp-step.done{background:#F0FDF4;}
.dp-step.done .dp-step-lbl{color:var(--green);}
.dp-step.active .dp-step-num{background:#fff;color:var(--navy);border-color:#fff;}

/* ══════════ CHECK PRINTING (Deluxe-style eCheck) ══════════ */
.chk-modal{background:#fff;width:min(820px,96vw);max-height:94vh;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.3);}
.chk-modal-hdr{background:var(--navy);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.chk-modal-x{background:rgba(255,255,255,.2);border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:18px;cursor:pointer;line-height:1;}
.chk-modal-body{padding:18px;overflow-y:auto;flex:1;background:#F0F3F8;}
.chk-modal-foot{padding:14px 20px;border-top:1px solid var(--border);background:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;}
.chk-modal-foot-note{font-size:11px;color:var(--muted);}
.chk-print-btn{background:var(--orange);}
.chk-sig-controls{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:14px;}
.chk-sig-hdr{font-size:10px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;}
.chk-sig-sub{font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0;}
.chk-sig-modes{display:flex;gap:6px;margin-bottom:10px;}
.chk-sig-mode-btn{padding:6px 14px;border:1.5px solid var(--border);background:#fff;color:var(--muted);border-radius:7px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;}
.chk-sig-mode-btn.on{border-color:var(--navy);background:var(--navy);color:#fff;}
.chk-sig-typed{font-family:'Brush Script MT','Snell Roundhand','Lucida Handwriting',cursive!important;font-size:24px!important;padding:8px 12px!important;color:#1a3a8e!important;}
.chk-sig-canvas{border:1.5px dashed #b0c4e0;border-radius:6px;background:#fff;cursor:crosshair;display:block;touch-action:none;}
.chk-sig-clear-btn{margin-top:6px;padding:4px 10px;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:10.5px;cursor:pointer;font-family:inherit;}

/* The check itself — right-side-up (NOT rotated like the Deluxe original) */
.chk-print{position:relative;width:730px;background:#e9edf2;border:1px solid #c8d4e8;border-radius:6px;overflow:hidden;margin:0 auto;color:#1a2c46;font-family:'Ebrima','Segoe UI','Helvetica Neue',Arial,sans-serif;}
.chk-print .chk-body{padding:18px 26px 4px 50px;position:relative;}
.chk-print .chk-blue-band{position:absolute;left:0;top:0;bottom:0;width:34px;background:linear-gradient(180deg,#1a3a8e 0%,#1f5a9e 100%);}
.chk-print .chk-side-label{position:absolute;left:6px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;font-size:9px;color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:600;white-space:nowrap;}
.chk-print .chk-verify-strip{font-size:8px;color:#5a7a9c;margin-bottom:8px;letter-spacing:.3px;}
.chk-print .chk-hdr-row{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #c8d4e8;padding-bottom:10px;margin-bottom:14px;gap:18px;}
.chk-print .chk-payer-top{font-size:10px;color:#5a7a9c;border-bottom:1px solid #c8d4e8;padding-bottom:3px;margin-bottom:8px;display:inline-block;}
.chk-print .chk-payer-name{font-size:18px;font-weight:700;color:#1a3a8e;margin-bottom:3px;}
.chk-print .chk-payer-line{font-size:13px;color:#1a2c46;line-height:1.4;}
.chk-print .chk-meta{text-align:right;min-width:180px;}
.chk-print .chk-num{font-size:27px;font-weight:700;color:#1a3a8e;letter-spacing:2px;margin-bottom:6px;font-family:'Ebrima','Segoe UI','Helvetica Neue',Arial,sans-serif;}
.chk-print .chk-date-row{display:flex;justify-content:flex-end;align-items:baseline;gap:6px;margin-bottom:4px;}
.chk-print .chk-mlbl{font-size:10px;color:#5a7a9c;text-transform:uppercase;letter-spacing:.5px;font-weight:600;}
.chk-print .chk-date{font-size:15px;font-weight:700;border-bottom:1px solid #1a2c46;padding:0 8px 2px;min-width:100px;text-align:left;}
.chk-print .chk-void{font-size:9.5px;color:#5a7a9c;font-style:italic;}
.chk-print .chk-pay-row{display:grid;grid-template-columns:80px 1fr 150px;gap:14px;align-items:center;margin-bottom:8px;}
.chk-print .chk-pay-lbl{font-size:11px;font-weight:700;color:#5a7a9c;text-transform:uppercase;letter-spacing:.5px;line-height:1.4;}
.chk-print .chk-payee-line{font-size:17px;font-weight:600;border-bottom:1px solid #1a2c46;padding:5px 8px;}
.chk-print .chk-amount-box{font-size:21px;font-weight:700;border:1.5px solid #1a2c46;border-radius:4px;padding:6px 12px;text-align:right;background:#fff;}
.chk-print .chk-amt-words-row{display:flex;align-items:baseline;gap:0;font-size:15px;border-bottom:1px solid #1a2c46;padding:6px 8px;margin-bottom:16px;}
.chk-print .chk-amt-words{font-weight:600;white-space:nowrap;}
.chk-print .chk-fill{flex:1;border-bottom:1.5px dotted #c8d4e8;align-self:flex-end;margin:0 8px 4px;height:1px;}
.chk-print .chk-dollars-lbl{font-size:13px;color:#5a7a9c;font-weight:600;font-style:italic;}
.chk-print .chk-bank{margin-bottom:18px;}
.chk-print .chk-bank-name{font-size:13.5px;font-weight:600;}
.chk-print .chk-bank-na{font-size:13.5px;}
.chk-print .chk-memo-sig-row{display:grid;grid-template-columns:1fr 300px;gap:24px;margin-bottom:14px;align-items:flex-end;}
.chk-print .chk-memo{font-size:13px;border-bottom:1px solid #1a2c46;padding:5px 4px 3px;display:flex;gap:10px;align-items:baseline;}
.chk-print .chk-memo-val{font-family:'Consolas','Courier New',monospace;font-weight:600;}
.chk-print .chk-sig-area{position:relative;background:#fff;border-radius:4px;padding:2px 4px;}
.chk-print .chk-sig-render{font-family:'Brush Script MT','Snell Roundhand','Lucida Handwriting',cursive;font-size:24px;color:#1a3a8e;min-height:34px;display:flex;align-items:flex-end;justify-content:center;padding:0 6px 2px;}
.chk-print .chk-sig-render img{max-height:50px;max-width:100%;}
.chk-print .chk-sig-line{border-top:1px solid #1a2c46;font-size:10px;color:#5a7a9c;text-align:center;padding-top:3px;text-transform:uppercase;letter-spacing:.7px;font-weight:600;}
.chk-print .chk-micr{font-family:'IDAutomationMICR','OCR-A','Consolas','Courier New',monospace;font-size:18px;font-weight:700;letter-spacing:4px;padding:10px 14px;background:#fff;border-top:1px dashed #c8d4e8;text-align:center;margin:0 -26px 0 -50px;color:#1a2c46;}

/* ── Full Deluxe eCheck page (check + how-to-use + for-your-records), right-side-up ── */
.chk-page{width:730px;margin:0 auto;color:#1a2c46;font-family:'Ebrima','Segoe UI','Helvetica Neue',Arial,sans-serif;background:#fff;}
.chk-page .chk-print{width:100%;margin:0;}
.chk-cut{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:2px dashed #b9c6da;margin:18px 0 16px;padding-top:7px;font-size:12px;color:#5a7a9c;}
.chk-scissors{font-size:16px;transform:scaleX(-1);}
.chk-howto-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;gap:14px;flex-wrap:wrap;}
.chk-howto-h{font-size:21px;font-weight:700;color:#1a2c46;}
.chk-howto-help{font-size:12px;color:#1a2c46;}
.chk-steps{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #d6deea;border-radius:5px;overflow:hidden;}
.chk-step{border-right:1px solid #d6deea;}
.chk-step:last-child{border-right:none;}
.chk-step-hd{background:#eaf1f8;padding:9px 12px;border-bottom:1px solid #d6deea;}
.chk-step-n{font-size:12px;font-weight:700;color:#1a2c46;}
.chk-step-t{font-size:13.5px;font-weight:700;color:#1a2c46;}
.chk-step-bd{padding:11px 12px;font-size:12px;line-height:1.45;}
.chk-ck{display:flex;gap:6px;align-items:baseline;margin-bottom:3px;}
.chk-tick{color:#1e9e5a;font-weight:800;}
.chk-x{color:#c0392b;font-weight:800;}
.chk-sub{padding-left:18px;color:#1a2c46;font-size:11.5px;margin-bottom:1px;}
.chk-ol{margin-bottom:3px;}
.chk-fi{margin-top:14px;padding-top:12px;border-top:1px solid #e3e9f2;}
.chk-fi-h{font-weight:700;font-size:12.5px;margin-bottom:6px;}
.chk-fi ul{margin:0;padding-left:18px;font-size:11.5px;line-height:1.5;color:#1a2c46;}
.chk-fi li{margin-bottom:4px;}
.chk-q{font-size:14px;margin:10px 0 0;}
.chk-records{display:flex;justify-content:space-between;gap:30px;margin-top:24px;padding-top:8px;}
.chk-rec-left{font-size:12px;line-height:1.65;}
.chk-rec-h{font-size:21px;font-weight:600;margin-bottom:8px;color:#1a2c46;}
.chk-rec-right{max-width:300px;}
.chk-rec-biz{font-size:12.5px;line-height:1.5;color:#1a2c46;margin-bottom:16px;}
.chk-deluxe{font-size:27px;font-weight:700;color:#1a2c46;letter-spacing:-.5px;}
.chk-deluxe-sub{font-size:10px;font-weight:600;letter-spacing:1px;color:#9aa3ad;margin-left:7px;vertical-align:middle;}

/* Print: only the eCheck page shows; chrome hidden */
@media print{
  body *{visibility:hidden;}
  #check-print-modal, #check-print-modal *{visibility:visible;}
  #check-print-modal{position:absolute;top:0;left:0;right:0;background:#fff !important;display:block !important;padding:0;margin:0;}
  #check-print-modal .chk-modal{box-shadow:none !important;border-radius:0 !important;width:100% !important;max-height:none !important;background:#fff !important;}
  #check-print-modal .chk-modal-hdr, #check-print-modal .chk-modal-foot, #check-print-modal .chk-sig-controls{display:none !important;}
  #check-print-modal .chk-modal-body{padding:0 !important;background:#fff !important;overflow:visible !important;}
  .chk-page{margin:0 auto;zoom:.9;page-break-inside:avoid;}
  .chk-print{border:none !important;box-shadow:none !important;page-break-inside:avoid;}
  .chk-steps,.chk-records{page-break-inside:avoid;}
}
@page{size:letter;margin:.3in;}
.dp-step.done .dp-step-num{background:var(--green);border-color:var(--green);color:#fff;}
.dp-step-num{width:22px;height:22px;border-radius:50%;border:1.5px solid #CBD5E1;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dp-card{border-radius:12px;border:1px solid var(--border);box-shadow:var(--card-shadow);}
.dp-card-head{background:#F8FAFC;padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--navy);}
.dp-card-body{padding:20px;}
.dp-card-foot{padding:14px 18px;border-top:1px solid var(--border);background:#F8FAFC;display:flex;align-items:center;justify-content:space-between;}

/* ── Section blocks (wiz) ── */
.wiz2-section-block{border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;background:#F8FAFC;}
.wiz2-sec-lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:10px;}

/* ── Pill groups ── */
.pill-group{display:flex;gap:6px;flex-wrap:wrap;}
.pill-opt{padding:7px 16px;border-radius:100px;font-size:12.5px;font-weight:500;border:1.5px solid var(--border);background:#fff;color:var(--muted);cursor:pointer;transition:all .15s;}
.pill-opt:hover{border-color:var(--navy);color:var(--navy);}
.pill-opt.sel{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600;}

/* ── Upcoming chips ── */
.chip{padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;}
.c-inc{background:#EFF6FF;color:var(--blue);border:1px solid rgba(29,78,216,.2);}
.c-dis{background:#F0FDF4;color:var(--green);border:1px solid rgba(22,101,52,.2);}
.c-app{background:#FEF0E8;color:var(--orange);border:1px solid rgba(212,88,30,.2);}
.c-doc{background:var(--bg);color:var(--muted);border:1px solid var(--border);}

/* ── Stat cards (upcoming) ── */
.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 20px;box-shadow:var(--card-shadow);}
.stat-n{font-size:28px;font-weight:800;letter-spacing:-1px;}

/* ── Save bar ── */
.save-bar{background:#fff;border-top:1px solid var(--border);padding:14px 0 0;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px;}

/* ── Toast ── */
.val-toast{border-radius:10px;font-size:12.5px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.15);}

/* ── Empty states ── */
.empty-row td{padding:64px 40px;}
.empty-ico{font-size:44px;opacity:.6;}
.empty-t{font-size:15px;font-weight:700;color:var(--navy);}

/* ── Upcoming table ── */
.tbl-wrap table{table-layout:auto;}
.up-tbl thead th{font-size:10px;letter-spacing:.8px;}

/* ── Dispatch list table ── */
.disp-table th{padding:12px 16px;font-size:10px;font-weight:700;letter-spacing:.7px;color:var(--muted);background:#F8FAFC;border-bottom:1.5px solid var(--border);}
.disp-table td{padding:11px 16px;font-size:12.5px;border-bottom:1px solid var(--border);}
.disp-exp-row{cursor:pointer;transition:background .12s;}
.disp-exp-row:hover{background:#F8FAFC;}
.disp-exp-inner{padding:16px 20px;background:#F8FAFC;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px 20px;}
.disp-exp-lbl{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-bottom:3px;}
.disp-exp-val{font-size:13px;font-weight:600;color:var(--navy);}
.disp-action-btn{padding:8px 14px;font-size:11.5px;font-weight:600;border:1.5px solid var(--border);border-radius:8px;background:#fff;color:var(--navy);cursor:pointer;transition:all .15s;}
.disp-action-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.disp-action-btn.inv{background:var(--navy);color:#fff;border-color:var(--navy);}
.disp-action-btn.inv:hover{background:#1a3055;}
.disp-action-btn.email{background:#EFF6FF;color:var(--blue);border-color:rgba(29,78,216,.25);}
.disp-action-btn.email:hover{background:var(--blue);color:#fff;}

/* ── Profile cards ── */
.profile-card{border-radius:14px;border:1px solid var(--border);box-shadow:var(--card-shadow);}

/* ── Scrollbar ── */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:#94A3B8;}

/* ── id-type-badge ── */
.id-type-badge{background:var(--blue-pale);color:var(--blue);border:1px solid rgba(29,78,216,.15);font-weight:700;}

/* ── Section headers within content ── */
.sec-heading{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);margin:16px 0 8px;}

/* ── Up drawer ── */
.up-drw{background:#fff;border-left:1px solid var(--border);box-shadow:-8px 0 32px rgba(0,0,0,.1);}
.up-drw-hd{padding:16px 20px;border-bottom:1px solid var(--border);background:#F8FAFC;}

/* ── Avatar ── */
.av{border-radius:10px;}
.av-sm{border-radius:50%;}

/* ── UX SLIDER TOGGLE — single-ball, on/off ──
   Replaces Yes/No pill pairs for binary flags (DG, Charger, Pending, Lien). */
.ux-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;padding:8px 14px;border-radius:10px;border:1.5px solid var(--border);background:#fff;transition:all .15s;font-family:inherit;}
.ux-toggle:hover{border-color:#9AAFC8;transform:translateY(-1px);box-shadow:0 2px 6px rgba(25,44,70,.05);}
.ux-toggle:active{transform:translateY(0);}
.ux-toggle.on{background:var(--green-pale);border-color:var(--green);}
.ux-toggle.on.danger{background:#FDF0F0;border-color:#B91C1C;}
.ux-toggle.on.warn{background:#FFF7E6;border-color:#D97706;}
.ux-toggle.on.info{background:var(--blue-pale);border-color:var(--blue);}
.ux-toggle-ball{width:34px;height:18px;border-radius:18px;background:var(--border);position:relative;transition:background .2s;flex-shrink:0;}
.ux-toggle-ball::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .2s,transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.ux-toggle.on .ux-toggle-ball{background:var(--green);}
.ux-toggle.on.danger .ux-toggle-ball{background:#B91C1C;}
.ux-toggle.on.warn .ux-toggle-ball{background:#D97706;}
.ux-toggle.on.info .ux-toggle-ball{background:var(--blue);}
.ux-toggle.on .ux-toggle-ball::after{left:18px;}
.ux-toggle-icon{font-size:14px;line-height:1;flex-shrink:0;}
.ux-toggle-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;}
.ux-toggle-label{font-size:12.5px;font-weight:600;color:var(--navy);line-height:1.2;}
.ux-toggle.on .ux-toggle-label{color:var(--green);}
.ux-toggle.on.danger .ux-toggle-label{color:#B91C1C;}
.ux-toggle.on.warn .ux-toggle-label{color:#92400E;}
.ux-toggle.on.info .ux-toggle-label{color:var(--blue);}
.ux-toggle-hint{font-size:10px;color:var(--muted);font-weight:500;line-height:1.2;letter-spacing:.1px;}

/* ── Pill row that lives BELOW a section title (not aligned right) ── */
.sec-pillrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.sec-pillrow .opt-btn{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;border:1.5px solid var(--border);background:#fff;color:var(--muted);cursor:pointer;transition:all .15s;font-family:inherit;}
.sec-pillrow .opt-btn:hover{border-color:#9AAFC8;color:var(--navy);}
.sec-pillrow .opt-btn.sel,
.sec-pillrow .opt-btn.sel.yes,
.sec-pillrow .opt-btn.sel.no,
.sec-pillrow .opt-btn.sel.na{background:var(--orange);border-color:var(--orange);color:#fff;}

/* ============================================
   MEETING NOTES / COMMENTS FEATURE
   ============================================ */
/* Floating launcher button */
.cm-fab{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;border:none;box-shadow:0 6px 22px rgba(201,77,26,.42),0 2px 6px rgba(0,0,0,.1);font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9000;transition:transform .15s,box-shadow .15s;}
.cm-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 28px rgba(201,77,26,.5),0 3px 8px rgba(0,0,0,.12);}
.cm-fab:active{transform:scale(.97);}
.cm-fab-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}
.cm-fab-badge.hide{display:none;}

/* Overlay + drawer */
.cm-ov{position:fixed;inset:0;background:rgba(15,25,45,.32);z-index:9500;opacity:0;pointer-events:none;transition:opacity .22s;}
.cm-ov.open{opacity:1;pointer-events:auto;}
.cm-drw{position:fixed;top:0;right:0;width:440px;max-width:96vw;height:100vh;background:#fff;box-shadow:-12px 0 36px rgba(0,0,0,.16);z-index:9600;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);}
.cm-drw.open{transform:translateX(0);}

/* Drawer header */
.cm-hd{padding:18px 20px 14px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#1A2C46 0%,#243E62 100%);color:#fff;flex-shrink:0;}
.cm-hd-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.cm-hd-ttl{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;}
.cm-hd-x{background:rgba(255,255,255,.12);border:none;color:#fff;width:28px;height:28px;border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.cm-hd-x:hover{background:rgba(255,255,255,.22);}
.cm-hd-sub{font-size:11.5px;color:rgba(255,255,255,.7);}
.cm-hd-context{margin-top:10px;padding:8px 11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:11.5px;color:rgba(255,255,255,.9);display:flex;align-items:center;gap:8px;}
.cm-hd-context b{color:#fff;font-weight:600;}
.cm-hd-storage{margin-top:6px;padding:7px 11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:11px;color:rgba(255,255,255,.78);display:flex;align-items:center;gap:7px;line-height:1.35;}
.cm-hd-storage.ok{background:rgba(30,107,68,.18);border-color:rgba(30,107,68,.35);color:#A7E5C0;}
.cm-hd-storage.warn{background:rgba(184,48,48,.22);border-color:rgba(184,48,48,.45);color:#FFC9C9;}
.cm-storage-icon{font-size:13px;flex-shrink:0;}

/* Filter / mode tabs */
.cm-tabs{display:flex;gap:6px;padding:12px 20px 0;background:#fff;border-bottom:1px solid var(--border);flex-shrink:0;}
.cm-tab{padding:8px 14px;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;background:#F5F7FA;color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;}
.cm-tab:hover{color:var(--navy);}
.cm-tab.active{background:#fff;color:var(--navy);font-weight:600;border-color:var(--border);position:relative;}
.cm-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fff;}
.cm-tab-cnt{margin-left:6px;background:var(--border);color:var(--muted);font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;}
.cm-tab.active .cm-tab-cnt{background:var(--orange-pale);color:var(--orange);}

/* Composer */
.cm-compose{padding:14px 20px;border-bottom:1px solid var(--border);background:#FAFBFD;flex-shrink:0;}
.cm-compose textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:13px;color:var(--navy);background:#fff;outline:none;resize:vertical;min-height:74px;line-height:1.45;transition:border-color .15s,box-shadow .15s;}
.cm-compose textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(201,77,26,.12);}
.cm-compose-row{display:flex;gap:8px;align-items:center;margin-top:8px;}
.cm-tag-in{flex:1;border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:12px;color:var(--navy);background:#fff;outline:none;}
.cm-tag-in:focus{border-color:var(--orange);}
.cm-add-btn{background:var(--orange);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:opacity .15s;flex-shrink:0;}
.cm-add-btn:hover{opacity:.9;}
.cm-add-btn:disabled{background:var(--border);color:var(--muted);cursor:not-allowed;}
.cm-hint{font-size:10.5px;color:var(--muted);margin-top:6px;}

/* List */
.cm-list{flex:1;overflow-y:auto;padding:12px 16px 16px;background:#F5F7FA;}
.cm-empty{text-align:center;padding:38px 22px;color:var(--muted);}
.cm-empty-icon{font-size:32px;margin-bottom:10px;opacity:.4;}
.cm-empty-ttl{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:4px;}
.cm-empty-sub{font-size:11.5px;line-height:1.55;}

.cm-group{margin-bottom:14px;}
.cm-group-hd{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:0 4px 6px;display:flex;align-items:center;gap:6px;}
.cm-group-hd-cnt{background:#fff;border:1px solid var(--border);padding:1px 7px;border-radius:10px;font-size:10px;color:var(--muted);}

.cm-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:11px 13px;margin-bottom:8px;transition:border-color .15s,box-shadow .15s;animation:cmFade .2s ease both;}
.cm-card:hover{border-color:#9AAFC8;box-shadow:0 2px 8px rgba(25,44,70,.06);}
@keyframes cmFade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.cm-card-top{display:flex;align-items:flex-start;gap:8px;margin-bottom:5px;}
.cm-card-tag{font-size:10px;font-weight:600;color:var(--blue);background:var(--blue-pale);padding:2px 8px;border-radius:10px;border:1px solid rgba(34,82,191,.18);white-space:nowrap;}
.cm-card-time{font-size:10.5px;color:var(--muted);margin-left:auto;white-space:nowrap;}
.cm-card-actions{display:flex;gap:2px;}
.cm-card-act{background:none;border:none;font-size:12px;color:var(--muted);padding:2px 5px;border-radius:5px;cursor:pointer;transition:background .12s,color .12s;}
.cm-card-act:hover{background:var(--bg);color:var(--navy);}
.cm-card-act.del:hover{color:var(--red);background:var(--red-pale);}
.cm-card-txt{font-size:13px;line-height:1.5;color:var(--navy);white-space:pre-wrap;word-wrap:break-word;}
.cm-card-edit textarea{width:100%;border:1px solid var(--orange);border-radius:7px;padding:8px 10px;font-size:13px;line-height:1.45;outline:none;resize:vertical;min-height:60px;}
.cm-card-edit-row{display:flex;gap:6px;margin-top:6px;justify-content:flex-end;}
.cm-card-edit-row button{padding:5px 12px;border-radius:6px;font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--navy);}
.cm-card-edit-row button.save{background:var(--orange);border-color:var(--orange);color:#fff;}

/* Footer */
.cm-ft{padding:12px 20px;border-top:1px solid var(--border);background:#fff;display:flex;gap:8px;flex-shrink:0;}
.cm-ft-btn{flex:1;padding:9px 12px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;}
.cm-ft-export{background:var(--green);border:1px solid var(--green);color:#fff;}
.cm-ft-export:hover{background:#175334;}
.cm-ft-pdf{background:var(--red);border:1px solid var(--red);color:#fff;}
.cm-ft-pdf:hover{background:#8a2222;}
.cm-ft-clear{background:#fff;border:1px solid var(--border);color:var(--muted);flex:0 0 auto;padding:9px 14px;}
.cm-ft-clear:hover{border-color:var(--red);color:var(--red);background:var(--red-pale);}
.cm-ft-import{background:#fff;border:1px solid var(--border);color:var(--navy);flex:0 0 auto;padding:9px 14px;}
.cm-ft-import:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-pale);}

/* Toast */
.cm-toast{position:fixed;bottom:90px;right:22px;background:var(--navy);color:#fff;padding:11px 16px;border-radius:10px;font-size:12.5px;font-weight:500;z-index:99999;box-shadow:0 8px 24px rgba(0,0,0,.22);display:flex;align-items:center;gap:8px;animation:cmToast .25s ease both;}
@keyframes cmToast{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

/* ---------- ELEMENT PICKER ---------- */
/* Pin-to-element launcher button in composer */
.cm-pick-btn{background:linear-gradient(135deg,#EAF0FC 0%,#DCE7FA 100%);border:1px dashed var(--blue);color:var(--blue);border-radius:9px;padding:9px 14px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;width:100%;margin-top:10px;}
.cm-pick-btn:hover{background:linear-gradient(135deg,#DCE7FA 0%,#C9DBF6 100%);transform:translateY(-1px);box-shadow:0 3px 10px rgba(34,82,191,.15);}
.cm-pick-btn:active{transform:translateY(0);}

/* Top banner shown while in pick mode */
.cm-pick-banner{position:fixed;top:14px;left:50%;transform:translateX(-50%);background:var(--orange);color:#fff;padding:10px 18px 10px 16px;border-radius:30px;box-shadow:0 10px 28px rgba(201,77,26,.42),0 2px 8px rgba(0,0,0,.12);font-size:13px;font-weight:600;z-index:10000;display:flex;align-items:center;gap:12px;animation:cmPickBannerIn .25s ease both;pointer-events:auto;}
.cm-pick-banner b{font-weight:700;}
.cm-pick-banner-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);font-size:14px;}
.cm-pick-banner-cancel{background:rgba(255,255,255,.18);border:none;color:#fff;border-radius:6px;padding:5px 12px;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .15s;}
.cm-pick-banner-cancel:hover{background:rgba(255,255,255,.32);}
@keyframes cmPickBannerIn{from{opacity:0;transform:translate(-50%,-12px);}to{opacity:1;transform:translate(-50%,0);}}

/* Hover outline drawn over hovered element while picking */
.cm-pick-outline{position:fixed;border:2px solid var(--orange);background:rgba(201,77,26,.07);border-radius:4px;pointer-events:none;z-index:9999;transition:top .08s,left .08s,width .08s,height .08s;box-shadow:0 0 0 2px rgba(255,255,255,.65),0 0 22px rgba(201,77,26,.32);}
.cm-pick-outline.persistent{border-color:var(--blue);background:rgba(34,82,191,.06);box-shadow:0 0 0 2px rgba(255,255,255,.65),0 0 22px rgba(34,82,191,.32);}

/* Cursor while picking — applied to body */
body.cm-picking,body.cm-picking *{cursor:crosshair !important;}

/* Inline popup that appears next to the clicked element */
.cm-inline-pop{position:fixed;width:320px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 44px rgba(25,44,70,.24),0 0 0 1px rgba(25,44,70,.04);z-index:10001;animation:cmInlineIn .18s ease both;overflow:hidden;}
@keyframes cmInlineIn{from{opacity:0;transform:translateY(-6px) scale(.97);}to{opacity:1;transform:translateY(0) scale(1);}}
.cm-inline-hd{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#EAF0FC 0%,#F4F7FC 100%);}
.cm-inline-tag{font-size:11.5px;color:var(--blue);font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;}
.cm-inline-tag b{color:var(--navy);font-weight:700;}
.cm-inline-x{background:rgba(255,255,255,.7);border:1px solid var(--border);font-size:16px;color:var(--muted);cursor:pointer;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;}
.cm-inline-x:hover{background:#fff;color:var(--red);border-color:var(--red);}
.cm-inline-ta{width:100%;border:none;padding:11px 12px;font-size:13px;line-height:1.45;color:var(--navy);outline:none;resize:vertical;min-height:84px;background:#fff;font-family:'Sora',sans-serif;display:block;}
.cm-inline-ft{padding:8px 10px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:6px;background:#FAFBFD;}
.cm-inline-ft button{padding:6px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--navy);transition:all .15s;}
.cm-inline-ft button:hover{border-color:var(--navy);}
.cm-inline-ft button.save{background:var(--orange);border-color:var(--orange);color:#fff;}
.cm-inline-ft button.save:hover{opacity:.9;}
.cm-inline-ft button.save:disabled{background:var(--border);border-color:var(--border);color:var(--muted);cursor:not-allowed;opacity:1;}

/* Target chip shown inside saved notes */
.cm-card-target{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--blue);background:var(--blue-pale);border:1px solid rgba(34,82,191,.18);border-radius:7px;padding:6px 9px;margin-top:7px;cursor:pointer;transition:all .15s;line-height:1.35;}
.cm-card-target:hover{background:#DCE7FA;border-color:var(--blue);}
.cm-card-target-tag{font-weight:700;color:var(--navy);}
.cm-card-target-arrow{margin-left:auto;color:var(--blue);opacity:.55;font-size:13px;}
.cm-card-target:hover .cm-card-target-arrow{opacity:1;transform:translateX(2px);}

/* Pulse highlight when jumping to a saved element */
.cm-pulse{position:fixed;border:3px solid var(--orange);border-radius:6px;pointer-events:none;z-index:9998;box-shadow:0 0 0 9999px rgba(15,25,45,.16),0 0 32px rgba(201,77,26,.55);animation:cmPulse 2.4s ease-out both;}
@keyframes cmPulse{
  0%  {opacity:0;transform:scale(1.06);}
  12% {opacity:1;transform:scale(1);}
  60% {opacity:1;}
  100%{opacity:0;}
}