.forgot-button {
  display: block;
  margin: 14px auto 0;
  background: transparent;
  color: #147d52;
  font-size: 13px;
  font-weight: 700;
}
.check-button {
  padding: 7px 10px;
  border-radius: 8px;
  background: #e1f4e9;
  color: #147d52;
  font-weight: 800;
}
.monitor-name { background: transparent; color: #11261e; text-align: left; padding: 0; }
.monitor-name:hover { color: #147d52; }
.badge.failure { background: #f9dfdc; color: #b53c32; }
.badge.warning { background: #fff0c9; color: #876318; }
.ad-campaign { padding: 18px 4px; border-bottom: 1px solid #ebece7; }
.ad-campaign-head { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-bottom: 12px; }
.ad-checks { display: grid; grid-template-columns: repeat(6, minmax(90px,1fr)); gap: 8px; }
.ad-check { padding: 10px; background: #f3f1e9; border-radius: 9px; }
.ad-check span { display: block; color: #66776f; font-size: 11px; margin-bottom: 4px; }
.recommendation { padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; background: #e1f4e9; color: #147d52; }
.recommendation.attention { background: #fff0c9; color: #876318; }
.recommendation.critical { background: #f9dfdc; color: #b53c32; }
.ad-dashboard-toolbar { display: flex; justify-content: flex-end; padding: 0 0 14px; }
.ad-dashboard-toolbar label { min-width: 260px; color: var(--muted); font-size: 12px; }
.ad-project-group { border: 1px solid var(--line); border-radius: 14px; margin: 0 0 16px; padding: 0 18px; overflow: hidden; }
.ad-project-heading { display: flex; align-items: center; justify-content: space-between; margin: 0 -18px; padding: 14px 18px; background: var(--surface-soft); border-bottom: 1px solid var(--line); }
.ad-project-heading span { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.ad-project-heading h3 { margin: 3px 0 0; }
.ad-campaign-actions { display: flex; align-items: center; gap: 8px; }
#ad-campaign-form { padding: 26px; }
.ad-operations-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 20px; }
.ad-operations-intro h2 { margin: 0 0 8px; }
.ad-operations-intro p { max-width: 760px; margin: 0; color: var(--muted); }
.ad-operations-intro .primary { flex: none; }
.ad-health-panel { padding-top: 20px; }
.ad-dashboard-toolbar { justify-content: flex-start; gap: 12px; flex-wrap: wrap; }
.ad-dashboard-toolbar label { min-width: min(260px, 100%); }
.ad-dashboard-guide { margin: 2px 0 16px; color: var(--muted); font-size: 13px; }
.ad-audit-card { padding: 20px 4px; }
.ad-audit-card.critical { border-left: 4px solid #b53c32; padding-left: 14px; }
.ad-audit-card.attention { border-left: 4px solid #c98716; padding-left: 14px; }
.ad-audit-kicker { display: block; color: var(--green); font-size: 11px; font-weight: 800; letter-spacing: .08em; margin-bottom: 3px; }
.ad-campaign-head strong { display: block; font-size: 17px; }
.ad-lp-url { display: block; margin-top: 6px; color: #0a63ce; font-size: 12px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 620px; }
.ad-check { border: 1px solid transparent; }
.ad-check.failure { background: #fff6f5; border-color: #f3d0cb; }
.ad-check.warning { background: #fffaf0; border-color: #f3dfad; }
.ad-check.not-configured { background: #f7f7f4; border-color: #e3e5de; }
.badge.not-configured { background: #ecece8; color: #66776f; }
.ad-audit-footer { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 13px; color: var(--muted); font-size: 11px; }
.ad-audit-footer span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ad-check-dialog { width: min(920px, calc(100% - 30px)); }
.ad-check-detail { padding: 28px; }
.ad-check-detail section { margin-top: 25px; }
.ad-check-detail h3 { margin: 0 0 12px; font-size: 16px; }
.ad-detail-loading { padding: 42px 0; color: var(--muted); text-align: center; }
.ad-detail-summary { display: flex; gap: 10px 18px; flex-wrap: wrap; padding: 13px; margin-top: 18px; border-radius: 10px; background: var(--surface-soft); color: var(--muted); font-size: 12px; }
.ad-detail-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ad-detail-check { padding: 14px; border: 1px solid var(--line); border-left: 4px solid var(--green); border-radius: 10px; background: #fff; }
.ad-detail-check.failure { border-left-color: #b53c32; background: #fff8f7; }
.ad-detail-check.warning { border-left-color: #c98716; background: #fffaf0; }
.ad-detail-check.not-configured,.ad-detail-check.unchecked { border-left-color: #98a39f; background: #fafaf7; }
.ad-detail-check > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ad-detail-check dl { margin: 12px 0 0; display: grid; gap: 8px; }
.ad-detail-check dl div { display: grid; gap: 2px; }
.ad-detail-check dt { color: var(--muted); font-size: 10px; font-weight: 700; }
.ad-detail-check dd { margin: 0; color: var(--ink); font-size: 12px; word-break: break-word; }
@media(max-width:750px){.ad-operations-intro{align-items:stretch;flex-direction:column}.ad-operations-intro .primary{width:100%}.ad-detail-check-grid{grid-template-columns:1fr}.ad-check-detail{padding:20px}.ad-campaign-head{align-items:flex-start;flex-direction:column}.ad-campaign-actions{width:100%;justify-content:space-between}.ad-lp-url{max-width:100%}}
@media(max-width:750px){.ad-checks{grid-template-columns:repeat(2,1fr)}}
.settings-form { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr auto; gap: 10px; margin: 16px 0 24px; }
.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.notification-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 20px; }
.notification-heading h2 { margin: 3px 0 7px; }
.notification-heading p { margin: 0; color: var(--muted); }
.notification-heading label { min-width: min(330px, 100%); margin: 0; }
.stack-form { display: grid; gap: 10px; padding-bottom: 18px; border-bottom: 1px solid #ebece7; }
.form-success { margin: 0; padding: 10px 12px; border-radius: 9px; background: #e1f4e9; color: var(--green); font-size: 13px; font-weight: 800; }
.incident-row,.setting-row { padding: 15px 4px; border-bottom: 1px solid #ebece7; display: grid; grid-template-columns: 1.4fr 1fr auto; gap: 12px; align-items: center; }
.incident-name { background: transparent; color: #11261e; padding: 0; text-align: left; }
.incident-name:hover { color: #147d52; }
@media(max-width:950px){.settings-form{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.notification-heading{align-items:stretch;flex-direction:column}.notification-heading label{min-width:0}}
.monitor-dialog { width: min(900px, calc(100% - 30px)); }
.monitor-detail { padding: 28px; }
.monitor-detail section { margin-top: 28px; }
.monitor-detail h3 { margin: 0 0 12px; }
.simple-monitor-guide { padding: 15px 16px; border: 1px solid #d6e7de; border-radius: 12px; background: #f5faf7; }
.simple-monitor-guide .section-note { margin: 0; }
.incident-diagnosis { padding: 18px; border: 1px solid #ead8d4; border-radius: 12px; background: #fffaf8; }
.diagnosis-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.diagnosis-grid article { display: grid; gap: 8px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.diagnosis-grid article.failure { border-color: #e7bbb5; background: #fff7f5; }
.diagnosis-grid article div { display: grid; gap: 2px; }
.diagnosis-grid span { color: var(--muted); font-size: 11px; font-weight: 700; }
.diagnosis-grid strong { overflow-wrap: anywhere; font-size: 13px; }
.advanced-settings { border: 1px solid var(--line); border-radius: 12px; padding: 0 14px; }
.advanced-settings summary { cursor: pointer; padding: 14px 0; color: var(--green); font-weight: 800; }
.advanced-settings[open] summary { margin-bottom: 12px; border-bottom: 1px solid var(--line); }
.advanced-settings .section-note { margin-top: 0; }
.ad-platform-presets { padding: 16px; margin: 14px 0; border: 1px solid #d5e8df; border-radius: 12px; background: #f7fbf8; }
.platform-preset-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.platform-preset { display: grid; gap: 5px; min-height: 88px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; text-align: left; color: var(--ink); }
.platform-preset span { color: var(--muted); font-size: 12px; }
.platform-preset em { color: var(--green); font-size: 11px; font-style: normal; font-weight: 800; }
.platform-preset.selected { border-color: var(--green); box-shadow: 0 0 0 2px rgba(20,125,82,.12); }
.ad-platform-preset-effect { display: grid; gap: 4px; margin-top: 12px; padding: 12px 14px; border-radius: 10px; background: #e9f7ef; color: #315d48; font-size: 12px; line-height: 1.55; }
.ad-platform-preset-effect strong { color: var(--green); font-size: 13px; }
.optional-check.from-platform-preset { border-color: #8ac8a5; background: #f6fcf8; }
.platform-preset-badge { margin-left: auto; padding: 3px 6px; border-radius: 999px; background: #dff6ec; color: var(--green)!important; font-size: 10px!important; font-weight: 800; white-space: nowrap; }
.platform-preset-confirmation { display: flex; gap: 8px; align-items: flex-start; margin: 5px 0 0; color: #315d48; font-size: 12px; font-weight: 700; }
.platform-preset-confirmation input { width: auto; margin: 2px 0 0; }
.monitor-wizard-preflight { margin-top: 18px; padding: 16px; border: 1px solid #edc581; border-radius: 12px; background: #fffaf0; }
.monitor-wizard-preflight.ready { border-color: #a4d9b8; background: #f4fcf7; }
.monitor-wizard-preflight h3 { margin: 3px 0 6px; font-size: 16px; }
.monitor-wizard-preflight p { margin: 0; color: #5f6f62; font-size: 12px; }
.monitor-wizard-preflight ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0 0; padding: 0; list-style: none; }
.monitor-wizard-preflight li { padding: 5px 8px; border-radius: 999px; background: #fff; color: #855413; font-size: 11px; font-weight: 800; }
.monitor-wizard-preflight.ready li { color: var(--green); }
.topbar-title { display: flex; align-items: center; gap: 12px; }
.mobile-menu-toggle { display: none; }
.condition-form { display: grid; grid-template-columns: 180px 1fr auto; gap: 10px; align-items: end; }
.ad-settings-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; padding: 16px; background: #f3f1e9; border-radius: 12px; }
.ad-settings-form button { align-self: end; margin-bottom: 18px; }
.ad-settings-form .wide-field { grid-column: 1 / -1; }
.ad-settings-form textarea { width: 100%; min-height: 120px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 10px; resize: vertical; font: inherit; }
.ad-settings-form textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(20,125,82,.1); outline: none; }
.ad-settings-form small { color: var(--muted); font-weight: 500; }
.login-settings { padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.login-settings h4 { margin: 0 0 8px; }
.login-settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.login-settings .clear-credentials { display: flex; align-items: center; gap: 8px; }
.login-settings .clear-credentials input { width: auto; }
.baseline-settings { padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.baseline-settings h4 { margin: 0 0 8px; }
.baseline-settings > div { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.baseline-settings .reset-baseline { display: flex; align-items: center; gap: 8px; }
.baseline-settings .reset-baseline input { width: auto; }
.visual-difference { color: var(--muted); font-size: 12px; white-space: nowrap; }
.ad-settings-form .browser-run-now { align-self: end; margin-bottom: 18px; }
#request-settings-form input[type="checkbox"] { width: auto; margin-right: 7px; }
#request-settings-form small { color: var(--muted); }
.plan-panel { margin-top: 20px; }
#organization-plan-list { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.plan-card { padding: 16px; border: 1px solid var(--line); border-radius: 12px; display: grid; gap: 10px; }
.plan-card.current { border-color: var(--green); box-shadow: 0 0 0 2px rgba(20,125,82,.12); }
.plan-card div { display: flex; justify-content: space-between; gap: 8px; }
.plan-card p,.plan-card small { margin: 0; color: var(--muted); }
#plan-form { padding: 26px; }
.feature-grid { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; border: 1px solid var(--line); border-radius: 12px; padding: 14px; }
.feature-grid label { display: flex; align-items: center; gap: 8px; }
.feature-grid input { width: auto; }
#plan-usage { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 16px; }
.usage-item { display: grid; gap: 6px; padding: 12px; border-radius: 10px; background: var(--surface-soft); }
.usage-item span { color: var(--muted); font-size: 12px; }
.usage-item progress { width: 100%; accent-color: var(--green); }
.page-intro { margin: 0 0 20px; padding: 4px 2px; }
.page-intro h2 { margin: 4px 0 8px; font-size: 22px; }
.page-intro p:last-child { margin: 0; color: var(--muted); }
.pagination { display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding-top: 14px; }
.pagination button { min-width: 76px; }
.pagination span { color: var(--muted); font-size: 13px; }
@media(max-width:950px){#organization-plan-list{grid-template-columns:1fr 1fr}}
@media(max-width:950px){#plan-usage{grid-template-columns:1fr 1fr}}
.section-note { color: var(--muted); font-size: 13px; margin: -4px 0 12px; }
#browser-results-list { margin-top: 12px; }
.browser-check-item { grid-template-columns: minmax(180px,1fr) auto auto auto; }
.screenshot-link { color: #0a63ce; font-size: 12px; font-weight: 700; white-space: nowrap; }
.condition-item,.check-item { display: grid; grid-template-columns: 1fr auto auto; gap: 14px; align-items: center; padding: 12px 4px; border-bottom: 1px solid #ebece7; }
.condition-item button { background: transparent; color: #b53c32; font-weight: 700; }
.section-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.item-status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:16px; }
.item-status-card { border:1px solid #dcded7; border-left:4px solid #147d52; border-radius:12px; padding:15px; background:#fff; }
.item-status-card.failure { border-left-color:#b53c32; background:#fff8f7; }
.item-status-card.warning,.item-status-card.confirming { border-left-color:#c98716; background:#fffaf0; }
.item-status-head { display:grid; grid-template-columns:auto 1fr auto; gap:9px; align-items:center; }
.status-indicator { width:9px; height:9px; border-radius:50%; background:#147d52; box-shadow:0 0 0 4px rgba(20,125,82,.1); }
.failure .status-indicator { background:#b53c32; box-shadow:0 0 0 4px rgba(181,60,50,.1); }
.warning .status-indicator,.confirming .status-indicator { background:#c98716; box-shadow:0 0 0 4px rgba(201,135,22,.1); }
.item-status-values { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; }
.item-status-values span { display:grid; color:#66776f; font-size:10px; }
.item-status-values b { color:#11261e; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.item-status-card p { margin:10px 0 4px; color:#66776f; font-size:11px; word-break:break-word; }
.item-status-card small { color:#88948e; font-size:10px; }
.failed-item-summary { width:max-content; max-width:100%; margin-top:7px; padding:5px 9px; border-radius:7px; background:#fbe6e4; color:#9f332b; font-size:11px; word-break:break-word; }
.failed-item-summary strong { margin-right:7px; }
.incident-monitor-path { margin-top:3px; font-size:12px; }
.badge.failure { background:#fbe6e4; color:#a93830; }
.badge.warning,.badge.confirming { background:#fff0cf; color:#93600d; }
.badge.success { background:#e1f4e9; color:#147d52; }
.check-meta { color: #66776f; font-size: 12px; }
@media(max-width:650px){.condition-form,.ad-settings-form,.login-settings-grid{grid-template-columns:1fr}.condition-item,.check-item,.browser-check-item{grid-template-columns:1fr auto}.item-status-grid,.diagnosis-grid,.platform-preset-cards{grid-template-columns:1fr}.monitor-status-row{grid-template-columns:1fr auto}.item-status-values{grid-template-columns:1fr}}
.chart-legend { display: flex; gap: 18px; color: #66776f; font-size: 12px; margin-bottom: 10px; }
.chart-legend span { display: flex; align-items: center; gap: 6px; }
.chart-legend i { display: inline-block; width: 12px; height: 4px; border-radius: 4px; }
.legend-response { background: #147d52; }
.legend-uptime { background: #c8f36a; }
.daily-chart { min-height: 210px; padding: 14px 12px 6px; border: 1px solid #dcded7; border-radius: 12px; background: #fffdf7; overflow-x: auto; }
.chart-bars { height: 180px; min-width: 520px; display: flex; align-items: end; gap: 5px; border-bottom: 1px solid #dcded7; }
.chart-day { flex: 1; min-width: 12px; height: 100%; display: flex; align-items: end; gap: 2px; position: relative; }
.chart-day span { flex: 1; min-height: 2px; border-radius: 3px 3px 0 0; }
.chart-response { background: #147d52; }
.chart-uptime { background: #c8f36a; opacity: .8; }
.chart-day time { position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); color: #66776f; font-size: 9px; white-space: nowrap; }
.chart-summary { display: flex; justify-content: space-between; gap: 12px; padding-top: 28px; color: #66776f; font-size: 11px; }
.secret-value,.uri-value { display: block; padding: 12px; border-radius: 9px; background: #f3f1e9; word-break: break-all; font-size: 13px; }
.secret-value { font-size: 17px; font-weight: 800; letter-spacing: .08em; text-align: center; }
.copy-wide { width: 100%; margin-top: 10px; }
#two-factor-setup details { margin: 14px 0; color: #66776f; }
.two-factor-qr { display: grid; justify-items: center; gap: 9px; margin: 16px 0; padding: 16px; border: 1px solid #d9e6f1; border-radius: 12px; background: #f7fbff; }
.two-factor-qr > div { display: grid; place-items: center; width: 208px; height: 208px; padding: 8px; background: #fff; border-radius: 8px; }
.two-factor-qr canvas,.two-factor-qr img { display: block; width: 192px!important; height: 192px!important; }
.two-factor-qr figcaption { color: #66776f; font-size: 11px; text-align: center; }
.two-factor-manual { margin: 18px 0 8px; color: #66776f; font-size: 13px; }
.credential-result { display: grid; gap: 10px; padding: 14px; border-radius: 12px; background: #f3f1e9; }
.credential-result code { word-break: break-all; font-weight: 800; }
.login-brand-logo { width: min(560px, 92%); height: 150px; object-fit: cover; object-position: center; margin: 0 0 4vh; position: relative; z-index: 1; }
.logo { padding: 0 4px 24px; }
.logo img { width: 100%; height: 46px; object-fit: cover; object-position: center; }
@media(max-width:900px){.logo img{display:none}.logo{height:46px;background:url('/favicon.png') center/38px 38px no-repeat}}
.brand-panel,.sidebar { background-color: #01061a; }
.sidebar { background-image: linear-gradient(180deg,#01061a 0%,#06132a 100%); }
.nav-item:hover,.nav-item.active { background: rgba(21,135,255,.16); }
.sidebar select { background: #091b36; border-color: #173b66; }
.monitor-wizard-dialog { width: min(980px,calc(100% - 28px)); max-height: calc(100vh - 28px); padding: 0; }
#monitor-wizard-form { padding: 28px; }
.wizard-progress { display: flex; gap: 8px; margin: 4px 0 26px; }
.wizard-progress span { flex: 1; padding: 9px 12px; border-radius: 999px; background: var(--surface-soft); color: var(--muted); text-align: center; font-size: 12px; font-weight: 800; }
.wizard-progress span.active { background: #dff6ec; color: var(--green); }
.wizard-section { padding: 20px 0; border-top: 1px solid var(--line); }
.wizard-section h3 { margin: 0 0 8px; }
.wizard-project-section { padding-top: 8px; }
.wizard-project-select { display: block; max-width: 560px; padding: 16px; border: 2px solid #86c9ac; border-radius: 14px; background: #effaf5; font-size: 14px; }
.wizard-project-select strong { float: right; color: var(--green); font-size: 11px; }
.wizard-project-select select { margin-top: 8px; background: #fff; font-weight: 800; }
.project-empty-note { margin: 10px 0 0; color: #b53c32; font-size: 13px; font-weight: 700; }
.monitor-project-group { border: 1px solid var(--line); border-radius: 14px; margin-bottom: 16px; overflow: hidden; }
.monitor-project-heading { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; background: var(--surface-soft); border-bottom: 1px solid var(--line); }
.monitor-project-heading h3 { margin: 3px 0 0; }
.monitor-project-heading span { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.monitor-project-heading strong { padding: 5px 9px; border-radius: 999px; background: #fff; color: var(--green); font-size: 12px; }
.monitor-project-items { padding: 0 18px; }
.monitor-project-items .data-row:last-child { border-bottom: 0; }
.template-cards { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.template-card { min-height: 154px; padding: 18px; border: 2px solid var(--line); border-radius: 14px; background: #fff; color: var(--text); text-align: left; }
.template-card:hover { border-color: #86c9ac; transform: translateY(-1px); }
.template-card.selected { border-color: var(--green); background: #effaf5; box-shadow: 0 0 0 3px rgba(20,125,82,.1); }
.template-card:disabled { opacity: .48; cursor: not-allowed; transform: none; }
.template-card strong,.template-card span { display: block; }
.template-card strong { margin: 9px 0 6px; font-size: 16px; }
.template-card span { color: var(--muted); font-size: 12px; line-height: 1.55; }
.template-icon { font-size: 25px; }
.template-plan-note { margin-top: 9px; color: #b53c32!important; font-weight: 800; }
.wizard-section-heading { display: flex; justify-content: space-between; gap: 14px; align-items: start; }
.recommended-badge { padding: 6px 10px; border-radius: 999px; background: #dff6ec; color: var(--green); font-size: 11px; font-weight: 800; white-space: nowrap; }
.wizard-basic-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.check-summary-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.core-check { display: flex; align-items: center; gap: 9px; padding: 11px; border-radius: 10px; background: var(--surface-soft); font-size: 12px; font-weight: 700; }
.core-check::before { content: "✓"; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #dff6ec; color: var(--green); }
.optional-check-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.optional-check { padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.optional-check.unavailable { opacity: .55; }
.optional-check-toggle { display: flex; align-items: center; gap: 9px; font-weight: 800; cursor: pointer; }
.optional-check-toggle input { width: auto; margin: 0; }
.optional-check-toggle small { margin-left: auto; color: var(--muted); }
.check-config { display: grid; gap: 8px; margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--line); }
.check-config label { margin: 0; }
.check-config input,.check-config select,.check-config textarea { margin-top: 5px; }
.check-config textarea { width: 100%; min-height: 86px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; font: inherit; }
.operations-section { padding-bottom: 4px; }
.operation-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.operation-chips span { padding: 8px 11px; border-radius: 999px; background: #eaf0ff; color: #1857a5; font-size: 12px; font-weight: 800; }
.project-operations-panel { margin-bottom: 20px; background: linear-gradient(135deg,#f7fcff 0%,#f9fffb 100%); }
.project-board-select { min-width: 240px; color: var(--muted); font-size: 12px; font-weight: 800; }
.project-board-select select { margin-top: 5px; background: #fff; }
.project-board-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 14px; }
.project-board-actions > div { display: flex; align-items: center; gap: 10px; }
.project-report-actions { display: flex; align-items: end; gap: 9px; }
.project-report-actions label { display: grid; gap: 4px; color: var(--muted); font-size: 11px; font-weight: 800; }
.project-report-actions input { min-height: 32px; padding: 4px 7px; }
.project-board-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.project-board-stats article { display: grid; gap: 5px; padding: 15px; border: 1px solid #dbe6df; border-radius: 12px; background: #fff; }
.project-board-stats span { color: var(--muted); font-size: 12px; }
.project-board-stats strong { color: #123b63; font-size: 25px; }
.project-board-stats small { color: var(--muted); font-size: 11px; }
.project-board-stats .attention { border-color: #f0ca73; background: #fffaf0; }
.project-board-stats .critical { border-color: #edb5ad; background: #fff7f6; }
.project-board-ad { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 14px; padding: 16px; border-radius: 12px; background: #eef5ff; }
.project-board-ad h3,.project-board-incidents h3 { margin: 3px 0 6px; }
.project-board-ad p:last-child { margin: 0; color: #416179; font-size: 13px; }
.project-board-notifications { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; padding: 16px; border: 1px solid #b8d8c5; border-radius: 12px; background: #f4fcf7; }
.project-board-notifications.attention { border-color: #f0ca73; background: #fffaf0; }
.project-board-notifications.critical { border-color: #edb5ad; background: #fff7f6; }
.project-board-notifications h3 { margin: 3px 0 6px; }
.project-board-notifications p:last-of-type { margin: 0; color: #416179; font-size: 13px; }
.notification-coverage-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.notification-coverage-chips span { padding: 4px 7px; border-radius: 999px; background: #eee; color: #75847a; font-size: 10px; font-weight: 800; }
.notification-coverage-chips span.enabled { background: #dff6ec; color: var(--green); }
.project-board-incidents { margin-top: 16px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.project-board-incident { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; padding: 12px 0; border-top: 1px solid var(--line); }
.project-board-incident:first-of-type { border-top: 0; }
.project-board-incident p,.project-board-incident small { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 12px; }
.empty.compact { padding: 8px 0; text-align: left; }
.change-detection-settings { margin: 20px 0; padding: 18px; border: 1px solid #c9dced; border-radius: 12px; background: #f7fbff; }
.change-detection-settings h3 { margin: 0 0 6px; }
.change-settings-form { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: end; }
.change-master { grid-column: 1 / -1; font-weight: 800; color: #12456e; }
.change-master input,.change-options input { width: auto; margin-right: 7px; }
.change-options { display: flex; flex-wrap: wrap; gap: 9px 16px; }
.change-options label { color: #47657b; font-size: 12px; }
#change-events-list { margin-top: 14px; }
#change-events-list h4 { margin: 0 0 7px; font-size: 13px; }
.change-event { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #d9e6f0; }
.change-event p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.change-event time { color: var(--muted); font-size: 11px; white-space: nowrap; }
.ad-media-panel { margin: 20px 0; }
.ad-media-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.ad-media-stats article { display: grid; gap: 5px; padding: 14px; border: 1px solid #d7e4ed; border-radius: 10px; background: #f9fcff; }
.ad-media-stats span,.ad-media-stats small { color: var(--muted); font-size: 12px; }
.ad-media-stats strong { color: #093f79; font-size: 22px; }
#ad-media-campaigns { margin-top: 14px; }
.ad-media-campaign { display: grid; grid-template-columns: minmax(180px,1fr) auto minmax(130px,.65fr); gap: 15px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); }
.ad-media-campaign:first-child { border-top: 0; }
.ad-media-campaign strong,.ad-media-campaign p { display: block; }
.ad-media-campaign p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.ad-media-values { display: flex; gap: 12px; }
.ad-media-values span { display: grid; gap: 3px; color: var(--muted); font-size: 11px; }
.ad-media-values b { color: var(--ink); font-size: 13px; }
.ad-media-monitor { display: grid; justify-items: start; gap: 6px; }
.ad-media-monitor small { color: var(--muted); font-size: 11px; }
.ad-media-campaign.critical { border-left: 3px solid #c34e43; padding-left: 10px; }
.ad-media-campaign.attention { border-left: 3px solid #ca8b19; padding-left: 10px; }
.ad-metrics-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; padding: 24px; }
.ad-metrics-form .dialog-heading,.ad-metrics-form .section-note,.ad-metrics-form .wide-field,.ad-metrics-form .form-error,.ad-metrics-form .dialog-actions { grid-column: 1 / -1; }
.ad-metrics-form textarea { width: 100%; min-height: 190px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; font: 12px ui-monospace,SFMono-Regular,Menlo,monospace; }
@media(max-width:850px){.template-cards{grid-template-columns:1fr 1fr}.check-summary-grid,.project-board-stats,.ad-media-stats{grid-template-columns:1fr 1fr}.ad-media-campaign{grid-template-columns:1fr}}
@media(max-width:600px){#monitor-wizard-form{padding:20px}.wizard-basic-grid,.optional-check-list,.ad-metrics-form{grid-template-columns:1fr}.template-cards{grid-template-columns:1fr}.wizard-progress span{font-size:10px;padding:8px 4px}.check-summary-grid,.project-board-stats,.ad-media-stats{grid-template-columns:1fr}.project-board-select{min-width:0;width:100%}.project-operations-panel .panel-heading,.project-board-actions,.project-board-ad,.project-board-notifications,.project-report-actions,.change-settings-form{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.change-event{flex-direction:column;gap:4px}.ad-media-values{flex-wrap:wrap}}

.nav-group-label { margin: 21px 12px 7px; color: #7490ad; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.nav-group-label:first-child { margin-top: 0; }
.sidebar { overflow: hidden; }
.sidebar nav { flex: 1 1 auto; min-height: 0; overflow-y: auto; align-content: start; padding-right: 4px; scrollbar-width: thin; scrollbar-color: #315779 transparent; }
.sidebar nav::-webkit-scrollbar { width: 6px; }
.sidebar nav::-webkit-scrollbar-thumb { border-radius: 999px; background: #315779; }
.sidebar-bottom { flex: 0 0 auto; padding-top: 14px; }
.overview-action-center { margin: 20px 0; }
.action-center { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-color: #bbd8e8; background: linear-gradient(110deg, #f4fbff 0%, #f7fffa 100%); }
.action-center h2 { margin: 3px 0 7px; }
.action-summary { display: grid; gap: 4px; margin: 0; color: #47657b; font-size: 13px; line-height: 1.6; }
.action-summary strong { color: #143f63; font-size: 15px; }
.action-center-buttons,.report-workspace-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: flex-end; }
.setup-checklist { margin-bottom: 20px; }
.setup-progress { min-width: 46px; padding: 7px 9px; border-radius: 999px; background: #e9f3ff; color: #1857a5; font-size: 12px; font-weight: 800; text-align: center; }
.setup-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.setup-step { display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: start; min-height: 118px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.setup-step.done { background: #f5fcf8; border-color: #c7e8d4; }
.setup-step-number { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #e7eff7; color: #55748c; font-size: 12px; font-weight: 800; }
.setup-step.done .setup-step-number { background: #dff6ec; color: var(--green); }
.setup-step strong { font-size: 13px; }
.setup-step p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.setup-step .text-button,.setup-complete { grid-column: 2; justify-self: start; margin-top: 9px; padding: 0; font-size: 12px; font-weight: 800; }
.setup-complete { color: var(--green); }
.report-intro { margin-bottom: 18px; }
.report-workspace { margin-bottom: 20px; }
.report-workspace-card { display: grid; gap: 11px; padding: 19px; border: 1px solid #d3e2ec; border-radius: 14px; background: #fff; }
.report-workspace-card h3 { margin: 0 0 6px; color: #143f63; font-size: 16px; }
.report-workspace-card p { margin: 0; color: #557086; font-size: 12px; line-height: 1.65; }
.report-workspace-lead { grid-template-columns: minmax(0,1fr) auto; align-items: center; margin-bottom: 10px; border-color: #bcd6eb; background: linear-gradient(115deg,#f3faff 0%,#f9fffb 100%); }
.report-workspace-lead h3 { margin: 3px 0 6px; font-size: 19px; }
.report-workspace-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.report-workspace-icon { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: #e7f1ff; color: #1857a5; font-size: 12px; font-weight: 800; }
.report-workspace-card .text-button,.report-workspace-card .text-link { justify-self: start; padding: 0; color: #126ea8; font-size: 12px; font-weight: 800; }
.report-workspace-note { margin: 10px 0 0; color: var(--muted); font-size: 12px; }
@media(max-width:850px){.setup-steps{grid-template-columns:1fr 1fr}.report-workspace-grid{grid-template-columns:1fr}.action-center,.report-workspace-lead{align-items:flex-start;flex-direction:column}.action-center-buttons,.report-workspace-actions{justify-content:flex-start}}
@media(max-width:600px){.nav-group-label{margin-top:16px}.setup-steps{grid-template-columns:1fr}.action-center{gap:14px}.action-center-buttons,.report-workspace-actions{width:100%}.action-center-buttons button,.report-workspace-actions button{flex:1}.report-workspace-lead{grid-template-columns:1fr}.report-workspace-card{padding:16px}}

@media(max-width:900px){.app-shell{grid-template-columns:200px 1fr}.sidebar{padding:20px 12px}.nav-item{font-size:13px;text-align:left}.nav-item:before{content:none;font-size:inherit}.sidebar-bottom select{font-size:13px}.nav-group-label{margin-left:10px;margin-right:10px}}
@media(max-width:700px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;width:min(300px,86vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 36px rgba(0,0,0,.22)}.app-shell.mobile-nav-open .sidebar{transform:translateX(0)}.content{padding:20px 16px 56px}.mobile-menu-toggle{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:9px;background:#e8f0eb;color:var(--ink);font-size:12px;font-weight:800}.app-shell.mobile-nav-open .mobile-menu-toggle{position:fixed;z-index:31;right:16px;top:15px;background:#fff}.topbar{align-items:flex-start;margin-bottom:24px}.topbar-title{gap:9px}.topbar h1{font-size:28px}.topbar .eyebrow{margin-top:2px}.sidebar-bottom select{font-size:13px}.nav-group-label{font-size:10px}.monitor-wizard-preflight{padding:14px}}