/* SNL LIVING · company theme */
:root{--bg:#f4f2ee;--card:#fff;--text:#16354a;--muted:#63717b;--line:#dddcd6;--primary:#133b57;--accent:#a5937d}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg)!important;color:var(--text);line-height:1.5}
h1,h2,h3{letter-spacing:-.025em;color:var(--primary)}h1{font-size:clamp(24px,2.4vw,34px)}
.sidebar{background:var(--primary);border-right:0}.sidebar .brand{padding:22px 14px;border-bottom:1px solid #ffffff26}.sidebar nav a{border-radius:4px;margin:3px 10px;padding:10px 12px;color:#f6f3ee}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff18;border-left:3px solid var(--accent)}
.snl-brand-logo,.brand-logo{display:block;width:180px;max-width:100%;height:auto;background:#fff;padding:10px;border-radius:4px}.brand-snl small{color:#e4dbd0;letter-spacing:.08em}.content{padding:28px}.page-header{border-bottom:2px solid var(--accent);padding-bottom:18px;margin-bottom:24px}.page-header h1{margin:0}.page-header:after{content:none}
.card{border:1px solid var(--line);border-radius:6px;box-shadow:0 3px 12px #18384b06;padding:20px;margin-bottom:16px}.btn,button.btn{background:var(--primary);color:#fff!important;border:1px solid transparent;border-radius:4px;font-weight:600;box-shadow:none;padding:10px 16px;text-decoration:none}.btn:hover{filter:brightness(1.12)}.btn-secondary{background:#eae5dd!important;color:var(--primary)!important;border-color:#d6cbbd!important}
a{color:var(--primary)}label{font-size:14px;font-weight:600}input,select,textarea{border:1px solid #c8cdd0;border-radius:4px;background:#fff;color:#18364a;font:inherit;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}th{background:var(--primary)!important;color:#fff}.task-counts{gap:12px}.task-card{border-radius:5px!important}.task-meta,.small{color:var(--muted)}
body.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(115deg,var(--primary) 0%,var(--primary) 43%,#e9e3da 43%,#f6f3ee 100%)!important}.login-card{width:100%;max-width:470px;padding:38px;border-top:5px solid var(--accent);box-shadow:0 20px 65px #102f4530;border-radius:6px}.login-card .snl-brand-logo{width:245px;padding:0;margin:0 0 24px}.login-card h1{font-size:27px;margin:0 0 4px}.login-card .btn{width:100%;margin-top:14px}.login-card label{display:block;margin-top:14px}.login-card input{width:100%}.brand-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--accent);font-weight:bold}.portal-brand{display:flex;align-items:center;gap:20px;border-bottom:2px solid var(--accent);padding-bottom:18px;margin-bottom:24px}.portal-brand .snl-brand-logo{width:150px}.mobile-brand-logo{max-height:48px;width:auto}
@media(max-width:650px){.content{padding:16px}.login-card{padding:26px}body.login-page{padding:16px;background:var(--primary)!important}.portal-brand{align-items:flex-start;flex-direction:column;gap:8px}.page-header{gap:12px}.card{padding:16px}}

/* Readability fixes for dark work-order header and secondary buttons */
.top h1{color:#fff}.btn.btn-secondary,button.btn.btn-secondary{color:var(--primary)!important}

/* Legacy digital work order uses .secondary, not .btn-secondary. */
.btn.secondary,button.btn.secondary{background:#eae5dd!important;color:var(--primary)!important;border:1px solid #c9bba9!important}
.btn.secondary:hover,button.btn.secondary:hover{background:#dfd5c7!important;color:#133b57!important}