@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#000000;--ink:#18263c;--muted:#718098;--bg:#f4f7fb;--line:#e6ebf2;--blue:#000000;--blue-light:#00000;--green:#169b75;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#000000;font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.btn{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:color:#000000;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:white;font:800 17px Manrope,sans-serif;letter-spacing:-.5px;padding:2px 12px 34px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#4e83ff,#284ed2);display:grid;place-items:center;color:white;font-size:22px}.brand small{display:block;font:500 10px 'DM Sans';letter-spacing:1.7px;color:#8da2c5;margin-top:3px}.nav-label{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#7286a7;margin:20px 12px 12px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 14px;margin:3px 0;border-radius:10px;font-weight:600}.nav-item:hover,.nav-item.active{background:#253654;color:#fff}.nav-icon{font-size:18px;width:22px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #34425b;padding-top:18px}.main{margin-left:248px;width:calc(100% - 248px);min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{color:var(--muted);font-size:13px}.crumb b{color:var(--ink)}.user{display:flex;align-items:center;gap:13px;font-weight:700}.avatar{width:38px;height:38px;border-radius:50%;background:#dfe8ff;color:#000000;display:grid;place-items:center;font-weight:800}.page{padding:35px 42px 70px;max-width:1650px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--blue);font-weight:800;text-transform:uppercase}.page h1{font:800 29px Manrope,sans-serif;letter-spacing:-1.1px;margin:7px 0 7px}.subtitle{color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:9px;font-weight:700;border:1px solid var(--line);background:white}.btn-primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 5px 13px #3568e824}.btn:hover{filter:brightness(.96)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 16px #24395606}.card{padding:23px}.metric-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-weight:700;font-size:12px}.metric-icon{background:#edf2ff;color:var(--blue);padding:10px;border-radius:10px;font-size:19px}.metric-value{font:800 29px Manrope;margin-top:13px;letter-spacing:-1px}.metric-note{font-size:12px;color:var(--muted);margin-top:8px}.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;margin-bottom:24px}.panel{padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.panel h2{font:800 16px Manrope;margin:0}.muted{color:var(--muted)}.pipeline{display:flex;gap:10px}.stage{flex:1;background:#f6f8fc;padding:15px 10px;border-radius:10px;text-align:center;min-width:0}.stage strong{display:block;font:800 25px Manrope}.stage span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.bar-track{height:8px;background:#e8eef7;border-radius:99px;overflow:hidden;margin-top:14px}.bar-fill{height:100%;background:var(--blue);border-radius:99px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick{padding:16px;border:1px solid var(--line);border-radius:10px;font-weight:700}.quick span{display:block;color:var(--blue);font-size:20px;margin-bottom:10px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:760px}.data-table th{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#8995a7;background:#f9fbfd;padding:15px 17px}.data-table td{padding:17px;border-top:1px solid #edf0f5;vertical-align:middle}.data-table tbody tr:hover{background:#fbfcff}.person{font-weight:800}.sub{font-size:12px;color:var(--muted);margin-top:5px}.badge{display:inline-flex;padding:6px 10px;border-radius:50px;background:#eef2ff;color:#4565c2;font-size:11px;font-weight:800}.badge.approved{background:#e7f8f1;color:#13865d}.badge.complete,.badge.closed{background:#e7f7f8;color:#087f8b}.badge.prospect{background:#fff5e3;color:#aa7216}.link{color:var(--blue);font-weight:800}.empty{padding:34px;text-align:center;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.field input,.field select{width:100%;border:1px solid #dce4ee;background:#fff;border-radius:9px;padding:12px 13px;outline:0}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3568e81a}.span-2{grid-column:span 2}.section-title{font:800 15px Manrope;margin:5px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.detail-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f5}.detail-row span:first-child{color:var(--muted)}.detail-row strong{text-align:right}.doc-list{display:grid;gap:12px}.doc-item{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-art{background:linear-gradient(135deg,#101d34,#243f72);color:white;padding:70px;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font:800 46px Manrope;max-width:520px;line-height:1.16}.login-art p{color:#b9c9e7;max-width:400px;line-height:1.8}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-box{width:100%;max-width:390px}.login-box h2{font:800 29px Manrope;margin:0 0 9px}.login-box .field{margin:23px 0}.login-box .btn{width:100%}.footnote{font-size:12px;color:#8792a3;margin-top:25px}.mobile-brand{display:none}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.topbar{padding:0 24px}.page{padding:30px 24px}}@media(max-width:720px){.sidebar{display:none}.main{margin:0;width:100%}.mobile-brand{display:block;font-weight:800}.topbar{height:66px}.crumb{display:none}.page{padding:24px 16px}.page-header{align-items:flex-start;flex-direction:column}.metrics{gap:10px}.card{padding:16px}.metric-value{font-size:23px}.pipeline{flex-wrap:wrap}.stage{flex:1 1 30%}.form-grid,.detail-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.login-page{grid-template-columns:1fr}.login-art{display:none}}

/* Pipeline movement controls */
.pipeline-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0}
.pipeline-select{background:#111b2b;color:#fff;border:1px solid #36506b;border-radius:8px;padding:11px;min-width:170px;font-size:16px}
.pipeline-controls .btn:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:600px){.pipeline-controls{align-items:stretch;flex-direction:column}.pipeline-select,.pipeline-controls .btn{width:100%}}


/* Job financial management */
.finance-panel{margin-top:22px;scroll-margin-top:20px}.finance-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px}.finance-kpi{background:#f6f9ff;border:1px solid #e0e8f6;border-radius:12px;padding:17px;min-width:0}.finance-kpi span,.finance-kpi small{display:block;color:#65758d;font-size:12px}.finance-kpi strong{display:block;font:800 clamp(17px,2vw,25px) Manrope;margin:9px 0;overflow-wrap:anywhere}.fin-positive{color:#087d56!important}.fin-negative{color:#bb3345!important}.finance-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.fin-form{background:#f9fbfe;border:1px solid #e2e9f4;padding:18px;border-radius:12px;display:flex;flex-direction:column;gap:12px}.fin-form h3,.finance-tables h3{font:800 15px Manrope;margin:0 0 6px}.fin-form label{font-size:12px;font-weight:700;display:block}.fin-form input,.fin-form select{display:block;width:100%;min-width:0;margin-top:6px;border:1px solid #cfdbea;border-radius:8px;padding:10px;background:white;font-size:16px}.fin-form .btn{margin-top:auto}.finance-tables{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin-top:26px}.finance-tables .data-table{min-width:510px}.finance-tables .data-table td,.finance-tables .data-table th{padding:10px}.fin-delete{border:0;background:#ffedf0;color:#a92339;border-radius:7px;padding:8px;cursor:pointer}.fin-disclaimer{color:#65758d;font-size:12px;margin:20px 0 0}@media(max-width:1150px){.finance-kpis{grid-template-columns:repeat(3,1fr)}.finance-forms{grid-template-columns:repeat(2,1fr)}.finance-tables{grid-template-columns:1fr}}@media(max-width:720px){.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-forms{grid-template-columns:1fr}}

.fin-invoices{margin:22px 0;padding:18px;border:1px solid #d9e5f5;border-radius:12px;background:#f8fbff}.fin-invoices h3{margin:0 0 14px;color:#092a55}.fin-match{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fin-match select{min-width:135px;max-width:220px;padding:9px;border:1px solid #b9cce3;border-radius:7px}.fin-invoices .table-wrap{margin:12px 0 20px;overflow-x:auto}
/* Uploaded project documents */
.doc-category{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.doc-category-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:#f7faff}
.doc-file{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-top:1px solid var(--line)}
.doc-file-name{font-weight:700;overflow-wrap:anywhere;min-width:0}
.doc-actions{display:flex;gap:8px;flex-wrap:wrap}.doc-actions .btn{padding:8px 12px}
.doc-empty{color:var(--muted);margin:0;padding:13px 16px;font-size:12px}
@media(max-width:600px){.doc-file{align-items:flex-start;flex-direction:column}.doc-actions{width:100%}.doc-actions .btn{flex:1}}

/* Dedicated commission-paid summary and transaction history */
.finance-kpi-commission{background:#eff6ff;border:2px solid #5b9bea}.finance-kpi-commission strong{color:#124f9b}.fin-commission{margin:22px 0;padding:20px;border:1px solid #c9ddf5;border-radius:13px;background:#f5f9ff}.fin-commission-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:16px}.fin-commission-heading h3{font-size:18px;margin:0 0 5px}.fin-commission-heading strong{font-size:26px;color:#124f9b}.fin-commission-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;margin-bottom:20px}.fin-commission .table-wrap{overflow-x:auto}.fin-commission .data-table{min-width:520px}@media(max-width:720px){.fin-commission-grid{grid-template-columns:1fr}}

/* Dedicated job workspace navigation */
.job-workspace-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:9px;background:#10213c;border:1px solid #294467;border-radius:14px}
.job-workspace-tab{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border-radius:9px;color:#d7e6fb;text-decoration:none;font-weight:700;font-size:14px;transition:background .15s}
.job-workspace-tab:hover{background:#243d60;color:white}
.job-workspace-tab.selected{background:#2276e8;color:#fff;box-shadow:0 3px 12px #0003}
@media(max-width:600px){.job-workspace-tabs{display:grid;grid-template-columns:1fr}.job-workspace-tab{justify-content:flex-start}}

/* Read-only job financial overview */
.job-financial-overview{margin-bottom:22px}
.job-financial-overview .panel-head{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.overview-actions{display:flex;gap:8px;flex-wrap:wrap}
.overview-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.overview-card{min-width:0;border:1px solid #d6e0eb;border-radius:12px;padding:17px;background:#f7faff}
.overview-card-label{font-size:13px;color:#52647b;font-weight:600;line-height:1.35}
.overview-card-value{font-size:clamp(19px,2vw,27px);font-weight:800;margin-top:9px;overflow-wrap:anywhere;color:#132d4d}
.overview-card.positive{background:#effaf3;border-color:#c8e9d3}
.overview-card.positive .overview-card-value{color:#116437}
.overview-card.negative{background:#fff4f4;border-color:#f3d0d0}
.overview-card.negative .overview-card-value{color:#a12828}
.overview-card.commission{background:#f5f0ff;border-color:#ded0f7}
.overview-card.commission .overview-card-value{color:#6736a7}
@media(max-width:1050px){.overview-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.overview-card-grid{grid-template-columns:1fr}.overview-actions .btn{width:100%;text-align:center}}

/* Unified pipeline control and consistent financial overview cards */
.metrics.job-header-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,1.3vw,18px)}
.job-header-metrics .card{min-width:0;padding:clamp(7px,1.3vw,18px)}
.job-header-metrics .metric-value{font-size:clamp(13px,2.2vw,26px);overflow-wrap:anywhere}
.job-pipeline-panel .pipeline-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;padding:6px 0 0}
.job-pipeline-panel .pipeline-controls .btn{width:auto;min-width:30px;min-height:30px;padding:4px 6px}
.job-pipeline-panel .pipeline-current{min-width:0;padding:4px;text-align:center;overflow-wrap:anywhere}
.job-pipeline-panel .pipeline-current strong{font-size:clamp(11px,1.4vw,15px)}
@media(max-width:600px){
  .job-pipeline-panel .pipeline-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .job-pipeline-panel .pipeline-current{grid-row:1;grid-column:1/-1}
  .job-pipeline-panel .pipeline-controls .btn{min-width:0;min-height:36px}
}
.pipeline-current{display:flex;flex:1;min-width:160px;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:#f6f9ff;border:1px solid #e0e8f6;border-radius:10px}
.pipeline-current strong{font:800 17px Manrope,sans-serif;color:#132d4d}
.pipeline-current small{color:#65758d}
.job-financial-overview .job-overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}
@media(max-width:1050px){.job-financial-overview .job-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.job-financial-overview .job-overview-kpis{grid-template-columns:1fr}}

/* =============================================================
   ABSOLUTE RESTORATIONS | logo-inspired visual refresh
   PRESENTATION ONLY: no PHP templates, routes, controls or logic changed.
   Brand: midnight black and glacier blue, with restrained red for warnings.
   ============================================================= */
:root {
  --navy: #080e15;
  --ink: #142537;
  --muted: #65778c;
  --bg: #eef4f8;
  --line: #dae5ed;
  --blue: #278fb5;
  --blue-light: #e4f4fb;
  --green: #13896a;
  --white: #ffffff;
  --border: #dae5ed;
  --brand-red: #c82127;
  --brand-sky: #79c7e1;
}
html {scroll-behavior:smooth}
body {background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
.sidebar {
  background:linear-gradient(180deg,#080a0d 0%,#101820 57%,#071019 100%);
  border-right:1px solid #22394a;
  box-shadow:8px 0 30px rgba(4,21,37,.08);
  padding:23px 14px 26px;
  z-index:20;
  overflow-y:auto;
}
.sidebar:before{content:"";height:4px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#2e9ec2 0%,#a7e1f1 100%)}
.sidebar .brand{display:flex;padding:9px 8px 25px;min-height:112px;align-items:center;justify-content:center}
.sidebar .brand-mark{display:block;width:100%;height:auto;min-height:82px;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.sidebar .brand-mark img{width:100%;height:auto;max-height:116px;object-fit:contain;display:block}
.nav-label{color:#7796a9;letter-spacing:1.55px;margin:15px 13px 10px}
.sidebar .nav-item{color:#b8cbd8;border:1px solid transparent;padding:13px 14px;border-radius:11px;margin:3px 0;transition:background .15s,color .15s,border-color .15s,transform .15s}
.sidebar .nav-item:hover{background:#122b3a;color:#f7fcff;border-color:#27475b;transform:translateX(2px)}
.sidebar .nav-item.active{background:linear-gradient(100deg,#12445c,#176380);color:#fff;border-color:#397f9e;box-shadow:inset 3px 0 0 #86d4ec,0 4px 15px #0005}
.nav-icon{display:inline-grid;place-items:center;width:30px;min-width:30px;height:30px;border:1px solid #2c4558;border-radius:8px;background:#152737;font-size:19px;color:#9ed5e9}
.sidebar .nav-item.active .nav-icon{border-color:#6cb4ce;background:#205571;color:white}
.sidebar-bottom{border-color:#29404c;color:#8eaabd}
.sidebar-bottom div{color:#8eaabd!important}
.topbar{background:rgba(255,255,255,.97);border-bottom:1px solid #d4e1eb;box-shadow:0 3px 18px #193d5510;height:78px;padding:0 38px}
.crumb{font-size:12px;letter-spacing:.25px;color:#75889c}
.crumb b{color:#1a4359}
.user{color:#183247;gap:10px}
.avatar{background:linear-gradient(145deg,#d6f0fa,#a3d6e9);color:#14506b;border:1px solid #92c7dd}
.page{padding:35px 38px 70px;max-width:1720px}
.page-header{margin-bottom:26px}
.eyebrow{color:#217fa1;letter-spacing:1.7px}
.page h1{color:#102738;font-weight:800;font-size:clamp(24px,2.6vw,33px);letter-spacing:-1.2px}
.subtitle,.muted,.metric-note{color:var(--muted)}
.card,.panel{background:#fff;border:1px solid #d7e4ed;border-radius:15px;box-shadow:0 6px 22px rgba(20,61,89,.055)}
.card{padding:23px;position:relative;overflow:hidden}
.metrics>.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2184a9,#8bd4ea)}
.metrics>.card:nth-child(3):before{background:linear-gradient(90deg,#196c91,#a2ddeb)}
.metrics>.card:nth-child(4):before{background:linear-gradient(90deg,#13465c,#7bbdd2)}
.metric-head{font-weight:800;color:#526b7e;letter-spacing:.1px}
.metric-icon{background:#eaf6fc;color:#176c8e;border:1px solid #d0e9f4}
.metric-value{color:#0f2c3f;font-size:clamp(24px,2.6vw,31px);letter-spacing:-1.3px}
.metric-note{font-size:12px}
.btn{border:1px solid #cddce6;color:#214158;background:#fff;border-radius:10px;padding:11px 17px;transition:background .15s,box-shadow .15s,transform .15s}
.btn-primary{color:#fff;background:linear-gradient(100deg,#126b8e,#259dc1);border-color:#147da0;box-shadow:0 5px 14px #176f9522}
.btn:hover{filter:none;box-shadow:0 5px 15px #163f5a1a;transform:translateY(-1px)}
.btn:focus-visible,.nav-item:focus-visible,.job-workspace-tab:focus-visible,.quick:focus-visible{outline:3px solid #79c7e1;outline-offset:2px}
.panel{padding:24px}
.panel h2{color:#14364a;font-size:17px}
.panel-head{padding-bottom:11px;border-bottom:1px solid #edf3f7}
.stage{background:linear-gradient(160deg,#f5fbfd,#ebf4f9);border:1px solid #e0edf4}
.stage strong{color:#155775}
.bar-track{background:#dbeaf1}
.bar-fill{background:linear-gradient(90deg,#2b94b6,#89d2e9)}
.quick{background:#f8fbfd;border-color:#dbe7ef;border-radius:11px;transition:background .15s,border-color .15s}
.quick:hover{background:#ebf7fd;border-color:#90cde3}
.quick span,.link{color:#187fa3}
.data-table th{background:#edf5f9;color:#587386;border-bottom:1px solid #d9e7ef}
.data-table td{border-top-color:#e8f0f5}
.data-table tbody tr:hover{background:#f3faff}
.badge{background:#e5f4fc;color:#126e93}
.badge.approved{background:#e7f8f1;color:#087659}
.badge.prospect{background:#fff5e5;color:#966311}
.field input,.field select,.fin-form input,.fin-form select,.fin-match select{border-color:#cbdde8;border-radius:9px}
.field input:focus,.field select:focus,.fin-form input:focus,.fin-form select:focus{outline:2px solid #83cbe4;outline-offset:1px;box-shadow:0 0 0 4px #98d4e733}
.job-workspace-tabs{background:#0d1a25;border:1px solid #203d4e;box-shadow:0 5px 17px #0b253411}
.job-workspace-tab{color:#bad4e3}
.job-workspace-tab:hover{background:#1b4257;color:white}
.job-workspace-tab.selected{background:linear-gradient(120deg,#177596,#309ebf);box-shadow:inset 0 -3px 0 #a1dcec,0 4px 13px #0003}
.finance-kpi,.overview-card{background:linear-gradient(180deg,#f8fcfe,#eff7fb);border-color:#d4e7f0;box-shadow:inset 0 3px 0 #a1d8ea}
.finance-kpi strong,.overview-card-value{color:#123d53}
.finance-kpi-commission,.overview-card.commission{background:linear-gradient(180deg,#f3f9fd,#e8f3f9);border-color:#d3e7f0;box-shadow:inset 0 3px 0 #64b6d5}
.overview-card.commission .overview-card-value{color:#166886}
.overview-card.positive{background:#effaf4;box-shadow:inset 0 3px 0 #4fae83}
.overview-card.negative{background:#fff4f3;box-shadow:inset 0 3px 0 #d6646a}
.fin-form,.fin-invoices{background:#f7fbfd;border-color:#dceaf1}
.fin-form h3,.finance-tables h3,.fin-invoices h3{color:#14394d}
.fin-commission-heading strong{color:#167ea0}
.pipeline-current{background:#eff8fc;border-color:#d2eaf3}
.pipeline-current strong{color:#17445b}
.doc-category{border-color:#d9e6ed;box-shadow:0 2px 10px #15374c0a}
.doc-category-head{background:#f4fafd}
.login-art{background:linear-gradient(145deg,#090c10,#102536 65%,#1d5168);border-top:5px solid #54bedc}
.login-art p{color:#c2dce9}
.login-box h2{color:#153448}
@media(max-width:1100px){.topbar{padding:0 24px}.page{padding:29px 24px 60px}}
@media(max-width:720px){.page{padding:23px 15px 50px}.topbar{height:64px}.mobile-brand{color:#16445a;font-size:12px;letter-spacing:.7px}.user{font-size:12px}.card{padding:17px}.metric-value{font-size:24px}.panel{padding:18px}.job-workspace-tabs{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.nav-item,.quick{transition:none}}


/* =============================================================
   ABSOLUTE RESTORATIONS | OBSIDIAN + ICE BLUE
   CSS-ONLY: charcoal-black workspace, ice-blue edges, red accents.
   ============================================================= */
:root {
  color-scheme:dark;
  --navy:#050608; --ink:#eef6fb; --muted:#9bb1c2;
  --bg:#080c10; --line:#29485a; --blue:#78d2f2;
  --blue-light:#182e3c; --green:#67d3aa; --white:#111a21;
  --border:#29485a; --brand-red:#e94d55; --brand-sky:#8bdcf4;
  --panel:#10171d; --panel-strong:#151e26;
}
html,body{background:#080c10;color:#eaf4fa}
body{background:radial-gradient(ellipse at 80% 0%,#132534 0%,#080c10 47%)}
a{color:inherit}
.sidebar{background:linear-gradient(180deg,#030405,#090e13 60%,#05090c);border-right:1px solid #35617b;box-shadow:5px 0 28px #0009}
.sidebar:before{background:linear-gradient(90deg,#e84c54 0%,#e84c54 12%,#8bdcf4 12%,#8bdcf4 100%);height:3px}
.sidebar .brand{background:transparent}
.sidebar .nav-item{color:#bdceda}
.sidebar .nav-item:hover{background:#152530;border-color:#3c718d;color:#fff}
.sidebar .nav-item.active{background:#142732;border:1px solid #6fc4e5;box-shadow:inset 3px 0 #91e3fd,0 0 0 1px #29546d55;color:#fff}
.sidebar .nav-item.active .nav-icon{background:#214359;color:#b9ebfb;border-color:#72c7e5}
.nav-icon{background:#111c24;border-color:#284b60;color:#98d8ee}
.nav-label{color:#89abbc}.sidebar-bottom{border-top:1px solid #315063}.sidebar-bottom div{color:#9db5c3!important}
.main{background:transparent}
.topbar{background:#0b1218;border-bottom:1px solid #37617b;box-shadow:0 3px 22px #0007}
.crumb{color:#92a9b9}.crumb b{color:#eff8fd}.user{color:#e7f3fa}
.avatar{background:#193747;border:1px solid #71c6e4;color:#c6effc}
.page{color:#eaf4fa}.page h1{color:#f5fbff}.subtitle,.muted{color:#99aebc}.eyebrow{color:#7cd8f4}
.card,.panel{background:linear-gradient(160deg,#151e25,#0d141a);border:1px solid #35596f;box-shadow:0 9px 23px #0005,inset 0 1px 0 #ffffff0d}
.card{border-top:2px solid #7acbe8}
.metric-head{color:#b1c7d6}.metric-icon{background:#19313f;border:1px solid #42728b;color:#9addf4}
.metric-value{color:#f5fbff}.metric-note{color:#a2bac9}
.btn{background:#162733;color:#e9f6fd;border:1px solid #518ba8;box-shadow:none}
.btn:hover{background:#1b3748;border-color:#80d6f4;filter:none;transform:none;box-shadow:0 0 0 2px #75cbeb22}
.btn-primary{background:#1d4d66;color:white;border-color:#79d6f4;box-shadow:inset 0 -2px #0002}
.btn-primary:hover{background:#286982}
.btn:focus-visible,.nav-item:focus-visible,.job-workspace-tab:focus-visible,.quick:focus-visible{outline:3px solid #8bdcf4;outline-offset:2px}
.panel h2{color:#f2f9fd}.panel-head,.section-title{border-bottom-color:#29485b}
.stage{background:#111f29;border:1px solid #2e5066}.stage strong{color:#c0ebfa}.stage span{color:#91abba}
.bar-track{background:#263e4a}.bar-fill{background:linear-gradient(90deg,#377fa2,#8cddf5)}
.quick{background:#10202b;border-color:#396780;color:#e9f6fc}
.quick:hover{background:#193545;border-color:#8adaf6}.quick span,.link{color:#8addf5}
.data-table{color:#dbeaf3}
.data-table th{color:#b8dfef;background:#1b3341;border-bottom:1px solid #5188a4}
.data-table td{color:#e6f2f8;border-top:1px solid #2b4352}
.data-table tbody tr:hover{background:#1b3443}
.person,.detail-row strong{color:#f5fbff}.sub,.detail-row span:first-child{color:#93adbb}
.badge{background:#183b50;color:#b4e9fb;border:1px solid #3e7894}
.badge.approved{background:#123b31;color:#94edc6;border-color:#2e8c6c}
.badge.complete,.badge.closed{background:#173c42;color:#a7e8e6;border-color:#36868c}
.badge.prospect{background:#372e1e;color:#f3cc86;border-color:#85682d}
.field label,.fin-form label{color:#dcecf6}
.field input,.field select,.fin-form input,.fin-form select,.fin-match select,.pipeline-select,input[type=text],input[type=number],input[type=date],input[type=email],textarea,select{
 background:#0c171e;color:#f1f9fd;border:1px solid #426a7f;color-scheme:dark;
}
input::placeholder,textarea::placeholder{color:#8da8b7}
.field input:focus,.field select:focus,.fin-form input:focus,.fin-form select:focus,textarea:focus{outline:2px solid #85d8f4;outline-offset:1px;box-shadow:0 0 0 3px #80d5f329}
.detail-row{border-bottom-color:#264351}
.doc-item,.doc-category{background:#111c24;border-color:#365c70;color:#e5f2f9}
.doc-category-head{background:#1b3340;color:#eaf5fb}
.doc-file{border-top-color:#2c4e61}.doc-empty{color:#a5bbc7}
.job-workspace-tabs{background:#060b0f;border:1px solid #457790;box-shadow:0 5px 18px #0006}
.job-workspace-tab{color:#bad7e5}
.job-workspace-tab:hover{background:#1a3442;color:white}
.job-workspace-tab.selected{background:#1b5068;color:#f6fcff;border:1px solid #7fd9f4;box-shadow:inset 0 -3px #8bdcf4}
.finance-kpi,.overview-card{background:linear-gradient(170deg,#1a2a35,#111c24);border:1px solid #46788f;box-shadow:inset 0 3px #77cbe8}
.finance-kpi span,.finance-kpi small,.overview-card-label{color:#b5ccda}
.finance-kpi strong,.overview-card-value{color:#fff}
.finance-kpi-commission,.overview-card.commission{background:linear-gradient(170deg,#1b3241,#111d28);border-color:#5d96b2;box-shadow:inset 0 3px #8bdcf4}
.finance-kpi-commission strong,.overview-card.commission .overview-card-value{color:#b5ebff}
.overview-card.positive{background:#122720;border-color:#33785f;box-shadow:inset 0 3px #4fba8b}
.overview-card.positive .overview-card-value,.fin-positive{color:#75d6aa!important}
.overview-card.negative{background:#291a1e;border-color:#88424a;box-shadow:inset 0 3px #e45c65}
.overview-card.negative .overview-card-value,.fin-negative{color:#ff8a91!important}
.fin-form,.fin-invoices,.fin-commission{background:#121e27;border:1px solid #385f75;color:#eaf6fb}
.fin-form h3,.finance-tables h3,.fin-invoices h3,.fin-commission-heading h3{color:#ecf8fd}
.fin-commission-heading strong{color:#9bdff7}
.fin-delete{background:#45232b;color:#ffb0b5;border:1px solid #994a55}
.fin-disclaimer{color:#9fb6c4}
.pipeline-current{background:#152632;border:1px solid #477d97}
.pipeline-current strong{color:#e5f6ff}.pipeline-current small{color:#a4bfcc}
.login-page{background:#080d12}
.login-art{background:linear-gradient(145deg,#020405,#111e27);border-top:4px solid #8bdcf4}
.login-art p{color:#bdd2dc}
.login-form-wrap{background:#0b141b}.login-box h2{color:#f1f8fe}.footnote{color:#91aaba}
.invoice-breakdown,.commission-breakdown{color:#d2e5ef}
.invoice-breakdown strong,.commission-breakdown strong{color:#b0e9fb}
@media(max-width:720px){.topbar{background:#0b1218}.mobile-brand{color:#c8ebfa}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* ============================================================
   ABSOLUTE RESTORATIONS | BLACKOUT / ICE EDGE (REVISION 3)
   CSS ONLY. Mostly neutral black; ice blue for narrow boundaries,
   red for errors / destructive actions. No HTML/PHP changes.
   ============================================================ */
:root{color-scheme:dark;--navy:#020304;--ink:#f0f4f6;--muted:#a3adb5;--bg:#030405;--line:#25323a;--border:#273945;--blue:#a8dff2;--blue-light:#0f1c24;--white:#0b0e11;--panel:#0b0d10;--panel-strong:#111419;--brand-red:#cb3943;--brand-sky:#a8dff2}
html,body{background:#030405;color:#f0f4f6}
body{background:#030405}
.sidebar{background:#020203;border-right:1px solid #324751;box-shadow:3px 0 20px #000b}
.sidebar:before{height:2px;background:linear-gradient(90deg,#a8dff2 0 94%,#c73b42 94%)}
.sidebar .nav-item{color:#c9d1d7;background:transparent;border-color:transparent;box-shadow:none}
.sidebar .nav-item:hover{background:#11161a;border-color:#425967;transform:none}
.sidebar .nav-item.active{background:#0e1519;color:#fff;border-color:#739cb0;box-shadow:inset 2px 0 #a8dff2}
.nav-icon{background:#090c0f;border-color:#293a46;color:#a8dff2}
.sidebar .nav-item.active .nav-icon{background:#111d24;border-color:#6897ad;color:#d2f2ff}
.sidebar-bottom,.nav-label{color:#9babb5}
.main,.page{background:transparent}
.topbar{background:#07090b;border-bottom:1px solid #283d49;box-shadow:none}
.crumb b,.user,.page h1{color:#f2f5f7}
.avatar{background:#111c23;color:#d5eff9;border-color:#5c8ca2}
.eyebrow,.link{color:#a8dff2}
.card,.panel{background:#0b0d10;border-color:#344650;box-shadow:0 5px 16px #0008,inset 0 1px #ffffff05}
.card{border-top:1px solid #6796ab}
.metric-icon{background:#111a20;color:#a8dff2;border-color:#405d6c}
.metric-head,.metric-note,.muted,.subtitle{color:#abb8c0}
.metric-value,.panel h2{color:#f3f7f9}
.btn{background:#11161a;color:#edf3f7;border-color:#516c7b;box-shadow:none}
.btn:hover{background:#1a2228;border-color:#a8dff2}
.btn-primary{background:#13232c;color:#fff;border-color:#90c9de;box-shadow:none}
.btn-primary:hover{background:#203540}
.stage,.quick,.pipeline-current{background:#0f1317;border:1px solid #31434e}
.stage strong,.pipeline-current strong{color:#e8f2f7}
.stage span,.pipeline-current small{color:#9eb1bb}
.bar-track{background:#202d34}.bar-fill{background:#8fc8dd}
.quick:hover{background:#192127;border-color:#8fbfd3}
.quick span{color:#b1e3f3}
.data-table{background:#080a0c;color:#edf3f7}
.data-table th{background:#11171b;color:#b9dce9;border-bottom:1px solid #486775}
.data-table td{border-top:1px solid #263741;color:#dce6ed}
.data-table tbody tr:nth-child(even){background:#0c1013}
.data-table tbody tr:hover{background:#19232a}
.badge{background:#12232b;border-color:#3c697d;color:#b9e8f9}
.badge.approved{background:#11221c;color:#98d9b3;border-color:#356951}
.badge.complete,.badge.closed{background:#102328;color:#a5dce6;border-color:#3c7985}
.badge.prospect{background:#271f14;color:#f3d8a0;border-color:#72552b}
.field input,.field select,.fin-form input,.fin-form select,.fin-match select,.pipeline-select,input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],textarea,select{background:#080b0d;color:#f0f5f8;border-color:#405461;color-scheme:dark}
.field input:focus,.field select:focus,.fin-form input:focus,.fin-form select:focus,textarea:focus{border-color:#a8dff2;box-shadow:0 0 0 2px #a8dff233}
.doc-item,.doc-category,.doc-category-head{background:#0c1013;color:#e6f0f5;border-color:#31434f}
.job-workspace-tabs{background:#050607;border:1px solid #354d5a;box-shadow:none}
.job-workspace-tab{color:#cbd9e1}
.job-workspace-tab:hover{background:#121d23;color:white}
.job-workspace-tab.selected{background:#15222a;border:1px solid #86b6cb;color:#fff;box-shadow:inset 0 -2px #a8dff2}
.finance-kpi,.overview-card{background:#0c1013;border:1px solid #3b535f;box-shadow:inset 0 2px #82b3ca}
.finance-kpi-commission,.overview-card.commission{background:#10161b;border-color:#4f7486;box-shadow:inset 0 2px #9cd0e5}
.finance-kpi span,.finance-kpi small,.overview-card-label{color:#adbdc7}
.finance-kpi strong,.overview-card-value{color:#f3f7f9}
.finance-kpi-commission strong,.overview-card.commission .overview-card-value{color:#c6e9f7}
.overview-card.positive{background:#101914;border-color:#386348;box-shadow:inset 0 2px #679f78}
.overview-card.positive .overview-card-value,.fin-positive{color:#9ed7b3!important}
.overview-card.negative{background:#1c1114;border-color:#71353b;box-shadow:inset 0 2px #c94c56}
.overview-card.negative .overview-card-value,.fin-negative{color:#ff9099!important}
.fin-form,.fin-invoices,.fin-commission{background:#0b0f12;border:1px solid #394e5a;color:#eaf3f8}
.fin-invoices h3,.fin-commission-heading h3,.fin-form h3{color:#f2f6f8}
.fin-delete{background:#311519;color:#ffd0d4;border:1px solid #a4444c}
.login-page,.login-form-wrap{background:#050607}
.login-art{background:#070b0e;border-top:2px solid #9acbdc}
.login-box h2{color:#f0f6f9}
@media(max-width:720px){.topbar{background:#07090b}.mobile-brand{color:#e3f4fc}}

/* Job data can contain long claim numbers, email addresses, and filenames. */
.job-details-page .detail-grid > .panel,
.job-details-page .doc-category {
  min-width: 0;
}

.job-details-page .detail-grid .detail-row {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  align-items: baseline;
}

.job-details-page .detail-grid .detail-row > *,
.job-details-page .doc-category-head b,
.job-details-page .doc-file-name,
.job-details-page .pipeline-current strong {
  overflow-wrap: anywhere;
}

.job-details-page .doc-file-name {
  flex: 1 1 auto;
}

.job-details-page .doc-actions {
  flex-shrink: 0;
}