/* Shared visual system for professional and customer workspaces. */
:root{--navy:#15364e;--teal:#087f82;--ink:#23374a;--muted:#617587;--bg:#f3f6f8;--surface:#fff;--subtle:#f5f8fa;--hover:#edf5f5;--line:#dfe7ec;--border:#dfe7ec;--red:#b93e43;--yellow:#986c0b;--green:#277956;--radius:18px;--shadow:0 4px 24px #17374c05}
html[data-theme=dark]{--navy:#e3edf5;--ink:#e3edf5;--muted:#a9bac8;--bg:#0d1823;--surface:#152431;--subtle:#1a2d3b;--hover:#203c47;--line:#2c4151;--border:#2c4151;--teal:#55c8c4;--red:#fa969a;--yellow:#e8c56e;--green:#84cfa7;--shadow:none}
body{background:var(--bg);font-size:15px;line-height:1.55;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}h1{font-size:clamp(27px,3vw,36px);font-weight:700;line-height:1.18;letter-spacing:-1px}h2{font-size:18px;line-height:1.4;letter-spacing:-.3px}h3{font-size:16px;line-height:1.45}p{line-height:1.65}a,button{-webkit-tap-highlight-color:transparent}button,a.button,input,select,textarea{transition:background-color .15s,border-color .15s,box-shadow .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #13a8a970;outline-offset:3px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--muted)}.pagehead{margin-bottom:28px;align-items:center}.pagehead>div{min-width:0}.pagehead p{margin-top:10px;max-width:750px}.crumb{font-size:13px;line-height:1.5;margin-bottom:22px;color:var(--muted)}
.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;min-width:0}.panelhead{padding:21px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px}.panelhead>a{font-size:13px;font-weight:600}.panelhead small{font-size:12px;line-height:1.6}.sectionbody,.address{padding:24px}.address strong{font-size:17px;line-height:1.6}.grid,.belowgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid>*,.belowgrid>*{min-width:0}.empty{padding:38px 24px;text-align:center;color:var(--muted);line-height:1.7}.empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:8px}
.button{min-height:46px;padding:11px 17px;border-radius:11px;font-size:14px;font-weight:600;line-height:1.45;border-color:var(--line);white-space:normal}.button.primary{background:#087f82;color:#fff;border-color:#087f82}.button.primary:hover{background:#076b6e;border-color:#076b6e}.button.secondary:hover{background:var(--hover);border-color:#8eb6bb}.actions{gap:10px;flex-wrap:wrap}.actions>.button{min-width:0}.button:disabled{cursor:default}
.field{font-size:13px;font-weight:600;color:var(--ink);gap:8px;margin-bottom:18px;min-width:0}.field input:not([type=checkbox]):not([type=radio]),.field textarea,.field select{font:400 16px/1.45 Inter,system-ui,sans-serif;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:11px;min-height:48px;padding:12px 14px;min-width:0;max-width:100%;box-shadow:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#52a6ab}.field textarea{min-height:112px;resize:vertical}.fieldgrid{gap:18px 22px}.fieldgrid>.field{margin:0}.formsection,.formsection+.formsection{padding:26px}.formsection h3{margin:0 0 22px}.formactions{padding:20px 26px;border-top:1px solid var(--line);background:var(--subtle);gap:12px;flex-wrap:wrap}.formerror{font-size:14px;line-height:1.6}.field input[type=checkbox],.field input[type=radio],.customer-mode .field input[type=checkbox],.customer-mode .field input[type=radio]{width:20px;height:20px;min-height:20px;margin:0 10px 0 0;vertical-align:middle;accent-color:#087f82}.field>span:has(input[type=checkbox]){font-weight:400;line-height:1.7}
.badge{font-size:11px;font-weight:600;padding:5px 9px;border-radius:7px;line-height:1.45;letter-spacing:0}.badge.white{background:var(--subtle);color:var(--muted)}.badge.hp{background:#e2f3f1;color:#126d6d}.badge.green{background:#e7f4ec;color:#277956}.badge.red{background:#fcebed;color:#a4343b}.badge.yellow{background:#fcf3dd;color:#8b650b}.duecard{border:1px solid var(--line);border-left:4px solid #7ea7ad;border-radius:14px;padding:21px 24px;background:var(--surface);align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}.duecard strong{font-size:20px;line-height:1.4}.duecard p{font-size:13px;margin-top:7px}.duecard.red{border-left-color:#c64950}.duecard.yellow{border-left-color:#ceac4e}.duecard.green{border-left-color:#4a9d78}.duecard .button{margin-left:auto}
.tabs{display:flex;gap:26px;overflow-x:auto;max-width:100%;margin:22px 0 26px;border-bottom:1px solid var(--line);scrollbar-width:thin}.tabs a{flex-shrink:0;display:inline-flex;gap:8px;align-items:center;padding:13px 0;margin:0;border-radius:0;border-bottom:3px solid transparent;font-size:14px;font-weight:600;white-space:nowrap;color:var(--muted);min-height:49px}.tabs a.active,.tabs a[aria-current=page]{color:var(--teal);border-bottom-color:var(--teal);background:transparent}.tabs a:hover{color:var(--teal);background:transparent}
.dl{margin:0}.dl .row{display:grid;grid-template-columns:minmax(110px,42%) minmax(0,1fr);gap:16px;padding:14px 24px;border-bottom:1px solid var(--line);align-items:start}.dl .row:last-child{border-bottom:0}.dl dt{color:var(--muted);font-size:13px;line-height:1.6}.dl dd{margin:0;color:var(--ink);font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.logentry{padding:24px;border-top:1px solid var(--line);position:relative}.logentry .logtop{gap:14px;align-items:start;flex-wrap:wrap}.logentry .logtop>div{display:flex;gap:6px;flex-wrap:wrap}.logentry p{color:var(--ink);font-size:15px}.logentry small{color:var(--muted);line-height:1.6}.log-voided{background:var(--subtle)}.record-text{white-space:pre-wrap;overflow-wrap:anywhere}.record-detail{padding:12px 0}.record-detail>span{color:var(--muted);font-size:12px;font-weight:600}.record-detail p{margin:5px 0 0}.record-intro{padding-bottom:16px}.record-intro p{margin:0}.read-only-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:8px 13px;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.record-interval{color:var(--muted);font-size:13px}.record-count{background:var(--subtle);color:var(--muted);padding:2px 7px;border-radius:7px;font-size:11px}.record-document{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 24px;border-top:1px solid var(--line)}.record-document h3{margin:0;overflow-wrap:anywhere}.record-document p{font-size:12px;margin:5px 0 0}.record-file-icon{width:42px;height:46px;background:var(--subtle);border-radius:10px;display:grid;place-items:center;color:var(--teal);font-size:25px}.customer-image-preview{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:0 auto 20px;border-radius:10px}
.sidebar{background:#15364e;border-right:1px solid #ffffff08;padding:28px 18px}.sidebar .brand{padding:0 10px}.sidebar .workspace{margin:30px 12px 20px;font-size:10px;letter-spacing:1.7px}.sidebar nav a{min-height:46px;font-size:13px;padding:12px 14px;margin:5px 0;color:#c3d1dc;border-radius:10px}.sidebar nav a>span{width:22px;display:grid;place-items:center;font-size:19px}.sidebar nav a.active{background:#ffffff14;color:#fff;box-shadow:inset 3px 0 #69c7c2}.topbar{background:var(--surface);min-height:80px;gap:12px;padding:18px 30px}.topbar .searchwrap{border-radius:11px;background:var(--subtle);min-height:46px}.topbar .searchwrap input{font-size:14px}.demobar{background:var(--subtle);border-bottom:1px solid var(--line);padding:10px 30px;font-size:11px;color:var(--muted)}.stat{border-radius:16px;box-shadow:var(--shadow);padding:23px;border:1px solid var(--line);min-height:155px;text-align:left}.stat strong{font-size:38px;font-weight:700;margin:8px 0 3px;line-height:1.15}.stat small{line-height:1.6}.module-grid{gap:24px}.module-card{border-radius:20px;min-height:330px;padding:32px;box-shadow:var(--shadow)}.module-card p{margin:0}.module-card h2{font-size:25px;line-height:1.3}.module-card .eyebrow{margin-bottom:0}.module-card strong{padding-top:20px;border-top:1px solid var(--line);width:100%;font-size:14px}.setupcard,.portal-admin-item{border-radius:14px;border-color:var(--line)}.tablewrap{max-width:100%;overflow:auto}.planttable td{font-size:13px}.planttable th{font-size:11px;letter-spacing:.6px;color:var(--muted);background:var(--subtle)}.planttable td,.planttable th{padding:17px 20px}.idlink{font-size:14px;line-height:1.5}.free-report-card{padding:22px 16px;border-color:var(--line);border-radius:8px}.free-report-card strong{font-size:16px}.free-report-card span{font-size:13px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0e263d38;max-width:calc(100vw - 24px)}dialog::backdrop{background:#10263870;backdrop-filter:blur(4px)}.modalhead{padding:21px 24px}.modalhead h2{font-size:20px}.modalcontent{padding:24px}.close{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:24px;background:var(--subtle);color:var(--ink)}footer{font-size:10px;color:var(--muted);padding:26px 30px;line-height:1.6;letter-spacing:1px}
body.customer-mode .shell{min-height:100svh;display:flex;flex-direction:column;padding-bottom:0}body.customer-mode #main,body.customer-mode.signed-out #main{width:100%;max-width:1160px;margin:0 auto;padding:28px 28px 36px}body.customer-mode footer{margin-top:auto;justify-content:center;gap:14px;flex-wrap:wrap;text-align:center}.customer-header{align-items:center;margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid var(--line)}.customer-brand{color:var(--ink);font-size:20px;line-height:1.3}.customer-brand img{border-radius:12px;width:48px;height:48px}.customer-brand small{font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.customer-nav{display:flex;gap:7px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:0 0 32px;overflow-x:auto;flex-wrap:nowrap}.customer-nav a{color:var(--muted);border:0;margin:0;min-height:43px;border-radius:9px;font-weight:600;font-size:13px;white-space:nowrap;justify-content:center;flex:1;padding:10px 14px}.customer-nav a:hover{background:var(--subtle);color:var(--ink)}.customer-nav a[aria-current=page]{background:#15364e;color:#fff}.customer-mode .panel .sectionbody{padding:24px}.customer-mode .panelhead{padding:21px 24px}.customer-mode .pagehead h1{margin:4px 0 8px}.customer-mode .planttitle{font-size:clamp(23px,3vw,32px);word-break:break-word}.customer-login{max-width:480px;margin:28px auto}.customer-login .sectionbody{padding:30px!important}.customer-login h1{font-size:30px;line-height:1.2;margin:12px 0}.customer-login form{margin-top:24px}.customer-login form>.button{width:100%}.customer-login .field{margin-bottom:18px}.customer-login form~p,.customer-login form~a{font-size:14px}.customer-social{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 14px}.customer-social .button{font-size:13px;padding:12px 8px}.customer-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px 0 10px}.customer-summary strong{font-size:24px;letter-spacing:-.5px;line-height:1.4}.customer-summary small{font-size:12px;line-height:1.6;margin-top:5px}.customer-actions{gap:20px;margin:26px 0}.customer-actions a{border-radius:16px;padding:25px;box-shadow:var(--shadow);min-height:140px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px}.customer-actions strong{font-size:20px;line-height:1.3;margin:0}.customer-actions span{font-size:14px;line-height:1.6;font-weight:400}.customer-actions .secondary{background:var(--surface);border-color:var(--line)}.emergency-button{border-radius:12px;background:#aa383d!important;border-color:#aa383d!important;min-height:55px;padding:16px 22px!important;font-size:16px;font-weight:600;margin:20px 0 8px}.customer-live-info{font-size:12px;color:var(--muted);line-height:1.6}.customer-alert{padding:17px 18px;border-radius:0 10px 10px 0;margin:16px 0}.customer-alert strong{line-height:1.6}.customer-error{color:var(--red);line-height:1.6}.customer-notice{padding:18px;border-radius:12px;line-height:1.6}.customer-mode .sectionbody>form{max-width:740px}.customer-mode .sectionbody>h3{margin-top:26px}.customer-mode .tabs{background:transparent;border-radius:0;padding:0;border-left:0;border-top:0;border-right:0}.customer-mode .tabs a{flex:0 0 auto}.customer-request h3{font-size:17px}.customer-request{padding:23px 0}.customer-request p{overflow-wrap:anywhere}.customer-mode .record-text{color:var(--ink)}.customer-mode dl:not(.dl){margin:12px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 20px}.customer-mode dl:not(.dl) dd{margin:0;font-weight:600;overflow-wrap:anywhere}.customer-mode dl:not(.dl) dt{color:var(--muted)}
html[data-theme=dark] .badge.hp{background:#173e40;color:#89ded4}html[data-theme=dark] .badge.green{background:#193d31;color:#a3dfbc}html[data-theme=dark] .badge.red{background:#452b34;color:#ffb5bb}html[data-theme=dark] .badge.yellow{background:#443c23;color:#efce83}html[data-theme=dark] .customer-nav a[aria-current=page]{background:#264a5a;color:#fff}html[data-theme=dark] .access-options>button{background:var(--surface)}
@media(min-width:1600px){main{padding:38px 44px}.topbar{padding-left:44px;padding-right:44px}}
@media(max-width:1000px){.topbar{flex-wrap:wrap}.topbar .searchwrap{min-width:220px}.grid,.belowgrid{gap:20px}.customer-summary{gap:16px}.customer-summary strong{font-size:21px}}
@media(max-width:760px){body{font-size:14px}.pagehead{align-items:flex-start;gap:16px;margin-bottom:22px}main{padding:22px 20px}.grid,.belowgrid{grid-template-columns:minmax(0,1fr);gap:0}.panel{border-radius:15px;margin-bottom:20px}.panelhead,.sectionbody,.address,.customer-mode .panelhead,.customer-mode .panel .sectionbody{padding:19px 20px}.topbar{padding:14px 20px}.demobar{padding:10px 20px}.duecard{padding:18px 20px;gap:14px}.duecard strong{font-size:18px}.duecard .button{margin-left:0}.dl .row{padding:13px 20px;grid-template-columns:minmax(100px,40%) minmax(0,1fr);gap:14px}.logentry{padding:20px}.logentry .logtop strong{font-size:13px}.module-card{padding:26px;min-height:300px}.stats{gap:12px}.stat{min-height:140px;padding:18px}.stat strong{font-size:32px}.fieldgrid{grid-template-columns:minmax(0,1fr)}.field.wide{grid-column:auto}.formsection{padding:22px 20px}.formactions{padding:18px 20px}.tabs{gap:22px}.record-document{grid-template-columns:36px minmax(0,1fr);gap:13px;padding:18px 20px}.record-document .button{grid-column:2;justify-self:start}.record-file-icon{width:36px;height:42px}.record-interval{font-size:12px}.modalcontent,.modalhead{padding:20px}body.customer-mode #main,body.customer-mode.signed-out #main{padding:22px 20px 30px}.customer-header{gap:12px;padding-bottom:18px;margin-bottom:20px}.customer-brand{font-size:18px}.customer-brand small{font-size:11px}.customer-header>.button{font-size:12px;padding:10px 12px}.customer-nav{border-radius:12px;margin-bottom:26px;padding:5px;gap:3px}.customer-nav a{font-size:12px;padding:10px 12px;flex:0 0 auto;min-height:42px}.customer-login{margin:22px auto}.customer-login .sectionbody{padding:24px!important}.customer-login h1{font-size:27px}.customer-summary{grid-template-columns:1fr 1fr;gap:20px}.customer-summary>div:last-child{grid-column:1/-1}.customer-summary strong{font-size:22px}.customer-actions{grid-template-columns:1fr;gap:14px}.customer-actions a{min-height:126px;padding:22px}.customer-actions strong{font-size:19px}.customer-mode .pagehead .read-only-badge{font-size:11px;padding:7px 10px}.customer-mode .planttitle{font-size:24px}.portal-admin-item{padding:18px}.customer-login .field input{font-size:16px}#mobile-bottom-nav{box-shadow:0 -6px 24px #122c3d08;background:var(--surface)}#mobile-bottom-nav a,#mobile-bottom-nav button{font-size:11px;min-height:46px}.mobile-nav-head{padding-bottom:12px}}
@media(max-width:380px){body.customer-mode #main,body.customer-mode.signed-out #main{padding-left:15px;padding-right:15px}.customer-header{align-items:flex-start}.customer-brand{font-size:16px}.customer-brand img{width:40px;height:40px}.customer-header>.button{max-width:95px}.customer-social{grid-template-columns:1fr}.dl .row{grid-template-columns:1fr;gap:5px}.record-document .button{grid-column:1/-1}.stats{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){button,a.button,input,select,textarea{transition:none}}
@media print{.customer-header,.customer-nav,.record-tabs,.read-only-badge,.customer-mode footer{display:none}.customer-mode #main{max-width:none;padding:0}.panel{box-shadow:none}.record-document .button{display:none}}

/* Customer dashboard: completed maintenance first, next due date as a countdown. */
.customer-maintenance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 12px}.customer-maintenance>section{min-width:0;border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--subtle)}.customer-maintenance h3{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 12px}.customer-maintenance strong{display:block;font-size:clamp(23px,2.4vw,30px);font-weight:700;line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere}.customer-maintenance p{font-size:13px;margin:10px 0 0;color:var(--muted)}.customer-maintenance .maintenance-next{border-left:4px solid var(--line)}.customer-maintenance .maintenance-next.green{background:#e7f4ec;border-color:#b6d9c4;border-left-color:#277956}.customer-maintenance .maintenance-next.yellow{background:#fcf3dd;border-color:#e6d299;border-left-color:#986c0b}.customer-maintenance .maintenance-next.red{background:#fcebed;border-color:#e5b4b8;border-left-color:#b93e43}.maintenance-next.green strong{color:#236747}.maintenance-next.yellow strong{color:#795506}.maintenance-next.red strong{color:#a4343b}.maintenance-interval{font-size:12px;color:var(--muted);margin:0 0 22px}.customer-maintenance .maintenance-next.green h3,.customer-maintenance .maintenance-next.green p{color:#365f4b}.customer-maintenance .maintenance-next.yellow h3,.customer-maintenance .maintenance-next.yellow p{color:#6d591e}.customer-maintenance .maintenance-next.red h3,.customer-maintenance .maintenance-next.red p{color:#844048}
html[data-theme=dark] .customer-maintenance .maintenance-next.green{background:#193d31;border-color:#32674e;border-left-color:#84cfa7}html[data-theme=dark] .customer-maintenance .maintenance-next.yellow{background:#443c23;border-color:#6b5b32;border-left-color:#e8c56e}html[data-theme=dark] .customer-maintenance .maintenance-next.red{background:#452b34;border-color:#74404b;border-left-color:#fa969a}html[data-theme=dark] .maintenance-next.green strong{color:#a3dfbc}html[data-theme=dark] .maintenance-next.yellow strong{color:#efce83}html[data-theme=dark] .maintenance-next.red strong{color:#ffb5bb}html[data-theme=dark] .customer-maintenance .maintenance-next h3,html[data-theme=dark] .customer-maintenance .maintenance-next p{color:var(--muted)}
@media(max-width:650px){.customer-maintenance{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:20px}.customer-maintenance>section{padding:20px}.customer-maintenance strong{font-size:26px}}

.customer-appointment{margin:18px 0;padding:22px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:12px;background:var(--subtle)}.customer-appointment h4{font-size:14px;margin:0 0 10px;color:var(--muted)}.customer-appointment>strong{font-size:21px;line-height:1.4}.customer-appointment p{font-size:14px;margin:10px 0}.customer-appointment .button{margin:12px 0 4px}.customer-appointment.is-confirmed{border-left-color:var(--green)}.customer-appointment.is-cancelled{border-left-color:var(--red)}
/* A single quiet event inbox for both workspaces. */
.notification-launch{white-space:nowrap;position:relative}.notifications-dialog{width:min(660px,calc(100vw - 24px));max-height:90svh;padding:0}.notification-body{padding:24px}.notification-list{display:grid;gap:10px;margin:24px 0}.notification-item{width:100%;text-align:left;display:grid;gap:6px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer;font:inherit}.notification-item:hover{border-color:var(--teal);background:var(--hover)}.notification-item.unread{border-left:4px solid var(--teal);background:var(--subtle)}.notification-item strong{font-size:15px}.notification-item span{font-size:14px;line-height:1.6}.notification-item small{font-size:11px;color:var(--muted)}.notification-settings{border-top:1px solid var(--line);padding-top:24px}.notification-settings h3{font-size:18px}.notification-settings p{font-size:14px;line-height:1.7}.notification-settings fieldset{border:1px solid var(--line);padding:18px;border-radius:12px;margin:22px 0}.notification-settings legend{font-size:13px;font-weight:600;padding:0 6px}.notification-choice{display:flex;gap:12px;align-items:center;margin:12px 0;font-size:14px}.notification-choice input{width:20px;height:20px;accent-color:var(--teal);flex-shrink:0}.customer-header>.actions{justify-content:flex-end;gap:8px}.notification-settings fieldset:disabled{opacity:.6}@media(max-width:650px){.notification-body{padding:20px}.customer-header>.actions{max-width:160px}.customer-header>.actions>.button{font-size:11px;min-height:40px;padding:8px 10px}.notification-item{padding:16px}.notifications-dialog{max-height:92svh}.topbar .notification-launch{font-size:12px}}
.notification-launch{display:inline-flex;align-items:center;justify-content:center;gap:8px}.notification-launch[hidden]{display:none}.notification-launch svg{flex-shrink:0}

/* Dashboard overview: urgency, service tiles, then search. */
.dashboard-service-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 24px;align-items:start}.dashboard-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;min-width:0;min-height:210px;box-shadow:var(--shadow)}.dashboard-tile h2{margin:0 0 16px;font-size:16px}.dashboard-tile>small{display:block;color:var(--muted);font-size:12px;margin-top:14px}.tile-metrics{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:75px}.tile-metrics>a:not(.tile-shortcut),.tile-metrics>div{display:flex;flex-direction:column;flex:1;min-width:0}.tile-metrics strong{font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-1px;color:var(--navy)}.tile-metrics span{font-size:13px;color:var(--muted);margin-top:6px}.tile-metrics a:hover span{color:var(--teal)}.tile-shortcut{font-size:13px;font-weight:600}.tile-state{font-size:16px;color:var(--muted);margin:24px 0}.tile-alerts{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.tile-alerts summary{cursor:pointer;color:var(--teal);font-size:13px;font-weight:600;min-height:28px}.tile-alerts .attention{padding:16px 0;gap:12px;flex-wrap:wrap}.tile-alerts .attention strong{font-size:14px;margin:7px 0}.tile-alerts .attention small{font-size:12px}.tile-alerts .notice{margin:12px 0 0}.customer-welcome{margin-bottom:26px}.customer-welcome h1{margin:8px 0}.customer-welcome>p:last-child{color:var(--muted)}
@media(max-width:800px){.tablewrap.planttable tbody{display:grid!important;gap:22px!important;padding:4px}.tablewrap.planttable .plantrow{margin:0!important}.dashboard-service-tiles{gap:14px}.dashboard-tile{padding:20px;min-height:210px}.tile-metrics{gap:14px}.tile-metrics strong{font-size:30px}}
@media(max-width:560px){.dashboard-service-tiles{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:22px}.dashboard-tile{min-height:0}.tile-metrics{min-height:68px}.dashboard-search input{border:1px solid var(--line)} }

/* The bell is a standalone utility, with no settings or account switch in the header. */
.notification-launch.button{position:relative;width:46px;height:46px;min-width:46px;min-height:46px;flex:0 0 46px;padding:11px;gap:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--navy);box-shadow:none}.notification-launch.button:hover{background:var(--hover);border-color:var(--teal)}.notification-launch svg{width:22px;height:22px}.notification-count{position:absolute;top:-4px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;border:2px solid var(--surface);border-radius:12px;background:var(--red);color:var(--surface);padding:0 4px;font-size:10px;font-weight:700;line-height:1}.notification-count[hidden]{display:none!important}.topbar>.notification-launch{margin-left:auto;order:10}.customer-header>.actions{flex:0 0 auto;margin-left:auto}.customer-access-back{background:none;border:0;color:var(--teal);font-size:13px;cursor:pointer;padding:10px 0;min-height:44px}
@media(max-width:800px){.staff-mode .topbar{display:none}.staff-mode[data-module=selector]:not(.signed-out) .topbar{display:flex;justify-content:flex-end;min-height:0;padding:14px 20px;background:transparent}.staff-mode[data-module=selector] .topbar>:not(.notification-launch){display:none!important}.mobile-nav-head{gap:10px;align-items:center}.mobile-nav-head>a{flex:1;min-width:0}.mobile-nav-head>.notification-launch{margin-left:auto}.mobile-nav-head>#menu-toggle{flex:0 0 auto;min-width:44px}.customer-header{flex-wrap:nowrap;gap:12px}.customer-brand{min-width:0}.customer-brand small{font-size:11px}.customer-header .notification-launch{width:44px;height:44px;min-width:44px;min-height:44px;flex-basis:44px}.customer-header .actions{gap:0}}
@media(max-width:380px){.mobile-nav-head{padding-left:0;padding-right:0;gap:7px}.mobile-nav-head>a{font-size:16px;gap:8px}.mobile-nav-head>#menu-toggle{font-size:12px;padding:10px}.notification-launch.button{width:44px;min-width:44px;height:44px;min-height:44px;flex-basis:44px}.customer-brand{font-size:16px}.customer-brand img{width:38px;height:38px}}