/* Previewed interface refresh. Loaded after legacy styles intentionally. */
:root{--navy:#124b47;--navy2:#17665e;--gold:#d5b875;--text:#243c3a;--muted:#758581;--line:#e1e9e5;--bg:#f3f6f4;--shadow:0 5px 22px #173e3510}
body{font-family:Inter,'Segoe UI',sans-serif!important;background:var(--bg)!important;color:var(--text)}
#app .header{background:#fff!important;color:var(--text)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;min-height:82px;padding:16px 28px!important}
#app .brand h2{color:#163e38!important;letter-spacing:-.6px;font-size:21px!important}#app .brand small{color:#76857f!important}
#app .header-menu-button{border:1px solid #dce7e1!important;background:#f5f8f6!important;border-radius:12px!important;width:44px;height:44px;color:#17584f!important}
#app .page{padding:28px!important;max-width:1680px}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px;gap:16px}.workspace-heading small{font-size:10px;letter-spacing:2px;font-weight:700;color:#6d8880}.workspace-heading h1{font-size:29px;letter-spacing:-1px;margin:7px 0;color:#163e38}.workspace-heading p{font-size:13px;color:#758581;margin:0}.workspace-date{font-size:12px;color:#587269;border:1px solid #dce7df;border-radius:9px;padding:10px 14px;background:white}
#app .stats{gap:16px!important;margin-bottom:24px}#app .stat{background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow)!important;padding:22px!important;border-top:3px solid #9fc0b2!important;min-height:115px}#app .stat span{color:#6b8178!important;font-size:12px!important;font-weight:500!important}#app .stat b{font-size:30px!important;color:#174b40!important;letter-spacing:-1px;margin-top:12px}#app .stat:first-child{background:#15594f!important;border-color:#15594f!important}#app .stat:first-child span{color:#c3e1d3!important}#app .stat:first-child b{color:white!important}
#app .panel{border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow)!important}#app .panel-head{background:#fff!important;border-bottom:1px solid var(--line)!important;padding:20px 22px!important}#app .panel-head h3{color:#234c40!important;font-size:17px!important;font-weight:650!important}#app .form{padding:22px!important;gap:16px!important}#app .field label{font-size:11px!important;color:#61776d!important}#app .field input,#app .field select,#app .field textarea,#app .multi-select-button,#app .status-multi-button{border-radius:8px!important;border:1px solid #dce6df!important;min-height:42px!important;background:#fcfdfc!important;color:#314f44!important}#app .btn{border-radius:8px!important;min-height:40px;transition:background .18s,box-shadow .18s}#app .primary{background:#176452!important;color:white!important}#app .gold{background:#dec58e!important;color:#423719!important}#app .toolbar{background:#f9fbf9!important;padding:16px 22px!important}#app th{background:#f0f5f1!important;color:#60776a!important;font-size:10px!important;letter-spacing:.4px;padding:13px 10px!important}#app td{padding:15px 10px!important;color:#365045;font-size:12px!important}#app .badge{background:#edf4ef!important;color:#406b54!important;border-radius:7px!important}#crmSyncBadge{color:#386f53!important}
#app #masterMenu{position:fixed!important;inset:0 auto 0 0!important;width:272px!important;min-width:0!important;max-height:100dvh!important;height:100dvh!important;background:linear-gradient(165deg,#104942,#106355)!important;border:0!important;border-radius:0!important;padding:28px 16px!important;box-shadow:15px 0 60px #13362b25!important;z-index:202!important;overflow:auto!important;color:white;animation:drawer-in .2s ease-out}
.nav-brand{display:flex;gap:12px;align-items:center;padding:0 8px 26px;border-bottom:1px solid #ffffff20;margin-bottom:27px}.nav-monogram{display:grid;place-items:center;width:40px;height:40px;background:#e2d1a3;color:#174e42;border-radius:12px;font-family:Georgia,serif;font-size:26px}.nav-brand strong{font-size:18px;letter-spacing:.5px}.nav-brand small{display:block;color:#a3c7bb;font-size:10px;margin-top:5px}.nav-label{color:#91b8aa;font-size:9px;letter-spacing:2px;padding:0 14px;margin-bottom:12px}
#app #masterMenu button{display:flex;align-items:center;gap:12px;background:transparent!important;color:#c1ded3!important;border:0!important;border-radius:9px!important;margin:5px 0;padding:13px 14px!important;min-height:46px;font-size:12px;font-weight:500;box-shadow:none!important}#app #masterMenu button:hover,#app #masterMenu button[aria-current=page]{background:#ffffff18!important;color:#fff!important}#app #masterMenu button[aria-current=page]{box-shadow:inset 3px 0 #d6c082!important}.nav-icon{width:18px;height:18px;flex-shrink:0}#app #masterMenu #logoutBtn{border-top:1px solid #ffffff25!important;margin-top:36px!important}#app #masterMenu #navClose{position:absolute;right:8px;top:2px;min-height:28px;padding:6px!important;font-size:19px}
.nav-backdrop{position:fixed;inset:0;background:#102c2855;backdrop-filter:blur(4px);z-index:190;border:0;width:100%;height:100%}body.drawer-open{overflow:hidden}.header:has(#masterMenu:not(.hidden)){z-index:200!important}button:focus-visible{outline:2px solid #b59a58!important;outline-offset:3px}@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(min-width:1200px){body.crm-logged-in #app{padding-left:272px}#app #masterMenu.hidden{display:block!important}#app #masterMenuBtn,#navClose{display:none!important}#app .header{grid-template-columns:1fr auto!important}#app .header-brand{position:static!important;transform:none!important;justify-self:start!important}#app .header-menu-wrap{width:0!important}#app .header-menu-wrap{position:absolute!important}.nav-backdrop{display:none!important}body.drawer-open{overflow:auto}}
@media(max-width:760px){#app .header{padding:12px!important;min-height:72px;grid-template-columns:44px 1fr auto!important}#app .header-brand{position:static!important;transform:none!important;min-width:0!important}#app .brand img{display:none}#app .brand h2{font-size:16px!important}#app .page{padding:18px 12px!important}.workspace-heading h1{font-size:24px}.workspace-date{display:none}#app .stats{gap:10px!important}#app .stat{padding:16px!important;min-height:102px}#app .stat b{font-size:26px!important}#app .panel-head,#app .form{padding:16px!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{#app{padding-left:0!important}#masterMenu,.nav-backdrop,.workspace-heading{display:none!important}}
/* Reset decorative legacy accents and protect the compact header. */
#app .stat::before,#app .stat::after,#app .panel-head::before,#app .panel-head::after{content:none!important}
#app .panel-head{border-left:0!important;border-top:0!important}
#app #masterMenu #navClose{width:28px!important;height:28px!important;right:7px!important;top:5px!important;justify-content:center!important;margin:0!important;padding:0!important}
#app .header-brand{max-width:100%!important;width:auto!important;overflow:hidden!important;gap:10px!important}#app .header-brand>div{min-width:0}#app .header-brand h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .header-brand .nav-monogram{flex-shrink:0}
#app .stat span{text-transform:none!important;letter-spacing:0!important}#app .entries-table th:last-child{background:#f0f5f1!important;color:#60776a!important}
@media(max-width:760px){#app .header-brand{justify-self:start!important;left:auto!important;right:auto!important}#app .header-brand .nav-monogram{display:none}#app .header-brand h2{font-size:14px!important}#app .header-brand small{font-size:9px!important}#app .header-actions{max-width:100px}#app .header{gap:9px!important}}
/* Two-row entry workspace: keep recent records in view on laptops/tablets. */
@media(min-width:900px){
 #app #entryPanel .form{display:grid!important;grid-template-columns:repeat(24,minmax(0,1fr))!important;gap:10px 10px!important;padding:12px 16px!important;align-items:start!important}
 #app #entryPanel .form>.two{display:contents!important}
 #app #entryPanel .field-date{grid-column:1 / 4!important;grid-row:1}
 #app #entryPanel .field-count{grid-column:4 / 6!important;grid-row:1}
 #app #entryPanel .field-customer{grid-column:6 / 11!important;grid-row:1}
 #app #entryPanel .field-salesman{grid-column:11 / 15!important;grid-row:1}
 #app #entryPanel .field-status{grid-column:15 / 20!important;grid-row:1}
 #app #entryPanel .field-products{grid-column:20 / 25!important;grid-row:1}
 #app #entryPanel .field-quantity{grid-column:1 / 4!important;grid-row:2}
 #app #entryPanel .field-source{grid-column:4 / 8!important;grid-row:2}
 #app #entryPanel .field-material{grid-column:8 / 11!important;grid-row:2}
 #app #entryPanel .field-bill{grid-column:11 / 14!important;grid-row:2}
 #app #entryPanel .field-notes{grid-column:14 / 20!important;grid-row:2}
 #app #entryPanel #billField.hidden+.field-notes{grid-column:11 / 20!important}
 #app #entryPanel .compact-actions{grid-column:20 / 25!important;grid-row:2;align-self:end;display:flex!important;flex-wrap:wrap;gap:5px!important}
 #app #entryPanel .compact-actions .btn{flex:1 1 auto!important;width:auto!important;min-width:0!important;padding:8px!important;font-size:11px!important;min-height:36px!important}
 #app #entryPanel .field input,#app #entryPanel .field select,#app #entryPanel .field textarea,#app #entryPanel .multi-select-button,#app #entryPanel .status-multi-button{height:36px!important;min-height:36px!important;padding:7px 8px!important;font-size:12px!important}
 #app #entryPanel .field-notes textarea{height:36px!important;min-height:36px!important;resize:vertical}
 #app #entryPanel .field label{font-size:10px!important;white-space:nowrap}
 #app #entryPanel .status-limit-note{display:none}
 #app #entryPanel .selected-product-quantities{max-height:76px;overflow-y:auto}
 #app #entryPanel .selected-product-row{grid-template-columns:minmax(0,1fr) 48px;gap:4px}
 #app #entryPanel .selected-product-row:only-child{grid-template-columns:1fr}
 #app #entryPanel .panel-head,#app .entry-table-panel .panel-head{padding:12px 16px!important}
 #app #entryView>.stats .stat{min-height:76px!important;padding:12px 16px!important}
 #app #entryView>.stats .stat b{font-size:25px!important;margin-top:5px!important}
 #app #entryView>.stats{margin-bottom:16px!important}
 #app .workspace-heading{margin-bottom:16px}
 #app .entry-table-panel .toolbar{padding:10px 16px!important}
}
@media(min-width:900px){
 #app #entryView>.stats{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 #app .entry-table-panel .toolbar{display:grid!important;grid-template-columns:140px minmax(150px,1.5fr) minmax(100px,1fr) minmax(100px,1fr) 100px!important;gap:8px!important}
 #app .entry-table-panel .toolbar>*{min-width:0!important;width:100%!important;min-height:36px!important;font-size:12px!important;padding:7px!important}
}
@media(min-width:761px) and (max-width:1199px){
 #app .header{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;height:76px!important;min-height:76px!important;gap:16px!important}
 #app .header-brand{position:static!important;transform:none!important;justify-self:start!important}
 #app .header-actions{width:auto!important;justify-self:end!important}
}
/* A richer, coordinated palette for the customer workspace. */
body{background:radial-gradient(ellipse at 95% 0%,#e9e5f5 0,transparent 38%),radial-gradient(ellipse at 0 50%,#e1f1eb 0,transparent 40%),#f5f7fa!important}
#app .workspace-heading h1{color:#214f50;background:linear-gradient(100deg,#145f54,#5061a2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#app .workspace-heading small{color:#7274a0}
#app #entryView>.stats .stat{border:1px solid #dae6e7!important;border-top:3px solid #55a691!important;box-shadow:0 5px 16px #3555740a!important;transition:transform .18s ease,box-shadow .18s ease}
#app #entryView>.stats .stat:hover{transform:translateY(-2px);box-shadow:0 9px 24px #35557418!important}
#app #entryView>.stats .stat:nth-child(1){background:linear-gradient(125deg,#12584f,#238879)!important;border-color:#278775!important}
#app #entryView>.stats .stat:nth-child(2){background:linear-gradient(120deg,#eef4ff,#f9fbff)!important;border-top-color:#799ce6!important}
#app #entryView>.stats .stat:nth-child(2) b{color:#446bc1!important}
#app #entryView>.stats .stat:nth-child(3){background:linear-gradient(120deg,#eaf7ef,#f7fcf9)!important;border-top-color:#57b895!important}
#app #entryView>.stats .stat:nth-child(3) b{color:#228764!important}
#app #entryView>.stats .stat:nth-child(4){background:linear-gradient(120deg,#f2edfc,#fbf9ff)!important;border-top-color:#aa8bd8!important}
#app #entryView>.stats .stat:nth-child(4) b{color:#8560b7!important}
#app #entryView>.stats .stat:nth-child(5){background:linear-gradient(120deg,#fff1e7,#fffaf5)!important;border-top-color:#e4a068!important}
#app #entryView>.stats .stat:nth-child(5) b{color:#bc7743!important}
#app #entryPanel{border-color:#cddfd9!important}
#app #entryPanel .panel-head{background:linear-gradient(100deg,#edf7f2,#f8fbfa 70%,#f1f0fa)!important;border-bottom-color:#dce9e2!important}
#app .entry-table-panel .panel-head{background:linear-gradient(100deg,#edf2fc,#fafbff 75%,#f0eef9)!important}
#app .entry-table-panel .panel-head h3{color:#415881!important}
#app .field input:focus,#app .field select:focus,#app .field textarea:focus{border-color:#73ad9c!important;box-shadow:0 0 0 3px #32937b15!important}
#app .field-status .status-multi-button{background:#f4f0fc!important;border-color:#ded4ef!important;color:#705495!important}
#app .field-products .multi-select-button{background:#edf6fc!important;border-color:#d1e3ef!important;color:#396e91!important}
#app .field-quantity input{background:#fff7ec!important;border-color:#ecd7b5!important;color:#9b692d!important}
#app .field-quantity input:disabled{opacity:.7}
#app #saveBtn{background:linear-gradient(115deg,#166d59,#299378)!important;color:#fff!important;box-shadow:0 3px 8px #1d745723!important}
#app #clearBtn{background:#f0f4fb!important;border-color:#d6deed!important;color:#526b96!important}
#app #undoBtn{background:#fff7eb!important;border-color:#eedbbc!important;color:#997137!important}
#app .entry-table-panel .toolbar{background:#f7f8fc!important}
#app #resetEntryFiltersBtn{background:#f0edf8!important;border-color:#ddd7ed!important;color:#796199!important}
#app .entries-table tbody tr:nth-child(even) td{background:#f7f9fc!important}
#app .entries-table tbody tr:first-child td{background:#f0f8f4!important}
#app .entries-table tbody tr:hover td{background:#eef4fa!important}
#app .badge.status-purchased,#app .badge.status-pickup{background:#e1f3e9!important;color:#267554!important;border:1px solid #bce3ce!important}
#app .badge.status-booked{background:#e8effe!important;color:#446ab4!important;border:1px solid #cbd9f8!important}
#app .badge.status-followup{background:#fff0df!important;color:#a76729!important;border:1px solid #f0d5af!important}
#app .badge.status-repair{background:#f0e8fb!important;color:#8159a8!important;border:1px solid #dfcff1!important}
#app #masterMenu{background:radial-gradient(ellipse at 0 0,#296b62,transparent 55%),linear-gradient(170deg,#154c46,#124e51 65%,#263f60)!important}
#app #masterMenu button[aria-current=page]{background:linear-gradient(100deg,#ffffff22,#ffffff0b)!important;box-shadow:inset 3px 0 #e9c68a!important}
#app #masterMenu button:nth-of-type(3n+1) .nav-icon{color:#a8d9cc}#app #masterMenu button:nth-of-type(3n+2) .nav-icon{color:#b7c9ed}#app #masterMenu button:nth-of-type(3n) .nav-icon{color:#e2c99b}
@media(prefers-reduced-motion:reduce){#app #entryView>.stats .stat:hover{transform:none}}
/* Rounded overview and readable notes, including saved record details. */
#app #entryView>.stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#app #entryView>.stats .stat{border-radius:28px!important;padding:16px 22px!important}
#app #entryPanel .field-notes textarea{height:64px!important;min-height:64px!important;line-height:20px!important;padding:10px!important;resize:vertical;white-space:pre-wrap}
#app .entries-table .entry-notes-row td{display:table-cell!important;padding:0 12px 14px!important;background:#fff!important;border-bottom:1px solid #dce6e5!important}
.saved-entry-notes{padding:12px 16px;background:linear-gradient(110deg,#f4f2fa,#f7f9fc);border:1px solid #e5e0ef;border-left:3px solid #aa90d1;border-radius:12px;text-align:left}
.saved-entry-notes strong{display:block;color:#796397;font-size:10px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:5px}
#app .saved-entry-notes p{margin:0;white-space:pre-wrap!important;overflow-wrap:anywhere;line-height:1.6;font-size:12px;color:#405266;max-height:none!important}
@media(max-width:760px){#app #entryView>.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app .entries-table .entry-notes-row{margin-top:-12px!important;padding:0!important}#app .entries-table .entry-notes-row td{display:block!important;width:100%!important}#app .entries-table .entry-notes-row td::before{display:none!important}}
/* Compact saved-note disclosure, usable by pointer, keyboard, and touch. */
#app .entries-table .entry-notes-row td{padding:0 12px 7px!important}
.saved-entry-notes{position:relative;display:inline-block;padding:0;background:none;border:0;border-radius:0}
.saved-note-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #ddd4eb;border-radius:8px;background:#f4f0fa;color:#765991;font:600 11px 'Segoe UI',sans-serif;padding:6px 10px;cursor:pointer;min-height:30px}
.saved-note-toggle:hover,.saved-note-toggle[aria-expanded=true]{background:#eae1f5;border-color:#b9a0d2}
#app .saved-entry-notes p{display:none;position:absolute;left:0;top:100%;z-index:30;width:min(460px,calc(100vw - 65px));padding:14px 16px;background:#fff;border:1px solid #dbd2e8;border-radius:12px;box-shadow:0 10px 30px #27374d26;max-height:240px!important;overflow-y:auto;font-size:12px;line-height:1.6}
#app .saved-entry-notes.is-open p{display:block}
#app .saved-entry-notes>strong{display:none}
@media(hover:hover){#app .saved-entry-notes:hover p{display:block}}
@media(max-width:760px){#app .entries-table .entry-notes-row td{padding-bottom:8px!important}}
/* Fit all entry columns to the available workspace instead of a fixed 1040px table. */
@media(min-width:761px){
 #app #entryView .entries-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
 #app #entryView .entries-table th,#app #entryView .entries-table td{padding:9px 5px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
 #app #entryView .entries-table th:nth-child(1),#app #entryView .entries-table td:nth-child(1){width:11%!important}
 #app #entryView .entries-table th:nth-child(2),#app #entryView .entries-table td:nth-child(2){width:15%!important}
 #app #entryView .entries-table th:nth-child(3),#app #entryView .entries-table td:nth-child(3){width:5%!important;text-align:center}
 #app #entryView .entries-table th:nth-child(4),#app #entryView .entries-table td:nth-child(4){width:10%!important}
 #app #entryView .entries-table th:nth-child(5),#app #entryView .entries-table td:nth-child(5){width:14%!important}
 #app #entryView .entries-table th:nth-child(6),#app #entryView .entries-table td:nth-child(6){width:13%!important}
 #app #entryView .entries-table th:nth-child(7),#app #entryView .entries-table td:nth-child(7){width:8%!important}
 #app #entryView .entries-table th:nth-child(8),#app #entryView .entries-table td:nth-child(8){width:9%!important}
 #app #entryView .entries-table th:nth-child(9),#app #entryView .entries-table td:nth-child(9){width:7%!important}
 #app #entryView .entries-table th:nth-child(10),#app #entryView .entries-table td:nth-child(10){width:8%!important;position:static!important}
 #app #entryView .entries-table .badge,#app #entryView .entries-table .material-badge{white-space:normal!important;max-width:100%;padding:3px 5px!important}
 #app #entryView .entries-table .entry-notes-row td{width:auto!important;padding:0 5px 7px!important}
 #app #entryView .entries-table td{font-size:11px!important}
}
/* Reference-inspired ERP finish: white surfaces, teal detail, restrained blue. */
body{background:radial-gradient(ellipse at 96% 2%,#edf4f6 0,transparent 35%),#f4f6f7!important}
#app .header{background:#fff!important;border-bottom:1px solid #e3e9ec!important}
#app #masterMenu{background:radial-gradient(ellipse at 0 0,#177f88 0,transparent 55%),linear-gradient(165deg,#134e6a,#18344b 75%,#293348)!important}
#app .nav-monogram{background:#e6f7f2;color:#188f83;border-radius:14px}
#app .workspace-heading h1{background:none;-webkit-text-fill-color:#233e4b;color:#233e4b;letter-spacing:-.8px}
#app .workspace-heading small{color:#209689}
#app .workspace-heading p{color:#7c8b91}
#app .workspace-date{border-radius:999px;border-color:#e2e8eb;color:#6a7e87}
#app #entryView>.stats .stat{border-radius:24px!important;border:1px solid #e2e9eb!important;border-top:3px solid #29a79a!important;background:#fff!important;box-shadow:0 5px 18px #173b4b08!important}
#app #entryView>.stats .stat:nth-child(1){background:linear-gradient(120deg,#168e85,#28aa98)!important;border-color:#239f92!important}
#app #entryView>.stats .stat:nth-child(2){background:#fff!important;border-top-color:#71a5c4!important}
#app #entryView>.stats .stat:nth-child(3){background:#fff!important;border-top-color:#40b49a!important}
#app #entryView>.stats .stat:nth-child(4){background:#fff!important;border-top-color:#dfb15d!important}
#app #entryView>.stats .stat:nth-child(2) b{color:#457a98!important}
#app #entryView>.stats .stat:nth-child(3) b{color:#209880!important}
#app #entryView>.stats .stat:nth-child(4) b{color:#b78938!important}
#app .panel{background:#fff!important;border:1px solid #e2e9eb!important;border-radius:20px!important;box-shadow:0 5px 20px #193b4b07!important}
#app #entryPanel .panel-head,#app .entry-table-panel .panel-head{background:#fff!important;border-bottom:1px solid #edf0f2!important}
#app #entryPanel .panel-head h3,#app .entry-table-panel .panel-head h3{color:#263f4b!important}
#app .entry-table-panel .toolbar{background:#fafbfc!important}
#app #entryPanel .field input,#app #entryPanel .field select,#app #entryPanel .field textarea{background:#fff!important;border-color:#dfe7e9!important}
#app #entryPanel .field-status .status-multi-button{background:#f0f9f6!important;border-color:#d5ebe3!important;color:#368674!important}
#app #entryPanel .field-products .multi-select-button{background:#f2f7fa!important;border-color:#dbe7ee!important;color:#49768d!important}
#app #entryPanel .field-quantity input{background:#fffaf0!important;border-color:#eddfc4!important;color:#9b793c!important}
#app #saveBtn{background:#209c8c!important;color:#fff!important;border:1px solid #209c8c!important;box-shadow:0 3px 8px #20887718!important}
#app #clearBtn,#app #resetEntryFiltersBtn{background:#fff!important;border:1px solid #dce5e9!important;color:#607985!important}
#app #undoBtn{background:#fff9ed!important;color:#a47f3c!important;border-color:#efdfbe!important}
#app #entryView .entries-table th{background:#f5f8f9!important;color:#71828b!important;letter-spacing:.6px}
#app #entryView .entries-table tbody tr:not(.entry-notes-row) td{background:#fff!important}
#app #entryView .entries-table tbody tr:not(.entry-notes-row):hover td{background:#f4faf8!important}
#app .badge.status-purchased,#app .badge.status-pickup{background:#e9f7f2!important;color:#268673!important;border-color:#d4ece3!important}
#app .badge.status-booked{background:#edf4f9!important;color:#527f9b!important;border-color:#dce8f1!important}
#app .badge.status-followup{background:#fff6e4!important;color:#a57b2e!important;border-color:#f2e4c6!important}
.saved-note-toggle{background:#f3f8f7;border-color:#dae9e4;color:#548477;border-radius:999px;padding:5px 11px}
.saved-note-toggle:hover,.saved-note-toggle[aria-expanded=true]{background:#e5f4ee;border-color:#acd7c5}
#app .saved-entry-notes p{border-color:#d4e4de;box-shadow:0 10px 28px #2342371c}
/* Stronger navy accents and higher-contrast text on light surfaces. */
#app #masterMenu{background:linear-gradient(160deg,#123f61,#102c49 65%,#14243d)!important}
#app #masterMenu button{color:#e2edf5!important;font-weight:600!important}
#app #masterMenu .nav-label,#app #masterMenu .nav-brand small{color:#bed1e0!important}
#app #masterMenu button[aria-current=page]{background:#ffffff20!important;color:#fff!important}
#app .workspace-heading h1{color:#163651!important;-webkit-text-fill-color:#163651!important;font-weight:750}
#app .workspace-heading small{color:#326176!important;font-weight:700}
#app .workspace-heading p,#app .workspace-date{color:#536675!important}
#app #entryView>.stats .stat span{color:#475b6b!important;font-weight:600!important}
#app #entryView>.stats .stat:first-child span{color:#f0fffc!important}
#app #entryView>.stats .stat:nth-child(2){border-top-color:#264e7a!important}
#app #entryView>.stats .stat:nth-child(2) b{color:#21466f!important}
#app #entryPanel .panel-head h3,#app .entry-table-panel .panel-head h3{color:#183b5b!important;font-weight:750!important}
#app .panel-head small,#app .muted{color:#586b79!important}
#app #entryPanel .field label{color:#344d60!important;font-weight:650!important}
#app #entryPanel .field input,#app #entryPanel .field select,#app #entryPanel .field textarea{color:#263e51!important}
#app input::placeholder,#app textarea::placeholder{color:#687985!important;opacity:1}
#app #entryPanel .field-products .multi-select-button{background:#eef3f9!important;border-color:#bbcde0!important;color:#21466f!important;font-weight:600}
#app #entryView .entries-table th{background:#edf2f7!important;color:#264663!important;font-weight:750!important}
#app #entryView .entries-table td{color:#2e4659!important;font-weight:500}
#app .badge.status-booked{background:#e8eff9!important;color:#214671!important;border-color:#bed0e6!important;font-weight:650}
#app #clearBtn,#app #resetEntryFiltersBtn{color:#274c70!important;border-color:#c4d2df!important;font-weight:650}
#app .header-brand small{color:#536b7d!important}

/* Sea-green theme: replace the remaining navy and blue accents. */
:root{--navy:#075f58;--navy2:#0b7b70;--text:#173f3b}
#app #masterMenu{background:linear-gradient(160deg,#08776d,#075f58 65%,#064942)!important}
#app #masterMenu .nav-icon{color:#b8e6d9!important}
#app .workspace-heading h1{color:#075f58!important;-webkit-text-fill-color:#075f58!important}
#app .workspace-heading small{color:#19877c!important}
#app #entryView>.stats .stat:nth-child(2){border-top-color:#168b80!important}
#app #entryView>.stats .stat:nth-child(2) b{color:#08776d!important}
#app #entryPanel .panel-head h3,#app .entry-table-panel .panel-head h3{color:#075f58!important}
#app #entryPanel .field-products .multi-select-button{background:#eef8f5!important;border-color:#bbddd5!important;color:#08776d!important}
#app #entryView .entries-table th{background:#edf6f3!important;color:#125e57!important}
#app .badge.status-booked{background:#e7f5f1!important;color:#08776d!important;border-color:#badfd6!important}
#app #clearBtn,#app #resetEntryFiltersBtn{color:#0b6d64!important;border-color:#bfd9d3!important}
#app .header-brand small{color:#4d706b!important}

/* Reports workspace: align analytics with the sea-green application theme. */
#app #reportsView{display:grid;gap:18px}
#app #reportsView.hidden{display:none!important}
#app #reportsView>.panel{margin:0!important;border-color:#d9e7e2!important;overflow:hidden;background:#fff!important}
#app #reportsView>.panel>.panel-head{background:linear-gradient(105deg,#edf8f4 0%,#f9fbfa 68%,#f7f2e8 100%)!important;border-bottom:1px solid #dce9e4!important}
#app #reportsView .panel-head h3{color:#075f58!important;font-weight:750!important;letter-spacing:-.2px}
#app #reportsView .panel-head small{display:block;margin-top:4px;color:#607872!important;line-height:1.45}
#app #reportsView .btn.success{background:#edf7f3!important;border:1px solid #b9dbd1!important;color:#08776d!important;font-weight:700;box-shadow:none!important}
#app #reportsView .btn.success:hover{background:#dff1eb!important;border-color:#8fc6b8!important}
#app #reportsView .btn.primary{background:linear-gradient(120deg,#08776d,#0b8a7e)!important;border:0!important;color:#fff!important;font-weight:750;box-shadow:0 7px 16px #08776d26!important}
#app #reportsView .report-filter-toolbar,#app #reportsView .comparison-filter-toolbar{display:grid!important;grid-template-columns:repeat(5,minmax(130px,1fr))!important;gap:12px!important;padding:18px 20px!important;background:#f7faf8!important;border-bottom:0!important;align-items:end}
#app #reportsView .report-filter-field{display:grid;gap:6px;min-width:0}
#app #reportsView .report-filter-field:has(>.hidden){display:none!important}
#app #reportsView .report-filter-field label{font-size:10px;font-weight:750;letter-spacing:.55px;text-transform:uppercase;color:#526f68}
#app #reportsView .report-filter-field select,#app #reportsView .report-filter-field input{width:100%!important;min-width:0!important;height:42px!important;border:1px solid #cfe0da!important;border-radius:11px!important;background:#fff!important;color:#244c46!important;font-size:12px!important;font-weight:600;padding:8px 11px!important;box-shadow:0 2px 7px #234f4308}
#app #reportsView .report-filter-field select:focus,#app #reportsView .report-filter-field input:focus{border-color:#4fae9d!important;box-shadow:0 0 0 3px #14918117!important}
#app #reportsView .report-filter-action{display:flex;align-items:end}
#app #reportsView .report-filter-action .btn{width:100%;height:42px;justify-content:center}
#app #reportsView>.stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important;margin:0!important}
#app #reportsView>.stats .stat{min-height:104px!important;padding:17px 18px!important;border-radius:18px!important;border:1px solid #dce8e4!important;border-top:4px solid #5cae9d!important;background:#fff!important;box-shadow:0 6px 18px #164d430b!important}
#app #reportsView>.stats .stat:first-child{background:linear-gradient(125deg,#08776d,#119386)!important;border-color:#08776d!important}
#app #reportsView>.stats .stat:first-child span,#app #reportsView>.stats .stat:first-child b{color:#fff!important}
#app #reportsView>.stats .stat:nth-child(2){border-top-color:#78bdaa!important}
#app #reportsView>.stats .stat:nth-child(3){border-top-color:#d1ad62!important}
#app #reportsView>.stats .stat:nth-child(4){border-top-color:#4a9e91!important}
#app #reportsView>.stats .stat:nth-child(5){border-top-color:#c9925a!important}
#app #reportsView>.stats .stat span{color:#58736c!important;font-size:10px!important;font-weight:750!important;letter-spacing:.45px!important;text-transform:uppercase!important}
#app #reportsView>.stats .stat:first-child span{color:#d9f5ee!important}
#app #reportsView>.stats .stat b{color:#075f58!important;font-size:27px!important;margin-top:8px!important}
#app #reportsView .kpi-help{color:#718983!important;font-size:8px!important;letter-spacing:0!important;margin-top:4px}
#app #reportsView #outletComparisonPanel{padding-bottom:18px}
#app #reportsView #outletComparisonPanel>.table-wrap{margin:0 18px;border:1px solid #dbe8e3;border-radius:13px;overflow:auto}
#app #reportsView .report-grid{gap:18px!important}
#app #reportsView #outletComparisonPanel>.report-grid{padding:0 18px}
#app #reportsView .report-grid>.panel{border:1px solid #dbe8e3!important;border-radius:16px!important;box-shadow:0 5px 16px #164d4309!important;overflow:hidden}
#app #reportsView .report-grid>.panel>.panel-head{min-height:58px;background:#f5faf8!important;border-left:4px solid #43a28f!important;padding:16px 18px!important}
#app #reportsView .chart-box{height:300px!important;padding:18px!important;background:linear-gradient(180deg,#fff,#fbfdfc)}
#app #reportsView .insights-box{background:#fbfdfc;color:#36534d;padding:18px 20px;line-height:1.65}
#app #reportsView .insights-box li::marker{color:#0b887c}
#app #reportsView table thead th{background:#0b665e!important;color:#fff!important;border-color:#18776d!important;font-size:10px!important;font-weight:750!important;letter-spacing:.55px!important;text-transform:uppercase!important}
#app #reportsView table tbody td{color:#304f49!important;border-color:#e3ebe8!important;background:#fff!important}
#app #reportsView table tbody tr:nth-child(even) td{background:#f7faf9!important}
#app #reportsView table tbody tr:hover td{background:#edf7f4!important}
#app #reportsView .comparison-card{border:1px solid #dbe8e3!important;border-radius:14px!important;overflow:hidden;background:#fff!important}
#app #reportsView .comparison-card>.panel-head{background:#f1f8f5!important;border-left:4px solid #d0ad63!important}
#app #reportsView #reportRecordCount{background:#e5f3ee!important;color:#08776d!important;border:1px solid #bcded4!important;font-weight:700}
#app #reportsView> .panel:last-child .table-wrap{border-top:1px solid #e0ebe7}
@media(min-width:1200px){#app #reportsView>.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1100px){#app #reportsView .report-filter-toolbar,#app #reportsView .comparison-filter-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}#app #reportsView>.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){#app #reportsView{gap:12px}#app #reportsView .report-filter-toolbar,#app #reportsView .comparison-filter-toolbar{grid-template-columns:1fr 1fr!important;padding:14px!important;gap:10px!important}#app #reportsView .report-filter-action{grid-column:1/-1}#app #reportsView>.stats{grid-template-columns:1fr 1fr!important;gap:9px!important}#app #reportsView>.stats .stat{min-height:92px!important;padding:14px!important}#app #reportsView>.stats .stat b{font-size:23px!important}#app #reportsView .chart-box{height:250px!important;padding:10px!important}#app #reportsView #outletComparisonPanel>.report-grid{padding:0 10px}#app #reportsView #outletComparisonPanel>.table-wrap{margin:0 10px}}
@media(max-width:430px){#app #reportsView .report-filter-toolbar,#app #reportsView .comparison-filter-toolbar{grid-template-columns:1fr!important}#app #reportsView>.stats{grid-template-columns:1fr 1fr!important}}