/* SERVPRO house mark sourced from servpro.com; UI palette adapted for operations. */
:root{--green:#174b32;--orange:#ff6600;--muted:#637368;--line:#dfe6df;background:#f4f6f2;color:#203b2b}
body{background:#f4f6f2}.shell{grid-template-columns:250px minmax(0,1fr)}
.sidebar{width:auto;padding:30px 20px;background:#123e2a;border:0;color:#fff}
.brand{display:flex;flex-direction:column;align-items:stretch;gap:14px;letter-spacing:normal}
.brand-logo-wrap{background:#fff;padding:18px 13px 16px;border-radius:10px}
.brand .servpro-house{display:block;width:100%;height:auto;max-width:none}
.brand-caption{font-size:10px;letter-spacing:2.8px;color:#d4e5d7;text-align:center;font-weight:650}
.nav{margin-top:36px;gap:9px}.nav button{color:#d9e6dd;padding:13px 15px;border-radius:9px;font-size:14px;font-weight:550}
.nav button:hover{background:#21553c;color:#fff}.nav button.active{background:#fff;color:#174b32;box-shadow:inset 4px 0 #ff6600;font-weight:750}
.nav span{display:inline-block;width:23px;text-align:center}.side-bottom{color:#afcbb8;padding:20px 10px 0;border-top:1px solid #39624a}.side-bottom strong{color:#fff;font-size:14px}
.topbar{height:80px;border-top:4px solid #ff6600}.topbar .eyebrow{color:#42664e}.topbar-brand{display:flex;align-items:center;gap:22px}.mobile-brand{display:none}.avatar{background:#e9f0e8;border:1px solid #cfddce;color:#174b32}
.demo{background:#fff8f0;border-color:#f2e3d2;color:#795c38;font-size:11px}.demo-launch{color:#92400c;font-weight:750}
.main{padding-top:32px}.heading h1{font-weight:720;letter-spacing:-1.2px}.heading .eyebrow{color:#667c69}
.primary{background:#174b32;border-color:#174b32;box-shadow:0 2px 3px #1138240a}.primary:hover{background:#103d28;border-color:#103d28}
.heading>.primary{background:#ff6600;border-color:#ff6600;color:#172b1d;box-shadow:0 4px 10px #f6020c}
.heading>.primary:hover{background:#ff7b26}.welcome{background:linear-gradient(110deg,#123f2a,#245f3d);border-radius:16px;padding:30px 32px;border:1px solid #1b5335;box-shadow:0 8px 24px #173d2810}
.welcome:after{content:'';position:absolute;width:310px;height:310px;border:1px solid #ffffff10;transform:rotate(45deg);right:-110px;top:-150px;pointer-events:none}
.welcome>div,.welcome>button{position:relative;z-index:1}.welcome .eyebrow{color:#d2e5c9;letter-spacing:2px}.welcome h2{font-size:28px;font-weight:650;letter-spacing:-.65px}.welcome p{color:#d3e2d3;max-width:540px}.welcome .primary{background:#ff6600;color:#172b1d;border-color:#ff6600;box-shadow:none}
.stats{gap:18px}.stat{border-radius:13px;box-shadow:0 3px 12px #183c2304;border-top:3px solid #d3dfce}.stat:first-child{border-top-color:#ff6600}.stat strong{color:#163f29;font-weight:650}.stat label{font-size:12px;font-weight:550}
.panel{box-shadow:0 3px 14px #203b2b04;border-radius:14px}.panel-head{background:#fdfefb}.panel-head h2{font-weight:650}.job-row:hover{background:#f5f8f1}.job-icon{background:#edf3e7;color:#2b6738;border:1px solid #e0e9d9}
.badge{background:#eaf2e4;color:#29542d}.badge.amber{background:#fff0df;color:#8a4711}.badge.gray{background:#f0f3ed;color:#5e6e60}.notice{background:#eef4e9;border-color:#dce7d5}.notice.warning{background:#fff5e8;border-color:#f0dcc1}.task .dot{background:#ff6600}
.tabs{border-bottom:1px solid #dfe6dc;padding-bottom:8px;gap:3px}.tabs button.active{border-color:#d7e1d2;box-shadow:inset 0 -3px #ff6600;background:#fff}.tabs button:hover{background:#f0f4eb}
input,select,textarea{border-color:#cbd8ca}input:focus,select:focus,textarea:focus{outline-color:#76a274}.check input{accent-color:#226239}.steps span.active{border-color:#ff6600}.line.total{color:#174b32}#toast{background:#143f2b;border-left:4px solid #ff6600}
@media(max-width:1100px) and (min-width:701px){.shell{grid-template-columns:208px minmax(0,1fr)}.sidebar{padding:26px 16px}.brand-logo-wrap{padding:16px 10px}.brand-caption{font-size:9px;letter-spacing:2px}.nav button{padding:12px}}
@media(max-width:700px){.shell{display:block}.topbar{height:77px;padding:0 17px}.mobile-brand{display:block;width:130px;height:auto}.topbar-brand>.eyebrow{display:none}.profile .badge{font-size:10px}.brand-logo-wrap{padding:0}.main{padding-top:23px}.heading h1{font-size:27px}.heading>.primary{font-size:12px}.welcome{padding:24px}.welcome h2{font-size:24px}.welcome .primary{margin-top:18px}.stats{gap:12px}.stat{padding:17px}.mobile-nav{background:#fff;border-top:1px solid #dce5d8;box-shadow:0 -4px 16px #123e2a08}.mobile-nav button{border-radius:9px;font-weight:650}.mobile-nav button.active{background:#edf3e7;color:#174b32;box-shadow:inset 0 3px #ff6600}.demo{padding:9px 17px}.tabs{margin-top:21px}.tabs button{font-size:12px}.panel-head{gap:10px}.side-bottom{display:none}}

/* Brighter SERVPRO-style green, with dark text for readable contrast. */
:root{--servpro-green:#60b82d;--green:#347219;--green-ink:#17320d;--green-tint:#eef8e8;--green-border:#c8dfb9}
.sidebar{background:var(--servpro-green);color:var(--green-ink)}
.brand-caption,.nav button,.side-bottom,.side-bottom strong{color:var(--green-ink)}
.side-bottom{border-top-color:#3f861d}
.nav button:hover{background:#7bc64e;color:var(--green-ink)}
.nav button.active{color:var(--green-ink)}
.primary{background:var(--servpro-green);border-color:#438c20;color:var(--green-ink)}
.primary:hover{background:#74c346;border-color:#347219;color:var(--green-ink)}
.welcome{background:linear-gradient(110deg,#60b82d,#83cd56);border-color:#438c20;color:var(--green-ink)}
.welcome h2,.welcome p,.welcome .eyebrow{color:var(--green-ink)}
.stat strong,.line.total,.topbar .eyebrow,a{color:#347219}
.badge:not(.amber):not(.gray),.job-icon,.avatar{background:#e4f4d9;color:#285713;border-color:var(--green-border)}
.notice:not(.warning),.shared-status{background:var(--green-tint);border-color:var(--green-border);color:var(--green-ink)}
.tabs button:hover,.job-row:hover,.mobile-nav button.active{background:var(--green-tint)}
.check input{accent-color:#438c20}
input:focus,select:focus,textarea:focus{outline-color:#438c20}
#toast{background:#347219;color:#fff}