:root{--green:#087e64;--line:#e5eaf0;--muted:#748197;--lpx-logo:url("/images/krispy-logo.svg") !important;--lpx-logo-icon:url("/images/krispy-logo.svg") !important}
.control-plane{font-family:inherit;color:#253246;max-width:1500px;margin:auto}
.control-plane *{box-sizing:border-box}
.control-plane a{color:var(--green);text-decoration:none}
.control-plane button,.control-plane input,.control-plane select{font:inherit}
.control-plane button{border:1px solid #d7dee7;border-radius:8px;background:white;padding:9px 14px;color:#354358;cursor:pointer}
.control-plane button:hover{background:#edf4f1}
.control-plane button:disabled{opacity:.5;cursor:wait}
.control-plane button.primary{background:var(--green);border-color:var(--green);color:white}
.control-plane main{max-width:1500px;padding:42px}
.control-plane .page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}
.control-plane .eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#087e64}
.control-plane h1{font:800 30px Manrope,sans-serif;letter-spacing:-.8px;margin:8px 0 12px}
.control-plane h2{font:700 17px Manrope,sans-serif;margin:0 0 14px}
.control-plane .muted{color:var(--muted);font-size:13px}
.control-plane .mono{font-family:ui-monospace,monospace;font-size:12px}
.control-plane .connection-strip{display:flex;gap:10px;margin-bottom:25px}
.control-plane .badge{font-size:11px;font-weight:600;border-radius:5px;padding:5px 8px;display:inline-block;white-space:nowrap}
.control-plane .healthy{background:#e0f4eb;color:#187452}
.control-plane .neutral{background:#edf0f5;color:#64748b}
.control-plane .production{background:#eee6fc;color:#7550aa}
.control-plane .project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.control-plane .project-card{color:inherit;background:white;border:1px solid var(--line);border-radius:12px;padding:24px;transition:box-shadow .15s,transform .15s}
.control-plane .project-card:hover{box-shadow:0 8px 24px #17362b12;transform:translateY(-2px)}
.control-plane .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.control-plane .project-icon{background:#e4f3ec;color:#087e64;border-radius:9px;padding:10px 13px;font-size:22px}
.control-plane .card-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:11px;color:var(--muted)}
.control-plane .panel{border:1px solid var(--line);border-radius:12px;background:white;padding:24px;margin-bottom:24px}
.control-plane .section-heading{display:flex;justify-content:space-between}
.control-plane .empty{text-align:center;padding:60px 25px;color:var(--muted)}
.control-plane .empty-icon{font-size:40px;color:#a1b8ae;margin-bottom:20px}
.control-plane .empty h2{color:#425166}
.control-plane .notice{border:1px solid #b9dbcb;background:#edf7f1;border-radius:8px;padding:14px 18px;margin-bottom:20px;font-size:13px}
.control-plane .notice.error{background:#fff0ee;border-color:#f2ceca;color:#a83d36}
.control-plane .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.control-plane label{font-size:12px;color:#64748b;display:flex;flex-direction:column;gap:8px}
.control-plane input,.control-plane select{border:1px solid #d8e0e8;border-radius:7px;padding:10px 12px;background:white;color:#253246;width:100%}
.control-plane input:focus,.control-plane select:focus{outline:2px solid #a2d8c5;border-color:#087e64}
.control-plane .tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:25px 0}
.control-plane .tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);padding:14px 0}
.control-plane .tabs button.selected{color:var(--green);border-bottom-color:var(--green)}
.control-plane .back-link{font-size:12px}
.control-plane .table-wrap{overflow:auto}
.control-plane table{border-collapse:collapse;width:100%;font-size:13px}
.control-plane th{text-align:left;color:#8a96a7;font-size:10px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--line);padding:14px 12px}
.control-plane td{padding:17px 12px;border-bottom:1px solid #eff2f6}
.control-plane td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.control-plane .actions{white-space:nowrap}
.control-plane .actions a{margin-right:12px}
.control-plane .actions button{padding:6px 10px;font-size:11px;margin-right:6px}
.control-plane .request-row{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
.control-plane .data-output{white-space:pre-wrap;overflow:auto;max-height:500px;font-size:11px;background:#132e2c;color:#d5e4df;padding:20px;border-radius:8px}
.control-plane #blazor-error-ui{display:none;background:#ffe6b8;position:fixed;bottom:0;width:100%;padding:15px}
.control-plane .validation-message,.control-plane .validation-errors{color:#a83d36;font-size:12px}
@media(max-width:800px){.control-plane .form-grid{grid-template-columns:1fr}.control-plane .page-heading{align-items:flex-start}}