:root{--bg:#f5f7f9;--panel:#fff;--ink:#17212b;--muted:#637083;--line:#d9e0e7;--accent:#176b87;--accent2:#2d6a4f;--warn:#8a5a00;--bad:#9b1c31;--neutral:#5d6570}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;letter-spacing:0}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#102631;color:white;padding:22px 16px}.brand{font-weight:700;font-size:20px;margin-bottom:24px}.sidebar nav{display:grid;gap:4px}.sidebar a{color:#dce9ee;text-decoration:none;padding:10px 12px;border-radius:6px}.sidebar a:hover{background:#1d3a48}.main{margin-left:236px;min-height:100vh;padding:22px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h1{margin:0;font-size:28px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:16px}.narrow{max-width:520px}.status-grid,.diagnostic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.status-card{background:white;border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;gap:10px}.status-card span,.hint,small{color:var(--muted)}.badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;font-size:13px;font-weight:700}.badge.ok{background:#dff3e8;color:#145236}.badge.warn{background:#fff1d1;color:var(--warn)}.badge.bad{background:#fae1e6;color:var(--bad)}.badge.neutral{background:#e8edf2;color:var(--neutral)}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:1fr 1fr auto;align-items:end}.form-grid.five{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}.stacked{display:grid;gap:0}label{display:grid;gap:6px;font-weight:650}input{width:100%;padding:10px 11px;border:1px solid #bac6d1;border-radius:6px;background:white;color:var(--ink);font:inherit}input:disabled{background:#eef2f4;color:#68727e}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;border:0;border-radius:6px;padding:9px 14px;background:var(--accent);color:white;text-decoration:none;font-weight:700;font:inherit;cursor:pointer}.secondary{background:var(--accent2)}.link-button{background:transparent;color:#176b87;padding:0;min-height:auto}.actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 18px}.inline-form{display:flex;gap:10px;align-items:center}.user{color:var(--muted)}.notice{background:#e6f4f1;border:1px solid #b9ddd5;color:#12483e;border-radius:8px;padding:10px 12px;margin-bottom:16px}.error{background:#fae1e6;border:1px solid #efb5c0;color:#8a1026;border-radius:8px;padding:10px 12px;margin-bottom:14px}.kv{display:grid;grid-template-columns:180px 1fr;gap:8px 14px}.kv dt{color:var(--muted)}.kv dd{margin:0}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.three-cols h3,.test-card h2{margin-top:0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px;vertical-align:top}.table th{color:var(--muted);font-size:13px}.json{background:#101820;color:#dce9ee;padding:14px;border-radius:8px;overflow:auto;max-height:520px}.disabled-block{opacity:.85}@media (max-width:900px){.sidebar{position:static;width:auto}.main{margin-left:0;padding:18px}.status-grid,.diagnostic-grid,.form-grid.two,.form-grid.three,.form-grid.five,.three-cols{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.kv{grid-template-columns:1fr}}
.component-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.sandbox-label{background:#e6f4f1;color:#12483e}.prod-label{background:#fae1e6;color:#8a1026}@media (max-width:1100px){.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.component-grid{grid-template-columns:1fr}}
.topbar-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.compact-label{font-size:13px;color:var(--muted)}select{width:100%;padding:9px 10px;border:1px solid #bac6d1;border-radius:6px;background:white;color:var(--ink);font:inherit}.env-form select{min-width:190px}.environment-banner{display:inline-flex;margin:0 10px 8px 0;padding:8px 10px;border-radius:6px;font-weight:700}.explorer-grid{grid-template-columns:repeat(5,minmax(160px,1fr))}.matrix-table th:first-child{width:180px}.compact-kv{grid-template-columns:140px 1fr}.blocked-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.blocked-grid span{background:#eef2f4;border:1px solid var(--line);border-radius:6px;padding:10px}.check-row{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-weight:600}.check-row input{width:auto}@media (max-width:1200px){.explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blocked-grid{grid-template-columns:1fr}}@media (max-width:700px){.explorer-grid{grid-template-columns:1fr}.compact-kv{grid-template-columns:1fr}}
.status-card{min-width:0}.status-card .badge{width:auto;white-space:normal;overflow-wrap:anywhere;border-radius:6px}
.kb-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.kb-index{max-height:calc(100vh - 120px);overflow:auto}.kb-link{display:grid;gap:4px;text-decoration:none;color:var(--ink);padding:9px 0;border-bottom:1px solid var(--line)}.kb-link small{line-height:1.35}.doc-content h1,.doc-content h2,.doc-content h3{margin-top:1.2em}.doc-content p{line-height:1.6}.doc-content code{background:#eef2f4;padding:1px 4px;border-radius:4px}.doc-table{width:100%;border-collapse:collapse;margin:8px 0}.doc-table td{border:1px solid var(--line);padding:8px}.lesson{border-bottom:1px solid var(--line);padding:10px 0}.lesson p{margin:6px 0}.json{white-space:pre-wrap}@media (max-width:1000px){.kb-layout{grid-template-columns:1fr}.kb-index{max-height:none}}