/* AirlockQA Redesign Utility Classes */
a { color: #2F6F5B; }
a:hover { color: #245A49; }
.cx *, .cx *::before, .cx *::after { box-sizing: border-box; }
.cx :focus-visible { outline: 3px solid #7CC4A2; outline-offset: 2px; border-radius: 8px; }
.cn-item { transition: background .12s ease, color .12s ease; }
.cn-item:hover { background: #EEF3EF !important; color: #15211C !important; }
.cn-item.is-active { background: rgb(226, 242, 233) !important; color: rgb(31, 107, 79) !important; font-weight: 700 !important; }
.c-btn { transition: background-color .15s ease, transform .15s ease; cursor: pointer; }
.c-btn:hover { transform: translateY(-1px); }
.c-pri:hover { background: #245A49 !important; }
.c-sec:hover { background: #F1F4F0 !important; }
.c-row { transition: background-color .12s ease; cursor: pointer; }
.c-row:hover { background: #F7FAF8 !important; }
.c-col .c-tip { opacity: 0; transform: translate(-50%,4px); transition: opacity .12s ease, transform .12s ease; pointer-events: none; }
.c-col:hover .c-tip, .c-col:focus-visible .c-tip { opacity: 1; transform: translate(-50%,0); }
@keyframes c-pulse { 0%,100% { opacity: 1; } 50% { opacity: .3; } }
@keyframes c-grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes c-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes si-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes si-glow { 0%,100% { opacity: 0; } 50% { opacity: 1; } }
@keyframes si-pass { 0% { left: 6%; opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { left: 90%; opacity: 0; } }
@keyframes si-stop { 0% { left: 6%; opacity: 0; } 20% { opacity: 1; } 50% { left: 40.5%; opacity: 1; } 70% { left: 40.5%; opacity: 1; } 100% { left: 35%; opacity: 0; } }

/* View panel toggle */
.view-panel[hidden] { display: none !important; }
.view-panel { animation: c-in .25s ease both; }

/* Responsive styles to prevent mobile overflow */
@media (max-width: 768px) {
  .cx { flex-direction: column !important; }
  aside { max-width: 100% !important; border-right: 0 !important; border-bottom: 1px solid rgb(227, 232, 226); }
  .main-shell { width: 100% !important; min-width: 0 !important; }
  header { padding: 12px 16px !important; }
  main { padding: 16px !important; }
}

:root{--ink:#1e2927;--muted:#75807d;--soft:#9aa39f;--line:#e9eeeb;--canvas:#f6f8f6;--paper:#fff;--green:#4f8f7f;--green-dark:#337567;--green-pale:#edf6f1;--red:#bd6258;--amber:#b47d34;--blue:#5d82b1;--violet:#8572b1;--shadow:0 2px 14px rgba(31,55,45,.035)}
*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{margin:0;color:var(--ink);font:14px/1.45 "DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aad6c8;outline-offset:2px}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:23px 15px 12px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;height:31px;margin:0 5px 26px;text-decoration:none;color:var(--ink)}.brand-mark{display:block;flex:none;width:26px;height:26px;border-radius:8px;object-fit:contain}.brand-name{font:800 16px Manrope,sans-serif;letter-spacing:-.55px}.brand-name span{margin-left:4px;color:#77968d;font-weight:600}.workspace-switcher{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid var(--line);background:#fff;border-radius:10px;text-align:left}.workspace-avatar,.profile-avatar,.topbar-avatar{display:grid;place-items:center;flex:none;border-radius:8px;background:#e7f1eb;color:#477766;font-weight:700}.workspace-avatar{width:31px;height:31px}.workspace-copy,.profile-copy{display:grid;gap:1px;min-width:0;flex:1}.workspace-copy strong,.profile-copy strong{font-size:12px;font-weight:700}.workspace-copy small,.profile-copy small{font-size:10px;color:var(--muted)}.chevron{color:#9aa39f}.nav-label{margin:25px 9px 8px;color:#a0a8a4;font-size:9px;font-weight:700;letter-spacing:1.2px}.nav-spaced{margin-top:22px}.primary-nav{display:grid;gap:3px}.nav-item{position:relative;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;color:#64706b;font-size:12px;font-weight:500;transition:background .18s,color .18s,transform .18s}.nav-item:hover{background:#f5f8f6;color:var(--ink)}.nav-item.is-active{background:#edf5f0;color:#397361;font-weight:700}.nav-icon{width:18px;display:grid;place-items:center;color:#89958f;font-size:17px;line-height:1}.nav-item.is-active .nav-icon{color:#43826f}.nav-count{margin-left:auto;border-radius:20px;background:#e4eee8;padding:1px 7px;color:#547e6c;font-size:10px}.nav-dot{width:6px;height:6px;background:#70a58e;border-radius:50%;margin-left:auto}.sidebar-spacer{flex:1;min-height:14px}.help-card{position:relative;display:grid;gap:4px;padding:14px 13px;margin-bottom:13px;border:1px solid #e3eee7;border-radius:10px;background:linear-gradient(140deg,#f4f8f5,#f8faf8);text-align:left}.help-card-icon{position:absolute;right:12px;top:12px;color:#71a08c}.help-card strong{font-size:11px}.help-card>span:not(.help-card-icon):not(.help-card-link){font-size:10px;color:var(--muted)}.help-card-link{margin-top:5px;color:#4f806d;font-size:10px;font-weight:700}.profile-button{display:flex;align-items:center;gap:9px;padding:10px 4px 0;border:0;border-top:1px solid var(--line);background:#fff;text-align:left}.profile-avatar,.topbar-avatar{width:30px;height:30px;background:#f0e8df;color:#96745b;font-size:10px}.main-shell{margin-left:238px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:60px;flex:none;padding:0 34px;background:rgba(255,255,255,.86);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#8c9692;font-size:11px}.breadcrumb b{font-weight:400;color:#c4cbc7}.breadcrumb strong{color:#4a5651;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:14px}.preview-chip{display:inline-flex;align-items:center;gap:6px;color:#608171;font-size:10px;font-weight:600;white-space:nowrap}.preview-chip>i,.connection-state i,.app-footer>span i,.eyebrow>i{width:6px;height:6px;border-radius:50%;background:#75a58d;display:inline-block}.preview-chip span{color:#b1bab5}.icon-button{position:relative;width:28px;height:28px;border:0;background:transparent;border-radius:7px;color:#7d8983;font-size:18px}.icon-button:hover{background:#f1f5f2}.topbar-avatar{width:28px;height:28px;border-radius:50%}.content-wrap{width:min(100%,1530px);padding:28px 34px 32px;margin:0 auto;flex:1}.view-panel{animation:enter .3s ease both}.view-panel[hidden]{display:none!important}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}.eyebrow{display:flex;align-items:center;gap:7px;color:#899590;font-size:9px;font-weight:700;letter-spacing:1.35px;text-transform:uppercase}.eyebrow>i{width:5px;height:5px;box-shadow:0 0 0 3px #e8f2ec}h1,h2,h3,p{margin-top:0}h1{margin:8px 0 4px;font:700 27px/1.22 Manrope,sans-serif;letter-spacing:-.85px;color:#27332f}h2{margin:0;font:700 14px/1.3 Manrope,sans-serif;letter-spacing:-.15px}h3{font:700 14px Manrope,sans-serif}.wave{color:#88a889;font-size:19px;margin-left:3px}.page-subtitle{margin:0;color:#89938f;font-size:12px}.button{min-height:36px;padding:0 13px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:#347866;border:1px solid #347866;color:white;box-shadow:0 3px 8px rgba(52,120,102,.13)}.button-primary:hover{background:#286d5a}.button-secondary{background:#fff;border:1px solid #dfe7e2;color:#55625c}.button-small{min-height:30px;padding:0 10px;font-size:10px}.preview-notice{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;margin-bottom:17px;border:1px solid #e4eee8;border-radius:8px;background:#f7faf8;color:#64746c}.notice-icon{display:grid;place-items:center;flex:none;width:16px;height:16px;border-radius:50%;background:#e3efe7;color:#60816d;font:bold 10px serif}.preview-notice>div{display:grid;gap:2px;flex:1}.preview-notice strong{font-size:10px;color:#52675b}.preview-notice span:not(.notice-icon){font-size:10px;line-height:1.5}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.metric-card{position:relative;min-height:128px;overflow:hidden;padding:15px 16px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.metric-card:hover,.panel:hover{border-color:#dce7e0}.metric-card:hover{transform:translateY(-2px)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#78847f;font-size:10px}.metric-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:700}.mint{color:#4f876c;background:#e9f4ed}.blue{color:#6481a5;background:#edf2f8}.amber{color:#ad7b36;background:#faf2e5}.violet{color:#8471aa;background:#f1eef7}.metric-number{display:block;margin:8px 0 3px;font:700 25px Manrope,sans-serif;letter-spacing:-.9px;color:#28342f}.metric-foot{position:relative;z-index:1;color:#a0a9a4;font-size:9px}.trend-up{margin-right:3px;color:#5e9c7a;font-weight:700}.trend-down{margin-right:3px;color:#719680;font-weight:700}.metric-neutral{color:#77827c}.sparkline{position:absolute;right:0;bottom:0;width:43%;height:38px;opacity:.68}.sparkline svg{width:100%;height:100%;overflow:visible}.sparkline path{fill:none;stroke:#65a582;stroke-width:2}.metric-progress{height:4px;margin-top:13px;border-radius:5px;background:#edf2ef}.metric-progress i{display:block;width:96.8%;height:100%;border-radius:5px;background:#70a68a}.mini-bars,.duration-track{position:absolute;right:17px;bottom:15px;display:flex;align-items:flex-end;gap:3px;height:28px}.mini-bars i{width:4px;border-radius:3px 3px 0 0;background:#d7e8dc}.duration-track{gap:3px}.duration-track i{width:4px;height:calc(8px + var(--h,12px));border-radius:3px;background:#dfe9e3}.duration-track i:nth-child(3n){height:18px}.duration-track i:nth-child(4n){height:25px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.9fr);gap:14px;margin-bottom:15px}.panel{min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);transition:border-color .2s}.trend-panel,.branch-panel,.flaky-panel,.quickstart-panel,.timeline-panel,.result-panel{padding:17px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading p{margin:4px 0 0;color:#9aa39f;font-size:10px}.select-button,.filter-select{min-height:28px;padding:0 9px;border:1px solid #e5ebe7;border-radius:6px;background:#fff;color:#6e7b74;font-size:9px}.select-button span{color:#9ba6a0}.chart-legend{display:flex;align-items:center;gap:13px;margin-bottom:4px;color:#929b97;font-size:9px}.legend-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#5c9a7f}.fail-dot{background:#d7958b}.preview-label{color:#a1aaa5;font-size:8px;font-weight:700;letter-spacing:.8px}.chart-legend .preview-label{margin-left:auto}.activity-chart{display:flex;height:165px;padding:9px 0 0}.chart-y-labels{display:flex;flex-direction:column;justify-content:space-between;padding:0 10px 22px 0;color:#aab2ae;font-size:8px}.chart-plot{position:relative;flex:1;min-width:0}.chart-guides{position:absolute;inset:3px 0 21px;display:flex;flex-direction:column;justify-content:space-between}.chart-guides i{border-top:1px dashed #edf1ee}.chart-plot svg{position:absolute;inset:0 0 20px;width:100%;height:calc(100% - 20px);overflow:visible}.chart-area{fill:url(#areaFill)}.chart-line{fill:none;stroke:#609c82;stroke-width:2.1;vector-effect:non-scaling-stroke}.chart-line-muted{stroke:#d5a094;stroke-width:1.5}.chart-x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a3aca7;font-size:8px}.branch-list{display:grid}.branch-row{display:grid;grid-template-columns:23px minmax(90px,1fr) auto 49px;align-items:center;gap:8px;min-height:52px;border-bottom:1px solid #f0f3f1}.branch-row:last-child{border:0}.branch-icon{font-size:16px;color:#84938b}.branch-info,.branch-stat{display:grid;min-width:0;gap:2px}.branch-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}.branch-info small,.branch-stat small{color:#a0a8a4;font-size:8px}.branch-stat{text-align:right}.branch-stat strong{font-size:10px;font-weight:700;color:#65766d}.branch-mini{height:18px;display:flex;align-items:flex-end;gap:2px}.branch-mini i{width:5px;height:70%;border-radius:2px 2px 0 0;background:#a5c7b2}.branch-mini i:nth-child(2){height:90%}.branch-mini i:nth-child(3){height:65%}.branch-mini i:nth-child(4){height:100%}.branch-mini i:nth-child(5){height:83%}.branch-mini-warn i{background:#e2c59b}.panel-link,.quickstart-link{margin-top:10px;border:0;background:transparent;color:#55836d;font-size:10px;font-weight:700}.runs-panel{overflow:hidden;margin-bottom:15px}.runs-heading{padding:16px 17px 0}.table-toolbar{display:flex;align-items:center;gap:8px;padding:0 17px 11px}.search-box{display:flex;align-items:center;gap:7px;flex:1;max-width:420px;height:30px;padding:0 9px;border:1px solid #e8edea;border-radius:6px;color:#a3ada7}.search-box input{width:100%;border:0;outline:none;color:#4d5b54;font-size:10px;background:transparent}.search-box input::placeholder{color:#aab2ae}.search-box:focus-within{border-color:#9fc6b0}.filter-select{display:inline-flex;align-items:center;gap:4px;color:#7d8983}.filter-select select{max-width:120px;border:0;background:transparent;color:inherit;outline:none;font-size:9px}.table-scroll{overflow-x:auto}.runs-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.runs-table thead{background:#fafcfb}.runs-table th{height:31px;padding:0 10px;border-top:1px solid #f0f3f1;border-bottom:1px solid #f0f3f1;color:#9ba49f;font-size:8px;font-weight:700;letter-spacing:.55px}.runs-table th:first-child,.runs-table td:first-child{padding-left:17px}.runs-table td{height:49px;padding:0 10px;border-bottom:1px solid #f0f3f1;color:#62706a;font-size:10px}.runs-table tbody tr:last-child td{border-bottom:0}.runs-table tbody tr:hover{background:#fbfdfb}.run-link{padding:0;border:0;background:transparent;color:#34463c;font-size:10px;font-weight:600;text-align:left}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;background:#edf6ef;color:#548068;font-size:8px;font-weight:700}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-failed,.status-policy_violation{background:#fbf0ed;color:#ae695e}.status-policy_violation:before,.status-failed:before{background:currentColor}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 17px;border-top:1px solid #eff2f0;color:#9ba49f;font-size:9px}.dashboard-bottom-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}.flaky-list{display:grid}.flaky-list>div{display:flex;align-items:center;gap:9px;min-height:43px;border-bottom:1px solid #f0f3f1}.flaky-list>div:last-child{border:0}.flaky-symbol{color:#d09b59;font-size:17px}.flaky-info{display:grid;gap:3px;min-width:0;flex:1}.flaky-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600}.flaky-info small{color:#a0a9a4;font-size:8px}.flaky-rate{color:#b28243;font-size:9px;font-weight:700}.flaky-rate i{margin-left:3px;font-size:8px;font-style:normal;font-weight:500}.quickstart-panel{position:relative;overflow:hidden;background:linear-gradient(130deg,#f1f7f3,#fbfcfb)}.quickstart-kicker{color:#78a087;font-size:8px;font-weight:700;letter-spacing:1px}.quickstart-panel h2{margin-top:8px;font-size:13px}.quickstart-panel p{max-width:260px;margin:5px 0 10px;color:#89958e;font-size:9px}.quickstart-command{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;max-width:340px;padding:7px 9px;border:1px solid #e2eae4;border-radius:6px;background:#fff}.quickstart-command code{color:#526d5d;font-size:9px}.quickstart-command button{padding:2px 5px;border:0;background:none;color:#8a9790;font-size:9px}.quickstart-link{position:relative;z-index:1;margin:9px 0 0;padding:0}.quickstart-decoration{position:absolute;right:18px;bottom:15px;color:#d8e7dc;font-size:50px}.page-preview-line{display:flex;align-items:center;gap:15px;margin:2px 0 16px;color:#9aa49e;font-size:10px}.full-runs-panel{padding-top:15px}.full-runs-panel .table-toolbar{padding-top:0}.full-runs-table{min-width:800px}.back-link{margin:-1px 0 16px;padding:0;border:0;background:none;color:#708078;font-size:10px}.detail-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.detail-stat{display:grid;gap:9px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#fff}.detail-stat>span{color:#8e9993;font-size:9px}.detail-stat strong{font-size:14px;font-weight:700}.detail-stat strong small{color:#9ba49f;font-size:9px;font-weight:500}.execution-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.run-event{position:relative;display:grid;grid-template-columns:48px 12px 1fr;gap:9px;min-height:56px;padding:0 0 13px}.run-event time{padding-top:2px;color:#9aa49e;font:9px ui-monospace,monospace}.event-mark{position:relative;width:9px;height:9px;margin-top:3px;border:2px solid #8db49b;border-radius:50%;background:white}.run-event:not(:last-child) .event-mark:after{content:"";position:absolute;top:7px;left:2px;width:1px;height:48px;background:#e4eee7}.run-event[data-tone="blocked"] .event-mark{border-color:#c68c67}.run-event strong{font-size:10px}.run-event p{margin:3px 0 0;color:#919b96;font-size:9px}.result-meta{display:grid;gap:12px}.result-meta span{display:flex;justify-content:space-between;gap:10px;color:#919b96;font-size:9px}.result-meta strong{color:#58665e;font-weight:600;text-align:right}.mono{font-family:ui-monospace,monospace}.proof-panel{padding:17px;margin-top:14px}.proof-verified{padding:5px 8px;border-radius:20px;background:#eef5ef;color:#5d876b;font-size:8px;font-weight:700}.proof-hash-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #edf1ee;border-radius:7px;background:#fafcfb;color:#87938c;font-size:9px}.proof-hash-row code{flex:1;color:#617c6b;font:10px ui-monospace,monospace}.proof-hash-row button{border:0;background:none;color:#6b8975;font-size:9px}.proof-caption{margin:8px 0 0;color:#a0a9a4;font-size:9px}.explorer-summary{display:grid;grid-template-columns:.9fr 1.3fr;gap:14px}.explorer-intro{padding:25px}.explorer-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#edf5ef;color:#5b9275;font-size:20px}.explorer-intro h2{margin:16px 0 7px}.explorer-intro p{max-width:390px;color:#87928c;font-size:11px;line-height:1.7}.explorer-intro code,.setup-panel code{color:#537e67;font-size:.92em}.suite-preview{padding:18px}.suite-list>div{display:flex;align-items:center;gap:10px;min-height:50px;border-top:1px solid #eff2f0}.suite-folder{color:#84a58d}.suite-list>div>span:nth-child(2){display:grid;gap:2px;flex:1}.suite-list strong{font-size:10px}.suite-list small{color:#9ba49f;font-size:9px}.suite-result{color:#77877d;font-size:9px}.analytics-bars{height:180px;display:flex;align-items:flex-end;justify-content:space-around;gap:11px;padding:12px 20px 0;border-bottom:1px solid #edf1ee}.analytics-bars>i,.analytics-bars>.preview-bar{display:block;width:min(32px,9%);height:var(--bar-height,50%);border-radius:5px 5px 0 0;background:linear-gradient(#83b59b,#c0ddca);transition:height .3s}.analytics-days{display:flex;justify-content:space-around;padding:8px 15px;color:#a0aaa4;font-size:8px}.audit-highlight{display:flex;align-items:center;gap:18px;margin:16px 0;padding:21px;border:1px solid #e2ede5;border-radius:10px;background:linear-gradient(115deg,#eff7f1,#fff)}.audit-shield{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e1efe4;color:#518069;font-size:20px}.audit-highlight>div{flex:1}.audit-status{color:#629075;font-size:8px;font-weight:700;letter-spacing:1px}.audit-highlight h2{margin:4px 0;font-size:14px}.audit-highlight p{margin:0;color:#87938c;font-size:10px}.evidence-panel{padding:17px}.evidence-list{display:grid}.evidence-list button{display:flex;align-items:center;gap:11px;padding:12px 4px;border:0;border-top:1px solid #eff2f0;background:#fff;text-align:left}.evidence-list button>span:nth-child(2){display:grid;gap:3px;flex:1}.evidence-list strong{font-size:10px}.evidence-list small{color:#5e6c63;font-size:9px}.evidence-list code{color:#45674f;font-size:9px}.evidence-list button>span:first-child{color:#6e9d7b}.integration-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.78fr);align-items:start;gap:15px}.integration-main{display:grid;gap:13px;min-width:0}.integration-aside{position:sticky;top:76px;display:grid;gap:13px;min-width:0}.steps-progress{display:flex;align-items:center;gap:9px;padding:0 2px 3px;color:#87928c}.steps-progress>i{height:1px;flex:1;background:#dfe7e2}.setup-step{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:9px}.setup-step>i{display:grid;place-items:center;width:19px;height:19px;border:1px solid #e3eae5;border-radius:50%;background:white;color:#9ba49f;font-size:9px;font-style:normal}.setup-step.is-current{color:#4d8066;font-weight:700}.setup-step.is-current>i{border-color:#88b39a;background:#edf6ef;color:#4d8066}.setup-panel{padding:17px}.setup-panel-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.step-number{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;background:#eef5f0;color:#638972;font-size:10px;font-weight:700}.setup-panel-heading h2{margin:1px 0 4px;font-size:12px}.setup-panel-heading p{margin:0;color:#8d9792;font-size:9px;line-height:1.55}.code-tabs{display:flex;gap:5px;margin:-3px 0 7px 38px}.code-tabs button{padding:5px 9px;border:0;border-radius:5px;background:transparent;color:#8b9690;font-size:9px}.code-tabs button.is-active,.code-tabs button[aria-pressed=true]{background:#eff5f1;color:#4e7c65;font-weight:700}.code-block{overflow:hidden;border:1px solid #293631;border-radius:7px;background:#202c28;color:#d9e6de}.code-block-top{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #35433d;color:#8fa298;font-size:8px;letter-spacing:.6px}.code-block-top button{border:0;background:none;color:#b5c9bc;font-size:8px}.code-block pre{overflow-x:auto;margin:0;padding:12px 14px;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.code-block code{color:#d8e8dc;white-space:pre}.workflow-block pre{font-size:9px}.setup-tip{display:flex;gap:7px;margin-top:10px;color:#8d9992;font-size:9px;line-height:1.5}.secret-row{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #edf1ee;border-radius:7px;background:#fafcfb}.secret-lock{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#edf4ef;color:#6a8e76}.secret-row>div{display:grid;gap:2px;flex:1}.secret-row strong{font-size:9px}.secret-row code{color:#5c8069;font-size:9px}.secret-status{padding:4px 7px;border-radius:20px;background:#eef5ef;color:#66836f;font-size:8px}.contract-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #edf1ee;border-radius:7px;background:#fafcfb}.contract-row b{padding:4px 7px;border-radius:5px;background:#e8f3ec;color:#4d8065;font-size:8px}.contract-row code{color:#405a4b;font:11px ui-monospace,monospace}.contract-row span{margin-left:auto;color:#8d9892;font-size:9px}.contract-fields{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.contract-fields span{padding:4px 7px;border:1px solid #e8efea;border-radius:5px;color:#6f8175;font:9px ui-monospace,monospace}.info-card{padding:17px}.aside-icon{display:grid;place-items:center;width:28px;height:28px;margin-bottom:9px;border-radius:8px;background:#edf5ef;color:#4e8467}.info-card h3{margin:0 0 5px}.info-card p{margin:0 0 12px;color:#89958e;font-size:10px;line-height:1.6}.api-chip{display:inline-flex;padding:5px 8px;border:1px solid #e8efea;border-radius:5px;background:#fafcfb;color:#5f806a;font:9px ui-monospace,monospace}.flow-card{overflow:hidden;padding:16px}.flow-heading{display:flex;align-items:center;justify-content:space-between}.flow-heading .eyebrow{font-size:8px}.flow-heading h3{margin:4px 0 0;font-size:13px}.flow-replay{width:26px;height:26px;border:1px solid #e7ece9;border-radius:50%;background:#fff;color:#73937f;font-size:13px}.flow-stage{position:relative;height:250px;margin:6px -7px 0;overflow:hidden}.flow-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.flow-label{position:absolute;z-index:2;display:grid;justify-items:center;gap:3px;width:100px;text-align:center;pointer-events:none}.flow-label-ci{left:0;top:38%}.flow-label-api{left:33%;top:38%}.flow-label-vm{left:59%;top:38%}.flow-label-proof{right:0;top:38%}.flow-node-icon{display:grid;place-items:center;width:28px;height:28px;margin-bottom:29px;border:1px solid #e2ebe5;border-radius:9px;background:rgba(255,255,255,.91);box-shadow:0 3px 9px rgba(38,68,52,.06);color:#59866c;font-size:13px}.flow-label-api .flow-node-icon{color:#377f70}.flow-label-vm .flow-node-icon{color:#657e9d}.flow-label-proof .flow-node-icon{color:#7c6aa2}.flow-label strong{font-size:8px;font-weight:700;white-space:nowrap}.flow-label small{color:#929e97;font-size:7px;white-space:nowrap}.flow-steps{display:flex;align-items:center;gap:6px;color:#7f9286;font-size:8px;font-weight:700}.flow-steps>i{height:1px;flex:1;background:#e4ebe6}.flow-steps small{margin-left:3px;color:#a0aaa4;font-size:7px;font-weight:500}.button-wide{width:100%;margin-top:12px}.motion-status{margin:8px 0 0;color:#a0aaa4;text-align:center;font-size:8px}.download-motion{display:block;margin-top:7px;color:#568168;text-align:center;font-size:9px}.flow-card.is-running .flow-node-icon{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12);box-shadow:0 0 0 5px rgba(100,161,124,.12)}}.flow-card.has-three .flow-stage{background:radial-gradient(ellipse at 50% 48%,#f7faf8 0%,rgba(255,255,255,0) 70%)}.help-aside{padding:12px 14px;border:1px solid #e9efeb;border-radius:8px;background:#fbfcfb;color:#8c9791;font-size:9px}.help-aside a{float:right;color:#61836d;font-weight:600;text-decoration:none}.connection-state{display:flex;align-items:center;gap:6px;color:#6f8e76;font-size:9px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 34px;border-top:1px solid var(--line);background:#fff;color:#a0a9a4;font-size:9px}.app-footer>span:nth-child(2){display:flex;align-items:center;gap:6px}.app-footer>span i{width:5px;height:5px}.app-footer a{color:#7f9186;text-decoration:none}.toast{position:fixed;right:18px;bottom:18px;z-index:20;padding:10px 14px;border-radius:7px;background:#273a31;color:white;font-size:11px;opacity:0;pointer-events:none;transform:translateY(7px);transition:.2s}.toast.is-visible{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px){.content-wrap{padding-right:23px;padding-left:23px}.topbar{padding:0 23px}.metric-grid{gap:9px}.metric-card{padding-right:12px;padding-left:12px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr)}.integration-layout{grid-template-columns:minmax(0,1.25fr) minmax(260px,.8fr)}}
@media(max-width:980px){.sidebar{width:70px;padding:19px 9px 10px;align-items:center}.brand{margin:0 0 25px}.brand-name,.workspace-switcher,.nav-label,.nav-item:not(.is-active) .nav-count,.nav-item{font-size:0}.nav-item{width:48px;justify-content:center;padding:0}.nav-item .nav-icon{font-size:18px}.primary-nav{gap:5px}.nav-count,.nav-dot{display:none}.nav-spaced{margin-top:18px}.help-card{display:none}.profile-button{justify-content:center;width:49px;padding-top:10px;border:0}.profile-copy,.profile-button .chevron{display:none}.main-shell{margin-left:70px}.dashboard-grid{grid-template-columns:1fr}.branch-panel{min-height:230px}.integration-layout{grid-template-columns:1fr}.integration-aside{position:static;grid-template-columns:1fr 1fr;align-items:start}.help-aside{grid-column:1/-1}.flow-card{grid-row:span 2}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sidebar{inset:auto 0 0;width:100%;height:62px;padding:5px 6px max(5px,env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--line);box-shadow:0 -5px 20px rgba(34,50,42,.06)}.brand,.workspace-switcher,.nav-label,.sidebar-spacer,.help-card,.profile-button{display:none}.primary-nav{display:flex;flex:1;justify-content:space-around;gap:0}.nav-item{width:auto;height:48px;min-width:44px;flex:1;display:grid;place-items:center;gap:0;border-radius:8px;font-size:0}.nav-item .nav-icon{font-size:18px}.nav-item.is-active{background:#f0f6f1}.main-shell{margin:0 0 62px}.topbar{height:49px;padding:0 15px}.breadcrumb{font-size:10px}.topbar-actions{gap:8px}.topbar-actions>.preview-chip{font-size:0;gap:0}.preview-chip>i{width:7px;height:7px}.topbar-actions .icon-button{display:none}.content-wrap{padding:21px 14px 23px}.page-heading-row{align-items:flex-start;margin-bottom:15px}.page-heading-row h1{font-size:23px}.page-heading-row>.button{align-self:center;white-space:nowrap;padding:0 9px;font-size:9px}.page-subtitle{font-size:10px}.preview-notice{padding:9px;margin-bottom:12px}.preview-notice span:not(.notice-icon){font-size:9px}.metric-grid{gap:8px;margin-bottom:11px}.metric-card{min-height:112px;padding:11px}.metric-top{font-size:9px}.metric-number{font-size:22px}.metric-foot{font-size:8px}.metric-icon{width:22px;height:22px}.dashboard-grid{gap:9px;margin-bottom:10px}.trend-panel,.branch-panel,.flaky-panel,.quickstart-panel{padding:13px}.activity-chart{height:145px}.runs-heading{padding:13px 12px 0}.table-toolbar{padding:0 12px 10px}.search-box{max-width:none}.filter-select{padding:0 5px}.runs-table{min-width:670px}.table-footer{padding:9px 12px}.dashboard-bottom-grid{grid-template-columns:1fr;gap:9px}.page-preview-line{align-items:flex-start;flex-direction:column;gap:6px;font-size:9px}.detail-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.detail-stat{padding:11px}.explorer-summary{grid-template-columns:1fr}.audit-highlight{align-items:flex-start;flex-wrap:wrap;padding:14px;gap:10px}.audit-highlight>div{min-width:calc(100% - 60px)}.audit-highlight .button{margin-left:53px}.evidence-list button{gap:7px}.evidence-list code{display:none}.integration-layout{gap:10px}.integration-aside{grid-template-columns:1fr}.flow-card{grid-row:auto}.flow-stage{height:242px}.steps-progress{gap:4px}.setup-step{gap:4px;font-size:8px}.setup-step>i{width:17px;height:17px}.setup-panel{padding:13px}.code-block pre{font-size:9px;padding:10px}.contract-row{gap:7px}.contract-row span{font-size:8px}.app-footer{flex-wrap:wrap;justify-content:center;padding:12px 12px;font-size:8px}.app-footer>span:nth-child(2){order:3;width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


[hidden]{display:none!important}
.flow-label-api{left:27%}.flow-label-vm{left:53%}
@media(max-width:680px){.flow-label-api{left:25%}.flow-label-vm{left:51%}}
.flow-label{width:68px}.flow-label-ci{left:10%}.flow-label-api{left:29%}.flow-label-vm{left:49%}.flow-label-proof{left:68%;right:auto}

.flow-label strong,.flow-label small{max-width:68px;white-space:normal;line-height:1.15}

button.topbar-avatar{padding:0;border:0;cursor:pointer}

/* Slightly larger site-wide type for easier reading. */
@media(min-width: 769px){body{zoom:1.04}}

/* Keep secondary interface copy readable on white and pale surfaces. */
.brand-name span,.workspace-copy small,.profile-copy small,.nav-label,.help-card>span:not(.help-card-icon){color:#5e6c63}
.profile-avatar,.topbar-avatar{color:#69482f}
.breadcrumb,.preview-chip,.back-link{color:#5e6c63}
.eyebrow,.page-subtitle,.panel-heading p,.metric-top,.metric-foot,.chart-legend,.preview-label,.branch-info small,.branch-stat small,.detail-stat>span,.run-event time,.run-event p,.result-meta>span,.proof-caption,.setup-tip,.secret-status,.info-card p,.motion-status,.help-aside,.app-footer{color:#5e6c63}
.status-failed,.status-policy_violation{color:#87483e}
.status-success,.proof-verified{color:#3f6b51}
.proof-hash-row>span{color:#59675f}
#proof-root{color:#4f6857}
button[data-copy-target="proof-root"]{color:#536d5a}
.app-footer a{color:#5e6d64}
.search-box input::placeholder{color:#65736a}
.connection-state,.setup-step,.setup-panel-heading p,.contract-row span,.contract-fields span,.flow-steps,.flow-steps small,.motion-status{color:#5e6c63}
.setup-step.is-current,.code-tabs button.is-active,.code-tabs button[aria-pressed="true"]{color:#3f6b51}
.step-number{color:#496a53}
.code-tabs button{color:#5e6c63}
.secret-row code,.api-chip,.help-aside a{color:#45674f}
.contract-row b{color:#3e694f}
.trend-up,.trend-down{color:#3e7051}
.select-button,.filter-select{color:#58675e}
.chart-y-labels,.chart-x-labels{color:#5e6c63;font-size:9px}
.panel-link,.quickstart-link{color:#446750}
.runs-table th,#run-result-count,.table-footer>span:nth-child(2){color:#5e6c63}
.flaky-info small,button[data-copy-target="quickstart-command"]{color:#5e6c63}
.flaky-rate{color:#80571c}
.page-preview-line,.table-footer{color:#5e6c63}
.select-button.is-static,.filter-select.is-static{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #e5ebe7;border-radius:6px;background:#fff;color:#6e7b74;font-size:9px;cursor:default}.more-button.is-static{display:inline-flex;align-items:center;justify-content:center;width:30px;min-height:28px;color:#87938d;font-size:17px;cursor:default}


/* Mobile Responsive Protections */
html, body {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}
.cx {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}
.main-shell {
  max-width: 100vw !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}
.content-wrap {
  max-width: 100vw !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}
.content-wrap table {
  display: block;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
  body { zoom: 1 !important; }
  header {
    padding: 10px 12px !important;
    gap: 8px !important;
  }
  header label {
    display: none !important;
  }
  header #open-run-search,
  header #open-audit {
    display: none !important;
  }
  .preview-chip {
    font-size: 10.5px !important;
    padding: 2px 8px !important;
  }
  main {
    padding: 12px 14px 32px !important;
    max-width: 100vw !important;
  }
}