:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#243b35;background:#f5f6f2;font-synthesis:none;--green:#183d37;--muted:#64736d;--border:#dce2da;--accent:#e0ed79}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--green);border-radius:9px;background:var(--green);color:white;padding:13px 19px;min-height:48px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.5;cursor:wait}.secondary{color:var(--green);background:white;border-color:var(--border)}.text-button{background:transparent;color:var(--green);border:0;padding:8px}.danger{color:#9c352a}header{height:92px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:2px;text-decoration:none}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:3px}.mark{font-family:Georgia,serif;font-size:36px;background:var(--green);color:var(--accent);width:45px;height:48px;display:grid;place-items:center;border-radius:4px}#account{display:flex;align-items:center;gap:12px;font-size:12px}#mode{font-size:11px;text-align:center;letter-spacing:.5px;background:#edf0d7;color:#506020;padding:7px}#mode:empty{display:none}main{max-width:1160px;margin:0 auto;padding:42px 24px 80px}h1{font-size:36px;font-weight:650;letter-spacing:-1.5px;margin:9px 0 12px}h2{font-size:21px;margin:0 0 12px;letter-spacing:-.4px}h3{font-size:15px;margin:0 0 12px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#78856d;text-transform:uppercase}.muted{color:var(--muted);font-size:14px;line-height:1.6}p{line-height:1.55}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.topline p{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.stat{border:1px solid var(--border);border-radius:12px;background:#fff;padding:22px}.stat b{font-size:32px;display:block;margin-bottom:8px;font-weight:550}.stat span{font-size:12px;color:var(--muted)}.panel{border:1px solid var(--border);border-radius:13px;background:white;padding:25px;margin-bottom:20px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin:20px 0}.filters label{font-size:11px}label{display:block;font-size:13px;font-weight:600;margin:0 0 18px}input,select,textarea{display:block;width:100%;border:1px solid #cfd8cf;border-radius:8px;padding:13px 12px;min-height:48px;color:#253e37;background:#fff;margin-top:8px}textarea{min-height:115px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #c9db89;outline-offset:1px}small.help{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:7px;line-height:1.5}.request-card{display:block;text-decoration:none;padding:22px 0;border-top:1px solid var(--border)}.request-card:hover h3{text-decoration:underline}.card-head,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head{margin-bottom:10px}.project-name{color:var(--muted);font-size:12px}.request-card h3{font-size:17px;line-height:1.45;margin:8px 0}.request-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--muted);margin-top:14px}.badge{display:inline-block;font-size:10px;font-weight:750;letter-spacing:.6px;text-transform:uppercase;padding:6px 9px;background:#edf1e9;border-radius:5px;white-space:nowrap}.badge.urgent{background:#fff0df;color:#985815}.badge.draft{background:#f0eff2;color:#70677d}.badge.initial_notice{background:#e9efd0;color:#526228}.badge.field_details_added{background:#e4eeeb;color:#245f4c}.warning{background:#fff5df;border:1px solid #ecdeb8;border-radius:8px;padding:13px 16px;font-size:13px;line-height:1.5;margin-bottom:20px}.success{background:#e6f0db;border:1px solid #bbd3a8;border-radius:10px;padding:20px;margin-bottom:22px}.success a{font-weight:600;overflow-wrap:anywhere}.form-layout{display:grid;grid-template-columns:minmax(0,740px) 1fr;gap:24px;align-items:start}.side-note{padding:26px 6px;font-size:13px;color:var(--muted);line-height:1.8}.step{display:inline-grid;place-items:center;width:25px;height:25px;font-size:12px;border:1px solid var(--border);border-radius:50%;margin-right:9px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}details{border-top:1px solid var(--border);padding:19px 0}summary{font-weight:650;font-size:15px;cursor:pointer;min-height:30px}details[open]>summary{margin-bottom:22px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sticky-actions{position:sticky;bottom:0;background:#f5f6f2ed;padding:16px 0;backdrop-filter:blur(8px);z-index:2}#save-state{color:var(--muted);font-size:12px}.empty{text-align:center;padding:50px 15px}.empty-icon{width:52px;height:52px;margin:0 auto 18px;border-radius:50%;background:#edf0e5;display:grid;place-items:center;font-size:25px}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:24px}dl{margin:0;display:grid;grid-template-columns:1fr 2fr;gap:12px;font-size:14px}dt{color:var(--muted)}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.history{padding:15px 0;border-bottom:1px solid var(--border);font-size:13px}.history time{font-size:11px;color:var(--muted);display:block;margin-top:5px}.history pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.6;background:#f5f6f2;padding:10px}.file-list{list-style:none;padding:0}.file-list li{padding:12px 0;border-bottom:1px solid var(--border);font-size:13px;overflow-wrap:anywhere}.comment{background:#f5f6f2;border-radius:8px;padding:15px;margin-bottom:12px;font-size:14px;white-space:pre-wrap}.comment small{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.login{max-width:500px;margin:40px auto}.login button{width:100%;margin-top:10px}.login p{color:var(--muted)}.back{font-size:13px;display:inline-block;margin-bottom:20px;text-decoration:none}.link-id{font-family:monospace;font-size:12px;overflow-wrap:anywhere}.upload-box{border:1px dashed #b4c0ad;background:#fafcf7;border-radius:10px;padding:18px}.upload-box label{margin-bottom:10px}.upload-box input{background:white;font-size:12px}.upload-box progress{width:100%}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#213e36;color:#fff;padding:14px 22px;border-radius:10px;max-width:90vw;z-index:10;font-size:14px}#toast.visible{display:block}.error-message{color:#963d32;font-size:14px;padding:12px;background:#fff0ed;border-radius:8px;white-space:pre-wrap}.hidden{display:none!important}.review-text{white-space:pre-wrap}.pill-link{font-size:12px;text-decoration:none}.list-heading{margin-bottom:0}.count{color:var(--muted);font-size:12px}footer{color:var(--muted);font-size:11px;margin-top:25px}
@media(max-width:760px){header{height:75px;padding:0 18px}.brand{font-size:18px}.brand small{font-size:7px}.mark{width:36px;height:40px;font-size:29px}#account>span{display:none}main{padding:26px 18px 65px}h1{font-size:30px}.topline{align-items:start;flex-direction:column;gap:18px}.topline .button{width:100%}.stats{gap:8px;margin-bottom:24px}.stat{padding:15px 12px}.stat b{font-size:26px}.stat span{font-size:10px}.filters{grid-template-columns:1fr 1fr;gap:0 10px}.filters label:first-child{grid-column:1/-1}.filters label:last-child{grid-column:1/-1}.panel{padding:20px 16px}.form-layout,.detail-layout{grid-template-columns:1fr;gap:0}.side-note{display:none}.grid2{grid-template-columns:1fr}.sticky-actions{margin:0 -18px;padding:14px 18px;border-top:1px solid var(--border)}.sticky-actions button{flex:1;font-size:13px;padding:12px}.sticky-actions #save-state{width:100%}.card-head{align-items:flex-start}.project-name{line-height:1.5;max-width:64%}.request-meta{gap:8px 14px}dl{grid-template-columns:1fr;gap:5px}dd{margin-bottom:12px}.login{margin:15px auto}.badge{font-size:9px}.row{flex-wrap:wrap}}
.project-help{margin:8px 0 20px!important}label[for="project-search"]{margin-bottom:0}
/* Touch-first form controls and tablet layouts. Keep browser zoom available. */
input,select,textarea{font-size:16px}
summary{min-height:44px;padding:10px 0}
.back,.pill-link{min-height:44px;display:inline-flex;align-items:center}
.form-layout>*,.detail-layout>*{min-width:0}
.sticky-actions{padding-bottom:max(16px,env(safe-area-inset-bottom))}
input,select,textarea,button{scroll-margin-bottom:150px}
@media(max-width:1100px){
 .form-layout{grid-template-columns:minmax(0,1fr)}
 .side-note{display:none}
 .detail-layout{grid-template-columns:minmax(0,1fr)}
}
@media(pointer:coarse){
 .upload-box input{font-size:16px}
 button,.button,select{min-height:48px}
}
@media(max-width:760px){
 main{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 .sticky-actions{padding-bottom:max(14px,env(safe-area-inset-bottom))}
}
/* Abbitt sales-dashboard theme: matching slate surfaces, cyan accents and branding. */
:root{color-scheme:light dark;--green:light-dark(#176e87,#67c6d7);--accent:light-dark(#176e87,#67c6d7);--muted:light-dark(#536773,#a3b3bd);--border:light-dark(#e3ebf0,#33434e);--page:light-dark(#f3f5f6,#11181e);--panel:light-dark(#ffffff,#19232b);--text:light-dark(#172c3a,#e5edf1);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--page);color:var(--text)}
body{background:var(--page);color:var(--text)}
header{background:var(--panel);border-color:var(--border)}
.brand-logo{display:block;width:216px;max-width:100%;height:auto;mix-blend-mode:screen}
h1{font-size:30px;letter-spacing:-.7px;font-weight:650}
h2{font-size:20px}h3{font-weight:650}
.eyebrow{color:var(--muted);letter-spacing:1.3px}
.panel,.stat{background:var(--panel);border-color:var(--border);border-radius:9px}
.stat b{font-weight:650;font-variant-numeric:tabular-nums}
input,select,textarea{background:var(--panel);color:var(--text);border-color:var(--border);border-radius:6px}
input::placeholder,textarea::placeholder{color:light-dark(#536773,#94a6b2);opacity:1}
input:disabled,select:disabled{opacity:.8}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}
button,.button{background:var(--text);color:var(--page);border-color:var(--text);border-radius:6px}
button:hover,.button:hover{background:#fff}
.secondary{background:var(--panel);border-color:var(--border);color:var(--text)}
.secondary:hover{background:light-dark(#ffffff,#263640)}
.text-button{background:transparent;color:var(--text);border-color:transparent}
.text-button:hover{background:light-dark(#ffffff,#263640)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.back,.pill-link,.file-list a,.success a{color:var(--accent)}
.badge,.badge.draft{background:light-dark(#ffffff,#28343e);color:light-dark(#536773,#bdcbd5)}
.badge.initial_notice{background:light-dark(#ffffff,#203b45);color:light-dark(#176e87,#88d7e5)}
.badge.field_details_added{background:light-dark(#e7f3ed,#203d37);color:light-dark(#236b50,#a2daca)}
.badge.urgent{background:light-dark(#fff3dc,#443523);color:light-dark(#805419,#f0c17b)}
#mode{background:light-dark(#ffffff,#26343d);color:light-dark(#536773,#c5d4de);border-bottom:1px solid var(--border)}
.warning{background:light-dark(#ffffff,#342d22);border-color:light-dark(#fff3dc,#665238);color:light-dark(#805419,#ebd4ad)}
.success{background:light-dark(#e7f3ed,#1d3935);border-color:light-dark(#e7f3ed,#3b6258);color:var(--text)}
.error-message{background:light-dark(#ffffff,#3c252b);color:light-dark(#a13545,#ffb9bc);border:1px solid light-dark(#b6c7d2,#71444b)}
.danger{color:light-dark(#a13545,#ffb9bc)}
.upload-box{background:light-dark(#f3f5f6,#141f26);border-color:light-dark(#b6c7d2,#4a6473)}
.upload-box input{background:var(--panel)}
input::file-selector-button{background:light-dark(#ffffff,#263640);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:8px;margin-right:10px}
.comment,.history pre{background:light-dark(#f3f5f6,#121d24);color:var(--text)}
.sticky-actions{background:#11181ef2;border-color:var(--border)}
.empty-icon{background:light-dark(#ffffff,#203b45);color:var(--accent)}
.step{background:light-dark(#ffffff,#20313c);color:light-dark(#536773,#b6dbe3);border-color:var(--border)}
.request-card:hover{background:light-dark(#ffffff,#1c2a33)}
#toast{background:var(--text);color:var(--page)}
progress{accent-color:var(--accent)}
hr{border:0;border-top:1px solid var(--border)}
@media(max-width:760px){.brand-logo{width:170px}h1{font-size:28px}header{gap:16px}}

.logo-treatment{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.brand-logo{mix-blend-mode:normal;filter:url(#abbitt-logo-remove-white)}

.read-only a[href="#/new"]{display:none}

.permission-tool{border:1px solid light-dark(#e3ebf0,#33434e);border-radius:10px;margin:20px 0;padding:16px;min-width:0}
.permission-tool legend{font-weight:700;padding:0 8px}
.permission-options{display:flex;flex-wrap:wrap;gap:10px}
.permission-options label{display:flex;align-items:center;gap:8px;border:1px solid light-dark(#b6c7d2,#526571);border-radius:6px;padding:10px 14px;cursor:pointer;min-height:48px;margin:0}
.permission-options label:has(input:checked){background:light-dark(#e3ebf0,#24434d);border-color:light-dark(#176e87,#67c6d7)}
.permission-options input{width:18px;height:18px;min-height:18px;margin:0;accent-color:light-dark(#176e87,#67c6d7)}
.permission-tool:disabled{opacity:.55}
@media(max-width:500px){.permission-options{display:grid;grid-template-columns:1fr 1fr}.permission-options label{padding:10px}}

.upload-box input[hidden]{display:none!important}.evidence-buttons{display:flex;flex-wrap:wrap;gap:12px}

.project-picker{display:flex;align-items:center;gap:8px}.project-picker input{flex:1;min-width:0}.project-picker button{flex:none;min-height:48px}

.billing-urgent{border:2px solid light-dark(#9a6b25,#b45309)!important}.billing-summary{font-weight:700}

/* Account theme colors include the page and all field-request states. */
button:hover,.button:hover{background:var(--text);filter:brightness(.96)}
.secondary:hover,.text-button:hover{background:light-dark(#e3ebf0,#263640);filter:none}

/* Pair destructive controls and fixed action bars with the account theme. */
button.danger,.button.danger{background:light-dark(#fff0ed,#3c252b);color:light-dark(#9c352a,#ffb9bc);border-color:light-dark(#be8b84,#a4646b)}
button.danger:hover,.button.danger:hover{background:light-dark(#fbe1dc,#512f36)}
.sticky-actions{background:light-dark(#f3f5f6f2,#11181ef2);color:var(--text)}