/* Production shell derived from the approved Mailwatch mockup. No remote assets. */
:root{--muted:#61756b}
.brand{text-decoration:none}.sidebar .brand{white-space:nowrap}.sidebar .brand sup{font-size:8px;letter-spacing:1px}
.sidebar-footer .server-box span{display:block;margin-top:7px;line-height:1.5;color:#b2c6bd}
.profile form{margin-left:auto}.profile>div{min-width:0}.profile strong{overflow-wrap:anywhere}
.instance-label{font-size:11px;color:#65786d}.metric{text-decoration:none}.metric-sub{line-height:1.6;color:#61756b}
.filter-bar{align-items:flex-end;gap:12px;margin-bottom:23px}.filter-label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#4d6457;font-weight:600}
.filter-label select,.filter-label input{min-height:40px;border:1px solid var(--field-border);background:white;border-radius:7px;padding:10px 12px;font:inherit;font-size:12px;color:var(--field-text)}
.filter-search{flex:1;min-width:180px}.filter-bar .btn{min-height:40px}.filter-label input:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px}
.notice{padding:13px 17px;border:1px solid;border-radius:9px;font-size:12px;line-height:1.7;margin-bottom:20px}
.notice-error{background:#fff3f2;border-color:#e7b9b4;color:#923b37}.notice-success{background:#edf6ef;border-color:#b3d2bc;color:#285a3f}
.notice-warning{background:#fbf7ed;border-color:#dfcea3;color:#725d32}
.login-help{font-size:11px!important;margin-top:24px;line-height:1.7}.login-form>p{color:#61756b}.login-story footer{z-index:1}
.integration-panel .panel-head{padding-bottom:0}.integration-panel h2{display:flex;align-items:center;gap:8px}.integration-panel h3{margin:20px 0 10px;font-size:15px;line-height:1.6}
.integration-panel p{font-size:12px;color:#61756b;margin-top:12px}.chart-legend{flex-wrap:wrap}.series-total{background:#7696b1}.series-delivered{background:#408f70}.series-rejected{background:#c37d6b}
.chart-total{stroke:#7696b1;stroke-dasharray:4 3}.chart-delivered{stroke:#408f70}.chart-rejected{stroke:#c37d6b}.chart-point{fill:#7696b1;stroke:#fff;stroke-width:2;cursor:help}
.chart-point:focus{outline:0;stroke:#173c39;stroke-width:3}.chart-tooltip{top:10px;left:50px;max-width:calc(100% - 80px);line-height:1.7}
.chart-label{font-family:system-ui,sans-serif}.empty-state{line-height:1.8;color:#61756b}.empty-state strong{font-size:14px}.empty-state .btn{margin-top:20px}
.table-subject{color:#285d46;text-decoration:none}.table-subject:hover{text-decoration:underline}.table-secondary,.address{color:#627769}.data-table th{color:#5d7266}.nowrap{white-space:nowrap}
.table-foot{color:#607567}.badge.queued{background:#eef2f8;color:#506b8a}.badge.mixed{background:#f3eff8;color:#74578d}
.subject-unavailable{white-space:normal;min-width:170px;line-height:1.6}.collector-meta{margin:20px 0;display:grid;gap:5px;font-size:11px}.collector-meta dt{color:#61756b;margin-top:8px}.collector-meta dd{margin:0;color:#294735;font-weight:550;overflow-wrap:anywhere}
.queue-links{display:flex;flex-wrap:wrap;gap:10px}.queue-links .btn{white-space:normal;text-align:left}
.timeline-event.pending:before{background:#8b9893}.timeline-event.waiting:before{background:#bd914c}
.status-explanation{font-size:11px;color:#61756b;line-height:1.7;margin:14px 0 23px;max-width:980px}.list-limit-note{font-size:11px;color:#725d32;line-height:1.7;padding:14px 22px;background:#fbf7ed;border-top:1px solid #ebe0c8}
.detail-grid{margin-bottom:22px}.detail-meta{grid-template-columns:100px minmax(0,1fr)}.detail-meta dt{color:#63796b}.detail-meta dd{color:#2d4839}.detail-explanation{margin-top:18px}
.detail-grid p{font-size:12px}.detail-grid .scope-note{margin-bottom:0}.recipient-panel{margin-top:20px}.timeline-event time{color:#607567;margin-left:14px}.timeline-event p{color:#61756b}.smtp-response{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6f3;border:1px solid #e0e6de;border-radius:7px;padding:14px;font-size:11px;line-height:1.8;color:#4d6457}
.sub-card{cursor:default}.sub-card:hover{transform:none}.sub-avatar{background:#edf3e9;color:#456c4d}.sub-card h2{margin-bottom:8px}.sub-card p{color:#61756b}.subscription-meta{display:flex;justify-content:space-between;margin:22px 0;padding:16px 0;border-block:1px solid var(--line);font-size:11px;color:#61756b}.section-note{margin-top:24px}
.user-list{border-top:1px solid var(--line)}.user-editor{border-bottom:1px solid var(--line)}.user-editor:last-child{border-bottom:0}.user-editor summary{display:flex;align-items:center;gap:15px;cursor:pointer;padding:19px 24px;list-style:none}
.user-editor summary::-webkit-details-marker{display:none}.user-editor summary:hover{background:#f8faf6}.user-editor[open]>summary{background:#f4f7f2}.user-identity{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.user-identity strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.user-identity small{font-size:11px;color:#61756b;overflow-wrap:anywhere}.user-role{font-size:11px;color:#61756b;min-width:100px}
.edit-label{font-size:11px;color:#356b4e;border:1px solid #d6dfd5;border-radius:6px;padding:7px 12px}.user-editor-body{padding:23px;border-top:1px solid var(--line)}.new-user-panel{margin-top:24px;scroll-margin-top:25px}
.access-fieldset{border:0;padding:0;margin:5px 0 20px}.access-fieldset legend{font-size:12px;font-weight:600;margin-bottom:7px}.access-fieldset>p{font-size:11px;margin-bottom:12px}.access-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.access-option{display:flex;gap:10px;align-items:center;border:1px solid #aebfb0;padding:12px;border-radius:8px;cursor:pointer}.access-option:has(input:checked){border-color:#568563;background:#edf5ed}
.access-option input,.active-option input{width:17px;height:17px;accent-color:#356e54;flex-shrink:0}.access-option strong{font-size:12px;display:block;overflow-wrap:anywhere}.access-option small{display:block;color:#61756b;font-size:10px;margin-top:5px;overflow-wrap:anywhere}
.active-option{display:flex;align-items:center;gap:10px;font-size:12px}.form-actions{display:flex;justify-content:flex-end;padding-top:18px;margin-top:20px;border-top:1px solid var(--line)}.user-form .form-grid{gap:5px 20px}
.roadmap-panel .panel-body{padding:45px;max-width:760px}.roadmap-icon{display:grid;place-items:center;width:64px;height:64px;background:#edf3e8;color:#528062;border-radius:17px;margin-bottom:25px}.roadmap-panel h2{font-size:19px;line-height:1.6}.roadmap-panel p{font-size:12px;color:#61756b;margin:13px 0 22px}.instance-panel{margin-top:24px}
.mobile-scrim{border:0}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-panel .panel-body{padding-top:16px}.integration-panel h3{margin-top:12px}.filter-label{flex:1;min-width:140px}.filter-search{min-width:220px}}
@media(max-width:900px){.login-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-story{display:flex;padding:25px 32px;gap:0}.login-story .brand{font-size:23px}.login-story h1{font-size:25px;letter-spacing:-.7px;line-height:1.35;padding-top:20px;margin-top:0;max-width:none}.login-story h1 br{display:none}.login-story h1 em:before{content:' '}.login-story p,.login-story footer{display:none}.login-story:after{width:320px;height:320px;right:-180px;bottom:-260px}.login-form-area{padding:30px 24px}.login-form h2{font-size:25px}}
@media(max-width:760px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}.topbar{justify-content:space-between}.topbar .mobile-menu{display:inline-grid}.instance-label{font-size:10px}.filter-bar{gap:10px}.filter-label{min-width:calc(50% - 10px)}.filter-search{min-width:100%}.filter-bar .btn{flex:1}.page-header>.btn{margin-top:15px}.metrics .metric{padding:15px}.metric-sub{font-size:9px}.content h1{overflow-wrap:anywhere}.user-editor summary{padding:16px;gap:10px;flex-wrap:wrap}.user-role{min-width:auto}.user-editor summary>.avatar{display:none}.user-identity{min-width:calc(100% - 90px)}.edit-label{margin-left:auto}.user-editor-body{padding:18px}.access-options{grid-template-columns:1fr}.roadmap-panel .panel-body{padding:25px}.detail-meta{grid-template-columns:85px minmax(0,1fr)}.timeline-event time{float:none;display:block;margin:0 0 9px}.chart-tooltip{left:15px;max-width:calc(100% - 30px)}.table-subject{max-width:220px}.table-foot{line-height:1.6}.section-grid{grid-template-columns:1fr}.login-story{display:none}}
@media(max-width:760px){.login-story{display:flex;padding:22px}.login-story h1{font-size:20px;padding-top:15px}.login-form-area{padding:28px 22px}}