:root{
  --bg:#080a0f;--bg-2:#0b0e14;--panel:#10131b;--panel-2:#141824;--panel-3:#181d2a;
  --line:#232938;--line-soft:#1b2130;--text:#eef2f8;--muted:#8c95a8;--muted-2:#657087;
  --purple:#8b5cf6;--purple-2:#6d46d9;--purple-soft:rgba(139,92,246,.14);--green:#32d583;--green-soft:rgba(50,213,131,.12);
  --red:#f97066;--red-soft:rgba(249,112,102,.12);--amber:#fdb022;--amber-soft:rgba(253,176,34,.12);--blue:#53b1fd;--blue-soft:rgba(83,177,253,.12);
  --radius:16px;--radius-sm:10px;--shadow:0 18px 44px rgba(0,0,0,.24);
  --sidebar:246px;--topbar:68px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.5}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.hidden{display:none!important}.mobile-only{display:none!important}.muted-small{color:var(--muted);font-size:12px}.mt-18{margin-top:18px}.top-space{margin-top:30px}.top-space-small{margin-top:16px}

.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#0a0c12 0%,#090b10 100%);border-right:1px solid var(--line-soft);display:flex;flex-direction:column;padding:18px 14px;z-index:40}.brand{height:46px;display:flex;align-items:center;gap:11px;padding:0 6px;margin-bottom:20px}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7c4dff,#4e2bbb);box-shadow:0 9px 28px rgba(124,77,255,.25);font-size:11px;font-weight:850;letter-spacing:.05em}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:14px;font-weight:720}.brand-copy small{margin-top:4px;font-size:9px;letter-spacing:.16em;color:#8f82b8;font-weight:800}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{height:42px;border:1px solid transparent;background:transparent;border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:10px;color:#9ba4b7;cursor:pointer;text-align:left;transition:.16s ease;position:relative}.nav-item:hover{background:#11151e;color:#d8deea}.nav-item.active{background:linear-gradient(90deg,rgba(139,92,246,.16),rgba(139,92,246,.06));color:#f4f1ff;border-color:rgba(139,92,246,.2)}.nav-item.active:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--purple)}.nav-item.nav-accent{color:#d9d1ff}.nav-icon{width:20px;text-align:center;font-size:16px;color:#868fa2}.nav-item.active .nav-icon,.nav-accent .nav-icon{color:#ae91ff}.nav-count{margin-left:auto;min-width:22px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:20px;background:#171c28;color:#929db1;font-size:11px}.nav-separator{padding:18px 11px 6px;color:#4e586c;font-size:9px;font-weight:800;letter-spacing:.15em}.sidebar-foot{margin-top:auto}.system-pill{border:1px solid var(--line);background:#0e1118;border-radius:12px;padding:10px;display:flex;align-items:center;gap:9px}.system-pill>i{width:8px;height:8px;border-radius:50%;background:#667085;box-shadow:0 0 0 4px rgba(102,112,133,.08)}.system-pill.good>i{background:var(--green);box-shadow:0 0 0 4px rgba(50,213,131,.08)}.system-pill.bad>i{background:var(--red);box-shadow:0 0 0 4px rgba(249,112,102,.08)}.system-pill div{display:flex;flex-direction:column;min-width:0}.system-pill strong{font-size:11px}.system-pill span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-row{display:flex;justify-content:space-between;padding:10px 4px 0;font-size:9px;color:#505a6e;letter-spacing:.06em}

.main-shell{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0}.topbar{height:var(--topbar);position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr minmax(300px,520px) 1fr;align-items:center;gap:18px;padding:0 26px;background:rgba(8,10,15,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(35,41,56,.8)}.topbar-left,.topbar-actions{display:flex;align-items:center}.topbar-actions{justify-content:flex-end;gap:10px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px}.breadcrumb span,.breadcrumb b{color:#5e687b;font-weight:500}.breadcrumb strong{font-weight:700;color:#cbd2de}.global-search{height:38px;border:1px solid #202635;background:#0d1017;border-radius:10px;display:flex;align-items:center;padding:0 10px;gap:8px;position:relative}.global-search>span{color:#667085;font-size:18px}.global-search input{flex:1;border:0;outline:0;background:transparent;color:#dce2ec;min-width:0}.global-search input::placeholder{color:#586276}.global-search kbd{border:1px solid #272d3b;border-bottom-color:#343b4b;background:#151923;border-radius:5px;padding:1px 6px;color:#6c7587;font-size:10px}.search-results{position:absolute;top:56px;left:50%;transform:translateX(-50%);width:min(540px,90vw);border:1px solid var(--line);border-radius:12px;background:#0e1118;box-shadow:var(--shadow);padding:7px;max-height:360px;overflow:auto}.search-result{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer}.search-result:hover{background:#151a25}.search-result>div{min-width:0;flex:1}.search-result strong,.search-result small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result small{color:var(--muted);font-size:11px}.sync-label{display:flex;flex-direction:column;text-align:right;line-height:1.15;margin-right:3px}.sync-label>span{font-size:10px;color:#aab3c3}.sync-label small{font-size:9px;color:#566075}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:#0e1118;border-radius:9px;cursor:pointer;display:grid;place-items:center;color:#9ea7b8;transition:.15s}.icon-btn:hover{background:#161b26;color:#fff;border-color:#303748}.content{padding:28px 28px 64px;max-width:1700px;margin:0 auto}.page{display:none}.page.active{display:block;animation:fadeIn .16s ease}@keyframes fadeIn{from{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:none}}

.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:2px 0 22px}.hero-heading{margin-bottom:20px}.eyebrow,.panel-kicker{display:block;font-size:9px;font-weight:850;letter-spacing:.16em;color:#706987;text-transform:uppercase}.page-heading h1{font-size:27px;letter-spacing:-.035em;line-height:1.12;margin:5px 0 5px;font-weight:730}.page-heading p{margin:0;color:var(--muted);font-size:13px;max-width:680px}.heading-actions{display:flex;gap:9px;align-items:center}.btn{height:38px;border-radius:9px;border:1px solid var(--line);padding:0 14px;background:#121620;color:#c7cedb;font-weight:650;font-size:12px;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:#191e2a;border-color:#333a4b;color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#8b5cf6,#7547e8);border-color:#9a70f7;color:white;box-shadow:0 8px 22px rgba(123,76,232,.2)}.btn-primary:hover{background:linear-gradient(180deg,#9569f7,#7f50ec);border-color:#aa86ff}.btn-ghost{background:#0e1118}.btn.compact{height:34px;padding:0 11px}.btn.large{height:44px;padding:0 18px}.text-btn{border:0;background:transparent;color:#9f84f8;font-size:11px;font-weight:700;cursor:pointer}.head-select{height:38px;min-width:180px}

.panel{background:linear-gradient(180deg,rgba(17,20,29,.98),rgba(14,17,24,.98));border:1px solid var(--line-soft);border-radius:var(--radius);padding:18px;box-shadow:0 1px 0 rgba(255,255,255,.015) inset}.panel-tall{min-height:344px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:14px;margin:3px 0 0;font-weight:700;letter-spacing:-.01em}.divider{height:1px;background:var(--line-soft);margin:16px 0}.mini-heading{color:#7d879a;font-size:10px;font-weight:700;margin-bottom:10px}.grid{display:grid;gap:18px}.grid-8-4{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.grid-7-5{grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr)}.grid-6-6{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:18px}.sticky-card{position:sticky;top:88px}

.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi{min-height:112px;background:#10131b;border:1px solid var(--line-soft);border-radius:14px;padding:14px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-24px;top:-24px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 68%)}.kpi-label{font-size:10px;color:#7d879a;font-weight:700}.kpi-value{display:flex;align-items:end;gap:6px;margin-top:13px}.kpi-value strong{font-size:25px;line-height:1;font-weight:740;letter-spacing:-.04em}.kpi-value span{font-size:10px;color:#647085;padding-bottom:2px}.kpi-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:#667085}.delta.good{color:var(--green)}.delta.bad{color:var(--red)}

.status-dot{width:8px;height:8px;border-radius:50%;background:#697386}.status-dot.good{background:var(--green);box-shadow:0 0 0 5px rgba(50,213,131,.08)}.status-dot.bad{background:var(--red);box-shadow:0 0 0 5px rgba(249,112,102,.08)}.badge{height:22px;display:inline-flex;align-items:center;border-radius:7px;padding:0 7px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;white-space:nowrap}.badge.processing,.badge.rendering,.badge.packaging,.badge.publishing{color:#b7a6ff;background:var(--purple-soft);border-color:rgba(139,92,246,.15)}.badge.published,.badge.completed{color:#75e9ad;background:var(--green-soft);border-color:rgba(50,213,131,.14)}.badge.learning{color:#76c6ff;background:var(--blue-soft);border-color:rgba(83,177,253,.14)}.badge.error{color:#ff9b94;background:var(--red-soft);border-color:rgba(249,112,102,.16)}.badge.waiting,.badge.review{color:#ffd176;background:var(--amber-soft);border-color:rgba(253,176,34,.15)}.badge.queued,.badge.neutral{color:#9ba5b8;background:#191e2a;border-color:#252c3a}

.active-jobs{margin-top:12px;display:flex;flex-direction:column}.active-job{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(180px,1fr) minmax(160px,1fr) auto;align-items:center;gap:18px;padding:13px 4px;border-bottom:1px solid var(--line-soft);cursor:pointer}.active-job:last-child{border-bottom:0}.active-job:hover .job-title{color:#fff}.job-main{min-width:0}.job-title{font-size:12px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d8deea}.job-sub{margin-top:3px;color:#687286;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#808a9d;margin-bottom:6px}.progress-track{height:5px;background:#1a1f2b;border-radius:10px;overflow:hidden}.progress-track>i{display:block;height:100%;background:linear-gradient(90deg,#7043d8,#9a6aff);border-radius:10px}.active-job.error .progress-track>i{background:var(--red)}.active-job .time-cell{font-size:10px;color:#687286;text-align:right}.empty-state{min-height:170px;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:#cbd2df;margin-bottom:4px}

.health-compact{display:flex;flex-direction:column;gap:8px;margin-top:14px}.health-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0}.health-row>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#b1bac9}.health-row i{width:7px;height:7px;border-radius:50%;background:#697386}.health-row i.good{background:var(--green)}.health-row i.bad{background:var(--red)}.health-row em{font-style:normal;font-size:10px;color:#667085}.stage-bars{display:flex;flex-direction:column;gap:7px}.stage-bar{display:grid;grid-template-columns:60px 1fr 18px;align-items:center;gap:8px;font-size:9px;color:#687286}.stage-bar-track{height:4px;background:#191e29;border-radius:8px;overflow:hidden}.stage-bar-track i{display:block;height:100%;background:#6551a6}.stage-bar b{font-size:9px;color:#8d96a7;text-align:right}

.chart-area{height:230px;margin-top:12px;display:flex;align-items:stretch}.chart-area.large{height:286px}.svg-chart{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#202635;stroke-width:1}.chart-line{fill:none;stroke:#8b5cf6;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.chart-area-fill{fill:url(#chartGradient)}.chart-point{fill:#0f121a;stroke:#a986ff;stroke-width:2}.chart-label{fill:#606a7e;font-size:9px}.channel-ops{display:flex;flex-direction:column;gap:12px;margin-top:14px}.channel-op{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.channel-avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#1d2230,#252b3a);display:grid;place-items:center;color:#a990ff;font-weight:800;font-size:11px;border:1px solid #293043}.channel-op strong{display:block;font-size:11px}.channel-op small{color:#707a8d;font-size:9px}.channel-op .op-stats{text-align:right}.channel-op .op-stats b{font-size:11px;display:block}.channel-op .op-stats span{font-size:9px;color:#687286}.activity-feed{margin-top:12px;display:flex;flex-direction:column}.activity-item{position:relative;padding:9px 0 9px 25px;border-left:1px solid #242a38;margin-left:6px}.activity-item:before{content:"";position:absolute;left:-4px;top:15px;width:7px;height:7px;border-radius:50%;background:#635487;border:2px solid #10131b}.activity-item.good:before{background:var(--green)}.activity-item.bad:before{background:var(--red)}.activity-item strong{font-size:10px;color:#cbd2df}.activity-item span{display:block;font-size:10px;color:#6f798c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item small{font-size:9px;color:#505b6f}.delivery-list{margin-top:12px}.delivery{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft)}.delivery:last-child{border:0}.delivery-thumb{width:42px;height:42px;border-radius:9px;background:linear-gradient(135deg,#241b35,#141925);border:1px solid #2a2f3f;display:grid;place-items:center;color:#9e7ef5;font-size:14px}.delivery strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery small{font-size:9px;color:#687286}.delivery-actions{display:flex;gap:5px}.tiny-link{width:28px;height:28px;border-radius:7px;border:1px solid #272e3d;background:#151923;display:grid;place-items:center;color:#818b9d;font-size:11px}.tiny-link:hover{color:#fff;border-color:#3a4254}

.form-panel{padding:22px}.form-section-title{display:flex;gap:11px;align-items:flex-start}.form-section-title>span{width:28px;height:28px;border-radius:8px;background:var(--purple-soft);color:#ad91ff;display:grid;place-items:center;font-size:9px;font-weight:800;border:1px solid rgba(139,92,246,.14)}.form-section-title h3{margin:1px 0 1px;font-size:13px}.form-section-title p{margin:0;color:#697386;font-size:10px}.form-grid{display:grid;gap:14px;margin-top:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:10px;color:#9aa4b5;font-weight:680}.field small{font-size:9px;color:#626d80}.field input,.field select,.field textarea,.head-select,.search-field input,.table-toolbar select{width:100%;border:1px solid #282f3f;background:#0d1017;color:#dfe5ef;border-radius:9px;outline:none;transition:.14s}.field input,.field select,.head-select,.table-toolbar select{height:40px;padding:0 10px}.field textarea{padding:10px;resize:vertical;min-height:110px}.field input:focus,.field select:focus,.field textarea:focus,.search-field input:focus,.table-toolbar select:focus{border-color:#6748b8;box-shadow:0 0 0 3px rgba(139,92,246,.08)}.field select,.head-select,.table-toolbar select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 15px) 17px,calc(100% - 11px) 17px;background-size:4px 4px,4px 4px;background-repeat:no-repeat;padding-right:28px}.input-suffix{position:relative}.input-suffix input{padding-right:42px}.input-suffix em{position:absolute;right:10px;top:11px;color:#667085;font-size:9px;font-style:normal}.locked-field{gap:6px}.locked-value{height:40px;border:1px solid #25302d;background:rgba(50,213,131,.045);border-radius:9px;display:flex;align-items:center;padding:0 10px;gap:8px}.locked-value i{width:7px;height:7px;border-radius:50%;background:var(--green)}.locked-value strong{font-size:10px;font-weight:650}.locked-value small{margin-left:auto;color:#4f7864}.source-tabs{display:flex;gap:6px;margin-top:16px;padding:4px;border:1px solid var(--line-soft);background:#0c0f15;border-radius:10px;width:max-content}.source-tabs button{height:30px;border:0;border-radius:7px;padding:0 11px;background:transparent;color:#6f798d;font-size:10px;font-weight:650;cursor:pointer}.source-tabs button.active{background:#1a1f2b;color:#d8deea;box-shadow:0 1px 0 rgba(255,255,255,.03) inset}.source-field{margin-top:12px}.create-safety{margin-top:16px;border:1px solid #232a38;border-radius:12px;background:#0d1017;display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:12px}.create-safety>div{display:flex;gap:9px;align-items:flex-start}.safety-icon{width:20px;height:20px;border-radius:6px;background:var(--green-soft);display:grid;place-items:center;color:#66df9e;font-size:10px;flex:0 0 auto}.create-safety strong{font-size:9px;display:block}.create-safety p{margin:2px 0 0;font-size:9px;color:#616b7e}.form-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:8px}.preflight{margin-top:14px}.preview-channel{display:flex;gap:10px;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--line-soft)}.preview-channel .channel-avatar{width:40px;height:40px}.preview-channel strong{display:block;font-size:11px}.preview-channel small{color:#6b7588;font-size:9px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.preview-metric{background:#0d1017;border:1px solid #202635;border-radius:9px;padding:9px}.preview-metric span{font-size:8px;color:#5e687b;text-transform:uppercase;letter-spacing:.08em}.preview-metric strong{display:block;margin-top:3px;font-size:10px}.dna-preview{margin-top:12px;padding:11px;border:1px dashed #2b3242;border-radius:9px;color:#707a8d;font-size:9px}.dna-preview b{color:#aab2c1}.pipeline-mini{margin-top:13px;display:flex;flex-direction:column;gap:7px}.pipeline-group{display:flex;align-items:center;gap:8px}.pipeline-group>span{width:70px;color:#5f697c;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.pipeline-nodes{display:flex;gap:4px;flex-wrap:wrap}.pipeline-node{min-width:26px;height:23px;padding:0 6px;border-radius:6px;background:#161b26;border:1px solid #242b3a;display:grid;place-items:center;color:#7b8598;font-size:8px}.pipeline-node.key{color:#b69eff;border-color:#3f3261;background:#171322}

.table-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;gap:8px;align-items:center;padding:14px;border-bottom:1px solid var(--line-soft)}.search-field{height:36px;display:flex;align-items:center;gap:7px;border:1px solid #252c3a;background:#0d1017;border-radius:9px;padding:0 9px;min-width:260px}.search-field>span{color:#667085}.search-field input{border:0;background:transparent;height:100%;padding:0;box-shadow:none!important}.table-toolbar select{width:auto;min-width:150px;height:36px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:900px}.data-table th{height:38px;padding:0 14px;text-align:left;color:#5e687c;font-size:8px;text-transform:uppercase;letter-spacing:.11em;background:#0d1017;border-bottom:1px solid #1f2532;white-space:nowrap}.data-table td{padding:11px 14px;border-bottom:1px solid #1c2230;vertical-align:middle}.data-table tbody tr{cursor:pointer;transition:.12s}.data-table tbody tr:hover{background:#121722}.table-title{max-width:310px}.table-title strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-title small{display:block;color:#606b7e;font-size:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:2px}.table-channel{font-size:10px}.table-channel small{display:block;color:#596477;font-size:8px}.table-progress{width:160px}.table-progress-top{display:flex;justify-content:space-between;margin-bottom:5px;font-size:8px;color:#707a8d}.format-pill{display:inline-flex;height:22px;align-items:center;padding:0 7px;border-radius:6px;border:1px solid #262d3b;background:#141822;color:#7f899a;font-size:8px}.table-time{font-size:9px;color:#6b7588;white-space:nowrap}.table-actions{display:flex;justify-content:flex-end}.row-action{width:28px;height:28px;border:1px solid #252c3a;background:#121620;border-radius:7px;cursor:pointer;color:#7e899a}.table-foot{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#667085;font-size:9px}

.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.channel-card{border:1px solid var(--line-soft);background:linear-gradient(180deg,#11151e,#0e1118);border-radius:15px;padding:16px;position:relative;overflow:hidden}.channel-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--purple),transparent 72%);opacity:.65}.channel-card-head{display:flex;align-items:center;gap:10px}.channel-card-head .channel-avatar{width:42px;height:42px}.channel-card-head>div:nth-child(2){min-width:0;flex:1}.channel-card-head h3{margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-card-head p{margin:2px 0 0;font-size:9px;color:#667085}.slot-pill{font-size:8px;font-weight:800;color:#b69cff;border:1px solid #352b4c;background:#18131f;border-radius:6px;padding:4px 6px}.channel-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.channel-meta>div{background:#0d1017;border:1px solid #202635;border-radius:8px;padding:8px}.channel-meta span{display:block;color:#576175;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.channel-meta strong{font-size:9px;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dna-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.dna-chip{font-size:7px;color:#7d879a;background:#151923;border:1px solid #222938;border-radius:6px;padding:4px 6px}.dna-chip.set{color:#72dca5;border-color:#1f3a30;background:#101c18}.channel-card-actions{display:flex;gap:7px;margin-top:14px}.channel-card-actions .btn{flex:1;height:33px}

.analytics-kpis{grid-template-columns:repeat(6,1fr)}.retention-stack{margin-top:15px;display:flex;flex-direction:column;gap:13px}.retention-metric{padding:12px;border:1px solid #202635;background:#0d1017;border-radius:10px}.retention-metric-top{display:flex;justify-content:space-between;align-items:end}.retention-metric span{font-size:9px;color:#667085}.retention-metric strong{font-size:17px}.retention-meter{height:5px;background:#1b202c;border-radius:10px;overflow:hidden;margin-top:8px}.retention-meter i{display:block;height:100%;background:linear-gradient(90deg,#7045d5,#53b1fd)}.analytics-list{margin-top:12px}.analytics-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.analytics-item:last-child{border:0}.analytics-item strong{font-size:10px}.analytics-item small{display:block;color:#657084;font-size:9px;margin-top:2px}.analytics-values{display:flex;gap:12px;text-align:right}.analytics-values div span{display:block;color:#596477;font-size:7px}.analytics-values div b{font-size:9px}.learning-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.learning-summary-card{padding:13px;border:1px solid var(--line-soft);background:#10131b;border-radius:12px}.learning-summary-card span{font-size:8px;color:#5e687c;text-transform:uppercase;letter-spacing:.09em}.learning-summary-card strong{font-size:18px;display:block;margin-top:5px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learning-card{border:1px solid var(--line-soft);background:#10131b;border-radius:13px;padding:15px}.learning-type{display:flex;align-items:center;justify-content:space-between;gap:8px}.learning-type span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#9175df}.confidence{font-size:8px;color:#6e788b}.learning-card p{font-size:11px;line-height:1.55;color:#c2c9d5;margin:11px 0}.learning-foot{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#596477;border-top:1px solid var(--line-soft);padding-top:9px}

.health-hero{padding:20px;display:flex;align-items:center;justify-content:space-between}.health-hero-main{display:flex;align-items:center;gap:14px}.health-orb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);border:1px solid rgba(50,213,131,.18);color:var(--green);font-size:18px}.health-orb.bad{background:var(--red-soft);border-color:rgba(249,112,102,.18);color:var(--red)}.health-hero h2{font-size:16px;margin:0 0 3px}.health-hero p{margin:0;font-size:10px;color:#6e788b}.health-hero-meta{display:flex;gap:28px;text-align:right}.health-hero-meta span{font-size:8px;color:#586276;display:block;text-transform:uppercase;letter-spacing:.08em}.health-hero-meta strong{display:block;font-size:11px;margin-top:2px}.service-list,.contract-list{margin-top:12px}.service-item,.contract-item{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft)}.service-item:last-child,.contract-item:last-child{border:0}.service-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#151a24;border:1px solid #252c3a;color:#8290a5}.service-item strong,.contract-item strong{font-size:10px;display:block}.service-item small,.contract-item small{font-size:8px;color:#5f697c}.service-state{font-size:8px;font-weight:800;color:#6fda9f}.service-state.bad{color:#f78e86}.architecture-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.architecture-flow>div{padding:10px 13px;border:1px solid #292f3f;border-radius:9px;background:#111621;color:#c4cbd7;font-size:10px}.architecture-flow>b{color:#5f4b8f}.architecture-note{font-size:9px;color:#606b7d;margin:12px 0 0}.principle-list{display:flex;flex-direction:column;margin-top:12px}.principle-list>div{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.principle-list>div:last-child{border:0}.principle-list i{font-style:normal;color:#7959c5;font-size:9px;font-weight:800}.principle-list strong{display:block;font-size:10px}.principle-list small{display:block;color:#626d80;font-size:9px;margin-top:2px}

.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.18s;z-index:70}.drawer-backdrop.open,.modal-backdrop.open{opacity:1;pointer-events:auto}.job-drawer{position:fixed;right:0;top:0;bottom:0;width:min(760px,94vw);background:#0b0e14;border-left:1px solid #252b3a;z-index:80;transform:translateX(102%);transition:.22s ease;box-shadow:-26px 0 70px rgba(0,0,0,.35);display:flex;flex-direction:column}.job-drawer.open{transform:none}.drawer-head{min-height:80px;padding:15px 18px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.drawer-head h2{margin:2px 0 2px;font-size:16px}.drawer-head code{color:#5f6a7d;font-size:9px}.drawer-body{padding:16px 18px 40px;overflow:auto;display:flex;flex-direction:column;gap:14px}.detail-hero{display:grid;grid-template-columns:1fr auto;gap:16px}.detail-hero h3{font-size:16px;margin:0 0 4px}.detail-hero p{font-size:9px;color:#657084;margin:0}.detail-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.detail-stat{border:1px solid #202635;background:#0d1017;border-radius:8px;padding:8px}.detail-stat span{font-size:7px;color:#596477;text-transform:uppercase}.detail-stat strong{font-size:9px;display:block;margin-top:2px}.pipeline-full{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:13px}.pipe-stage{min-height:44px;border:1px solid #242b39;background:#11151e;border-radius:8px;padding:6px;display:flex;flex-direction:column;justify-content:space-between}.pipe-stage b{font-size:8px;color:#5f697c}.pipe-stage span{font-size:7px;color:#687286;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipe-stage.done{border-color:#1f4234;background:#0f1b17}.pipe-stage.done b{color:#62d99a}.pipe-stage.now{border-color:#6042a9;background:#171323;box-shadow:0 0 0 2px rgba(139,92,246,.06)}.pipe-stage.now b{color:#b59cff}.pipe-stage.error{border-color:#603633;background:#211413}.pipe-stage.error b{color:#ff978f}.output-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.output-card{border:1px solid #232a38;background:#0d1017;border-radius:10px;padding:11px;min-height:100px}.output-card .output-icon{font-size:16px;color:#8d72da}.output-card strong{display:block;font-size:10px;margin-top:8px}.output-card small{display:block;color:#5f697c;font-size:8px;margin-top:2px}.output-card a{display:inline-block;margin-top:7px;font-size:8px;color:#a88bff}.error-box{border:1px solid rgba(249,112,102,.2);background:var(--red-soft);border-radius:10px;padding:11px;color:#f0aaa5;font-size:10px}.resume-grid{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.event-list{margin-top:10px}.event{position:relative;padding:8px 0 8px 22px;border-left:1px solid #232a38;margin-left:5px}.event:before{content:"";position:absolute;left:-4px;top:14px;width:7px;height:7px;border-radius:50%;background:#655286;border:2px solid #10131b}.event.completed:before,.event.success:before{background:var(--green)}.event.error:before,.event.failed:before{background:var(--red)}.event strong{font-size:9px}.event span{display:block;color:#687286;font-size:8px}.event small{font-size:7px;color:#4f596c}.raw-details summary{cursor:pointer;color:#7d8799;font-size:9px}.raw-details pre{max-height:360px;overflow:auto;background:#090b10;border:1px solid #1f2532;border-radius:9px;padding:10px;color:#758096;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}

.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-47%) scale(.98);width:min(980px,94vw);max-height:90vh;background:#0d1017;border:1px solid #292f3f;border-radius:16px;z-index:90;opacity:0;pointer-events:none;transition:.18s;box-shadow:0 32px 100px rgba(0,0,0,.48);display:flex;flex-direction:column}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-head,.modal-foot{padding:14px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:2px 0 0;font-size:15px}.modal-foot{border-bottom:0;border-top:1px solid var(--line-soft)}.modal-foot>div:last-child{display:flex;gap:8px}.modal-body{overflow:auto;padding:0 16px 18px}.channel-tabs{display:flex;gap:3px;padding:11px 0 10px;position:sticky;top:0;background:#0d1017;z-index:2;border-bottom:1px solid var(--line-soft);margin-bottom:15px}.channel-tabs button{height:31px;border:0;background:transparent;color:#707a8d;border-radius:7px;padding:0 10px;cursor:pointer;font-size:9px;font-weight:650}.channel-tabs button.active{background:#191e2a;color:#d5dce8}.channel-tab{display:none}.channel-tab.active{display:block}.json-editor{font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace!important;min-height:410px!important}.json-state{color:var(--green)!important}.json-state.bad{color:var(--red)!important}.no-delete{font-size:9px;color:#626d80}

.toast-stack{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:430px;border:1px solid #2a3140;background:#11151e;border-radius:10px;padding:10px 12px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:flex-start;animation:toastIn .18s ease}.toast i{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:5px}.toast.error i{background:var(--red)}.toast strong{display:block;font-size:10px}.toast span{display:block;color:#727c8f;font-size:9px;margin-top:2px}@keyframes toastIn{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}

@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.channel-grid,.learning-grid{grid-template-columns:repeat(2,1fr)}.topbar{grid-template-columns:1fr minmax(260px,420px) auto}.sync-label{display:none}.active-job{grid-template-columns:minmax(170px,1.4fr) minmax(170px,1fr) auto}.active-job>.stage-cell:nth-of-type(2){display:none}}
@media(max-width:980px){:root{--sidebar:220px}.grid-8-4,.grid-7-5,.grid-6-6{grid-template-columns:1fr}.sticky-card{position:static}.topbar{grid-template-columns:1fr 1fr}.topbar-center{display:none}.channel-grid,.learning-grid{grid-template-columns:1fr 1fr}.analytics-kpis{grid-template-columns:repeat(3,1fr)}.create-safety{grid-template-columns:1fr}.pipeline-full{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.mobile-only{display:grid!important}.sidebar{transform:translateX(-102%);transition:.2s;box-shadow:24px 0 60px rgba(0,0,0,.4)}.sidebar.open{transform:none}.main-shell{margin-left:0;width:100%}.topbar{padding:0 14px;height:60px;grid-template-columns:1fr auto}.breadcrumb span,.breadcrumb b{display:none}.topbar-actions .btn{display:none}.content{padding:20px 14px 50px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;overflow:auto}.kpi-grid,.analytics-kpis{grid-template-columns:repeat(2,1fr)}.channel-grid,.learning-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.active-job{grid-template-columns:1fr auto}.active-job .stage-cell,.active-job .time-cell{display:none}.table-toolbar{flex-wrap:wrap}.search-field{min-width:100%}.table-toolbar select{flex:1}.learning-summary{grid-template-columns:1fr 1fr}.health-hero{align-items:flex-start;flex-direction:column;gap:16px}.health-hero-meta{text-align:left}.pipeline-full{grid-template-columns:repeat(4,1fr)}.output-grid{grid-template-columns:1fr}.detail-stat-row{grid-template-columns:1fr 1fr}.modal{width:96vw}.channel-tabs{overflow:auto}.channel-tabs button{white-space:nowrap}}

.topbar-center{position:relative}
.launch-status{margin-top:13px;padding-top:12px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:7px}.launch-step{display:flex;align-items:center;gap:8px;font-size:9px;color:#717b8e}.launch-step i{width:19px;height:19px;border-radius:6px;display:grid;place-items:center;background:#171c27;border:1px solid #262d3b;font-style:normal}.launch-step.ok{color:#91e7b8}.launch-step.ok i{color:var(--green);background:var(--green-soft);border-color:rgba(50,213,131,.16)}.launch-step.pending{color:#d7b66e}.launch-step.pending i{color:var(--amber);background:var(--amber-soft);border-color:rgba(253,176,34,.15)}.launch-step.bad{color:#ee9a94}.launch-step.bad i{color:var(--red);background:var(--red-soft);border-color:rgba(249,112,102,.16)}.launch-status code{margin-top:3px;padding:6px 7px;border-radius:6px;background:#090b10;color:#6c778a;font-size:8px;overflow:hidden;text-overflow:ellipsis}
.learning-observe{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.observe-item{border:1px solid #222938;background:#0d1017;border-radius:9px;padding:10px;display:flex;gap:8px}.observe-item i{width:19px;height:19px;border-radius:6px;display:grid;place-items:center;font-style:normal;background:#171c27;color:#7c8699}.observe-item.ok i{background:var(--green-soft);color:var(--green)}.observe-item strong{display:block;font-size:9px}.observe-item small{display:block;margin-top:2px;color:#5f697c;font-size:8px;line-height:1.4}
@media(max-width:760px){.learning-observe{grid-template-columns:1fr}}

/* v2.0.1 — Production launch state lock + live tracking */
#createProductionBtn.tracking{background:linear-gradient(135deg,#6f49d8,#8b5cf6);box-shadow:0 0 0 1px rgba(139,92,246,.16),0 8px 24px rgba(79,52,145,.18)}
#createProductionBtn.done{background:linear-gradient(135deg,#177a4b,#25a968);box-shadow:0 0 0 1px rgba(50,213,131,.15),0 8px 24px rgba(21,117,72,.17)}
#createProductionBtn.error-state{background:linear-gradient(135deg,#8b3a35,#b64c45);box-shadow:0 0 0 1px rgba(249,112,102,.14),0 8px 24px rgba(122,46,42,.16)}
#createProductionBtn:disabled{cursor:not-allowed;opacity:.68}
.launch-live{margin:3px 0;padding:9px 10px;border:1px solid rgba(139,92,246,.18);background:rgba(139,92,246,.055);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.launch-live>div:first-child span{display:block;color:#72688d;font-size:7px;letter-spacing:.09em}
.launch-live>div:first-child strong{display:block;margin-top:2px;color:#c8baf5;font-size:9px}
.launch-live>div:last-child{text-align:right}
.launch-live>div:last-child b{display:block;color:#d9d1f5;font-size:10px}
.launch-live>div:last-child small{display:block;color:#7d7593;font-size:7px;margin-top:1px}
.launch-live.error{border-color:rgba(249,112,102,.2);background:rgba(249,112,102,.05)}
.launch-live.error>div:first-child strong,.launch-live.error>div:last-child b{color:#f1a6a1}

/* v2.0.2 dispatch reliability */
#createProductionBtn[data-action="create-new"]{background:linear-gradient(135deg,#7655e7,#5e41c7)}
#resumeBtn:disabled{opacity:.7;cursor:wait}

/* v2.1.0 — Live Operations Workspace */
.live-heading{align-items:flex-end}.live-workspace{animation:fadeIn .18s ease}.live-empty{min-height:320px;display:grid;place-items:center}.live-empty .empty-state{width:100%;min-height:240px}.live-empty .btn{margin-top:14px}
.live-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;background:linear-gradient(135deg,rgba(20,24,36,.98),rgba(13,16,24,.98));border-color:#2b3142;position:relative;overflow:hidden}.live-hero:after{content:"";position:absolute;inset:auto -90px -140px auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.10),transparent 68%);pointer-events:none}.live-hero-main{display:flex;align-items:center;gap:14px;min-width:0}.channel-avatar.large{width:48px;height:48px;border-radius:14px;font-size:12px;flex:0 0 auto}.live-job-id{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#74668e;letter-spacing:.03em}.live-hero h2{margin:2px 0 3px;font-size:19px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:900px}.live-hero p{margin:0;color:#768095;font-size:10px}.live-hero-status{display:flex;align-items:flex-end;flex-direction:column;gap:4px;z-index:1}.live-hero-status>strong{font-size:28px;line-height:1;letter-spacing:-.05em}.live-hero-status>small{font-size:9px;color:#788296}
.live-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.live-kpi{border:1px solid var(--line-soft);background:#0f121a;border-radius:12px;padding:12px;min-height:82px}.live-kpi span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#687286}.live-kpi strong{display:block;font-size:17px;margin-top:7px;letter-spacing:-.025em}.live-kpi small{display:block;margin-top:3px;font-size:8px;color:#5f697b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-kpi.warn{border-color:rgba(253,176,34,.22);background:rgba(253,176,34,.035)}.live-kpi.warn strong,.live-kpi.warn small{color:#d7b369}
.live-pulse{display:flex;align-items:center;gap:7px;border:1px solid rgba(50,213,131,.16);background:rgba(50,213,131,.05);border-radius:20px;padding:5px 9px;color:#7eddaa;font-size:8px}.live-pulse i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(50,213,131,.35);animation:livePulse 1.8s infinite}.live-pulse.warn{border-color:rgba(253,176,34,.2);background:rgba(253,176,34,.05);color:#d7b369}.live-pulse.warn i{background:var(--amber);animation:none}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(50,213,131,.35)}70%{box-shadow:0 0 0 8px rgba(50,213,131,0)}100%{box-shadow:0 0 0 0 rgba(50,213,131,0)}}
.live-pipeline{margin-top:14px;display:flex;flex-direction:column;gap:10px}.live-pipeline-group{display:grid;grid-template-columns:78px 1fr;gap:9px;align-items:center}.live-pipeline-group>span{font-size:8px;color:#5a6476;text-transform:uppercase;letter-spacing:.08em}.live-pipeline-group>div{display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));gap:7px}.live-stage{min-height:52px;border:1px solid #222938;background:#0d1017;border-radius:9px;padding:7px;text-align:left;cursor:default;display:flex;flex-direction:column;justify-content:space-between;transition:.15s}.live-stage i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#171b26;color:#697386;font-style:normal;font-size:8px;font-weight:800}.live-stage b{font-size:8px;color:#626d80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-stage.done{border-color:rgba(50,213,131,.16);background:rgba(50,213,131,.035)}.live-stage.done i{background:var(--green-soft);color:var(--green)}.live-stage.done b{color:#75b894}.live-stage.current{border-color:rgba(139,92,246,.38);background:linear-gradient(180deg,rgba(139,92,246,.12),rgba(139,92,246,.045));box-shadow:0 0 0 2px rgba(139,92,246,.05)}.live-stage.current i{background:rgba(139,92,246,.2);color:#c7b6ff}.live-stage.current b{color:#c8baf5}.live-stage.error{border-color:rgba(249,112,102,.32);background:var(--red-soft)}.live-stage.error i{background:rgba(249,112,102,.18);color:#ffaaa3}.live-stage.error b{color:#efaaa5}.live-stage-detail{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:1fr 1fr;gap:9px}.live-stage-detail>div{min-width:0}.live-stage-detail span{display:block;font-size:8px;color:#5e687b}.live-stage-detail strong,.live-stage-detail code{display:block;margin-top:3px;color:#aeb7c7;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-stage-detail code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#8d79ca}.live-stage-detail .stage-wait{grid-column:1/-1;border:1px solid rgba(253,176,34,.18);background:rgba(253,176,34,.045);border-radius:8px;padding:9px}.stage-wait b{font-size:9px;color:#d2aa5f}.stage-wait span{margin-top:2px;color:#8d7955}
.dispatch-card{margin-top:12px}.dispatch-steps{display:flex;flex-direction:column;gap:8px}.dispatch-step{display:flex;align-items:center;gap:9px;color:#727c8e;font-size:9px}.dispatch-step i{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#161b25;border:1px solid #252c3a;font-style:normal}.dispatch-step.ok{color:#9ee2bb}.dispatch-step.ok i{background:var(--green-soft);border-color:rgba(50,213,131,.16);color:var(--green)}.dispatch-step.pending{color:#d2ac66}.dispatch-step.pending i{background:var(--amber-soft);border-color:rgba(253,176,34,.16);color:var(--amber)}.dispatch-card code{display:block;margin-top:10px;padding:7px;border-radius:7px;background:#090b10;color:#6e788b;font-size:8px;overflow:hidden;text-overflow:ellipsis}.dispatch-card>small{display:block;margin-top:9px;color:#5e687b;font-size:8px;line-height:1.45}.live-freshness{display:flex;flex-direction:column;gap:8px}.fresh-row{display:flex;justify-content:space-between;align-items:center;font-size:9px}.fresh-row span{color:#6e788b}.fresh-row b{font-size:8px;color:#a8b1c0}.fresh-row b.good{color:#79dca7}.fresh-row b.warn{color:#d6ae66}.live-freshness small{font-size:8px;color:#596477;line-height:1.45}
.live-event-list{margin-top:11px;max-height:620px;overflow:auto;padding-right:4px}.live-event{display:grid;grid-template-columns:14px 1fr;gap:7px;padding:9px 0;border-bottom:1px solid rgba(35,41,56,.58)}.live-event:last-child{border-bottom:0}.live-event-dot{width:8px;height:8px;border-radius:50%;background:#62547e;margin-top:4px;box-shadow:0 0 0 3px rgba(98,84,126,.08)}.live-event.good .live-event-dot{background:var(--green);box-shadow:0 0 0 3px rgba(50,213,131,.07)}.live-event.bad .live-event-dot{background:var(--red);box-shadow:0 0 0 3px rgba(249,112,102,.07)}.live-event-main>div{display:flex;gap:8px;align-items:center;min-width:0}.live-event strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-event em{font-style:normal;font-size:7px;color:#7d6da7;border:1px solid #29233b;border-radius:5px;padding:1px 4px}.live-event span{display:block;font-size:8px;color:#6b7588;margin-top:2px}.live-event small{display:block;font-size:7px;color:#4f596b;margin-top:2px}
.live-output-grid{margin-top:10px;display:flex;flex-direction:column;gap:8px}.live-output{display:grid;grid-template-columns:30px 1fr 18px;gap:9px;align-items:center;border:1px solid #222938;background:#0d1017;border-radius:10px;padding:9px}.live-output.ready{border-color:rgba(50,213,131,.14);background:rgba(50,213,131,.025)}.live-output-icon{width:30px;height:30px;border-radius:8px;background:#161b26;display:grid;place-items:center;color:#8f76d4;font-size:10px}.live-output strong{display:block;font-size:9px}.live-output small{display:block;font-size:8px;color:#5d687a;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-output a{display:inline-block;font-size:8px;color:#a588fa;margin-top:3px}.live-output>i{font-style:normal;color:#586275}.live-output.ready>i{color:var(--green)}
.recovery-ok{display:flex;gap:10px;align-items:center;margin-top:10px}.recovery-ok>i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-style:normal}.recovery-ok strong,.recovery-ok span{display:block}.recovery-ok strong{font-size:9px}.recovery-ok span{font-size:8px;color:#697386}.recovery-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:10px}.recovery-actions small{font-size:8px;color:#606a7d;line-height:1.45}.live-error{border:1px solid rgba(249,112,102,.20);background:var(--red-soft);border-radius:9px;padding:10px;margin-top:10px}.live-error strong{display:block;font-size:9px;color:#f1aaa5}.live-error span{display:block;font-size:8px;color:#b47a77;margin-top:3px;line-height:1.5}.panel.attention{border-color:rgba(249,112,102,.22)}

@media(max-width:1250px){.live-kpis{grid-template-columns:repeat(3,1fr)}.live-pipeline-group>div{grid-template-columns:repeat(4,minmax(72px,1fr))}}
@media(max-width:980px){.live-hero{align-items:flex-start}.live-kpis{grid-template-columns:repeat(2,1fr)}.live-pipeline-group{grid-template-columns:1fr}.live-pipeline-group>div{grid-template-columns:repeat(4,minmax(70px,1fr))}}
@media(max-width:760px){.live-heading .heading-actions{display:grid;grid-template-columns:1fr 1fr}.live-hero{flex-direction:column}.live-hero-status{align-items:flex-start}.live-hero h2{white-space:normal}.live-kpis{grid-template-columns:1fr 1fr}.live-pipeline-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}.live-stage-detail{grid-template-columns:1fr}.live-stage-detail .stage-wait{grid-column:1}.live-event-list{max-height:none}}


/* v2.1.2 — GLOBAL LIVE TRACKING */
.global-live-strip{
  width:calc(100% - 36px); margin:12px 18px 0; min-height:54px;
  display:grid; grid-template-columns:auto minmax(180px,1fr) minmax(220px,420px) auto;
  align-items:center; gap:14px; padding:9px 12px;
  border:1px solid rgba(139,92,246,.32); border-radius:11px;
  background:linear-gradient(90deg,rgba(78,46,138,.22),rgba(14,18,27,.96));
  color:var(--text); cursor:pointer; text-align:left;
  box-shadow:0 8px 30px rgba(0,0,0,.18);
}
.global-live-strip.hidden{display:none}
.global-live-pulse{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:800;letter-spacing:.13em;color:#b69cff}
.global-live-pulse i{width:8px;height:8px;border-radius:999px;background:#8b5cf6;box-shadow:0 0 0 5px rgba(139,92,246,.11);animation:globalLivePulse 1.4s infinite}
@keyframes globalLivePulse{50%{box-shadow:0 0 0 9px rgba(139,92,246,0)}}
.global-live-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.global-live-copy strong{font-size:10px}
.global-live-copy span{font-size:8px;color:#7c879a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-live-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#8993a6;margin-bottom:5px}
.global-live-progress b{color:#d9d2ee}
.global-live-track{height:5px;border-radius:999px;background:#171c28;overflow:hidden}
.global-live-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7956df,#a778ff);transition:width .35s ease}
.global-live-open{font-size:8px;color:#b69cff;white-space:nowrap}
@media(max-width:900px){
  .global-live-strip{grid-template-columns:auto 1fr auto}
  .global-live-progress{grid-column:1/-1}
  .global-live-open{display:none}
}