.template-runtime-shell{--hmi-bg: #08111d;--hmi-bg-elevated: #0f1a28;--hmi-border: #1e3248;--hmi-text: #edf3fb;--hmi-text-muted: #8ea2ba;--hmi-text-subtle: #737373;--hmi-accent: #1db954;--hmi-accent-soft: rgba(29, 185, 84, .14);--hmi-warn: #ffb020;--hmi-danger: #ff5d5d;--hmi-page-top: #08111d;--hmi-page-bottom: #050b14;--hmi-page-glow: rgba(29, 185, 84, .16);--hmi-shell-bg: #0a0a0a;--hmi-shell-surface: #171717;--hmi-shell-border: #262626;--hmi-border-strong: #404040;--hmi-surface: #0a0a0a;--hmi-surface-soft: #171717;--hmi-surface-muted: #262626;--hmi-text-on-accent: #0a0a0a;--hmi-radius: 18px;--hmi-gap: 12px;--hmi-font-family: "Inter", "Segoe UI", sans-serif}.template-runtime-shell[data-theme=light]{--hmi-bg: #edf3fb;--hmi-bg-elevated: #dce6f2;--hmi-border: #b6c7da;--hmi-text: #102030;--hmi-text-muted: #4f6278;--hmi-text-subtle: #64748b;--hmi-page-top: #e7eef7;--hmi-page-bottom: #f7fafc;--hmi-page-glow: rgba(29, 185, 84, .08);--hmi-shell-bg: #ffffff;--hmi-shell-surface: #edf3fb;--hmi-shell-border: #cfd9e5;--hmi-border-strong: #9db0c4;--hmi-surface: #ffffff;--hmi-surface-soft: #edf3fb;--hmi-surface-muted: #dbe6f1;--hmi-text-on-accent: #0f172a}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(29,185,84,.16),transparent 28%),linear-gradient(180deg,#08111d,#050b14);color:#edf3fb;font-family:Inter,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}.hmi-root{width:100%;height:800px;min-height:800px;max-height:800px;max-width:1280px;margin:0 auto;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.hmi-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:0;padding:9px 12px;min-height:68px}.hmi-topbar h1{margin:2px 0 0;font-size:18px}.hmi-topbar-main{min-width:0}.hmi-topbar-left{width:28%;min-width:240px}.hmi-topbar-center{width:44%;align-items:center;text-align:center}.hmi-topbar-right{width:28%;justify-content:flex-end}.hmi-topbar-summary{display:flex;align-items:center;justify-content:center;color:var(--hmi-text)}.hmi-topbar-summary strong{font-size:16px;color:#9ee8b8}.hmi-topbar-copy{margin:4px 0 0;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.hmi-brand{color:var(--hmi-text-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.hmi-brand-meta{margin-top:3px;color:var(--hmi-text-muted);font-size:11px}.hmi-topbar-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:320px}.hmi-mode-chip.is-accent{border-color:#1db95473;background:#1db95424;color:#b8f4ca}.hmi-stage-label{border-color:#f5bb3f6b;background:#f5bb3f29;color:#ffdd93}.hmi-mode-chip,.hmi-source-label,.hmi-status-badge{border:1px solid var(--hmi-border);background:var(--hmi-bg-elevated);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--hmi-text-muted)}.hmi-runtime-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hmi-gap);margin-bottom:12px}.hmi-card{border:1px solid var(--hmi-border);background:linear-gradient(180deg,#0f1a28f5,#09121ef5);border-radius:var(--hmi-radius);padding:12px;box-shadow:inset 0 1px #ffffff0a}.hmi-content{display:flex;flex-direction:column;gap:var(--hmi-gap);flex:1 1 auto;min-height:0;overflow:hidden}.hmi-content>*{flex:1 1 auto;min-height:0}.hmi-footer{margin-top:auto;flex-shrink:0;padding:8px 10px}.hmi-footer-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.hmi-footer-nav-button{width:100%;padding:11px 10px;border-radius:14px;border:1px solid transparent;background:#ffffff08;color:var(--hmi-text);font-size:14px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-align:center}.hmi-footer-nav-button.is-active{border-color:#1db9548c;background:var(--hmi-accent-soft)}.template-alerts__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.template-alerts__filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-alerts__stat-card{cursor:pointer;padding:12px;border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface)}.template-alerts__stat-card span{display:block;font-size:12px;color:var(--hmi-text-muted)}.template-alerts__stat-card strong{display:block;margin-top:4px;font-size:32px}.template-alerts__stat-card.is-selected{border-width:2px}.template-alerts__stat-card.is-neutral.is-selected{border-color:#22c55e}.template-alerts__stat-card.is-danger strong{color:#f87171}.template-alerts__stat-card.is-danger.is-selected{border-color:#ef4444}.template-alerts__stat-card.is-warn strong{color:#fb923c}.template-alerts__stat-card.is-warn.is-selected{border-color:#f97316}.template-alerts__stat-card.is-accent strong{color:#facc15}.template-alerts__stat-card.is-accent.is-selected{border-color:#facc15}.template-alerts__feed{display:flex;flex-direction:column;gap:8px;min-height:0}.template-alerts__workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:8px;min-height:0;flex:1 1 auto}.template-alerts__detail,.template-alerts__detail-card{min-height:0}.template-alerts__empty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface);text-align:center}.template-alerts__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#16a34a;color:#fff;font-size:20px}.template-alerts__empty p{margin:0;color:var(--hmi-text-muted)}.template-alerts__item{padding:12px;border:1px solid var(--hmi-shell-border);border-left-width:4px;border-radius:16px;background:var(--hmi-surface);cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.template-alerts__item.is-acknowledged{opacity:.6}.template-alerts__item.is-selected{border-color:#3aa0ffa6;box-shadow:inset 0 0 0 1px #3aa0ff3d;transform:translateY(-1px)}.template-alerts__item.is-critical{border-left-color:#ef4444;background:#7f1d1d33}.template-alerts__item.is-high{border-left-color:#f97316;background:#7c2d1233}.template-alerts__item.is-medium{border-left-color:#f59e0b;background:#78350f33}.template-alerts__item.is-low{border-left-color:#3b82f6;background:#1e3a8a33}.template-alerts__item-main,.template-alerts__item-head{display:flex;gap:10px;justify-content:space-between}.template-alerts__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;font-weight:700}.template-alerts__icon.is-critical{color:#ef4444}.template-alerts__icon.is-high{color:#f97316}.template-alerts__icon.is-medium{color:#f59e0b}.template-alerts__icon.is-low{color:#60a5fa}.template-alerts__badge-stack{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.template-alerts__copy{flex:1 1 auto;min-width:0}.template-alerts__copy p{margin:8px 0 0}.template-alerts__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;font-size:12px;color:var(--hmi-text-muted)}.template-alerts__badge{min-width:94px;padding:4px 8px;border-radius:999px;color:#fff;font-size:10px;text-align:center}.template-alerts__badge.is-critical{background:#dc2626}.template-alerts__badge.is-high{background:#ea580c}.template-alerts__badge.is-medium{background:#d97706}.template-alerts__badge.is-low{background:#2563eb}.template-alerts__state-badge{min-width:94px;padding:4px 8px;border-radius:999px;border:1px solid rgba(133,160,192,.24);color:var(--hmi-text);font-size:10px;text-align:center}.template-alerts__state-badge.is-active{border-color:#ef444473;background:#ef44441f}.template-alerts__state-badge.is-review{border-color:#3aa0ff73;background:#3aa0ff1f}.template-alerts__state-badge.is-service{border-color:#f59e0b6b;background:#f59e0b1f}.template-alerts__state-badge.is-closed{border-color:#22c55e6b;background:#22c55e1f}.template-alerts__ack-button{margin-top:10px;border:0;border-radius:8px;padding:6px 10px;background:#16a34a;color:#fff;cursor:pointer}.template-alerts__detail-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:14px;border:1px solid var(--hmi-shell-border);border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff05),#08111db8}.template-alerts__detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.template-alerts__detail-head strong{display:block;margin-top:4px;font-size:24px;line-height:1.1}.template-alerts__detail-head p,.template-alerts__detail-section p{margin:8px 0 0;color:var(--hmi-text-muted);line-height:1.5}.template-alerts__detail-eyebrow,.template-alerts__detail-panel span,.template-alerts__detail-section span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--hmi-text-muted)}.template-alerts__detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-alerts__detail-panel,.template-alerts__detail-section{padding:12px;border:1px solid rgba(133,160,192,.18);border-radius:14px;background:#ffffff08}.template-alerts__detail-panel strong{display:block;margin-top:8px;font-size:14px;color:var(--hmi-text)}.template-alerts__detail-section.is-danger{border-color:#ef444447;background:#7f1d1d2e}.template-alerts__detail-section.is-accent{border-color:#3aa0ff42;background:#3aa0ff1f}.template-alerts__empty-detail{min-height:100%}@media (max-width: 1100px){.template-alerts__stats,.template-alerts__filters,.template-alerts__workspace,.template-alerts__detail-grid{grid-template-columns:1fr}.template-alerts__badge-stack{align-items:flex-start}.template-alerts__detail-head,.template-alerts__item-head,.template-alerts__item-main{flex-direction:column}}.template-control-overview{height:100%;padding:8px;background:#171717;overflow:hidden}.template-control-overview__content{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(432px,1fr);gap:12px;height:100%;min-height:0}.template-control-overview__primary-column,.template-control-overview__operations,.template-control-overview__trend-column,.template-control-overview__support-column,.template-control-overview__trend,.template-control-panel,.template-control-plan{display:flex;flex-direction:column;min-height:0}.template-control-overview__primary-column{gap:12px;min-width:0}.template-control-overview__trend-column{flex:1 1 auto}.template-control-overview__operations{display:grid;grid-template-columns:minmax(0,1fr) minmax(236px,.94fr);gap:12px;min-width:0}.template-control-overview__support-column{gap:12px}.template-control-overview__support-column>:first-child{flex:0 0 auto}.template-control-overview__support-column>:last-child{flex:1 1 auto}.template-control-overview__hero{display:grid;grid-template-columns:286px minmax(0,1fr);grid-template-areas:"ring metrics";gap:12px;align-items:stretch}.template-control-ring-card,.template-control-legend-card,.template-control-chart-card,.template-control-panel,.template-control-kpi-card{border:1px solid #262626;border-radius:16px;background:#0a0a0a}.template-control-ring-card{display:flex;grid-area:ring;min-height:236px;flex-direction:column;align-items:center;justify-content:space-between;padding:12px}.template-control-ring-card__head,.template-control-ring-card__footer{width:100%;display:grid;gap:4px}.template-control-ring-card__eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#737373}.template-control-ring-card__status,.template-control-ring-card__footer{font-size:11px;line-height:1.35;color:#a3a3a3}.template-control-ring-card__footer span:last-child{color:#f5f5f5}.template-control-ring{position:relative;display:flex;height:214px;width:214px;align-items:center;justify-content:center;border:1px solid #404040;border-radius:999px;box-shadow:0 0 60px #22c55e14}.template-control-ring__inner{position:absolute;height:146px;width:146px;border:1px solid #262626;border-radius:999px;background:#0a0a0a}.template-control-ring__svg{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;overflow:visible}.template-control-ring__center{position:absolute;display:flex;height:72px;width:72px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #404040;border-radius:999px;background:#171717;text-align:center}.template-control-ring__eyebrow{font-size:11px;letter-spacing:.15em;color:#737373}.template-control-ring__value{font-size:1.55rem;font-weight:700;color:#f5f5f5}.template-control-kpi-grid{display:grid;grid-area:metrics;min-height:236px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px}.template-control-kpi-card{display:flex;flex-direction:column;min-height:94px;gap:3px;padding:10px;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.template-control-kpi-card:hover{border-color:#404040;background:#111}.template-control-kpi-card.is-selected{transform:translateY(-1px);box-shadow:inset 0 3px #ffffff14,0 0 0 1px #ffffff0f}.template-control-kpi-card.is-selected.is-loading,.template-control-kpi-card.is-selected.is-blocked{border-color:#22d3eecc;background:linear-gradient(180deg,#082f4961,#0a0a0afa);box-shadow:inset 0 3px #22d3eed1,0 0 0 1px #22d3ee47,0 18px 38px #082f4942}.template-control-kpi-card.is-selected.is-pending,.template-control-kpi-card.is-selected.is-stale{border-color:#fbbf24d1;background:linear-gradient(180deg,#78350f38,#0a0a0afa);box-shadow:inset 0 3px #fbbf24db,0 0 0 1px #fbbf2442,0 18px 38px #78350f3d}.template-control-kpi-card.is-selected.is-error,.template-control-kpi-card.is-selected.is-alarm{border-color:#f87171d1;background:linear-gradient(180deg,#7f1d1d33,#0a0a0afa);box-shadow:inset 0 3px #f87171d6,0 0 0 1px #f871713d,0 18px 38px #7f1d1d3d}.template-control-kpi-card.is-selected.is-offline{border-color:#a3a3a3b8;background:linear-gradient(180deg,#262626e6,#0a0a0afa);box-shadow:inset 0 3px #a3a3a3d1,0 0 0 1px #a3a3a329}.template-control-kpi-card:not(.is-selected).is-loading,.template-control-kpi-card:not(.is-selected).is-pending,.template-control-kpi-card:not(.is-selected).is-error,.template-control-kpi-card:not(.is-selected).is-blocked,.template-control-kpi-card:not(.is-selected).is-alarm,.template-control-kpi-card:not(.is-selected).is-stale,.template-control-kpi-card:not(.is-selected).is-offline{border-color:#262626;background:#0a0a0a}.template-control-source-card.is-stale,.template-control-source-card.is-pending{border-color:#f59e0b6b}.template-control-source-card.is-blocked,.template-control-source-card.is-alarm{border-color:#ef444466}.template-control-source-card.is-offline{border-color:#7373738c}.template-control-kpi-card__head,.template-control-chart-card__head,.template-control-action__main,.template-control-plan__head,.template-control-plan-step{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.template-control-kpi-card__head h2,.template-control-chart-card__title,.template-control-panel h3,.template-control-plan__title,.template-control-action__title,.template-control-plan-step__name{margin:0}.template-control-kpi-card__head h2{min-width:0;font-size:12px;font-weight:500;color:#a3a3a3}.template-control-kpi-card__icon{font-size:18px}.template-control-kpi-card__icon.is-ok{color:#4ade80}.template-control-kpi-card__icon.is-warning{color:#fbbf24}.template-control-kpi-card__icon.is-loading{color:#60a5fa}.template-control-kpi-card__icon.is-pending,.template-control-kpi-card__icon.is-stale{color:#fbbf24}.template-control-kpi-card__icon.is-error,.template-control-kpi-card__icon.is-blocked,.template-control-kpi-card__icon.is-alarm{color:#f87171}.template-control-kpi-card__icon.is-offline{color:#a3a3a3}.template-control-kpi-card__value{margin-top:6px;font-size:clamp(1.18rem,1.45vw,1.82rem);font-weight:700;line-height:1;color:#f5f5f5}.template-control-kpi-card__target{min-width:0;text-align:left;font-size:12px;font-weight:600;line-height:1.2;color:#737373}.template-control-kpi-card.is-selected .template-control-kpi-card__target{color:#e5e5e5}.template-control-kpi-card__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"target pill";align-items:end;gap:10px;margin-top:auto}.template-control-kpi-card__footer>.template-control-kpi-card__target{grid-area:target}.template-control-kpi-card__pill{grid-area:pill;justify-self:end;align-self:end}.template-control-overview__trend{display:grid;height:100%;grid-template-columns:150px minmax(0,1fr);gap:12px}.template-control-legend-card{padding:10px 16px}.template-control-legend-card__title{margin-bottom:8px;font-size:10px;letter-spacing:.14em;color:#737373}.template-control-legend-list{display:grid;gap:6px}.template-control-legend-item{display:grid;grid-template-columns:12px 20px minmax(0,1fr);align-items:center;gap:10px}.template-control-legend-item__dot{height:12px;width:12px;border:1px solid rgba(0,0,0,.2);border-radius:999px}.template-control-legend-item__day{font-size:12px;font-weight:700;color:#f5f5f5}.template-control-legend-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#a3a3a3}.template-control-chart-card{--template-control-chart-min-height: 164px;display:flex;min-height:0;flex-direction:column;padding:12px 14px}.template-control-chart-card.is-loading,.template-control-chart-card.is-blocked{border-color:#22d3ee99;box-shadow:0 0 0 1px #22d3ee24,0 18px 42px #082f4929}.template-control-chart-card.is-pending,.template-control-chart-card.is-stale{border-color:#fbbf249e;box-shadow:0 0 0 1px #fbbf2424,0 18px 42px #78350f29}.template-control-chart-card.is-error,.template-control-chart-card.is-alarm{border-color:#f8717194;box-shadow:0 0 0 1px #f871711f,0 18px 42px #7f1d1d29}.template-control-chart-card__summary{display:grid;gap:2px;grid-area:summary;min-width:0}.template-control-chart-card__head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"summary tabs";align-items:start;column-gap:12px}.template-control-chart-card__eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#737373}.template-control-chart-card__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.template-control-chart-card__title{font-size:14px;font-weight:600;color:#f5f5f5}.template-control-chart-card__state-chip{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 10px;border-radius:999px;border:1px solid #404040;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.template-control-chart-card__state-chip.is-loading,.template-control-chart-card__state-chip.is-blocked{border-color:#22d3ee80;background:#082f498f;color:#cffafe}.template-control-chart-card__state-chip.is-pending,.template-control-chart-card__state-chip.is-stale{border-color:#fbbf247a;background:#78350f7a;color:#fde68a}.template-control-chart-card__state-chip.is-error,.template-control-chart-card__state-chip.is-alarm{border-color:#f8717175;background:#7f1d1d75;color:#fecaca}.template-control-chart-card__state-chip.is-offline{border-color:#a3a3a366;background:#262626c2;color:#e5e5e5}.template-control-chart-card__meta,.template-control-chart-card__legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;font-size:11px;color:#737373}.template-control-chart-card__meta b{color:#67e8f9}.template-control-chart-card__tabs-column{display:grid;grid-area:tabs;grid-template-rows:auto auto;gap:6px;min-width:0;width:100%;align-content:start}.template-control-chart-card__runtime{display:grid;gap:2px;min-width:0;font-size:11px;color:#737373}.template-control-chart-card__runtime span:first-child{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.template-control-chart-card__runtime span:last-child{display:-webkit-box;min-height:2.9em;color:#a3a3a3;line-height:1.45;overflow:hidden;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-control-chart-card__legend span{display:inline-flex;align-items:center;gap:6px}.template-control-chart-card__legend i{display:inline-block}.template-control-chart-card__legend .is-blue{height:8px;width:8px;border-radius:999px;background:#3b82f6}.template-control-chart-card__legend .is-green{height:2px;width:12px;border-radius:999px;background:#22c55e}.template-control-period-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;width:100%;padding:2px;border:1px solid #262626;border-radius:11px;background:#171717}.template-control-period-tabs button{width:100%;padding:5px 7px;border:0;border-radius:9px;background:transparent;color:#d4d4d4;cursor:pointer;font-size:12px;font-weight:600;line-height:1}.template-control-period-tabs button.is-active{background:#84cc16;color:#0a0a0a}.template-control-chart-card__body{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:0;margin-top:8px;flex:1 1 auto}.template-control-chart-card__y-axis,.template-control-chart-card__x-axis{display:grid;color:#737373}.template-control-chart-card__y-axis{grid-template-rows:repeat(5,1fr);font-size:10px;align-items:center;justify-items:end;padding-bottom:16px}.template-control-chart-card__plot-shell{position:relative;height:100%;min-height:var(--template-control-chart-min-height)}.template-control-chart-card__plot{position:absolute;top:0;right:0;bottom:0;left:0;min-height:var(--template-control-chart-min-height)}.template-control-chart-card__grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(5,1fr)}.template-control-chart-card__grid span{border-top:1px dashed #404040}.template-control-chart-card__grid span:first-child{border-top:0}.template-control-chart-card__grid-columns{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.template-control-chart-card__grid-columns span{border-left:1px dashed rgba(64,64,64,.72)}.template-control-chart-card__grid-columns span:first-child{border-left:0}.template-control-chart-card__plot svg{position:absolute;top:0;right:0;bottom:0;left:0;height:calc(100% - 34px);width:100%}.template-control-chart-card__plot polyline{fill:none;stroke-width:1.5}.template-control-chart-card__plot .is-actual{stroke:#3b82f6}.template-control-chart-card__plot .is-target{stroke:#22c55e;stroke-dasharray:5 5}.template-control-chart-card__x-axis{position:absolute;right:6px;bottom:20px;left:6px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;z-index:1;pointer-events:none;padding-top:2px;background:linear-gradient(180deg,#0a0a0a00,#0a0a0ad1 46%,#0a0a0a);color:#8a8a8a;font-size:10px;line-height:1;text-align:center}.template-control-chart-card__x-axis span{flex:1 1 auto}.template-control-panel{padding:12px;overflow:hidden}.template-control-panel h3{margin-bottom:8px;font-size:13px;font-weight:600;color:#f5f5f5}.template-control-actions,.template-control-plan{gap:6px;overflow:auto}.template-control-actions{display:grid;grid-template-columns:minmax(0,1fr)}.template-control-action{width:100%;min-height:68px;padding:10px 12px;border:1px solid #404040;border-radius:14px;background:#171717;color:#f5f5f5;text-align:left;cursor:pointer}.template-control-action.is-disabled{opacity:.6}.template-control-action--autopilot.is-auto,.template-control-action.is-auto{border-color:#3b82f6;background:#1725548c}.template-control-action.is-on{border-color:#525252}.template-control-action__main{align-items:center}.template-control-action__icon{font-size:16px;color:#d4d4d4}.template-control-action__copy{flex:1 1 auto}.template-control-action__title{font-size:14px;font-weight:500;color:#f5f5f5}.template-control-action__badge,.template-control-plan__mode,.template-control-plan-step__badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;color:#fff}.template-control-action__badge,.template-control-plan__mode{background:#3b82f6}.template-control-plan__subtitle{margin-top:4px;font-size:12px;color:#737373}.template-control-plan-step{padding:8px 10px;border:1px solid #262626;border-radius:14px;background:#171717}.template-control-plan-step.is-current{border-color:#06b6d4;background:#082f4973}.template-control-plan-step__body{flex:1 1 auto}.template-control-plan-step__name{font-size:13px;font-weight:500;color:#f5f5f5}.template-control-plan-step__meta{margin-top:6px;display:grid;gap:3px;font-size:11px;color:#a3a3a3}.template-control-plan-step__meta span{color:#f5f5f5}.template-control-plan-step.is-current .template-control-plan-step__badge{background:#06b6d4}.template-control-plan-step.is-done .template-control-plan-step__badge{background:#16a34a}.template-control-plan-step.is-queued .template-control-plan-step__badge{background:#525252}.template-control-sources h3{margin-bottom:4px}.template-control-sources{flex:0 0 auto}.template-control-source-list{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;overflow:hidden}.template-control-source-card{border:1px solid #262626;border-radius:14px;background:#171717;padding:8px 10px}.template-control-source-card__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.template-control-source-card__copy{min-width:0}.template-control-source-card__eyebrow{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#737373}.template-control-source-card strong{display:-webkit-box;margin-top:1px;font-size:11px;line-height:1.2;color:#f5f5f5;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-control-source-card__detail{margin:2px 0 0;font-size:9px;line-height:1.25;color:#a3a3a3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 1180px){.template-control-overview{overflow:auto}.template-control-overview__content,.template-control-overview__operations{grid-template-columns:minmax(0,1fr)}.template-control-overview__hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"ring" "metrics"}.template-control-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-control-ring-card{min-height:232px}}@media (max-width: 1320px) and (max-height: 820px){.template-control-kpi-card__footer{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"target target" ". pill";row-gap:6px}.template-control-kpi-card__target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 760px){.template-control-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-control-overview__trend{grid-template-columns:minmax(0,1fr)}}.template-review__hero-grid{display:grid;grid-template-columns:1.2fr repeat(2,minmax(0,1fr));gap:8px}.template-review-hero,.template-review-status-card,.template-review-kpis,.template-review-deviations,.template-review-trends{padding:12px;border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface)}.template-review-hero__head,.template-review-status-card__rows div,.template-review-hero__rows div,.template-review-kpis__grid,.template-review__main-grid,.template-review-action{display:flex;justify-content:space-between;gap:12px}.template-review-hero__eyebrow,.template-review-status-card__eyebrow{font-size:12px;color:var(--hmi-text-muted)}.template-review-hero__head h2,.template-review-status-card h3,.template-review-kpis h3,.template-review-deviations h3,.template-review-trends h3{margin:4px 0 0}.template-review-hero__status{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#16a34a}.template-review-hero__rows,.template-review-status-card__rows,.template-review-deviations__list,.template-review-trends__list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.template-review-hero__rows span,.template-review-status-card__rows span{color:var(--hmi-text-muted);font-size:12px}.template-review-status-card.is-warn{border-color:#eab308}.template-review-status-card.is-good{border-color:#16a34a}.template-review-master-detail,.template-review-publication{margin-top:8px}.template-review-master-detail{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:8px}.template-review-queue-card,.template-review-detail-card{display:flex;flex-direction:column;min-height:0}.template-review-queue-card .template-section__body,.template-review-detail-card .template-section__body{min-height:0;overflow:auto}.template-review-queue-card .template-section__body,.template-review-detail-card .template-section__body{max-height:404px}.template-review-board__count{color:var(--hmi-text-muted);font-size:12px}.template-review-board__filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.template-review-filter{display:flex;flex-direction:column;gap:6px}.template-review-filter span{font-size:12px;color:var(--hmi-text-muted)}.template-review-filter select,.template-review-media-card__select{width:100%;padding:10px 12px;border:1px solid var(--hmi-shell-border);border-radius:12px;background:var(--hmi-surface-soft);color:var(--hmi-text)}.template-review-board__summary-strip,.template-review-detail__state-grid,.template-review-pair-grid,.template-review-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.template-review-board__summary-card,.template-review-state-card,.template-review-pair-card,.template-review-media-card,.template-review-reason-card,.template-review-detail__block{padding:12px;border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface-soft)}.template-review-board__summary-card span,.template-review-state-card span,.template-review-reason-card span,.template-review-pair-card__head p,.template-review-media-card__head p,.template-review-detail__block-title{color:var(--hmi-text-muted);font-size:12px}.template-review-board__summary-card strong{display:block;margin-top:6px;font-size:24px}.template-review-board__summary-card.is-accent{border-color:#0ea5e9}.template-review-board__summary-card.is-warn{border-color:#f59e0b}.template-review-board__summary-card.is-good{border-color:#22c55e}.template-review-queue{margin-top:12px;overflow:auto;border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface-soft)}.template-review-queue__table{width:100%;min-width:620px;border-collapse:collapse}.template-review-queue__table th,.template-review-queue__table td{padding:10px 12px;border-bottom:1px solid var(--hmi-shell-border);text-align:left;vertical-align:top}.template-review-queue__table th{position:sticky;top:0;background:var(--hmi-surface);color:var(--hmi-text-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.template-review-queue__table td strong{display:block}.template-review-queue__table td span{display:block;margin-top:4px;color:var(--hmi-text-muted);font-size:12px}.template-review-queue__table td.is-mono{font-variant-numeric:tabular-nums;white-space:nowrap}.template-review-queue__table tbody tr{cursor:pointer;transition:background-color .18s ease}.template-review-queue__table tbody tr:hover{background:#0ea5e914}.template-review-queue__table tbody tr.is-active{background:#0ea5e91f}.template-review-queue__empty{text-align:center;color:var(--hmi-text-muted)}.template-review-detail__header h3{margin:0}.template-review-detail__header p,.template-review-state-card p,.template-review-reason-card p{margin:8px 0 0;color:var(--hmi-text-muted)}.template-review-detail__meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.template-review-detail__meta-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.template-review-detail__meta-list div{display:flex;justify-content:space-between;gap:12px}.template-review-detail__meta-list strong{text-align:right}.template-review-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-review-pair-card__head,.template-review-media-card__head{display:flex;justify-content:space-between;gap:12px}.template-review-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-review-media-card__frame{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:160px;margin-top:12px;padding:16px;border:1px dashed var(--hmi-shell-border);border-radius:16px;background:radial-gradient(circle at top left,rgba(14,165,233,.14),transparent 56%),#060a13b8}.template-review-media-card__frame span{color:var(--hmi-text-subtle);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.template-review-media-card__frame p{margin:0;color:var(--hmi-text-muted)}.template-review-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.template-review-actions--inline{grid-template-columns:repeat(2,minmax(0,1fr))}.template-review-action{display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:14px;border:2px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface);color:var(--hmi-text);cursor:pointer}.template-review-action__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.template-review-action span{color:var(--hmi-text-muted);font-size:12px}.template-review-action__status{padding:4px 8px;border-radius:999px;font-size:11px;white-space:nowrap}.template-review-action.is-green{border-color:#16a34a}.template-review-action.is-yellow{border-color:#ca8a04}.template-review-action.is-blue{border-color:#2563eb}.template-review-action.is-violet{border-color:#7c3aed}.template-review-action.is-required .template-review-action__status{background:#ef44442e;color:#fca5a5}.template-review-action.is-pending .template-review-action__status{background:#eab3082e;color:#fde047}.template-review-action.is-ready .template-review-action__status{background:#22c55e2e;color:#86efac}.template-review-action.is-error .template-review-action__status{background:#f871712e;color:#fecaca}.template-review-action.is-active{background:var(--hmi-surface-soft)}.template-review__main-grid{align-items:stretch;margin-top:8px}.template-review-kpis,.template-review-deviations,.template-review-trends{flex:1 1 0}.template-review-kpis__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.template-review-kpi-card{padding:12px;border-radius:12px;background:var(--hmi-surface-soft)}.template-review-kpi-card span{font-size:12px;color:var(--hmi-text-muted)}.template-review-kpi-card strong{display:block;margin-top:8px;font-size:28px}.template-review-kpi-card small{margin-left:4px;font-size:14px;color:var(--hmi-text)}.template-review-deviation{padding:10px;border-radius:12px}.template-review-deviation.is-medium{background:#78350f3d;border:1px solid #f59e0b}.template-review-deviation.is-low{background:#1e3a8a3d;border:1px solid #3b82f6}.template-review-deviation p,.template-review-trend span{margin:6px 0 0;color:var(--hmi-text-muted)}.template-review-trend{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:12px;background:var(--hmi-surface-soft)}.template-review-trend__head{display:flex;justify-content:space-between;gap:12px}.template-review-trend strong{display:block;margin-top:6px}.template-review-trend b{color:#22c55e}.template-review-trend__chart{height:40px}.template-review-trend__chart svg{width:100%;height:100%}.template-review-trend__chart polyline{fill:none;stroke-width:2}.template-review-trend__chart .is-blue{stroke:#3b82f6}.template-review-trend__chart .is-cyan{stroke:#06b6d4}.template-review-trend__chart .is-green{stroke:#22c55e}.template-review-trend__range{font-size:10px;color:var(--hmi-text-subtle);text-align:right}@media (max-width: 1180px){.template-review__hero-grid,.template-review-master-detail,.template-review-board__filters,.template-review-board__summary-strip,.template-review-detail__state-grid,.template-review-detail__meta-grid,.template-review-pair-grid,.template-review-media-grid,.template-review-actions--inline{grid-template-columns:1fr}.template-review-queue-card .template-section__body,.template-review-detail-card .template-section__body{max-height:none}}@media (max-width: 760px){.template-review__main-grid{flex-direction:column}}.template-service-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.template-service-health__head span{font-size:12px;color:var(--hmi-text-muted)}.template-service-health__head b{text-transform:uppercase;font-size:11px}.template-service-health__head b.is-good{color:#22c55e}.template-service-health__head b.is-warning{color:#f59e0b}.template-service-health__uptime{margin-top:10px}.template-service-health__bar{height:6px;margin-top:8px;border-radius:999px;background:var(--hmi-surface-muted);overflow:hidden}.template-service-health__fill{height:100%;border-radius:inherit;background:#16a34a}.template-service__main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin-top:8px;gap:8px}.template-service-task{padding:12px;border-radius:12px;border:1px solid var(--hmi-shell-border);background:var(--hmi-surface)}.template-service-task.is-overdue{border-color:#ef4444;background:#7f1d1d3d}.template-service-task.is-due{border-color:#f59e0b;background:#78350f3d}.template-service-task.is-completed{border-color:#22c55e6b;background:#14532d3d}.template-service-task__head span{text-transform:uppercase;font-size:10px;color:var(--hmi-text-muted)}.template-service-task__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.template-service-task__button,.template-service-diagnostics__buttons button,.template-service-detail__actions button{margin-top:10px;border:1px solid transparent;border-radius:8px;padding:8px 10px;background:#16a34a;color:#fff;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease}.template-service-task__button:disabled,.template-service-diagnostics__buttons button:disabled,.template-service-detail__actions button:disabled{opacity:.68;cursor:default}.template-service-task__button.is-accent,.template-service-diagnostics__buttons button.is-accent,.template-service-detail__actions button.is-accent{background:#3aa0ff29;border-color:#3aa0ff57;color:var(--hmi-text)}.template-service-task__button.is-good,.template-service-diagnostics__buttons button.is-good,.template-service-detail__actions button.is-good{background:#16a34a;color:#fff}.template-service-task__button.is-danger,.template-service-diagnostics__buttons button.is-danger,.template-service-detail__actions button.is-danger{background:#b91c1c5c;border-color:#f871716b;color:#fff}.template-service-diagnostics__buttons button.is-muted{background:#3aa0ff2e;color:var(--hmi-text);border-color:#3aa0ff57}.template-service-diagnostics__summary{padding:12px;border-radius:12px;background:var(--hmi-surface);margin-top:12px}.template-service-event{display:flex;gap:10px;padding:10px;border-radius:12px;background:var(--hmi-surface)}.template-service-event p,.template-service-logs__item p{margin:6px 0 0;font-size:12px;color:var(--hmi-text-muted)}.template-service-event__dot{width:8px;height:8px;border-radius:999px;margin-top:6px}.template-service-event__dot.is-success{background:#22c55e}.template-service-event__dot.is-warning{background:#f59e0b}.template-service-event__dot.is-info{background:#3b82f6}.template-service-event__dot.is-error{background:#ef4444}.template-service-diagnostics__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.template-service-master-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;margin-top:8px}.template-service-master-detail .template-section__body{min-height:0;overflow:auto}.template-service-master-detail__count{color:var(--hmi-text-muted);font-size:12px}.template-service-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.template-service-tab{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--hmi-shell-border);border-radius:12px;padding:10px 12px;background:var(--hmi-surface-soft);color:var(--hmi-text);cursor:pointer;white-space:nowrap}.template-service-tab strong{color:var(--hmi-text-muted)}.template-service-tab.is-active{border-color:#3aa0ff6b;background:#3aa0ff1f}.template-service-state-strip,.template-service-detail__meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.template-service-state-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.template-service-state-strip__card,.template-service-detail__block,.template-service-detail__summary{padding:12px;border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface-soft)}.template-service-state-strip__card span,.template-service-detail__block-title,.template-service-detail__field span,.template-service-detail__eyebrow,.template-service-node__meta span{color:var(--hmi-text-muted);font-size:12px}.template-service-state-strip__card strong{display:block;margin-top:6px;font-size:20px}.template-service-state-strip__card.is-good{border-color:#1db9547a}.template-service-state-strip__card.is-warn{border-color:#f59e0b6b}.template-service-state-strip__card.is-danger{border-color:#ef44446b}.template-service-state-strip__card.is-accent{border-color:#3aa0ff6b}.template-service-inventory{display:flex;flex-direction:column;gap:8px;margin-top:12px}.template-service-node{width:100%;padding:12px;border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface-soft);color:inherit;text-align:left;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.template-service-node:hover{background:#3aa0ff14}.template-service-node.is-active{border-color:#3aa0ff6b;background:#3aa0ff1f}.template-service-node__head{display:flex;justify-content:space-between;gap:12px}.template-service-node__head strong,.template-service-detail__header h3{display:block;margin:0}.template-service-node__head p,.template-service-detail__header p,.template-service-detail__summary p{margin:6px 0 0;color:var(--hmi-text-muted);font-size:13px}.template-service-node__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.template-service-detail__summary p{color:var(--hmi-text);line-height:1.6}.template-service-detail__fields,.template-service-detail__notes,.template-service-detail__events{display:flex;flex-direction:column;gap:8px;margin-top:12px}.template-service-detail__field,.template-service-detail__note{padding:10px 12px;border-radius:12px;background:#ffffff0a}.template-service-detail__field strong{display:block;margin-top:4px}.template-service-detail__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.template-service-detail__actions button.is-secondary{background:#3aa0ff2e;color:var(--hmi-text);border:1px solid rgba(58,160,255,.34)}.template-service__stream{margin-top:8px}.template-service-logs{width:min(820px,calc(100vw - 32px))}.template-service-logs__body{max-height:480px;overflow-y:auto;padding:18px 0}.template-service-logs__item{padding:12px;border:1px solid var(--hmi-shell-border);border-radius:12px;background:var(--hmi-surface)}.template-service-logs__item+.template-service-logs__item{margin-top:8px}.template-service-logs__item.is-error{border-color:#ef4444;background:#7f1d1d38}.template-service-logs__item.is-warning{border-color:#f59e0b;background:#78350f38}.template-service-logs__item.is-success{border-color:#16a34a;background:#14532d38}.template-service-logs__head{display:flex;justify-content:space-between;gap:12px}.template-service-logs__head span{font-size:11px;color:var(--hmi-text-subtle)}@media (max-width: 1100px){.template-service-health,.template-service__main-grid,.template-service-master-detail,.template-service-state-strip,.template-service-detail__meta-grid,.template-service-diagnostics__buttons,.template-service-detail__actions{grid-template-columns:1fr}}.template-settings__card{padding:12px;border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface)}.template-settings__tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:4px;border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface)}.template-settings__tabs button{border:0;border-radius:12px;padding:12px 14px;background:transparent;color:var(--hmi-text);cursor:pointer}.template-settings__tabs button.is-active{background:#16a34a;color:var(--hmi-text-on-accent)}.template-settings__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-settings__item-list{display:flex;flex-direction:column;gap:10px}.template-settings__item{padding:12px;border:1px solid rgba(133,160,192,.16);border-radius:14px;background:var(--hmi-surface-soft)}.template-settings__item strong,.template-settings__rules-block strong{display:block;margin-bottom:4px}.template-settings__item span{font-size:12px;color:var(--hmi-text-muted)}.template-settings__card h3{margin:0 0 10px}.template-settings__rules{margin:8px 0 0;padding-left:18px;color:var(--hmi-text)}.template-settings__rules-block{display:flex;flex-direction:column;gap:8px}.template-settings__pill-list{display:flex;flex-wrap:wrap;gap:8px}.template-settings__pill{padding:8px 10px;border-radius:999px;background:#16a34a24;color:var(--hmi-text);font-size:12px}.template-settings__actions{margin-top:8px}@media (max-width: 1180px){.template-settings__tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1100px){.template-settings__grid{grid-template-columns:1fr}}@media (max-width: 760px){.template-settings__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.template-technology-screen__mode{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#16a34a;color:#fff;font-size:12px}.template-technology-screen__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-technology-card{display:flex;flex-direction:column;padding:12px;border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface)}.template-technology-card__head{display:flex;flex-direction:column;gap:4px}.template-technology-card__head h3,.template-technology-template__head strong,.template-technology-phase__head strong,.template-technology-card__phase-head strong,.template-technology-action__head strong{margin:0}.template-technology-card__head p,.template-technology-template span,.template-technology-template__meta span,.template-technology-phase__head span,.template-technology-phase__grid span,.template-technology-action span,.template-technology-card__flow-state p,.template-technology-card__status-box span,.template-technology-card__phase-head span,.template-technology-card__metric span,.template-technology-card__notice{color:var(--hmi-text-muted);font-size:12px}.template-technology-card__metric{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px}.template-technology-card__metric strong{font-size:24px}.template-technology-card__auto-toggle,.template-technology-card__footer-buttons,.template-technology-card__notice,.template-technology-card__phase-detail,.template-technology-card__flow-state{margin-top:12px}.template-technology-card__status-box,.template-technology-card__template-list,.template-technology-card__timeline,.template-technology-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.template-technology-card__status-box,.template-technology-card__phase-detail{padding:12px;border-radius:12px;background:var(--hmi-surface-soft)}.template-technology-card__status-box div,.template-technology-phase__grid,.template-technology-card__phase-head{display:flex;justify-content:space-between;gap:12px}.template-technology-card__status-box div{align-items:flex-start}.template-technology-card__status-box strong{max-width:60%;text-align:right}.template-technology-card__status-box strong.is-warn{color:#f59e0b}.template-technology-card__status-box strong.is-good{color:#22c55e}.template-technology-card__notice{padding:10px 12px;border-radius:10px}.template-technology-card__notice.is-blocked{background:#78350f38;color:#fde68a}.template-technology-card__flow-state{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:12px;background:var(--hmi-surface-soft)}.template-technology-card__flow-state strong{display:block;margin-bottom:4px}.template-technology-template,.template-technology-phase,.template-technology-action{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--hmi-shell-border);border-radius:12px;background:var(--hmi-surface-soft);color:var(--hmi-text);cursor:pointer;text-align:left;transition:border-color .12s ease,background .12s ease,opacity .12s ease}.template-technology-template:disabled,.template-technology-phase:disabled,.template-technology-action:disabled{opacity:.55;cursor:not-allowed}.template-technology-template__head,.template-technology-action__head,.template-technology-phase__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.template-technology-template__meta{display:flex;justify-content:space-between;gap:10px}.template-technology-template.is-active,.template-technology-phase.is-selected{border-color:#22c55e}.template-technology-action.is-pending{border-color:#f59e0b}.template-technology-action.is-success{border-color:#22c55e}.template-technology-action.is-error,.template-technology-action.is-blocked{border-color:#dc2626}.template-technology-phase.is-current{border-color:#22c55e;background:#14532d3d}.template-technology-phase.is-next{border-color:#2563eb;background:#1e40af33}.template-technology-phase.is-previous{border-color:#525252}.template-technology-phase__grid{margin-top:2px}.template-technology-card--timeline{min-height:100%}@media (max-width: 1180px){.template-technology-screen__grid{grid-template-columns:1fr}}@media (max-width: 720px){.template-technology-template__head,.template-technology-template__meta,.template-technology-phase__head,.template-technology-phase__grid,.template-technology-card__status-box div,.template-technology-card__phase-head,.template-technology-card__metric,.template-technology-card__flow-state{flex-direction:column}.template-technology-card__status-box strong{max-width:none;text-align:left}}.template-screen{display:flex;flex-direction:column;gap:12px;min-height:0}.template-screen__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.template-screen__title,.template-section__title{margin:0}.template-screen__body{display:flex;flex-direction:column;gap:12px;min-height:0}.template-grid{display:grid;gap:12px}.template-grid--hero,.template-grid--review,.template-grid--technology,.template-grid--alerts{grid-template-columns:1.45fr 1fr}.template-grid--metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.template-grid--bottom,.template-grid--settings{grid-template-columns:repeat(2,minmax(0,1fr))}.template-section{min-height:0}.template-section__header,.template-feed-card__top,.template-action__top,.template-layer__head,.template-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.template-section__body,.template-stack,.template-layer-list,.template-action-list,.template-editor{display:flex;flex-direction:column;gap:10px}.template-metric,.template-feed-card,.template-layer,.template-action{border:1px solid rgba(133,160,192,.2);background:linear-gradient(180deg,#ffffff0a,#ffffff05),#08111db8;border-radius:16px;padding:14px}.template-feed-card.is-clickable{color:inherit;text-align:left;cursor:pointer;width:100%}.template-metric__label,.template-layer span,.template-feed-card span,.template-action p,.template-meta-row,.template-list--muted{color:var(--hmi-text-muted)}.template-metric__value{margin:8px 0 10px;font-size:28px;font-weight:700;letter-spacing:-.03em}.template-layer p,.template-feed-card p,.template-module-card p,.template-action p,.template-editor__lead p{margin:8px 0 0;line-height:1.45}.template-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;border:1px solid rgba(133,160,192,.2);background:#ffffff0d;color:var(--hmi-text);font-size:10px;line-height:1}.template-pill.is-good{border-color:#1db9547a;background:#1db95429}.template-pill.is-accent{border-color:#3aa0ff6b;background:#3aa0ff24}.template-pill.is-warn{border-color:#f59e0b66;background:#f59e0b24}.template-pill.is-danger{border-color:#ef444466;background:#ef444424}.template-action__button{width:100%;margin-top:12px;border:1px solid rgba(58,160,255,.38);border-radius:12px;padding:11px 12px;background:linear-gradient(180deg,#3aa0ff2e,#3aa0ff1a);color:var(--hmi-text);cursor:pointer}.template-rows{display:flex;flex-direction:column;gap:8px}.template-row{padding:10px 0;border-bottom:1px solid rgba(133,160,192,.14)}.template-row:last-child{border-bottom:0}.template-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:13px}.template-list{margin:0;padding-left:18px;line-height:1.5}.template-runtime-shell{height:100vh;width:100vw;overflow:hidden;background:var(--hmi-surface-soft);color:var(--hmi-text)}.template-runtime-shell__topbar,.template-runtime-shell__nav{display:flex;align-items:center;border-color:var(--hmi-shell-border);background:var(--hmi-shell-bg)}.template-runtime-shell__topbar{height:72px;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid var(--hmi-shell-border)}.template-runtime-shell__context,.template-runtime-shell__center,.template-runtime-shell__status,.template-runtime-shell__connection,.template-runtime-shell__user{display:flex;align-items:center}.template-runtime-shell__context,.template-runtime-shell__center{flex-direction:column;align-items:flex-start}.template-runtime-shell__center{align-items:center;min-width:320px}.template-runtime-shell__status{gap:16px}.template-runtime-shell__eyebrow{font-size:12px;color:var(--hmi-text-subtle)}.template-runtime-shell__object{font-size:18px;font-weight:600}.template-runtime-shell__center-line{display:flex;align-items:center;gap:8px;font-size:14px}.template-runtime-shell__center-line .is-accent{color:#22c55e}.template-runtime-shell__warning{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #d97706;border-radius:12px;background:#78350f52;color:#fde68a}.template-runtime-shell__warning strong,.template-runtime-shell__user strong{display:block}.template-runtime-shell__warning p,.template-runtime-shell__user span{margin:0;font-size:12px;color:var(--hmi-text-muted)}.template-runtime-shell__warning-icon,.template-runtime-shell__alarm-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#ef444429;color:#ef4444;font-weight:700}.template-runtime-shell__alarm-indicator,.template-runtime-shell__user{border:0;background:transparent;color:inherit;cursor:pointer}.template-runtime-shell__alarm-indicator{position:relative;padding:8px 12px;border-radius:10px}.template-runtime-shell__alarm-indicator.is-critical{color:#ef4444}.template-runtime-shell__alarm-badge{position:absolute;top:4px;right:4px;min-width:18px;padding:2px 5px;border-radius:999px;background:#dc2626;font-size:11px;text-align:center}.template-runtime-shell__connection{gap:8px;padding:8px 12px;border-radius:10px;background:var(--hmi-surface-muted);font-size:13px;color:var(--hmi-text)}.template-runtime-shell__connection-dot{width:10px;height:10px;border-radius:999px}.template-runtime-shell__connection-dot.is-online{background:#22c55e}.template-runtime-shell__connection-dot.is-offline{background:#ef4444}.template-runtime-shell__user{align-items:flex-end;flex-direction:column;padding:6px 10px}.template-runtime-shell__main{height:calc(100vh - 136px);overflow:hidden}.template-runtime-shell__nav{height:64px;justify-content:center;gap:8px;padding:0 24px;border-top:1px solid var(--hmi-shell-border)}.template-runtime-shell__nav-button{display:flex;flex:1 1 0;align-items:center;justify-content:center;gap:8px;min-width:0;padding:10px 14px;border:0;border-radius:12px;background:var(--hmi-surface-muted);color:var(--hmi-text);cursor:pointer}.template-runtime-shell__nav-button.is-active{background:#16a34a;color:var(--hmi-text-on-accent)}.template-runtime-shell__nav-button.is-home{flex:0 0 68px}.template-runtime-shell__nav-icon{font-size:11px;line-height:1}.template-runtime-shell__nav-label{font-size:13px}.template-overview{display:flex;flex-direction:column;gap:8px;height:100%;padding:8px 16px 16px;overflow-y:auto;background:#171717}.template-alerts,.template-settings,.template-review,.template-service,.template-technology-screen{display:flex;flex-direction:column;gap:8px;height:100%;padding:8px 16px 16px;overflow-y:auto;background:var(--hmi-surface-soft)}.template-form-stack,.template-toggle-list{display:flex;flex-direction:column;gap:10px}.template-field,.template-toggle-row{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:var(--hmi-surface-soft)}.template-toggle-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.template-field span,.template-field__description,.template-toggle-row span{font-size:12px;color:var(--hmi-text-muted)}.template-toggle-row strong{display:block;color:var(--hmi-text)}.template-field select{border:1px solid var(--hmi-border-strong);border-radius:10px;padding:10px 12px;background:var(--hmi-surface);color:var(--hmi-text)}.template-field input,.template-field textarea{border:1px solid var(--hmi-border-strong);border-radius:10px;padding:10px 12px;background:var(--hmi-surface);color:var(--hmi-text);font:inherit;resize:vertical}.template-field__error{color:#fca5a5}.template-action-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-action-bar.is-single{grid-template-columns:minmax(0,1fr)}.template-action-bar__button{border:0;border-radius:12px;padding:12px 14px;color:var(--hmi-text);cursor:pointer}.template-action-bar__button.is-accent{background:#16a34a;color:var(--hmi-text-on-accent)}.template-action-bar__button.is-muted{background:var(--hmi-surface-muted)}.template-action-bar__button:disabled{opacity:.45;cursor:not-allowed}.template-overview__header h1,.template-react-action__copy h4{margin:0}.template-overview__header p,.template-overview-contract strong{color:var(--hmi-text-muted)}.template-overview-chart,.template-overview-actions,.template-overview-contract,.template-overview-zone{border:1px solid var(--hmi-shell-border);border-radius:16px;background:var(--hmi-surface)}.template-react-action__row,.template-overview-chart__head,.template-overview-contract{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.template-overview-actions h3,.template-overview-chart__head strong,.template-overview-contract ul{margin:0}.template-overview__main{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:8px;min-height:0;flex:1 1 auto}.template-overview-chart,.template-overview-actions{padding:12px}.template-overview-chart{display:flex;flex-direction:column;min-height:350px}.template-overview-chart__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:11px;color:#737373}.template-overview-chart__meta b{color:#67e8f9}.template-overview-chart__tabs{display:flex;gap:4px;padding:4px;border:1px solid #262626;border-radius:16px;background:#171717}.template-overview-chart__tabs button{padding:8px 10px;border:0;border-radius:12px;background:transparent;color:#d4d4d4;cursor:pointer}.template-overview-chart__tabs button.is-active{background:#84cc16;color:#0a0a0a}.template-overview-chart__canvas{display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-end;gap:8px;min-height:240px;margin-top:12px}.template-overview-chart__canvas svg{width:100%;height:100%;min-height:240px}.template-overview-chart__line{fill:none;stroke-width:2}.template-overview-chart__line.is-target{stroke:#22c55e;stroke-dasharray:4 4}.template-overview-chart__line.is-actual{stroke:#3b82f6}.template-overview-chart__labels{display:grid;grid-auto-flow:column;gap:8px;font-size:11px;color:#737373}.template-overview__side{display:flex;flex-direction:column;gap:8px;min-height:0}.template-overview-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.template-overview-zone{padding:10px}.template-overview-zone span{font-size:12px;color:#a3a3a3}.template-overview-zone strong{display:block;margin-top:6px;font-size:24px}.template-overview-zone strong small{font-size:16px;color:#d4d4d4}.template-overview-zone.is-warning strong,.template-react-action.is-off .template-react-action__badge{color:#facc15}.template-overview-actions{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.template-overview-actions__list{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;margin-top:8px;overflow-y:auto}.template-react-action{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #404040;border-radius:12px;background:#171717}.template-react-action__main{display:flex;gap:12px}.template-react-action__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#e5e5e5;font-weight:700}.template-react-action__copy{flex:1 1 auto;min-width:0}.template-react-action__copy p{margin:6px 0 0;font-size:13px;line-height:1.4;color:#a3a3a3}.template-react-action__row h4{font-size:14px;font-weight:500}.template-react-action__badge{min-width:60px;padding:4px 8px;border-radius:999px;background:#525252;color:#fff;font-size:12px;text-align:center}.template-react-action.is-auto .template-react-action__badge{background:#3b82f6}.template-react-action.is-blocked .template-react-action__badge{background:#f59e0b}.template-react-action.is-offline .template-react-action__badge{background:#ef4444}.template-react-action .is-blue{color:#bfdbfe}.template-react-action .is-green{color:#dcfce7}.template-react-action__button{border:1px solid #525252;border-radius:10px;padding:10px 12px;background:#262626;color:#f5f5f5;cursor:pointer}.template-overview-contract{padding:12px;align-items:center}.template-overview-contract ul{padding-left:18px;color:#d4d4d4}.template-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:40}.template-dialog{width:min(420px,calc(100vw - 32px));padding:20px;border:1px solid #262626;border-radius:16px;background:#0a0a0a}.template-dialog__header h3,.template-dialog__body p,.template-dialog__body strong{margin:0}.template-dialog__header p{margin:8px 0 0;color:#a3a3a3}.template-dialog__body{display:flex;gap:12px;padding:20px 0}.template-dialog__body.is-pending,.template-dialog__body.is-result{align-items:center}.template-dialog__spinner,.template-dialog__result{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px}.template-dialog__spinner{border:3px solid #3b82f6;border-right-color:transparent;animation:template-spin 1s linear infinite}.template-dialog__result.is-success{background:#22c55e}.template-dialog__result.is-error{background:#ef4444}.template-dialog__footer{display:flex;gap:8px}.template-dialog__footer--operator{display:block}.template-dialog__button{flex:1 1 0;border:1px solid #404040;border-radius:10px;padding:10px 12px;color:#f5f5f5;cursor:pointer}.template-dialog__button.is-confirm{background:#16a34a;border-color:#16a34a}.template-dialog__button.is-cancel{background:#262626}.template-dialog--operator{width:min(560px,calc(100vw - 32px))}.template-dialog__badge{align-self:flex-start;padding:6px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#171717;color:#d4d4d4}.template-dialog__badge.is-green{background:#16a34a33;color:#86efac}.template-dialog__badge.is-yellow{background:#eab3082e;color:#fde047}.template-dialog__badge.is-blue{background:#3b82f62e;color:#93c5fd}.template-dialog__badge.is-violet{background:#8b5cf62e;color:#c4b5fd}.template-dialog__body--operator{flex-direction:column;gap:14px}.template-dialog__context,.template-dialog__confirmation{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #262626;border-radius:14px;background:#171717}.template-dialog__context p,.template-dialog__confirmation-copy p,.template-dialog__confirmation-item span{margin:0;color:#a3a3a3}.template-dialog__confirmation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-dialog__confirmation-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:#0f0f0f}@keyframes template-spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.template-runtime-shell__topbar{padding:0 12px}.template-runtime-shell__center,.template-runtime-shell__user{display:none}.template-runtime-shell__nav{padding:0 8px;gap:4px}.template-runtime-shell__nav-button{flex-direction:column;gap:4px;padding:8px}.template-runtime-shell__nav-icon{font-size:10px}.template-runtime-shell__nav-label{font-size:11px}.template-overview,.template-alerts,.template-settings{padding:8px}.template-overview__main,.template-overview-zones{grid-template-columns:1fr}.template-overview-contract{flex-direction:column;align-items:flex-start}.template-screen__header,.template-grid--hero,.template-grid--review,.template-grid--technology,.template-grid--alerts,.template-grid--metrics,.template-grid--bottom,.template-grid--settings{grid-template-columns:1fr}}