.saas-overview{padding-block:10px 50px}.saas-overview>.client-section-heading{margin-bottom:15px}.saas-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.saas-metric{display:grid;gap:10px;padding:17px 19px;background:#fff;border:1px solid var(--line)}.saas-metric span{color:#79857d;font-size:8px;letter-spacing:1px;font-weight:700}.saas-metric strong{font:700 25px var(--display)}.saas-data-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:13px;align-items:start}.saas-panel{min-width:0;padding:20px;background:#fff;border:1px solid var(--line)}.saas-panel h3{margin:7px 0 17px;font:700 16px var(--display)}.saas-table-wrap{overflow-x:auto}.saas-table{width:100%;border-collapse:collapse;text-align:left;font-size:9px}.saas-table th,.saas-table td{padding:10px 8px;border-top:1px solid var(--line);white-space:nowrap}.saas-table thead th{color:#79857d;font-size:7px;letter-spacing:.7px;text-transform:uppercase}.saas-table tbody th{font-size:9px}.saas-table tbody th a{display:block}.saas-table tbody th span{display:block;margin-top:4px;color:#89948d;font-size:8px;font-weight:400}.saas-event-list{display:grid;max-height:335px;overflow:auto}.saas-event{padding:10px 0;border-top:1px solid var(--line)}.saas-event>div{display:flex;justify-content:space-between;gap:10px;font-size:9px}.saas-event>div span{color:#728076;font-size:8px;text-transform:capitalize}.saas-event p{margin:6px 0;color:var(--muted);font-size:9px;line-height:1.5}.saas-event time{color:#89948d;font-size:8px}.saas-empty{margin:0;color:var(--muted);font-size:10px}
@media(max-width:800px){.saas-data-grid{grid-template-columns:1fr}}
@media(max-width:560px){.saas-overview{padding-bottom:32px}.saas-metrics{grid-template-columns:1fr 1fr}.saas-metric{padding:13px}.saas-metric strong{font-size:21px}.saas-panel{padding:15px}.saas-event>div{flex-direction:column;gap:4px}}

.manager-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f4f6f8;
}
.manager-shell .workspace { flex: 1; padding-bottom: 40px; min-width: 0; }
.manager-shell .topbar { height: 76px; }
.manager-navigation {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px max(32px, calc((100vw - 1160px) / 2));
  border-bottom: 1px solid var(--line);
  background: white;
}
.manager-navigation a, .manager-tabs a {
  padding: 11px 16px;
  border-radius: 7px;
  color: #53645d;
  font-size: 14px;
  font-weight: 600;
}
.manager-navigation a:hover, .manager-tabs a:hover { background: #f1f5ef; }
.manager-navigation a.active, .manager-tabs a.active { background: #e8f0e3; color: #264831; }
.manager-navigation .manager-add-link { margin-left: auto; background: var(--ink); color: white; }
.manager-shell .page-intro { padding: 32px 0 28px; }
.manager-shell .page-intro h1 { font-size: clamp(28px, 4vw, 36px); letter-spacing: -1px; line-height: 1.2; margin: 10px 0; }
.manager-shell .page-intro p { max-width: none; font-size: 14px; line-height: 1.6; }
.manager-shell .eyebrow { font-size: 10px; }
.manager-shell .client-section { padding: 8px 0 24px; }
.manager-shell .client-section-heading, .manager-shell .panel-heading { gap: 16px; flex-wrap: wrap; }
.manager-shell .client-section-heading h2 { font-size: 21px; }
.manager-shell .refresh-button { font-size: 12px; border-radius: 6px; min-height: 40px; }
.manager-shell .button { font-size: 13px; border-radius: 6px; min-height: 44px; }
.manager-shell .form-actions { flex-wrap: wrap; }
.manager-shell .form-message { margin: 0 0 20px; border-radius: 7px; font-size: 13px; }
.manager-shell .saas-overview { padding: 0; }
.manager-shell .saas-metrics { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; margin-bottom: 24px; }
.manager-shell .saas-metric { padding: 20px; border-radius: 10px; box-shadow: 0 2px 4px #17282404; }
.manager-shell .saas-metric span { font-size: 10px; line-height: 1.5; }
.manager-shell .saas-metric strong { font-size: 32px; }
.manager-shell .saas-data-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 20px; }
.manager-shell .saas-panel { padding: 24px; border-radius: 10px; }
.manager-shell .saas-panel h3 { font-size: 18px; }
.manager-shell .saas-event-list { max-height: none; overflow: visible; }
.manager-shell .saas-event { padding: 16px 0; overflow-wrap: anywhere; }
.manager-shell .saas-event > div { flex-wrap: wrap; font-size: 13px; }
.manager-shell .saas-event > div span { font-size: 10px; }
.manager-shell .saas-event p { font-size: 13px; }
.manager-shell .saas-event time { font-size: 11px; }
.manager-shell .saas-empty, .manager-shell .empty-state { font-size: 14px; line-height: 1.6; }
.manager-tenant-usage { display: grid; gap: 16px; }
.manager-tenant-summary .manager-tenant-usage { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 24px; }
.manager-activity-link { display: block; margin-top: 14px; font-size: 13px; font-weight: 600; color: #264831; }
.manager-tenant-usage article { border-top: 1px solid var(--line); padding-top: 16px; min-width: 0; }
.manager-tenant-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.manager-tenant-heading a { font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.manager-tenant-usage dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 16px 0; }
.manager-tenant-usage dt { font-size: 11px; color: var(--muted); }
.manager-tenant-usage dd { margin: 4px 0 0; font-size: 18px; font-weight: 700; }
.manager-tenant-usage small { font-size: 11px; color: var(--muted); }
.manager-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px; margin-bottom: 24px; border: 1px solid var(--line); background: white; border-radius: 10px; }
.manager-tabs span { margin-left: 5px; font-size: 11px; }
.manager-search { display: grid; gap: 8px; font-size: 13px; font-weight: 600; margin-bottom: 20px; }
.manager-search input { width: 100%; max-width: 520px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 7px; background: white; }
.manager-shell .site-row { grid-template-columns: minmax(0, 1fr); padding: 22px; border-radius: 10px; }
.manager-shell .site-title-line { flex-wrap: wrap; }
.manager-shell .site-title-line h3 { font-size: 18px; white-space: normal; overflow-wrap: anywhere; }
.manager-shell .template-pill, .manager-shell .tenant-status { font-size: 10px; border-radius: 4px; }
.manager-shell .site-url { font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
.manager-shell .site-meta { font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.manager-shell .site-actions { flex-wrap: wrap; }
.manager-shell .site-actions a, .manager-shell .site-actions button { font-size: 12px; padding: 10px 12px; border-radius: 6px; }
.manager-shell .panel { border-radius: 10px; min-width: 0; }
.manager-shell .auth-panel { max-width: 480px; margin: 12px auto 40px; }
.manager-shell .panel-lede, .manager-shell .template-library-lede { font-size: 13px; }
.manager-shell .onboarding-panel label { font-size: 13px; }
.manager-shell .onboarding-panel input, .manager-shell .onboarding-panel select, .manager-shell .onboarding-panel textarea { font-size: 14px; min-height: 44px; border-radius: 6px; min-width: 0; }
.manager-shell .form-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.manager-shell .input-prefix { top: 33px; font-size: 13px; }
.manager-shell .manager-checkbox strong { font-size: 13px; }
.manager-shell .manager-checkbox small, .manager-shell .field-help { font-size: 12px; }
.manager-shell .onboarding-panel .manager-checkbox input { width: 18px; min-height: 18px; }
.manager-shell .template-library-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; }
.manager-shell .template-library-card { border-radius: 10px; }
.manager-shell .template-card-art { height: 140px; padding: 18px; }
.manager-shell .template-card-art > b { font-size: 20px; max-width: 160px; }
.manager-shell .template-library-copy { padding: 18px; }
.manager-shell .template-library-copy h3 { font-size: 15px; }
.manager-shell .template-library-copy p { font-size: 12px; min-height: 60px; }
.manager-shell .template-library-copy > div { flex-wrap: wrap; }
.manager-shell .template-library-copy button { font-size: 12px; padding: 10px; border-radius: 6px; }
.manager-shell .template-policy-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 20px; }
.manager-shell .template-policy-card { padding: 24px; min-width: 0; }
.manager-shell .template-policy-heading { flex-wrap: wrap; }
.manager-shell .template-policy-heading h3 { font-size: 18px; }
.manager-shell .template-policy-card > p { font-size: 13px; }
.manager-shell .template-policy-tenants select { width: 100%; min-width: 0; }
.manager-shell .template-policy-features label { font-size: 12px; }
.manager-shell .template-policy-features { min-width: 0; }
.manager-shell .manager-footer { background: white; font-size: 11px; gap: 16px; }
.manager-shell :is(a, button, input, select, textarea):focus-visible { outline: 3px solid #7ca56a; outline-offset: 3px; }
@media (max-width: 850px) {
  .manager-shell .saas-data-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .manager-navigation { padding: 12px 15px; gap: 4px; }
  .manager-navigation a, .manager-tabs a { font-size: 12px; padding: 10px; }
  .manager-navigation .manager-add-link { margin-left: 0; }
  .manager-shell .saas-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .manager-shell .saas-metric { padding: 16px; }
  .manager-shell .saas-panel { padding: 18px; }
  .manager-shell .form-row { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .manager-shell .workspace-grid, .manager-shell .manager-feature-options { grid-template-columns: minmax(0, 1fr); }
}
/* System health */
.system-health{padding-block:4px 56px}
.system-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.system-window{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff}
.system-window button{padding:7px 12px;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer;font-size:12px;font-weight:600}
.system-window button.is-active{background:#e8f0e3;color:#264831}
.system-updated{margin:-6px 0 18px;color:var(--muted);font-size:12px}
.system-kpis strong small{color:var(--muted);font-size:14px;font-weight:600}
.saas-metric.is-warning{border-color:#efc7a5;background:#fff8f1}
.system-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}
.system-chart{min-width:0;padding:18px 20px 14px;background:#fff;border:1px solid var(--line);border-radius:10px}
.system-chart>header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.system-chart h3{margin:0;font:700 15px var(--display)}
.system-chart>header span{color:var(--muted);font-size:11px;font-weight:600}
.system-chart-frame{position:relative}
.system-chart svg{display:block;width:100%;height:auto;cursor:crosshair}
.system-chart .grid{stroke:#edf0eb;stroke-width:1}
.system-chart .axis{fill:#8b968f;font-size:10px;font-family:var(--sans)}
.system-chart .line{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.system-chart .cursor{stroke:#b9c3bb;stroke-dasharray:3 3}
.system-chart-tooltip{position:absolute;top:6px;right:8px;display:grid;gap:3px;max-width:70%;padding:8px 10px;background:#172824ee;color:#fff;border-radius:7px;font-size:11px;pointer-events:none}
.system-chart-tooltip span{display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.system-chart-tooltip i,.system-legend i{flex:none;width:9px;height:9px;border-radius:50%}
.system-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;padding:0;list-style:none;color:var(--muted);font-size:11px}
.system-legend li{display:flex;align-items:center;gap:6px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.system-chart-empty{display:grid;place-items:center;min-height:180px;color:var(--muted);font-size:12px;text-align:center}
.system-instance-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.system-instance-list article{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:9px;min-width:0}
.system-instance-list article.is-offline{opacity:.6}
.system-instance-list header{display:flex;align-items:center;gap:10px;min-width:0}
.system-instance-list header>div{display:grid;gap:3px;min-width:0;flex:1}
.system-instance-list header strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.system-instance-list header small{color:var(--muted);font-size:11px}
.system-dot{flex:none;width:10px;height:10px;border-radius:50%}
.system-gauges{display:grid;gap:10px}
.system-gauge>div:first-child{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;font-size:11px}
.system-gauge span{color:var(--muted)}
.system-gauge strong{font-size:12px}
.system-gauge strong small{color:var(--muted);font-weight:500}
.system-gauge-bar{height:6px;border-radius:4px;background:#eef1ec;overflow:hidden}
.system-gauge-bar i{display:block;height:100%;border-radius:4px;background:#6ea44a;transition:width .4s}
.system-gauge.is-warn .system-gauge-bar i{background:#e0a23a}
.system-gauge.is-high .system-gauge-bar i{background:#d0533b}
.system-instance-list dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.system-instance-list dt{color:var(--muted);font-size:10px}
.system-instance-list dd{margin:3px 0 0;font-size:13px;font-weight:700}
@media(max-width:860px){.system-chart-grid{grid-template-columns:1fr}}
@media(max-width:560px){.system-toolbar{width:100%}.system-window{flex:1}.system-window button{flex:1;padding-inline:6px}.system-instance-list{grid-template-columns:1fr}.system-health .client-section-heading{flex-direction:column;align-items:stretch;gap:12px}}
.system-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:14px}
.system-services article{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0}
.system-services article.is-warning{border-color:#efc7a5;background:#fff8f1}
.system-services header{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.system-services h3{flex:1;margin:0;font:700 16px var(--display)}
.system-services dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}
.system-services dt{color:var(--muted);font-size:10px;letter-spacing:.3px}
.system-services dd{margin:5px 0 0;font:700 20px var(--display);white-space:nowrap}
.system-services dd small{color:var(--muted);font-size:11px;font-weight:600}
@media(max-width:560px){.system-services{grid-template-columns:1fr}.system-services dl{grid-template-columns:repeat(3,minmax(0,1fr))}.system-services dd{font-size:17px}}
.manager-shell .mfa-qr { display: block; width: 200px; height: 200px; margin: 0 auto 14px; border: 1px solid var(--line); image-rendering: pixelated; }
.manager-shell .mfa-key { margin: 0 0 18px; color: var(--muted); font-size: 12px; line-height: 1.6; text-align: center; }
.manager-shell .mfa-key code, .manager-shell .recovery-codes code { font: 600 13px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .5px; color: var(--ink); }
.manager-shell .recovery-codes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 22px; margin: 0 0 6px; padding: 16px 16px 16px 36px; background: #f4f6f1; border: 1px solid var(--line); }