.ai-agent-widget[data-v-f1d52ae1]{position:fixed;right:18px;bottom:18px;z-index:60}.ai-agent-trigger[data-v-f1d52ae1],.ai-agent-icon-button[data-v-f1d52ae1],.ai-agent-secondary-button[data-v-f1d52ae1],.ai-agent-primary-button[data-v-f1d52ae1]{cursor:pointer}.ai-agent-trigger[data-v-f1d52ae1]{position:relative;width:62px;height:62px;display:grid;place-items:center;padding:0;border:1px solid rgba(93,145,186,.32);background:linear-gradient(180deg,#121f29fa,#0a1117fa),linear-gradient(135deg,#79b8ff0f,#d8b36a0a);color:#edf5f8;box-shadow:0 16px 36px #00000057;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;border-radius:18px}.ai-agent-trigger[data-v-f1d52ae1]:hover{border-color:#79b8ff6b;box-shadow:0 18px 42px #00000061;transform:translateY(-1px)}.ai-agent-trigger[data-v-f1d52ae1]:active{transform:translateY(0) scale(.98)}.ai-agent-trigger[data-v-f1d52ae1]:focus-visible,.ai-agent-icon-button[data-v-f1d52ae1]:focus-visible,.ai-agent-secondary-button[data-v-f1d52ae1]:focus-visible,.ai-agent-primary-button[data-v-f1d52ae1]:focus-visible,.ai-agent-prompt-chip[data-v-f1d52ae1]:focus-visible{outline:2px solid rgba(139,196,255,.78);outline-offset:3px}.ai-agent-trigger-icon[data-v-f1d52ae1]{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.22))}.ai-agent-trigger-badge[data-v-f1d52ae1]{position:absolute;right:-4px;top:-4px;min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#d8b36a,#b78d3e);color:#10171d;font-size:11px;font-weight:700;box-shadow:0 6px 14px #00000038}.ai-agent-panel[data-v-f1d52ae1]{position:relative;width:min(430px,calc(100vw - 24px));height:min(690px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;border:1px solid rgba(93,145,186,.24);background:radial-gradient(circle at 20% 0%,rgba(121,184,255,.12),transparent 32%),linear-gradient(180deg,#0b1116fc,#080c12fc);box-shadow:0 22px 54px #0000006b,inset 0 1px #ffffff0d;overflow:hidden;border-radius:14px;animation:ai-panel-enter-f1d52ae1 .2s ease-out}.ai-agent-head[data-v-f1d52ae1]{display:flex;gap:12px;align-items:center;padding:13px 56px 12px 14px;border-bottom:1px solid rgba(93,145,186,.12);background:linear-gradient(180deg,#121f29fa,#0c141cfa),linear-gradient(90deg,rgba(121,184,255,.06),transparent 40%)}.ai-agent-avatar-wrap[data-v-f1d52ae1]{position:relative;flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(121,184,255,.16);background:#ffffff0a;border-radius:11px}.ai-agent-avatar[data-v-f1d52ae1]{width:30px;height:30px;object-fit:contain}.ai-agent-status-dot[data-v-f1d52ae1]{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:2px solid #101a23;background:#73d99f;border-radius:999px;box-shadow:0 0 14px #73d99fa6}.ai-agent-head-main[data-v-f1d52ae1]{width:100%;min-width:0;display:grid;gap:4px}.ai-agent-title-row[data-v-f1d52ae1]{display:flex;justify-content:space-between;gap:10px;align-items:center}.ai-agent-eyebrow[data-v-f1d52ae1]{margin:0 0 2px;color:#8ea3b3;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ai-agent-head h3[data-v-f1d52ae1]{margin:0;font-size:17px;line-height:1.2;color:#f2f7fb}.ai-agent-icon-button[data-v-f1d52ae1]{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid rgba(121,184,255,.18);background:#ffffff08;color:#dce8ef;border-radius:9px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.ai-agent-close-button[data-v-f1d52ae1]{position:absolute;top:12px;right:12px;z-index:2}.ai-agent-icon-button[data-v-f1d52ae1]:hover{border-color:#79b8ff57;background:#79b8ff14}.ai-agent-icon-button svg[data-v-f1d52ae1]{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ai-agent-head-meta[data-v-f1d52ae1]{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.ai-agent-context-tag[data-v-f1d52ae1]{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(216,179,106,.18);background:#d8b36a14;color:#e8c785;font-size:11px;border-radius:999px}.ai-agent-disclaimer[data-v-f1d52ae1]{color:#f0c987;font-size:11px;line-height:1.4}.ai-agent-messages[data-v-f1d52ae1]{min-height:0;overflow-y:auto;padding:16px 14px;display:grid;gap:12px;align-content:start;background:radial-gradient(circle at top,rgba(121,184,255,.05),transparent 24%),linear-gradient(180deg,#0a1016fa,#080d12);scrollbar-color:rgba(121,184,255,.28) transparent}.ai-agent-message[data-v-f1d52ae1]{display:grid;gap:6px;justify-items:start;align-items:start}.ai-agent-message.user[data-v-f1d52ae1]{justify-items:end}.ai-agent-message-role[data-v-f1d52ae1]{color:#8ea3b3;font-size:11px}.ai-agent-message-bubble[data-v-f1d52ae1]{width:fit-content;max-width:92%;padding:12px 13px;border:1px solid rgba(121,184,255,.12);background:#13202a;color:#dfeaf1;border-radius:12px 12px 12px 5px;box-shadow:0 10px 24px #00000029}.ai-agent-message.user .ai-agent-message-bubble[data-v-f1d52ae1]{max-width:86%;background:linear-gradient(180deg,#315f83,#274d69);color:#f2f7fb;border-radius:12px 12px 5px}.ai-agent-message.error .ai-agent-message-bubble[data-v-f1d52ae1]{border-color:#ff34343d;background:linear-gradient(180deg,#361719,#251012);color:#ffe8e8;border-radius:12px 12px 12px 5px}.ai-agent-message.intro .ai-agent-message-bubble[data-v-f1d52ae1]{border-color:#d8b36a2e;background:linear-gradient(180deg,#182530,#111a22);border-radius:12px 12px 12px 5px;width:fit-content;max-width:92%;padding:10px 12px}.ai-agent-message.muted .ai-agent-message-bubble[data-v-f1d52ae1]{border-color:#79b8ff1f;background:linear-gradient(180deg,#17242e,#121d25);border-radius:12px 12px 12px 5px}.ai-agent-message.intro .ai-agent-message-role[data-v-f1d52ae1]{display:none}.ai-agent-message.intro[data-v-f1d52ae1]{gap:0;justify-items:start}.ai-agent-message-content[data-v-f1d52ae1]{max-width:100%;overflow-x:auto;word-break:break-word;overflow-wrap:anywhere;line-height:1.68;font-size:13px;scrollbar-color:rgba(121,184,255,.28) transparent}.ai-agent-message-content[data-v-f1d52ae1] p,.ai-agent-message-content[data-v-f1d52ae1] ul,.ai-agent-message-content[data-v-f1d52ae1] ol,.ai-agent-message-content[data-v-f1d52ae1] pre,.ai-agent-message-content[data-v-f1d52ae1] blockquote,.ai-agent-message-content[data-v-f1d52ae1] table,.ai-agent-message-content[data-v-f1d52ae1] hr{margin:0 0 11px}.ai-agent-message-content[data-v-f1d52ae1] p:last-child,.ai-agent-message-content[data-v-f1d52ae1] ul:last-child,.ai-agent-message-content[data-v-f1d52ae1] ol:last-child,.ai-agent-message-content[data-v-f1d52ae1] pre:last-child,.ai-agent-message-content[data-v-f1d52ae1] blockquote:last-child,.ai-agent-message-content[data-v-f1d52ae1] table:last-child,.ai-agent-message-content[data-v-f1d52ae1] hr:last-child{margin-bottom:0}.ai-agent-message-content[data-v-f1d52ae1] h1,.ai-agent-message-content[data-v-f1d52ae1] h2,.ai-agent-message-content[data-v-f1d52ae1] h3,.ai-agent-message-content[data-v-f1d52ae1] h4{margin:2px 0 9px;color:#f4f8fb;line-height:1.32;letter-spacing:.01em}.ai-agent-message-content[data-v-f1d52ae1] h1{font-size:18px}.ai-agent-message-content[data-v-f1d52ae1] h2{font-size:16px}.ai-agent-message-content[data-v-f1d52ae1] h3{font-size:15px}.ai-agent-message-content[data-v-f1d52ae1] h4{font-size:14px}.ai-agent-message-content[data-v-f1d52ae1] ul,.ai-agent-message-content[data-v-f1d52ae1] ol{padding-left:20px}.ai-agent-message-content[data-v-f1d52ae1] li{margin:4px 0;padding-left:2px}.ai-agent-message-content[data-v-f1d52ae1] li::marker{color:#d8b36a;font-weight:700}.ai-agent-message-content[data-v-f1d52ae1] code{padding:2px 5px;border:1px solid rgba(121,184,255,.1);background:#ffffff12;color:#dbeeff;font-family:Consolas,SFMono-Regular,Menlo,monospace;font-size:12px;border-radius:4px}.ai-agent-message-content[data-v-f1d52ae1] pre{max-width:100%;padding:10px 12px;overflow-x:auto;background:#03080d6b;border:1px solid rgba(121,184,255,.14);border-radius:8px}.ai-agent-message-content[data-v-f1d52ae1] pre code{padding:0;border:0;background:transparent;white-space:pre}.ai-agent-message-content[data-v-f1d52ae1] a{color:#8bc4ff;text-decoration:underline}.ai-agent-message-content[data-v-f1d52ae1] strong{color:#fff7da;font-weight:700}.ai-agent-message-content[data-v-f1d52ae1] blockquote{padding:9px 10px;border-left:3px solid rgba(216,179,106,.55);background:#d8b36a12;color:#d6e1e8;border-radius:8px}.ai-agent-message-content[data-v-f1d52ae1] table{min-width:100%;border-collapse:collapse;font-size:12px;overflow:hidden;border:1px solid rgba(121,184,255,.12);border-radius:8px}.ai-agent-message-content[data-v-f1d52ae1] th,.ai-agent-message-content[data-v-f1d52ae1] td{padding:8px 10px;border:1px solid rgba(121,184,255,.1);text-align:left;vertical-align:top;white-space:nowrap}.ai-agent-message-content[data-v-f1d52ae1] th{color:#f7fbff;background:#79b8ff1a;font-weight:700}.ai-agent-message-content[data-v-f1d52ae1] hr{border:0;border-top:1px solid rgba(121,184,255,.14)}.ai-agent-cursor[data-v-f1d52ae1]{display:inline-block;width:8px;height:14px;margin-left:4px;vertical-align:middle;background:#8bc4ff;animation:blink-f1d52ae1 1s step-end infinite}@keyframes blink-f1d52ae1{50%{opacity:0}}.ai-agent-quick-prompts[data-v-f1d52ae1]{display:flex;gap:8px;padding:10px 14px;overflow-x:auto;border-top:1px solid rgba(93,145,186,.1);background:#0a1016f5;scrollbar-width:none}.ai-agent-quick-prompts[data-v-f1d52ae1]::-webkit-scrollbar{display:none}.ai-agent-prompt-chip[data-v-f1d52ae1]{min-height:34px;flex:0 0 auto;padding:7px 11px;border:1px solid rgba(216,179,106,.18);background:#d8b36a14;color:#e9cb8f;font:inherit;font-size:12px;border-radius:999px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.ai-agent-prompt-chip[data-v-f1d52ae1]:hover:not(:disabled){border-color:#d8b36a57;background:#d8b36a24;transform:translateY(-1px)}.ai-agent-prompt-chip[data-v-f1d52ae1]:disabled{cursor:not-allowed;opacity:.55}.ai-agent-footer[data-v-f1d52ae1]{padding:12px 14px 14px;border-top:1px solid rgba(93,145,186,.12);background:linear-gradient(180deg,#0d151cfa,#0a1015fc)}.ai-agent-input[data-v-f1d52ae1]{width:100%;resize:none;min-height:82px;border:1px solid rgba(121,184,255,.18);background:#ffffff08;color:#ecf4f8;padding:10px 12px;font:inherit;line-height:1.55;border-radius:10px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.ai-agent-input[data-v-f1d52ae1]::placeholder{color:#8ea3b3;line-height:1.4;font-size:12px}.ai-agent-input[data-v-f1d52ae1]:focus{outline:none;border-color:#79b8ff5c;background:#ffffff0b;box-shadow:0 0 0 3px #79b8ff14}.ai-agent-actions[data-v-f1d52ae1]{margin-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.ai-agent-note[data-v-f1d52ae1]{color:#8ea3b3;font-size:11px;line-height:1.45}.ai-agent-action-buttons[data-v-f1d52ae1]{display:flex;gap:8px}.ai-agent-secondary-button[data-v-f1d52ae1],.ai-agent-primary-button[data-v-f1d52ae1]{min-height:38px;padding:8px 14px;border:1px solid rgba(121,184,255,.18);font:inherit;font-weight:700;border-radius:9px;transition:border-color .18s ease,filter .18s ease,transform .18s ease}.ai-agent-secondary-button[data-v-f1d52ae1]{background:#ffffff08;color:#d7e3ea}.ai-agent-primary-button[data-v-f1d52ae1]{background:linear-gradient(180deg,#3d7097,#2c5879);color:#f5f9fb}.ai-agent-secondary-button[data-v-f1d52ae1]:hover,.ai-agent-primary-button[data-v-f1d52ae1]:hover:not(:disabled){border-color:#79b8ff57;filter:brightness(1.06);transform:translateY(-1px)}.ai-agent-primary-button[data-v-f1d52ae1]:disabled{cursor:not-allowed;opacity:.55}@keyframes ai-panel-enter-f1d52ae1{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 860px){.ai-agent-widget[data-v-f1d52ae1]{right:12px;bottom:102px}}@media (max-width: 640px){.ai-agent-widget[data-v-f1d52ae1]{right:10px;bottom:104px}.ai-agent-panel[data-v-f1d52ae1]{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;border-radius:0;border-left:0;border-right:0;border-top:0}.ai-agent-head[data-v-f1d52ae1]{padding-top:max(13px,env(safe-area-inset-top))}.ai-agent-footer[data-v-f1d52ae1]{padding-bottom:max(14px,env(safe-area-inset-bottom))}.ai-agent-actions[data-v-f1d52ae1]{flex-direction:column;align-items:stretch}.ai-agent-action-buttons[data-v-f1d52ae1]{justify-content:flex-end}}@media (prefers-reduced-motion: reduce){.ai-agent-panel[data-v-f1d52ae1],.ai-agent-cursor[data-v-f1d52ae1],.ai-agent-trigger[data-v-f1d52ae1],.ai-agent-prompt-chip[data-v-f1d52ae1],.ai-agent-secondary-button[data-v-f1d52ae1],.ai-agent-primary-button[data-v-f1d52ae1]{animation:none;transition:none}}:root{color-scheme:dark;--bg: #060b10;--bg-panel: rgba(11, 18, 24, .94);--bg-panel-2: rgba(16, 25, 32, .96);--bg-soft: rgba(19, 33, 43, .82);--border: rgba(94, 125, 150, .28);--border-strong: rgba(130, 176, 210, .34);--text: #eff4f8;--muted: #7d8b96;--accent: #79b8ff;--accent-strong: #3b6b91;--success: #54d9a2;--warning: #ff9b5c;--danger: #ff3434;--gold: #d8b36a;--shadow: 0 16px 42px rgba(0, 0, 0, .34);--radius: 12px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top right,rgba(59,107,145,.18),transparent 26%),radial-gradient(circle at left center,rgba(84,217,162,.08),transparent 18%),linear-gradient(180deg,#050a0f,#071018 40%,#05090e)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:36px 36px;opacity:.35;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 100%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{max-width:1700px;margin:0 auto;padding:18px 18px 28px}.app-shell.mobile-route-shell{max-width:none;padding:0}.mobile-route-shell .app-main{min-height:100vh;margin-top:0;padding:14px 10px 28px;background:radial-gradient(circle at 20% 0%,rgba(216,179,106,.12),transparent 30%),linear-gradient(180deg,#050a0f,#071018)}.app-header,.app-nav,.hero-panel,.section-card,.mobile-panel,.mobile-hero{background:linear-gradient(180deg,#111c24f5,#0a1117f0),linear-gradient(90deg,rgba(121,184,255,.04),transparent 20%,rgba(84,217,162,.03));border:1px solid var(--border);box-shadow:var(--shadow);position:relative;overflow:hidden}.app-header:before,.section-card:before,.hero-panel:before,.mobile-panel:before,.mobile-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.03),transparent 20%,transparent 80%,rgba(255,255,255,.02))}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-radius:12px;padding:18px 20px}.app-header h1,.hero-panel h2,.mobile-hero h2{margin:4px 0 0;font-size:clamp(24px,3vw,34px);letter-spacing:.04em}.header-brand{display:grid;gap:8px}.header-title-row{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.header-copy{margin:0;color:var(--muted);font-size:13px;letter-spacing:.08em;white-space:nowrap}.header-identity{display:flex;gap:14px;flex-wrap:wrap;margin-top:0;align-items:center}.identity-item{display:inline-flex;align-items:center;gap:6px;color:#c9d5db;font-size:13px}.identity-item svg{width:14px;height:14px;color:var(--gold);flex:0 0 auto}.eyebrow{margin:0;color:var(--gold);letter-spacing:.12em;font-size:11px}.header-meta,.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.meta-pill,.hero-stat,.quality-chip,.mobile-card,.metric-bar,.flow-node,.alarm-item,.equipment-item,.insight-item,.timeline-item,.mobile-alarm,.mobile-stage,.line-node-card{background:linear-gradient(180deg,#15212bdb,#0d141ae6);border:1px solid rgba(95,126,150,.2)}.meta-pill{border-radius:999px;padding:10px 14px;color:#d4dee4;display:inline-flex;align-items:center;gap:8px;font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 10px #54d9a2b3}.app-nav{display:flex;gap:6px;padding:6px;margin-top:12px;border-radius:10px;position:sticky;top:8px;z-index:5;border:1px solid rgba(121,184,255,.18)}.nav-link{padding:10px 16px;border-radius:7px;color:#9cacb8;transition:.18s ease;font-size:14px;border:1px solid transparent;position:relative;background:linear-gradient(180deg,#ffffff03,#ffffff05)}.nav-link.active,.nav-link:hover{background:linear-gradient(180deg,#3b6b918f,#15232eeb);color:var(--text);border-color:#79b8ff61;box-shadow:inset 0 0 0 1px #79b8ff24}.nav-link.active:after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg,#8bc4ff,#d8b36a)}.app-main{margin-top:12px}.route-loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(121,184,255,.18),transparent 28%),#03080dad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.route-loading-card{min-width:min(78vw,280px);display:grid;justify-items:center;gap:14px;padding:24px 28px;border-radius:18px;border:1px solid rgba(121,184,255,.28);background:linear-gradient(180deg,#101b24f5,#060c12fa),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 18px);box-shadow:inset 0 1px #ffffff14,0 24px 80px #0000007a,0 0 42px #79b8ff1f}.route-loading-orbit{position:relative;width:62px;height:62px;border-radius:50%;border:1px solid rgba(121,184,255,.18);background:radial-gradient(circle,rgba(121,184,255,.16),transparent 58%)}.route-loading-orbit:before,.route-loading-orbit:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:2px solid transparent}.route-loading-orbit:before{border-top-color:#79b8ff;border-right-color:#79b8ff94;animation:routeLoadingSpin .78s linear infinite}.route-loading-orbit:after{top:18px;right:18px;bottom:18px;left:18px;border-bottom-color:var(--gold);border-left-color:#d8b36a73;animation:routeLoadingSpin 1.1s linear infinite reverse}.route-loading-orbit span{position:absolute;top:25px;right:25px;bottom:25px;left:25px;border-radius:50%;background:#d8f0ff;box-shadow:0 0 16px #79b8ffe6}.route-loading-orbit i{position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 12px #54d9a2cc;transform:translate(-50%);transform-origin:50% 34px;animation:routeLoadingDot .78s linear infinite}.route-loading-copy{display:grid;gap:5px;text-align:center}.route-loading-copy strong{font-size:15px;letter-spacing:.12em}.route-loading-copy span{color:#8fa2b0;font-size:12px;letter-spacing:.08em}.mobile-tab-nav,.mobile-more-backdrop,.mobile-more-sheet{display:none}.page-stack{display:grid;gap:12px}.hero-panel{border-radius:12px;padding:18px 20px;display:flex;justify-content:space-between;gap:18px;align-items:center}.hero-panel.compact{padding:16px 18px}.industrial-hero{border-color:var(--border-strong)}.hero-copy{max-width:780px;color:#aeb8bd;line-height:1.6;margin:8px 0 0;font-size:14px}.hero-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr))}.hero-stat{min-width:150px;border-radius:8px;padding:12px 14px}.hero-stat span,.metric-title,.flow-grid span,.flow-loss,.alarm-item p,.section-head p,.quality-chip span,.equipment-grid span,.timeline-item p,.mobile-card span,.mobile-stage p,.mobile-alarm p,.mobile-hero span,.mobile-panel header span,.line-node-card p,.metric-bar p{color:var(--muted)}.hero-stat strong{display:block;margin-top:5px;font-size:18px}.metric-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.cockpit-priority-strip{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,1fr);gap:10px}.priority-metric-card{min-height:126px;border-color:#79b8ff57;background:radial-gradient(circle at top right,rgba(121,184,255,.12),transparent 38%),linear-gradient(180deg,#14222dfa,#091016f5)}.priority-metric-card .metric-row strong{font-size:clamp(30px,3.3vw,42px)}.priority-metric-card .metric-title{color:#d2dde6;letter-spacing:.08em}.cockpit-secondary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid-dense{grid-template-columns:repeat(6,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border-radius:8px;padding:14px;background:linear-gradient(180deg,#111c24f5,#0a1117f0);border:1px solid var(--border);box-shadow:var(--shadow)}.metric-card.accent{border-color:#79b8ff42}.metric-card.success{border-color:#54d9a23d}.metric-card.warning{border-color:#ff9b5c42}.metric-row{display:flex;align-items:flex-end;gap:6px;margin-top:10px}.metric-row strong{font-size:clamp(22px,2.4vw,28px);line-height:1}.metric-row span{color:#b4c0c7;font-size:12px}.metric-delta{margin:10px 0 0;color:#d2dce1;font-size:12px}.section-card{border-radius:12px;padding:14px}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.section-head h2{margin:0;font-size:17px;letter-spacing:.03em}.section-head p{margin:5px 0 0;font-size:12px}.dense-main-grid{display:grid;gap:10px;grid-template-columns:2.2fr 1fr .95fr}.dense-chart-grid{display:grid;gap:10px;grid-template-columns:1.25fr 1fr 1fr}.dense-bottom-grid{display:grid;gap:10px;grid-template-columns:1.15fr 1fr}.dashboard-grid,.dashboard-grid.large{display:grid;gap:10px;grid-template-columns:1.4fr 1fr}.flow-board{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.flow-board-dense .flow-node{min-height:136px}.flow-node{border-radius:8px;padding:14px}.flow-node.running{box-shadow:inset 0 0 0 1px #54d9a21f}.flow-node.attention{box-shadow:inset 0 0 0 1px #ff9b5c29}.flow-top,.equipment-head,.alarm-head,.mobile-stage,.mobile-panel header,.line-node-head,.metric-bar-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.flow-top h3,.mobile-panel h3{margin:0;font-size:15px}.flow-grid,.equipment-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flow-grid strong,.equipment-grid strong,.quality-chip strong,.mobile-card strong,.line-node-card strong{display:block;margin-top:5px}.flow-loss{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);font-size:12px}.status-badge{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.status-badge.running{background:#54d9a21f;color:#83efbf}.status-badge.idle{background:#79b8ff1f;color:#a3ccff}.status-badge.attention{background:#ff9b5c1f;color:#ffbf96}.status-badge.down{background:#ff676724;color:#ff9e9e}.alarm-list,.equipment-list,.insight-panel,.timeline,.mobile-alarm-list,.mobile-stage-list,.metric-bar-list{display:grid;gap:8px}.alarm-item,.insight-item,.timeline-item,.equipment-item,.mobile-alarm,.mobile-stage,.line-node-card,.metric-bar{border-radius:8px;padding:12px}.alarm-item-tight{padding:10px}.alarm-list-tight{max-height:332px;overflow:auto}.alarm-time,.timeline-date{color:#ced6db;font-size:12px}.alarm-level{font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 7px;border-radius:4px;border:1px solid transparent}.alarm-level.high{color:#ffd7d7;background:#ff343438;border-color:#ff343466}.alarm-level.medium{color:#ffe2b8;background:#ff9b2438;border-color:#ff9b2461}.alarm-level.low{color:#bbf5df;background:#54d9a226;border-color:#54d9a23d}.alarm-item.high{border-color:#ff34346b;background:linear-gradient(180deg,#3a1212f0,#190c0ceb),linear-gradient(90deg,rgba(255,52,52,.08),transparent 40%)}.alarm-item.medium{border-color:#ff9b2461;background:linear-gradient(180deg,#352010f0,#180f0aeb),linear-gradient(90deg,rgba(255,155,36,.08),transparent 40%)}.alarm-item.low{border-color:#54d9a238}.quality-summary{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;align-items:center}.quality-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quality-chip,.mobile-card{border-radius:8px;padding:12px}.metric-bar{padding:10px 12px}.metric-bar-head span{font-size:12px}.metric-bar-head strong{font-size:14px}.metric-bar-track{position:relative;margin-top:8px;height:9px;border-radius:999px;background:#ffffff0f;overflow:hidden}.metric-bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--success))}.metric-bar-track em{position:absolute;top:-3px;width:2px;height:15px;background:var(--gold);box-shadow:0 0 8px #d8b36a73}.metric-bar p{margin:6px 0 0;font-size:11px}.metric-bar.warn .metric-bar-track i{background:linear-gradient(90deg,#4a89bf,var(--warning))}.metric-bar.danger .metric-bar-track i{background:linear-gradient(90deg,var(--warning),var(--danger))}.table-card{overflow-x:auto}.ai-brief-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.ai-brief-grid.compact{gap:8px}.ai-brief-hero,.ai-brief-item{padding:14px;border:1px solid rgba(95,126,150,.2);background:linear-gradient(180deg,#121f29eb,#0b1218f5)}.ai-brief-hero.compact,.ai-brief-item.compact{padding:10px 12px}.ai-brief-label,.ai-brief-item span{display:block;color:#d8b36a;font-size:12px;letter-spacing:.08em}.ai-brief-hero strong{display:block;margin-top:10px;font-size:20px;line-height:1.65;color:#eef5f8}.ai-brief-hero.compact strong{margin-top:6px;font-size:16px;line-height:1.55}.ai-brief-list{display:grid;gap:10px}.ai-brief-list.compact{gap:8px}.ai-brief-item p{margin:8px 0 0;color:#bcc9cf;line-height:1.65}.ai-brief-item.compact p{margin-top:5px;font-size:12px;line-height:1.5}.ai-brief-item.action{border-color:#d8b36a38}.table-card-compact table{font-size:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid rgba(255,255,255,.06)}th{color:#c8d2d8;font-weight:600;font-size:12px}td{font-size:12px}.equipment-item p{color:var(--muted);margin:6px 0 0}.equipment-foot{margin-top:12px}.health-bar{margin-top:8px;height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden}.health-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),var(--gold))}.timeline-item{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:start}.chart{width:100%}.line-visual-layout{display:grid;gap:10px;grid-template-columns:2.1fr .95fr;align-items:stretch}.line-main-panel{display:grid;gap:10px;align-self:stretch}.line-side-panel{display:grid;gap:10px;grid-template-rows:minmax(366px,auto) 1fr;align-self:stretch}.line-canvas{position:relative;min-height:460px;border-radius:8px;border:1px solid rgba(121,184,255,.16);background:radial-gradient(circle at 18% 24%,rgba(59,107,145,.22),transparent 0 24%),radial-gradient(circle at 76% 20%,rgba(84,217,162,.08),transparent 0 18%),linear-gradient(180deg,#0e181ff0,#080e13f5),linear-gradient(90deg,rgba(59,107,145,.1),transparent 25%,rgba(84,217,162,.04));overflow:hidden}.line-canvas:before,.line-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.line-canvas:before{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px;opacity:.18}.line-canvas:after{pointer-events:none;background:linear-gradient(115deg,transparent 14%,rgba(121,184,255,.05) 50%,transparent 86%);transform:translate(-100%);animation:lineCanvasSweep 8s linear infinite}.line-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.line-svg-label{fill:#a7c5df;font-size:2.3px;letter-spacing:.02em;paint-order:stroke;stroke:#070d12d9;stroke-width:.28px}.line-path-glow{stroke:#79b8ff3d;stroke-width:1.5;stroke-linecap:round;filter:blur(2px)}.line-path-glow.attention{stroke:#ff9b5c57}.line-path{stroke-width:.8;stroke-linecap:round;stroke-dasharray:3.2 2;animation:linePathFlow 4.8s linear infinite}.line-path.attention{stroke-dasharray:4.4 1.8}.line-path.idle{opacity:.7}.line-node-card{position:absolute;z-index:1;padding:10px;border-radius:8px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.line-node-card.running{border-color:#54d9a247}.line-node-card.attention{border-color:#ff9b5c52;box-shadow:0 16px 42px #00000057,0 0 20px #ff9b5c1f}.line-node-card.idle{border-color:#79b8ff42}.line-node-head p{margin:0;font-size:11px}.line-node-head strong{font-size:13px}.line-node-image-wrap{margin-top:8px;height:104px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff08,#ffffff04);border-radius:6px;overflow:hidden}.line-node-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.line-node-placeholder{margin-top:8px;height:104px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#79b8ff1f,#3b6b9114),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 8px,transparent 8px,transparent 16px);border:1px dashed rgba(121,184,255,.22)}.line-node-placeholder span{color:#c2d8ec;letter-spacing:.04em;font-size:12px}.line-node-foot{margin-top:8px;font-size:12px;line-height:1.45}.line-chart-grid{grid-template-columns:1fr 1fr;align-items:start}.line-chart-primary,.line-chart-secondary{height:fit-content}.mobile-shell{max-width:420px;margin:0 auto;display:grid;gap:12px;position:relative}.mobile-hero{border-radius:12px;padding:18px}.mobile-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-panel{border-radius:12px;padding:14px}.side-metrics-card{padding-bottom:6px}.compact-metric-bar-list{gap:4px}.side-metrics-card .metric-bar{padding:6px 8px}.side-metrics-card .metric-bar-head span{font-size:11px}.side-metrics-card .metric-bar-head strong{font-size:12px}.side-metrics-card .metric-bar-track{margin-top:4px;height:6px}.side-metrics-card .metric-bar p{margin-top:2px;font-size:9px;line-height:1.2}.cockpit-command-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:10px;align-items:stretch}.cockpit-hero{min-height:0;align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) 300px;padding:13px 14px}.cockpit-hero:after,.cockpit-card:after{content:"";position:absolute;top:-40%;right:-18%;bottom:-40%;left:-18%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(121,184,255,.12) 48%,rgba(84,217,162,.08) 52%,transparent 62%);transform:translate(-62%) skew(-10deg);opacity:.48;animation:cockpitSweep 8.5s cubic-bezier(.55,0,.2,1) infinite}.cockpit-card:after{top:-50%;right:-30%;bottom:-50%;left:-30%;opacity:.22;animation-duration:11s}.cockpit-hero-main,.cockpit-hero-stats,.cockpit-card>*{position:relative;z-index:1}.cockpit-hero-main{display:grid;align-content:start;min-width:0}.cockpit-hero h2{margin-top:3px;font-size:clamp(21px,1.9vw,28px);line-height:1.18}.cockpit-hero .hero-copy{max-width:720px;margin-top:6px;font-size:12px;line-height:1.45}.cockpit-hero-stats{align-content:stretch;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.cockpit-hero-stats .hero-stat{min-width:0;padding:8px 10px}.cockpit-hero-stats .hero-stat strong{margin-top:4px;font-size:14px;line-height:1.25}.cockpit-signal-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.cockpit-signal-row span{min-width:0;padding:7px 9px;border-radius:7px;color:var(--muted);font-size:11px;line-height:1.35;background:#79b8ff0e;border:1px solid rgba(121,184,255,.13);overflow:hidden;position:relative}.cockpit-signal-row span:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,var(--accent),var(--success));box-shadow:0 0 12px #54d9a273}.cockpit-signal-row strong{display:block;margin-top:3px;color:#eef6fa;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cockpit-ai-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}.cockpit-ai-grid .ai-brief-list{grid-template-columns:1fr}.cockpit-ai-grid .ai-brief-list:last-child{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-ai-grid .ai-brief-hero.compact strong{font-size:14px;line-height:1.42}.cockpit-workbench-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:10px;align-items:stretch}.cockpit-primary-column,.cockpit-side-column{display:grid;gap:10px;min-width:0}.cockpit-primary-column,.cockpit-side-column{align-content:start}.cockpit-chart-row{grid-column:1 / -1;display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:10px;min-width:0}.cockpit-card{overflow:hidden}.dense-page>.metric-grid .metric-card{position:relative;overflow:hidden}.dense-page>.metric-grid .metric-card:after{content:"";position:absolute;top:-30%;bottom:-30%;left:-60%;width:38%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-18deg);animation:cockpitCardGlint 7s ease-in-out infinite}.dense-page>.metric-grid .metric-card:nth-child(2n):after{animation-delay:1.2s}.flow-panel .section-body{min-height:0}.flow-board-dense{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.flow-board-dense .flow-node{min-height:118px;padding:10px}.flow-node{position:relative;overflow:hidden}.flow-node:after{content:"";position:absolute;inset:auto 10px 8px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(121,184,255,.58),transparent);transform:translate(-120%);opacity:0}.flow-node.running:after{animation:cockpitDataTrace 3.6s ease-in-out infinite}.flow-node.attention:after{background:linear-gradient(90deg,transparent,rgba(255,155,92,.72),transparent);animation:cockpitDataTrace 2.4s ease-in-out infinite}.flow-node.attention{animation:cockpitAttentionPulse 2.8s ease-in-out infinite}.compact-chart-card .section-head,.cockpit-rail-card .section-head{margin-bottom:7px}.compact-chart-card{padding-bottom:8px}.cockpit-rail-card{padding:11px}.cockpit-alarm-list{gap:6px}.cockpit-alarm-list .alarm-item{padding:8px 9px}.cockpit-alarm-list .alarm-item strong{display:block;margin-top:6px;font-size:13px}.cockpit-alarm-list .alarm-item p{margin:5px 0 0;font-size:11px;line-height:1.45}.cockpit-quality-list{gap:5px}.cockpit-quality-list .metric-bar{padding:6px 8px}.metric-bar-head.inline{align-items:baseline}.metric-bar-value-group{display:inline-grid;justify-items:end;gap:1px}.metric-bar-value-group strong{font-size:12px}.metric-bar-value-group em{color:var(--muted);font-size:9px;font-style:normal}.metric-bar-track i{transform-origin:left center;animation:cockpitMetricFill .78s cubic-bezier(.2,.8,.2,1) backwards}.cockpit-trace-table th,.cockpit-trace-table td{padding:6px}.cockpit-trace-table td:first-child{color:#dce8ee;font-family:Consolas,Fira Code,monospace;font-size:11px}.cockpit-trace-table td:nth-child(3){color:var(--success);font-weight:700}.mobile-stage,.mobile-alarm{padding:12px}@media (max-width: 1280px){.cockpit-command-grid{grid-template-columns:1fr}.cockpit-ai-grid{grid-template-columns:1.1fr 1fr}.cockpit-ai-grid .ai-brief-list,.cockpit-workbench-grid{grid-template-columns:1fr}.cockpit-side-column{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.cockpit-chart-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.cockpit-side-column,.cockpit-ai-grid{grid-template-columns:1fr}.cockpit-chart-row,.cockpit-signal-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1360px){.metric-grid-dense,.dense-main-grid,.dense-chart-grid,.dense-bottom-grid,.line-visual-layout,.line-main-panel,.line-chart-grid,.quality-summary{grid-template-columns:1fr}.dense-page>.metric-grid.metric-grid-dense{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1200px){.metric-grid,.cockpit-priority-strip,.compact-grid,.flow-board,.dashboard-grid,.dashboard-grid.large{grid-template-columns:1fr}.app-header,.hero-panel{flex-direction:column;align-items:stretch}.header-title-row{align-items:flex-start}.line-canvas{min-height:900px}.dense-page>.metric-grid.metric-grid-dense{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-board.flow-board-dense{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.app-shell{padding:12px 10px 104px}.app-nav{display:none}.mobile-route-shell .app-main{padding-bottom:112px}.mobile-tab-nav{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:55;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px;border-radius:18px;border:1px solid rgba(121,184,255,.22);background:linear-gradient(180deg,#101b24f5,#070c12fa),linear-gradient(90deg,rgba(121,184,255,.08),transparent 48%,rgba(216,179,106,.06));box-shadow:inset 0 1px #ffffff0f,0 18px 44px #00000070;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-tab-link{min-width:0;min-height:44px;display:grid;place-items:center;border-radius:12px;color:#8fa2b0;border:1px solid transparent;background:#ffffff05;font-size:12px;font-weight:700}.mobile-tab-link.active{color:#f1f8fb;border-color:#79b8ff5c;background:radial-gradient(circle at top,rgba(121,184,255,.2),transparent 58%),linear-gradient(180deg,#2a4c67db,#0e1820f5);box-shadow:inset 0 -2px #79b8ff61}.mobile-tab-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit}.mobile-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:52;display:block;background:#02060a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-more-sheet{position:fixed;left:10px;right:10px;bottom:78px;z-index:56;display:grid;gap:8px;padding:12px;border-radius:18px;border:1px solid rgba(121,184,255,.24);background:linear-gradient(180deg,#111e28fa,#070c12fc),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 16px);box-shadow:0 22px 54px #00000080;transform:translateY(18px);opacity:0;pointer-events:none;transition:.18s ease}.mobile-more-sheet.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-more-sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:4px}.mobile-more-sheet-head span{display:block;color:var(--gold);font-size:11px;letter-spacing:.1em}.mobile-more-sheet-head strong{display:block;margin-top:3px;font-size:15px}.mobile-more-sheet-head button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(121,184,255,.2);border-radius:999px;padding:7px 11px;color:#c7d9e5;font:inherit;font-size:12px;cursor:pointer;background:#79b8ff14}.mobile-more-link{display:grid;gap:4px;padding:11px 12px;border-radius:12px;border:1px solid rgba(121,184,255,.14);background:linear-gradient(180deg,#15222ce0,#0b1218eb)}.mobile-more-link.active{border-color:#d8b36a57;box-shadow:inset 3px 0 #d8b36ac7}.mobile-more-link strong{font-size:14px}.mobile-more-link span{color:var(--muted);font-size:12px}.ai-agent-widget{bottom:84px}.hero-actions-grid,.metric-grid,.cockpit-priority-strip,.metric-grid-dense,.compact-grid,.quality-metrics,.mobile-card-grid{grid-template-columns:1fr 1fr}.cockpit-hero{grid-template-columns:1fr}.dense-page>.metric-grid.metric-grid-dense{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-chart-row,.cockpit-side-column,.timeline-item{grid-template-columns:1fr}.line-canvas{min-height:1040px}.line-node-card{width:min(72vw,240px)!important}}@media (max-width: 560px){.app-header,.app-nav,.hero-panel,.section-card,.mobile-panel,.mobile-hero{border-radius:10px}.hero-actions-grid,.metric-grid,.cockpit-priority-strip,.metric-grid-dense,.compact-grid,.quality-metrics,.mobile-card-grid{grid-template-columns:1fr}.app-header h1,.hero-panel h2,.mobile-hero h2{font-size:22px}.line-canvas{min-height:1100px}.cockpit-hero-stats{min-width:0}.cockpit-signal-row{grid-template-columns:1fr}.dense-page>.metric-grid.metric-grid-dense{grid-template-columns:1fr}.flow-board.flow-board-dense,.cockpit-ai-grid .ai-brief-list{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@keyframes routeLoadingSpin{to{transform:rotate(360deg)}}@keyframes routeLoadingDot{to{transform:translate(-50%) rotate(360deg)}}@keyframes cockpitSweep{0%,38%{transform:translate(-62%) skew(-10deg)}64%,to{transform:translate(62%) skew(-10deg)}}@keyframes cockpitCardGlint{0%,58%{left:-60%;opacity:0}67%{opacity:.8}82%,to{left:122%;opacity:0}}@keyframes cockpitKpiScan{0%,52%{opacity:0;transform:translate(-100%)}62%{opacity:.42}82%,to{opacity:0;transform:translate(100%)}}@keyframes cockpitDataTrace{0%{opacity:0;transform:translate(-120%)}28%,62%{opacity:1}to{opacity:0;transform:translate(120%)}}@keyframes cockpitAttentionPulse{0%,to{box-shadow:inset 0 0 0 1px #ff9b5c29,0 0 #ff9b5c00}50%{box-shadow:inset 0 0 0 1px #ff9b5c57,0 0 18px #ff9b5c1f}}@keyframes cockpitMetricFill{0%{transform:scaleX(.18)}to{transform:scaleX(1)}}.dense-page{gap:10px}.cockpit-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr) 300px;gap:10px;align-items:stretch;min-height:0;padding:12px}.cockpit-hero .hero-copy{max-width:720px;margin-top:5px;font-size:12px;line-height:1.45}.cockpit-hero h2{margin-top:3px;font-size:clamp(21px,1.8vw,28px);line-height:1.18}.cockpit-signal-row,.cockpit-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}.cockpit-signal-row span,.cockpit-hero-stats .hero-stat{min-width:0;border-radius:7px;padding:8px 9px}.cockpit-signal-row span{background:#79b8ff0e;border:1px solid rgba(121,184,255,.13)}.cockpit-hero-stats .hero-stat strong,.cockpit-signal-row strong{margin-top:3px;font-size:13px;line-height:1.25}.cockpit-kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.cockpit-kpi-card{--kpi-color: #79b8ff;position:relative;min-height:108px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:1fr 28px 4px;column-gap:8px;padding:10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--kpi-color) 28%,rgba(255,255,255,.08));background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--kpi-color) 18%,transparent),transparent 34%),linear-gradient(135deg,#14222df5,#070e14f0);box-shadow:0 14px 30px #00000038}.cockpit-kpi-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 18%,rgba(255,255,255,.08) 20%,transparent 24%),repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.035) 13px 14px);opacity:.38;transform:translate(-100%);animation:cockpitKpiScan 6.8s ease-in-out infinite}.cockpit-kpi-card:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none;border-radius:8px;border:1px solid rgba(255,255,255,.045)}.cockpit-kpi-card.gold{--kpi-color: #d8b36a}.cockpit-kpi-card.green{--kpi-color: #54d9a2}.cockpit-kpi-card.cyan{--kpi-color: #4fd1e8}.cockpit-kpi-card.orange{--kpi-color: #ff9b5c}.cockpit-kpi-card.purple{--kpi-color: #b69cff}.cockpit-kpi-copy,.cockpit-kpi-visual,.cockpit-kpi-spark,.cockpit-kpi-bar{position:relative;z-index:1}.cockpit-kpi-copy{min-width:0}.cockpit-kpi-copy p{margin:0;color:#aab8c1;font-size:12px;letter-spacing:.06em}.cockpit-kpi-value{display:flex;align-items:flex-end;gap:4px;margin-top:8px}.cockpit-kpi-value strong{color:#f5f8fa;font-size:clamp(22px,1.9vw,30px);line-height:.92;letter-spacing:-.04em}.cockpit-kpi-value span,.cockpit-kpi-copy small{color:#9facb4;font-size:10px}.cockpit-kpi-copy small{display:block;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cockpit-kpi-visual{display:grid;place-items:center;align-self:start}.cockpit-kpi-ring{width:46px;height:46px;transform:rotate(-90deg);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--kpi-color) 24%,transparent))}.cockpit-kpi-ring circle{fill:none;stroke:#ffffff1a;stroke-width:4}.cockpit-kpi-ring .active{stroke:var(--kpi-color);stroke-linecap:round;stroke-dasharray:138;stroke-dashoffset:var(--kpi-dash-offset);transition:stroke-dashoffset .58s ease}.cockpit-kpi-visual span{position:absolute;color:#e7f1f6;font-size:10px;font-weight:800}.cockpit-kpi-spark{grid-column:1 / -1;width:100%;height:28px;align-self:end;opacity:.92}.cockpit-kpi-spark polyline{fill:none;stroke:var(--kpi-color);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--kpi-color) 36%,transparent))}.cockpit-kpi-bar{grid-column:1 / -1;height:4px;overflow:hidden;border-radius:999px;background:#ffffff14}.cockpit-kpi-bar span{display:block;width:var(--kpi-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kpi-color),rgba(255,255,255,.82));box-shadow:0 0 14px color-mix(in srgb,var(--kpi-color) 52%,transparent);animation:cockpitMetricFill .65s ease-out backwards;transform-origin:left center}.cockpit-flow-section{width:100%}.flow-board.flow-board-dense{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.flow-board.flow-board-dense .flow-node{min-height:132px;padding:10px}.flow-board.flow-board-dense .flow-grid{gap:8px}.cockpit-chart-grid,.cockpit-info-grid{display:grid;gap:10px;min-width:0}.cockpit-chart-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cockpit-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.cockpit-info-card,.compact-chart-card{min-width:0}.cockpit-info-card{height:100%;display:flex;flex-direction:column}.cockpit-info-card .section-body{flex:1}.cockpit-info-card .section-head,.compact-chart-card .section-head{margin-bottom:8px}.cockpit-ai-grid{display:grid;grid-template-columns:1fr;gap:6px}.cockpit-ai-grid .ai-brief-list,.cockpit-ai-grid .ai-brief-list:last-child{display:grid;grid-template-columns:1fr;gap:6px}.cockpit-ai-grid .ai-brief-hero.compact,.cockpit-ai-grid .ai-brief-item.compact{padding:7px 8px}.cockpit-ai-grid .ai-brief-hero.compact strong{font-size:13px;line-height:1.4}.cockpit-alarm-list,.cockpit-quality-list{gap:5px}.cockpit-alarm-list .alarm-item{padding:6px 8px}.cockpit-alarm-list .alarm-item strong{display:block;margin-top:5px;font-size:13px}.cockpit-alarm-list .alarm-item p,.cockpit-ai-grid .ai-brief-item.compact p{margin-top:4px;font-size:11px;line-height:1.34}.cockpit-quality-list .metric-bar{padding:5px 8px}.cockpit-trace-table th,.cockpit-trace-table td{padding:6px 5px;white-space:nowrap}.cockpit-trace-table th:nth-child(2),.cockpit-trace-table td:nth-child(2){max-width:72px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1440px){.cockpit-hero{grid-template-columns:1fr 1fr}.cockpit-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.cockpit-hero-stats{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.flow-board.flow-board-dense{grid-template-columns:repeat(3,minmax(0,1fr))}.cockpit-chart-grid,.cockpit-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.cockpit-hero,.cockpit-hero-stats,.cockpit-signal-row,.cockpit-kpi-strip,.cockpit-chart-grid,.cockpit-info-grid{grid-template-columns:1fr}.cockpit-kpi-card{min-height:100px}.flow-board.flow-board-dense{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.cockpit-hero{padding:11px}.flow-board.flow-board-dense,.dense-page>.metric-grid.metric-grid-dense{grid-template-columns:1fr}}.section-card,.metric-card,.mobile-panel,.mobile-card,.mobile-stage,.mobile-alarm,.equipment-item,.insight-item,.timeline-item,.alarm-item,.metric-bar,.quality-chip,.line-node-card,.device-card,.control-device-card,.screen-panel,.screen-kpi-card,.screen-stage-node,.screen-alarm-item,.screen-device-item,.ai-report-paper,.report-chart-block{position:relative;overflow:hidden}.section-card:not(.cockpit-card):after,.hero-panel:not(.cockpit-hero):after,.mobile-panel:after,.mobile-hero:after,.device-card:after,.control-device-card:after,.screen-panel:after,.screen-kpi-card:after,.report-chart-block:after{content:"";position:absolute;top:-44%;right:-28%;bottom:-44%;left:-28%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(121,184,255,.1) 48%,rgba(84,217,162,.06) 52%,transparent 62%);transform:translate(-62%) skew(-10deg);opacity:.22;animation:cockpitSweep 10.5s cubic-bezier(.55,0,.2,1) infinite}.hero-panel:not(.cockpit-hero):after,.mobile-hero:after,.screen-kpi-card:after{opacity:.34;animation-duration:8.8s}.metric-card:after,.mobile-card:after,.quality-chip:after,.screen-stage-node:after,.screen-device-item:after,.device-card:before,.control-device-card:before{content:"";position:absolute;top:-34%;bottom:-34%;left:-64%;width:36%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-18deg);animation:cockpitCardGlint 7.6s ease-in-out infinite}.metric-card:nth-child(2n):after,.mobile-card:nth-child(2n):after,.quality-chip:nth-child(2n):after,.screen-stage-node:nth-child(2n):after,.screen-device-item:nth-child(2n):after,.device-card:nth-child(2n):before,.control-device-card:nth-child(2n):before{animation-delay:1.3s}.alarm-item:after,.mobile-alarm:after,.screen-alarm-item:after,.metric-bar:after,.mobile-stage:after,.insight-item:after,.timeline-item:after{content:"";position:absolute;inset:auto 9px 7px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(121,184,255,.52),transparent);transform:translate(-120%);opacity:0;animation:cockpitDataTrace 4.2s ease-in-out infinite}.alarm-item.high,.alarm-item.medium,.mobile-alarm,.screen-alarm-item.high,.screen-alarm-item.medium,.device-card.tone-critical,.device-card.tone-warning,.control-device-card.tone-critical,.control-device-card.tone-warning{animation:cockpitAttentionPulse 3.2s ease-in-out infinite}.section-card:not(.cockpit-card):after,.mobile-panel:after,.device-card:after,.control-device-card:after,.report-chart-block:after,.metric-card:after,.mobile-card:after,.quality-chip:after,.screen-stage-node:after,.screen-device-item:after,.device-card:before,.control-device-card:before,.metric-bar:after,.insight-item:after,.timeline-item:after{animation:none;opacity:0}.alarm-item.low:after,.mobile-alarm:after,.screen-alarm-item.low:after{animation:none;opacity:0}.alarm-item.low,.mobile-alarm,.screen-alarm-item.low{animation:none}.metric-bar-track i,.health-bar i,.screen-load-track i{transform-origin:left center;animation:cockpitMetricFill .76s cubic-bezier(.2,.8,.2,1) backwards}.line-visual-layout{grid-template-columns:minmax(0,1.72fr) minmax(300px,.68fr);align-items:stretch}.line-main-panel{min-width:0}.line-side-panel{min-width:0;grid-template-rows:auto 1fr;align-content:start}.line-side-panel .section-card{padding:11px}.line-side-panel .section-head{margin-bottom:8px}.line-side-panel .section-head h2{font-size:15px}.line-side-panel .section-head p{margin-top:3px;font-size:11px}.line-side-panel .alarm-list-tight{gap:5px;max-height:236px;overflow:auto;padding-right:2px}.line-side-panel .alarm-item-tight{display:grid;grid-template-columns:52px 26px minmax(68px,.72fr) minmax(0,1.35fr);align-items:center;gap:6px;padding:6px 8px;border-radius:7px}.line-side-panel .alarm-head{display:contents}.line-side-panel .alarm-time{font-size:11px;white-space:nowrap}.line-side-panel .alarm-level{padding:2px 6px;font-size:10px}.line-side-panel .alarm-item-tight strong{display:block;margin:0;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-side-panel .alarm-item-tight p{margin:0;font-size:11px;line-height:1.28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-side-panel .side-metrics-card{min-height:0}.line-side-panel .compact-metric-bar-list{gap:5px}.line-side-panel .metric-bar{padding:6px 8px}.line-side-panel .metric-bar-track{height:6px;margin-top:5px}.line-side-panel .metric-bar p{margin-top:3px;line-height:1.2}.line-canvas{min-height:430px;isolation:isolate}.line-canvas .line-svg{z-index:1;pointer-events:none}.line-canvas .line-node-card{z-index:2;padding:8px;min-width:118px;max-width:168px}.line-canvas .line-node-head{gap:6px;align-items:flex-start}.line-canvas .line-node-head p{font-size:10px;line-height:1.2}.line-canvas .line-node-head strong{display:block;margin-top:2px;font-size:12px;line-height:1.25}.line-canvas .status-badge{padding:3px 6px;font-size:10px}.line-canvas .line-node-image-wrap,.line-canvas .line-node-placeholder{height:76px;margin-top:7px}.line-canvas .line-node-foot{margin-top:6px;font-size:11px;line-height:1.25}.line-canvas .line-node-foot span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.line-chart-grid .section-card{min-width:0}.line-canvas-structured{min-height:430px;padding:26px 24px 18px;display:grid;grid-template-rows:1fr auto;gap:18px;align-items:stretch;background:linear-gradient(90deg,rgba(121,184,255,.06) 0 1px,transparent 1px 12.5%),linear-gradient(0deg,rgba(121,184,255,.045) 0 1px,transparent 1px 16.5%),radial-gradient(circle at 12% 68%,rgba(84,217,162,.12),transparent 0 24%),radial-gradient(circle at 78% 28%,rgba(121,184,255,.16),transparent 0 28%),linear-gradient(180deg,#0a141bf5,#040a0ffa)}.line-canvas-structured:before{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(135deg,transparent 0 48%,rgba(121,184,255,.08) 49%,transparent 51% 100%);background-size:28px 28px,28px 28px,100% 100%;opacity:.28}.line-flow-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:center;min-height:300px}.line-flow-track:before,.line-flow-track:after{content:"";position:absolute;left:8%;right:8%;top:50%;height:6px;border-radius:999px;pointer-events:none}.line-flow-track:before{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 38%,rgba(0,0,0,.2)),#79b8ff1a;border:1px solid rgba(121,184,255,.16);box-shadow:inset 0 0 10px #79b8ff1f,0 0 18px #79b8ff1a}.line-flow-track:after{height:2px;margin-top:2px;background:linear-gradient(90deg,#79b8ff2e,#79b8ffd9,#54d9a2eb,#d8b36ab3,#79b8ff2e);box-shadow:0 0 18px #54d9a238,0 0 34px #79b8ff24;background-size:220% 100%;animation:lineRailFlow 4.8s linear infinite}.line-flow-cell{--node-signal: #54d9a2;--node-signal-soft: rgba(84, 217, 162, .2);position:relative;z-index:2;display:grid;align-items:center;justify-items:stretch;min-width:0}.line-flow-cell.attention{--node-signal: #ffb36b;--node-signal-soft: rgba(255, 179, 107, .24)}.line-flow-cell.idle{--node-signal: #79b8ff;--node-signal-soft: rgba(121, 184, 255, .2)}.line-flow-cell.lower{transform:translateY(46px)}.line-flow-cell:not(.lower){transform:translateY(-46px)}.line-flow-dot{position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:999px;background:var(--node-signal);border:2px solid rgba(8,14,19,.96);box-shadow:0 0 0 7px var(--node-signal-soft),0 0 16px var(--node-signal);transform:translate(-50%,-50%);animation:lineNodePulse 2.3s ease-in-out infinite}.line-flow-cell.attention .line-flow-dot{background:var(--node-signal);box-shadow:0 0 0 7px var(--node-signal-soft),0 0 16px var(--node-signal)}.line-flow-cell.idle .line-flow-dot{background:var(--node-signal);box-shadow:0 0 0 7px var(--node-signal-soft),0 0 14px var(--node-signal)}.line-flow-value{position:absolute;left:50%;top:calc(50% + 18px);transform:translate(-50%);z-index:3;padding:4px 8px;border-radius:999px;color:#dbeaf3;font-family:Consolas,Fira Code,monospace;font-size:12px;white-space:nowrap;background:#081016db;border:1px solid rgba(121,184,255,.18);box-shadow:0 0 14px #0000003d}.line-flow-cell:not(.lower) .line-flow-value{top:auto;bottom:calc(50% + 18px)}.line-canvas-structured .line-node-card{position:relative!important;isolation:isolate;left:auto!important;top:auto!important;width:auto!important;min-width:0;max-width:none;padding:9px;transform:none;overflow:hidden;border:1px solid color-mix(in srgb,var(--node-signal) 34%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 28%),repeating-linear-gradient(0deg,rgba(121,184,255,.035) 0 1px,transparent 1px 8px),linear-gradient(180deg,#0c1820e6,#050c12f2);box-shadow:inset 0 0 0 1px #ffffff06,inset 0 -18px 30px #0000002e,0 16px 34px #0000004d,0 0 22px var(--node-signal-soft)}.line-canvas-structured .line-node-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--node-signal-soft),transparent 24% 76%,var(--node-signal-soft)),linear-gradient(120deg,transparent 30%,rgba(255,255,255,.08),transparent 64%);opacity:.72}.line-canvas-structured .line-node-card:after{content:"";position:absolute;left:8px;right:8px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--node-signal),transparent);box-shadow:0 0 12px var(--node-signal)}.line-canvas-structured .line-node-image-wrap,.line-canvas-structured .line-node-placeholder{position:relative;height:82px;margin-top:7px;border:1px solid rgba(121,184,255,.12);background:radial-gradient(circle at 50% 80%,var(--node-signal-soft),transparent 0 46%),linear-gradient(180deg,#050b0f5c,#050b0fb8);box-shadow:inset 0 0 18px #00000047,0 8px 16px #00000038}.line-canvas-structured .line-node-image-wrap:after,.line-canvas-structured .line-node-placeholder:after{content:"";position:absolute;left:8%;right:8%;bottom:8px;height:8px;border-radius:50%;background:var(--node-signal-soft);filter:blur(7px)}.line-canvas-structured .line-node-foot{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:11px}.line-canvas-structured .line-node-foot em{color:var(--gold);font-style:normal;white-space:nowrap}.line-stage-chip{position:absolute;left:10px;top:-28px;z-index:4;padding:3px 8px;border-radius:999px;color:#dbeaf3;font-family:Consolas,Fira Code,monospace;font-size:10px;letter-spacing:.08em;background:#050c12db;border:1px solid color-mix(in srgb,var(--node-signal) 36%,transparent);box-shadow:0 0 14px var(--node-signal-soft)}.line-flow-cell.lower .line-stage-chip{top:auto;bottom:-28px}.line-node-load{position:relative;height:5px;margin-top:8px;overflow:hidden;border-radius:999px;background:#ffffff12;border:1px solid rgba(121,184,255,.08)}.line-node-load i{display:block;width:var(--node-load);height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(121,184,255,.72),var(--node-signal));box-shadow:0 0 12px var(--node-signal-soft)}.line-canvas-legend{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;background:linear-gradient(180deg,#0c1820db,#050c12e0);border:1px solid rgba(121,184,255,.16);color:#9fb0ba;font-size:11px;box-shadow:inset 0 0 18px #79b8ff0a}.line-canvas-legend i{height:1px;min-width:18px;background:linear-gradient(90deg,#79b8ff47,#54d9a294)}@media (max-width: 1180px){.line-visual-layout{grid-template-columns:1fr}.line-side-panel{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;align-items:start}.line-side-panel .alarm-list-tight{max-height:280px}.line-flow-track{gap:10px}}@media (max-width: 900px){.line-canvas-structured{min-height:0;padding:16px}.line-flow-track{grid-template-columns:1fr;gap:12px;min-height:0}.line-flow-track:before,.line-flow-track:after{left:50%;right:auto;top:16px;bottom:16px;width:6px;height:auto;transform:translate(-50%)}.line-flow-track:after{width:2px;margin:0 0 0 2px;background:linear-gradient(180deg,#79b8ff73,#54d9a2e0,#d8b36a9e)}.line-flow-cell,.line-flow-cell.lower,.line-flow-cell:not(.lower){transform:none}.line-flow-dot{left:50%;top:0}.line-flow-value,.line-flow-cell:not(.lower) .line-flow-value{left:auto;right:8px;top:-8px;bottom:auto;transform:none}.line-stage-chip,.line-flow-cell.lower .line-stage-chip{position:relative;left:0;top:auto;bottom:auto;width:fit-content;margin-bottom:8px}.line-canvas-legend{grid-template-columns:1fr;gap:4px}.line-canvas-legend i{display:none}}@media (max-width: 760px){.line-chart-grid,.line-side-panel{grid-template-columns:1fr}.line-side-panel .alarm-item-tight{grid-template-columns:54px 26px minmax(0,1fr)}.line-side-panel .alarm-item-tight p{grid-column:1 / -1;white-space:normal}.line-canvas{min-height:0}}@keyframes lineCanvasSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes linePathFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-28}}@keyframes lineRailFlow{0%{background-position:0% 0}to{background-position:180% 0}}@keyframes lineNodePulse{0%,to{filter:brightness(.92);opacity:.78}50%{filter:brightness(1.18);opacity:1}}