:root{--navy:#071a2f;--navy2:#0d2742;--blue:#126bc0;--cyan:#46b5d1;--page:#f5f8fb;--border:#d6e0e8;--text:#102a43;--muted:#66788a;--green:#087a57}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-family:"Arial Narrow",Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:148px;flex:0 0 148px;background:linear-gradient(180deg,#061a30,#08243d);color:#cfe2f1;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-brand{height:72px;display:grid;place-items:center;border-bottom:1px solid #24415a;padding:9px}.side-brand img{width:48px;height:48px;object-fit:contain;border-radius:10px}.sidebar nav{padding-top:12px}.sidebar button{width:100%;border:0;background:none;color:#c5d7e5;height:54px;display:flex;align-items:center;gap:13px;padding:0 18px;font-size:14px;cursor:pointer;border-left:4px solid transparent}.sidebar button i{font-style:normal;font-size:20px;width:20px}.sidebar button:hover,.sidebar button.active{color:#fff;background:#0d385a;border-left-color:#28a6e6}.sidebar .help{margin-top:auto}.workspace{min-width:0;flex:1}.workspace>header{height:72px;background:linear-gradient(90deg,#071a2f,#0b2944);color:#fff;display:flex;align-items:center;padding:0 28px;gap:20px}.workspace>header .top-brand-logo{width:210px;height:52px;object-fit:contain;object-position:left center}.workspace>header div{height:42px;width:1px;background:#6e8aa1}.workspace>header h1{font-size:24px;margin:0}.workspace>header span{margin-left:auto;color:#84aac4;font-size:11px;letter-spacing:1.4px}.content{padding:16px 22px 26px;max-width:1800px;margin:auto}.utility-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.utility-tabs button{height:96px;background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--text);font-weight:700;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.utility-tabs button b{font-size:29px;font-weight:400;color:#153c61}.utility-tabs .selected{border:2px solid var(--blue);box-shadow:inset 0 -3px var(--blue);color:var(--blue);background:#f9fcff}.project-bar{margin-top:14px;border:1px solid var(--border);border-radius:7px;background:#fff;padding:14px 16px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.project-bar label{font-size:12px;color:var(--muted);font-weight:700}.project-bar input{display:block;margin-top:6px;width:100%;height:38px;border:1px solid #bfcdda;border-radius:5px;padding:0 11px;color:var(--text);font-size:14px}.main-grid{display:grid;grid-template-columns:minmax(650px,3fr) minmax(345px,1fr);gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid var(--border);border-radius:7px;overflow:hidden}.panel-title{height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.panel-title h2{margin:0;font-size:21px}.panel-title small{display:block;color:var(--blue);font-weight:800;font-size:9px;letter-spacing:1px;margin-bottom:3px}.primary{background:var(--blue);color:#fff;border:0;border-radius:5px;padding:10px 16px;font-weight:700;font-size:14px;cursor:pointer}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:860px;font-size:13px}th{height:43px;background:#edf4f9;color:#28445d;font-size:12px;border-bottom:1px solid var(--border);text-align:left;padding:0 7px}td{height:52px;border-bottom:1px solid #e2e8ed;padding:5px 7px}th:first-child,td:first-child{text-align:center;width:35px}td input,td select,.rental-row input,.rental-row select{width:100%;min-width:58px;border:1px solid #c9d5df;border-radius:4px;height:34px;padding:0 8px;background:#fff;color:var(--text);font-size:12px}td:nth-child(2){min-width:145px}td:nth-child(3){min-width:148px}.amount{text-align:right;white-space:nowrap;font-weight:700}.trash,.rental-row button{border:0;background:none;color:#7d91a2;font-size:18px;cursor:pointer}.items-panel footer{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--muted);font-size:12px}.items-panel footer strong{color:var(--text);font-size:14px}.right-rail{display:flex;flex-direction:column;gap:14px}.summary .panel-title,.rentals .panel-title{height:56px}.summary .panel-title h2,.rentals .panel-title h2{font-size:18px}.summary dl{margin:0;padding:8px 16px 14px}.summary dl>div{display:flex;justify-content:space-between;align-items:center;min-height:42px;font-size:14px}.summary dd{margin:0;font-weight:700}.summary .line{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.summary input{width:64px;height:32px;border:1px solid #b8c8d6;border-radius:4px;text-align:right;margin-right:5px}.summary .grand{border-top:1px solid var(--border);margin-top:5px;padding-top:10px;color:var(--green);font-size:18px}.summary .grand dd{font-size:25px}.rentals .panel-title button{border:0;background:none;color:var(--blue);font-weight:700;cursor:pointer}.rental-row{display:grid;grid-template-columns:minmax(105px,1fr) 54px 46px 64px 76px 18px;align-items:center;gap:5px;padding:7px 10px;border-bottom:1px solid #e7edf1}.rental-row b{text-align:right;font-size:11px}.rental-total{display:flex;justify-content:space-between;padding:14px 12px;font-size:13px}.export{height:68px;border:0;border-radius:7px;background:linear-gradient(135deg,#0c5cad,#1681d3);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;font-size:20px;font-weight:800;cursor:pointer}.export>span{font-size:31px}.export div{text-align:left}.export small{display:block;font-size:9px;letter-spacing:1.3px;opacity:.75;margin-bottom:3px}.secondary{border:1px solid #b7c9d8;border-radius:6px;background:#fff;color:#24445f;padding:11px;text-align:center;font-weight:700;cursor:pointer;font-size:13px}.upload input{display:none}input:focus,select:focus,button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}@media(max-width:1100px){.sidebar{width:70px;flex-basis:70px}.side-brand{font-size:19px}.sidebar button{padding:0 21px;font-size:0}.main-grid{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:1fr 1fr}.export,.secondary{grid-column:1/-1}.utility-tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.sidebar{display:none}.workspace>header{padding:0 16px}.workspace>header .top-brand-logo,.workspace>header div,.workspace>header span{display:none}.content{padding:10px}.utility-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.project-bar{grid-template-columns:1fr}.main-grid{display:block}.right-rail{display:flex;margin-top:12px}.panel-title h2{font-size:18px}}

/* Unified blue Add buttons in Estimate sections */
.estimate-wide-panel .panel-title button.primary{
  background:var(--blue);
  color:#fff;
  border:0;
  border-radius:5px;
  padding:10px 16px;
  min-height:40px;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
}
.estimate-wide-panel .panel-title button.primary:hover{
  background:#0f5da8;
}
.estimate-wide-panel .panel-title button.primary:disabled{
  opacity:.55;
  cursor:not-allowed;
}


/* Unified primary page headers */
.app-page-hero{background:linear-gradient(120deg,#071a2f 0%,#0b3454 62%,#0f527a 100%);color:#fff;border-radius:9px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;gap:22px;box-shadow:0 4px 14px #071a2f24;margin-bottom:14px}
.app-page-hero small{color:#6cc8f0!important;font-size:10px!important;font-weight:800!important;letter-spacing:1.5px!important}
.app-page-hero h2{font-size:30px!important;margin:5px 0!important;color:#fff!important}
.app-page-hero p{margin:0!important;color:#c9dae7!important;max-width:850px}
.hero-action-btn{background:#fff!important;color:#0c5da6!important;border:0!important;border-radius:6px!important;padding:14px 19px!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap}
.hero-action-btn:hover{background:#eef7ff!important;transform:translateY(-1px)}
.app-page-hero .reports-actions label{color:#d6e7f3!important}
.app-page-hero .reports-actions select{background:#fff}
.rate-add-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.rate-add-actions button{border:0;background:#1473c9;color:#fff;border-radius:6px;padding:9px 12px;font-weight:800;cursor:pointer}
.rate-add-actions button:hover{background:#0f63ad}
@media(max-width:760px){.app-page-hero{align-items:flex-start;flex-direction:column}.hero-action-btn{width:100%}.rate-add-actions{width:100%;justify-content:stretch}.rate-add-actions button{flex:1}}


/* ESTIND v1.1.1 — clean, readable application header */
.workspace>.app-topbar{
  height:72px;
  min-height:72px;
  background:linear-gradient(90deg,#061a30 0%,#092b48 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 26px;
  gap:18px;
  border-bottom:1px solid #25445f;
}
.topbar-brand{display:flex;align-items:center;gap:13px;min-width:0}
.topbar-mark{width:43px;height:43px;object-fit:contain;flex:0 0 43px;border-radius:9px}
.topbar-wordmark{display:flex;flex-direction:column;justify-content:center;line-height:1;min-width:0}
.topbar-wordmark strong{font-family:Arial,Helvetica,sans-serif;font-size:27px;font-weight:900;letter-spacing:1.4px;color:#fff;white-space:nowrap}
.topbar-wordmark strong span{color:#1684ee}
.topbar-wordmark small{margin-top:5px;font-size:8px;font-weight:700;letter-spacing:1.65px;color:#a9c2d6;white-space:nowrap}
.topbar-version{margin-left:auto;color:#8fb0c8;font-size:10px;letter-spacing:1.25px;font-weight:700;white-space:nowrap}
.side-brand{padding:10px}
.side-brand img{width:46px;height:46px;filter:none}
@media(max-width:700px){
  .workspace>.app-topbar{height:64px;min-height:64px;padding:0 13px}
  .topbar-mark{width:38px;height:38px;flex-basis:38px}
  .topbar-wordmark strong{font-size:23px}
  .topbar-wordmark small{font-size:6.7px;letter-spacing:1.05px}
  .topbar-version{display:none}
}
@media(max-width:390px){.topbar-wordmark small{display:none}}
