:root{--bg:#07101e;--sidebar:#091425;--surface:#0d192a;--surface-2:#111f32;--surface-3:#16263a;--line:#203248;--line-soft:#182a3f;--text:#e8f0f8;--muted:#8fa3b8;--muted-2:#657b91;--teal:#2dd4bf;--teal-d:#0f766e;--blue:#60a5fa;--amber:#fbbf24;--red:#fb7185;--green:#34d399;--shadow:0 20px 55px rgba(0,0,0,.28);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color-scheme:dark}.button.preset{border-color:rgba(96,165,250,.5);background:rgba(59,130,246,.12);color:#bfdbfe}.button.preset:hover{border-color:#60a5fa;background:rgba(59,130,246,.2)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#123056 0,transparent 34%),var(--bg);color:var(--text);font-size:16px;min-height:100vh}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0a1628,#07111f);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem;letter-spacing:.01em}.brand small{font-size:.78rem;color:var(--muted);margin-top:3px}.brand-mark{width:38px;height:38px;border:1px solid #275072;border-radius:11px;position:relative;background:#0c2037;overflow:hidden}.brand-mark span{position:absolute;width:22px;height:8px;transform:skewX(-36deg);left:7px}.brand-mark span:first-child{top:10px;background:var(--teal)}.brand-mark span:last-child{top:21px;background:var(--blue)}nav{display:grid;gap:7px}.nav-item{width:100%;border:0;background:transparent;color:var(--muted);border-radius:9px;padding:11px 12px;display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer;font-size:.9rem}.nav-item:hover{background:#10233a;color:var(--text)}.nav-item.active{background:#12304a;color:#f6fbff;box-shadow:inset 3px 0 var(--teal)}.nav-icon{color:#7dd3fc;text-align:center}.nav-count{font-size:.72rem;border:1px solid var(--line);border-radius:999px;padding:1px 7px}.sidebar-foot{margin-top:auto}.environment-card{padding:12px;background:#0e1e30;border:1px solid var(--line);border-radius:10px;display:flex;gap:9px;align-items:center}.environment-card strong,.environment-card small{display:block}.environment-card strong{font-size:.82rem}.environment-card small{color:var(--muted);font-size:.72rem;margin-top:2px}.sidebar-foot p{color:var(--muted-2);font-size:.72rem;line-height:1.55;padding:0 4px;margin:12px 0 0}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--muted-2)}.dot.amber{background:var(--amber);box-shadow:0 0 10px rgba(251,191,36,.5)}.dot.green{background:var(--green)}.dot.muted{background:#526b82}.main{min-width:0;padding:0 32px 42px}.topbar{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);margin-bottom:26px}.topbar h1{font-size:1.55rem;margin:5px 0 0;letter-spacing:-.02em}.eyebrow,.kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:#6f8aa2;font-size:.68rem;margin:0}.kicker{color:#6d87a1;font-size:.65rem}.top-actions,.toolbar-actions{display:flex;gap:10px;align-items:center}.connection-pill{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted);font-size:.8rem}.button{border:1px solid transparent;border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:650;font-size:.85rem}.button:disabled{opacity:.42;cursor:not-allowed}.button.primary{background:var(--teal);color:#03201d}.button.primary:hover{background:#5eead4}.button.ghost{border-color:var(--line);background:#101e30;color:var(--text)}.button.ghost:hover{border-color:#36516e}.text-button{border:0;background:transparent;color:#7dd3fc;cursor:pointer;font-size:.8rem;padding:4px}.view{display:none}.view.active{display:block}.notice{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:10px;margin-bottom:19px;border:1px solid}.notice.warning{background:rgba(251,191,36,.06);border-color:rgba(251,191,36,.25)}.notice-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(251,191,36,.18);color:var(--amber);font-weight:800}.notice strong{font-size:.85rem}.notice p{display:inline;color:var(--muted);font-size:.8rem;margin-left:8px}.notice .text-button{margin-left:auto}.status-row{display:flex;align-items:center;gap:28px;margin-bottom:18px}.status-heading{display:flex;align-items:center;gap:12px;margin-right:auto}.status-heading h2{font-size:1.03rem;margin:0 0 3px}.status-heading p{font-size:.78rem;color:var(--muted);margin:0}.status-badge,.metric-state{border-radius:999px;padding:5px 9px;font-size:.72rem;white-space:nowrap}.status-badge.idle{background:#192a3d;color:#9db0c3}.status-badge.running{background:rgba(45,212,191,.12);color:#5eead4}.status-badge.complete{background:rgba(52,211,153,.12);color:#6ee7b7}.status-badge.error{background:rgba(251,113,133,.12);color:#fda4af}.run-meta{display:grid;gap:3px}.run-meta span{font-size:.68rem;color:var(--muted-2)}.run-meta strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric-card,.panel{background:linear-gradient(180deg,rgba(17,31,50,.94),rgba(12,25,42,.96));border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metric-card{padding:18px;min-height:194px}.metric-card.span-2{grid-column:span 2}.card-head,.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card-head h3,.panel-head h3{font-size:.92rem;margin:5px 0 0}.metric-state{background:#17283b;color:var(--muted)}.big-number{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:730;letter-spacing:-.05em;margin:19px 0 10px}.big-number small{font-size:1.1rem;color:var(--muted);margin-left:3px}.progress-track{height:6px;background:#1c3045;border-radius:999px;overflow:hidden}.progress-track>div{height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:inherit;transition:width .45s ease}.metric-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-top:12px}.metric-foot strong{color:var(--text)}.paired-metric{display:grid;grid-template-columns:1fr 24px 1fr;gap:7px;align-items:end;margin:31px 0 21px}.paired-metric div:not(.flow-arrow){display:grid;gap:6px}.paired-metric small{color:var(--muted)}.paired-metric strong{font-size:1.75rem;font-variant-numeric:tabular-nums}.flow-arrow{color:var(--teal);padding-bottom:5px}.gap-line{border-top:1px solid var(--line-soft);padding-top:12px;display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.gap-line strong{color:var(--green);font-size:1rem}.donut-wrap{display:flex;gap:20px;align-items:center;margin-top:23px}.donut{--p:0%;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) var(--p),#1d3146 0);position:relative}.donut:after{content:"";position:absolute;inset:8px;background:#101f32;border-radius:50%}.donut span{z-index:1;font-size:.76rem;font-weight:700}.donut-wrap>div:last-child{display:grid;gap:5px}.donut-wrap strong{font-size:1.8rem}.donut-wrap small,.card-note{color:var(--muted);font-size:.72rem}.card-note{margin:17px 0 0;line-height:1.5}.content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.panel{padding:18px}.subtle{font-size:.72rem;color:var(--muted)}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:.78rem}th{text-align:left;color:var(--muted-2);font-weight:600;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid var(--line-soft);color:#c8d5e2}td strong,td small{display:block}td small{color:var(--muted-2);font-size:.68rem;margin-top:5px}.cell-progress{display:flex;align-items:center;gap:9px}.cell-progress>span{width:82px;height:4px;background:#21364a;border-radius:999px;overflow:hidden}.cell-progress i{display:block;width:0;height:100%;background:var(--teal);transition:width .45s}.cell-progress strong{font-size:.72rem}.status-dot-label{display:flex;align-items:center;gap:7px}.terminal{height:190px;overflow:auto;background:#07111d;border:1px solid #15273a;border-radius:8px;margin-top:14px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.69rem;line-height:1.75;color:#9cb2c8}.terminal .time{color:#58738c}.terminal .info{color:#7dd3fc}.terminal .ok{color:#5eead4}.terminal .warn{color:#fcd34d}.section-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.section-toolbar h2{font-size:1.25rem;margin:0 0 6px}.section-toolbar p{color:var(--muted);font-size:.82rem;margin:0}.search,.field input,.field select,.param-input,.param-select{border:1px solid var(--line);background:#0b1829;color:var(--text);border-radius:8px;padding:9px 11px;outline:none}.search{width:235px}.search:focus,.field input:focus,.field select:focus,.param-input:focus,.param-select:focus{border-color:#3c7790;box-shadow:0 0 0 3px rgba(45,212,191,.08)}.config-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:14px}.config-summary div{background:#0f1d2f;padding:13px 15px}.config-summary span,.config-summary strong{display:block}.config-summary span{color:var(--muted);font-size:.7rem}.config-summary strong{font-size:.85rem;margin-top:4px}.config-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);gap:14px;align-items:start}.config-preview{position:sticky;top:18px;background:#0c192a;border:1px solid var(--line);border-radius:12px;padding:16px}.config-preview pre{white-space:pre-wrap;word-break:break-word;max-height:68vh;overflow:auto;background:#07111d;border-radius:8px;padding:13px;font-size:.67rem;line-height:1.6;color:#9db3c9}.config-group{background:#0f1d2f;border:1px solid var(--line);border-radius:11px;margin-bottom:12px;overflow:hidden}.config-group-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.config-group-head h3{font-size:.9rem;margin:0}.config-group-head span{color:var(--muted);font-size:.7rem}.param-row{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(250px,1.25fr) minmax(170px,.72fr);gap:16px;padding:13px 16px;border-bottom:1px solid var(--line-soft);align-items:center}.param-row:last-child{border-bottom:0}.param-name code{color:#93c5fd;font-size:.76rem}.param-name strong{display:block;font-size:.78rem;margin-top:5px}.param-description{color:var(--muted);font-size:.75rem;line-height:1.55}.param-input,.param-select{width:100%;font-size:.78rem;padding:8px 9px}.sensitive-note{display:block;color:#fbbf24;font-size:.65rem;margin-top:5px}.switch-wrap{display:flex;align-items:center;gap:8px}.switch{width:36px;height:20px;border-radius:999px;background:#263b50;border:0;position:relative;cursor:pointer}.switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#9fb1c2;left:3px;top:3px;transition:.2s}.switch.on{background:var(--teal-d)}.switch.on:after{left:19px;background:#ccfbf1}.check-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.check-form{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}.check-param{display:grid;gap:6px}.check-param label{font-size:.73rem}.check-param label code{color:#93c5fd}.check-param small{color:var(--muted);font-size:.67rem;line-height:1.45}.check-progress{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;margin:24px 0}.check-progress span{font-weight:700;font-size:.8rem}.result-hero{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.result-hero div{background:#0a1727;border:1px solid var(--line-soft);padding:14px;border-radius:9px}.result-hero small,.result-hero strong{display:block}.result-hero small{color:var(--muted);font-size:.68rem}.result-hero strong{font-size:1.5rem;margin-top:6px}.result-list{display:grid;grid-template-columns:1fr auto;gap:0;margin:17px 0}.result-list dt,.result-list dd{margin:0;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:.75rem}.result-list dt{color:var(--muted)}.result-list dd{font-weight:700}.result-note{background:rgba(45,212,191,.06);border:1px solid rgba(45,212,191,.18);color:#a7f3d0;border-radius:8px;padding:10px;font-size:.72rem;line-height:1.5}.schedule-builder{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr auto;gap:12px;align-items:end;background:#0f1d2f;border:1px solid var(--line);border-radius:11px;padding:16px;margin-bottom:14px}.field{display:grid;gap:6px}.field label{font-size:.7rem;color:var(--muted)}.builder-actions{display:flex;gap:7px}.schedule-list{display:grid;gap:10px}.schedule-item{display:grid;grid-template-columns:1fr .7fr .8fr .7fr auto;gap:14px;align-items:center;background:#0f1d2f;border:1px solid var(--line);border-radius:11px;padding:15px}.schedule-item strong,.schedule-item small{display:block}.schedule-item strong{font-size:.84rem}.schedule-item small{color:var(--muted);font-size:.69rem;margin-top:4px}.schedule-cell span{display:block;color:var(--muted-2);font-size:.65rem;margin-bottom:4px}.toast{position:fixed;right:24px;bottom:24px;background:#d6fff8;color:#06342e;border-radius:9px;padding:11px 14px;font-size:.8rem;font-weight:650;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}@media(max-width:1100px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:22px 10px}.brand>div:last-child,.nav-item span:not(.nav-icon),.sidebar-foot p,.environment-card div{display:none}.brand{padding:0 9px 28px}.nav-item{display:grid;grid-template-columns:1fr;place-items:center}.environment-card{justify-content:center}.metric-grid{grid-template-columns:repeat(2,1fr)}.config-layout{grid-template-columns:1fr}.config-preview{position:static}.param-row{grid-template-columns:1fr 1.2fr}.param-row>div:last-child{grid-column:2}.schedule-builder{grid-template-columns:1fr 1fr}.builder-actions{grid-column:2}.schedule-item{grid-template-columns:1fr 1fr 1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static;flex-direction:row;align-items:center;padding:10px 12px;overflow:auto}.brand{padding:0;margin-right:8px}.brand-mark{width:34px;height:34px}.sidebar nav{display:flex}.nav-item{width:auto;min-width:46px}.sidebar-foot{display:none}.main{padding:0 14px 28px}.topbar{height:auto;padding:18px 0;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.connection-pill{display:none}.notice{align-items:flex-start}.notice p{display:block;margin:4px 0 0}.status-row{align-items:flex-start;flex-wrap:wrap}.run-meta{display:none}.metric-grid,.content-grid,.check-layout{grid-template-columns:1fr}.metric-card.span-2{grid-column:auto}.section-toolbar{display:grid}.toolbar-actions{flex-wrap:wrap}.search{width:100%}.config-summary{grid-template-columns:1fr 1fr}.config-layout{display:block}.param-row{grid-template-columns:1fr}.param-row>div:last-child{grid-column:auto}.check-form{grid-template-columns:1fr}.schedule-builder,.schedule-item{grid-template-columns:1fr}.builder-actions{grid-column:auto}.schedule-cell{display:none}}
.notice.success{background:rgba(52,211,153,.06);border-color:rgba(52,211,153,.25)}
.connection-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px}
.connect-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.connect-form .full{grid-column:1/-1}.action-field{justify-content:end}
.agent-details{display:grid;grid-template-columns:125px 1fr;gap:13px 16px;margin:18px 0 0}
.agent-details dt{color:var(--muted);font-size:.72rem}.agent-details dd{margin:0;font-size:.78rem;word-break:break-word}
.terminal .error{color:#fda4af}
@media(max-width:1100px){.connection-grid{grid-template-columns:1fr}}
@media(max-width:760px){.connect-form{grid-template-columns:1fr}.connect-form .full{grid-column:auto}.agent-details{grid-template-columns:1fr}.agent-details dd{margin-bottom:6px}}
.remote-config-panel{margin-bottom:14px}.remote-config-controls{display:grid;grid-template-columns:minmax(300px,1fr) auto;gap:12px;align-items:end;margin-top:16px}.remote-config-controls select{width:100%;border:1px solid var(--line);background:#0b1829;color:var(--text);border-radius:8px;padding:9px 11px}.remote-config-controls .button{height:40px}
@media(max-width:760px){.remote-config-controls{grid-template-columns:1fr}}
.scan-controls{display:grid;grid-template-columns:minmax(300px,1fr) auto;gap:12px;align-items:end;margin-top:16px}.scan-controls .button{height:40px}.protected-paths{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.protected-paths span{color:var(--muted);font-size:.7rem}.protected-paths button{border:1px solid rgba(251,191,36,.28);background:rgba(251,191,36,.06);color:#fcd34d;border-radius:999px;padding:5px 9px;font:600 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.secret-status{display:flex;align-items:center;gap:8px;min-height:36px;border:1px dashed #38506a;border-radius:8px;padding:8px 10px;color:var(--muted);font-size:.72rem}.secret-status.configured{border-color:rgba(52,211,153,.35);color:#86efac}.secret-status:before{content:'●';font-size:.55rem}.save-dialog{width:min(620px,calc(100vw - 32px));border:1px solid var(--line);border-radius:14px;background:#0d192a;color:var(--text);padding:20px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.save-dialog::backdrop{background:rgba(2,8,18,.78);backdrop-filter:blur(4px)}.save-dialog form{display:grid;gap:16px}.save-dialog p{color:var(--muted);font-size:.78rem;line-height:1.55;margin:0}.save-dialog code{display:block;background:#07111d;border:1px solid var(--line-soft);border-radius:8px;padding:10px;color:#9db3c9;word-break:break-all}.dialog-close{border:0;background:transparent;color:var(--muted);font-size:1.5rem;cursor:pointer}.save-change-list{background:#091626;border:1px solid var(--line-soft);border-radius:9px;padding:12px}.save-change-list strong{font-size:.76rem}.save-change-list ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:.72rem;max-height:150px;overflow:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}
@media(max-width:760px){.scan-controls{grid-template-columns:1fr}.dialog-actions{flex-wrap:wrap}}
.task-overview-panel{margin-bottom:18px}.task-overview-actions{display:flex;align-items:center;gap:10px}.task-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:14px}.task-card{border:1px solid var(--line);background:#0a1829;border-radius:10px;padding:13px;text-align:left;color:var(--text);cursor:pointer;display:grid;gap:9px}.task-card:hover{border-color:#365b77}.task-card.selected{border-color:var(--teal);box-shadow:0 0 0 2px rgba(45,212,191,.08)}.task-card-head,.task-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card strong{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card small{color:var(--muted);font-size:.68rem}.task-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;color:var(--muted);font-size:.69rem}.task-card-meta b{display:block;color:#c9d8e7;margin-top:2px;font-size:.74rem}.task-card-alert{color:var(--amber)!important}.empty-state,.empty-cell{color:var(--muted);font-size:.76rem;text-align:center;padding:18px}.shard-panel{margin-top:14px}.lag-value{display:flex;align-items:end;gap:10px;margin-top:22px}.lag-value strong{font-size:2rem}.lag-value small{color:var(--muted);padding-bottom:5px}.table-status{font-size:.7rem;border-radius:999px;padding:4px 7px;background:#17283b;color:var(--muted);white-space:nowrap}.table-status.good{background:rgba(52,211,153,.1);color:#6ee7b7}.table-status.warn{background:rgba(251,191,36,.1);color:#fcd34d}.table-status.error{background:rgba(251,113,133,.1);color:#fda4af}.cell-progress em{font-style:normal;color:var(--muted);font-size:.68rem}@media(max-width:760px){.task-list{grid-template-columns:1fr}}

/* Task cards keep all fields inside their own grid cell, including at 200% text size. */
.task-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:14px}
.task-card{min-width:0;max-width:100%;padding:18px;gap:14px;align-content:start;overflow:hidden}
.task-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}
.task-card-head strong{display:block;min-width:0;font-size:1rem;line-height:1.5}
.task-card .status-badge{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;font-size:.8rem;padding:5px 8px}
.status-badge::before{content:'';display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#7890a5;margin-right:5px}
.status-badge.running::before{background:var(--green)}.status-badge.complete::before{background:var(--blue)}.status-badge.error::before{background:#fb7185}.status-badge.pending::before{background:var(--amber)}
.task-subtitle{margin:0;color:var(--muted);font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}
.task-card-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:.875rem}
.task-card-meta b{font-size:.875rem;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.task-card-foot{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;border-top:1px solid var(--line-soft);padding-top:12px}
.task-card small{font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}.task-card-foot small{display:block}
.task-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:18px}.task-filters label{display:grid;gap:6px;font-size:.875rem;color:var(--muted)}
.task-filters select{font:inherit;color:var(--text);background:#0b1829;border:1px solid var(--line);border-radius:8px;padding:9px 11px}.task-filters small{font-size:.8rem;color:var(--muted);padding-bottom:8px}
.task-config-panel{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px}.task-config-panel[hidden]{display:none}
.task-config-source{flex:1;min-width:0}.task-config-source h3{margin:8px 0}.config-path-link{text-align:left;font-size:.875rem;overflow-wrap:anywhere;max-width:100%;padding:4px 0}
.task-config-actions{display:flex;gap:10px;flex-wrap:wrap}.task-config-panel>#task-sample-note{flex-basis:100%;margin:0}
.status-heading{min-width:0}.status-heading>div{min-width:0}.status-heading h2,.status-heading p{overflow-wrap:anywhere}.run-meta{flex-shrink:0}
.evidence-note{padding:12px;background:rgba(96,165,250,.06);border:1px solid var(--line);border-radius:8px;color:#c0d5e8;font-size:.875rem;line-height:1.7}
.run-config-dialog{width:min(1000px,94vw);max-height:85vh;overflow:auto}.run-config-dialog code,#restart-config-path{overflow-wrap:anywhere;display:block}
.run-config-dialog table{table-layout:fixed}.run-config-dialog td{overflow-wrap:anywhere;white-space:pre-wrap;font-size:.875rem}.run-config-dialog th{font-size:.875rem}
.shard-panel table{min-width:1050px}.shard-panel td,.shard-panel th{font-size:.875rem}.card-note{line-height:1.7}
.task-card:focus-visible,.config-path-link:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:760px){.status-row .run-meta{display:block}.task-filters{display:grid;grid-template-columns:1fr 1fr}.task-filters label:first-child,.task-filters small{grid-column:1/-1}.task-filters .search{width:100%}.task-card-head{grid-template-columns:minmax(0,1fr)}.status-row{gap:16px}.task-config-actions{width:100%}.lag-value{flex-wrap:wrap}}
.content-grid>* , .metric-grid>*{min-width:0}.table-wrap{max-width:100%}.panel-head{min-width:0;flex-wrap:wrap}.task-overview-actions{flex-shrink:0}
@media(max-width:760px){.content-grid,.metric-grid{grid-template-columns:minmax(0,1fr)}}
.content-grid{grid-template-columns:minmax(0,1fr)}.content-grid table{min-width:820px}.content-grid td,.content-grid th{font-size:.875rem}.content-grid td:nth-child(2){min-width:110px}.content-grid td:nth-child(5){min-width:175px}.content-grid td:nth-child(3){min-width:175px}.content-grid .cell-progress strong{font-size:.875rem}
@media(min-width:1800px){.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}

.environment-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--border)}.environment-bar select{max-width:100%;min-width:280px;padding:12px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;font-size:16px}.environment-bar span{font-size:14px;overflow-wrap:anywhere;color:var(--muted)}.environment-bar{border-bottom:2px solid var(--amber)}.environment-bar[data-health="online"]{border-bottom-color:var(--green)}.environment-bar[data-health="delayed"],.environment-bar[data-health="offline"]{border-bottom-color:var(--amber)}

.task-card{position:relative}.task-card-select{display:grid;gap:14px;min-width:0;width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.task-card-select .task-card-head{padding-right:24px}.task-delete{position:absolute;right:5px;top:5px;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.task-delete:hover{color:#fda4af;background:rgba(251,113,133,.15)}.task-delete[hidden]{display:none}.task-delete:focus-visible,.task-card-select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.button.danger{background:#be3452;color:white;border:1px solid #e45f79}#delete-task-summary{overflow-wrap:anywhere}#delete-task-note{line-height:1.7;color:var(--muted)}

/* Overview: full/incremental on the left; checkpoint/catch-up on the right. */
.metric-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"full checkpoint" "incremental catchup";gap:12px}
.full-card{grid-area:full}.incremental-card{grid-area:incremental}.checkpoint-card{grid-area:checkpoint}.catchup-card{grid-area:catchup}
.metric-grid .card-head{gap:10px;flex-wrap:wrap}.metric-grid .card-note,.metric-grid .evidence-note{overflow-wrap:anywhere}
.metric-grid .metric-foot{flex-wrap:wrap;gap:8px 16px}.metric-grid .metric-foot span{min-width:0;overflow-wrap:anywhere}
.incremental-card{container-type:inline-size}
.paired-metric{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:12px}
.paired-metric>div{min-width:0}.paired-metric strong{font-size:clamp(1.25rem,4.5cqi,2rem);overflow-wrap:anywhere}
.donut-wrap{gap:14px;flex-wrap:wrap}.donut{flex-shrink:0}.donut-wrap>div:last-child{min-width:0}.donut-wrap strong{overflow-wrap:anywhere}
@container(max-width:360px){.paired-metric{grid-template-columns:minmax(0,1fr);gap:12px}.paired-metric .flow-arrow{display:none}.paired-metric strong{font-size:1.6rem}}
@media(max-width:900px){.metric-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"full" "incremental" "checkpoint" "catchup"}}

.connection-pill[data-health="online"]{color:var(--green)}
.connection-pill[data-health="delayed"],.connection-pill[data-health="offline"]{color:var(--amber)}
.metric-freshness{font-size:14px;color:var(--muted);margin:-12px 0 20px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric-freshness.delayed{color:var(--amber)}
.stream-audit-panel{margin:14px 0 20px}.stream-audit-panel[hidden],#audit-events-wrap[hidden]{display:none}.audit-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.audit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.audit-summary>div{padding:13px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;min-width:0}.audit-summary small,.audit-summary strong{display:block}.audit-summary small{color:var(--muted);font-size:.75rem}.audit-summary strong{font-size:1.2rem;margin-top:6px;overflow-wrap:anywhere}.stream-audit-panel table{min-width:900px}.stream-audit-panel td{font-size:.83rem;overflow-wrap:anywhere}.audit-class-ttl{color:var(--green)}.audit-class-non_ttl{color:var(--red)}.audit-class-unknown{color:var(--amber)}
@media(max-width:850px){.audit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}