@font-face{font-family:Roboto;src:url('/vendor/fonts/Roboto-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('/vendor/fonts/Roboto-Medium.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:Roboto;src:url('/vendor/fonts/Roboto-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--navy:#082442;--navy-2:#071c34;--ink:#10233f;--muted:#5f7190;--line:#dce5ef;--soft:#f5f8fc;--blue:#087df1;--blue-2:#0a68d8;--green:#18a957;--amber:#e89800;--red:#e42531;--purple:#7041d8;--shadow:0 8px 26px rgba(24,52,88,.08)}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:#f7f9fc;color:var(--ink);font-family:Roboto,Arial,sans-serif}.mdi{font-size:1.3em;line-height:1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,125,241,.3)}
.topbar{position:fixed;z-index:50;inset:0 0 auto 0;height:58px;display:flex;align-items:center;gap:12px;padding:0 16px;background:linear-gradient(90deg,#07213d,#061b32);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.brand{height:58px;display:flex;align-items:center;gap:9px;padding-right:15px;border-right:1px solid rgba(255,255,255,.14);white-space:nowrap}.brand strong{font-size:17px}.brand em{font-style:normal;color:#31a5ff}.brand-mark{width:35px;height:35px;display:grid;place-items:center;color:#39a9ff;font-size:28px}
.top-select{height:38px;min-width:165px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(255,255,255,.045);font-weight:600}.top-select .mdi-chevron-down{margin-left:auto}.top-select.branch{min-width:120px}
.global-search{height:38px;max-width:390px;min-width:230px;flex:1;margin-left:auto;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(255,255,255,.06);color:#aebed2;text-align:left}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff}.global-search input::placeholder{color:#aebed2}.global-search kbd{margin-left:auto;border-radius:4px;background:rgba(255,255,255,.1);padding:2px 6px;color:#d8e4f1}
.top-state,.profile,.health-pill{height:58px;display:flex;align-items:center;gap:9px;padding:0 13px;border-left:1px solid rgba(255,255,255,.12)}.top-state small,.profile small,.health-pill small{display:block;color:#a9bbcf;font-size:11px}.top-state strong,.profile strong,.health-pill strong{display:block;font-size:12px}.spinner{width:21px;height:21px;border-radius:50%;border:4px solid rgba(40,159,255,.25);border-top-color:#2aa1ff}.top-icon{position:relative;width:48px;height:58px;border:0;border-left:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;font-size:21px}.top-icon b{position:absolute;right:3px;top:8px;background:var(--red);font-size:10px;border-radius:99px;padding:2px 5px}.health-pill>span{width:13px;height:13px;border-radius:50%;background:#28c86f;box-shadow:0 0 12px #28c86f}.profile-menu{position:relative}.profile-menu>summary{list-style:none;cursor:pointer}.profile-menu>summary::-webkit-details-marker{display:none}.profile{border:0;border-left:1px solid rgba(255,255,255,.12);background:transparent;color:#fff}.profile-popover{position:absolute;right:0;top:54px;width:225px;padding:10px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.profile-popover>span{display:block;padding:5px 8px 10px;color:var(--muted);font-size:11px}.profile-popover button{width:100%;display:flex;align-items:center;gap:8px;padding:9px;border:0;border-radius:4px;background:#f2f6fa;cursor:pointer;font-weight:600}.profile-popover button:hover{background:#e5eff9}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#4475b0;color:#fff;font-weight:700}.mobile-nav-button{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:26px}
.health-pill.is-unverified>span{background:#e89800;box-shadow:0 0 12px #e89800}.section-gap{margin-top:13px}.error-card{max-width:700px;margin:60px auto;text-align:center}.error-icon{font-size:60px;color:var(--red)}.toast.toast-error{background:#fff0f1;border-color:#f2a3a8;color:#b91520}
.sidebar{position:fixed;z-index:40;left:0;top:58px;bottom:0;width:188px;padding:12px 7px;background:linear-gradient(180deg,#092846,#061d35);color:#d9e6f5}.sidebar nav{display:grid;gap:3px}.sidebar a{height:45px;display:flex;align-items:center;gap:14px;padding:0 17px;border-radius:5px;font-weight:500}.sidebar a .mdi{width:22px;font-size:21px}.sidebar a:hover{background:rgba(255,255,255,.07)}.sidebar a.is-active{background:linear-gradient(90deg,#057ced,#126dcc);color:#fff;box-shadow:inset 3px 0 #45b5ff}
.main-shell{min-height:100vh;margin-left:188px;padding:58px 0 0;background:radial-gradient(circle at 50% -20%,#fff 0,#f7f9fc 52%)}.page{padding:22px 24px 34px;max-width:1800px;margin:0 auto}.page.wide{max-width:none}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.page-title h1{font-size:30px;line-height:1.05;margin:0 0 4px;letter-spacing:-.7px}.page-title p{margin:0;color:var(--muted);font-size:16px}.page-actions{display:flex;align-items:center;gap:9px}.breadcrumbs{display:flex;gap:9px;align-items:center;margin-bottom:13px;color:#55708f;font-size:12px}.breadcrumbs a{color:#0677e8}.breadcrumbs .mdi{font-size:14px}
.button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:5px;padding:0 15px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.button:hover{background:var(--blue-2)}.button.secondary{border-color:#b9cce0;background:#fff;color:#17304e}.button.danger{background:#fff;border-color:#ed6b72;color:#d9202a}.button.danger.solid{background:var(--red);color:#fff}.button.ghost{background:transparent;color:#0875dd}.button:disabled,.button.disabled{cursor:not-allowed;background:#e5ebf2;border-color:#d3dde8;color:#8291a5;box-shadow:none}.button.large{height:44px}.button.block{width:100%}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 2px rgba(22,49,82,.03)}.card-head{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.card-head h2,.card-head h3{display:flex;align-items:center;gap:9px;margin:0;font-size:16px}.card-body{padding:14px}.subtle{color:var(--muted)}.mono{font-family:Consolas,monospace}.link{color:#087be9;font-weight:600}.divider{height:1px;background:var(--line);margin:14px 0}
.banner{min-height:45px;display:flex;align-items:center;gap:12px;padding:9px 16px;border:1px solid;border-radius:6px;margin-bottom:12px;font-weight:500}.banner .mdi{font-size:22px}.banner strong{font-weight:800}.banner button{margin-left:auto;border:0;background:transparent;font-size:20px}.banner.info{background:#eaf5ff;border-color:#b9dcff;color:#0759ad}.banner.warning{background:#fff7e5;border-color:#f2ce78;color:#8b5200}.banner.danger{background:#fff0f1;border-color:#f2a3a8;color:#b91520}.banner.incident{border-radius:0;margin:0;background:linear-gradient(90deg,#d51f28,#ef2630);border:0;color:#fff;box-shadow:0 5px 14px rgba(183,22,31,.2)}
.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:13px}.metric{min-height:92px;display:grid;grid-template-columns:51px 1fr 20px;align-items:center;gap:9px;padding:12px 15px}.metric-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf2f7;color:#72859e;font-size:27px}.metric strong{display:block;font-size:26px;line-height:1;margin:4px 0}.metric small{color:var(--muted)}.metric .arrow{font-size:24px}.tone-Success .metric-icon,.status.tone-Success{background:#e5f8ed;color:#07893e}.tone-Info .metric-icon,.status.tone-Info{background:#e5f2ff;color:#0876e6}.tone-Warning .metric-icon,.status.tone-Warning{background:#fff2d3;color:#ab6800}.tone-Danger .metric-icon,.status.tone-Danger{background:#ffe7e8;color:#cf1722}.tone-Purple .metric-icon,.status.tone-Purple{background:#eee7ff;color:#6232ce}
.pipeline-card{padding:0 12px 13px;margin-bottom:13px}.pipeline-header{display:flex;align-items:center;gap:12px;padding:12px 3px}.pipeline-header h2{margin:0;font-size:18px}.pipeline-header .push{margin-left:auto;color:var(--muted);font-size:12px}.stages{display:flex;align-items:stretch;overflow-x:auto;padding-bottom:2px}.stage{position:relative;min-width:132px;flex:1;margin-right:13px;padding:12px 10px;border:1px solid #cbd9e6;border-radius:6px;background:linear-gradient(#fff,#f6f9fc)}.stage:not(:last-child)::after{content:"";position:absolute;z-index:0;left:100%;top:50%;width:14px;height:4px;background:#b9cadb}.stage.tone-Info{border:2px solid var(--blue);background:#f1f8ff}.stage h3{font-size:13px;margin:0 0 11px}.stage .stage-status{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px}.stage .stage-status i{font-size:20px}.stage small{display:block;color:var(--muted);margin-top:8px}.stage .progress{margin-top:8px}.progress{height:6px;border-radius:99px;background:#dbe4ed;overflow:hidden}.progress>span{display:block;height:100%;background:var(--blue);border-radius:inherit}.tone-Success .stage-status{color:var(--green)}.tone-Info .stage-status{color:var(--blue)}.tone-Warning .stage-status{color:var(--amber)}.tone-Danger .stage-status{color:var(--red)}
.stage-progress{width:100%;height:6px;margin-top:8px;border:0;border-radius:99px;overflow:hidden}.stage-progress::-webkit-progress-bar{background:#dbe4ed}.stage-progress::-webkit-progress-value{background:var(--blue)}.stage-progress::-moz-progress-bar{background:var(--blue)}.empty-pipeline{margin-bottom:13px;text-align:center}.empty-pipeline>.mdi{font-size:42px;color:var(--muted)}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:13px;margin-bottom:13px}.environment-card{overflow:hidden}.environment-head{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;color:#fff;background:linear-gradient(110deg,#0588f5,#056dd8)}.environment-card.production .environment-head{background:linear-gradient(110deg,#0b2f57,#0b4d87)}.environment-head h2{margin:0;font-size:16px}.health-badge,.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:700}.health-badge{background:#dcf8e7;color:#138647}.environment-details{padding:6px 15px}.detail-row{display:grid;grid-template-columns:130px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #e3e9ef}.detail-row:last-child{border:0}.detail-row span:first-child{color:#4e6380}.environment-actions{display:grid;grid-template-columns:1fr 1.05fr;gap:10px;padding:12px 15px}.attention-list{padding:0}.attention-item{display:grid;grid-template-columns:37px 1fr auto;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}.attention-item:last-child{border:0}.attention-item>i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--amber);font-size:18px}.attention-item.danger>i{background:var(--red)}.attention-item strong{font-size:13px}.attention-item p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.attention-item time{font-size:11px;color:var(--muted)}
.dashboard-grid.auto-fit{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.environment-grid.columns-1{grid-template-columns:1fr}.environment-grid.columns-2{grid-template-columns:repeat(2,1fr)}.environment-grid.columns-3{grid-template-columns:repeat(3,1fr)}
.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{background:#f2f6fa;color:#344a66;text-align:left;padding:8px 11px;font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:8px 11px;border-bottom:1px solid #e5ebf1;vertical-align:middle}.data-table tbody tr:hover{background:#f7fbff}.data-table tr:last-child td{border-bottom:0}.data-table .selected{background:#eef7ff;box-shadow:inset 3px 0 var(--blue)}.status{padding:4px 8px}.status .mdi{font-size:15px}
.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:14px}.tab{height:42px;border:0;border-bottom:3px solid transparent;background:transparent;color:#4c5f79;font-weight:600;cursor:pointer}.tab.is-active{color:#076fd5;border-bottom-color:#087df1}.tab-panel[hidden]{display:none!important}
.summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:15px}.summary-card{padding:15px;min-height:115px}.summary-card label{display:block;color:var(--muted);font-size:12px}.summary-card strong{display:block;font-size:22px;margin:9px 0}.summary-card small{color:var(--muted)}
.flow-strip{padding:11px 14px;margin-bottom:14px;background:#eaf4ff;border-radius:6px;color:#0759ad;font-weight:700}.flow-cards{display:flex;gap:20px;overflow-x:auto;margin-bottom:16px}.flow-card{position:relative;min-width:145px;flex:1;padding:14px;border:1px solid var(--line);border-radius:7px;background:#fff}.flow-card:not(:last-child)::after{content:'→';position:absolute;right:-17px;top:42%;color:#6f8199;font-size:20px}.flow-card h3{margin:0 0 8px;font-size:13px}.flow-card p{margin:0 0 10px;color:var(--muted);font-size:11px;min-height:28px}.flow-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;font-size:10px;gap:5px}.flow-card dt{color:var(--muted)}.flow-card dd{margin:0}
.drawer{position:fixed;z-index:80;top:58px;right:0;bottom:0;width:min(410px,100%);transform:translateX(102%);transition:transform .2s ease;background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 40px rgba(15,39,66,.12);overflow:auto}.drawer.is-open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font-size:18px}.drawer-head button{border:0;background:transparent;font-size:22px}.drawer-body{padding:17px}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-weight:700;font-size:12px}.field input,.field select,.field textarea{width:100%;border:1px solid #bfcddd;border-radius:5px;padding:10px;background:#fff}.field textarea{min-height:84px;resize:vertical}.choice{display:grid;grid-template-columns:22px 1fr;gap:9px;padding:12px;border:1px solid var(--line);border-radius:6px;margin-bottom:8px}.choice:has(input:checked){border:2px solid var(--blue);background:#f5faff}.choice input{margin-top:3px}.choice strong{display:block}.choice small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}.evidence-box{padding:12px;border-radius:6px;background:#f4f7fa;border:1px solid var(--line);font-size:12px}.evidence-box>div{display:flex;justify-content:space-between;padding:4px 0}.drawer-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 17px;background:#fff;border-top:1px solid var(--line)}
.build-alert{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #f08d93;background:#fff0f1;color:#bd1520;border-radius:5px;margin-bottom:10px}.build-alert>i{font-size:31px}.build-alert h2{margin:0;font-size:18px}.build-alert p{margin:3px 0 0}.build-alert .page-actions{margin-left:auto}.meta-line{display:flex;flex-wrap:wrap;gap:0;margin:6px 0 14px;color:#526985}.meta-line span,.meta-line a{padding:0 15px;border-right:1px solid var(--line)}.meta-line>*:first-child{padding-left:0}.build-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:15px}.failure-card{padding:14px}.failure-card h2{margin:3px 0;font-size:18px}.quality-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.quality{min-height:90px;border:1px solid var(--line);border-radius:6px;padding:10px}.quality strong{display:block;margin:8px 0;font-size:16px}.log-console{background:#061b31;color:#d8e7f5;border-radius:6px;overflow:hidden}.log-head{height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#0a2b4c}.log-body{height:215px;overflow:auto;padding:10px 14px;font:12px/1.55 Consolas,monospace}.log-body .error{display:block;background:rgba(219,33,45,.35);color:#ffb5ba}.log-body .warning{color:#ffc34e}
.release-filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px;padding:14px;margin-bottom:13px}.release-filters input,.release-filters select{height:38px;border:1px solid #c7d4e1;border-radius:5px;padding:0 10px;background:#fff}.release-evidence{padding:15px;background:#f5faff;border:1px solid #acd3fa;border-top:0}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.evidence-item{display:grid;grid-template-columns:35px 1fr;gap:9px}.evidence-item i{font-size:25px;color:var(--green)}.evidence-item strong{display:block}.evidence-item span{display:block;color:var(--muted);margin-top:3px}
.release-steps{display:grid;grid-template-columns:repeat(5,1fr);padding:22px 25px}.release-step{position:relative;text-align:center}.release-step::before{content:'';position:absolute;top:15px;left:0;right:0;height:3px;background:#c9d5e2}.release-step:first-child::before{left:50%}.release-step:last-child::before{right:50%}.release-step i{position:relative;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:#d7e1ec;color:#fff;font-size:19px}.release-step.done::before,.release-step.done i{background:var(--green)}.release-step.current i{background:var(--amber)}.release-step strong,.release-step span{display:block}.release-step span{font-size:11px;color:var(--muted);margin-top:3px}.release-detail-grid{display:grid;grid-template-columns:380px 1fr 315px;gap:13px}.gate-list{padding:0}.gate{display:grid;grid-template-columns:24px 1fr 110px auto;align-items:center;gap:7px;padding:8px 13px;border-bottom:1px solid var(--line);font-size:12px}.gate:last-child{border:0}.gate>i{font-size:19px}.gate.done>i{color:var(--green)}.gate.pending>i{color:var(--amber)}.manifest-table td:first-child{font-weight:700}.change-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:14px}.change-summary h4{margin:0 0 7px}.change-summary ul{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.6}
.deploy-summary{display:grid;grid-template-columns:1fr 1fr 1.25fr .8fr .8fr .8fr;gap:0;margin-bottom:13px}.deploy-summary>div{padding:13px;border-right:1px solid var(--line)}.deploy-summary>div:last-child{border:0}.deploy-summary label{display:block;color:var(--muted);font-size:11px}.deploy-summary strong{display:block;font-size:16px;margin:6px 0}.deployment-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(330px,1fr);gap:13px}.steps-table td{height:38px}.steps-table tr.running{background:#edf6ff}.step-progress{padding:10px 14px 15px;margin:-1px 0 0 38px;border-left:3px solid var(--blue);background:#f7fbff}.side-stack{display:grid;gap:10px;align-content:start}.kv{display:grid;grid-template-columns:150px 1fr;gap:6px;font-size:12px;padding:3px 0}.logs-mini{background:#061a2e;color:#bcd0e2;padding:10px;height:132px;overflow:auto;font:10px/1.45 Consolas,monospace;border-radius:0 0 6px 6px}
.agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.agent-card{padding:15px}.agent-card .agent-head{display:flex;align-items:center;gap:10px}.agent-card .agent-icon{width:42px;height:42px;border-radius:7px;display:grid;place-items:center;background:#eaf4ff;color:#0879e7;font-size:25px}.agent-card h3{margin:0}.agent-card dl{display:grid;grid-template-columns:90px 1fr;gap:7px;margin:14px 0 0;font-size:12px}.agent-card dt{color:var(--muted)}.agent-card dd{margin:0}
.settings-layout{display:grid;grid-template-columns:230px 1fr;gap:13px}.settings-nav{padding:8px}.settings-nav a{display:block;padding:10px 12px;border-radius:5px}.settings-nav a.is-active{background:#eaf4ff;color:#0875de;font-weight:700}.setting-row{display:grid;grid-template-columns:1fr 230px;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row strong{display:block}.setting-row p{margin:4px 0 0;color:var(--muted);font-size:12px}.setting-row select{height:38px;border:1px solid #c5d3e1;border-radius:5px;padding:0 10px;background:#fff}
.access-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:end}.access-form>.validation-summary-errors{grid-column:1/-1}.access-form label{display:grid;gap:6px;font-weight:600;font-size:12px}.access-form input,.access-form select,.actions select{height:38px;border:1px solid #c5d3e1;border-radius:5px;padding:0 10px;background:#fff}.actions,.actions form{display:flex;align-items:center;gap:7px}.button.small{height:33px;padding:0 11px;font-size:12px}
.production-hero{display:flex;align-items:center;gap:22px;padding:18px;color:#fff;background:linear-gradient(110deg,#092845,#0b345e);border-radius:6px;margin-bottom:15px}.production-hero>i{font-size:45px;color:#ffc43d}.production-hero h2{font-size:25px;margin:0;padding-right:25px;border-right:1px solid rgba(255,255,255,.3)}.production-hero p{margin:0}.production-layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:15px}.production-content{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:13px}.version-compare{display:grid;grid-template-columns:1fr 35px 1fr 190px;gap:9px;align-items:stretch}.version-box{padding:15px}.version-box h3{font-size:24px;margin:4px 0 12px}.evidence-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.evidence-tile{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:11px;background:#edfbf3;border-radius:5px}.evidence-tile>i{font-size:28px;color:var(--green)}.evidence-tile small{display:block;color:var(--muted);margin-top:3px}.plan-list{padding:14px}.plan-step{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding-bottom:14px}.plan-step b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d9ecff;color:#075dae}.auth-panel{padding:17px}.auth-panel h2{margin:0 0 12px}.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otp input{width:100%;height:44px;text-align:center;border:1px solid #b7c8da;border-radius:5px;font-size:20px}.checkline{display:flex;gap:8px;align-items:flex-start;margin:15px 0}.correlation{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:5px;background:#f5f8fb;font-family:Consolas,monospace;font-size:11px}
.incident-header{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.severity{padding:7px 20px;border-radius:5px;background:var(--red);color:#fff;font-weight:800}.incident-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:12px 0}.fact{padding:8px 18px;border-right:1px solid var(--line)}.fact label{display:block;color:var(--muted);font-size:11px}.fact strong{display:block;margin-top:4px}.outcome{padding:11px 15px;border:1px solid #f3a8ad;background:#fff1f2;color:#bd1822;border-radius:6px;margin-bottom:12px}.incident-grid{display:grid;grid-template-columns:1.2fr .75fr .8fr;gap:12px}.timeline{padding:7px 14px}.timeline-item{display:grid;grid-template-columns:45px 28px 1fr auto;gap:7px;padding:8px 0;border-bottom:1px solid var(--line)}.timeline-item time{color:var(--muted)}.timeline-item>i{font-size:22px;color:var(--green)}.timeline-item.failed>i{color:var(--red)}.timeline-item strong{display:block}.timeline-item small{display:block;color:var(--muted)}.rollback-list{padding:13px}.rollback-step{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:9px 0}.rollback-step>i{font-size:23px;color:#95a6ba}.rollback-step.done>i{color:var(--green)}.rollback-step.running>i{color:var(--blue)}.impact{padding:14px;background:#fff1f1;border:1px solid #f4b6b9;color:#bd1420}.impact-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px}.impact-metrics div{border-right:1px solid #efc5c7}.impact-metrics strong{display:block;font-size:20px}.health-chart{height:90px;margin-top:12px;background:linear-gradient(180deg,transparent 48%,#e9eef4 49%,transparent 51%),linear-gradient(90deg,transparent 48%,#edf1f5 49%,transparent 51%);background-size:100% 30px,50px 100%;position:relative}.health-chart::after{content:'';position:absolute;left:0;right:0;top:50%;height:3px;background:linear-gradient(90deg,#ee2733,#ef2733 70%,#f06a72);transform:skewY(-5deg)}
.search-dialog{width:min(650px,calc(100% - 30px));border:0;border-radius:10px;padding:0;box-shadow:0 24px 80px rgba(0,22,50,.3)}.search-dialog::backdrop{background:rgba(5,22,40,.55)}.search-dialog form{padding:15px}.search-dialog label{display:flex;align-items:center;gap:9px;border:2px solid var(--blue);border-radius:6px;padding:0 12px}.search-dialog input{height:46px;flex:1;border:0;outline:0}.search-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.search-empty i{font-size:40px}.search-empty strong{color:var(--ink);margin:10px 0 4px}.search-dialog .button{float:right}.toast{position:fixed;z-index:100;right:22px;top:72px;display:flex;align-items:center;gap:9px;min-width:300px;padding:12px;background:#eaf8f0;border:1px solid #9edbb8;border-radius:6px;color:#087e3b;box-shadow:var(--shadow);opacity:0;transform:translateY(-12px);transition:.2s}.toast.is-visible{opacity:1;transform:none}.toast button{margin-left:auto;border:0;background:transparent}
@media(max-width:1250px){.top-state,.health-pill{display:none}.metrics{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.release-detail-grid,.incident-grid{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,1fr)}.production-layout{grid-template-columns:1fr}.release-detail-grid{grid-template-columns:1fr}.production-content{grid-template-columns:1fr 300px}}
@media(max-width:900px){.top-select,.global-search,.profile span:not(.avatar){display:none}.mobile-nav-button{display:block}.sidebar{transform:translateX(-102%);transition:.2s}.sidebar.is-open{transform:none}.main-shell{margin-left:0}.page{padding:18px 14px}.metrics,.summary-cards,.dashboard-grid,.agent-grid,.evidence-grid,.change-summary{grid-template-columns:1fr 1fr}.build-layout,.deployment-grid,.production-content,.settings-layout{grid-template-columns:1fr}.release-filters{grid-template-columns:1fr 1fr}.release-steps{overflow:auto;min-width:800px}.version-compare{grid-template-columns:1fr}.incident-facts{grid-template-columns:1fr 1fr}.deploy-summary{grid-template-columns:1fr 1fr 1fr}.page-title{align-items:stretch;flex-direction:column}.page-actions{flex-wrap:wrap}.access-form{grid-template-columns:1fr 1fr}.access-form .button{width:100%}}
@media(max-width:560px){.brand strong{font-size:14px}.topbar{gap:5px}.top-icon{display:none}.metrics,.summary-cards,.agent-grid,.evidence-grid,.change-summary,.incident-facts,.deploy-summary{grid-template-columns:1fr}.release-filters{grid-template-columns:1fr}.production-hero{align-items:flex-start}.production-hero h2{border:0}.otp{gap:4px}.environment-actions{grid-template-columns:1fr}.page-actions .button{flex:1}.topbar{padding:0 9px}.profile{margin-left:auto}.main-shell{padding-top:58px}}
.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#164c7e 0,#092846 35%,#061b31 100%);padding:25px}.auth-shell{width:min(460px,100%)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;margin-bottom:20px;font-size:20px}.auth-brand em{color:#36a9ff;font-style:normal}.auth-card{padding:26px}.auth-card-intro{text-align:center}.auth-card-intro h1{margin:12px 0 6px;font-size:25px}.auth-card-intro p{color:var(--muted);line-height:1.5;margin:0 0 20px}.auth-lock{width:58px;height:58px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#e7f3ff;color:#0876e5;font-size:31px}.auth-lock.danger{background:#ffeaeb;color:var(--red)}.auth-note{display:flex;gap:9px;margin-top:18px;padding:11px;border-radius:6px;background:#edf6ff;color:#365b81;font-size:12px;line-height:1.45}.auth-note .mdi{font-size:20px;color:#0876e5}.auth-foot{text-align:center;color:#b6c8da;font-size:12px}.validation-summary-errors{color:var(--red)}
.search-page-form{display:flex;align-items:center;gap:10px}.search-page-form>.mdi{font-size:23px;color:var(--muted)}.search-page-form input{min-width:0;flex:1;height:40px;border:1px solid #c7d4e1;border-radius:5px;padding:0 11px}.search-count{margin:15px 2px 0}