*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --navy:#0F1F3D;--navy-dk:#0A1628;--navy-mid:#1A3260;--navy-light:#243C72;--navy-muted:#8899BB;--navy-subtle:#E8EDF5;
  --gold:#C9A84C;--gold-dk:#A8872E;--gold-light:#F0D98A;--gold-bg:#FBF5E6;
  --bg:#F4F5F7;--surface:#FFF;--surface2:#F0F1F5;--surface3:#E4E6EE;
  --border:#DDE0EA;--border2:#C8CCDA;
  --text1:#0F1F3D;--text2:#3A4A6B;--text3:#7A88AA;
  --green:#2A6610;--green-bg:#E6F3DE;--green-border:#A8D98A;
  --amber:#7A5010;--amber-bg:#FBF5E6;--amber-border:#E8C96A;
  --red:#992020;--red-bg:#FDEAEA;--red-border:#F0A0A0;
  --r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;
}
/* ════════ DARK MODE VARIABLES ════════ */
body.dark-mode{
  --navy:#1E3A5F;--navy-dk:#0D1F38;--navy-mid:#2A4A7A;--navy-light:#3A5E9A;--navy-muted:#7A99CC;--navy-subtle:#1A2E4A;
  --gold:#C9A84C;--gold-dk:#A8872E;--gold-light:#F0D98A;--gold-bg:#1E1A0A;
  --bg:#0A1628;--surface:#0F1F3D;--surface2:#142240;--surface3:#1A2E50;
  --border:#1E3258;--border2:#253E6A;
  --text1:#E8EDF5;--text2:#A8BCDA;--text3:#6A85AA;
  --green:#4A9A2A;--green-bg:#0A1E08;--green-border:#2A5A18;
  --amber:#C9943C;--amber-bg:#1A1408;--amber-border:#6A4A18;
  --red:#CC4444;--red-bg:#1A0A0A;--red-border:#6A2020;
}

/* Dark mode nav always stays deep navy */
body.dark-mode .nav,
body.dark-mode .job-page-nav,
body.dark-mode .rpt-page-nav,
body.dark-mode .docs-page-nav,
body.dark-mode .intg-page-nav,
body.dark-mode .cal-page > .nav { background:var(--navy-dk); border-color:var(--navy-mid); }

/* Dark mode toolbar */
body.dark-mode .toolbar { background:var(--surface); border-color:var(--border); box-shadow:0 1px 3px rgba(0,0,0,.4); }

/* Dark mode board wrap background */
body.dark-mode .board-wrap { background:var(--bg); }
body.dark-mode #pagePipeline { background:var(--bg); }

/* Dark mode board stage cards */
body.dark-mode .stage-card.s-lead{ background:#141A2E; border-color:#253060; }
body.dark-mode .stage-card.s-prospect{ background:#101E3A; border-color:#1A3268; }
body.dark-mode .stage-card.s-approved{ background:#0A1A10; border-color:#1A3820; }
body.dark-mode .stage-card.s-completed{ background:#160E28; border-color:#2E1A50; }
body.dark-mode .stage-card.s-invoiced{ background:#1A1408; border-color:#3A2A08; }

/* Dark mode job detail sections */
body.dark-mode .section-card { background:var(--surface); border-color:var(--border); }
body.dark-mode .sec-header { background:linear-gradient(135deg,var(--navy-dk) 0%,var(--navy-mid) 100%); }

/* Dark mode settings */
body.dark-mode .settings-sec { background:var(--surface); border-color:var(--border); }
body.dark-mode .settings-sec-header { background:linear-gradient(135deg,var(--navy-dk) 0%,var(--navy-mid) 100%); }
body.dark-mode .settings-body { background:var(--bg); }

/* Dark mode modals */
body.dark-mode .modal-box { background:var(--surface); border-color:var(--border); }
body.dark-mode .modal-header { background:linear-gradient(135deg,var(--navy-dk) 0%,var(--navy-mid) 100%); }

/* Dark mode inputs and selects */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background:var(--surface2);
  color:var(--text1);
  border-color:var(--border2);
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder { color:var(--text3); }
body.dark-mode .search-wrap { background:var(--surface2); border-color:var(--border); }
body.dark-mode .filter-sel { background:var(--surface2); color:var(--text1); border-color:var(--border); }

/* Dark mode job list rows */
body.dark-mode .job-row:hover { background:var(--surface3); }
body.dark-mode .job-row { border-color:var(--border); }

/* Dark mode scrollbars */
body.dark-mode ::-webkit-scrollbar-thumb { background:var(--border2); }
body.dark-mode ::-webkit-scrollbar-track { background:var(--surface2); }

/* Dark mode toggle track active color */
body.dark-mode .toggle-switch input:checked+.toggle-track { background:var(--gold); }

/* Dark mode report cards */
body.dark-mode .rpt-card { background:var(--surface); border-color:var(--border); }
body.dark-mode .rpt-card:hover { border-color:var(--navy-muted); box-shadow:0 4px 18px rgba(0,0,0,.4); }
body.dark-mode .rpt-viewer { background:var(--surface); border-color:var(--border); }
body.dark-mode .rpt-sum-box { background:var(--surface2); border-color:var(--border); }
body.dark-mode .rpt-chart-wrap { background:var(--surface2); border-color:var(--border); }
body.dark-mode .rpt-table tr:hover td { background:var(--surface3); }
body.dark-mode .rpt-bar-track { background:var(--surface3); }

/* Dark mode results bar */
body.dark-mode .results-bar { background:var(--surface); border-color:var(--border); }
body.dark-mode .results-back { background:var(--surface2); border-color:var(--border); color:var(--text2); }
body.dark-mode .results-back:hover { background:var(--surface3); }

/* Dark mode worksheet / financial */
body.dark-mode .ws-table th { background:var(--surface2); border-color:var(--border); }
body.dark-mode .ws-table td { border-color:var(--border); }
body.dark-mode .ws-section-header { background:var(--surface2); }

/* Dark mode chat */
body.dark-mode .chat-bubble { background:var(--surface2); border-color:var(--border); }
body.dark-mode .chat-input-wrap { background:var(--surface); border-color:var(--border); }

/* Dark mode notif bar */
body.dark-mode .notif-bar { background:var(--surface); border-color:var(--border); box-shadow:0 2px 8px rgba(0,0,0,.4); }
body.dark-mode .notif-btn { background:var(--surface2); border-color:var(--border); color:var(--text2); }
body.dark-mode .notif-btn:hover { background:var(--surface3); }

/* Dark mode value strip */
body.dark-mode .job-value-strip { background:var(--navy-dk); border-color:var(--navy-mid); }

/* Dark mode stage pills */
body.dark-mode .spl-lead{ background:#1A2040;color:#8899CC;border-color:#253060; }
body.dark-mode .spl-prospect{ background:#101E3A;color:#6A9ADA;border-color:#1A3268; }
body.dark-mode .spl-approved{ background:#0A1A10;color:#5AAA3A;border-color:#1A3820; }
body.dark-mode .spl-completed{ background:#160E28;color:#9A6AE0;border-color:#2E1A50; }
body.dark-mode .spl-invoiced{ background:#1A1408;color:#C9943C;border-color:#3A2A08; }
body.dark-mode .spl-closed{ background:#141820;color:#6A85AA;border-color:#253060; }

/* Dark mode job stage badges in list */
body.dark-mode .jsb-lead{ background:#1A2040;color:#8899CC;border-color:#253060; }
body.dark-mode .jsb-prospect{ background:#101E3A;color:#6A9ADA;border-color:#1A3268; }
body.dark-mode .jsb-approved{ background:#0A1A10;color:#5AAA3A;border-color:#1A3820; }
body.dark-mode .jsb-completed{ background:#160E28;color:#9A6AE0;border-color:#2E1A50; }
body.dark-mode .jsb-invoiced{ background:#1A1408;color:#C9943C;border-color:#3A2A08; }

/* Dark mode trade crew select */
body.dark-mode .trade-crew-select { background:var(--surface2); color:var(--text1); border-color:var(--border); }

/* Dark mode owner-only notice */
body.dark-mode .owner-only-notice { background:var(--amber-bg); border-color:var(--amber-border); }

/* Dark mode tmpl items */
body.dark-mode .tmpl-item { background:var(--surface2); border-color:var(--border); }
body.dark-mode .tmpl-add-row input { background:var(--surface2); color:var(--text1); border-color:var(--border); }

/* Dark mode user rows */
body.dark-mode .user-row { border-color:var(--border); }

/* Dark mode publish row */
body.dark-mode .btn-publish { background:var(--navy-mid); }

/* Dark mode stage card text */
body.dark-mode .s-lead .stage-label{color:#8899CC;}
body.dark-mode .s-prospect .stage-label{color:#6A9ADA;}
body.dark-mode .s-approved .stage-label{color:#5AAA3A;}
body.dark-mode .s-completed .stage-label{color:#9A6AE0;}
body.dark-mode .s-invoiced .stage-label{color:#C9943C;}

body.dark-mode .s-lead .stage-count{color:#C8D4EE;}
body.dark-mode .s-prospect .stage-count{color:#6A9ADA;}
body.dark-mode .s-approved .stage-count{color:#5AAA3A;}
body.dark-mode .s-completed .stage-count{color:#9A6AE0;}
body.dark-mode .s-invoiced .stage-count{color:#C9943C;}

body.dark-mode .s-lead .stage-foot{color:#8899CC;}
body.dark-mode .s-prospect .stage-foot{color:#6A9ADA;}
body.dark-mode .s-approved .stage-foot{color:#5AAA3A;}
body.dark-mode .s-completed .stage-foot{color:#9A6AE0;}
body.dark-mode .s-invoiced .stage-foot{color:#C9943C;}

body.dark-mode .s-lead .stage-value{color:#C8D4EE;}
body.dark-mode .s-prospect .stage-value{color:#6A9ADA;}
body.dark-mode .s-approved .stage-value{color:#5AAA3A;}
body.dark-mode .s-completed .stage-value{color:#9A6AE0;}
body.dark-mode .s-invoiced .stage-value{color:#C9943C;}

body.dark-mode .s-lead .stage-hint{color:#8899CC;}
body.dark-mode .s-prospect .stage-hint{color:#6A9ADA;}
body.dark-mode .s-approved .stage-hint{color:#5AAA3A;}
body.dark-mode .s-completed .stage-hint{color:#9A6AE0;}
body.dark-mode .s-invoiced .stage-hint{color:#C9943C;}

body.dark-mode .stage-value{ border-top-color:rgba(255,255,255,.08); }

/* Dark mode job list stage badges */
body.dark-mode .jsb-lead{ background:#1A2040;color:#8899CC;border-color:#253060; }
body.dark-mode .jsb-prospect{ background:#101E3A;color:#6A9ADA;border-color:#1A3268; }
body.dark-mode .jsb-approved{ background:#0A1A10;color:#5AAA3A;border-color:#1A3820; }
body.dark-mode .jsb-completed{ background:#160E28;color:#9A6AE0;border-color:#2E1A50; }
body.dark-mode .jsb-invoiced{ background:#1A1408;color:#C9943C;border-color:#3A2A08; }
body.dark-mode .jsb-closed{ background:#141820;color:#6A85AA;border-color:#253060; }

/* Dark mode panel sender/assignee text */
body.dark-mode .inbox-sender { color:var(--text2); }
body.dark-mode .fu-assignee { color:var(--text2); }
body.dark-mode .afu-group-header { color:var(--text2); background:var(--surface2); }

/* Dark mode NTS icon + tag */
body.dark-mode .nts-item-icon { background:#2A1E40; }
body.dark-mode .nts-job-tag { color:#B07AEA; background:#2A1E40; border-color:#4A2E70; }

/* Dark mode report stage badges */
body.dark-mode .rpt-badge-lead { background:var(--surface2); color:var(--text2); border-color:var(--border2); }
body.dark-mode .rpt-badge-prospect { background:var(--surface2); color:#6A9ADA; border-color:var(--border2); }

/* Dark mode calendar today cell */
body.dark-mode .cal-month-cell.today-cell { background:#0D1E40; }

/* Dark mode dashboard toggle icons */
body.dark-mode .dash-toggle-icon { background:var(--surface3); }
body.dark-mode .dash-toggle-icon i { color:var(--gold); }

/* Dark mode finances/payments - fin-child subsection headers */
body.dark-mode .fin-child-title { color:var(--text2); }
body.dark-mode .fin-child-header { background:var(--surface2); }
body.dark-mode .fin-child-header:hover { background:var(--surface3); }

/* Dark mode worksheet add line/section */
body.dark-mode .ws-add-line { color:var(--gold); }
body.dark-mode .ws-add-sec:hover { border-color:var(--navy-muted); color:var(--text2); }

/* Dark mode rep tags */
body.dark-mode .rep-tag { background:var(--surface3); color:var(--text2); border-color:var(--border2); }

/* Dark mode checklist edit button + progress bar */
body.dark-mode .btn-cl-edit { color:var(--text2); }
body.dark-mode .btn-cl-edit:hover { background:var(--surface3); }
body.dark-mode .cl-prog-bar { background:var(--navy-muted); }

/* Dark mode chat threads column */
body.dark-mode .chat-threads-col { background:var(--surface2); }

/* Dark mode role badges */
body.dark-mode .rb-operations { background:var(--surface3); color:var(--text2); border-color:var(--border2); }
body.dark-mode .rb-supplementer { background:#2A1E40; color:#9A6AE0; border-color:#4A2E70; }

/* Dark mode report card icons + sum boxes */
body.dark-mode .rpt-card-icon { background:var(--surface3); }
body.dark-mode .rpt-card-icon i { color:var(--gold); }
body.dark-mode .rpt-sum-box { background:var(--surface2); }

/* Dark mode folder drop zone */
body.dark-mode .folder-dz:hover,
body.dark-mode .folder-dz.drag-over { border-color:var(--navy-muted); background:var(--surface3); color:var(--text2); }

/* Dark mode integration logos */
body.dark-mode .intg-logo.cc { background:#0D1E38; color:#5A9ADA; }
body.dark-mode .intg-logo.qb { background:#0A1A10; color:#5AAA3A; }
body.dark-mode .intg-logo.srs { background:#1A1408; color:#C9943C; }
body.dark-mode .intg-logo.esig { background:#2A1E40; color:#9A6AE0; }
body.dark-mode .intg-logo.ev { background:#0A1828; color:#5A8FD4; }
body.dark-mode .intg-logo.gaf { background:#2A0A0A; color:#D46A6A; }
body.dark-mode .intg-logo.cal { background:#0A2018; color:#4AAA75; }
body.dark-mode .intg-logo.zap { background:#2A1400; color:#E07A30; }

/* Dark mode esig doc icon */
body.dark-mode .esig-doc-icon { background:var(--surface3); }
body.dark-mode .esig-doc-icon i { color:var(--gold); }

/* Dark mode template manager icon */
body.dark-mode .tmgr-icon { background:#2A1E40; border-color:#4A2E70; }
body.dark-mode .tmgr-icon i { color:#9A6AE0; }
body.dark-mode .tmgr-upload-area:hover { border-color:var(--navy-muted); background:var(--surface3); }

/* Dark mode PDF template editor sig field */
body.dark-mode .te-field-inner.sig-field { border-color:var(--navy-muted); background:rgba(255,255,255,.05); }
body.dark-mode .te-field-inner.sig-field .te-field-label { color:var(--navy-muted); }
body.dark-mode .btn-te-add-opt { color:var(--text2); background:var(--surface3); border-color:var(--border2); }

/* Dark mode send method buttons */
body.dark-mode .send-method-btn.on { border-color:var(--navy-muted); background:var(--surface3); }
body.dark-mode .send-method-btn i { color:var(--gold); }
body.dark-mode .send-method-btn span { color:var(--text2); }

/* Dark mode documents page */
body.dark-mode .docs-pending-job { color:var(--text2); background:var(--surface3); border-color:var(--border2); }
body.dark-mode .docs-send-notice { background:var(--surface2); border-color:var(--border); }
body.dark-mode .docs-send-notice i { color:var(--gold); }
body.dark-mode .docs-standalone-icon { background:#2A1E40; border-color:#4A2E70; }
body.dark-mode .docs-standalone-icon i { color:#9A6AE0; }

/* Transition for smooth dark mode switch */
body, body * { transition: background-color .2s, border-color .2s, color .15s; }

html,body{height:100%;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text1);font-size:14px;-webkit-font-smoothing:antialiased;}
.page{display:none;flex-direction:column;height:100vh;overflow:hidden;}
.page.active{display:flex;}

/* ── TRADES CHECKLIST ── */
/* ── DASHBOARD CUSTOMIZATION TOGGLES ── */
.dash-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);}
.dash-toggle-row:last-child{border-bottom:none;padding-bottom:0;}
.dash-toggle-row:first-child{padding-top:0;}
.dash-toggle-info{display:flex;align-items:center;gap:10px;}
.dash-toggle-icon{width:34px;height:34px;border-radius:var(--r-md);background:var(--navy-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dash-toggle-icon i{font-size:16px;color:var(--navy);}
.dash-toggle-label{font-size:13px;font-weight:600;color:var(--text1);}
.dash-toggle-desc{font-size:11px;color:var(--text3);margin-top:2px;}
.toggle-switch{position:relative;width:42px;height:24px;flex-shrink:0;}
.toggle-switch input{opacity:0;width:0;height:0;position:absolute;}
.toggle-track{position:absolute;inset:0;border-radius:12px;background:var(--border2);cursor:pointer;transition:background .2s;}
.toggle-switch input:checked+.toggle-track{background:var(--navy);}
.toggle-track::after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.toggle-switch input:checked+.toggle-track::after{transform:translateX(18px);}
.dash-toggle-row.disabled-row .dash-toggle-label{color:var(--text3);}
.dash-toggle-row.disabled-row .dash-toggle-icon{opacity:.45;}
.owner-only-notice{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--gold-bg);border:1.5px solid var(--amber-border);border-radius:var(--r-md);margin-bottom:16px;font-size:12px;color:var(--amber);font-weight:600;}
.owner-only-notice i{font-size:15px;color:var(--gold-dk);}

.trades-section{margin-top:14px;}
.trades-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.trades-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-muted);}
.btn-trade-add{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--navy);background:var(--navy-subtle);border:1.5px solid var(--border2);border-radius:var(--r-sm);padding:4px 10px;cursor:pointer;}
.btn-trade-add:hover{background:var(--surface3);}
.trade-item{display:flex;flex-direction:column;gap:8px;padding:9px 10px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);margin-bottom:7px;transition:border-color .15s;}
.trade-item-top{display:grid;grid-template-columns:20px 1fr auto auto;align-items:center;gap:10px;}
.trade-item-bottom{display:flex;justify-content:flex-end;}
.trade-item.done-trade{opacity:.65;}
.trade-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--navy);cursor:pointer;flex-shrink:0;}
.trade-name{font-size:13px;color:var(--text1);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.trade-name.done-text{text-decoration:line-through;color:var(--text3);}
.trade-date-input{font-size:12px;padding:4px 8px;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text2);font-family:'DM Sans',sans-serif;width:130px;}
.trade-date-input:focus{outline:none;border-color:var(--navy);}
.trade-del-btn{color:var(--text3);cursor:pointer;font-size:15px;padding:2px;flex-shrink:0;}
.trade-del-btn:hover{color:var(--red);}
.trade-add-row{display:flex;gap:8px;margin-top:8px;}
.trade-add-row input{flex:1;font-size:13px;padding:8px 11px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.trade-add-row input:focus{border-color:var(--navy);}
.trade-add-row button{padding:8px 14px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.trade-add-row button:hover{background:var(--navy-mid);}
.trades-empty{font-size:13px;color:var(--text3);padding:6px 0;}
.trade-crew-select{font-size:11px;color:var(--navy);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:2px 6px;background:#fff;font-family:'DM Sans',sans-serif;cursor:pointer;min-width:120px;max-width:160px;}
.trade-crew-select:focus{outline:none;border-color:var(--gold);}
.trade-crew-view{font-size:11px;color:var(--text2);min-width:80px;}

/* ── REPORTS PAGE ── */
.rpt-page-nav{background:var(--navy);border-bottom:1px solid var(--navy-light);height:62px;display:flex;align-items:center;padding:0 28px;flex-shrink:0;}
.rpt-page-body{flex:1;overflow-y:auto;padding:28px;background:var(--bg);}
.rpt-section-title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--navy-muted);margin-bottom:14px;}
.rpt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:32px;}
.rpt-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:20px;cursor:pointer;transition:box-shadow .15s,border-color .15s;}
.rpt-card:hover{box-shadow:0 4px 18px rgba(15,31,61,.1);border-color:var(--navy-muted);}
.rpt-card-icon{width:40px;height:40px;border-radius:var(--r-md);background:var(--navy-subtle);display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.rpt-card-icon i{font-size:20px;color:var(--navy);}
.rpt-card-title{font-size:14px;font-weight:600;color:var(--text1);margin-bottom:4px;}
.rpt-card-desc{font-size:12px;color:var(--text3);line-height:1.5;}
.rpt-viewer{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:24px;margin-bottom:28px;display:none;}
.rpt-viewer.open{display:block;}
.rpt-viewer-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;}
.rpt-viewer-title{font-size:17px;font-weight:700;color:var(--text1);flex:1;}
.rpt-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.rpt-filter-label{font-size:12px;font-weight:600;color:var(--text2);}
.rpt-filter-sel{padding:7px 28px 7px 10px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface2);font-size:13px;color:var(--text1);cursor:pointer;font-family:'DM Sans',sans-serif;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A88AA' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;}
.rpt-filter-input{padding:7px 10px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface2);font-size:13px;color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;width:130px;}
.rpt-filter-input:focus{border-color:var(--navy);}
.btn-rpt-run{display:flex;align-items:center;gap:6px;padding:8px 18px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-rpt-run:hover{background:var(--navy-mid);}
.btn-rpt-run i{color:var(--gold);}
.rpt-export-row{display:flex;gap:8px;margin-left:auto;}
.btn-rpt-export{display:flex;align-items:center;gap:5px;padding:7px 14px;background:var(--surface2);color:var(--text2);border:1.5px solid var(--border2);border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-rpt-export:hover{background:var(--surface3);}
.btn-rpt-export i{font-size:14px;}
.rpt-results{margin-top:20px;}
.rpt-summary-row{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap;}
.rpt-sum-box{flex:1;min-width:120px;background:var(--navy-subtle);border:1.5px solid var(--border);border-radius:var(--r-md);padding:14px 16px;}
.rpt-sum-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-muted);margin-bottom:4px;}
.rpt-sum-val{font-size:24px;font-weight:700;color:var(--navy);}
.rpt-chart-wrap{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);padding:16px;margin-bottom:20px;}
.rpt-chart-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);margin-bottom:12px;}
.rpt-bar-chart{display:flex;flex-direction:column;gap:8px;}
.rpt-bar-row{display:flex;align-items:center;gap:10px;}
.rpt-bar-label{font-size:12px;font-weight:500;color:var(--text2);width:120px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rpt-bar-track{flex:1;height:22px;background:var(--surface3);border-radius:4px;overflow:hidden;position:relative;}
.rpt-bar-fill{height:100%;border-radius:4px;transition:width .4s;}
.rpt-bar-fill.fill-lead{background:#8899BB;}
.rpt-bar-fill.fill-prospect{background:#1A3260;}
.rpt-bar-fill.fill-combined{background:var(--navy);}
.rpt-bar-count{font-size:12px;font-weight:600;color:var(--text2);width:28px;text-align:right;flex-shrink:0;}
.rpt-table{width:100%;border-collapse:collapse;}
.rpt-table th{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);padding:8px 12px;border-bottom:2px solid var(--border);text-align:left;}
.rpt-table td{font-size:13px;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text1);}
.rpt-table tr:last-child td{border-bottom:none;}
.rpt-table tr:hover td{background:var(--navy-subtle);}
.rpt-badge-lead{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:#F0F1F5;color:#3A4A6B;border:1px solid #C8CCDA;}
.rpt-badge-prospect{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:#E8EDF5;color:#1A3260;border:1px solid #B4C4E0;}
.rpt-no-data{padding:32px;text-align:center;color:var(--text3);font-size:13px;}

/* ── Custom report builder ── */
.rpt-card-new{border-style:dashed;color:var(--text3);}
.rpt-card-new:hover{border-color:var(--navy);color:var(--navy);}
.rpt-card-new .rpt-card-icon i{color:var(--navy-muted);}
.rpt-card-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-sm);border:1.5px solid var(--border2);background:var(--surface2);color:var(--text2);cursor:pointer;font-size:14px;transition:background .12s,border-color .12s;}
.rpt-card-action:hover{background:var(--surface3);border-color:var(--navy-muted);}
.rpt-card-del{border-color:transparent;}
.rpt-card-del:hover{background:#FDECEA;border-color:#E57373;color:#C62828;}
.cr-builder-panel{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:20px 24px;margin-bottom:24px;}
.cr-builder-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.cr-builder-title{font-size:15px;font-weight:700;color:var(--text1);}
.cr-builder-body{}
.cr-builder-close{background:none;border:none;cursor:pointer;color:var(--text3);font-size:18px;padding:2px;}
.cr-section-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);margin-bottom:8px;}
.cr-section-count{display:inline-flex;align-items:center;justify-content:center;background:var(--navy-subtle);color:var(--navy);border-radius:20px;font-size:10px;font-weight:700;padding:1px 7px;margin-left:6px;}
.cr-col-row{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:4px;}
.cr-col-label{font-size:13px;color:var(--text1);}
.cr-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:4px;}
.cr-empty-hint{font-size:12px;color:var(--text3);font-style:italic;padding:4px 2px;}
.cr-btn-sm{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--r-sm);border:1.5px solid var(--border2);background:var(--surface2);color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background .12s;}
.cr-btn-sm:hover{background:var(--surface3);}
.cr-btn-del{border-color:transparent;}
.cr-btn-del:hover{background:#FDECEA;color:#C62828;border-color:#E57373;}
.cr-btn-close{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border:none;background:none;color:var(--text3);font-size:18px;cursor:pointer;border-radius:var(--r-sm);}
.cr-btn-close:hover{background:var(--surface3);}
.cr-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:var(--navy-subtle);border:1px solid var(--border2);border-radius:20px;font-size:11px;color:var(--text2);}
.cr-filter-chip em{color:var(--text3);font-style:normal;}
.cr-footer-row td{font-weight:700;background:var(--navy-subtle);border-top:2px solid var(--border);}
.cr-footer-cell{font-size:12px;}

/* ── Live filter panel ── */
.rpt-live-filters{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);padding:14px 16px;margin-bottom:16px;width:100%;}
.rpt-live-filters-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px;flex-wrap:wrap;}
.rpt-live-filter-rows{display:flex;flex-direction:column;gap:6px;}

/* ── Dark mode: custom report builder + live filters ── */
body.dark-mode .cr-builder-panel{background:var(--surface2);border-color:var(--border);}
body.dark-mode .cr-col-row{background:var(--surface);border-color:var(--border);}
body.dark-mode .cr-filter-row{background:var(--surface);border-color:var(--border);}
body.dark-mode .rpt-card-new{border-color:var(--border2);}
body.dark-mode .rpt-card-new:hover{border-color:var(--gold);}
body.dark-mode .rpt-card-del:hover{background:rgba(198,40,40,.15);border-color:#E57373;color:#EF9A9A;}
body.dark-mode .cr-btn-del:hover{background:rgba(198,40,40,.15);color:#EF9A9A;border-color:#E57373;}
body.dark-mode .rpt-live-filters{background:var(--surface2);border-color:var(--border);}
body.dark-mode .cr-footer-row td{background:var(--surface2);border-color:var(--border2);}

/* ── Report Scheduling ── */
.rsch-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:0;overflow:hidden;margin-bottom:32px;}
.rsch-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);gap:10px;flex-wrap:wrap;}
.rsch-panel-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text1);}
.rsch-panel-title i{font-size:16px;color:var(--navy);}
.rsch-form-wrap{background:var(--surface2);border-bottom:1.5px solid var(--border);padding:20px;}
.rsch-form-title{font-size:13px;font-weight:700;color:var(--text1);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;}
.rsch-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:16px;}
.rsch-field{display:flex;flex-direction:column;gap:5px;}
.rsch-field label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);}
.rsch-field select,.rsch-field input{padding:8px 10px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-size:13px;color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.rsch-field select:focus,.rsch-field input:focus{border-color:var(--navy);}
.rsch-day-grid{display:flex;gap:6px;flex-wrap:wrap;}
.rsch-day-btn{padding:5px 10px;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-size:11px;font-weight:600;color:var(--text2);cursor:pointer;font-family:'DM Sans',sans-serif;transition:background .12s,border-color .12s,color .12s;user-select:none;}
.rsch-day-btn.on{background:var(--navy);color:#fff;border-color:var(--navy);}
.rsch-form-actions{display:flex;gap:10px;flex-wrap:wrap;}
.rsch-empty{padding:28px 20px;text-align:center;font-size:13px;color:var(--text3);font-style:italic;}
.rsch-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap;}
.rsch-row:last-child{border-bottom:none;}
.rsch-toggle{position:relative;width:36px;height:20px;flex-shrink:0;}
.rsch-toggle input{opacity:0;width:0;height:0;position:absolute;}
.rsch-toggle-track{position:absolute;inset:0;background:var(--border2);border-radius:20px;cursor:pointer;transition:background .2s;}
.rsch-toggle input:checked+.rsch-toggle-track{background:var(--navy);}
.rsch-toggle-track::after{content:'';position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.rsch-toggle input:checked+.rsch-toggle-track::after{transform:translateX(16px);}
.rsch-row-info{flex:1;min-width:0;}
.rsch-row-title{font-size:13px;font-weight:600;color:var(--text1);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rsch-row-meta{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.rsch-row-chip{display:inline-flex;align-items:center;gap:3px;background:var(--navy-subtle);border:1px solid var(--border);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600;color:var(--navy);letter-spacing:.02em;}
.rsch-row-actions{display:flex;gap:6px;flex-shrink:0;}
body.dark-mode .rsch-panel{background:var(--surface);border-color:var(--border);}
body.dark-mode .rsch-form-wrap{background:var(--surface2);border-color:var(--border);}
body.dark-mode .rsch-field select,body.dark-mode .rsch-field input{background:var(--surface);border-color:var(--border);color:var(--text1);}
body.dark-mode .rsch-day-btn{background:var(--surface2);border-color:var(--border);color:var(--text2);}
body.dark-mode .rsch-day-btn.on{background:var(--navy);color:#fff;border-color:var(--navy-light);}
body.dark-mode .rsch-row-chip{background:var(--surface2);border-color:var(--border2);color:var(--gold);}
body.dark-mode .rsch-toggle-track{background:var(--border2);}
.nav-icon-btn{width:36px;height:36px;border-radius:var(--r-md);background:transparent;border:1px solid var(--navy-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;color:rgba(255,255,255,.75);font-size:18px;}
.nav-icon-btn:hover{background:var(--navy-mid);color:#fff;}
.nav-icon-btn.active{background:var(--gold);color:var(--navy);border-color:var(--gold-dk);}

/* ── LOGO SVG ── */
.rt-logo-mark{display:flex;align-items:center;gap:11px;cursor:pointer;text-decoration:none;}
.rt-logo-icon{width:40px;height:40px;flex-shrink:0;}
.rt-logo-text-wrap{display:flex;flex-direction:column;gap:0;}
.rt-logo-name{font-family:'DM Sans',sans-serif;font-size:18px;color:#fff;letter-spacing:.06em;line-height:1;text-transform:uppercase;}
.rt-logo-sub{font-size:10px;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-top:2px;}

/* ── NAV ── */
.nav{background:var(--navy);border-bottom:1px solid var(--navy-light);height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0;}
.nav-right{display:flex;align-items:center;gap:10px;}
.state-sel{padding:7px 30px 7px 12px;border:1px solid var(--navy-light);border-radius:var(--r-md);background:var(--navy-mid);font-size:13px;font-weight:500;color:#fff;cursor:pointer;font-family:'DM Sans',sans-serif;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C9A84C' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:default;border:2px solid var(--gold-dk);}
.nav-role-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;background:rgba(201,168,76,.15);color:var(--gold);border:1px solid rgba(201,168,76,.3);letter-spacing:.05em;text-transform:uppercase;}

/* ── GLOBAL NAV SEARCH ── */
.gnav-search-wrap{position:relative;display:flex;align-items:center;}
.gnav-search-icon{width:36px;height:36px;border-radius:var(--r-md);background:transparent;border:1px solid var(--navy-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;color:rgba(255,255,255,.75);font-size:18px;}
.gnav-search-icon:hover{background:var(--navy-mid);color:#fff;}
.gnav-search-expand{display:flex;align-items:center;gap:6px;background:var(--navy-mid);border:1px solid var(--navy-light);border-radius:var(--r-md);padding:0 10px;height:36px;min-width:260px;}
.nav-search-input{border:none;background:transparent;font-size:13px;color:#fff;outline:none;flex:1;font-family:'DM Sans',sans-serif;}
.nav-search-input::placeholder{color:rgba(255,255,255,.5);}
.nav-search-close{width:24px;height:24px;background:transparent;border:none;color:rgba(255,255,255,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;border-radius:4px;}
.nav-search-close:hover{color:#fff;background:rgba(255,255,255,.1);}
.gnav-search-results{position:absolute;top:calc(100% + 6px);right:0;min-width:320px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);box-shadow:0 8px 28px rgba(0,0,0,.18);z-index:9999;overflow:hidden;}
.nav-search-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:8px;transition:background .1s;}
.nav-search-item:last-child{border-bottom:none;}
.nav-search-item:hover{background:var(--surface2);}
.nav-search-item-name{font-size:13px;font-weight:600;color:var(--text1);flex:1;min-width:0;}
.nav-search-item-addr{font-size:11px;color:var(--text3);margin-top:1px;}
.nav-search-jn{font-size:11px;font-weight:600;color:var(--gold);background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);border-radius:4px;padding:1px 5px;margin-right:4px;}
.nav-search-stage{font-size:10px;font-weight:700;border-radius:20px;padding:2px 8px;white-space:nowrap;flex-shrink:0;}
.nav-search-empty{padding:14px;font-size:13px;color:var(--text3);text-align:center;}
body.dark-mode .gnav-search-results{background:var(--surface);border-color:var(--border2);box-shadow:0 8px 28px rgba(0,0,0,.5);}
body.dark-mode .nav-search-item:hover{background:var(--surface2);}
.global-nav-slot{display:flex;width:100%;align-items:center;justify-content:space-between;}

/* ── TOOLBAR ── */
.toolbar{background:var(--surface);border-bottom:1px solid var(--border);padding:11px 28px;display:flex;align-items:center;gap:10px;flex-shrink:0;box-shadow:0 1px 3px rgba(15,31,61,.05);}
.search-wrap{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);padding:0 12px;flex:1;max-width:420px;transition:border-color .15s;}
.search-wrap:focus-within{border-color:var(--navy);}
.search-wrap i{font-size:15px;color:var(--text3);}
.search-wrap input{border:none;background:transparent;font-size:13px;color:var(--text1);outline:none;width:100%;padding:8px 0;font-family:'DM Sans',sans-serif;}
.search-wrap input::placeholder{color:var(--text3);}
.filter-sel{padding:8px 30px 8px 12px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface2);font-size:13px;color:var(--text1);cursor:pointer;font-family:'DM Sans',sans-serif;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A88AA' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
.btn-primary{display:flex;align-items:center;gap:7px;padding:9px 20px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background .15s;white-space:nowrap;}
.btn-primary:hover{background:var(--navy-mid);}
.btn-primary i{color:var(--gold);}

/* ── BOARD ── */
.board-wrap{flex:1;overflow-y:auto;padding:28px;}
.board{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.stage-card{border-radius:var(--r-lg);padding:22px 20px 18px;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;gap:8px;border:1.5px solid transparent;position:relative;overflow:hidden;}
.stage-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(15,31,61,.12);}
.stage-card.s-lead{background:#F0F1F5;border-color:#C8CCDA;}
.stage-card.s-prospect{background:#E8EDF5;border-color:#B4C4E0;}
.stage-card.s-approved{background:#E6F3DE;border-color:#A8D98A;}
.stage-card.s-completed{background:#F0EAFB;border-color:#C9AEF0;}
.stage-card.s-invoiced{background:#FBF5E6;border-color:#E8C96A;}
.stage-top{display:flex;align-items:flex-start;justify-content:space-between;}
.stage-label{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;}
.s-lead .stage-label{color:#3A4A6B;}.s-prospect .stage-label{color:#1A3260;}.s-approved .stage-label{color:#1E5A0A;}.s-completed .stage-label{color:#4A1E8A;}.s-invoiced .stage-label{color:#7A5010;}
.stage-count{font-size:52px;font-weight:600;letter-spacing:-.05em;line-height:1;margin-top:4px;}
.s-lead .stage-count{color:#0F1F3D;}.s-prospect .stage-count{color:#1A3260;}.s-approved .stage-count{color:#2A6610;}.s-completed .stage-count{color:#6B35C9;}.s-invoiced .stage-count{color:#A8872E;}
.stage-foot{font-size:11px;opacity:.65;}
.s-lead .stage-foot{color:#3A4A6B;}.s-prospect .stage-foot{color:#1A3260;}.s-approved .stage-foot{color:#1E5A0A;}.s-completed .stage-foot{color:#4A1E8A;}.s-invoiced .stage-foot{color:#7A5010;}
.stage-value{font-size:13px;font-weight:600;margin-top:4px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08);}
.s-lead .stage-value{color:#0F1F3D;}.s-prospect .stage-value{color:#1A3260;}.s-approved .stage-value{color:#2A6610;}.s-completed .stage-value{color:#6B35C9;}.s-invoiced .stage-value{color:#A8872E;}
.stage-hint{font-size:11px;font-weight:500;opacity:0;transition:opacity .15s;margin-top:2px;}
.stage-card:hover .stage-hint{opacity:1;}
.s-lead .stage-hint{color:#3A4A6B;}.s-prospect .stage-hint{color:#1A3260;}.s-approved .stage-hint{color:#2A6610;}.s-completed .stage-hint{color:#6B35C9;}.s-invoiced .stage-hint{color:#A8872E;}

/* ── LIST ── */
.results-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;gap:10px;height:48px;flex-shrink:0;}
.results-label{font-size:15px;font-weight:600;color:var(--text1);}
.results-count{font-size:12px;color:var(--text3);background:var(--surface2);padding:2px 10px;border-radius:20px;border:1px solid var(--border);}
.results-back{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text2);cursor:pointer;padding:6px 14px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);}
.results-back:hover{background:var(--surface2);}
.job-list{flex:1;overflow-y:auto;}
.job-list::-webkit-scrollbar{width:5px;}.job-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}
.job-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;}
.job-row:hover{background:var(--navy-subtle);}
.job-ini{width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.job-center{min-width:0;}
.job-name-row{display:flex;align-items:center;gap:8px;margin-bottom:3px;}.jn-tag{font-size:11px;font-weight:600;color:var(--gold);background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);border-radius:4px;padding:1px 5px;letter-spacing:.3px;}
.job-name{font-size:14px;font-weight:600;color:var(--text1);}
.job-stage-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap;}
.jsb-lead{background:#F0F1F5;color:#3A4A6B;border:1px solid #C8CCDA;}
.jsb-prospect{background:#E8EDF5;color:#1A3260;border:1px solid #B4C4E0;}
.jsb-approved{background:#E6F3DE;color:#1E5A0A;border:1px solid #A8D98A;}
.jsb-completed{background:#F0EAFB;color:#4A1E8A;border:1px solid #C9AEF0;}
.jsb-invoiced{background:#FBF5E6;color:#7A5010;border:1px solid #E8C96A;}
.jsb-closed{background:#F0F1F5;color:#3A4A6B;}
.job-addr{font-size:12px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;}
.job-summary{font-size:12px;color:var(--text2);display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.job-summary i{font-size:13px;color:var(--text3);flex-shrink:0;}
.followup-sum{color:var(--amber)!important;}.followup-sum i{color:var(--amber)!important;}
.job-right-col{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:160px;}
.job-rep-txt{font-size:12px;font-weight:500;color:var(--text2);}
.mod-wrap{position:relative;}
.mod-rel{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:4px;}
.mod-exact{display:none;position:absolute;right:0;top:18px;background:var(--navy);color:#fff;font-size:11px;padding:4px 8px;border-radius:var(--r-sm);white-space:nowrap;z-index:10;}
.mod-wrap:hover .mod-exact{display:block;}
.cl-mini{display:flex;align-items:center;gap:6px;}
.cl-mini-bar{width:72px;height:4px;background:var(--surface3);border-radius:2px;overflow:hidden;}
.cl-mini-fill{height:100%;background:var(--navy);border-radius:2px;}
.cl-mini-lbl{font-size:10px;color:var(--text3);}
.days-pill{font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;}
.days-ok{background:var(--green-bg);color:var(--green);}
.days-warn{background:var(--amber-bg);color:var(--amber);}
.days-late{background:var(--red-bg);color:var(--red);}
.job-empty{padding:60px 28px;text-align:center;color:var(--text3);}

/* ── JOB PAGE NAV ── */
.job-page-nav{background:var(--navy);border-bottom:1px solid var(--navy-light);min-height:62px;display:flex;align-items:center;padding:0 28px;gap:12px;flex-shrink:0;}
.jpn-left{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.jpn-center{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden;}
.jpn-right-nav{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto;}
.jpn-logo{cursor:pointer;flex-shrink:0;}
.back-btn{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:rgba(255,255,255,.75);cursor:pointer;padding:7px 14px;border-radius:var(--r-md);border:1px solid var(--navy-light);background:var(--navy-mid);white-space:nowrap;}
.back-btn:hover{background:var(--navy-light);}
.jp-name{font-family:'DM Serif Display',serif;font-size:18px;color:#fff;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.jp-stage-pill{display:inline-flex;align-items:center;padding:4px 13px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;}
.spl-lead{background:rgba(255,255,255,.1);color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.2);}
.spl-prospect{background:rgba(201,168,76,.15);color:var(--gold-light);border:1px solid rgba(201,168,76,.3);}
.spl-approved{background:rgba(42,102,16,.3);color:#8FD96A;border:1px solid rgba(42,102,16,.5);}
.spl-completed{background:rgba(107,53,201,.3);color:#C9AEF0;border:1px solid rgba(107,53,201,.5);}
.spl-invoiced{background:rgba(201,168,76,.2);color:var(--gold);border:1px solid rgba(201,168,76,.4);}
.spl-closed{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.15);}
.stage-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;}
.btn-advance{display:flex;align-items:center;gap:6px;padding:7px 16px;background:var(--gold);color:var(--navy);border:none;border-radius:var(--r-md);font-size:12px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-advance:hover{background:var(--gold-light);}
.btn-back-stage{display:flex;align-items:center;gap:5px;padding:7px 12px;background:var(--navy-mid);color:rgba(255,255,255,.7);border:1px solid var(--navy-light);border-radius:var(--r-md);font-size:12px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-back-stage:hover{background:var(--navy-light);}
.btn-close-job{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-close-job.locked{opacity:.4;cursor:not-allowed;}

/* VALUE STRIP */
.job-value-strip{background:var(--navy-dk);border-bottom:1px solid var(--navy-light);padding:8px 28px;display:flex;align-items:center;gap:28px;flex-shrink:0;}
.jvs-item{display:flex;flex-direction:column;gap:1px;}
.jvs-label{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--navy-muted);}
.jvs-val{font-size:16px;font-weight:700;color:#fff;}
.jvs-val.pos{color:#8FD96A;}.jvs-val.neg{color:#F08080;}.jvs-val.zero{color:#8FD96A;}
.jvs-supp-green{color:#8FD96A;font-size:14px;font-weight:700;}
.jvs-supp-pending{color:#F5C542;font-size:14px;font-weight:700;}
.jvs-job-identity{flex:1;text-align:center;font-family:'DM Serif Display',serif;font-size:17px;color:#fff;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 12px;}
.jvs-stage-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;}
/* Supplement section */
.supp-section{}.supp-section-title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-muted);margin-bottom:10px;}
.supp-options{display:flex;flex-direction:column;gap:6px;}
.supp-option{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);cursor:pointer;font-size:13px;font-weight:500;color:var(--text2);transition:border-color .15s,background .15s;user-select:none;}
.supp-option input[type=radio]{accent-color:var(--gold);width:14px;height:14px;cursor:pointer;}
.supp-option:hover{border-color:var(--gold);background:var(--surface3);}
.supp-option.supp-active{border-color:var(--gold);background:rgba(212,175,55,.08);color:var(--text1);}
body.dark-mode .supp-option{background:var(--navy-mid);border-color:var(--navy-light);}
body.dark-mode .supp-option:hover{border-color:var(--gold);}
body.dark-mode .supp-option.supp-active{background:rgba(212,175,55,.12);border-color:var(--gold);}
.jvs-div{width:1px;background:var(--navy-light);margin:4px 0;}

/* JOB BODY */
.job-page-body{flex:1;overflow:hidden;display:grid;grid-template-columns:1fr 600px;}
.job-left{overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--border);}
.job-left::-webkit-scrollbar{width:5px;}.job-left::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}
.job-right{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);}

/* ── COLLAPSIBLE SECTION CARDS ── */
.ic{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:visible;position:relative;}
.ic-header{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;border-radius:var(--r-lg) var(--r-lg) 0 0;}
.ic-header-left{display:flex;align-items:center;gap:10px;}
.ic-header-icon{width:28px;height:28px;background:rgba(201,168,76,.2);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:15px;flex-shrink:0;}
.ic-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff;}
.ic-subtitle{font-size:11px;color:rgba(255,255,255,.5);margin-left:8px;}
.ic-header-right{display:flex;align-items:center;gap:8px;}
.ic-header-btn{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:rgba(255,255,255,.7);cursor:pointer;padding:4px 10px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);transition:background .12s;}
.ic-header-btn:hover{background:rgba(255,255,255,.15);}
.ic-chevron{font-size:16px;color:rgba(255,255,255,.5);transition:transform .2s;}
.ic-chevron.closed{transform:rotate(-90deg);}
.ic-body{padding:18px 20px;border-radius:0 0 var(--r-lg) var(--r-lg);}
.ic-body.hidden{display:none;}

/* GRID INSIDE CARDS */
.ic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ic-span{grid-column:1/-1;}
.ic-item .ik{font-size:11px;color:var(--text3);margin-bottom:3px;}
.ic-item .iv{font-size:13px;font-weight:500;color:var(--text1);}
.ef{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;}
.ef label{font-size:11px;color:var(--text3);font-weight:500;}
.ef input,.ef select,.ef textarea{font-size:13px;padding:8px 11px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;transition:border-color .15s;width:100%;}
.ef input:focus,.ef select:focus,.ef textarea:focus{border-color:var(--navy);}
.ef textarea{resize:none;line-height:1.5;}
.ef-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.save-row{display:flex;align-items:center;gap:8px;margin-top:4px;}
.btn-save-sec{display:flex;align-items:center;gap:6px;padding:8px 18px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-save-sec:hover{background:var(--navy-mid);}
.btn-cancel-sec{padding:8px 14px;border:1.5px solid var(--border2);background:transparent;border-radius:var(--r-md);font-size:12px;cursor:pointer;font-family:'DM Sans',sans-serif;color:var(--text2);}
.saved-flash{display:none;align-items:center;gap:5px;font-size:12px;color:var(--green);font-weight:500;}
.saved-flash.on{display:flex;}

/* TRACKING FIELDS */
.tg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.tg-span{grid-column:1/-1;}
.tf{display:flex;flex-direction:column;gap:4px;}
.tf label{font-size:11px;color:var(--text3);font-weight:500;}
.tf input,.tf select,.tf textarea{font-size:13px;padding:8px 11px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;transition:border-color .15s;width:100%;}
.tf input:focus,.tf select:focus,.tf textarea:focus{border-color:var(--navy);}
.tf textarea{resize:none;height:68px;line-height:1.5;}
.followup-banner{background:var(--gold-bg);border:1.5px solid var(--amber-border);border-radius:var(--r-md);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;}
.followup-banner i{color:var(--gold-dk);font-size:18px;flex-shrink:0;margin-top:1px;}
.followup-banner-text{font-size:13px;color:var(--amber);line-height:1.5;}
.followup-banner-text strong{font-weight:600;}
.divider{height:1px;background:var(--border);margin:14px 0;}

/* REPS */
.rep-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
.rep-tag{display:flex;align-items:center;gap:5px;background:var(--navy-subtle);border:1px solid var(--border2);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500;color:var(--navy);}
.rep-tag-del{cursor:pointer;color:var(--text3);font-size:14px;}
.rep-tag-del:hover{color:var(--red);}
.rep-add-row{display:flex;gap:8px;}
.rep-add-sel{flex:1;font-size:13px;padding:8px 11px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.btn-add-rep{padding:8px 14px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}

/* CHECKLIST */
.cl-section-inner{padding-top:14px;border-top:1px solid var(--border);}
.cl-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.cl-title{font-size:11px;font-weight:600;color:var(--text2);}
.btn-cl-edit{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--navy);cursor:pointer;padding:4px 10px;border-radius:var(--r-sm);border:1px solid var(--border);background:transparent;}
.btn-cl-edit:hover{background:var(--navy-subtle);}
.cl-prog{height:5px;background:var(--surface3);border-radius:3px;margin-bottom:14px;overflow:hidden;}
.cl-prog-bar{height:100%;background:var(--navy);border-radius:3px;transition:width .3s;}
.cl-items{display:flex;flex-direction:column;gap:8px;}
.cl-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);}
.cl-item.done{background:var(--green-bg);border-color:var(--green-border);}
.cl-item input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:var(--navy);}
.cl-item-body{flex:1;min-width:0;}
.cl-item-label{font-size:13px;font-weight:500;color:var(--text1);line-height:1.4;}
.cl-item.done .cl-item-label{color:var(--green);}
.cl-item-meta{font-size:11px;color:var(--text3);margin-top:3px;}
.cl-item.done .cl-item-meta{color:var(--green);opacity:.8;}
.cl-item-edit-input{flex:1;font-size:13px;padding:4px 8px;border-radius:var(--r-sm);border:1.5px solid var(--navy);background:var(--surface);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.cl-edit-actions{display:flex;align-items:center;gap:5px;flex-shrink:0;}
.cl-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:3px 5px;border-radius:var(--r-sm);transition:background .12s;color:var(--text3);}
.cl-btn:hover{background:var(--surface3);}
.cl-btn.del:hover{background:var(--red-bg);color:var(--red);}
.cl-btn.save-edit{color:var(--green);}
.cl-add-row{display:flex;gap:8px;margin-top:10px;}
.cl-add-row input{flex:1;font-size:13px;padding:8px 11px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.cl-add-row input:focus{border-color:var(--navy);}
.cl-add-row button{padding:8px 14px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}

/* WORKSHEET */
.ws-status-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.ws-status-pill{font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;}
.ws-draft-pill{background:var(--surface3);color:var(--text3);border:1px solid var(--border2);}
.ws-approved-pill{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border);}
.ws-sum-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;}
.ws-sum-box{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);padding:12px 14px;}
.ws-sum-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);margin-bottom:4px;}
.ws-sum-val{font-size:17px;font-weight:700;color:var(--text1);}
.ws-sum-val.pos{color:var(--green);}.ws-sum-val.neg{color:var(--red);}
.ws-section-wrap{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-bottom:10px;}
.ws-sec-head{background:var(--navy);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;}
.ws-sec-name{font-size:12px;font-weight:600;color:#fff;}
.ws-sec-sub{font-size:12px;font-weight:600;color:var(--gold);}
.ws-sec-body{padding:10px 14px;}
.ws-line{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);}
.ws-line:last-child{border-bottom:none;}
.ws-line-desc{flex:1;}
.ws-line-desc input{width:100%;font-size:13px;padding:4px 8px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.ws-line-desc input:focus{border-color:var(--border2);background:var(--surface);}
.ws-line-amt{min-width:110px;text-align:right;}
.ws-line-amt input{width:100%;font-size:13px;padding:4px 8px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;text-align:right;}
.ws-line-amt input:focus{border-color:var(--border2);background:var(--surface);}
.ws-line-del{font-size:15px;color:var(--text3);cursor:pointer;}
.ws-line-del:hover{color:var(--red);}
.ws-add-line{display:flex;align-items:center;gap:5px;padding:7px 0;font-size:12px;color:var(--navy);cursor:pointer;font-weight:500;}
.ws-grand{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--navy);border-radius:var(--r-md);margin:10px 0;}
.ws-grand-label{font-size:13px;font-weight:600;color:#fff;}
.ws-grand-val{font-size:16px;font-weight:700;color:var(--gold);}
.ws-add-sec{display:flex;align-items:center;gap:6px;padding:10px 14px;border:1.5px dashed var(--border2);border-radius:var(--r-md);cursor:pointer;font-size:13px;color:var(--text3);margin-bottom:10px;}
.ws-add-sec:hover{border-color:var(--navy);color:var(--navy);}
.ws-approve-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--gold-bg);border:1.5px solid var(--amber-border);border-radius:var(--r-md);}
.ws-approve-row i{color:var(--gold-dk);font-size:18px;flex-shrink:0;}
.ws-approve-text{flex:1;font-size:13px;color:var(--amber);line-height:1.4;}
.ws-approve-text strong{font-weight:600;}
.btn-ws-approve{padding:8px 18px;background:var(--navy);color:var(--gold);border:none;border-radius:var(--r-md);font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;flex-shrink:0;}
.ws-approved-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--green-bg);border:1.5px solid var(--green-border);border-radius:var(--r-md);}
.ws-approved-banner i{color:var(--green);font-size:18px;}
.ws-approved-banner-text{font-size:13px;color:var(--green);font-weight:500;}
.pay-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;}
.pay-item{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);}
.pay-left{display:flex;flex-direction:column;gap:2px;}
.pay-type{font-size:13px;font-weight:500;color:var(--text1);}
.pay-date{font-size:11px;color:var(--text3);}
.pay-amt{font-size:14px;font-weight:600;color:var(--green);}
.pay-del{font-size:15px;color:var(--text3);cursor:pointer;}
.pay-del:hover{color:var(--red);}
.btn-add-pay{display:flex;align-items:center;gap:6px;padding:9px 16px;background:var(--green-bg);color:var(--green);border:1.5px solid var(--green-border);border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}

/* NESTED FINANCES CHILDREN */
.fin-child{border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-bottom:10px;}
.fin-child:last-child{margin-bottom:0;}
.fin-child-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;user-select:none;background:var(--surface2);transition:background .12s;}
.fin-child-header:hover{background:var(--surface3);}
.fin-child-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);display:flex;align-items:center;gap:8px;}
.fin-child-title i{font-size:14px;color:var(--gold-dk);}
.fin-child-chev{font-size:15px;color:var(--text3);transition:transform .2s;}
.fin-child-chev.closed{transform:rotate(-90deg);}
.fin-child-body{padding:16px 16px;border-top:1px solid var(--border);}
.fin-child-body.hidden{display:none;}

/* PAYMENTS BREAKDOWN */
.pb-section-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-muted);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border);}
/* Revenue row: desc | amt | method | del */
.pb-item{display:grid;grid-template-columns:1fr 100px 110px 28px;align-items:center;gap:8px;padding:8px 10px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);margin-bottom:7px;}
/* Expense row: desc | amt | method | paid | del */
.pb-item.pb-item-exp{grid-template-columns:1fr 100px 110px 28px 28px;}
.pb-item input{font-size:13px;padding:4px 7px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;width:100%;}
.pb-item input:focus{border-color:var(--border2);background:var(--surface);}
.pb-item input.pb-amt{text-align:right;}
.pb-item .pb-method-sel{font-size:12px;padding:4px 6px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text2);font-family:'DM Sans',sans-serif;outline:none;width:100%;cursor:pointer;}
.pb-item .pb-method-sel:focus{border-color:var(--navy);}
.pb-item-paid{display:flex;align-items:center;justify-content:center;}
.pb-item-paid input[type=checkbox]{width:15px;height:15px;accent-color:var(--navy);cursor:pointer;}
.pb-item-del{display:flex;align-items:center;justify-content:center;color:var(--text3);cursor:pointer;font-size:15px;}
.pb-item-del:hover{color:var(--red);}
.pb-add-row{display:flex;gap:8px;margin-top:4px;align-items:center;}
.pb-add-row input{flex:1;font-size:13px;padding:8px 10px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.pb-add-row input:focus{border-color:var(--navy);}
.pb-add-row input.pb-amt-input{flex:0 0 100px;text-align:right;}
.pb-add-row .pb-method-sel{flex:0 0 110px;font-size:13px;padding:8px 10px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;cursor:pointer;}
.pb-add-row .pb-method-sel:focus{border-color:var(--navy);}
.pb-add-row button{padding:8px 14px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;}
.pb-add-row button:hover{background:var(--navy-mid);}
.pb-totals-wrap{margin-top:14px;padding:12px 14px;background:var(--navy);border-radius:var(--r-md);display:flex;flex-direction:column;gap:6px;}
.pb-total-row{display:flex;align-items:center;justify-content:space-between;}
.pb-total-label{font-size:12px;color:rgba(255,255,255,.65);}
.pb-total-val{font-size:14px;font-weight:700;color:#fff;}
.pb-total-val.pos{color:#8FD96A;}.pb-total-val.neg{color:#F08080;}.pb-total-val.warn{color:var(--gold);}
.pb-divider{height:1px;background:var(--navy-light);margin:4px 0;}
.pb-expense-unpaid{font-size:11px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:5px;}
.pb-exp-unpaid-row{display:flex;align-items:center;justify-content:space-between;}
/* Revenue col headers: desc | amt | method | (del) */
.pb-col-headers{display:grid;grid-template-columns:1fr 100px 110px 28px;gap:8px;padding:0 10px 6px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
/* Expense col headers: desc | amt | method | paid | (del) */
.pb-col-headers.pb-col-headers-exp{grid-template-columns:1fr 100px 110px 28px 28px;}
.pb-col-headers span:nth-child(2){text-align:right;}
.pb-col-headers.pb-col-headers-exp span:nth-child(4){text-align:center;}

/* FOLDERS */
.folder-list{display:flex;flex-direction:column;gap:8px;}
.folder{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;}
.folder-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;transition:background .12s;user-select:none;}
.folder-header:hover{background:var(--surface3);}
.folder-icon{font-size:17px;color:var(--gold-dk);flex-shrink:0;}
.folder.open .folder-icon{color:var(--navy);}
.folder-name{font-size:13px;font-weight:500;color:var(--text1);flex:1;}
.folder-count{font-size:11px;color:var(--text3);}
.folder-chev{font-size:15px;color:var(--text3);transition:transform .2s;}
.folder.open .folder-chev{transform:rotate(90deg);}
.folder-body{display:none;border-top:1px solid var(--border);padding:10px 14px;}
.folder.open .folder-body{display:block;}
.folder-dz{border:1.5px dashed var(--border2);border-radius:var(--r-md);padding:16px;text-align:center;color:var(--text3);font-size:12px;cursor:pointer;}
.folder-dz:hover,.folder-dz.drag-over{border-color:var(--navy);background:var(--navy-subtle);color:var(--navy);}
.folder-dz i{font-size:20px;display:block;margin-bottom:4px;}
.folder-files{display:flex;flex-direction:column;gap:6px;margin-top:10px;}
.folder-file{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);}
.folder-file i{font-size:16px;color:var(--text3);}
.folder-file-name{font-size:12px;font-weight:500;color:var(--text1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.folder-file-size{font-size:11px;color:var(--text3);}
.folder-file-del{font-size:15px;color:var(--text3);cursor:pointer;}
.folder-file-del:hover{color:var(--red);}
.hidden-input{display:none;}

/* CHAT */
.chat-panel{display:flex;flex-direction:column;height:100%;}
.chat-threads-col{padding:16px 20px 12px;border-bottom:1.5px solid var(--border);flex-shrink:0;background:var(--navy-subtle);}
.chat-col-title{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--navy-muted);margin-bottom:10px;}
.thread-list{display:flex;flex-direction:column;gap:2px;}
.thread-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--r-md);cursor:pointer;border:1px solid transparent;transition:background .12s;}
.thread-item:hover:not(.on){background:rgba(15,31,61,.06);}
.thread-item.on{background:var(--navy);border-color:var(--navy-mid);}
.thread-item-name{font-size:13px;font-weight:500;color:var(--text2);}
.thread-item.on .thread-item-name{color:#fff;}
.thread-item-badge{font-size:10px;background:var(--surface3);color:var(--text3);padding:1px 7px;border-radius:20px;}
.thread-item.on .thread-item-badge{background:var(--gold);color:var(--navy);font-weight:700;}
.thread-add-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-md);cursor:pointer;font-size:13px;color:var(--text3);margin-top:6px;border:1.5px dashed var(--border2);width:100%;background:transparent;font-family:'DM Sans',sans-serif;}
.thread-add-btn:hover{border-color:var(--navy);color:var(--navy);background:rgba(15,31,61,.04);}
.chat-active-label{padding:12px 20px 2px;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--navy-muted);flex-shrink:0;}
.chat-msgs{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:10px;}
.chat-msgs::-webkit-scrollbar{width:4px;}.chat-msgs::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}
.msg{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;}
.msg-head{display:flex;align-items:center;gap:9px;margin-bottom:7px;}
.msg-av{width:28px;height:28px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.msg-author{font-size:13px;font-weight:600;color:var(--text1);}
.msg-time{font-size:10px;color:var(--text3);margin-left:auto;}
.msg-text{font-size:13px;color:var(--text1);line-height:1.65;}
.empty-chat{font-size:13px;color:var(--text3);text-align:center;padding:32px 0;}
.chat-compose{padding:14px 20px;border-top:1.5px solid var(--border);display:flex;gap:10px;flex-shrink:0;}
.chat-compose textarea{flex:1;font-size:13px;padding:10px 14px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);resize:none;height:72px;font-family:'DM Sans',sans-serif;outline:none;transition:border-color .15s;line-height:1.55;}
.chat-compose textarea:focus{border-color:var(--navy);}
.send-btn{padding:0 20px;height:72px;background:var(--navy);color:var(--gold);border:none;border-radius:var(--r-md);cursor:pointer;font-size:20px;flex-shrink:0;}
.send-btn:hover{background:var(--navy-mid);}

/* SETTINGS */
.settings-body{flex:1;overflow-y:auto;padding:28px;}
.settings-body::-webkit-scrollbar{width:5px;}.settings-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}
.settings-sec{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:20px;}
.settings-sec-header{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);padding:14px 22px;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;}
.settings-sec-header i{color:var(--gold);font-size:18px;}
.settings-sec-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;flex:1;}
.settings-sec-chev{font-size:16px;color:rgba(255,255,255,.6);transition:transform .2s;margin-left:auto;}
.settings-sec-chev.closed{transform:rotate(-90deg);}
.settings-sec-body{padding:22px;}
.settings-sec-body.hidden{display:none;}
.user-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border);}
.user-row:last-child{border-bottom:none;}
.user-av{width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.user-info{flex:1;}
.user-name{font-size:14px;font-weight:600;color:var(--text1);}
.user-email{font-size:12px;color:var(--text3);}
.user-role-sel{font-size:12px;padding:5px 28px 5px 10px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A88AA' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;}
.btn-remove-user{padding:5px 12px;border-radius:var(--r-md);border:1.5px solid var(--red-border);background:var(--red-bg);color:var(--red);font-size:12px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;}
.role-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.04em;}
.rb-owner{background:var(--gold-bg);color:var(--gold-dk);border:1px solid var(--amber-border);}
.rb-operations{background:var(--navy-subtle);color:var(--navy);border:1px solid var(--border2);}
.rb-sales{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border);}
.rb-supplementer{background:#F0EAFB;color:#4A1E8A;border:1px solid #C9AEF0;}
.template-stage-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;}
.tmpl-tab{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface2);font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;}
.tmpl-tab.on{background:var(--navy);color:#fff;border-color:var(--navy);}
.tmpl-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);margin-bottom:8px;}
.tmpl-item-label{flex:1;font-size:13px;font-weight:500;color:var(--text1);}
.tmpl-item-edit-input{flex:1;font-size:13px;padding:4px 8px;border-radius:var(--r-sm);border:1.5px solid var(--navy);background:var(--surface);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.tmpl-item-actions{display:flex;gap:4px;}
.tmpl-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:3px 5px;border-radius:var(--r-sm);color:var(--text3);}
.tmpl-btn:hover{background:var(--surface3);}
.tmpl-btn.del:hover{background:var(--red-bg);color:var(--red);}
.tmpl-btn.edit-save{color:var(--green);}
.tmpl-add-row{display:flex;gap:8px;margin-top:8px;}
.tmpl-add-row input{flex:1;font-size:13px;padding:9px 12px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.tmpl-add-row input:focus{border-color:var(--navy);}
.tmpl-add-row button{padding:9px 16px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.publish-row{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);}
.btn-publish{display:flex;align-items:center;gap:7px;padding:10px 22px;background:var(--gold);color:var(--navy);border:none;border-radius:var(--r-md);font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-publish:hover{background:var(--gold-light);}
.publish-note{font-size:12px;color:var(--text3);line-height:1.4;flex:1;}
.publish-success{display:none;align-items:center;gap:6px;font-size:13px;color:var(--green);font-weight:500;}
.publish-success.on{display:flex;}

/* MODALS */
.modal-bg{display:none;position:fixed;inset:0;background:rgba(10,22,40,.6);z-index:200;align-items:flex-start;justify-content:center;padding-top:56px;}
.modal-bg.open{display:flex;}
.modal{background:var(--surface);border-radius:var(--r-xl);border:1.5px solid var(--border);width:480px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .18s ease;box-shadow:0 20px 60px rgba(10,22,40,.3);}
.modal-sm{width:380px;}
@keyframes modalIn{from{transform:translateY(-14px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.modal-head{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--navy);}
.modal-title{font-size:16px;font-weight:600;color:#fff;}
.modal-body{padding:22px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;}
.mf{display:flex;flex-direction:column;gap:5px;}
.mf label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;}
.mf input,.mf select{font-size:13px;padding:9px 12px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;transition:border-color .15s;width:100%;}
.mf input:focus,.mf select:focus{border-color:var(--navy);}
.mf input::placeholder{color:var(--text3);}
.mf-hint{font-size:11px;color:var(--text3);margin-top:3px;display:flex;align-items:center;gap:4px;}
.mf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.modal-foot{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:9px;background:var(--surface2);}
.btn-cancel{padding:9px 20px;border-radius:var(--r-md);border:1.5px solid var(--border2);background:var(--surface);color:var(--text1);font-size:13px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-cancel:hover{background:var(--surface3);}
.btn-save{padding:9px 22px;border-radius:var(--r-md);border:none;background:var(--navy);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-save:hover{background:var(--navy-mid);}
.btn-close-m{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.75);font-size:18px;flex-shrink:0;}
.btn-close-m:hover{background:rgba(255,255,255,.2);}
.warn-icon-lg{font-size:44px;color:var(--gold-dk);text-align:center;margin-bottom:4px;}
.warn-msg{font-size:14px;color:var(--text1);line-height:1.6;text-align:center;}
.warn-list{background:var(--gold-bg);border:1.5px solid var(--amber-border);border-radius:var(--r-md);padding:12px 14px;margin-top:12px;}
.warn-list ul{padding-left:18px;display:flex;flex-direction:column;gap:5px;}
.warn-list ul li{font-size:13px;color:var(--amber);}
.warn-foot{display:flex;justify-content:center;gap:10px;}
.btn-proceed{padding:9px 22px;border-radius:var(--r-md);border:none;background:var(--amber);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-danger{padding:9px 22px;border-radius:var(--r-md);border:none;background:var(--red);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}

/* ── MENTIONS / CHAT ENHANCEMENTS ── */
.msg-mention{background:rgba(201,168,76,.18);color:var(--gold-dk);border-radius:4px;padding:0 3px;font-weight:600;}
.msg.has-unread{border-left:3px solid var(--gold);background:var(--gold-bg);}
.mention-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1.5px solid var(--border2);border-radius:var(--r-md);z-index:50;box-shadow:0 6px 20px rgba(15,31,61,.15);overflow:hidden;}
.mention-item{display:flex;align-items:center;gap:9px;padding:9px 14px;cursor:pointer;transition:background .1s;}
.mention-item:hover,.mention-item.active{background:var(--navy-subtle);}
.mention-av{width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mention-name{font-size:13px;font-weight:500;color:var(--text1);}
.mention-role{font-size:11px;color:var(--text3);}
.chat-compose-wrap{position:relative;padding:14px 20px;border-top:1.5px solid var(--border);flex-shrink:0;}
.thread-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;}

/* ── NOTIFICATION BAR (Messages / Follow-Ups / Completed) ── */
.notif-bar-wrap{padding:20px 28px 0;flex-shrink:0;}
.notif-bar{display:flex;gap:10px;flex-wrap:wrap;}
.notif-btn-wrap{}
.notif-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;position:relative;}
.notif-btn i{color:var(--gold);font-size:16px;}
.notif-btn:hover{background:#1a2f5e;}
.inbox-badge{min-width:18px;height:18px;border-radius:9px;background:var(--gold);color:var(--navy);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.inbox-panel{display:none;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);margin-top:10px;overflow:hidden;max-height:360px;overflow-y:auto;}
.inbox-panel.open{display:block;}
.inbox-empty{padding:28px;text-align:center;color:var(--text3);font-size:13px;}
.inbox-item{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;}
.inbox-item:hover{background:var(--navy-subtle);}
.inbox-item:last-child{border-bottom:none;}
.inbox-item-left{flex:1;min-width:0;}
.inbox-meta{font-size:11px;color:var(--text3);margin-bottom:3px;display:flex;align-items:center;gap:6px;}
.inbox-job-tag{font-size:10px;font-weight:700;color:var(--gold);background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);border-radius:4px;padding:1px 5px;}
.inbox-thread-tag{font-size:10px;color:var(--text3);}
.inbox-msg-text{font-size:13px;color:var(--text1);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.inbox-sender{font-size:12px;font-weight:600;color:var(--navy);}
.inbox-time{font-size:11px;color:var(--text3);}
.inbox-actions{display:flex;gap:6px;flex-shrink:0;margin-top:2px;}
.inbox-mark-read{font-size:11px;padding:4px 10px;border-radius:var(--r-sm);border:1px solid var(--border2);background:var(--surface2);color:var(--text2);cursor:pointer;font-family:'DM Sans',sans-serif;}

/* ── FOLLOW-UPS PANEL (Dashboard) ── */
.fu-badge{min-width:18px;height:18px;border-radius:9px;background:#e05a5a;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.fu-panel{display:none;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);margin-top:10px;overflow:hidden;max-height:420px;overflow-y:auto;}
.fu-panel.open{display:block;}
.fu-empty{padding:28px;text-align:center;color:var(--text3);font-size:13px;}
.fu-item{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;}
.fu-item:hover{background:var(--navy-subtle);}
.fu-item:last-child{border-bottom:none;}
.fu-item-left{flex:1;min-width:0;}
.fu-meta{font-size:11px;color:var(--text3);margin-bottom:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.fu-job-tag{font-size:10px;font-weight:700;color:var(--gold);background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);border-radius:4px;padding:1px 5px;}
.fu-overdue{font-size:10px;font-weight:700;color:#e05a5a;background:rgba(224,90,90,.1);border:1px solid rgba(224,90,90,.3);border-radius:4px;padding:1px 6px;}
.fu-due-today{font-size:10px;font-weight:700;color:var(--gold-dk);background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.3);border-radius:4px;padding:1px 6px;}
.fu-upcoming{font-size:10px;color:var(--text3);border:1px solid var(--border2);border-radius:4px;padding:1px 6px;}
.fu-what{font-size:13px;color:var(--text1);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.fu-assignee{font-size:12px;font-weight:600;color:var(--navy);}
.fu-actions{display:flex;gap:6px;flex-shrink:0;margin-top:2px;}
.fu-done-btn{font-size:11px;padding:4px 10px;border-radius:var(--r-sm);border:1px solid var(--green-border);background:var(--green-bg);color:var(--green);cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:600;}
.fu-done-btn:hover{background:var(--green);color:#fff;}

/* ── ALL FOLLOW-UPS PANEL (Ops/Owner only) ── */
.afu-badge{min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.afu-panel{display:none;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);margin-top:10px;overflow:hidden;max-height:420px;overflow-y:auto;}
.afu-panel.open{display:block;}
.afu-assignee-group{border-bottom:2px solid var(--border2);}
.afu-assignee-group:last-child{border-bottom:none;}
.afu-group-header{display:flex;align-items:center;gap:8px;padding:9px 18px;background:var(--navy-subtle);font-size:11px;font-weight:700;color:var(--navy);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border);}
.afu-group-header i{font-size:14px;color:var(--navy-muted);}

/* ── COMPLETED FOLLOW-UPS PANEL (Ops/Owner only) ── */
.cfu-badge{min-width:18px;height:18px;border-radius:9px;background:var(--green);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.nts-badge{min-width:18px;height:18px;border-radius:9px;background:#6B35C9;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.nts-panel{display:none;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);margin-top:10px;overflow:hidden;max-height:360px;overflow-y:auto;}
.nts-panel.open{display:block;}
.nts-empty{padding:28px;text-align:center;color:var(--text3);font-size:13px;}
.nts-item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;}
.nts-item:hover{background:var(--navy-subtle);}
.nts-item:last-child{border-bottom:none;}
.nts-item-icon{width:34px;height:34px;border-radius:var(--r-md);background:#F0EAFB;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.nts-item-icon i{font-size:16px;color:#6B35C9;}
.nts-item-body{flex:1;min-width:0;}
.nts-item-meta{font-size:11px;color:var(--text3);margin-bottom:3px;display:flex;align-items:center;gap:6px;}
.nts-job-tag{font-size:10px;font-weight:700;color:#6B35C9;background:#F0EAFB;border:1px solid #C9AEF0;border-radius:4px;padding:1px 5px;}
.nts-doc-name{font-size:13px;font-weight:600;color:var(--text1);}
.nts-doc-sub{font-size:11px;color:var(--text3);margin-top:2px;}
.nts-sign-btn{font-size:11px;font-weight:600;padding:5px 12px;border-radius:var(--r-sm);background:var(--navy);color:#fff;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;flex-shrink:0;}
.nts-sign-btn:hover{background:var(--navy-mid);}
.cfu-panel{display:none;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);margin-top:10px;overflow:hidden;max-height:360px;overflow-y:auto;}
.cfu-panel.open{display:block;}
.cfu-item{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;}
.cfu-item:hover{background:var(--navy-subtle);}
.cfu-item:last-child{border-bottom:none;}
.cfu-item-left{flex:1;min-width:0;}
.cfu-meta{font-size:11px;color:var(--text3);margin-bottom:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.cfu-job-tag{font-size:10px;font-weight:700;color:var(--gold);background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);border-radius:4px;padding:1px 5px;}
.cfu-done-tag{font-size:10px;font-weight:700;color:var(--green);background:rgba(74,163,99,.1);border:1px solid rgba(74,163,99,.3);border-radius:4px;padding:1px 6px;}
.cfu-what{font-size:13px;color:var(--text2);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cfu-who{font-size:12px;font-weight:600;color:var(--navy);}
.cfu-dismiss{font-size:11px;padding:4px 10px;border-radius:var(--r-sm);border:1px solid var(--border2);background:var(--surface2);color:var(--text3);cursor:pointer;font-family:'DM Sans',sans-serif;flex-shrink:0;margin-top:2px;}
.cfu-deny{font-size:11px;padding:4px 10px;border-radius:var(--r-sm);border:1px solid var(--red-border);background:var(--red-bg);color:var(--red);cursor:pointer;font-family:'DM Sans',sans-serif;flex-shrink:0;margin-top:2px;}
.inbox-mark-read:hover{background:var(--navy);color:#fff;border-color:var(--navy);}

/* ── CALENDAR ── */
.cal-page{display:none;flex-direction:column;flex:1;overflow:hidden;}
.cal-page.active{display:flex;}
.cal-toolbar{padding:16px 28px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0;}
.cal-nav-group{display:flex;align-items:center;gap:6px;}
.cal-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);border:1.5px solid var(--border2);background:var(--surface2);color:var(--text2);cursor:pointer;font-size:14px;}
.cal-nav-btn:hover{background:var(--navy-subtle);color:var(--navy);}
.cal-today-btn{padding:6px 14px;border-radius:var(--r-sm);border:1.5px solid var(--border2);background:var(--surface2);color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.cal-today-btn:hover{background:var(--navy-subtle);color:var(--navy);}
.cal-period-label{font-size:15px;font-weight:700;color:var(--navy);min-width:180px;text-align:center;}
.cal-view-group{display:flex;border:1.5px solid var(--border2);border-radius:var(--r-sm);overflow:hidden;}
.cal-view-btn{padding:6px 14px;background:var(--surface2);color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;border-right:1px solid var(--border2);}
.cal-view-btn:last-child{border-right:none;}
.cal-view-btn.on{background:var(--navy);color:#fff;}
.cal-state-sel{padding:6px 28px 6px 10px;border:1.5px solid var(--border2);border-radius:var(--r-sm);background:var(--surface2);font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;font-family:'DM Sans',sans-serif;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C9A84C' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;}
.cal-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto;}
.cal-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2);}
.cal-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.cal-body{flex:1;overflow:auto;padding:16px 28px 28px;}
/* Month grid */
.cal-month{display:flex;flex-direction:column;gap:0;border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.cal-month-head{display:grid;grid-template-columns:repeat(7,1fr);background:var(--navy);}
.cal-month-dow{padding:10px 0;text-align:center;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.cal-month-grid{display:grid;grid-template-columns:repeat(7,1fr);}
.cal-month-cell{min-height:110px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px;background:var(--surface);position:relative;}
.cal-month-cell:nth-child(7n){border-right:none;}
.cal-month-cell.other-month{background:var(--surface2);}
.cal-month-cell.today-cell{background:#f0f4ff;}
.cal-day-num{font-size:12px;font-weight:600;color:var(--text2);margin-bottom:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.cal-month-cell.today-cell .cal-day-num{background:var(--navy);color:#fff;}
.cal-ev{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;margin-bottom:2px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;line-height:1.4;}
.cal-ev:hover{opacity:.85;}
.cal-more{font-size:10px;color:var(--text3);cursor:pointer;padding:1px 4px;}
.cal-more:hover{color:var(--navy);}
/* Week grid */
.cal-week{display:flex;flex-direction:column;border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.cal-week-head{display:grid;grid-template-columns:50px repeat(7,1fr);background:var(--navy);}
.cal-week-head-time{padding:10px 0;text-align:center;border-right:1px solid var(--navy-light);}
.cal-week-dow{padding:8px 6px;text-align:center;border-right:1px solid var(--navy-light);}
.cal-week-dow:last-child{border-right:none;}
.cal-week-dow-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.cal-week-dow-date{font-size:18px;font-weight:700;color:#fff;line-height:1.1;}
.cal-week-dow.today-col .cal-week-dow-date{color:var(--gold);}
.cal-week-body{display:grid;grid-template-columns:50px repeat(7,1fr);position:relative;}
.cal-week-time-col{display:flex;flex-direction:column;}
.cal-week-hour{height:54px;border-bottom:1px solid var(--border);border-right:1px solid var(--border2);display:flex;align-items:flex-start;justify-content:flex-end;padding:2px 6px 0 0;font-size:9px;color:var(--text3);font-weight:500;}
.cal-week-day-col{border-right:1px solid var(--border);position:relative;background:var(--surface);}
.cal-week-day-col:last-child{border-right:none;}
.cal-week-day-col.today-col{background:#f8f9ff;}
.cal-week-hour-line{height:54px;border-bottom:1px solid var(--border);}
.cal-week-allday-row{display:grid;grid-template-columns:50px repeat(7,1fr);border-bottom:2px solid var(--border2);background:var(--surface2);}
.cal-week-allday-label{font-size:9px;color:var(--text3);display:flex;align-items:center;justify-content:flex-end;padding:4px 6px;border-right:1px solid var(--border2);font-weight:600;letter-spacing:.05em;}
.cal-week-allday-cell{padding:3px 3px;border-right:1px solid var(--border2);min-height:28px;display:flex;flex-direction:column;gap:2px;}
.cal-week-allday-cell:last-child{border-right:none;}
.cal-week-allday-cell .cal-ev{display:block;width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cal-week-ev{position:absolute;left:3px;right:3px;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:600;color:#fff;cursor:pointer;overflow:hidden;z-index:2;line-height:1.3;}
.cal-week-ev:hover{opacity:.85;z-index:3;}
/* Day view */
.cal-day{display:flex;flex-direction:column;border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.cal-day-head{background:var(--navy);padding:14px 20px;display:flex;align-items:center;gap:12px;}
.cal-day-head-date{font-size:22px;font-weight:700;color:#fff;}
.cal-day-head-dow{font-size:13px;color:rgba(255,255,255,.65);font-weight:500;}
.cal-day-allday{background:var(--surface2);border-bottom:2px solid var(--border2);padding:6px 14px;display:flex;align-items:center;gap:8px;min-height:36px;flex-wrap:wrap;}
.cal-day-allday-label{font-size:9px;color:var(--text3);font-weight:700;letter-spacing:.07em;text-transform:uppercase;width:40px;flex-shrink:0;}
.cal-day-body{display:grid;grid-template-columns:50px 1fr;position:relative;}
.cal-day-time-col{display:flex;flex-direction:column;}
.cal-day-hour{height:60px;border-bottom:1px solid var(--border);border-right:1px solid var(--border2);display:flex;align-items:flex-start;justify-content:flex-end;padding:2px 8px 0 0;font-size:9px;color:var(--text3);font-weight:500;}
.cal-day-events-col{position:relative;background:var(--surface);}
.cal-day-hour-line{height:60px;border-bottom:1px solid var(--border);}
.cal-day-ev{position:absolute;left:8px;right:8px;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;color:#fff;cursor:pointer;overflow:hidden;z-index:2;line-height:1.4;}
.cal-day-ev:hover{opacity:.85;}
/* Event tooltip/popup */
.cal-popup{position:fixed;z-index:999;background:#fff;border:1.5px solid var(--border);border-radius:var(--r-lg);box-shadow:0 8px 32px rgba(15,31,61,.15);padding:16px;min-width:240px;max-width:300px;}
.cal-popup-close{position:absolute;top:10px;right:10px;cursor:pointer;color:var(--text3);font-size:16px;}
.cal-popup-type{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;}
.cal-popup-title{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:6px;line-height:1.3;}
.cal-popup-meta{font-size:12px;color:var(--text2);margin-bottom:3px;display:flex;align-items:center;gap:6px;}
.cal-popup-job-btn{margin-top:10px;width:100%;padding:7px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.cal-popup-job-btn:hover{background:var(--navy-mid);}
/* ── Calendar Export Panel ── */
.cal-export-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--gold);color:var(--navy);border:none;border-radius:var(--r-sm);font-size:12px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;letter-spacing:.02em;transition:background .12s;}
.cal-export-btn:hover{background:var(--gold-dk);}
.cal-export-overlay{display:none;position:fixed;inset:0;z-index:1100;background:rgba(15,31,61,.25);}
.cal-export-overlay.open{display:block;}
.cal-export-panel{position:fixed;top:0;right:0;bottom:0;width:320px;z-index:1101;background:var(--surface);border-left:1.5px solid var(--border2);box-shadow:-6px 0 32px rgba(15,31,61,.15);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);}
.cal-export-panel.open{transform:translateX(0);}
.cal-export-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1.5px solid var(--border);}
.cal-export-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--navy);}
.cal-export-close{width:28px;height:28px;border:1.5px solid var(--border2);border-radius:var(--r-sm);background:transparent;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;}
.cal-export-close:hover{background:var(--surface3);color:var(--text1);}
.cal-export-body{flex:1;overflow-y:auto;padding:18px 20px;}
.cal-export-section-label{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--navy-muted);margin-bottom:8px;}
.cal-export-sel{width:100%;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface2);font-size:13px;color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;cursor:pointer;}
.cal-export-field-label{font-size:11px;color:var(--text3);font-weight:600;display:block;margin-bottom:4px;}
.cal-export-date{width:100%;box-sizing:border-box;padding:7px 10px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface2);font-size:12px;color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.cal-export-checks{display:flex;flex-direction:column;gap:6px;}
.cal-export-check-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text1);cursor:pointer;padding:6px 10px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface2);}
.cal-export-check-row input{margin:0;cursor:pointer;}
.cal-export-check-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.cal-export-footer{padding:16px 20px;border-top:1.5px solid var(--border);display:flex;flex-direction:column;gap:8px;}
.cal-export-action{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:none;border-radius:var(--r-md);font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background .12s,opacity .12s;}
.cal-export-action.pdf{background:var(--navy);color:#fff;}
.cal-export-action.pdf:hover{background:var(--navy-mid);}
.cal-export-action.excel{background:#1D6F42;color:#fff;}
.cal-export-action.excel:hover{opacity:.88;}
body.dark-mode .cal-export-panel{background:var(--surface);border-left-color:var(--border2);}
body.dark-mode .cal-export-check-row{background:var(--surface2);border-color:var(--border);}
body.dark-mode .cal-export-sel,body.dark-mode .cal-export-date{background:var(--surface2);border-color:var(--border);color:var(--text1);}
.cal-empty{padding:60px;text-align:center;color:var(--text3);font-size:13px;}

/* ── JOB PARTY LIST CARD ── */
.party-user-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);}
.party-user-row:last-child{border-bottom:none;}
.party-av{width:32px;height:32px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.party-name{font-size:13px;font-weight:500;color:var(--text1);flex:1;}
.party-role{font-size:11px;color:var(--text3);}
.party-remove{font-size:14px;color:var(--text3);cursor:pointer;padding:2px 5px;}
.party-remove:hover{color:var(--red);}
.party-add-row{display:flex;gap:8px;margin-top:10px;}
.party-add-sel{flex:1;font-size:13px;padding:8px 11px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.btn-party-add{padding:8px 14px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}

/* ── INTEGRATIONS HUB ── */
.intg-page-nav{background:var(--navy);border-bottom:1px solid var(--navy-light);height:62px;display:flex;align-items:center;padding:0 28px;flex-shrink:0;}
.intg-body{flex:1;overflow-y:auto;padding:28px;background:var(--bg);}
.intg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-bottom:32px;}
.intg-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:22px;transition:box-shadow .15s,border-color .15s;}
.intg-card:hover{box-shadow:0 4px 18px rgba(15,31,61,.1);border-color:var(--navy-muted);}
.intg-card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.intg-logo{width:48px;height:48px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;}
.intg-logo.cc{background:#E8F4FD;color:#1a73e8;}
.intg-logo.qb{background:#E6F3DE;color:#2A6610;}
.intg-logo.srs{background:#FBF5E6;color:#A8872E;}
.intg-logo.esig{background:#F0EAFB;color:#6B35C9;}
.intg-logo.ev{background:#E6F0FB;color:#1B5FAD;}
.intg-logo.gaf{background:#FDE8E8;color:#B02020;}
.intg-logo.cal{background:#E8FBF0;color:#1A7A45;}
.intg-logo.zap{background:#FFF3E6;color:#C05C00;}
.intg-card-title{font-size:15px;font-weight:700;color:var(--text1);}
.intg-card-sub{font-size:12px;color:var(--text3);margin-top:2px;}
.intg-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;width:fit-content;margin-bottom:12px;}
.intg-status.connected{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border);}
.intg-status.disconnected{background:var(--surface2);color:var(--text3);border:1px solid var(--border2);}
.intg-status.coming-soon{background:var(--gold-bg);color:var(--amber);border:1px solid var(--amber-border);}
.intg-desc{font-size:12px;color:var(--text2);line-height:1.6;margin-bottom:14px;}
.intg-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;}
.intg-field label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);}
.intg-field input{font-size:13px;padding:8px 11px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.intg-field input:focus{border-color:var(--navy);}
.btn-intg-connect{display:flex;align-items:center;gap:6px;padding:9px 18px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-intg-connect:hover{background:var(--navy-mid);}
.btn-intg-disconnect{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--red-bg);color:var(--red);border:1.5px solid var(--red-border);border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.intg-connected-info{font-size:12px;color:var(--text2);background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--r-md);padding:10px 12px;margin-bottom:12px;}
.intg-section-title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--navy-muted);margin-bottom:14px;}

/* ── PHOTOS SECTION ── */
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:10px;}
.photo-thumb{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:1;background:var(--surface3);cursor:pointer;border:1.5px solid var(--border);}
.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.photo-thumb-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(153,32,32,.85);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:12px;}
.photo-thumb:hover .photo-thumb-del{display:flex;}
.photo-thumb-name{position:absolute;bottom:0;left:0;right:0;background:rgba(15,31,61,.7);color:#fff;font-size:9px;padding:3px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cc-sync-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#1a73e8;color:#fff;border:none;border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;margin-bottom:10px;}
.cc-sync-btn:hover{background:#1558b0;}
.cc-sync-btn i{font-size:14px;}
.cc-syncing{font-size:12px;color:var(--text3);display:flex;align-items:center;gap:6px;margin-bottom:8px;}

/* ── E-SIGNATURE ── */
.esig-page{display:none;flex-direction:column;height:100vh;overflow:hidden;}
.esig-page.active{display:flex;}
.esig-nav{background:var(--navy);border-bottom:1px solid var(--navy-light);height:62px;display:flex;align-items:center;padding:0 28px;gap:14px;flex-shrink:0;}
.esig-body{flex:1;overflow-y:auto;padding:28px;background:var(--bg);}
.esig-send-wrap{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:24px;max-width:680px;margin:0 auto;}
.esig-docs-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
.esig-doc-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);}
.esig-doc-icon{width:34px;height:34px;border-radius:var(--r-md);background:var(--navy-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.esig-doc-icon i{font-size:16px;color:var(--navy);}
.esig-doc-name{font-size:13px;font-weight:600;color:var(--text1);flex:1;}
.esig-doc-status{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;}
.esig-doc-status.pending{background:var(--gold-bg);color:var(--amber);border:1px solid var(--amber-border);}
.esig-doc-status.signed{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border);}
.esig-doc-status.draft{background:var(--surface3);color:var(--text3);border:1px solid var(--border2);}
.esig-doc-status.voided{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);}
.esig-doc-item.voided-doc{opacity:.55;}
.esig-doc-item.voided-doc .esig-doc-name{text-decoration:line-through;color:var(--text3);}
.btn-esig-void{font-size:11px;padding:5px 10px;border-radius:var(--r-sm);border:1.5px solid var(--red-border);background:var(--red-bg);color:var(--red);cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:600;}
.btn-esig-void:hover{background:#f8d0d0;}
.esig-doc-date{font-size:11px;color:var(--text3);}
.btn-esig-view{font-size:11px;padding:5px 12px;border-radius:var(--r-sm);border:1.5px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-esig-view:hover{background:var(--surface3);}
.esig-empty{padding:28px;text-align:center;color:var(--text3);font-size:13px;}

/* ── CONTRACT MODAL ── */
.modal-lg{width:780px;max-width:95vw;}
.modal-xl{width:960px;max-width:97vw;}
.contract-preview{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);padding:28px;font-size:12px;color:#333;line-height:1.6;font-family:Arial,sans-serif;max-height:55vh;overflow-y:auto;}
.contract-preview h2{font-size:15px;font-weight:700;text-align:center;margin-bottom:4px;font-family:Arial,sans-serif;}
.contract-preview h3{font-size:12px;font-weight:700;text-decoration:underline;margin:14px 0 6px;font-family:Arial,sans-serif;}
.contract-preview .c-header{text-align:center;border-bottom:2px solid #000;padding-bottom:12px;margin-bottom:14px;}
.contract-preview .c-logo{font-size:22px;font-weight:900;font-style:italic;font-family:Georgia,serif;margin-bottom:2px;}
.contract-preview .c-tagline{font-size:10px;color:#666;margin-bottom:6px;}
.contract-preview .c-banner{background:#000;color:#fff;font-weight:700;font-size:11px;padding:5px;text-align:center;margin-bottom:14px;letter-spacing:.05em;}
.contract-preview .c-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:12px;}
.contract-preview .c-field{display:flex;flex-direction:column;gap:2px;}
.contract-preview .c-label{font-size:10px;color:#666;font-weight:600;}
.contract-preview .c-val{border-bottom:1px solid #999;min-height:18px;font-size:12px;padding:1px 3px;}
.contract-preview .c-val.editable{background:#fffde7;border-color:var(--navy);}
.contract-preview .c-section{margin:12px 0;}
.contract-preview .c-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.contract-preview .c-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.contract-preview .c-checkbox-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;}
.contract-preview .c-note{font-size:10px;color:#c00;line-height:1.5;border:1px solid #c00;padding:6px 8px;border-radius:4px;margin:8px 0;}
.contract-preview .c-terms{font-size:10px;line-height:1.55;color:#444;margin:10px 0;}
.contract-preview .c-sig-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;}

/* ── DOCUMENT TEMPLATE MANAGER ── */
.tmgr-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.tmgr-row{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);transition:border-color .15s;}
.tmgr-row:hover{border-color:var(--navy-muted);}
.tmgr-icon{width:34px;height:34px;border-radius:var(--r-sm);background:#F0EAFB;border:1.5px solid #C9AEF0;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tmgr-icon i{font-size:17px;color:#6B35C9;}
.tmgr-info{flex:1;min-width:0;}
.tmgr-name{font-size:13px;font-weight:600;color:var(--text1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tmgr-meta{font-size:11px;color:var(--text3);margin-top:1px;}
.tmgr-actions{display:flex;gap:6px;flex-shrink:0;}
.tmgr-btn{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:5px 10px;border-radius:var(--r-sm);cursor:pointer;border:1.5px solid var(--border2);background:var(--surface);color:var(--text2);font-family:'DM Sans',sans-serif;transition:background .12s;}
.tmgr-btn:hover{background:var(--surface3);}
.tmgr-btn.danger:hover{background:var(--red-bg);border-color:var(--red-border);color:var(--red);}
.tmgr-empty{padding:28px;text-align:center;color:var(--text3);font-size:13px;border:1.5px dashed var(--border2);border-radius:var(--r-md);}
.tmgr-upload-area{display:flex;align-items:center;gap:10px;padding:14px 16px;border:2px dashed var(--border2);border-radius:var(--r-md);cursor:pointer;transition:border-color .15s,background .15s;}
.tmgr-upload-area:hover{border-color:var(--navy);background:var(--navy-subtle);}
.tmgr-upload-area i{font-size:22px;color:var(--navy-muted);}
.tmgr-upload-text{font-size:13px;font-weight:500;color:var(--text2);}
.tmgr-upload-sub{font-size:11px;color:var(--text3);margin-top:2px;}

/* ── TEMPLATE EDITOR MODAL (full-screen) ── */
.te-modal-bg{display:none;position:fixed;inset:0;background:rgba(10,22,40,.7);z-index:300;flex-direction:column;}
.te-modal-bg.open{display:flex;}
.te-topbar{background:var(--navy);height:56px;display:flex;align-items:center;padding:0 20px;gap:14px;flex-shrink:0;border-bottom:1px solid var(--navy-light);}
.te-topbar-title{font-size:15px;font-weight:600;color:#fff;flex:1;}
.te-name-input{font-size:13px;padding:6px 11px;border:1.5px solid var(--navy-light);border-radius:var(--r-md);background:var(--navy-mid);color:#fff;font-family:'DM Sans',sans-serif;outline:none;width:280px;}
.te-name-input::placeholder{color:rgba(255,255,255,.4);}
.te-name-input:focus{border-color:var(--gold);}
.te-topbar-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;border:none;}
.te-topbar-btn.cancel{background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.15);}
.te-topbar-btn.cancel:hover{background:rgba(255,255,255,.15);}
.te-topbar-btn.save{background:var(--gold);color:var(--navy);}
.te-topbar-btn.save:hover{background:var(--gold-light);}
.te-body{flex:1;display:flex;overflow:hidden;}
.te-sidebar{width:200px;background:var(--surface);border-right:1.5px solid var(--border);padding:16px 12px;overflow-y:auto;flex-shrink:0;}
.te-sidebar-title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-muted);margin-bottom:10px;}
.te-field-btn{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1.5px solid var(--border);border-radius:var(--r-md);cursor:grab;background:var(--surface);margin-bottom:6px;transition:border-color .12s,background .12s;user-select:none;}
.te-field-btn:hover{border-color:var(--navy-muted);background:var(--navy-subtle);}
.te-field-btn i{font-size:15px;color:var(--navy);}
.te-field-btn span{font-size:12px;font-weight:500;color:var(--text1);}
.te-field-btn .te-field-hint{font-size:10px;color:var(--text3);display:block;margin-top:1px;}
.te-canvas-wrap{flex:1;overflow:auto;background:#9AA5BC;display:flex;justify-content:center;padding:28px;}
.te-canvas{position:relative;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.3);min-height:1056px;}
.te-page-placeholder{width:816px;min-height:1056px;position:relative;overflow:hidden;}
.te-page-placeholder img{width:100%;display:block;}
.te-page-lines{position:absolute;inset:0;pointer-events:none;}
.te-field{position:absolute;cursor:move;user-select:none;z-index:10;}
.te-field-inner{border:2px dashed #6B35C9;border-radius:4px;background:rgba(107,53,201,.08);display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 6px;min-width:90px;min-height:28px;white-space:nowrap;position:relative;}
.te-field-inner.sig-field{border-color:#1A3260;background:rgba(26,50,96,.08);}
.te-field-inner.date-field{border-color:#2A6610;background:rgba(42,102,16,.08);}
.te-field-inner.text-field{border-color:#7A5010;background:rgba(122,80,16,.08);}
.te-field-inner.check-field{border-color:#992020;background:rgba(153,32,32,.08);}
.te-field-inner.init-field{border-color:#0F5B8A;background:rgba(15,91,138,.08);}
.te-field-inner.drop-field{border-color:#5A6B00;background:rgba(90,107,0,.08);}
.te-field-label{font-size:10px;font-weight:700;letter-spacing:.04em;color:#555;}
.te-field-inner.sig-field .te-field-label{color:#1A3260;}
.te-field-inner.date-field .te-field-label{color:#2A6610;}
.te-field-inner.text-field .te-field-label{color:#7A5010;}
.te-field-inner.check-field .te-field-label{color:#992020;}
.te-field-inner.init-field .te-field-label{color:#0F5B8A;}
.te-field-inner.drop-field .te-field-label{color:#5A6B00;}
.te-field-del{position:absolute;top:-9px;right:-9px;width:18px;height:18px;border-radius:50%;background:#e05a5a;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;opacity:0;transition:opacity .15s;}
.te-field:hover .te-field-del{opacity:1;}
.te-field-resize{position:absolute;bottom:-4px;right:-4px;width:12px;height:12px;background:#fff;border:2px solid #6B35C9;border-radius:2px;cursor:se-resize;z-index:20;}
.te-field.selected .te-field-inner{box-shadow:0 0 0 2px var(--navy);}
.te-prop-panel{width:220px;background:var(--surface);border-left:1.5px solid var(--border);padding:16px 14px;overflow-y:auto;flex-shrink:0;}
.te-prop-title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-muted);margin-bottom:12px;}
.te-prop-empty{font-size:12px;color:var(--text3);padding:8px 0;}
.te-prop-row{margin-bottom:12px;}
.te-prop-row label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);display:block;margin-bottom:4px;}
.te-prop-row input,.te-prop-row select,.te-prop-row textarea{width:100%;font-size:12px;padding:7px 9px;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.te-prop-row input:focus,.te-prop-row select:focus,.te-prop-row textarea:focus{border-color:var(--navy);}
.te-prop-row textarea{resize:vertical;min-height:60px;}
.te-drop-opt-row{display:flex;gap:6px;align-items:center;margin-bottom:5px;}
.te-drop-opt-row input{flex:1;}
.te-drop-opt-del{color:var(--text3);cursor:pointer;font-size:14px;flex-shrink:0;}
.te-drop-opt-del:hover{color:var(--red);}
.btn-te-add-opt{font-size:11px;font-weight:600;color:var(--navy);background:var(--navy-subtle);border:1.5px solid var(--border2);border-radius:var(--r-sm);padding:4px 10px;cursor:pointer;width:100%;margin-top:4px;}
.te-no-pdf-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:rgba(255,255,255,.7);font-size:14px;}
.te-no-pdf-msg i{font-size:48px;opacity:.5;}
.te-page-nav{display:flex;align-items:center;gap:10px;margin-bottom:14px;justify-content:center;}
.te-page-nav-btn{padding:5px 12px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-sm);color:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.te-page-nav-btn:hover{background:rgba(255,255,255,.25);}
.te-page-nav-btn:disabled{opacity:.4;cursor:not-allowed;}
.te-page-label{font-size:12px;color:rgba(255,255,255,.8);}

/* ── SEND-WITH-TEMPLATE MODAL ── */
.stmpl-field-row{padding:10px 12px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);margin-bottom:7px;}
.stmpl-field-label{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;}
.stmpl-sig-pad{border:1.5px solid var(--border2);border-radius:var(--r-sm);background:#fff;cursor:crosshair;display:block;width:100%;}
.stmpl-sig-clear{font-size:10px;color:var(--text3);cursor:pointer;margin-top:3px;display:inline-block;}
.stmpl-sig-clear:hover{color:var(--red);}
.stmpl-check-wrap{display:flex;align-items:center;gap:8px;padding:6px 0;}
.stmpl-check-wrap input[type=checkbox]{width:16px;height:16px;accent-color:var(--navy);cursor:pointer;}
.stmpl-check-wrap label{font-size:13px;color:var(--text1);cursor:pointer;}
.contract-preview .c-sig-box{border-top:1px solid #999;padding-top:6px;}
.contract-preview .c-sig-label{font-size:10px;color:#666;}
.contract-preview .c-sig-canvas{width:100%;height:80px;border:1.5px dashed #aaa;border-radius:4px;display:block;cursor:crosshair;background:#fafafa;}
.contract-preview .c-sig-canvas.signed-canvas{border-color:var(--green);background:#f0fff4;}
.sig-actions{display:flex;gap:8px;margin-top:6px;}
.btn-sig-clear{font-size:11px;padding:4px 10px;border:1.5px solid var(--border2);border-radius:var(--r-sm);background:var(--surface2);color:var(--text2);cursor:pointer;font-family:'DM Sans',sans-serif;}
.sig-done-check{display:none;align-items:center;gap:5px;font-size:12px;color:var(--green);font-weight:600;}
.sig-done-check.on{display:flex;}
.send-method-row{display:flex;gap:10px;margin-bottom:14px;}
.send-method-btn{flex:1;padding:10px;border:1.5px solid var(--border2);border-radius:var(--r-md);background:var(--surface2);cursor:pointer;text-align:center;font-family:'DM Sans',sans-serif;transition:border-color .15s,background .15s;}
.send-method-btn.on{border-color:var(--navy);background:var(--navy-subtle);}
.send-method-btn i{font-size:18px;color:var(--navy);display:block;margin-bottom:4px;}
.send-method-btn span{font-size:12px;font-weight:600;color:var(--navy);}
@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

/* ── DOCUMENTS PAGE ── */
.docs-page-nav{background:var(--navy);border-bottom:1px solid var(--navy-light);height:62px;display:flex;align-items:center;padding:0 28px;flex-shrink:0;}
.docs-body{flex:1;overflow-y:auto;padding:28px;background:var(--bg);}
.docs-body::-webkit-scrollbar{width:5px;}.docs-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}
.docs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;}
@media(max-width:900px){.docs-two-col{grid-template-columns:1fr;}}
.docs-section{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;}
.docs-sec-header{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);padding:14px 22px;display:flex;align-items:center;gap:10px;}
.docs-sec-header i{color:var(--gold);font-size:18px;}
.docs-sec-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;flex:1;}
.docs-sec-badge{font-size:11px;font-weight:700;background:var(--gold);color:var(--navy);border-radius:20px;padding:2px 9px;min-width:22px;text-align:center;}
.docs-sec-body{padding:18px 20px;}
.docs-pending-item{display:flex;align-items:center;gap:12px;padding:11px 13px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);margin-bottom:8px;transition:border-color .15s;}
.docs-pending-item:last-child{margin-bottom:0;}
.docs-pending-item:hover{border-color:var(--navy-muted);}
.docs-pending-icon{width:34px;height:34px;border-radius:var(--r-sm);background:var(--amber-bg);border:1.5px solid var(--amber-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-pending-icon i{font-size:16px;color:var(--amber);}
.docs-pending-body{flex:1;min-width:0;}
.docs-pending-name{font-size:13px;font-weight:600;color:var(--text1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.docs-pending-meta{font-size:11px;color:var(--text3);margin-top:2px;}
.docs-pending-job{font-size:11px;font-weight:600;color:var(--navy);background:var(--navy-subtle);border:1px solid var(--border2);border-radius:4px;padding:1px 6px;display:inline-block;margin-top:3px;}
.docs-pending-actions{display:flex;gap:6px;flex-shrink:0;}
.btn-docs-open{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:5px 10px;border-radius:var(--r-sm);cursor:pointer;border:1.5px solid var(--border2);background:var(--surface);color:var(--text2);font-family:'DM Sans',sans-serif;transition:background .12s;}
.btn-docs-open:hover{background:var(--navy-subtle);border-color:var(--navy-muted);color:var(--navy);}
.btn-docs-del{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:5px 10px;border-radius:var(--r-sm);cursor:pointer;border:1.5px solid var(--border2);background:var(--surface);color:var(--text3);font-family:'DM Sans',sans-serif;transition:background .12s;}
.btn-docs-del:hover{background:var(--red-bg);border-color:var(--red-border);color:var(--red);}
.docs-empty{text-align:center;padding:36px 20px;color:var(--text3);font-size:13px;}
.docs-empty i{font-size:32px;display:block;margin-bottom:8px;opacity:.35;}
.docs-completed-item{display:flex;align-items:center;gap:12px;padding:10px 13px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);margin-bottom:7px;transition:border-color .15s;}
.docs-completed-item:last-child{margin-bottom:0;}
.docs-completed-icon{width:32px;height:32px;border-radius:var(--r-sm);background:var(--green-bg);border:1.5px solid var(--green-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-completed-icon i{font-size:15px;color:var(--green);}
.docs-completed-body{flex:1;min-width:0;}
.docs-completed-name{font-size:13px;font-weight:600;color:var(--text1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.docs-completed-meta{font-size:11px;color:var(--text3);margin-top:2px;}
.docs-send-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-top:22px;}
.docs-send-header{background:linear-gradient(135deg,var(--navy-mid) 0%,var(--navy) 100%);padding:14px 22px;display:flex;align-items:center;gap:10px;}
.docs-send-header i{color:var(--gold);font-size:18px;}
.docs-send-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;}
.docs-send-body{padding:20px;}
.docs-send-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 13px;background:var(--navy-subtle);border:1.5px solid var(--border2);border-radius:var(--r-md);margin-bottom:16px;font-size:12px;color:var(--text2);line-height:1.5;}
.docs-send-notice i{font-size:15px;color:var(--navy);flex-shrink:0;margin-top:1px;}
.docs-send-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.docs-send-field label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);}
.docs-send-field input,.docs-send-field select{font-size:13px;padding:9px 12px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;width:100%;}
.docs-send-field input:focus,.docs-send-field select:focus{border-color:var(--navy);}
.docs-send-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A88AA' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-color:var(--surface2);padding-right:30px;}
.docs-send-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.btn-docs-send{display:flex;align-items:center;gap:7px;padding:10px 20px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background .15s;width:100%;justify-content:center;margin-top:4px;}
.btn-docs-send:hover{background:var(--navy-mid);}
.btn-docs-send i{color:var(--gold);}
.docs-standalone-item{display:flex;align-items:center;gap:12px;padding:10px 13px;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-md);margin-bottom:7px;}
.docs-standalone-item:last-child{margin-bottom:0;}
.docs-standalone-icon{width:32px;height:32px;border-radius:var(--r-sm);background:#F0EAFB;border:1.5px solid #C9AEF0;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.docs-standalone-icon i{font-size:15px;color:#6B35C9;}
.docs-standalone-body{flex:1;min-width:0;}
.docs-standalone-name{font-size:13px;font-weight:600;color:var(--text1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.docs-standalone-meta{font-size:11px;color:var(--text3);margin-top:2px;}
.docs-standalone-status{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border);white-space:nowrap;}
.docs-standalone-status.done{background:var(--green-bg);color:var(--green);border-color:var(--green-border);}
.docs-folder-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:9px 13px;background:var(--green-bg);border:1.5px solid var(--green-border);border-radius:var(--r-md);font-size:12px;font-weight:600;color:var(--green);transition:background .15s;user-select:none;margin-top:14px;}
.docs-folder-toggle:hover{background:#d4edd0;}
.docs-folder-toggle i.chev{transition:transform .2s;}
.docs-folder-toggle.open i.chev{transform:rotate(90deg);}
.docs-folder-contents{display:none;margin-top:8px;}
.docs-folder-contents.open{display:block;}

/* ═══════════════════════════════════════════════════
   MOBILE RESPONSIVE STYLES — max-width: 768px
   Desktop styles above are completely unchanged.
   ═══════════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* ── GLOBAL ── */
  html, body { font-size: 13px; }

  /* ── HOME NAV ── */
  .nav {
    height: auto;
    padding: 10px 14px;
    flex-wrap: nowrap;
    gap: 8px;
    overflow: hidden;
  }
  .rt-logo-name { font-size: 14px; }
  .rt-logo-sub { font-size: 9px; }
  .rt-logo-icon { width: 32px; height: 32px; }
  .nav-right { gap: 6px; }
  .state-sel {
    font-size: 11px;
    padding: 5px 24px 5px 8px;
  }
  .nav-role-badge { font-size: 9px; padding: 2px 7px; }
  .nav-icon-btn { width: 30px; height: 30px; font-size: 15px; }

  /* ── TOOLBAR (search/filter bar on homepage) ── */
  .toolbar {
    padding: 10px 14px;
    flex-wrap: wrap;
    gap: 8px;
  }
  .search-wrap {
    flex: 1 1 100%;
    max-width: 100%;
    order: 1;
  }
  .filter-sel {
    flex: 1 1 calc(50% - 4px);
    font-size: 12px;
    padding: 7px 24px 7px 10px;
    order: 2;
  }
  .btn-primary {
    flex: 1 1 100%;
    justify-content: center;
    order: 3;
    padding: 9px 14px;
  }

  /* ── NOTIFICATION BAR (dashboard buttons) ── */
  .notif-bar-wrap { padding: 14px 14px 0; }
  .notif-bar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .notif-btn {
    font-size: 12px;
    padding: 9px 10px;
    gap: 6px;
    justify-content: center;
    width: 100%;
  }
  .notif-btn i { font-size: 14px; }

  /* ── BOARD (pipeline stage cards) ── */
  .board-wrap { padding: 14px; overflow-x: auto; }
  .board {
    display: flex;
    flex-direction: row;
    gap: 10px;
    min-width: max-content;
  }
  .stage-card {
    width: 150px;
    min-width: 150px;
    padding: 16px 14px 14px;
  }
  .stage-count { font-size: 40px; }

  /* ── JOB LIST ── */
  .job-row {
    grid-template-columns: 36px 1fr;
    gap: 10px;
    padding: 12px 14px;
  }
  .job-right-col { display: none; }
  .job-ini { width: 34px; height: 34px; font-size: 11px; }
  .results-bar { padding: 0 14px; }
  /* ── JOB PAGE NAV ── */
  .job-page-nav {
    height: auto;
    min-height: 52px;
    padding: 8px 10px;
    gap: 6px;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .jpn-left {
    gap: 6px;
    flex: 0 0 auto;
    min-width: 0;
    overflow: hidden;
  }
  .jpn-logo img { width: 30px; height: 30px; }
  .jp-name { display: none; }
  .back-btn { font-size: 11px; padding: 5px 10px; flex-shrink: 0; }
  .jpn-pill-mobile { font-size: 9px; padding: 3px 8px; flex-shrink: 0; }
  .jp-stage-pill { font-size: 9px; padding: 3px 8px; }
  .jpn-right { gap: 5px; }
  .stage-actions { gap: 5px; margin-left: 0; flex-shrink: 0; }
  .btn-advance { font-size: 10px; padding: 5px 10px; }
  .btn-back-stage { font-size: 10px; padding: 5px 8px; }
  .btn-close-job { font-size: 10px; padding: 5px 8px; }


  /* ── VALUE STRIP ── */
  .job-value-strip {
    padding: 8px 14px;
    gap: 0;
    justify-content: space-between;
  }
  .jvs-label { font-size: 9px; }
  .jvs-val { font-size: 14px; }
  .jvs-div { display: none; }

  /* ── JOB BODY — stack left panel full width, hide right chat panel ── */
  .job-page-body {
    grid-template-columns: 1fr;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .job-left {
    border-right: none;
    padding: 14px;
    overflow-y: visible;
    overflow-x: hidden;
    min-width: 0;
  }
  /* Hide the desktop right-side chat panel on mobile
     (chat is accessed via the Messages section card in jobs.js) */
  .job-right { display: none; }

  /* ── COLLAPSIBLE SECTION CARDS ── */
  .ic-header { padding: 10px 14px; }
  .ic-body { padding: 14px; }
  .ic-grid { grid-template-columns: 1fr; gap: 10px; }
  .ef-row { grid-template-columns: 1fr; }
  .tg { grid-template-columns: 1fr; }

  /* ── WORKSHEET ── */
  .ws-sum-row { grid-template-columns: 1fr 1fr; gap: 8px; }
  .pb-col-headers { grid-template-columns: 1fr 70px 85px 28px; }
  .pb-col-headers.pb-col-headers-exp { grid-template-columns: 1fr 70px 85px 28px 28px; }
  .pb-item { grid-template-columns: 1fr 70px 85px 28px; }
  .pb-item.pb-item-exp { grid-template-columns: 1fr 70px 85px 28px 28px; }
  .pb-add-row input.pb-amt-input { flex: 0 0 70px; }
  .pb-add-row .pb-method-sel { flex: 0 0 85px; }
  .fin-child-body { overflow-x: hidden; min-width: 0; }
  .pb-add-row { flex-wrap: nowrap; min-width: 0; }
  .pb-add-row input { min-width: 0; }
  .pb-col-headers, .pb-item { overflow-x: hidden; }

  /* ── MODALS ── */
  .modal {
    width: 95vw;
    max-height: 92vh;
    margin: 0 auto;
  }
  .modal-lg, .modal-xl { width: 95vw; }
  .modal-sm { width: 90vw; }
  .modal-bg { padding-top: 28px; align-items: flex-start; }
  .mf-row { grid-template-columns: 1fr; }

  /* ── CALENDAR ── */
  .cal-toolbar {
    padding: 12px 14px 0;
    gap: 8px;
  }
  .cal-period-label { font-size: 14px; min-width: 130px; }
  .cal-legend {
    margin-left: 0;
    width: 100%;
    gap: 8px;
  }
  .cal-legend-item { font-size: 10px; }
  .cal-body { padding: 12px 14px 20px; overflow-x: auto; }
  .cal-month { min-width: 340px; }
  .cal-month-cell { min-height: 70px; padding: 4px; }
  .cal-ev { font-size: 9px; padding: 1px 4px; }
  .cal-week { min-width: 600px; }
  .cal-day-head-date { font-size: 18px; }

  /* ── REPORTS ── */
  .rpt-page-body { padding: 16px 14px; }
  .rpt-cards { grid-template-columns: 1fr; }
  .rpt-viewer-head { flex-direction: column; align-items: flex-start; }
  .rpt-export-row { margin-left: 0; }
  .rpt-summary-row { gap: 8px; }
  .rpt-sum-box { min-width: 0; }
  .rpt-bar-label { width: 80px; font-size: 11px; }

  /* ── SETTINGS ── */
  .settings-body { padding: 14px; }
  .user-row { flex-wrap: wrap; gap: 8px; }
  .intg-grid { grid-template-columns: 1fr; }

  /* ── DOCUMENTS PAGE ── */
  .docs-body { padding: 14px; }
  .docs-send-row { grid-template-columns: 1fr; }

  /* MOBILE MESSAGES SECTION THREAD LIST */
  .mobile-thread-list { display: flex; flex-direction: column; gap: 4px; }
  .mobile-thread-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 14px;
    border-radius: var(--r-md);
    background: var(--surface2);
    border: 1.5px solid var(--border);
    cursor: pointer;
    transition: background .15s;
  }
  .mobile-thread-item:active { background: var(--border); }
  .mobile-thread-name {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--text1);
  }

  /* MOBILE FULL-SCREEN CHAT OVERLAY */
  #pageJob { position: relative; background: var(--bg); }
  .mobile-chat-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--surface);
    display: flex;
    flex-direction: column;
    z-index: 50;
  }
  .mobile-chat-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1.5px solid var(--border);
    background: var(--surface);
    flex-shrink: 0;
  }
  .mobile-chat-back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--r-md);
    border: 1.5px solid var(--border);
    background: var(--surface2);
    color: var(--text1);
    cursor: pointer;
    flex-shrink: 0;
  }
  .mobile-chat-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--text1);
  }

  /* ── E-SIGNATURE PAGE ── */
  .esig-body { padding: 14px; }
  .esig-send-wrap { padding: 16px; }

  /* ── TEMPLATE EDITOR (full-screen modal) ── */
  .te-sidebar { width: 160px; }
  .te-prop-panel { width: 180px; }

  /* ── PAGE-LEVEL NAV BARS (reports, docs, integrations, calendar) ── */
  .rpt-page-nav,
  .docs-page-nav,
  .intg-page-nav,
  .cal-page > .nav {
    height: auto;
    padding: 10px 14px;
    gap: 8px;
  }
}

/* ════════ MATERIALS ORDERING — JOB PANEL ════════ */
.mat-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.mat-col-label{font-size:12px;font-weight:600;color:var(--text2);flex:1;min-width:0;}
.mat-hint{font-size:11px;font-weight:400;color:var(--text3);}
.mat-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--navy-subtle);border:1.5px solid var(--border2);border-radius:var(--r-sm);font-size:12px;font-weight:600;color:var(--navy);cursor:pointer;transition:background .15s;}
.mat-upload-btn:hover{background:var(--surface3);}
.mat-xml-status{display:block;font-size:11px;padding:6px 10px;border-radius:var(--r-sm);margin-top:6px;line-height:1.5;}
.mat-xml-status.ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border);}
.mat-xml-status.pending{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border);}
.mat-input-sq{width:100px;padding:7px 10px;border:1.5px solid var(--border);border-radius:var(--r-md);font-size:13px;color:var(--text1);background:var(--surface2);font-family:'DM Sans',sans-serif;outline:none;}
.btn-mat-generate{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;background:var(--navy);color:#fff;border:none;border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;transition:opacity .15s;}
.btn-mat-generate:hover{opacity:.88;}
.mat-items-wrap{border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;}
.mat-items-header{display:grid;grid-template-columns:1fr 70px 50px;padding:7px 12px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.mat-item-row{display:grid;grid-template-columns:1fr 70px 50px;align-items:center;padding:7px 12px;border-top:1px solid var(--border);background:var(--surface);}
.mat-item-row:hover{background:var(--surface2);}
.mat-item-name{font-size:12px;color:var(--text1);font-weight:500;}
.mat-item-note{display:block;font-size:10px;color:var(--text3);font-weight:400;}
.mat-qty-input{width:60px;padding:4px 8px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:12px;text-align:center;background:var(--surface2);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.mat-item-uom{font-size:12px;color:var(--text3);padding-left:4px;}
.mat-action-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.btn-mat-save{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--green-bg);color:var(--green);border:1.5px solid var(--green-border);border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-mat-pdf{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--gold-bg);color:var(--gold-dk);border:1.5px solid var(--amber-border);border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;}

/* ════════ MATERIALS SETTINGS — SETTINGS PAGE ════════ */
.mat-tmpl-item{border:1.5px solid var(--border);border-radius:var(--r-md);margin-bottom:8px;overflow:hidden;}
.mat-tmpl-item-view{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface2);}
.mat-tmpl-name{font-size:13px;font-weight:600;color:var(--text1);min-width:120px;}
.mat-tmpl-formula{font-size:12px;color:var(--navy-muted);flex:1;font-family:monospace;}
.mat-tmpl-uom{font-size:12px;color:var(--text3);min-width:40px;}
.mat-tmpl-actions{display:flex;gap:6px;margin-left:auto;}
.mat-tmpl-item-edit{padding:14px;background:var(--surface);border-top:1px solid var(--border);}
.mat-formula-editor{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--surface2);border-radius:var(--r-md);margin-top:6px;}
.mat-formula-editor label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;}
.mat-fe-basic-row,.mat-fe-if-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mat-fe-basic-row select,.mat-fe-if-row select{padding:6px 8px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:12px;background:var(--surface);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.mat-fe-basic-row input,.mat-fe-if-row input{padding:6px 8px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:12px;background:var(--surface);color:var(--text1);font-family:'DM Sans',sans-serif;outline:none;}
.mat-fe-basic-row span,.mat-fe-if-row span{font-size:12px;color:var(--text3);}
.mat-ef-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;}
.mat-ef{display:flex;flex-direction:column;gap:4px;}
.mat-ef label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;}
.mat-ef input,.mat-ef select{padding:7px 10px;border:1.5px solid var(--border);border-radius:var(--r-md);font-size:13px;color:var(--text1);background:var(--surface2);font-family:'DM Sans',sans-serif;outline:none;}
.mat-state-rule{border:1.5px solid var(--border);border-radius:var(--r-md);margin-bottom:8px;overflow:hidden;}
.mat-state-rule-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface2);}
.mat-state-info{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap;}
.mat-state-tag{font-size:11px;font-weight:700;background:var(--navy-subtle);color:var(--navy);border:1px solid var(--border2);border-radius:var(--r-sm);padding:2px 8px;}
.mat-state-desc{font-size:12px;color:var(--text2);}
.mat-state-edit{padding:14px;background:var(--surface);border-top:1px solid var(--border);}
.btn-mat-add-item{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--navy-subtle);border:1.5px solid var(--border2);border-radius:var(--r-md);font-size:12px;font-weight:600;color:var(--navy);cursor:pointer;font-family:'DM Sans',sans-serif;}

/* dark mode materials */
body.dark-mode .mat-upload-btn{background:var(--surface2);border-color:var(--border2);color:var(--text1);}
body.dark-mode .mat-items-wrap{border-color:var(--border);}
body.dark-mode .mat-item-row{background:var(--surface);border-color:var(--border);}
body.dark-mode .mat-item-row:hover{background:var(--surface2);}
body.dark-mode .mat-qty-input{background:var(--surface2);border-color:var(--border);color:var(--text1);}
body.dark-mode .mat-tmpl-item{border-color:var(--border);}
body.dark-mode .mat-tmpl-item-view{background:var(--surface2);}
body.dark-mode .mat-formula-editor{background:var(--surface2);}
body.dark-mode .mat-state-rule{border-color:var(--border);}
body.dark-mode .mat-state-rule-header{background:var(--surface2);}

/* ════════ AUTOMATIONS PAGE ════════ */
.auto-page-nav { background: var(--navy); }
.auto-body { background: var(--bg); }
.auto-header-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.btn-auto-new { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:var(--navy); color:#fff; border:none; border-radius:var(--r-md); font-size:13px; font-weight:600; cursor:pointer; font-family:'DM Sans',sans-serif; transition:opacity .15s; }
.btn-auto-new:hover { opacity:.88; }

/* Form card */
.auto-form-card { background:var(--surface); border:1.5px solid var(--navy-muted); border-radius:var(--r-lg); padding:22px; margin-bottom:22px; }
.auto-form-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.auto-form-title { font-size:15px; font-weight:700; color:var(--text1); }
.auto-form-close { width:28px; height:28px; border:1.5px solid var(--border2); border-radius:var(--r-sm); background:transparent; color:var(--text3); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:15px; padding:0; }
.auto-form-close:hover { background:var(--surface3); color:var(--text1); }
.auto-form-section-label { font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--navy-muted); margin-bottom:10px; display:flex; align-items:center; gap:10px; }
.btn-auto-add-action { display:inline-flex; align-items:center; gap:4px; padding:4px 10px; background:var(--navy-subtle); border:1.5px solid var(--border2); border-radius:var(--r-sm); font-size:11px; font-weight:600; color:var(--navy); cursor:pointer; font-family:'DM Sans',sans-serif; margin-left:auto; }
.btn-auto-add-action:hover { background:var(--surface3); }
.auto-field-row { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.auto-field { display:flex; flex-direction:column; gap:4px; }
.auto-field label { font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--text3); }
.auto-field input, .auto-field select, .auto-field textarea { font-size:13px; padding:8px 11px; border-radius:var(--r-md); border:1.5px solid var(--border); background:var(--surface2); color:var(--text1); font-family:'DM Sans',sans-serif; outline:none; }
.auto-field input:focus, .auto-field select:focus, .auto-field textarea:focus { border-color:var(--navy); }
.auto-field textarea { resize:vertical; min-height:68px; line-height:1.5; }
.auto-field.auto-field-grow { flex:1; min-width:180px; }

/* Action block */
.auto-action-block { border:1.5px solid var(--border); border-radius:var(--r-md); padding:14px; margin-bottom:10px; background:var(--surface2); position:relative; }
.auto-action-head { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.auto-action-num { font-size:10px; font-weight:700; background:var(--navy); color:#fff; border-radius:20px; padding:2px 8px; letter-spacing:.05em; }
.auto-action-type-label { font-size:12px; font-weight:600; color:var(--text2); flex:1; }
.btn-auto-del-action { width:24px; height:24px; border:1.5px solid var(--border2); border-radius:var(--r-sm); background:transparent; color:var(--text3); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:13px; padding:0; }
.btn-auto-del-action:hover { background:var(--red-bg); color:var(--red); border-color:var(--red-border); }
.auto-action-fields { display:flex; flex-direction:column; gap:10px; }

/* Variables hint */
.auto-vars-hint { display:flex; align-items:flex-start; font-size:11px; color:var(--text2); background:var(--navy-subtle); border:1px solid var(--border2); border-radius:var(--r-md); padding:10px 12px; margin-top:14px; line-height:1.6; flex-wrap:wrap; gap:4px; }
.auto-vars-hint code { background:var(--surface3); border:1px solid var(--border2); border-radius:4px; padding:1px 5px; font-size:11px; color:var(--navy); font-family:monospace; }
.auto-form-foot { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; padding-top:14px; border-top:1px solid var(--border); }

/* Rules list */
.auto-group { margin-bottom:28px; }
.auto-group-title { font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--navy-muted); margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.auto-group-title i { font-size:14px; }
.auto-rule-card { background:var(--surface); border:1.5px solid var(--border); border-radius:var(--r-lg); padding:16px 18px; margin-bottom:10px; display:flex; align-items:flex-start; gap:14px; transition:box-shadow .15s, border-color .15s; }
.auto-rule-card:hover { box-shadow:0 3px 14px rgba(15,31,61,.09); border-color:var(--navy-muted); }
.auto-rule-card.disabled { opacity:.55; }
.auto-rule-icon { width:40px; height:40px; border-radius:var(--r-md); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:18px; background:var(--navy-subtle); color:var(--navy); }
.auto-rule-body { flex:1; min-width:0; }
.auto-rule-name { font-size:13px; font-weight:700; color:var(--text1); margin-bottom:4px; }
.auto-rule-meta { font-size:11px; color:var(--text3); display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:6px; }
.auto-rule-meta-sep { color:var(--border2); }
.auto-action-chips { display:flex; flex-wrap:wrap; gap:5px; }
.auto-action-chip { display:inline-flex; align-items:center; gap:4px; font-size:10px; font-weight:600; padding:2px 8px; border-radius:20px; background:var(--navy-subtle); color:var(--navy); border:1px solid var(--border2); }
.auto-action-chip.chip-email { background:#E8F4FD; color:#1a73e8; border-color:rgba(26,115,232,.2); }
.auto-action-chip.chip-sms { background:var(--green-bg); color:var(--green); border-color:var(--green-border); }
.auto-action-chip.chip-task { background:var(--gold-bg); color:var(--amber); border-color:var(--amber-border); }
.auto-rule-controls { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.btn-auto-edit { width:30px; height:30px; border:1.5px solid var(--border2); border-radius:var(--r-sm); background:var(--surface2); color:var(--text2); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:14px; padding:0; transition:background .12s; }
.btn-auto-edit:hover { background:var(--surface3); color:var(--text1); }
.btn-auto-delete { width:30px; height:30px; border:1.5px solid var(--border2); border-radius:var(--r-sm); background:var(--surface2); color:var(--text3); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:14px; padding:0; }
.btn-auto-delete:hover { background:var(--red-bg); color:var(--red); border-color:var(--red-border); }

/* Empty state */
.auto-empty { text-align:center; padding:60px 20px; color:var(--text3); }
.auto-empty i { font-size:40px; opacity:.35; display:block; margin-bottom:14px; }
.auto-empty-title { font-size:15px; font-weight:600; color:var(--text2); margin-bottom:6px; }
.auto-empty-sub { font-size:12px; color:var(--text3); max-width:380px; margin:0 auto; line-height:1.6; }

/* Dark mode */
body.dark-mode .auto-form-card { background:var(--surface); border-color:var(--border2); }
body.dark-mode .auto-action-block { background:var(--surface2); border-color:var(--border); }
body.dark-mode .auto-rule-card { background:var(--surface); border-color:var(--border); }
body.dark-mode .auto-rule-card:hover { border-color:var(--navy-muted); }
body.dark-mode .auto-rule-icon { background:var(--surface2); }
body.dark-mode .auto-vars-hint { background:var(--surface2); border-color:var(--border); }
body.dark-mode .auto-vars-hint code { background:var(--surface3); border-color:var(--border2); color:var(--navy-muted); }
body.dark-mode .auto-action-chip { background:var(--surface2); border-color:var(--border); color:var(--text2); }
body.dark-mode .auto-action-chip.chip-email { background:#0D1E38; color:#5A9ADA; border-color:rgba(90,154,218,.2); }
body.dark-mode .auto-action-chip.chip-sms { background:var(--green-bg); color:var(--green); border-color:var(--green-border); }
body.dark-mode .auto-action-chip.chip-task { background:var(--amber-bg); color:var(--amber); border-color:var(--amber-border); }
body.dark-mode .auto-page-nav { background:var(--navy-dk); border-color:var(--navy-mid); }
body.dark-mode .btn-auto-add-action { background:var(--surface2); border-color:var(--border); color:var(--text1); }

/* Mobile */
@media (max-width: 600px) {
  .auto-field-row { flex-direction:column; }
  .auto-rule-card { flex-direction:column; gap:10px; }
  .auto-rule-controls { align-self:flex-end; }
  .auto-header-row { gap:10px; }
  .btn-auto-new { font-size:12px; padding:7px 12px; }
}

/* ═══════════════════════════════════════════════
   DEAD JOB & DELETE JOB STYLES
   ═══════════════════════════════════════════════ */

/* Dead badge in nav */
.dead-badge {
  background: var(--red) !important;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: .04em;
}

/* Dead overlay on job-left to visually disable editing */
.dead-job-overlay {
  display: none; /* unused — keeping for compat */
}

/* Dead readonly mode — disable all inputs/buttons except Company Tracking section */
.dead-readonly .ic:not(:nth-child(4)) input,
.dead-readonly .ic:not(:nth-child(4)) select,
.dead-readonly .ic:not(:nth-child(4)) textarea,
.dead-readonly .ic:not(:nth-child(4)) button:not(.ic-header-btn) {
  pointer-events: none;
  opacity: 0.55;
}
.dead-readonly .ic:not(:nth-child(4)) .ic-header-btn { display: none; }

/* Dead info block inside Company Tracking */
.dead-info-block {
  background: #fff0f0;
  border: 1.5px solid #f5c6c6;
  border-radius: var(--r-md);
  padding: 14px 16px;
  margin-bottom: 4px;
}
body.dark-mode .dead-info-block { background: rgba(220,53,69,.12); border-color: rgba(220,53,69,.25); }
.dead-info-reason { font-size: 13px; font-weight: 600; color: var(--red); margin-bottom: 6px; display:flex; align-items:center; }
.dead-info-notes { font-size: 12px; color: var(--text2); margin-bottom: 10px; }

/* Dead action row */
.dead-action-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

/* Mark as Dead button */
.btn-mark-dead {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px 14px;
  border-radius: var(--r-md);
  border: 1.5px solid var(--red);
  background: transparent;
  color: var(--red);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  transition: background .15s, color .15s;
}
.btn-mark-dead:hover { background: var(--red); color: #fff; }

/* Revive button */
.btn-revive-job {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px 14px;
  margin-top: 10px;
  border-radius: var(--r-md);
  border: 1.5px solid var(--green);
  background: transparent;
  color: var(--green);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  transition: background .15s, color .15s;
}
.btn-revive-job:hover { background: var(--green); color: #fff; }

/* Delete Job button */
.btn-delete-job {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px 14px;
  border-radius: var(--r-md);
  border: 1.5px solid var(--red);
  background: transparent;
  color: var(--red);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  transition: background .15s, color .15s;
}
.btn-delete-job:hover { background: var(--red); color: #fff; }

/* Dead badge in pipeline search results */
.dead-stage-badge {
  background: var(--red);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 4px;
  padding: 2px 6px;
  letter-spacing: .04em;
  margin-left: 6px;
}

/* ════════ WORKSHEET SECTION ADD BUTTON ════════ */
.ws-sec-add-btn {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 14px;
  background: var(--surface2);
  border: 1.5px solid var(--border);
  border-radius: var(--r-md);
  font-size: 13px;
  font-weight: 600;
  color: var(--text1);
  cursor: pointer;
  transition: background .12s, border-color .12s;
  font-family: 'DM Sans', sans-serif;
}
.ws-sec-add-btn:hover {
  background: var(--navy-subtle, rgba(15,31,61,.08));
  border-color: var(--navy);
  color: var(--navy);
}
.dark-mode .ws-sec-add-btn:hover {
  background: rgba(255,255,255,.06);
  border-color: var(--navy-light, #4a6fa5);
}

/* ════════ FINANCIAL REPORT SECTION TITLE ════════ */
/* (reuses existing .rpt-section-title) */