:root{--oc-bg:#faf9f7;--oc-surface:#ffffff;--oc-surface-2:#f3f1ed;--oc-border:#e3dfd8;--oc-text:#1f1e1c;--oc-text-muted:#6b6760;--oc-accent:#b4552f;--oc-accent-text:#ffffff;--oc-focus:#2f6fb4;--oc-ok:#1f7a4d;--oc-ok-bg:#e6f4ec;--oc-warn:#8a5a00;--oc-warn-bg:#fdf3dc;--oc-bad:#b42318;--oc-bad-bg:#fdeceb;--oc-neutral-bg:#eeece8;--oc-radius:10px;--oc-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--oc-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--oc-bg:#1c1b19;--oc-surface:#262522;--oc-surface-2:#2f2d2a;--oc-border:#3d3a35;--oc-text:#f1efea;--oc-text-muted:#aaa59c;--oc-accent:#e07a50;--oc-accent-text:#1c1b19;--oc-focus:#7fb0ea;--oc-ok:#6fd3a0;--oc-ok-bg:#1d3328;--oc-warn:#f0c060;--oc-warn-bg:#3a3020;--oc-bad:#ff8a80;--oc-bad-bg:#3d2220;--oc-neutral-bg:#34322e}}:root[data-theme=dark]{--oc-bg:#1c1b19;--oc-surface:#262522;--oc-surface-2:#2f2d2a;--oc-border:#3d3a35;--oc-text:#f1efea;--oc-text-muted:#aaa59c;--oc-accent:#e07a50;--oc-accent-text:#1c1b19;--oc-focus:#7fb0ea;--oc-ok:#6fd3a0;--oc-ok-bg:#1d3328;--oc-warn:#f0c060;--oc-warn-bg:#3a3020;--oc-bad:#ff8a80;--oc-bad-bg:#3d2220;--oc-neutral-bg:#34322e}.oc-settings,.oc-settings *{box-sizing:border-box}.oc-settings{font-family:var(--oc-font);color:var(--oc-text);background:var(--oc-bg);min-height:100%;padding:24px 32px 48px;font-size:14px;line-height:1.5}.oc-settings h1{font-size:22px;margin:0;font-weight:600}.oc-settings-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.oc-settings-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;max-width:1120px}.oc-settings-main{min-width:0}.oc-nav-select{display:none}.oc-nav-select select{width:100%}.oc-nav-group+.oc-nav-group{margin-top:16px}.oc-nav-group-label{margin:0 0 4px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--oc-text-muted)}.oc-nav-group ul{list-style:none;margin:0;padding:0}.oc-nav-item{display:block;width:100%;text-align:left;border:0;background:none;color:var(--oc-text);font:inherit;padding:7px 10px;border-radius:8px;cursor:pointer}.oc-nav-item:hover{background:var(--oc-surface-2)}.oc-nav-item[aria-current=page]{background:var(--oc-surface-2);font-weight:600;box-shadow:inset 3px 0 0 var(--oc-accent)}.oc-section-header h2{font-size:18px;margin:0 0 4px;font-weight:600}.oc-section-header h2:focus{outline:none}.oc-section-header p{margin:0 0 16px;color:var(--oc-text-muted);max-width:68ch}.oc-panel{background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:var(--oc-radius);padding:16px;margin-bottom:16px}.oc-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.oc-panel-head h3{margin:0;font-size:15px;font-weight:600}.oc-panel-actions{display:flex;gap:8px;align-items:center}.oc-card{border:1px solid var(--oc-border);border-radius:var(--oc-radius);padding:14px;background:var(--oc-surface)}.oc-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.oc-card h4{margin:0;font-size:15px}.oc-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.oc-meta{color:var(--oc-text-muted);font-size:12.5px;margin:0;font-weight:400}.oc-detail{margin:8px 0}.oc-mono{font-family:var(--oc-mono);font-size:12.5px;overflow-wrap:anywhere}.oc-summary{color:var(--oc-text-muted);margin:0 0 12px}.oc-kv{display:grid;gap:4px 16px;margin:10px 0}.oc-kv>div{display:grid;grid-template-columns:minmax(90px,160px) minmax(0,1fr);gap:12px}.oc-kv dt{color:var(--oc-text-muted);text-transform:capitalize}.oc-kv dd{margin:0}.oc-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.oc-row-tight{margin-top:0;flex-wrap:nowrap}.oc-grow{flex:1;min-width:0}.oc-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:8px;border:1px solid var(--oc-border);background:var(--oc-surface);color:var(--oc-text);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap}.oc-btn:hover:not(:disabled){background:var(--oc-surface-2)}.oc-btn-primary{background:var(--oc-accent);border-color:var(--oc-accent);color:var(--oc-accent-text)}.oc-btn-primary:hover:not(:disabled){background:var(--oc-accent);filter:brightness(1.08)}.oc-btn-danger{color:var(--oc-bad)}.oc-btn-ghost{border-color:transparent;background:transparent}.oc-btn:disabled{opacity:.5;cursor:not-allowed}.oc-settings :focus-visible,.oc-settings-entry:focus-visible{outline:2px solid var(--oc-focus);outline-offset:2px}.oc-gated{display:inline-flex}.oc-load-more{margin-top:12px}.oc-spinner{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;display:inline-block;animation:oc-spin .8s linear infinite}@keyframes oc-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.oc-spinner{animation:none}}.oc-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;background:var(--oc-neutral-bg);color:var(--oc-text-muted)}.oc-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.oc-badge-healthy{background:var(--oc-ok-bg);color:var(--oc-ok)}.oc-badge-degraded{background:var(--oc-warn-bg);color:var(--oc-warn)}.oc-badge-blocked{background:var(--oc-bad-bg);color:var(--oc-bad)}.oc-pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:var(--oc-neutral-bg);color:var(--oc-text-muted);text-transform:capitalize;margin-left:6px}td>.oc-pill:first-child{margin-left:0}.oc-pill-active,.oc-pill-success{background:var(--oc-ok-bg);color:var(--oc-ok)}.oc-pill-denied,.oc-pill-expired,.oc-pill-failure,.oc-pill-revoked,.oc-pill-suspended{background:var(--oc-bad-bg);color:var(--oc-bad)}.oc-pill-invited{background:var(--oc-warn-bg);color:var(--oc-warn)}.oc-cap-passed{color:var(--oc-ok);font-weight:600}.oc-cap-failed{color:var(--oc-bad);font-weight:600}.oc-cap-not_tested{color:var(--oc-text-muted)}.oc-notice{border-radius:var(--oc-radius);padding:12px 14px;margin:0 0 12px;border:1px solid var(--oc-border)}.oc-notice p{margin:4px 0 0}.oc-notice ul{margin:6px 0 0;padding-left:18px}.oc-notice .oc-btn{margin-top:8px}.oc-notice-muted{background:var(--oc-surface-2)}.oc-notice-error{background:var(--oc-bad-bg);border-color:transparent;color:var(--oc-text)}.oc-notice-error strong{color:var(--oc-bad)}.oc-unavailable-label{font-weight:600}.oc-banner{background:var(--oc-warn-bg);color:var(--oc-text);border-radius:var(--oc-radius);padding:10px 14px;margin-bottom:16px;max-width:1120px}.oc-loading{display:flex;gap:8px;align-items:center;padding:12px 0}.oc-empty,.oc-loading{color:var(--oc-text-muted)}.oc-empty{text-align:center;padding:24px 12px;border:1px dashed var(--oc-border);border-radius:var(--oc-radius)}.oc-empty strong{display:block;color:var(--oc-text);margin-bottom:4px}.oc-table-wrap{position:relative;overflow-x:auto;max-width:100%}.oc-table{width:100%;border-collapse:collapse}.oc-table td,.oc-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--oc-border);vertical-align:top}.oc-table thead th{font-size:12px;color:var(--oc-text-muted);font-weight:600}.oc-table tbody th{font-weight:600}.oc-table-compact{margin-top:10px;font-size:13px}.oc-list{list-style:none;margin:0;padding:0}.oc-list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--oc-border)}.oc-list-item:last-child{border-bottom:0}.oc-form{display:grid;gap:12px;margin-top:16px;max-width:520px}.oc-form-inline{max-width:none;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end}.oc-form-inline>.oc-notice{grid-column:1/-1}.oc-fieldset{border:0;padding:0;margin:0;display:grid;gap:12px}.oc-field{display:grid;gap:4px}.oc-field label{font-weight:600}.oc-field-inline{display:flex;align-items:center;gap:8px}.oc-hint{color:var(--oc-text-muted);font-size:12.5px;margin:0}.oc-dialog input:not([type=checkbox]),.oc-dialog select,.oc-dialog textarea,.oc-settings input:not([type=checkbox]),.oc-settings select,.oc-settings textarea{font:inherit;color:var(--oc-text);background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:8px;padding:7px 10px;min-height:36px;width:100%}.oc-settings input:disabled,.oc-settings select:disabled{opacity:.6}.oc-inline-checks{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 12px}.oc-check,.oc-inline-checks label{display:inline-flex;align-items:center;gap:6px}.oc-switch{display:flex;gap:10px;align-items:flex-start}.oc-switch input{margin-top:4px}.oc-details summary{cursor:pointer;margin-top:12px;color:var(--oc-text-muted)}.oc-meter{height:6px;border-radius:999px;background:var(--oc-neutral-bg);margin:6px 0 2px;overflow:hidden;max-width:360px}.oc-meter>span{display:block;height:100%;background:var(--oc-ok)}.oc-meter-high>span{background:var(--oc-bad)}.oc-budget-note{border-left:4px solid var(--oc-accent);background:var(--oc-surface-2)}.oc-budget .oc-meter{height:10px;margin:12px 0 4px}.oc-field-error{color:var(--oc-bad);margin:-4px 0 8px;font-size:.875em}.oc-overlay{position:fixed;inset:0;background:rgb(0 0 0/.4);display:grid;place-items:center;padding:16px;z-index:50}.oc-dialog{font-family:var(--oc-font);color:var(--oc-text);background:var(--oc-surface);border-radius:14px;padding:20px;width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 20px 50px rgb(0 0 0/.25);font-size:14px}.oc-dialog *{box-sizing:border-box}.oc-dialog h3{margin:0 0 12px;font-size:16px}.oc-dialog .oc-form{margin-top:0}.oc-dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.oc-settings-entry{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}.oc-settings-entry:hover,.oc-settings-entry[aria-current=page]{background:var(--oc-surface-2)}.oc-settings-entry.is-collapsed{justify-content:center;padding:8px}.oc-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width:760px){.oc-settings{padding:16px 16px 40px}.oc-settings-body{grid-template-columns:minmax(0,1fr);gap:16px}.oc-nav-select{display:block}.oc-nav-list{display:none}.oc-form-inline{grid-template-columns:minmax(0,1fr)}.oc-list-item{align-items:stretch}.oc-card-head,.oc-list-item{flex-direction:column}.oc-row-tight{flex-wrap:wrap}}@media (pointer:coarse){.oc-btn,.oc-dialog input:not([type=checkbox]):not([type=radio]),.oc-dialog select,.oc-settings input:not([type=checkbox]):not([type=radio]),.oc-settings select,.oc-settings-entry{min-height:44px}}