:root {
  --ink:#0b1220; --ink-2:#243047; --muted:#6d788b; --muted-2:#939dad;
  --paper:#f3f5f1; --surface:#fff; --surface-2:#f7f8f5; --line:#dfe4df; --line-strong:#c8d0cb;
  --blue:#2f62f5; --green:#18a57b; --amber:#e49632; --coral:#e75462; --primary:#2f62f5; --density:1;
  --shadow:0 9px 26px rgba(21,31,48,.075); --mono:'JetBrains Mono',Consolas,monospace;
  --display:'Barlow Condensed','Noto Sans SC',sans-serif; --sans:'Noto Sans SC','Microsoft YaHei UI',sans-serif;
}
*{box-sizing:border-box} html,body,#root{width:100%;min-width:320px;height:100%;margin:0}
body{overflow:hidden;color:var(--ink);background:var(--paper);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
button,input,textarea,select{color:inherit;font:inherit} button{cursor:pointer} button:disabled{cursor:not-allowed;opacity:.48}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 60%,white);outline-offset:2px}
h1,h2,h3,p{margin:0}.boot-screen{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;background:var(--paper)}
.boot-screen>div:last-child{display:grid}.boot-screen span{color:var(--muted);font-size:12px}.boot-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--ink);font:700 16px var(--display)}
.app-shell{--topbar-h:62px;--rail-h:98px;display:grid;grid-template-rows:var(--topbar-h) var(--rail-h) minmax(0,1fr);width:100%;height:100%;background:linear-gradient(rgba(21,32,48,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(21,32,48,.025) 1px,transparent 1px),var(--paper);background-size:24px 24px}
.app-shell.version-closed{grid-template-rows:var(--topbar-h) var(--rail-h) 34px minmax(0,1fr)}
.topbar{position:relative;z-index:30;display:flex;align-items:center;gap:22px;min-width:0;padding:0 18px;color:#eef3ff;background:#0c1423;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:10px;padding:0;color:#fff;background:none;border:0}.brand-mark{position:relative;display:grid;place-items:center;width:34px;height:34px;overflow:hidden;background:color-mix(in srgb,var(--primary) 88%,white)}
.brand-mark:before,.brand-mark:after{position:absolute;width:10px;height:10px;content:'';border-color:rgba(255,255,255,.6)}.brand-mark:before{top:4px;left:4px;border-top:1px solid;border-left:1px solid}.brand-mark:after{right:4px;bottom:4px;border-right:1px solid;border-bottom:1px solid}
.brand-mark b{z-index:1;font:700 14px var(--display);letter-spacing:.08em}.brand-copy{display:grid;text-align:left}.brand-copy strong{font:600 17px var(--display);letter-spacing:.03em}.brand-copy small{color:#78859b;font:500 8px var(--mono);letter-spacing:.16em}
.top-context{display:flex;align-items:center;gap:8px;white-space:nowrap}.top-context>span{color:#78859b;font-size:11px}.top-context>i{width:1px;height:18px;background:rgba(255,255,255,.1)}.top-context button{display:flex;align-items:center;gap:5px;padding:4px 0;color:#dbe2ee;background:none;border:0;font-size:12px}
.env-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px rgba(24,165,123,.14)}
.command-trigger{display:flex;align-items:center;gap:8px;width:min(290px,24vw);min-width:150px;height:34px;padding:0 8px 0 11px;color:#8290a7;background:#151f30;border:1px solid #263248;border-radius:5px}.command-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
kbd{margin-left:auto;padding:2px 5px;color:#8390a3;background:#0e1726;border:1px solid #334056;border-radius:3px;font:10px var(--mono);white-space:nowrap}.top-actions{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.connector-status{display:flex;align-items:center;gap:7px;height:32px;padding:0 8px;color:#aab6c8;background:transparent;border:1px solid transparent;border-radius:4px;font-size:11px}.connector-status:hover{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}.connector-status>i{width:5px;height:5px;background:var(--green);border-radius:50%}
.connector-logo{display:grid;place-items:center;width:20px;height:20px;border-radius:4px}.apifox-mini{color:#fff;background:#7148e8;font:700 11px var(--display)}.github-mini{color:#fff;background:#263248}
.icon-button{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:4px}.icon-button:hover,.icon-button.active{color:var(--ink);background:#eef1ed;border-color:var(--line)}
.top-icon{color:#98a6ba}.top-icon:hover,.top-icon.active{color:#fff;background:#192437;border-color:#2a3750}.notification-button{position:relative}.notification-button>i{position:absolute;top:4px;right:4px;width:5px;height:5px;background:var(--coral);border:1px solid #0c1423;border-radius:50%}
.profile-button{display:flex;align-items:center;gap:7px;height:40px;padding:0 0 0 8px;color:#c8d1df;background:transparent;border:0}.profile-button>span:not(.avatar){display:grid;text-align:left}.profile-button b{font-size:11px;font-weight:500}.profile-button small{color:#748298;font-size:9px}.avatar{display:inline-grid;place-items:center;flex:0 0 auto;color:#fff;background:#3d5b83;border:1px solid rgba(255,255,255,.2)}.avatar-sm{width:27px;height:27px;font-size:11px}
.lifecycle-shell{position:relative;z-index:20;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;padding:10px 22px;background:rgba(249,250,247,.96);border-bottom:1px solid var(--line);box-shadow:0 4px 16px rgba(20,31,48,.04);backdrop-filter:blur(12px)}
.lifecycle-caption{display:grid;align-content:center;height:52px;padding-right:18px;border-right:1px solid var(--line)}.lifecycle-caption span{color:var(--muted);font:500 9px var(--mono);letter-spacing:.09em}.lifecycle-caption b{margin-top:3px;font:600 15px var(--display)}.lifecycle-rail{display:flex;align-items:center;min-width:0;padding-left:24px}
.stage{display:flex;align-items:center;gap:9px;min-width:122px;padding:7px;text-align:left;background:transparent;border:1px solid transparent;border-radius:4px;transition:.16s ease}.stage:hover,.stage-selected{background:#fff;border-color:var(--line);box-shadow:0 4px 12px rgba(21,31,48,.05);transform:translateY(-1px)}
.stage-node{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;color:var(--muted);background:#fff;border:1px solid var(--line-strong);border-radius:50%;font:600 11px var(--mono)}.stage-done .stage-node{color:#fff;background:var(--green);border-color:var(--green)}.stage-active .stage-node,.stage-selected .stage-node{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.stage-warning .stage-node{color:#fff;background:var(--amber);border-color:var(--amber)}.stage-locked .stage-node{color:var(--muted-2);background:#eef1ed}
.stage-copy{display:grid;min-width:0}.stage-copy b{font-size:12px;white-space:nowrap}.stage-copy small{max-width:96px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px}.stage-connector{flex:1 1 20px;min-width:12px;height:1px;background:var(--line-strong)}.connector-done{background:var(--green)}
.closed-banner{display:flex;align-items:center;justify-content:center;gap:8px;color:#f0f5ff;background:#243047;font-size:11px}.closed-banner button{padding:2px 7px;color:#fff;background:transparent;border:1px solid #64728a;border-radius:3px;font-size:10px}
.workspace{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:0}.sidebar{position:relative;z-index:12;display:flex;flex-direction:column;width:226px;min-height:0;padding:14px 12px 12px;background:#eef1ed;border-right:1px solid var(--line);transition:width .18s ease}.sidebar-collapsed{width:66px}
.sidebar-toggle{position:absolute;top:22px;right:-11px;z-index:3;display:grid;place-items:center;width:22px;height:22px;padding:0;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:50%;box-shadow:0 2px 8px rgba(20,31,48,.08)}.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg)}
.project-switcher{display:flex;align-items:center;gap:10px;min-height:48px;margin-bottom:16px;padding:8px;overflow:hidden;background:rgba(255,255,255,.66);border:1px solid var(--line);border-radius:5px}.project-symbol{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;color:#fff;background:#263247;font:600 12px var(--display)}.project-switcher>div{display:grid}.project-switcher strong{font-size:12px}.project-switcher small{color:var(--muted);font:9px var(--mono)}
.sidebar nav{min-height:0;overflow:auto}.nav-group{display:grid;gap:3px;margin-bottom:18px}.nav-label{margin:0 8px 5px;color:var(--muted-2);font:600 9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:calc(36px * var(--density));padding:0 9px;overflow:hidden;color:#556174;text-align:left;background:transparent;border:1px solid transparent;border-radius:4px}.nav-item:hover{color:var(--ink);background:rgba(255,255,255,.72)}.nav-item.active{color:var(--ink);background:#fff;border-color:var(--line);box-shadow:0 2px 8px rgba(21,31,48,.04)}.nav-item.active:before{position:absolute;left:0;width:3px;height:22px;background:var(--primary);content:''}
.nav-icon{position:relative;display:grid;place-items:center;flex:0 0 24px}.connection-dot{position:absolute;right:0;bottom:0;width:6px;height:6px;background:var(--green);border:1px solid #eef1ed;border-radius:50%}.nav-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.nav-count{min-width:20px;padding:1px 5px;color:var(--muted);text-align:center;background:#e3e7e3;border-radius:9px;font:9px var(--mono)}.nav-count.danger{color:var(--coral);background:#fbe9eb}.sidebar-footer{display:grid;gap:10px;margin-top:auto}.sync-note{display:flex;align-items:center;gap:6px;padding:5px 10px;color:var(--muted-2);font-size:9px}
.content-scroll{min-width:0;min-height:0;overflow:auto;scroll-behavior:smooth}.screen{width:min(1420px,100%);min-height:100%;margin:0 auto;padding:calc(24px * var(--density)) 26px 48px;animation:screen-in .22s ease both}@keyframes screen-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.preview-ribbon{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:7px;height:30px;color:#775313;background:#fff4d8;border-bottom:1px solid #efd89f;font-size:10px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;min-height:calc(76px * var(--density));margin-bottom:calc(22px * var(--density))}.section-header h1{margin-top:2px;font:600 clamp(27px,2.2vw,36px)/1.05 var(--display);letter-spacing:-.01em}.section-header p{max-width:720px;margin-top:7px;color:var(--muted);font-size:12px}
.eyebrow,.panel-kicker,.card-kicker,.trace-kicker,.evidence-index,.report-label,.design-index{color:var(--primary);font:600 9px var(--mono);letter-spacing:.1em}.section-actions,.toolbar,.panel-footer,.modal-footer,.report-actions{display:flex;align-items:center;gap:8px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:calc(34px * var(--density));min-height:30px;padding:0 13px;white-space:nowrap;border:1px solid transparent;border-radius:4px;font-size:11px;font-weight:600;transition:.12s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:var(--primary);border-color:color-mix(in srgb,var(--primary) 85%,black);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 18%,transparent)}.button-secondary{color:var(--ink-2);background:#fff;border-color:var(--line-strong)}.button-ghost{color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,white);border-color:color-mix(in srgb,var(--primary) 22%,white)}.button-danger{color:#fff;background:var(--coral);border-color:#cc4452}.button-danger-text{height:auto;padding:3px 5px;color:var(--coral);background:transparent;border:0}.full-button{width:100%}
.spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.45);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.button-secondary .spinner{border-color:#d6dcd8;border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}
.status{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:fit-content;min-height:21px;padding:2px 7px;white-space:nowrap;background:#eef1ef;border:1px solid transparent;border-radius:3px;font-size:9px;font-weight:600}.status-success{color:#087253;background:#e3f5ee;border-color:#c9e9de}.status-danger{color:#b72d3c;background:#fdebed;border-color:#f6d3d8}.status-warning{color:#9a6518;background:#fff3dc;border-color:#f4dfb7}.status-info{color:#2855c6;background:#e9efff;border-color:#d3defb}.status-neutral{color:#687386;background:#eef1ef;border-color:#e1e5e1}.status-demo{color:#5a3eb1;background:#f0ebff;border-color:#ddd3ff}.status-dot{width:5px;height:5px;background:currentColor;border-radius:50%}
.panel{min-width:0;background:rgba(255,255,255,.91);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:calc(60px * var(--density));padding:13px 17px;border-bottom:1px solid var(--line)}.panel-header h2{margin-top:2px;font-size:14px;font-weight:600}.panel-footer{justify-content:space-between;min-height:52px;padding:9px 17px;color:var(--muted);border-top:1px solid var(--line);font-size:10px}
.metric{position:relative;display:grid;min-height:calc(116px * var(--density));padding:16px;overflow:hidden;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.metric:after{position:absolute;right:-24px;bottom:-34px;width:90px;height:90px;content:'';border:1px solid currentColor;border-radius:50%;opacity:.08}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.metric strong{align-self:end;color:var(--ink);font:600 29px/1 var(--display)}.metric small{margin-top:6px;color:var(--muted);font-size:9px}.metric-blue{color:var(--blue)}.metric-green{color:var(--green)}.metric-red{color:var(--coral)}.metric-amber{color:var(--amber)}.micro-bars{display:flex;align-items:flex-end;gap:2px;width:38px;height:17px}.micro-bars i{flex:1;min-height:2px;background:currentColor;opacity:.65}
.progress-block{display:flex;align-items:center;gap:9px;width:100%}.progress-label{display:flex;justify-content:space-between;width:100%;color:var(--muted);font-size:10px}.progress{position:relative;width:100%;height:5px;overflow:hidden;background:#e8ece8;border-radius:5px}.progress i{display:block;height:100%;background:var(--primary);border-radius:inherit;transition:width .26s ease}.progress-green i{background:var(--green)}.progress-amber i{background:var(--amber)}.text-danger{color:var(--coral)!important}.text-warning{color:var(--amber)!important}.text-success{color:var(--green)!important}
.gate-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:54px;margin-bottom:16px;padding:9px 12px;color:#74511b;background:#fff6e6;border:1px solid #ecd6ac;border-radius:5px}.gate-banner strong{font-size:11px}.gate-banner p{margin-top:1px;color:#9a7842;font-size:9px}.gate-icon{display:grid;place-items:center;width:28px;height:28px;background:rgba(255,255,255,.64);border:1px solid currentColor;border-radius:50%}.gate-success{color:#086d51;background:#eaf7f2;border-color:#cce9dd}.gate-success p{color:#5d8c7c}.gate-danger{color:#a92d3a;background:#fff0f1;border-color:#f1cfd3}.gate-danger p{color:#ae6c73}
.text-button{display:inline-flex;align-items:center;gap:5px;padding:3px;color:var(--primary);background:transparent;border:0;font-size:10px;font-weight:600}.mini-tabs,.filter-pills{display:flex;align-items:center;gap:2px;padding:2px;background:#eef1ee;border-radius:4px}.mini-tabs button,.filter-pills button{min-height:25px;padding:0 9px;color:var(--muted);background:transparent;border:0;border-radius:3px;font-size:9px}.mini-tabs button.active,.filter-pills button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px rgba(21,31,48,.1)}
.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{height:38px;padding:0 12px;color:var(--muted);text-align:left;background:#f7f8f6;border-bottom:1px solid var(--line);font-size:9px;font-weight:600;white-space:nowrap}td{min-height:calc(48px * var(--density));padding:calc(9px * var(--density)) 12px;color:#4d596c;border-bottom:1px solid #ebeeeb;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf9}.wide-cell{min-width:240px}.checkbox-cell{width:36px;min-width:36px;padding-right:4px;text-align:center}input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary)}.mono-text,.mono-label,code{font-family:var(--mono)}.cell-title{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.header-select,select,input,textarea{border:1px solid var(--line-strong);border-radius:4px;background:#fff}.header-select{height:34px;padding:0 25px 0 10px;font-size:11px}input,select{height:34px;padding:0 10px}textarea{width:100%;padding:10px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#aeb8b2}
.toast{position:fixed;right:22px;bottom:22px;z-index:150;display:flex;align-items:flex-start;gap:10px;width:min(360px,calc(100vw - 40px));padding:12px;color:#fff;background:#152237;border:1px solid #2b3a52;border-radius:6px;box-shadow:0 18px 44px rgba(8,15,26,.24);animation:toast-in .2s ease both}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast-icon{display:grid;place-items:center;width:26px;height:26px;color:#9ff0cf;background:rgba(24,165,123,.18);border-radius:50%}.toast-warning .toast-icon{color:#ffd891;background:rgba(228,150,50,.18)}.toast-danger .toast-icon{color:#ffadb6;background:rgba(231,84,98,.18)}.toast strong{font-size:11px}.toast p{margin-top:2px;color:#aeb9ca;font-size:9px}
.modal-backdrop{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;background:rgba(9,16,28,.48);backdrop-filter:blur(4px)}.modal{width:min(560px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:#fbfcf9;border:1px solid #d6dcd7;border-radius:7px;box-shadow:0 30px 90px rgba(8,15,25,.26)}.modal-sm{width:min(460px,100%)}.modal-lg{width:min(760px,100%)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:15px}.modal-header p{margin-top:4px;color:var(--muted);font-size:10px}.modal-body{padding:18px 20px}.modal-footer{justify-content:flex-end;padding:12px 20px;background:#f4f6f2;border-top:1px solid var(--line)}
.command-search{display:flex;align-items:center;gap:8px;height:42px;padding:0 11px;background:#fff;border:1px solid var(--line-strong);border-radius:5px}.command-search input{flex:1;height:36px;padding:0;border:0;outline:0!important}.command-list{display:grid;gap:3px;margin-top:12px}.command-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;text-align:left;background:transparent;border:1px solid transparent;border-radius:4px}.command-list button:hover{background:#fff;border-color:var(--line)}.command-list button>span{display:grid;place-items:center;width:30px;height:30px;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,white)}.command-list button>div{display:grid}.command-list b{font-size:10px}.command-list small{color:var(--muted);font-size:9px}.command-empty{padding:20px;color:var(--muted);text-align:center;font-size:10px}.reset-demo{width:100%;margin-top:12px;padding:8px;color:var(--muted);background:transparent;border:1px dashed var(--line-strong);border-radius:4px;font-size:9px}
.evidence-panel{z-index:10;width:294px;min-height:0;overflow-y:auto;padding:15px 14px;background:#f7f8f5;border-left:1px solid var(--line);animation:evidence-in .18s ease both}@keyframes evidence-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.evidence-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.evidence-header h2{margin-top:3px;font-size:14px}.evidence-film{position:relative;padding:15px;overflow:hidden;background:linear-gradient(90deg,rgba(47,98,245,.04),transparent),rgba(255,255,255,.78);border:1px solid #cfd6d2;box-shadow:0 8px 18px rgba(21,31,48,.05)}.evidence-film:before,.evidence-film:after{position:absolute;width:10px;height:10px;content:'';border-color:var(--primary);opacity:.45}.evidence-film:before{top:5px;left:5px;border-top:1px solid;border-left:1px solid}.evidence-film:after{right:5px;bottom:5px;border-right:1px solid;border-bottom:1px solid}
.film-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:var(--muted);font:500 8px var(--mono)}.evidence-film>strong{display:block;font-size:11px}.evidence-film>p{margin-top:3px;color:var(--muted);font-size:9px}.film-code{margin-top:14px;padding-top:8px;color:var(--muted-2);border-top:1px dashed var(--line);font:8px var(--mono)}.evidence-section{margin-top:20px}.evidence-section h3{margin-bottom:8px;color:var(--muted);font-size:9px;font-weight:600}
.relation-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;margin-bottom:5px;padding:9px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:4px}.relation-card:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--line))}.relation-icon{display:grid;place-items:center;width:28px;height:28px;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,white)}.relation-card>span:nth-child(2){display:grid}.relation-card b{font:500 9px var(--mono)}.relation-card small{color:var(--muted);font-size:8px}.audit-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.audit-list li{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;min-height:45px}.audit-list li:after{position:absolute;top:14px;bottom:-1px;left:4px;width:1px;content:'';background:var(--line-strong)}.audit-list li:last-child:after{display:none}.audit-list i{width:9px;height:9px;margin-top:3px;background:#fff;border:2px solid var(--primary);border-radius:50%}.audit-list div{display:grid;align-content:start}.audit-list b{font-size:9px}.audit-list small{color:var(--muted);font-size:8px}.evidence-warning{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding:10px;color:#8b5f1d;background:#fff4df;border:1px solid #ebd6ad;border-radius:4px}.evidence-warning b{font-size:9px}.evidence-warning p{margin-top:2px;color:#9f7f4e;font-size:8px}
@media (max-width:1360px){.evidence-panel{position:absolute;top:160px;right:0;bottom:0;width:310px;box-shadow:-16px 0 36px rgba(21,31,48,.12)}.app-shell.version-closed .evidence-panel{top:194px}.connector-status span:nth-child(2),.profile-button>span:not(.avatar),.top-context>span,.top-context>i{display:none}.top-context{gap:12px}}
@media (max-width:1120px){.command-trigger{display:none}.lifecycle-shell{grid-template-columns:100px minmax(0,1fr);padding-inline:14px}.lifecycle-rail{overflow-x:auto;padding-left:14px}.stage{min-width:118px}.stage-connector{flex:0 0 16px}.screen{padding-inline:18px}}
@media (max-width:820px){.app-shell{--topbar-h:58px;--rail-h:88px}.brand-copy,.top-context,.connector-status,.profile-button .icon{display:none}.topbar{gap:10px;padding-inline:12px}.top-actions{gap:3px}.lifecycle-caption{display:none}.lifecycle-shell{grid-template-columns:1fr;padding:8px 10px}.lifecycle-rail{padding-left:0}.stage{min-width:106px}.stage-copy small{display:none}.sidebar{width:58px;padding-inline:7px}.sidebar .project-switcher>div,.sidebar .nav-label,.sidebar .nav-text,.sidebar .nav-count,.sidebar .sync-note,.sidebar .nav-item>.icon:last-child{display:none}.sidebar-toggle{display:none}.project-switcher{justify-content:center;padding:5px}.nav-item{justify-content:center;padding:0}.section-header{align-items:flex-start;flex-direction:column}.section-actions{width:100%;overflow-x:auto}.gate-banner{grid-template-columns:auto minmax(0,1fr)}.gate-action{grid-column:2}}
@media (max-width:560px){.topbar .top-icon:nth-of-type(1),.notification-button{display:none}.screen{padding:18px 12px 36px}.section-header h1{font-size:28px}.sidebar{width:52px}.stage-copy b{font-size:10px}.stage{min-width:90px;gap:5px;padding:5px}.stage-node{width:24px;height:24px}.panel-header{align-items:flex-start;flex-direction:column}.toolbar{width:100%;overflow-x:auto}.evidence-panel{top:146px;width:calc(100vw - 52px)}.app-shell.version-closed .evidence-panel{top:180px}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}