:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f7f8;--surface:#fff;--surface-muted:#f0f3f6;--border:#d9dee5;--text:#17202a;--muted:#647181;--accent:#126c63;--accent-dark:#0d554e;--danger:#9b2c2c;--danger-bg:#fff0f0;--success-bg:#e8f5ef}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;min-height:40px;padding:0 14px}button:hover{border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.55}input,select{border:1px solid var(--border);border-radius:6px;width:min(100%,420px);min-height:40px;padding:0 12px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}th{color:var(--muted);white-space:nowrap;font-weight:600}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 48px}.pageHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.pageHeader h1{margin:4px 0 0;font-size:28px;line-height:1.25}.headerSubtle{color:var(--muted);margin:8px 0 0;line-height:1.55}.siteSelector{align-items:end;gap:8px;display:flex}.headerActions{align-items:end;gap:10px;display:flex}.siteSelector label{color:var(--muted);gap:6px;font-size:13px;display:grid}.siteSelector select{background:var(--surface);width:min(360px,100%);color:var(--text)}.logoutForm{align-items:end;display:flex}.eyebrow{color:var(--muted);margin:0;font-size:13px}.primaryButton{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.primaryButton:hover{background:var(--accent-dark)}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.operationGrid{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);align-items:start;gap:16px;display:grid}.metric,.section{background:var(--surface);border:1px solid var(--border);border-radius:8px}.metric{padding:16px}.metric span{color:var(--muted);font-size:13px;display:block}.metric strong{margin-top:8px;font-size:24px;line-height:1.2;display:block}.metricLabel{color:var(--muted);font-size:13px}.metricValue{margin-top:8px;font-size:26px;font-weight:750}.section{margin-top:16px;overflow:hidden}.operationCard{height:100%;margin-top:0}.sectionHeader{border-bottom:1px solid var(--border);background:var(--surface-muted);padding:14px 16px}.sectionHeader h2{margin:0;font-size:17px}.sectionHeader p{color:var(--muted);margin:6px 0 0;font-size:13px}.definitionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.definitionGrid div{border-bottom:1px solid var(--border);padding:12px 16px}.definitionGrid dt{color:var(--muted);font-size:13px}.definitionGrid dd{word-break:break-word;margin:6px 0 0}.compactDefinitionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.inlineForm{border-bottom:1px solid var(--border);gap:8px;padding:16px;display:flex}.settingsForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.simpleSettingsForm{gap:16px;padding:16px;display:grid}.simpleFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.simpleFormGrid label{color:var(--muted);gap:6px;font-size:13px;font-weight:650;display:grid}.simpleFormGrid input,.simpleFormGrid select{width:100%}.simpleFormGrid input[readonly]{color:var(--muted);background:#eef1f4}.simpleFormGrid small{color:var(--muted);font-size:12px;font-weight:500;line-height:1.55}.checkboxLabelWithHelp{align-content:start}.checkboxLine{color:var(--text);align-items:center;gap:8px;display:inline-flex}.checkboxLine input{width:20px;min-height:20px;padding:0}.saveBar{justify-content:flex-end;align-items:center;gap:12px;display:flex}.inlineHelper{margin:0}.statusSummary{gap:14px;padding:16px;display:grid}.statusMain{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.statusMain p{color:var(--muted);margin:0;line-height:1.55}.statusGrid{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.statusItem{border-right:1px solid var(--border);border-bottom:1px solid var(--border);gap:6px;min-width:0;padding:12px 14px;display:grid}.statusItem:nth-child(3n){border-right:0}.statusItem:nth-last-child(-n+3){border-bottom:0}.statusItem span{color:var(--muted);font-size:12px}.statusItem strong{word-break:break-word;font-size:15px}.developerGrid{border:1px solid var(--border);border-bottom:0;border-radius:8px;overflow:hidden}.runStatusCard{gap:16px;padding:16px;display:grid}.runStatusHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.runStatusHeader h3{margin:0;font-size:17px}.runStatusHeader p{color:var(--muted);margin:6px 0 0;line-height:1.55}.flowSteps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.flowStep{border:1px solid var(--border);background:#f7f9fb;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:10px;display:grid}.flowStep small{color:var(--muted);grid-column:2;font-size:12px}.flowStep.running{background:#eff7ff;border-color:#9ac5f4}.flowStep.completed{background:var(--success-bg);border-color:#b7dccb}.flowStep.failed,.flowStep.canceled{background:var(--danger-bg);border-color:#efc2c2}.flowDot{background:#aab4c0;border-radius:999px;width:12px;height:12px}.flowStep.running .flowDot{background:#2d7dd2}.flowStep.completed .flowDot{background:#1f8a5b}.flowStep.failed .flowDot,.flowStep.canceled .flowDot{background:var(--danger)}.runStatusDetails{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.runStatusDetails div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 12px}.runStatusDetails div:nth-child(2n){border-right:0}.runStatusDetails dt{color:var(--muted);font-size:12px}.runStatusDetails dd{word-break:break-word;margin:5px 0 0}.runOnceForm,.runStatusActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.runStatusWarning{gap:4px;margin:0;display:grid}.settingsForm fieldset{border:1px solid var(--border);border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:14px;display:grid}.settingsForm legend{color:var(--text);padding:0 6px;font-weight:750}.formGrid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.formGrid label,.settingsForm>label,.archiveForm label{color:var(--muted);gap:6px;font-size:13px;font-weight:650;display:grid}.formGrid input,.formGrid select,.settingsForm>label input,.settingsForm>label select,.archiveForm input{width:100%}.checkboxLabel{justify-content:flex-start;align-items:center;color:var(--text)!important;gap:8px!important;display:flex!important}.checkboxLabel input{width:20px;min-height:20px;padding:0}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:13px;font-weight:650}.field input,.field select{width:100%}.field small{color:var(--muted);font-size:12px;line-height:1.5}.field input[readonly]{color:var(--muted);background:#eef1f4}.checkboxField input{width:20px;min-height:20px;padding:0}.formNote,.formActions,.actionBar{grid-column:1/-1}.formNote{color:var(--muted);font-size:13px}.formActions{justify-content:flex-end;display:flex}.subtleActions{align-items:center;gap:12px}.actionBar{justify-content:flex-end;padding:0 16px 16px;display:flex}.archiveForm{border-top:1px solid var(--border);align-items:end;gap:12px;padding:16px;display:flex}.tableWrap{overflow-x:auto}.badge{min-height:24px;color:var(--muted);white-space:nowrap;background:#eef1f4;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.badge.done{background:var(--success-bg);color:#1f6b4a}.notice,.alert,.inlineAlert,.warning{border-radius:8px;margin:12px 0;padding:12px 14px}.notice{background:var(--success-bg);border:1px solid #b7dccb}.alert,.inlineAlert{background:var(--danger-bg);color:var(--danger);border:1px solid #efc2c2}.inlineAlert{margin:12px 16px}.warning{color:#6b560f;background:#fff8e6;border:1px solid #ead8a6}.noticeBlock{background:var(--success-bg);border:1px solid #b7dccb;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.55;display:flex}.noticeBlock strong{white-space:nowrap}.queueOps{gap:14px;padding:16px;display:grid}.queueStatusHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.queueStatusHeader p{color:var(--muted);margin:8px 0 0;line-height:1.5}.queueStatusMeta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.queueStatusMeta span,.statusPill{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}.queueStatusMeta span{color:var(--muted);background:#eef1f4}.statusPill.neutral{color:#536171;background:#eef1f4}.statusPill.ready{background:var(--success-bg);color:#1f6b4a}.statusPill.caution{color:#6b560f;background:#fff8e6}.statusPill.danger{background:var(--danger-bg);color:var(--danger)}.statusDetail,.helperText{color:var(--muted);margin:12px 16px 16px;line-height:1.6}.errorText{color:var(--danger);line-height:1.55}.runbookList{gap:10px;margin:0;padding:16px 16px 16px 36px;line-height:1.6;display:grid}.disclosureSection summary{cursor:pointer;background:var(--surface-muted);border-bottom:1px solid var(--border);padding:16px;font-weight:750;list-style-position:inside}.disclosureSection[open] summary{border-bottom-color:var(--border)}.disclosureBody{gap:16px;padding:16px;display:grid}.disclosureBody>.section,.innerSection{margin-top:0}.archivePanel{border:1px solid var(--border);border-radius:8px;overflow:hidden}.dangerButton{background:var(--danger-bg);color:var(--danger);border-color:#e5a7a7}.dangerButton:hover{border-color:var(--danger)}.loginShell{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(420px,100%);padding:24px}.loginCard h1{margin:6px 0 0;font-size:28px}.loginLead{color:var(--muted);margin:12px 0 18px;line-height:1.6}.loginForm{gap:14px;display:grid}.loginForm label{color:var(--muted);gap:6px;font-size:13px;font-weight:650;display:grid}.loginForm input{width:100%}.loginError{background:var(--danger-bg);color:var(--danger);border:1px solid #efc2c2;border-radius:8px;margin-bottom:14px;padding:10px 12px;line-height:1.55}.queueDefinitionGrid{border:1px solid var(--border);border-bottom:0;border-radius:8px;overflow:hidden}.queueNotice,.queueProcedure{border:1px solid var(--border);border-radius:8px;padding:14px}.queueNotice{color:#5f4e13;background:#fff8e6;border-color:#ead8a6}.queueNotice strong,.queueProcedure h3{margin:0 0 8px;font-size:15px;display:block}.queueNotice p{margin:0;line-height:1.55}.queueProcedure ol{gap:8px;margin:0;padding-left:20px;display:grid}.queueProcedure li{line-height:1.5}.metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px}.miniGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.miniPanel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:14px}.miniPanel h3{margin:0 0 10px;font-size:15px}.simpleList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.simpleList li{word-break:break-word;gap:4px;min-width:0;display:grid}.simpleList small,.muted{color:var(--muted);font-size:13px}@media (max-width:760px){.pageHeader,.headerActions,.siteSelector,.inlineForm,.archiveForm{flex-direction:column;align-items:stretch}.metrics,.metrics.compact,.operationGrid,.definitionGrid,.compactDefinitionGrid,.settingsForm,.settingsForm fieldset,.formGrid,.miniGrid,.simpleFormGrid,.statusGrid,.flowSteps,.runStatusDetails{grid-template-columns:1fr}.statusItem,.statusItem:nth-child(3n),.statusItem:nth-last-child(-n+3),.runStatusDetails div,.runStatusDetails div:nth-child(2n){border-right:0;border-bottom:1px solid var(--border)}.statusItem:last-child,.runStatusDetails div:last-child{border-bottom:0}.queueStatusHeader{flex-direction:column}.queueStatusMeta{justify-content:flex-start}.formActions,.actionBar,.archiveForm{justify-content:stretch}.formActions button,.actionBar button,.archiveForm button{width:100%}}