.sectionhead h2,
.monitor-form h3 { margin-bottom: 0; }
.monitor-form { margin: 18px 0 22px; }
.formgrid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 16px; }
.optional { color: var(--muted); font-size: .75rem; font-weight: 500; }
label small { color: var(--muted); font-weight: 400; }
.monitor-title { display: flex; align-items: center; gap: 10px; }
.type { background: #eef2f0; color: var(--muted); border-radius: 99px; padding: 3px 8px; font-size: .7rem; font-weight: 700; }
.identifier { font-size: .85rem; color: var(--ink) !important; }
.danger-zone { border-top: 1px solid #e4c7ca; padding-top: 28px; }
.danger-zone form { max-width: 500px; }
.check { display: flex; grid-template-columns: auto 1fr; align-items: center; }
.check input { width: auto; }
.danger { background: var(--red); }
.compact-panel { margin-top: 16px; }
.inline-form { display: flex; align-items: end; gap: 16px; }
.inline-form label { min-width: 240px; }
select { width: 100%; border: 1px solid #b9c8c2; border-radius: 8px; padding: 12px; background: white; color: var(--ink); font: inherit; }
.monitor-link { color: inherit; text-decoration: none; }
.monitor-link:hover { border-color: #9eb5ac; }
.open-link { color: var(--green); font-weight: 650; white-space: nowrap; }
.string { display: inline-block; border-radius: 99px; padding: 4px 9px; font-size: .75rem; font-weight: 700; }
.string.yes { color: var(--green); background: #e4f4ee; }
.string.no { color: var(--red); background: #fae7e9; }
.page-table .tr { grid-template-columns: 1.7fr 1fr 1fr 1fr .7fr; }
.page-table small { display: block; color: var(--muted); overflow-wrap: anywhere; }
.table-empty { padding: 18px; }
.dot.pending { background: var(--amber); }
.scan-link { color: inherit; text-decoration: none; }
.scan-link:hover { background: #f7faf8; }
.notice.archived { background: #eef1f0; color: var(--muted); margin-top: 28px; }
.scan-checks .tr { grid-template-columns: 1.7fr 1fr 1.5fr .7fr; }
.scan-checks small { display: block; color: var(--muted); overflow-wrap: anywhere; }
.scan-checks a { color: var(--ink); }
.finding-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.finding { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 20px; }
.finding p { color: var(--muted); }
.finding details { border-top: 1px solid var(--line); padding-top: 10px; }
.evidence-frame { width: 100%; min-height: 620px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.result-facts dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0 0 24px; }
.result-facts dd { overflow-wrap: anywhere; }
.evidence-empty { margin-top: 14px; }
.evidence-warning { max-width: 760px; border: 1px solid #e4b9bd; border-radius: 14px; background: #fff7f7; padding: 28px; }
.evidence-warning h3 { margin-top: 0; font-size: 1.4rem; }
.evidence-warning li { margin: 8px 0; }
.evidence-warning .button { margin-top: 8px; }
textarea { width: 100%; border: 1px solid #b9c8c2; border-radius: 8px; padding: 12px; font: inherit; resize: vertical; }
.string-results { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 18px; }
.string-result { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 12px; margin: 10px 0; }
.string-result code { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ink); }
.code-editor { min-height: 460px; font: 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; tab-size: 2; }
.journey-screenshot { display: block; max-width: 100%; border: 1px solid var(--line); border-radius: 14px; }
.diagnostic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.diagnostic { display: block; white-space: pre-wrap; overflow-wrap: anywhere; padding: 8px 0; border-top: 1px solid var(--line); }
@media (max-width: 700px) { .diagnostic-grid { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .formgrid { grid-template-columns: 1fr; } .inline-form { align-items: stretch; flex-direction: column; } .page-table .tr { grid-template-columns: 1fr 1fr; } .page-table .tr > span:nth-child(n+3) { display: block; } }

.header-actions,.form-actions,.share-link,.search-form{display:flex;align-items:center;gap:12px}.header-actions form,.form-actions form{display:block}.role-badge{background:#edf2f0;border-radius:999px;color:var(--muted);font-size:.75rem;font-weight:700;padding:6px 10px}.share-link input,.search-form input{flex:1}.admin-metrics{grid-template-columns:repeat(6,1fr)}.admin-sites .tr{grid-template-columns:1.3fr 1.3fr .7fr 1fr}.admin-sites small,.user-admin small{display:block;color:var(--muted)}.user-admin{margin-top:12px}.user-admin summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.admin-user-forms{border-top:1px solid var(--line);display:grid;gap:24px;margin-top:20px;padding-top:20px}.search-form{margin:20px 0}.danger{background:var(--red)}select,textarea{border:1px solid #b9c8c2;border-radius:8px;font:inherit;padding:12px;width:100%}@media(max-width:850px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.header-actions .role-badge{display:none}}
.support-banner{align-items:center;background:#fff1c7;border-bottom:1px solid #e2bd54;display:flex;justify-content:center;gap:16px;padding:10px 20px;position:sticky;top:0;z-index:10}.support-banner form{display:block}.support-banner button{padding:7px 12px}.admin-nav{background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0;padding:10px;position:sticky;top:8px;z-index:5}.admin-nav a{color:var(--ink);font-weight:650;padding:8px 12px;text-decoration:none}.growth-grid{align-items:end;display:grid;grid-template-columns:repeat(14,1fr);gap:8px;height:150px}.growth-grid div{align-items:center;display:flex;flex-direction:column;justify-content:end;height:100%}.growth-grid span{background:var(--green);border-radius:4px 4px 0 0;display:block;min-height:4px;width:70%}.growth-grid small{color:var(--muted);font-size:.65rem;transform:rotate(-45deg);white-space:nowrap}.health-grid,.split-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.health-grid .notice{grid-column:1/-1}.notice.good{background:#e4f4ee;color:var(--green)}@media(max-width:750px){.health-grid,.split-panels{grid-template-columns:1fr}.admin-nav{position:static}.growth-grid small{display:none}}
.failed-jobs{margin-top:36px}.job-record>div{min-width:0}.job-error{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}@media(max-width:650px){.failed-jobs .sectionhead{gap:14px}.failed-jobs .sectionhead .button,.job-record>form,.job-record>form button{width:100%}.failed-jobs .sectionhead .button{text-align:center}}
.live-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}.live-filter-grid label{font-size:.8rem}.compact-live-filter{grid-template-columns:minmax(280px,1fr) auto;align-items:end}.user-live-filters{grid-template-columns:minmax(240px,1.4fr) minmax(160px,.7fr) minmax(160px,.7fr) auto;align-items:end}.live-status{color:var(--muted);font-size:.8rem;min-height:1.5em}.audit-table .tr{grid-template-columns:1fr 1.25fr 1.5fr 1fr .8fr}.audit-table small{color:var(--muted);display:block;overflow-wrap:anywhere}.audit-table [aria-busy=true],#site-results[aria-busy=true],#user-results[aria-busy=true]{opacity:.55}.wrap-code{overflow-wrap:anywhere}@media(max-width:750px){.compact-live-filter,.user-live-filters{grid-template-columns:1fr}.audit-table .tr{grid-template-columns:1fr}.audit-table .heading{display:none}}
.admin-sites .tr{grid-template-columns:1.35fr 1.15fr .65fr .65fr .65fr}
.sectionhead{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:20px}.sectionhead h2,.sectionhead h3,.sectionhead p{margin-top:0}.sectionhead p{margin-bottom:0}.mail-form{gap:0}.mail-form>section+section{margin-top:48px}.mail-form>.mail-save{justify-self:start;margin-top:32px}.mail-panel{display:grid;gap:28px}.mail-toggle{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;cursor:pointer;display:grid;gap:14px;grid-template-columns:auto 1fr;padding:16px 18px}.mail-toggle>input{height:1px;opacity:0;position:absolute;width:1px}.mail-toggle strong,.mail-toggle small{display:block}.mail-toggle small{margin-top:2px}.toggle-track{background:var(--field-line);border-radius:999px;display:block;height:26px;padding:3px;transition:background .18s ease;width:46px}.toggle-track span{background:var(--surface);border-radius:50%;box-shadow:0 1px 3px #17231f33;display:block;height:20px;transition:transform .18s ease;width:20px}.mail-toggle>input:checked+.toggle-track{background:var(--green)}.mail-toggle>input:checked+.toggle-track span{transform:translateX(20px)}.mail-toggle>input:focus-visible+.toggle-track{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:650px){.sectionhead{align-items:flex-start;flex-direction:column}.mail-form>.mail-save{width:100%}}
.mail-test-layout{display:grid;gap:20px;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr)}
.mail-test-layout>.panel{margin-top:0}
.mail-test-form{align-content:start}
.mail-test-form h3,.mail-preview-head h3{margin:0}
.mail-test-form .eyebrow,.mail-preview-head .eyebrow{margin:0 0 4px}
.mail-test-form .muted{margin:7px 0 0}
.mail-test-form button{margin-top:4px;width:100%}
.mail-test-form .hint{margin:0;text-align:center}
.mail-preview-panel{min-width:0;padding:18px}
.mail-preview-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:4px 4px 16px}
.mail-preview-head .status{flex:none}
.mail-preview-frame{background:#edf7f3;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mail-preview-frame iframe{background:#edf7f3;border:0;display:block;height:690px;width:100%}
@media(max-width:900px){.mail-test-layout{grid-template-columns:1fr}.mail-preview-frame iframe{height:650px}}
@media(max-width:650px){.mail-preview-panel{padding:12px}.mail-preview-head{align-items:flex-start;flex-direction:column}.mail-preview-frame iframe{height:590px}.mail-form .formgrid{grid-template-columns:1fr}}

select,textarea{background:var(--field);border-color:var(--field-line);color:var(--ink)}
.finding,.admin-nav{background:var(--surface)}
.type,.role-badge,.notice.archived{background:var(--surface-soft)}
.string.yes,.notice.good{background:var(--success-bg)}
.string.no,.notice.bad{background:var(--danger-bg)}
.monitor-link:hover,.scan-link:hover{background:var(--surface-soft)}
.header-actions,.site-actions{display:flex;align-items:center;gap:12px}
.site-actions form{display:block}
.scan-limit-state{display:grid;gap:4px;max-width:240px}.scan-limit-state button:disabled{background:var(--surface-soft);box-shadow:none;color:var(--muted);cursor:not-allowed;filter:none;opacity:.8}.scan-limit-state button:disabled:hover{transform:none}.scan-limit-state small{color:var(--red);font-size:.72rem;line-height:1.35;text-align:right}
.site-alert-toggle{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;color:var(--ink);display:grid;gap:12px;grid-template-columns:auto 1fr;padding:10px 14px;text-align:left}
.site-alert-toggle:hover{background:var(--surface);box-shadow:0 3px 12px var(--shadow);color:var(--ink)}
.site-alert-toggle strong,.site-alert-toggle small{display:block}
.site-alert-toggle small{color:var(--muted);font-size:.72rem;margin-top:1px;white-space:nowrap}
.site-alert-toggle .toggle-track.on{background:var(--green)}
.site-alert-toggle .toggle-track.on span{transform:translateX(20px)}
.site-alert-toggle:focus-visible .toggle-track{outline:3px solid var(--focus);outline-offset:3px}
.site-notifications{scroll-margin-top:24px}
.notification-preference-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.notification-preference-card{display:flex;flex-direction:column;gap:18px;margin-top:0}
.notification-preference-card>p{color:var(--muted);margin:0;max-width:62ch}
.notification-card-head{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}
.notification-card-head h3,.notification-card-head p{margin:0}
.notification-card-head .eyebrow{margin-bottom:5px}
.notification-preference-card form{margin-top:auto}
.notification-preference-card .site-alert-toggle{min-width:0;width:100%}
.site-report-form{display:grid;gap:16px}
.site-report-form .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.report-delivery-note{background:var(--surface-soft);border-left:3px solid var(--accent);color:var(--muted);font-size:.88rem;line-height:1.5;margin:0;padding:12px 14px}
.report-delivery-note strong{color:var(--ink)}
@media(max-width:900px){.notification-preference-grid{grid-template-columns:1fr}}
@media(max-width:650px){.site-report-form .formgrid{grid-template-columns:1fr}.notification-card-head{gap:12px}.notification-preference-card{padding:22px 18px}}
.evidence-frame,.evidence-warning{background:var(--surface);border-color:var(--line)}
.support-banner{background:var(--surface-soft);border-color:var(--amber)}
@media(max-width:650px){.site-actions{align-items:stretch;flex-direction:column}.site-alert-toggle,.scan-limit-state,.scan-limit-state button{max-width:none;width:100%}.scan-limit-state small{text-align:left}}

/* Browser journey visual editor */
.browser-journeys-section{background:color-mix(in srgb,var(--surface) 96%,var(--accent-2));border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 35px var(--shadow);overflow:hidden}
.browser-journeys-section>summary{align-items:center;cursor:pointer;display:flex;gap:24px;justify-content:space-between;list-style:none;padding:22px 26px}
.browser-journeys-section>summary::-webkit-details-marker{display:none}.browser-journeys-section>summary>span:first-child{display:grid;gap:2px}.browser-journeys-section>summary strong{font-size:1.25rem}.browser-journeys-section>summary small{color:var(--muted)}
.browser-journeys-section>summary::before{color:var(--green);content:"+";font-size:1.4rem;font-weight:800}.browser-journeys-section[open]>summary::before{content:"−"}.browser-journeys-section[open]>summary{background:var(--surface-soft);border-bottom:1px solid var(--line)}
.browser-journeys-summary-action{color:var(--green);font-size:.85rem;font-weight:750;margin-left:auto}.browser-journeys-body{padding:4px 26px 28px}.browser-journeys-body>.muted{margin:20px 2px 0}
.journey-editor-intro{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr)}.journey-editor-intro .mail-toggle{align-self:end}
.journey-visual-editor{display:grid;gap:22px}.journey-visual-settings,.journey-visual-steps{border:1px solid var(--line);border-radius:14px;margin:0;padding:20px}.journey-visual-settings{background:var(--surface-soft)}.journey-visual-steps{background:color-mix(in srgb,var(--surface) 96%,var(--accent-2))}
.journey-visual-heading{align-items:start;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}.journey-visual-heading h4{font-size:1.05rem;margin:2px 0}.journey-visual-heading p{color:var(--muted);font-size:.82rem;margin:3px 0 0}.journey-visual-heading .eyebrow{font-size:.68rem;margin:0}.journey-visual-heading button{flex:none;padding:9px 14px}.journey-step-add-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.journey-field-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.journey-settings-grid{grid-template-columns:1.4fr .8fr .8fr .8fr}.journey-field{align-content:start;min-width:0}.journey-field>span{font-weight:650}.journey-field input,.journey-field select{min-width:0}.journey-field small{line-height:1.35}
.journey-step-list{display:grid;gap:12px}.journey-step-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}.journey-step-card>summary{align-items:center;cursor:pointer;display:grid;gap:13px;grid-template-columns:auto 1fr auto;list-style:none;padding:15px 17px}.journey-step-card>summary::-webkit-details-marker{display:none}.journey-step-card[open]>summary{background:var(--surface-soft);border-bottom:1px solid var(--line)}
.journey-step-number{align-items:center;background:var(--green);border-radius:50%;color:var(--button-text);display:inline-flex;font-size:.76rem;font-weight:800;height:28px;justify-content:center;width:28px}.journey-step-summary{display:grid;min-width:0}.journey-step-summary strong,.journey-step-summary small{overflow-wrap:anywhere}.journey-step-summary small{color:var(--muted);font-size:.75rem}.journey-step-expand{color:var(--green);font-size:.76rem;font-weight:750}.journey-step-card[open] .journey-step-expand{font-size:0}.journey-step-card[open] .journey-step-expand::after{content:"Close";font-size:.76rem}
.journey-step-body{display:grid;gap:20px;padding:19px}.journey-target-panel,.journey-date-panel{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:17px}.journey-target-panel h5,.journey-date-panel h5,.journey-subdetails h5{font-size:.87rem;margin:0 0 12px}.journey-date-help{color:var(--muted);font-size:.78rem;margin:-5px 0 14px}.journey-date-matching{background:var(--surface);border:1px solid var(--line);border-radius:11px;margin-top:17px;padding:15px}.journey-date-matching>.journey-target-panel{margin-top:15px}.journey-subdetails{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.journey-subdetails>summary{color:var(--green);cursor:pointer;font-size:.78rem;font-weight:750}.journey-subdetails[open]>summary{margin-bottom:14px}.journey-subdetails .journey-target-panel{margin-top:14px}
.journey-check{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:9px;display:flex;gap:10px;min-height:48px;padding:10px 12px}.journey-check input{flex:none;height:18px;margin:0;width:18px}.journey-check span{display:grid}.journey-check small{color:var(--muted);font-size:.7rem;font-weight:400}.journey-step-controls{display:flex;flex-wrap:wrap;gap:9px}.journey-step-controls button{font-size:.78rem;padding:8px 12px}.journey-step-controls button:disabled{cursor:not-allowed;opacity:.5;transform:none}.journey-remove-step{color:var(--red);margin-left:auto}
.raw-journey-editor{border:1px solid var(--line);border-radius:12px;padding:0}.raw-journey-editor>summary{color:var(--green);cursor:pointer;font-size:.84rem;font-weight:750;padding:14px 16px}.raw-journey-editor[open]>summary{border-bottom:1px solid var(--line)}.raw-journey-editor>label{padding:16px}.raw-journey-editor .code-editor{min-height:380px}.journey-add-editor{border-style:dashed}
.journey-readonly-body{display:grid;gap:22px;padding:24px}.journey-readonly-settings{display:grid;gap:12px;grid-template-columns:1.5fr repeat(3,1fr)}.journey-readonly-settings>div{background:var(--surface-soft);border-radius:10px;display:grid;min-width:0;padding:12px}.journey-readonly-settings span{color:var(--muted);font-size:.7rem;text-transform:uppercase}.journey-readonly-settings strong{font-size:.84rem;overflow-wrap:anywhere}.journey-readonly-steps{display:grid;gap:0;position:relative}.journey-readonly-step{display:grid;gap:14px;grid-template-columns:auto 1fr;padding-bottom:20px;position:relative}.journey-readonly-step:not(:last-child)::before{background:var(--line);content:"";height:calc(100% - 25px);left:13px;position:absolute;top:32px;width:2px}.journey-readonly-step-copy{background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;padding:15px}.journey-readonly-step-copy .eyebrow{font-size:.66rem;margin:0}.journey-readonly-step-copy h4{margin:2px 0 9px}.journey-readonly-step-copy dl{display:grid;gap:7px;margin:0}.journey-readonly-step-copy dl>div{display:grid;gap:12px;grid-template-columns:minmax(105px,.3fr) minmax(0,1fr)}.journey-readonly-step-copy dt{font-size:.72rem}.journey-readonly-step-copy dd{font-size:.82rem;font-weight:600;overflow-wrap:anywhere}.journey-readonly-note{border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;margin:0;padding-top:17px}.journey-readonly-note span{color:var(--green);margin-right:6px}
.journey-overview-head{align-items:center;margin:20px 0 14px}.journey-overview-head>p{margin:0}.journey-overview-actions{display:flex;flex:none;gap:10px}.journey-overview-row{color:var(--ink);text-decoration:none}.journey-overview-row:hover{border-color:var(--hover);transform:translateY(-1px)}.journey-truncation-note{background:var(--surface-soft);border-radius:9px;color:var(--muted);font-size:.8rem;margin:14px 0 0;padding:11px 13px}.journey-truncation-note a{color:var(--green);font-weight:750}.journey-directory{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px var(--shadow);overflow:hidden}.journey-directory-row{align-items:center;color:var(--ink);display:grid;gap:22px;grid-template-columns:minmax(0,1fr) auto auto;padding:22px 24px;text-decoration:none}.journey-directory-row+.journey-directory-row{border-top:1px solid var(--line)}.journey-directory-row:hover{background:var(--surface-soft)}.journey-directory-row h2,.journey-directory-row p{margin:0;overflow-wrap:anywhere}.journey-directory-row p:last-child{color:var(--muted)}.journey-directory-action{color:var(--green);font-weight:750;white-space:nowrap}.journey-definition-page>.journey-delete-form{margin-top:18px;padding:22px 24px}.journey-page-editor{margin-top:0}.journey-page-editor>.journey-edit-form{margin-inline:24px}
@media(max-width:900px){.journey-settings-grid,.journey-readonly-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-editor-intro{grid-template-columns:1fr}.journey-editor-intro .mail-toggle{align-self:auto}}
@media(max-width:650px){.browser-journeys-section>summary{gap:12px;padding:18px}.browser-journeys-summary-action{display:none}.browser-journeys-body{padding:2px 14px 20px}.journey-overview-head{align-items:stretch}.journey-overview-actions,.journey-step-add-actions{display:grid;grid-template-columns:1fr}.journey-overview-actions .button{width:100%}.journey-directory-row{align-items:start;grid-template-columns:1fr auto;padding:19px}.journey-directory-action{grid-column:1/-1}.journey-visual-settings,.journey-visual-steps{padding:14px}.journey-visual-heading{align-items:stretch;display:grid}.journey-visual-heading button{width:100%}.journey-field-grid,.journey-settings-grid,.journey-readonly-settings{grid-template-columns:1fr}.journey-step-body{padding:14px}.journey-target-panel,.journey-date-panel,.journey-date-matching{padding:14px}.journey-step-controls{display:grid;grid-template-columns:1fr 1fr}.journey-step-controls button{width:100%}.journey-remove-step{grid-column:1/-1;margin-left:0}.journey-readonly-body{padding:17px}.journey-readonly-step-copy dl>div{gap:2px;grid-template-columns:1fr}.raw-journey-editor .code-editor{min-height:300px}.journey-page-editor>.journey-edit-form{margin-inline:17px}}
@media(max-width:650px){.site-actions,.site-actions form{width:100%}.site-actions>.status{text-align:center}.guest-scan-table .heading{display:none}.guest-scan-table .tr{gap:14px;grid-template-columns:1fr 1fr;padding-block:16px}.guest-scan-table .tr>span:nth-child(n){display:grid;gap:2px}.guest-scan-table .tr>span::before{color:var(--muted);content:attr(data-label);font-size:.7rem;font-weight:650;letter-spacing:.02em}}
@media(max-width:360px){header{gap:10px;padding-inline:16px}.brand{font-size:.8rem;white-space:nowrap}.header-actions{flex-wrap:nowrap;gap:6px}.header-actions .button,.header-actions button{font-size:.78rem;padding:9px 10px}}
.codegen-layout{align-items:start;gap:24px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)}
.codegen-form,.codegen-result{margin-top:0;min-width:0}
.codegen-form{gap:22px}
.codegen-form .formgrid{grid-template-columns:1fr 1fr}
.codegen-panel-head{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;margin-bottom:4px;padding-bottom:22px}
.codegen-panel-head h2,.codegen-panel-head p{margin:0}.codegen-panel-head .eyebrow{margin-bottom:6px}.codegen-panel-head p:last-child{color:var(--muted);margin-top:8px;max-width:52ch}
.codegen-panel-index{color:var(--accent);font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.72rem;letter-spacing:.08em;padding-top:4px}
.code-editor{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.84rem;line-height:1.55;tab-size:2}
.codegen-source,.codegen-output{min-height:28rem;resize:vertical}
.codegen-result{display:grid;gap:18px}.codegen-result .codegen-panel-head{margin-bottom:0}.codegen-result .notice{margin:0}.codegen-result .notice ul{margin-bottom:0;padding-left:20px}.codegen-result .notice li+li{margin-top:7px}
.codegen-result>label{margin-top:2px}.codegen-result>label+.hint{margin:-8px 0 0}
.codegen-empty{border-style:dashed;box-shadow:none;margin-top:2px;padding:58px 28px;text-align:left}.codegen-empty h3{font-size:1.35rem;margin:0 0 8px}.codegen-empty p{margin:0;max-width:42ch}
.date-converter-assistant{background:var(--surface-soft);border:1px solid var(--line);border-radius:0;display:grid;gap:20px;padding:22px}
.date-assistant-head{align-items:start;display:flex;gap:20px;justify-content:space-between}.date-assistant-head h2{margin:0}.date-assistant-head p:last-child{color:var(--muted);margin:7px 0 0;max-width:62ch}
.date-suggestion-list{display:grid;gap:16px}.date-suggestion-card{background:var(--surface);border:1px solid var(--line);border-radius:0;display:grid;gap:16px;margin:0;min-width:0;padding:18px}.date-suggestion-card legend{max-width:100%;padding:0 7px}.date-enable{align-items:center;display:flex;font-weight:750;gap:9px;overflow-wrap:anywhere}.date-enable input{flex:0 0 auto;margin:0;width:auto}
.date-choice-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.date-choice-grid label{min-width:0}.date-calendar-selector,.date-unavailable-field{grid-column:1/-1}.date-choice-grid small{color:var(--muted);display:block;font-size:.72rem;line-height:1.4;margin-top:5px}.date-weekend{align-items:flex-start;align-self:end;background:var(--surface);border:1px solid var(--line);border-radius:0;display:flex;gap:10px;min-height:48px;padding:12px}.date-weekend input{width:auto}
.date-advanced{border-top:1px solid var(--line);padding-top:14px}.date-advanced summary{color:var(--green);cursor:pointer;font-size:.84rem;font-weight:750}.date-advanced[open] summary{margin-bottom:12px}.date-advanced .hint{margin-bottom:14px}
.codegen-auth-card{gap:0;padding:0}.codegen-auth-card>.date-assistant-head{padding:22px}.codegen-auth-card>.notice{margin:0 22px 20px}.codegen-auth-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.codegen-auth-group{align-content:start;display:grid;gap:15px;padding:20px 22px 22px}.codegen-auth-group+.codegen-auth-group{border-left:1px solid var(--line)}
.codegen-group-head{align-items:flex-start;display:flex;gap:11px;margin-bottom:2px}.codegen-group-head>span{color:var(--accent);font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.68rem;padding-top:2px}.codegen-group-head>div{display:grid;gap:1px}.codegen-group-head strong{font-size:.8rem;font-weight:600}.codegen-group-head small{color:var(--muted);font-size:.7rem;font-weight:400}
.codegen-auth-card>.date-advanced{padding:17px 22px 20px}.codegen-recording-head{align-items:end;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:4px;padding-top:22px}.codegen-recording-head h3,.codegen-recording-head p{margin:0}.codegen-recording-head .eyebrow{margin-bottom:3px}.codegen-recording-head>span{color:var(--muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.codegen-check{align-items:flex-start;background:var(--surface);border:1px solid var(--line);cursor:pointer;display:flex;gap:11px;min-height:0;padding:12px}.codegen-check:hover{border-color:var(--hover)}.codegen-check>span{display:grid;gap:2px}.codegen-check strong{font-size:.78rem;font-weight:600;line-height:1.35}.codegen-check small{color:var(--muted);font-size:.7rem;font-weight:400;line-height:1.4}
.codegen-check input[type="checkbox"],.date-enable input[type="checkbox"],.date-weekend input[type="checkbox"]{-webkit-appearance:auto;appearance:auto;accent-color:var(--accent);background:initial;border:initial;box-shadow:none;flex:0 0 16px;height:16px;margin:2px 0 0;min-height:0;padding:0;width:16px}
.codegen-test-card{background:var(--surface-soft);border:1px solid var(--line);border-left:2px solid var(--accent);display:grid;gap:15px;grid-template-columns:minmax(0,1fr) auto;margin-top:3px;padding:20px}.codegen-test-head{align-items:start;display:flex;gap:16px;grid-column:1/-1;justify-content:space-between}.codegen-test-head h3,.codegen-test-head p{margin:0}.codegen-test-head .eyebrow{margin-bottom:3px}.codegen-test-card>p{color:var(--muted);font-size:.82rem;grid-column:1/-1;margin:0}.codegen-test-confirm{min-width:0}.codegen-test-card>button{align-self:stretch;white-space:nowrap}.codegen-form>button{justify-self:start;min-width:170px}
@media(max-width:1000px){.codegen-layout{grid-template-columns:1fr}.codegen-form .formgrid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.codegen-form,.codegen-result{padding:20px}.codegen-form .formgrid,.codegen-auth-grid,.date-choice-grid{grid-template-columns:1fr}.date-converter-assistant{padding:16px}.codegen-auth-card{padding:0}.codegen-auth-card>.date-assistant-head{padding:18px}.codegen-auth-card>.notice{margin:0 18px 18px}.codegen-auth-group{padding:18px}.codegen-auth-group+.codegen-auth-group{border-left:0;border-top:1px solid var(--line)}.codegen-auth-card>.date-advanced{padding:16px 18px 18px}.date-assistant-head{display:grid}.date-assistant-head .role-badge{justify-self:start}.date-calendar-selector,.date-unavailable-field{grid-column:auto}.date-suggestion-card{padding:14px}.codegen-recording-head{align-items:start;display:grid;gap:4px}.codegen-test-card{grid-template-columns:1fr}.codegen-test-card>*{grid-column:1}.codegen-test-card>button,.codegen-form>button{width:100%}}
.monitor-head-actions{align-items:flex-end;display:flex;flex-direction:column;gap:12px}
.monitor-head-actions form{display:block}.journey-state{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:grid;gap:10px;grid-template-columns:auto 1fr;padding:10px 14px;box-shadow:0 6px 18px var(--shadow)}
.journey-state strong,.journey-state small{display:block}.journey-state small{color:var(--muted);font-size:.72rem;margin-top:1px}.journey-state-dot{background:var(--muted);border-radius:50%;box-shadow:0 0 0 5px var(--surface-soft);height:10px;width:10px}.journey-state.enabled{border-color:var(--accent)}.journey-state.enabled .journey-state-dot{background:var(--accent);box-shadow:0 0 0 5px var(--success-bg)}
.journey-enable-toggle{margin-bottom:4px}.result-facts dd .status{display:inline-block;margin-right:5px}
.journey-editor{overflow:hidden;padding:0}
.journey-editor>summary{align-items:center;background:var(--surface-soft);cursor:pointer;display:flex;gap:24px;justify-content:space-between;list-style:none;padding:20px 24px}
.journey-editor>summary::-webkit-details-marker{display:none}
.journey-editor>summary::before{color:var(--green);content:"+";font-size:1.3rem;font-weight:700;line-height:1}
.journey-editor[open]>summary::before{content:"−"}
.journey-summary-copy{display:grid;flex:1;gap:2px;min-width:0}
.journey-summary-copy strong,.journey-summary-copy small{display:block;line-height:1.4;overflow-wrap:anywhere}
.journey-summary-copy small{color:var(--muted);font-size:.78rem;font-weight:500}
.journey-summary-action{align-items:center;color:var(--green);display:flex;font-size:.85rem;font-weight:700;gap:6px;white-space:nowrap}
.journey-editor>form{margin:0 24px}
.journey-edit-form{padding:26px 0 24px}
.journey-save-row{align-items:center;display:flex;gap:14px}
.journey-save-row small{color:var(--muted);font-size:.78rem}
.journey-delete-form{align-items:center;border-top:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;padding:20px 0 24px}
.journey-delete-form>div{display:grid;gap:2px}
.journey-delete-form small{color:var(--muted);font-size:.78rem;font-weight:400}
.journey-delete-form button{flex:none}
.status-explanation{overflow:hidden;padding:0}
.status-explanation>summary{align-items:center;color:var(--ink);cursor:pointer;display:flex;font-weight:700;justify-content:space-between;list-style:none;padding:13px 16px}
.status-explanation>summary::-webkit-details-marker{display:none}
.status-explanation>summary::after{color:var(--green);content:"+";font-size:1.15rem;line-height:1}
.status-explanation[open]>summary{border-bottom:1px solid var(--line)}
.status-explanation[open]>summary::after{content:"−"}
.status-definitions{display:grid;gap:12px 24px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}
.status-definitions p{display:grid;gap:2px;margin:0}
.status-definitions strong{color:var(--ink)}
.status-definitions span{font-size:.86rem}
.guest-sharing-form{margin-top:22px}
.guest-sharing-form>button{justify-self:start}
.guest-site-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.guest-site-card{display:block;min-width:0}
.guest-site-card h2,.guest-site-card p{overflow-wrap:anywhere}
.guest-revoke-form{align-items:center;border-top:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;margin-top:26px;padding-top:22px}
.guest-revoke-form>div{display:grid;gap:2px}
.guest-revoke-form small{color:var(--muted);font-size:.78rem;font-weight:400}
.guest-revoke-form button{flex:none}
@media(max-width:650px){.monitor-head-actions{align-items:stretch;width:100%}.monitor-head-actions button{width:100%}}
@media(max-width:650px){.journey-editor>summary{gap:12px;padding:17px 18px}.journey-editor>form{margin-inline:18px}.journey-summary-action{font-size:0}.journey-summary-action span{font-size:1rem}.journey-save-row,.journey-delete-form,.guest-revoke-form{align-items:stretch;flex-direction:column}.journey-save-row button,.journey-delete-form button,.guest-sharing-form>button,.guest-revoke-form button{width:100%}.status-definitions{grid-template-columns:1fr}.guest-site-grid{grid-template-columns:1fr}.guest-site-card{padding:20px}.guest-site-card .row{align-items:flex-start;flex-direction:column;gap:9px}.guest-site-card .status{flex:none}}
.review-snapshot{align-items:center;display:flex;gap:24px;justify-content:space-between}.mail-failure{overflow:hidden;padding:0}.mail-failure>summary{align-items:center;cursor:pointer;display:grid;gap:24px;grid-template-columns:minmax(180px,1fr) minmax(280px,2fr) auto;list-style:none;padding:22px 24px}.mail-failure>summary::-webkit-details-marker{display:none}.mail-failure-title,.mail-failure-summary>span{display:grid;min-width:0}.mail-failure small{color:var(--muted);font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.mail-failure strong{overflow-wrap:anywhere}.mail-failure-summary{display:grid;gap:18px;grid-template-columns:.65fr .9fr 1.2fr}.mail-failure-detail{background:var(--surface-soft);border-top:1px solid var(--line);display:grid;gap:24px;grid-template-columns:140px 1fr;padding:20px 24px}.mail-failure-detail>div{display:grid;align-content:start}.mail-failure-detail .diagnostic{border:0;padding-top:4px}
@media(max-width:750px){.review-snapshot{align-items:stretch;flex-direction:column}.mail-failure>summary{align-items:start;grid-template-columns:1fr auto}.mail-failure-summary{grid-column:1/-1;grid-template-columns:1fr 1fr}.mail-failure-detail{grid-template-columns:1fr}}
@media(max-width:480px){.mail-failure-summary{grid-template-columns:1fr}}
.access-editor{background:linear-gradient(145deg,var(--surface),var(--surface-soft));border:1px solid var(--line);border-radius:16px;margin:0;padding:22px}
.access-editor+.access-editor{margin-top:16px}.access-editor-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:18px}.access-editor-head h3,.access-editor-head p{margin-top:0}.access-editor-head h3{margin-bottom:5px}.access-editor-head .eyebrow{margin-bottom:5px}
.access-toggle-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.access-toggle-grid .mail-toggle{height:100%;margin:0}.access-toggle-grid .mail-toggle:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.access-toggle-grid .mail-toggle:has(input:disabled){cursor:not-allowed;filter:saturate(.35);opacity:.62}.access-toggle-grid .mail-toggle:has(input:disabled):hover{transform:none}
.limit-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.limit-grid label{background:var(--surface);border:1px solid var(--line);border-radius:12px;display:grid;gap:6px;padding:16px}.limit-grid label>span{font-weight:700}.limit-grid input,.limit-grid select{margin:0}.access-save{margin-top:20px}.read-only-journeys{display:grid;gap:10px}.read-only-journeys .listrow{margin:0}
.user-admin-summary-state{align-items:center;display:flex;gap:10px}.quota-pill{background:var(--success-bg);border-radius:99px;color:var(--green);font-size:.75rem;font-weight:750;padding:5px 10px;white-space:nowrap}.quota-pill.warning{background:color-mix(in srgb,var(--surface) 75%,var(--amber));color:var(--amber)}.quota-pill.reached{background:var(--danger-bg);color:var(--red)}
.quota-card-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.quota-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;display:grid;gap:9px;padding:16px}.quota-card>div{align-items:start;display:flex;gap:12px;justify-content:space-between}.quota-card>div span{color:var(--muted);font-size:.8rem}.quota-card>div strong{white-space:nowrap}.quota-card small{color:var(--muted)}.quota-card.warning{border-color:var(--amber)}.quota-card.reached{border-color:var(--red)}.quota-card progress{accent-color:var(--accent);background:var(--surface-soft);border:0;border-radius:99px;height:8px;overflow:hidden;width:100%}.quota-card progress::-webkit-progress-bar{background:var(--surface-soft);border-radius:99px}.quota-card progress::-webkit-progress-value{background:var(--accent);border-radius:99px}.quota-card.warning progress,.quota-card.warning progress::-webkit-progress-value{accent-color:var(--amber);background:var(--amber)}.quota-card.reached progress,.quota-card.reached progress::-webkit-progress-value{accent-color:var(--red);background:var(--red)}.quota-scan-breakdown{background:var(--surface-soft);border-radius:10px;color:var(--muted);font-size:.84rem;margin:14px 0 0;padding:12px 14px}.quota-scan-breakdown strong{color:var(--ink)}
.generated-value-list{display:grid;gap:0;padding:0}.generated-value-list>div{align-items:start;border-top:1px solid var(--line);display:grid;gap:18px;grid-template-columns:minmax(150px,.6fr) minmax(0,1.4fr);padding:14px 18px}.generated-value-list>div:first-child{border-top:0}.generated-value-list code{color:var(--green);font-weight:750}.generated-value-list strong{overflow-wrap:anywhere}
.resolved-step-value{overflow-wrap:anywhere}.resolved-step-value code{color:var(--green);font-weight:750}
@media(max-width:950px){.access-toggle-grid,.limit-grid,.quota-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.access-toggle-grid,.limit-grid,.quota-card-grid{grid-template-columns:1fr}.access-editor{padding:17px}.access-save{width:100%}.user-admin-summary-state{align-items:flex-end;flex-direction:column}.quota-pill{white-space:normal}.generated-value-list>div{gap:5px;grid-template-columns:1fr}}

/* Public free checker: a compact working surface followed by a live public directory. */
.free-monitoring-shell{display:grid;gap:42px}
.free-monitoring-hero{align-items:end;display:grid;gap:54px;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);margin-top:8px}
.free-monitoring-copy h1{font-size:clamp(2.7rem,6vw,5.4rem);max-width:9.5ch}
.free-monitoring-copy .lead{font-size:1.08rem;max-width:58ch}
.free-check-form{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px var(--shadow);gap:12px;padding:28px}
.free-check-form>label{font-size:.82rem;letter-spacing:.025em}
.free-url-control{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}
.free-url-control input{font-size:1rem;min-width:0;padding:14px}
.free-url-control button{white-space:nowrap}
.free-check-form .hint{margin:0}
.free-check-form .notice{margin:4px 0 0}
.free-result-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-left-width:3px;border-radius:10px;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) auto;padding:26px 28px}
.free-result-card.up{border-left-color:var(--green)}
.free-result-card.down,.free-result-card.error{border-left-color:var(--red)}
.free-result-card.queued,.free-result-card.checking{border-left-color:var(--amber)}
.free-result-card h2{font-size:1.55rem;margin:.1rem 0;overflow-wrap:anywhere}
.free-result-summary{color:var(--muted);margin:7px 0 0}
.free-result-state{align-items:center;column-gap:11px;display:grid;grid-template-columns:8px minmax(0,1fr);min-width:220px;row-gap:5px}
.free-result-state strong{font-size:1.12rem;line-height:1.2}
.free-result-state small{color:var(--muted);grid-column:2;line-height:1.45}
.free-status-mark{align-self:center;background:var(--muted);border-radius:50%;grid-row:1/4;height:8px;margin:0;width:8px}
.up .free-status-mark{background:var(--green)}
.down .free-status-mark,.error .free-status-mark{background:var(--red)}
.queued .free-status-mark,.checking .free-status-mark{background:var(--amber)}
.free-section-head{align-items:end;display:flex;gap:32px;justify-content:space-between;margin-bottom:20px}
.free-section-head h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:.1em 0 0}
.free-section-head>p{color:var(--muted);margin:0;text-align:right}
.free-leaderboard-table{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.free-leaderboard-row{align-items:center;border-top:1px solid var(--line);display:grid;gap:20px;grid-template-columns:minmax(190px,1.35fr) minmax(110px,.65fr) minmax(120px,.7fr) minmax(145px,.8fr);padding:15px 20px}
.free-leaderboard-row:first-child{border-top:0}
.free-leaderboard-row strong{overflow-wrap:anywhere}
.free-leaderboard-row time,.free-leaderboard-row>span:not(:first-child){color:var(--muted);font-size:.88rem}
.free-leaderboard-heading{background:var(--surface-soft);color:var(--muted);font-size:.72rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase}
.free-mini-status{border-radius:999px;display:inline-flex!important;font-size:.75rem!important;font-weight:750;padding:5px 9px}
.free-mini-status.up{background:var(--success-bg);color:var(--green)!important}
.free-mini-status.down,.free-mini-status.error{background:var(--danger-bg);color:var(--red)!important}
.free-empty{margin-top:0}
.free-faq{margin:0 0 clamp(28px,5vw,52px)}
.free-faq details{border-top:1px solid var(--line);padding:18px 0}
.free-faq details:last-child{border-bottom:1px solid var(--line)}
.free-faq summary{cursor:pointer;font-weight:700;font-size:1.05rem}
.free-faq details p{color:var(--muted);margin:.6em 0 0;max-width:72ch}
.free-working-callout{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:clamp(28px,5vw,52px)}
.free-working-callout h2{font-size:clamp(2rem,4vw,3.6rem);margin:.15em 0;max-width:14ch}
.free-working-callout>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;max-width:68ch}
.free-working-callout .button{margin-top:12px}
@media(max-width:900px){.free-monitoring-hero{align-items:stretch;gap:32px;grid-template-columns:1fr}.free-monitoring-copy h1{max-width:12ch}.free-check-form{max-width:680px}.free-leaderboard-heading{display:none}.free-leaderboard-row{gap:8px 18px;grid-template-columns:minmax(0,1fr) auto;padding-block:18px}.free-leaderboard-row>*{display:grid!important;gap:2px}.free-leaderboard-row>*::before{color:var(--muted);content:attr(data-label);font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.free-leaderboard-row strong{grid-column:1/-1}.free-leaderboard-row strong::before{content:"Website"}.free-leaderboard-row>span:nth-child(2)::before{content:"Last status"}.free-leaderboard-row>span:nth-child(3)::before{content:"People checking"}.free-leaderboard-row time::before{content:"Checked"}}
@media(max-width:650px){.free-monitoring-shell{gap:32px}.free-monitoring-hero{margin-top:0}.free-monitoring-copy h1{font-size:clamp(2.5rem,14vw,4.1rem)}.free-url-control{grid-template-columns:1fr}.free-url-control button{width:100%}.free-check-form{padding:20px}.free-result-card{align-items:start;grid-template-columns:1fr;padding:22px}.free-section-head{align-items:start;display:grid;gap:8px}.free-section-head>p{text-align:left}.free-leaderboard-row{grid-template-columns:1fr}.free-leaderboard-row strong{grid-column:auto}.free-working-callout .button{width:100%}}

/* Responsive layout safeguards for dense controls and administration tables. */
.form-actions{align-items:stretch;flex-wrap:wrap;margin-top:4px}
.form-actions form,.form-actions button{height:100%}
.share-link input,.search-form input{min-width:0}
.admin-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.live-filter-grid{align-items:end;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.live-filter-grid>.button,.live-filter-grid>button{align-items:center;display:inline-flex;justify-content:center;min-height:47px}
.sectionhead>div{min-width:0}
.sectionhead>.button,.sectionhead>form{flex:none}
.row-arrow{margin-left:5px}
.review-snapshot>div{min-width:0}
.review-snapshot>.button{flex:none}
@media(max-width:900px){
  .admin-sites .tr{align-items:start;gap:18px 24px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);padding-block:18px}
  .admin-sites .heading{display:none}
  .admin-sites .tr>span{display:grid!important;gap:3px;min-width:0;overflow-wrap:anywhere}
  .admin-sites .tr>span::before{color:var(--muted);content:attr(data-label);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
  .review-snapshot>.button{align-self:flex-start}
}
@media(max-width:650px){
  .form-actions{flex-direction:column}
  .form-actions form,.form-actions button,.live-filter-grid>.button,.live-filter-grid>button,.sectionhead>.button,.sectionhead>form,.sectionhead>form button{width:100%}
  .admin-sites .tr{grid-template-columns:1fr}
  .review-snapshot>.button{align-self:stretch;text-align:center}
}

/* Dense records use roomy summaries instead of spreadsheet-like compression. */
.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.formgrid{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.health-grid,.split-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
.pagehead>div,.listrow>div,.row>*{min-width:0}
.lead,.listrow p,.pagehead h1{overflow-wrap:break-word}
.listrow>form,.listrow>.status{flex:none}
.mail-toggle>span:last-child{min-width:0}
.button,button{text-align:center}
.responsive-table .tr{align-items:center;gap:18px}
.responsive-table .tr>span{min-width:0}
.incident-review-list{overflow:hidden}
.incident-review-record+.incident-review-record{border-top:1px solid var(--line)}
.incident-review-link{align-items:center;color:var(--ink);display:grid;gap:28px;grid-template-columns:minmax(0,1fr) minmax(210px,.42fr) auto;padding:24px;text-decoration:none}
.incident-review-link:hover{background:var(--surface-soft)}
.incident-review-link:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.incident-review-summary,.incident-review-meta{display:grid;align-content:start;gap:16px;min-width:0}
.incident-review-meta{border-left:1px solid var(--line);padding-left:28px}
.incident-review-field{display:grid;gap:4px;min-width:0}
.incident-review-field h3,.incident-review-field p{margin:0;overflow-wrap:break-word}
.incident-review-field h3{font-size:1.05rem;line-height:1.3}
.incident-review-label{color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}
.incident-review-page{font-weight:650;line-height:1.4}
.incident-review-message{background:var(--surface-soft);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;display:-webkit-box;line-height:1.5;overflow:hidden;padding:10px 12px;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.incident-review-meta p{color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.incident-review-action{align-items:center;display:flex;gap:9px;white-space:nowrap}
.incident-review-arrow{align-items:center;background:var(--surface-soft);border-radius:50%;display:inline-flex;height:32px;justify-content:center;transition:transform .18s ease;width:32px}
.incident-review-link:hover .incident-review-arrow{transform:translateX(2px)}

/* Purpose-built administration components. Their block markup stays readable before CSS loads. */
.admin-overview-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0}
.admin-stat{background:color-mix(in srgb,var(--surface) 94%,var(--accent-2));border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px var(--shadow);display:grid;gap:5px;min-width:0;padding:18px}
.admin-stat span{color:var(--muted);font-size:.74rem;font-weight:700;line-height:1.35;text-transform:uppercase;letter-spacing:.04em}
.admin-stat strong{font-size:1.35rem;line-height:1.2;overflow-wrap:break-word}
.admin-growth-panel{margin-top:0}
.admin-growth-panel h3{margin-top:0}
.admin-growth-scroll{overflow-x:auto;padding:2px 0 16px}
.admin-growth-scroll .growth-grid{min-width:560px}

.admin-site-list{overflow:hidden}
.admin-site-record+.admin-site-record{border-top:1px solid var(--line)}
.admin-site-link{align-items:center;color:var(--ink);display:grid;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(190px,.8fr) minmax(300px,1fr) auto;padding:22px 24px;text-decoration:none}
.admin-site-link:hover{background:var(--surface-soft)}
.admin-site-link:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.admin-site-identity,.admin-site-owner,.admin-site-facts>div{display:grid;gap:4px;min-width:0}
.admin-site-identity h3,.admin-site-identity p,.admin-site-owner p,.admin-site-facts p{margin:0;overflow-wrap:break-word}
.admin-site-identity h3{font-size:1.05rem;line-height:1.35}
.admin-site-identity>p:last-child,.admin-site-owner>p:last-child{color:var(--muted);overflow-wrap:anywhere}
.admin-record-label{color:var(--muted)!important;font-size:.68rem;font-weight:750;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}
.admin-site-owner{border-left:1px solid var(--line);padding-left:24px}
.admin-site-facts{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
.admin-site-facts .status{justify-self:start}
.admin-site-arrow{align-items:center;background:var(--surface-soft);border-radius:50%;display:inline-flex;height:34px;justify-content:center;transition:transform .18s ease;width:34px}
.admin-site-link:hover .admin-site-arrow{transform:translateX(2px)}

.monitor-directory{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px var(--shadow);overflow:hidden}
.monitor-directory-row{align-items:center;color:var(--ink);display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(390px,1fr) auto;padding:22px 24px;text-decoration:none}
.monitor-directory-row+.monitor-directory-row{border-top:1px solid var(--line)}
.monitor-directory-row:hover{background:var(--surface-soft)}
.monitor-directory-row:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.monitor-directory-identity,.monitor-directory-facts>div{display:grid;gap:4px;min-width:0}
.monitor-directory-identity h3,.monitor-directory-identity p,.monitor-directory-facts p{margin:0;overflow-wrap:break-word}
.monitor-directory-identity h3{font-size:1.05rem;line-height:1.35}
.monitor-directory-identity>p:last-child{color:var(--muted);overflow-wrap:anywhere}
.monitor-directory-facts{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
.monitor-directory-facts .status{justify-self:start}
.monitor-directory-arrow{align-items:center;background:var(--surface-soft);border-radius:50%;display:inline-flex;height:34px;justify-content:center;transition:transform .18s ease;width:34px}
.monitor-directory-row:hover .monitor-directory-arrow{transform:translateX(2px)}

.user-admin-primary-link{justify-self:start}
.user-admin-actions{border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding-top:20px}
.user-admin-actions form{display:block;min-width:0}
.user-admin-actions button{height:100%;min-height:47px;width:100%}
.captured-evidence-stack{display:grid;gap:22px}
.captured-evidence-stack .review-snapshot{margin-top:0}
.captured-evidence-stack .journey-screenshot{margin-top:0}
.captured-evidence-action{margin:0}
.review-resolution-grid{align-items:start;display:grid;gap:22px;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)}
.review-resolution-grid>.panel{margin-top:0}
.review-resolution-form button{justify-self:start}
.review-comments-panel{display:grid;gap:22px}
.review-comments-head{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}
.review-comments-head h3,.review-comments-head p{margin-top:0}
.review-comments-head h3{margin-bottom:5px}
.review-comments-head .muted{margin-bottom:0}
.review-comments-head .role-badge{flex:none}
.review-comment-list{display:grid;gap:14px}
.review-comment{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:17px}
.review-comment-head{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}
.review-comment-head p,.review-comment-time,.review-comment-body,.review-comments-empty p{margin:0}
.review-comment-head p{color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}
.review-comment-time{color:var(--muted);display:grid;flex:none;font-size:.76rem;gap:2px;text-align:right}
.review-comment-time small{font-size:inherit}
.review-comment-body{line-height:1.55;margin-top:14px!important;overflow-wrap:break-word;white-space:pre-wrap}
.review-comment-controls{align-items:start;display:flex;gap:10px;margin-top:16px}
.review-comment-controls>details>summary{list-style:none}
.review-comment-controls>details>summary::-webkit-details-marker{display:none}
.review-comment-controls>details[open]{flex:1}
.review-comment-controls>details>form{border-top:1px solid var(--line);margin-top:12px;padding-top:14px}
.review-comment-controls>form{display:block}
.review-comment-controls button,.review-comment-controls .button{box-shadow:none;padding:9px 13px}
.review-comments-empty{border:1px dashed var(--line);border-radius:12px;padding:20px;text-align:center}
.review-comment-add{border-top:1px solid var(--line);padding-top:20px}
.review-comment-add button{justify-self:start}
.incident-summary{display:grid;gap:7px}
.incident-title-row{align-items:center;display:flex;gap:12px;min-width:0}
.incident-title-row .status{flex:none;margin:0}
.incident-title-row strong{line-height:1.4;overflow-wrap:break-word}
.incident-report-action{align-items:center;display:inline-flex;flex:0 0 190px;justify-content:center;min-height:47px;width:190px}
.table-detail{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.admin-stat-link{color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.admin-stat-link:hover{border-color:var(--accent);transform:translateY(-2px)}
.admin-stat-link small{color:var(--green);font-size:.75rem;font-weight:700}
.resource-filters{grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(150px,.65fr)) auto}
.resource-summary{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0}
.resource-summary article{background:color-mix(in srgb,var(--surface) 94%,var(--accent-2));border:1px solid var(--line);border-radius:12px;display:grid;gap:5px;padding:17px}
.resource-summary span,.resource-measures span{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.resource-summary strong{font-size:1.2rem}
.resource-summary small,.resource-identity small,.resource-measures small{color:var(--muted);overflow-wrap:anywhere}
.resource-list{display:grid;gap:14px}
.resource-record{align-items:center;display:grid;gap:24px;grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr) auto;margin-top:0;padding:22px}
.resource-identity,.resource-measures>div{min-width:0}
.resource-identity h3,.resource-identity p{margin:0;overflow-wrap:anywhere}
.resource-identity h3{margin:3px 0}
.resource-measures{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.resource-measures>div{border-left:1px solid var(--line);display:grid;gap:4px;padding-left:16px}
.resource-measures strong{font-size:1.08rem}
.resource-total strong{color:var(--green)}
.resource-actions{display:grid;gap:9px;min-width:138px}
.resource-actions .button{text-align:center;white-space:nowrap}
.journey-resource-list{display:grid;gap:14px}
.journey-resource-record{display:grid;gap:20px;margin-top:0;padding:22px}
.journey-resource-record.load-critical{border-left:4px solid var(--red)}
.journey-resource-record.load-heavy{border-left:4px solid var(--amber)}
.journey-resource-head{align-items:start;display:flex;gap:18px;justify-content:space-between}
.journey-resource-head h3,.journey-resource-head p{margin:0;overflow-wrap:anywhere}
.journey-resource-head small{color:var(--muted)}
.journey-resource-measures{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}
.journey-resource-measures>div{border-left:1px solid var(--line);display:grid;gap:4px;padding-left:14px}
.journey-resource-measures span{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.journey-resource-measures small{color:var(--muted)}
.journey-load-reasons{background:var(--danger-bg);border-radius:8px;color:var(--red);margin:0;padding:10px 12px}
.journey-load-guide{margin:14px 0 22px}
.journey-resource-record .resource-actions{align-items:center;display:flex;flex-wrap:wrap;min-width:0}
.journey-resource-record .resource-actions form{display:block}

.mail-failure>summary{align-items:center;gap:18px 24px;grid-template-columns:minmax(0,1fr) auto}
.mail-failure-title{gap:4px}
.mail-failure-title strong{font-size:1rem;overflow-wrap:anywhere}
.mail-failure-status{align-items:center;display:flex;gap:10px;white-space:nowrap}
.mail-failure-status>span:last-child{color:var(--green);font-size:1.1rem;transition:transform .18s ease}
.mail-failure[open] .mail-failure-status>span:last-child{transform:rotate(180deg)}
.mail-failure-summary{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.mail-failure-summary>span{background:var(--surface-soft);border-radius:9px;gap:3px;padding:11px 13px}
.mail-failure-summary strong{line-height:1.4;overflow-wrap:break-word}
.mail-failure-detail{grid-template-columns:minmax(130px,.35fr) minmax(0,2fr)}
.mail-failure-detail code{max-height:12rem;overflow:auto}

.journey-debug-filters{grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(145px,.7fr)) auto}
.journey-debug-list{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px var(--shadow);overflow:hidden}
.journey-debug-record+.journey-debug-record{border-top:1px solid var(--line)}
.journey-debug-link{align-items:center;color:var(--ink);display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(390px,1fr) auto;padding:22px 24px;text-decoration:none}
.journey-debug-link:hover{background:var(--surface-soft)}
.journey-debug-link:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.journey-debug-identity,.journey-debug-facts>div{display:grid;gap:4px;min-width:0}
.journey-debug-identity h3,.journey-debug-identity p,.journey-debug-identity small,.journey-debug-facts p{margin:0;overflow-wrap:anywhere}
.journey-debug-identity h3{font-size:1.05rem;line-height:1.35}
.journey-debug-identity>p:last-of-type,.journey-debug-identity small{color:var(--muted)}
.journey-debug-facts{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
.journey-debug-facts .status{justify-self:start}
.journey-debug-arrow{align-items:center;background:var(--surface-soft);border-radius:50%;display:inline-flex;height:34px;justify-content:center;transition:transform .18s ease;width:34px}
.journey-debug-link:hover .journey-debug-arrow{transform:translateX(2px)}
.journey-debug-summary{display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;margin-top:28px}
.journey-debug-summary>.panel{display:grid;gap:6px;margin:0;padding:20px}
.journey-debug-summary p{margin:0}
.break-anywhere{overflow-wrap:anywhere}
.journey-debug-run-panel{align-items:start;display:grid;gap:34px;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr)}
.journey-debug-run-panel h2,.journey-debug-run-panel p{margin-top:0}
.journey-debug-run-panel form{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:18px}
.checkline{align-items:flex-start;display:grid;gap:11px;grid-template-columns:auto 1fr}
.checkline input{margin-top:4px;width:auto}
.checkline span{display:grid;gap:2px}
.checkline small{color:var(--muted);font-weight:400;line-height:1.45}
.warning-check{border-top:1px solid var(--line);padding-top:15px}
.journey-run-history{display:grid;gap:10px}
.journey-run-row{color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) auto auto;text-decoration:none}
.journey-run-row-state{align-items:end;display:grid;gap:5px;justify-items:end}
.journey-run-row-state small{color:var(--muted)}
.technical-disclosure>summary{align-items:center;cursor:pointer;display:flex;gap:20px;justify-content:space-between}
.technical-disclosure>summary span{color:var(--green);font-size:.78rem;font-weight:700}
.technical-json{background:var(--ink);border-radius:10px;color:var(--paper);font-size:.76rem;line-height:1.55;margin:18px 0 0;max-height:32rem;overflow:auto;padding:18px;white-space:pre-wrap;word-break:break-word}
.journey-run-metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}
.journey-run-metrics article{background:var(--surface);border:1px solid var(--line);border-radius:12px;display:grid;gap:4px;padding:16px}
.journey-run-metrics span,.technical-facts dt{color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.journey-run-metrics strong{overflow-wrap:anywhere}
.journey-step-debug-list{display:grid;gap:18px}
.journey-step-debug{margin-top:0}
.journey-step-debug-head{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}
.journey-step-debug-head h3,.journey-step-debug-head p{margin:0}
.journey-step-debug-head>div:last-child{align-items:end;display:grid;gap:5px}
.journey-step-debug-head small{color:var(--muted)}
.technical-facts{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}
.technical-facts>div{background:var(--surface-soft);border-radius:9px;min-width:0;padding:12px}
.technical-facts dd{font-size:.88rem;overflow-wrap:anywhere}
.journey-step-shot{margin:20px 0}
.journey-step-shot img,.journey-full-failure{border:1px solid var(--line);border-radius:10px;display:block;height:auto;max-width:100%;width:100%}
.journey-step-shot figcaption{color:var(--muted);font-size:.78rem;margin-top:7px}
.journey-technical-grid{display:grid;gap:18px;grid-template-columns:1fr 1fr}
.journey-technical-grid>.panel{margin-top:0;min-width:0}
.evidence-retention-note{border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;margin:20px 0 0;padding-top:16px}

@media(max-width:1000px){
  .responsive-table .heading{display:none}
  .responsive-table .tr{align-items:start;gap:18px 24px;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:18px}
  .responsive-table .tr>span{display:grid!important;gap:3px;overflow-wrap:break-word}
  .responsive-table .tr>span::before{color:var(--muted);content:attr(data-label);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
  .audit-table .tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mail-failure-summary{grid-template-columns:1fr}
  .mail-failure-detail{grid-template-columns:1fr}
  .incident-review-link{gap:22px;grid-template-columns:minmax(0,1fr) minmax(200px,.42fr) auto}
  .admin-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-site-link{grid-template-columns:minmax(0,1fr) minmax(210px,.65fr) auto}
  .admin-site-facts{grid-column:1/-1}
  .admin-site-arrow{grid-column:3;grid-row:1}
  .review-resolution-grid{grid-template-columns:1fr}
  .monitor-directory-row{grid-template-columns:minmax(0,1fr) auto}
  .monitor-directory-facts{grid-column:1/-1}
  .monitor-directory-arrow{grid-column:2;grid-row:1}
  .resource-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .resource-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .resource-record{grid-template-columns:1fr auto}
  .resource-measures{grid-column:1/-1;grid-row:2}
  .resource-actions{grid-column:2;grid-row:1}
  .journey-resource-measures{grid-template-columns:repeat(3,minmax(0,1fr))}
  .journey-debug-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-debug-link{grid-template-columns:minmax(0,1fr) auto}
  .journey-debug-facts{grid-column:1/-1}
  .journey-debug-arrow{grid-column:2;grid-row:1}
  .journey-debug-run-panel{grid-template-columns:1fr}
}
@media(max-width:820px){
  .incident-review-link{align-items:start;grid-template-columns:1fr}
  .incident-review-meta{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0;padding-top:20px}
  .incident-review-action{justify-content:space-between}
  .admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-site-link{align-items:start;grid-template-columns:1fr auto}
  .admin-site-owner{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding-left:0;padding-top:18px}
  .admin-site-facts{grid-column:1/-1}
  .admin-site-arrow{grid-column:2;grid-row:1}
  .monitor-directory-row{align-items:start}
}
@media(max-width:650px){
  .responsive-table .tr,.audit-table .tr{grid-template-columns:1fr}
  .mail-failure>summary{grid-template-columns:minmax(0,1fr) auto;padding:18px}
  .mail-failure-title{grid-column:1/-1}
  .mail-failure-status{grid-column:1/-1;justify-content:space-between}
  .mail-failure-detail{padding:18px}
  .incident-review-link{gap:20px;padding:20px}
  .incident-review-meta{grid-template-columns:1fr}
  .admin-overview-grid{gap:10px;margin-top:18px}
  .admin-stat{padding:15px}
  .admin-stat strong{font-size:1.2rem}
  .admin-growth-panel{padding:20px}
  .admin-site-link{gap:18px;padding:20px}
  .admin-site-facts{gap:8px}
  .admin-site-facts>div{background:var(--surface-soft);border-radius:8px;padding:10px}
  .monitor-directory-row{gap:18px;padding:20px}
  .monitor-directory-facts{gap:8px;grid-template-columns:1fr}
  .monitor-directory-facts>div{background:var(--surface-soft);border-radius:8px;padding:10px}
  .user-admin summary{align-items:flex-start;gap:14px}
  .user-admin summary>span:first-child{min-width:0}
  .user-admin summary small{overflow-wrap:anywhere}
  .user-admin-primary-link{justify-self:stretch;text-align:center;width:100%}
  .user-admin-actions{grid-template-columns:1fr}
  .review-resolution-form button,.review-comment-add button{width:100%}
  .review-comments-head,.review-comment-head{align-items:flex-start;flex-direction:column}
  .review-comment-time{text-align:left}
  .review-comment-controls{align-items:stretch;display:grid;grid-template-columns:1fr}
  .review-comment-controls>details,.review-comment-controls>form,.review-comment-controls button,.review-comment-controls .button{width:100%}
  .review-comment-controls .button{text-align:center}
  .incident-title-row{align-items:flex-start;flex-direction:column}
  .incident-report-action{flex-basis:auto;width:100%}
  .resource-filters,.resource-summary{grid-template-columns:1fr}
  .resource-record{align-items:stretch;grid-template-columns:1fr;padding:20px}
  .resource-measures{grid-column:1;grid-row:auto;grid-template-columns:1fr}
  .resource-measures>div{background:var(--surface-soft);border:0;border-radius:9px;padding:12px}
  .resource-actions{grid-column:1;grid-row:auto}
  .resource-actions .button{width:100%}
  .journey-resource-head{align-items:flex-start;flex-direction:column}
  .journey-resource-measures{grid-template-columns:1fr}
  .journey-resource-measures>div{background:var(--surface-soft);border:0;border-radius:9px;padding:12px}
  .journey-resource-record .resource-actions{align-items:stretch;display:grid}
  .journey-resource-record .resource-actions button{width:100%}
  .journey-debug-filters,.journey-debug-summary,.journey-run-metrics,.technical-facts,.journey-technical-grid{grid-template-columns:1fr}
  .journey-debug-link{gap:18px;padding:20px}
  .journey-debug-facts{gap:8px;grid-template-columns:1fr}
  .journey-debug-facts>div{background:var(--surface-soft);border-radius:8px;padding:10px}
  .journey-run-row{align-items:stretch;grid-template-columns:1fr}
  .journey-run-row-state{align-items:start;justify-items:start}
  .journey-step-debug-head{flex-direction:column}
  .journey-step-debug-head>div:last-child{align-items:start}
}

/* Settings follow the same calm card hierarchy as the administration records. */
.settings-page>.notice{margin-top:24px}
.settings-stack{display:grid;gap:18px;margin-top:30px}
.settings-card{margin-top:0;padding:28px}
.settings-card-head{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}
.settings-card-head h2,.settings-card-head p{margin:0}
.settings-card-head .eyebrow{margin-bottom:5px}
.settings-icon{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;color:var(--green);display:flex;flex:none;font-size:.8rem;font-weight:800;height:38px;justify-content:center;letter-spacing:-.02em;width:38px}
.settings-card>p.muted{margin:-6px 0 22px}
.settings-card form>button{justify-self:start}
.preference-summary{align-items:flex-start;background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;display:grid;gap:9px;padding:15px 16px}
.preference-summary .status{justify-self:start}
.preference-summary p{color:var(--muted);font-size:.84rem;margin:0}
.profile-panels>.panel{margin-top:0;min-width:0}
.collection-panel{padding:24px}
.collection-panel>.sectionhead{margin-bottom:14px}
.collection-panel>.sectionhead h2{font-size:1.2rem;margin-bottom:0}
.collection-panel>.sectionhead .eyebrow{margin-bottom:4px}
.collection-panel>.listrow{box-shadow:none;margin:9px 0}
.inline-empty{background:var(--surface-soft);border:1px dashed var(--line);border-radius:11px;color:var(--muted);padding:22px;text-align:center}
.inline-empty p{margin:0}
@media(max-width:650px){
  .settings-card{padding:21px}
  .settings-card form>button{width:100%}
  .collection-panel{padding:20px}
}
@media(max-width:820px){.split-panels{grid-template-columns:1fr}}
@media(max-width:500px){
  header{align-items:stretch;flex-direction:column;gap:10px;padding-block:14px}
  .brand{align-self:flex-start}
  .header-actions{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));width:100%}
  .header-actions form{display:block;width:100%}
  .header-actions .button,.header-actions button{font-size:.78rem;padding:9px 7px;white-space:nowrap;width:100%}
}

/* --------------------------------------------------------------------------
   Pulse instrument interface
   The app borrows the sales site's precise, editorial character while keeping
   operational information comfortably readable and controls unmistakable.
   -------------------------------------------------------------------------- */

html{scroll-behavior:smooth}
body{
  background:var(--paper);
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  letter-spacing:-.008em;
  line-height:1.6;
}
::selection{background:var(--accent);color:var(--paper)}
a,button,input,select,textarea,summary{transition:border-color .16s ease,background-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.skip-link{background:var(--ink);color:var(--paper);left:16px;padding:9px 13px;position:fixed;top:12px;transform:translateY(-180%);z-index:100}
.skip-link:focus{transform:translateY(0)}

.app-header{
  background:var(--header);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
  height:76px;
  min-height:76px;
  padding:0 max(32px,calc((100vw - 1180px)/2));
  position:sticky;
  top:0;
  z-index:20;
}
.brand{align-items:baseline;color:var(--ink);display:flex;font-weight:400;gap:7px;letter-spacing:0;text-transform:none}
.brand em{font-size:20px;font-weight:500;letter-spacing:-.04em}
.brand span{color:var(--muted);font-size:12px}
.brand small{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.account-menu{position:relative}
.menu-toggle,.menu-trigger{display:none}
.menu-toggle{height:1px;min-height:0;opacity:0;position:absolute;width:1px}
.menu-trigger{align-items:center;color:var(--ink);cursor:pointer;font-size:13px;font-weight:500;gap:12px;padding:10px 0}
.menu-toggle:checked+.menu-trigger .menu-state{font-size:0}
.menu-toggle:checked+.menu-trigger .menu-state::after{content:"[−]";font-size:13px}
.menu-toggle:focus-visible+.menu-trigger{outline:2px solid var(--accent);outline-offset:4px}
.header-actions{gap:6px}
.header-actions form{display:block}
.header-actions .button,.header-actions button{background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--muted);font-size:13px;font-weight:450;padding:10px 13px}
.header-actions .button::before,.header-actions .button::after,.header-actions button::before,.header-actions button::after{content:none}
.header-actions .button:hover,.header-actions button:hover{background:var(--surface-soft);color:var(--ink);filter:none;transform:none}
.role-badge{background:transparent;border:1px solid var(--line);border-radius:0;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.09em;padding:7px 10px;text-transform:uppercase}

main{max-width:1180px;padding:72px 32px 120px}
h1,h2,h3,h4{font-weight:450;text-wrap:balance}
h1{font-size:clamp(2.75rem,5.5vw,5.15rem);font-weight:350;letter-spacing:-.06em;line-height:.98;margin:.18em 0 .25em;max-width:900px}
h2{font-size:clamp(1.55rem,2.5vw,2.15rem);letter-spacing:-.035em;line-height:1.12}
h3{font-size:1.08rem;letter-spacing:-.018em}
.lead{font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.65;max-width:680px}
.eyebrow{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.eyebrow::before{color:var(--accent);content:"[ ";letter-spacing:0}
.eyebrow::after{color:var(--accent);content:" ]";letter-spacing:0}
.back{display:inline-block;font-size:13px;margin-bottom:18px}
.back:hover,.open-link:hover{color:var(--accent)}
.pagehead{align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:40px}
.pagehead>div:first-child{min-width:0}
.pagehead .role-badge{margin-bottom:8px}

.button,button{
  background:var(--ink);
  border:1px solid var(--ink);
  border-radius:0;
  box-shadow:none;
  color:var(--paper);
  font-size:13px;
  font-weight:500;
  letter-spacing:0;
  min-height:44px;
  padding:11px 17px;
  -webkit-user-select:none;
  user-select:none;
}
.button::before,button::before{content:"[ ";opacity:.68}
.button::after,button::after{content:" ]";opacity:.68}
.button:hover,button:hover{background:var(--accent);border-color:var(--accent);color:var(--paper);filter:none;transform:none}
.quiet{background:transparent;border-color:var(--line);color:var(--ink)}
.quiet:hover{background:var(--surface-soft);border-color:var(--hover);color:var(--ink)}
.danger{background:transparent;border-color:color-mix(in srgb,var(--red) 50%,var(--line));color:var(--red)}
.danger:hover{background:var(--red);border-color:var(--red);color:#fff}
button:disabled,.button.disabled{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
.site-alert-toggle::before,.site-alert-toggle::after,.mail-toggle::before,.mail-toggle::after{content:none}
.mail-toggle{-webkit-user-select:none;user-select:none}

form{gap:18px}
label{font-size:13px;font-weight:550;gap:8px}
label small,.hint{font-size:12px;line-height:1.55}
input,select,textarea{
  background:var(--field);
  border:1px solid var(--field-line);
  border-radius:0;
  color:var(--ink);
  font-size:15px;
  min-height:46px;
  padding:11px 13px;
}
textarea{line-height:1.55}
input:hover,select:hover,textarea:hover{border-color:var(--hover)}
input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid var(--focus);outline-offset:0}
input:disabled{background:var(--surface-soft)}

section+section{margin-top:72px}
.sectionhead{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:18px}
.sectionhead h2,.sectionhead h3{margin-bottom:4px}
.panel,.empty,.listrow,.table,.finding,.browser-journeys-section,.journey-debug-list,.monitor-directory,.admin-site-list,.incident-review-list{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:0;
  box-shadow:none;
}
.panel{padding:28px}
.empty{padding:58px 36px}
.empty h2{margin-top:0}
.grid{gap:0;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:36px}
.sitecard{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:28px 22px 28px 0;position:relative}
.sitecard:nth-child(even){border-left:1px solid var(--line);padding-left:28px}
.sitecard::after{color:var(--accent);content:"↗";font-size:14px;position:absolute;right:20px;top:32px}
.sitecard:hover{background:var(--surface-soft);border-color:var(--line);transform:none}
.sitecard h2{font-size:1.5rem;padding-right:46px}
.sitecard dl{border-top:1px solid var(--line);gap:48px;margin-top:24px;padding-top:18px}
dt,.admin-record-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
dd{font-weight:500}

.status{align-items:center;background:transparent!important;border-radius:0;color:var(--ink);display:inline-flex;font-size:12px;font-weight:500;gap:8px;padding:0}
.status::before{background:var(--muted);border-radius:50%;content:"";height:6px;box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 10%,transparent);width:6px}
.status.healthy{color:var(--ink)}
.status.healthy::before{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}
.status.incident{color:var(--red)}
.status.incident::before{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 12%,transparent)}
.status.pending{color:var(--muted)}
.status.pending::before{background:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 12%,transparent)}
.notice{border-left:2px solid var(--muted);border-radius:0;padding:13px 16px}
.notice.good{background:var(--success-bg);border-left-color:var(--green);color:var(--ink)}
.notice.bad{background:var(--danger-bg);border-left-color:var(--red);color:var(--red)}
.notice.archived{background:var(--surface-soft)}
.quota-warning{border:1px solid var(--line);border-left:2px solid var(--amber)}

.metrics{background:transparent;border:1px solid var(--line);border-left:0;border-radius:0;border-right:0;box-shadow:none;margin:38px 0 0;padding:0}
.metrics div{min-height:116px;padding:24px 26px}
.metrics div+div{border-left:1px solid var(--line)}
.metrics span,.admin-stat span,.resource-summary span,.resource-measures span,.journey-run-metrics span,.technical-facts dt{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.metrics strong{font-size:clamp(1.35rem,2vw,1.75rem);font-weight:450}
.admin-overview-grid{border-left:1px solid var(--line);border-top:1px solid var(--line);gap:0;margin-top:24px}
.admin-stat{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;border-right:1px solid var(--line);box-shadow:none;min-height:118px;padding:22px}
.admin-stat strong{font-size:1.65rem;font-weight:420}
.admin-stat-link:hover{background:var(--surface-soft);border-color:var(--line);transform:none}
.resource-summary{border-left:1px solid var(--line);border-top:1px solid var(--line);gap:0}
.resource-summary article{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;border-right:1px solid var(--line)}

.listrow{border-width:0 0 1px;margin:0;padding:20px 2px}
.listrow:hover{background:var(--surface-soft)}
.listrow:first-of-type{border-top:1px solid var(--line)}
.type,.string,.quota-pill{background:transparent;border:1px solid var(--line);border-radius:0;padding:3px 7px}
.string.yes{background:var(--success-bg)}
.string.no{background:var(--danger-bg)}
.open-link{color:var(--muted);font-size:12px;font-weight:500}
.open-link::before{color:var(--accent);content:"[ "}
.open-link::after{color:var(--accent);content:" ]"}

.table{border-left:0;border-right:0}
.tr{padding:15px 4px}
.tr.heading{background:transparent;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.scan-link:hover,.monitor-link:hover{background:var(--surface-soft)}
.responsive-table .tr>span::before{font-size:10px;letter-spacing:.09em}

.admin-nav{background:var(--paper);border:1px solid var(--line);border-left:0;border-radius:0;border-right:0;flex-wrap:nowrap;gap:0;margin:30px 0 56px;overflow-x:auto;padding:0;scrollbar-width:thin;top:75px}
.admin-nav a{border-right:1px solid var(--line);flex:0 0 auto;font-size:12px;font-weight:500;padding:13px 16px;white-space:nowrap}
.admin-nav a:hover{background:var(--surface-soft);color:var(--accent)}
.growth-grid span{background:var(--accent);border-radius:0;width:45%}
.health-grid p{border-bottom:1px solid var(--line);margin:0;padding:12px 0}

.mail-toggle,.site-alert-toggle,.preference-summary,.quota-site-choice,.review-comment,.technical-facts>div,.journey-debug-run-panel form,.mail-failure-summary>span,.journey-visual-settings,.journey-visual-steps{
  background:var(--surface-soft);
  border-color:var(--line);
  border-radius:0;
}
.toggle-track{border-radius:0;height:24px;padding:3px;width:44px}
.toggle-track span{border-radius:0;height:18px;width:18px}
.mail-toggle>input:checked+.toggle-track,.site-alert-toggle .toggle-track.on{background:var(--accent)}
.mail-toggle:has(input:checked),.site-alert-toggle[aria-pressed="true"]{
  background:var(--accent-2);
  border-color:var(--accent);
  box-shadow:inset 4px 0 0 var(--accent);
  color:var(--ink);
}
.mail-toggle:has(input:checked) small,.site-alert-toggle[aria-pressed="true"] small{color:var(--ink)}
.settings-icon{background:transparent;border:0;border-radius:0;color:var(--accent);font-size:11px;height:auto;width:auto}
.settings-icon::before{content:"["}.settings-icon::after{content:"]"}
.settings-stack{gap:24px}
.settings-card{padding:32px}

.admin-site-list,.monitor-directory,.journey-debug-list,.incident-review-list{overflow:hidden}
.admin-site-link,.monitor-directory-row,.journey-debug-link,.incident-review-link{padding:22px}
.admin-site-link:hover,.monitor-directory-row:hover,.journey-debug-link:hover,.incident-review-link:hover{background:var(--surface-soft)}
.admin-site-arrow,.monitor-directory-arrow,.journey-debug-arrow,.incident-review-arrow{background:transparent;border:1px solid var(--line);border-radius:0;color:var(--accent)}
.resource-record{border-radius:0}
.review-snapshot,.journey-screenshot,.journey-step-shot img,.journey-full-failure,.evidence-frame{border-radius:0}
.technical-json{border:1px solid var(--line);border-radius:0}

.mail-preview-frame,.mail-preview-frame iframe{background:#f7f7f4;border-radius:0}
.mail-preview-frame{border-color:var(--line)}
.support-banner{background:var(--surface-soft);color:var(--ink)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

@media(max-width:900px){
  .app-header{padding-inline:24px}
  main{padding:56px 24px 96px}
  h1{font-size:clamp(2.65rem,8vw,4.3rem)}
  .pagehead{align-items:flex-start}
  .admin-nav{margin-bottom:44px}
}

@media(max-width:650px){
  .app-header{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:auto;min-height:68px;padding:0 18px}
  .brand{align-self:auto}
  .account-menu{display:contents}
  .menu-toggle{display:block}
  .menu-trigger{display:flex;margin-left:auto}
  .menu-toggle:not(:checked)~.header-actions{display:none}
  .menu-toggle:checked~.menu-trigger{flex:none;justify-content:flex-end}
  .menu-toggle:checked~.header-actions{border-top:1px solid var(--line);display:grid;gap:0;grid-template-columns:1fr;margin-top:0;padding:10px 0 14px;width:100%}
  .header-actions .role-badge{border:0;border-bottom:1px solid var(--line);padding:10px 12px}
  .header-actions .button,.header-actions button{text-align:left;width:100%}
  main{padding:42px 18px 80px}
  h1{font-size:clamp(2.6rem,13vw,3.7rem);line-height:1.02}
  h2{font-size:1.55rem}
  .lead{font-size:1rem}
  .pagehead{gap:28px;padding-bottom:30px}
  .pagehead>.button,.pagehead>.site-actions{width:100%}
  .pagehead>.button,.site-actions .button,.site-actions button{justify-content:center;text-align:center;width:100%}
  section+section{margin-top:56px}
  .sectionhead{gap:16px}
  .sectionhead .button,.sectionhead button{width:100%}
  .grid{grid-template-columns:1fr;margin-top:24px}
  .sitecard,.sitecard:nth-child(even){border-left:0;padding:24px 38px 24px 0}
  .sitecard dl{gap:28px}
  .metrics{grid-template-columns:1fr;gap:0}
  .metrics div{min-height:auto;padding:20px 2px}
  .metrics div+div{border-left:0;border-top:1px solid var(--line)}
  .panel,.settings-card{padding:22px 18px}
  .empty{padding:40px 20px}
  .admin-nav{margin-inline:-18px;padding-left:18px;top:67px}
  .admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-stat{min-height:104px;padding:16px 13px}
  .admin-stat strong{font-size:1.35rem}
  .listrow{gap:14px;padding:18px 2px}
  .listrow .button,.listrow button{width:100%}
  .tr{padding-inline:2px}
  .share-link{align-items:stretch;flex-direction:column}
  .share-link button{width:100%}
  .resource-summary{grid-template-columns:1fr}
  .mail-preview-panel{padding:12px 0}
}

@media(max-width:380px){
  main{padding-inline:14px}
  .app-header{padding-inline:14px}
  h1{font-size:2.45rem}
  .admin-overview-grid{grid-template-columns:1fr}
  .admin-nav{margin-inline:-14px;padding-left:14px}
}

/* Owner-facing polish: shared control rhythm, roomy records, and journey editing. */
.header-actions{align-items:stretch}
.header-actions form{align-self:stretch;display:flex;margin:0}
.header-actions .button,.header-actions button{
  align-items:center;
  display:inline-flex;
  justify-content:center;
  line-height:1;
  min-height:44px;
}

.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sitecard .row{
  align-items:start;
  display:grid;
  gap:18px;
  grid-template-columns:minmax(0,1fr) auto;
  padding-right:38px;
}
.sitecard h2{min-width:0;padding-right:0;overflow-wrap:anywhere}
.sitecard .status{margin-top:7px;white-space:nowrap}
.sitecard::after{right:18px;top:35px}

.site-actions{align-items:stretch}
.site-actions>form{display:flex}
.site-actions>form>button{height:64px}
.site-alert-toggle{height:64px;min-width:201px;padding:9px 14px}
.guest-sharing-section{margin-top:64px}

select{
  appearance:none;
  background-color:var(--field);
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;
  background-repeat:no-repeat;
  background-size:5px 5px,5px 5px;
  padding-right:38px;
}
.timing-panel{padding:0}
.timing-form{
  align-items:end;
  display:grid;
  gap:18px;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  padding:26px 28px 24px;
}
.timing-form label{min-width:0}
.timing-form button{height:46px;white-space:nowrap}
.timing-explanation{border-top:1px solid var(--line);margin:0;padding:18px 28px 20px}

.monitor-overview-list,.shared-monitor-list{border:1px solid var(--line);overflow:hidden}
.monitor-overview-list .listrow,.shared-monitor-list .listrow{padding:20px 22px}
.monitor-overview-list .listrow:first-child,.shared-monitor-list .listrow:first-child{border-top:0}
.shared-monitor-empty{margin:0;padding:22px}

.monitor-head-actions{align-items:stretch;width:218px}
.monitor-head-actions form,.monitor-head-actions button,.monitor-head-actions .journey-state{width:100%}
.monitor-head-actions button{align-items:center;display:flex;justify-content:center}
.journey-state{border-radius:0;box-shadow:none;min-height:64px;padding:10px 14px}
.journey-state-dot{border-radius:0;box-shadow:0 0 0 4px var(--surface-soft);height:8px;width:8px}
.journey-state.enabled .journey-state-dot{box-shadow:0 0 0 4px var(--success-bg)}

.journey-editor-intro{gap:18px}
.journey-editor-intro>label{
  align-content:center;
  background:var(--surface);
  border:1px solid var(--line);
  height:100%;
  margin:0;
  padding:18px;
}
.journey-editor-intro .mail-toggle{background:var(--surface)}
.journey-visual-editor{gap:24px}
.journey-visual-settings,.journey-visual-steps{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:0;
  padding:0;
}
.journey-visual-heading{border-bottom:1px solid var(--line);margin:0;padding:20px 22px}
.journey-visual-heading h4{font-size:1.08rem}
.journey-visual-settings>[data-journey-settings],.journey-visual-steps>[data-journey-steps]{padding:22px}
.journey-settings-grid{gap:0}
.journey-settings-grid .journey-field{
  background:var(--surface-soft);
  border:1px solid var(--line);
  margin:-1px 0 0 -1px;
  padding:14px;
}
.journey-analytics-settings{border-top:1px solid var(--line);padding:18px 22px}
.journey-analytics-settings .journey-field{max-width:680px}
.journey-probe-note{align-items:center;background:var(--surface-soft);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 16px;padding:15px 22px}
.journey-probe-note span{color:var(--muted);flex:1 1 440px}
.journey-probe-note a{font-weight:650;white-space:nowrap}
.journey-step-list{gap:16px}
.journey-step-card{background:var(--surface);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:0}
.journey-step-card>summary{background:var(--surface);gap:15px;padding:17px 18px}
.journey-step-card[open]>summary{background:var(--surface-soft)}
.journey-step-number{
  background:transparent;
  border:1px solid var(--accent);
  border-radius:0;
  color:var(--accent);
  font-weight:650;
  height:30px;
  width:30px;
}
.journey-step-expand{color:var(--accent);font-weight:550}
.journey-step-expand::before{content:"[ ";opacity:.72}
.journey-step-expand::after{content:" ]";opacity:.72}
.journey-step-card[open] .journey-step-expand::before{content:"[ ";font-size:.76rem}
.journey-step-card[open] .journey-step-expand::after{content:"Close ]";font-size:.76rem}
.journey-step-body{background:color-mix(in srgb,var(--surface) 96%,var(--surface-soft));gap:22px;padding:22px}
.journey-target-panel,.journey-date-panel,.journey-date-matching,.journey-check{
  background:var(--surface-soft);
  border:1px solid var(--line);
  border-radius:0;
}
.journey-target-panel,.journey-date-panel{padding:18px}
.journey-date-matching{background:var(--surface);padding:16px}
.journey-check{background:var(--surface);min-height:52px;padding:11px 13px}
.journey-check input{accent-color:var(--accent);border-radius:0}
.journey-subdetails{border-top:1px solid var(--line);padding-top:14px}
.journey-subdetails>summary{color:var(--ink);font-weight:550}
.journey-subdetails>summary::before{color:var(--accent);content:"[ + ] ";font-weight:650}
.journey-subdetails[open]>summary::before{content:"[ − ] ";}
.journey-step-controls{border-top:1px solid var(--line);gap:10px;padding-top:18px}
.journey-step-controls button,.journey-step-add-actions button{height:44px;min-height:44px;padding:9px 14px}
.journey-remove-step{border-color:color-mix(in srgb,var(--red) 45%,var(--line));color:var(--red)}
.raw-journey-editor{border:1px solid var(--line);padding:0}
.raw-journey-editor>summary{background:var(--surface-soft);padding:15px 18px}
.raw-journey-editor>label{padding:18px}

.live-filter-grid{
  align-items:end;
  gap:18px 14px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
  margin:28px 0 12px;
  padding:22px;
}
.live-filter-grid label{gap:8px;min-width:0}
.live-filter-grid input,.live-filter-grid select{height:46px}
.live-filter-grid>.button,.live-filter-grid>button{
  align-items:center;
  display:inline-flex;
  height:46px;
  justify-content:center;
  margin:0;
  min-height:46px;
  white-space:nowrap;
}

@media(max-width:850px){
  .grid{grid-template-columns:1fr}
  .sitecard:nth-child(even){border-left:0;padding-left:0}
  .timing-form{grid-template-columns:1fr 1fr}
  .timing-form button{grid-column:1/-1;width:100%}
}

@media(max-width:650px){
  .header-actions form{display:flex}
  .header-actions .button,.header-actions button{justify-content:flex-start}
  .sitecard .row{gap:12px;padding-right:32px}
  .sitecard .status{margin-top:5px}
  .site-actions>form>button,.site-alert-toggle{height:64px}
  .guest-sharing-section{margin-top:52px}
  .timing-form{grid-template-columns:1fr;padding:20px 18px}
  .timing-form button{grid-column:auto}
  .timing-explanation{padding:17px 18px 19px}
  .monitor-overview-list .listrow,.shared-monitor-list .listrow{padding:18px}
  .monitor-head-actions{width:100%}
  .journey-editor-intro>label{padding:16px}
  .journey-visual-heading{padding:18px}
  .journey-visual-settings>[data-journey-settings],.journey-visual-steps>[data-journey-steps]{padding:18px}
  .journey-settings-grid{grid-template-columns:1fr}
  .journey-step-body{padding:18px}
  .journey-target-panel,.journey-date-panel{padding:16px}
  .journey-step-controls{grid-template-columns:1fr 1fr}
  .live-filter-grid{grid-template-columns:1fr;padding:18px}
  .live-filter-grid>.button,.live-filter-grid>button{width:100%}
}

@media(max-width:440px){
  .sitecard .row{grid-template-columns:1fr;padding-right:32px}
  .sitecard .status{margin-top:0}
}

.password-visibility-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}
.password-visibility-toggle input{flex:0 0 18px;width:18px;height:18px;min-height:18px;padding:0;margin:0;accent-color:var(--accent)}

/* Role-aware getting-started tutorial and persistent help menu. */
.header-menu-group{align-items:center;display:flex;gap:8px}
.help-menu{position:relative}
.help-menu>summary{color:var(--muted);cursor:pointer;font-size:13px;list-style:none;padding:14px 13px}
.help-menu>summary::-webkit-details-marker{display:none}
.help-menu>summary::after{color:var(--accent);content:" [+]"}
.help-menu[open]>summary::after{content:" [−]"}
.help-menu>summary:hover,.help-menu[open]>summary{background:var(--surface-soft);color:var(--ink)}
.help-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.help-menu-panel{background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 45px color-mix(in srgb,var(--ink) 12%,transparent);display:grid;min-width:320px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:40}
.help-menu-panel a{color:var(--ink);display:grid;font-size:13px;font-weight:650;gap:2px;padding:12px;text-decoration:none}
.help-menu-panel a:hover{background:var(--surface-soft)}
.help-menu-panel span{color:var(--muted);font-size:11px;font-weight:450;line-height:1.45}

.tutorial-shell{margin:0 auto;max-width:940px;padding-bottom:92px}
.tutorial-shell.is-final{padding-bottom:0}
.tutorial-heading{align-items:flex-start;background:transparent;border:0;display:flex;gap:24px;height:auto;justify-content:space-between;min-height:0;padding:0;position:static}
.tutorial-heading .lead{max-width:720px}
.tutorial-progress{align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr;margin:36px 0 18px;scroll-margin-top:96px}
.tutorial-progress>span{color:var(--muted);font-size:12px;font-weight:650;min-width:84px}
.tutorial-progress-track{background:var(--surface-soft);height:4px;overflow:hidden}
.tutorial-progress-track span{background:var(--accent);display:block;height:100%;transition:width .2s ease;width:0}
.tutorial-step{border-top:3px solid var(--accent);margin:0;min-height:450px;outline:none;padding:clamp(26px,5vw,52px)}
.tutorial-step h2{font-size:clamp(2rem,4vw,3.25rem);margin:.35rem 0 .75rem;max-width:760px}
.tutorial-intro{color:var(--muted);font-size:1.05rem;max-width:740px}
.tutorial-point-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));margin-top:30px}
.tutorial-point{background:var(--surface-soft);border-left:2px solid var(--accent);padding:17px 18px}
.tutorial-point strong{font-size:.92rem}
.tutorial-point p{color:var(--muted);font-size:.88rem;margin:5px 0 0}
.tutorial-capabilities{display:grid;gap:8px;margin-top:26px}
.tutorial-capability{border:1px solid var(--line);background:var(--surface)}
.tutorial-capability>summary{align-items:center;cursor:pointer;display:flex;gap:18px;justify-content:space-between;list-style:none;padding:15px 17px}
.tutorial-capability>summary::-webkit-details-marker{display:none}
.tutorial-capability>summary>span:first-child{display:grid;gap:2px}
.tutorial-capability small{color:var(--muted);font-weight:450}
.tutorial-capability>p{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:15px 17px}
.tutorial-capability.unavailable{opacity:.72}
.status.archived{background:var(--surface-soft);color:var(--muted)}
.tutorial-site-form{margin-top:28px}
.tutorial-controls{align-items:center;backdrop-filter:blur(16px);background:color-mix(in srgb,var(--paper) 90%,transparent);border:1px solid var(--line);bottom:16px;display:flex;gap:10px;justify-content:flex-end;left:50%;margin:0;padding:10px 12px;position:fixed;transform:translateX(-50%);width:min(940px,calc(100vw - 36px));z-index:35}
.tutorial-shell.is-final .tutorial-controls{background:transparent;border:0;left:auto;margin-top:18px;padding:0;position:static;transform:none;width:auto}
.tutorial-controls [hidden]{display:none!important}
.tutorial-controls .tutorial-key-hint{color:var(--muted);font-size:12px;margin-right:auto}
.tutorial-skip{display:block;margin:0}
.tutorial-skip button{font-size:12px;min-height:40px;padding:8px 11px}

.scan-budget-notice{background:var(--surface-soft);border-left:3px solid var(--accent);grid-column:1/-1;padding:14px 16px}
.scan-budget-notice strong{display:block}
.scan-budget-notice p{color:var(--muted);font-size:.84rem;margin:3px 0 0}
.scan-budget-notice.caution{background:color-mix(in srgb,var(--surface) 75%,#f0d99a);border-left-color:var(--amber)}
.scan-budget-notice.bad{background:var(--danger-bg);border-left-color:var(--red)}
.scan-budget-notice.bad strong,.scan-budget-notice.bad p{color:var(--red)}

@media(max-width:650px){
  .header-menu-group{display:contents}
  .help-menu{margin-left:auto}
  .menu-trigger{margin-left:0}
  .help-menu-panel{min-width:min(330px,calc(100vw - 36px));right:-54px}
  .tutorial-heading{display:block}
  .tutorial-heading .role-badge{display:inline-block;margin-top:12px}
  .tutorial-step{min-height:0;padding:27px 20px}
  .tutorial-point-grid{grid-template-columns:1fr}
  .tutorial-site-form .formgrid{grid-template-columns:1fr}
  .tutorial-capability>summary{align-items:flex-start;flex-direction:column;gap:10px}
  .tutorial-shell{padding-bottom:142px}
  .tutorial-shell.is-final{padding-bottom:0}
  .tutorial-controls{bottom:10px;flex-wrap:nowrap;gap:7px;padding:8px;width:calc(100vw - 24px)}
  .tutorial-controls .tutorial-key-hint{display:none}
  .tutorial-controls>button{flex:1 1 0;order:1}
  .tutorial-controls .tutorial-skip{display:flex;flex:0 0 auto;justify-content:center;order:1}
  .tutorial-shell.is-final .tutorial-controls .tutorial-skip{display:none}
}

@media(max-width:360px){
  .tutorial-controls>button{padding-inline:7px}
  .tutorial-controls button::before,.tutorial-controls button::after{content:none}
  .tutorial-skip button{padding-inline:6px}
}

/* Customer contact form and the administrator support-ticket queue. */
.support-contact-page{margin:0 auto;max-width:1020px}
.support-contact-heading .lead{max-width:760px}
.support-sent{display:grid;gap:2px;margin:28px 0}
.support-contact-layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);margin-top:34px}
.support-contact-form{gap:22px;margin:0;padding:clamp(24px,4vw,42px)}
.support-contact-form h2,.support-account-card h2{margin:.25rem 0 .35rem}
.support-contact-form select,.support-ticket-filters select{width:100%}
.support-upload{background:var(--surface-soft);border:1px dashed var(--field-line);cursor:pointer;min-height:112px;padding:20px;position:relative}
.support-upload:hover{border-color:var(--accent)}
.support-upload>input{cursor:pointer;height:100%;inset:0;opacity:.001;position:absolute;width:100%}
.support-upload-copy{display:grid;gap:3px;pointer-events:none}
.support-upload-copy strong{color:var(--accent)}
.support-upload-copy small{color:var(--muted);font-weight:450}
.support-privacy-note{border-left:2px solid var(--amber);margin:0;padding-left:12px}
.support-submit{justify-self:start;min-width:220px}
.support-account-card{background:var(--surface-soft);border:1px solid var(--line);border-top:3px solid var(--accent);padding:28px;position:sticky;top:96px}
.support-account-card dl,.support-ticket-context dl{display:grid;gap:0;margin:24px 0}
.support-account-card dl>div,.support-ticket-context dl>div{border-top:1px solid var(--line);display:grid;gap:8px;grid-template-columns:minmax(84px,.55fr) minmax(0,1fr);padding:11px 0}
.support-account-card dd,.support-ticket-context dd{overflow-wrap:anywhere;text-align:right}
.support-journey-note{border-left:3px solid var(--accent);margin-top:24px;padding-left:15px}
.support-journey-note p{color:var(--muted);font-size:.86rem;margin:5px 0 0}
.support-ticket-filters{align-items:end;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.6fr) minmax(220px,1fr) auto auto}
.support-ticket-detail-grid{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);margin-top:42px}
.support-ticket-detail-grid>section,.support-ticket-detail-grid>aside{min-width:0}
.support-ticket-message{margin-top:18px}
.support-ticket-message p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.support-attachment-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:18px}
.support-attachment-grid a{background:var(--surface);border:1px solid var(--line);color:var(--ink);display:grid;overflow:hidden;text-decoration:none}
.support-attachment-grid a:hover{border-color:var(--accent);transform:translateY(-1px)}
.support-attachment-grid img{aspect-ratio:16/10;background:var(--surface-soft);object-fit:cover;width:100%}
.support-attachment-grid span{font-size:.76rem;overflow-wrap:anywhere;padding:10px}
.support-ticket-context{margin-top:18px}
.support-ticket-context a{color:var(--accent)}
.support-delivery{border-top:1px solid var(--line);display:grid;gap:8px;padding-top:18px}
.support-delivery p,.support-delivery small{margin:0;overflow-wrap:anywhere}
.support-delivery small{color:var(--red)}
.support-delivery form{margin-top:4px}
.support-delivery button{width:100%}

@media(max-width:900px){
  .support-contact-layout,.support-ticket-detail-grid{grid-template-columns:1fr}
  .support-account-card{position:static}
  .support-ticket-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .support-contact-heading .role-badge{display:inline-block;margin-top:12px}
  .support-contact-layout{margin-top:24px}
  .support-contact-form,.support-account-card{padding:22px 18px}
  .support-submit{justify-self:stretch;width:100%}
  .support-ticket-filters{grid-template-columns:1fr}
  .support-ticket-filters .button,.support-ticket-filters button{width:100%}
  .support-ticket-detail-grid{margin-top:30px}
  .support-attachment-grid{grid-template-columns:1fr 1fr}
}

/* Language switch in the account menu */
.header-actions .locale-switch{align-items:center;gap:6px}
.header-actions .locale-switch [hidden]{display:none !important}
.locale-switch label{align-items:center;display:flex;gap:8px;margin:0;padding:0 8px}
.locale-switch label span{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.locale-switch select{background:transparent;border:1px solid var(--line);border-radius:0;color:var(--ink);font-size:13px;min-height:0;padding:6px 8px;width:auto}
@media(max-width:650px){.locale-switch label{justify-content:space-between;padding:10px 13px;width:100%}}

/* Scheduled cancellation on the billing page */
.cancellation-notice{display:grid;gap:2px}