/* GENERATED — do not edit.
 * Source : src/vendor/k8s/styles.css
 * Build  : apps/purple-mlstudy/build.mjs -> scripts/scope-css.mjs
 *
 * Every rule below was rewritten to match only inside .pi-panel--k8s,
 * so the Kubernetes console styles cannot leak into the other tab. ':root',
 * 'html' and 'body' selectors were collapsed onto the panel element, and
 * '[data-theme]' hooks were lifted out to the document element, which the
 * shell owns. @keyframes names are prefixed 'k8s-'.
 *
 * Edit src/vendor/k8s/styles.css and re-run the build.
 */
.pi-panel--k8s{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#a855f729,#0000 32%),linear-gradient(#020617 0%,#0f172a 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}
.pi-panel--k8s,.pi-panel--k8s *{box-sizing:border-box}
.pi-panel--k8s{min-width:320px;min-height:100vh;margin:0}
.pi-panel--k8s button,.pi-panel--k8s a{outline-offset:3px}
.pi-panel--k8s #root{min-height:100vh}
.pi-panel--k8s .xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}
.pi-panel--k8s .xterm.focus,.pi-panel--k8s .xterm:focus{outline:none}
.pi-panel--k8s .xterm .xterm-helpers{z-index:5;position:absolute;top:0}
.pi-panel--k8s .xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}
.pi-panel--k8s .xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}
.pi-panel--k8s .xterm .composition-view.active{display:block}
.pi-panel--k8s .xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}
.pi-panel--k8s .xterm .xterm-screen{position:relative}
.pi-panel--k8s .xterm .xterm-screen canvas{position:absolute;top:0;left:0}
.pi-panel--k8s .xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}
.pi-panel--k8s .xterm.enable-mouse-events{cursor:default}
.pi-panel--k8s .xterm.xterm-cursor-pointer,.pi-panel--k8s .xterm .xterm-cursor-pointer{cursor:pointer}
.pi-panel--k8s .xterm.column-select.focus{cursor:crosshair}
.pi-panel--k8s .xterm .xterm-accessibility:not(.debug),.pi-panel--k8s .xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}
.pi-panel--k8s .xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}
.pi-panel--k8s .xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}
.pi-panel--k8s .xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}
.pi-panel--k8s .xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}
.pi-panel--k8s .xterm-dim{opacity:1!important}
.pi-panel--k8s .xterm-underline-1{text-decoration:underline}
.pi-panel--k8s .xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}
.pi-panel--k8s .xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}
.pi-panel--k8s .xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
.pi-panel--k8s .xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}
.pi-panel--k8s .xterm-overline{text-decoration:overline}
.pi-panel--k8s .xterm-overline.xterm-underline-1{text-decoration:underline overline}
.pi-panel--k8s .xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}
.pi-panel--k8s .xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}
.pi-panel--k8s .xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}
.pi-panel--k8s .xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}
.pi-panel--k8s .xterm-strikethrough{text-decoration:line-through}
.pi-panel--k8s .xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}
.pi-panel--k8s .xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}
.pi-panel--k8s .xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}
.pi-panel--k8s .xterm-decoration-top{z-index:2;position:relative}
.pi-panel--k8s .xterm .xterm-scrollable-element>.scrollbar{cursor:default}
.pi-panel--k8s .xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}
.pi-panel--k8s .xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}
.pi-panel--k8s .xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}
.pi-panel--k8s .xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}
.pi-panel--k8s .xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}
.pi-panel--k8s .xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}
.pi-panel--k8s .xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}
.pi-panel--k8s .xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}
.pi-panel--k8s .xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}
.pi-panel--k8s .app-shell{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}
.pi-panel--k8s .hero-panel,.pi-panel--k8s .panel{background:#0f172ae0;border:1px solid #94a3b82e;border-radius:1.25rem;box-shadow:0 18px 48px #0f172a3d}
.pi-panel--k8s .hero-panel{justify-content:space-between;gap:1.5rem;padding:2rem;display:flex}
.pi-panel--k8s .eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#c084fc;margin:0 0 .5rem;font-size:.8rem;font-weight:700}
.pi-panel--k8s .hero-panel h1{margin:0;font-size:clamp(2rem,4vw,3.5rem)}
.pi-panel--k8s .hero-copy{color:#cbd5e1;max-width:48rem;margin-top:1rem}
.pi-panel--k8s .hero-actions{flex-direction:column;justify-content:center;align-items:flex-start;gap:.85rem;display:flex}
.pi-panel--k8s .workspace-grid{grid-template-columns:1.05fr 1.35fr 1fr;gap:1.5rem;display:grid}
.pi-panel--k8s .panel{padding:1.5rem}
.pi-panel--k8s .panel-heading{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}
.pi-panel--k8s .learn-panel-header{align-items:flex-start}
.pi-panel--k8s .panel-heading h2,.pi-panel--k8s .panel h3{margin:0}
.pi-panel--k8s .panel-subtitle,.pi-panel--k8s .section-copy,.pi-panel--k8s .scenario-description,.pi-panel--k8s .scenario-goal,.pi-panel--k8s .feedback-card p,.pi-panel--k8s .hint-card p,.pi-panel--k8s .glossary-definition p,.pi-panel--k8s .field-list p,.pi-panel--k8s .hero-copy,.pi-panel--k8s .learn-section p{color:#cbd5e1}
.pi-panel--k8s .scenario-panel,.pi-panel--k8s .learn-panel{flex-direction:column;gap:1rem;display:flex}
.pi-panel--k8s .scenario-list{gap:.9rem;display:grid}
.pi-panel--k8s .scenario-list-scroll{padding-right:.35rem}
.pi-panel--k8s .mission-slider{flex-direction:column;gap:.75rem;display:flex}
.pi-panel--k8s .mission-slider-card{flex:1}
.pi-panel--k8s .mission-slider-nav{justify-content:center;align-items:center;gap:.6rem;display:flex}
.pi-panel--k8s .slider-arrow{color:#cbd5e1;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b838;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.35rem;line-height:1;transition:background .12s,border-color .12s;display:flex}
.pi-panel--k8s .slider-arrow:hover{color:#e9d5ff;background:#c084fc26;border-color:#c084fc80}
.pi-panel--k8s .slider-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}
.pi-panel--k8s .slider-dot{cursor:pointer;background:#94a3b84d;border:none;border-radius:50%;width:.5rem;height:.5rem;padding:0;transition:background .12s,transform .12s}
.pi-panel--k8s .slider-dot:hover{background:#c084fc80;transform:scale(1.25)}
.pi-panel--k8s .slider-dot-active{background:#c084fcd9;transform:scale(1.15)}
.pi-panel--k8s .scenario-card{background:#0f172a94;border:1px solid #94a3b82e;border-radius:1rem;padding:1rem}
.pi-panel--k8s .free-play-card{border-style:dashed}
.pi-panel--k8s .scenario-card-active{border-color:#c084fc99;box-shadow:inset 0 0 0 1px #c084fc33}
.pi-panel--k8s .scenario-card-top,.pi-panel--k8s .scenario-actions,.pi-panel--k8s .control-row,.pi-panel--k8s .terminal-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}
.pi-panel--k8s .difficulty-pill,.pi-panel--k8s .status-chip{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:.28rem .7rem;font-size:.78rem;display:inline-flex}
.pi-panel--k8s .difficulty-pill{color:#bfdbfe;background:#3b82f629}
.pi-panel--k8s .status-chip-idle{color:#e2e8f0;background:#94a3b82e}
.pi-panel--k8s .status-chip-broken{color:#fecaca;background:#ef44442e}
.pi-panel--k8s .status-chip-in-progress{color:#fde68a;background:#f59e0b2e}
.pi-panel--k8s .status-chip-passed{color:#bbf7d0;background:#22c55e2e}
.pi-panel--k8s .scenario-actions a,.pi-panel--k8s .docs-list a,.pi-panel--k8s .secondary-link{color:#c084fc;text-decoration:none}
.pi-panel--k8s .scenario-meta,.pi-panel--k8s .progress-copy{color:#94a3b8;font-size:.88rem}
.pi-panel--k8s .primary-button,.pi-panel--k8s .secondary-button,.pi-panel--k8s .ghost-button,.pi-panel--k8s .glossary-chip{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.9rem;transition:transform .15s,border-color .15s,background .15s}
.pi-panel--k8s .primary-button,.pi-panel--k8s .secondary-button,.pi-panel--k8s .ghost-button{padding:.7rem 1rem}
.pi-panel--k8s .primary-button{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed)}
.pi-panel--k8s .secondary-button{color:#f8fafc;background:#1e293be6;border-color:#94a3b840}
.pi-panel--k8s .ghost-button{color:#cbd5e1;background:0 0;border-color:#94a3b840}
.pi-panel--k8s .primary-button:hover,.pi-panel--k8s .secondary-button:hover,.pi-panel--k8s .ghost-button:hover,.pi-panel--k8s .glossary-chip:hover{border-color:#c084fc99;transform:translateY(-1px)}
.pi-panel--k8s .primary-button:disabled,.pi-panel--k8s .secondary-button:disabled,.pi-panel--k8s .ghost-button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.pi-panel--k8s .workspace-panel{flex-direction:column;gap:1rem;display:flex}
.pi-panel--k8s .workspace-heading{align-items:flex-start}
.pi-panel--k8s .workspace-status-block{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}
.pi-panel--k8s .mission-focus{color:#cbd5e1;text-align:left;max-width:42rem;font-size:.92rem}
.pi-panel--k8s .control-row{flex-wrap:wrap;justify-content:flex-start}
.pi-panel--k8s .terminal-card{background:#0f172a;border:1px solid #94a3b82e;border-radius:1rem;align-self:center;overflow:hidden}
.pi-panel--k8s .terminal-header{background:#1e293bf5;justify-content:flex-start;padding:.7rem .9rem}
.pi-panel--k8s .terminal-dot{border-radius:50%;width:.72rem;height:.72rem}
.pi-panel--k8s .terminal-dot-red{background:#f87171}
.pi-panel--k8s .terminal-dot-yellow{background:#fbbf24}
.pi-panel--k8s .terminal-dot-green{background:#4ade80}
.pi-panel--k8s .terminal-title{color:#cbd5e1;margin-left:.5rem;font-size:.92rem}
.pi-panel--k8s .terminal-host{min-height:19rem;padding:1rem}
.pi-panel--k8s .terminal-input-row{border-top:1px solid #94a3b824;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem 1rem;display:grid}
.pi-panel--k8s .terminal-prompt{color:#c084fc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem}
.pi-panel--k8s .terminal-input{color:#f8fafc;font:inherit;background:#0f172aeb;border:1px solid #94a3b840;border-radius:.85rem;padding:.8rem .95rem}
.pi-panel--k8s .terminal-input:focus{outline-offset:1px;outline:2px solid #c084fc61}
.pi-panel--k8s .terminal-quick-actions{flex-wrap:wrap;gap:.6rem;padding:0 1rem 1rem;display:flex}
.pi-panel--k8s .terminal-quick-button{padding:.45rem .8rem;font-size:.88rem}
.pi-panel--k8s .workspace-bottom{grid-template-columns:1fr 1fr;gap:1rem;display:grid}
.pi-panel--k8s .feedback-card,.pi-panel--k8s .hint-card,.pi-panel--k8s .glossary-definition,.pi-panel--k8s .solution-card{background:#0f172a94;border:1px solid #94a3b82e;border-radius:1rem;padding:1rem}
.pi-panel--k8s .feedback-list,.pi-panel--k8s .hint-card ol,.pi-panel--k8s .docs-list,.pi-panel--k8s .field-list{color:#e2e8f0;margin:.75rem 0 0;padding-left:1.1rem}
.pi-panel--k8s .learn-section{flex-direction:column;gap:.75rem;display:flex}
.pi-panel--k8s .dashboard-overview-grid,.pi-panel--k8s .dashboard-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}
.pi-panel--k8s .dashboard-card,.pi-panel--k8s .dashboard-focus-card,.pi-panel--k8s .dashboard-section-card,.pi-panel--k8s .dashboard-command-map{background:#0f172a94;border:1px solid #94a3b82e;border-radius:1rem;padding:1rem}
.pi-panel--k8s .dashboard-card-label{color:#c084fc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-size:.8rem;display:block}
.pi-panel--k8s .dashboard-card strong,.pi-panel--k8s .dashboard-section-card h4,.pi-panel--k8s .dashboard-focus-card h4,.pi-panel--k8s .dashboard-command-map h4{color:#f8fafc}
.pi-panel--k8s .dashboard-card p,.pi-panel--k8s .dashboard-focus-card p,.pi-panel--k8s .dashboard-section-card p,.pi-panel--k8s .dashboard-command-map p{color:#cbd5e1;margin-bottom:0}
.pi-panel--k8s .dashboard-focus-card code,.pi-panel--k8s .dashboard-resource-list code{color:#f8fafc;background:#1e293beb;border-radius:.5rem;margin:.35rem 0;padding:.3rem .5rem;display:inline-block}
.pi-panel--k8s .dashboard-section-card-focus{border-color:#c084fc99;box-shadow:inset 0 0 0 1px #c084fc33}
.pi-panel--k8s .dashboard-resource-list{color:#e2e8f0;margin:0;padding-left:1.2rem}
.pi-panel--k8s .dashboard-resource-list li{margin-bottom:.65rem}
.pi-panel--k8s .dashboard-resource-list span{color:#cbd5e1;display:block}
.pi-panel--k8s .k8s-dashboard-header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}
.pi-panel--k8s .k8s-dashboard-title{color:#f8fafc;margin:0;font-size:1rem}
.pi-panel--k8s .k8s-ns-selector{color:#c084fc;background:#a855f726;border:1px solid #a855f74d;border-radius:2rem;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.78rem;font-weight:600;display:flex}
.pi-panel--k8s .k8s-ns-icon{font-size:.85rem;font-style:normal}
.pi-panel--k8s .k8s-stat-bar{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1rem;display:grid}
.pi-panel--k8s .k8s-stat-pill{background:#0f172ab3;border:1px solid #94a3b824;border-radius:.75rem;align-items:center;gap:.5rem;padding:.65rem .8rem;display:flex}
.pi-panel--k8s .k8s-stat-icon{flex-shrink:0;font-size:.85rem;line-height:1}
.pi-panel--k8s .k8s-stat-icon-green{color:#22c55e}
.pi-panel--k8s .k8s-stat-icon-blue{color:#3b82f6}
.pi-panel--k8s .k8s-stat-icon-amber{color:#f59e0b}
.pi-panel--k8s .k8s-stat-icon-purple{color:#a855f7}
.pi-panel--k8s .k8s-stat-body{flex-direction:column;flex:1;min-width:0;display:flex}
.pi-panel--k8s .k8s-stat-value{color:#f8fafc;font-size:1.05rem;font-weight:700;line-height:1}
.pi-panel--k8s .k8s-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}
.pi-panel--k8s .k8s-ready-badge{color:#22c55e;white-space:nowrap;background:#22c55e26;border:1px solid #22c55e40;border-radius:.25rem;padding:.15rem .4rem;font-size:.65rem;font-weight:700}
.pi-panel--k8s .k8s-ns-pill{color:#c084fc;white-space:nowrap;text-overflow:ellipsis;background:#a855f726;border:1px solid #a855f740;border-radius:.25rem;max-width:5rem;padding:.15rem .4rem;font-size:.65rem;overflow:hidden}
.pi-panel--k8s .k8s-focus-callout{background:#0f172ab3;border:1px solid #94a3b824;border-radius:.75rem;gap:0;margin-bottom:1rem;display:flex;overflow:hidden}
.pi-panel--k8s .k8s-focus-accent{flex-shrink:0;width:4px}
.pi-panel--k8s .k8s-focus-body{flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}
.pi-panel--k8s .k8s-focus-section{text-transform:uppercase;letter-spacing:.09em;color:#94a3b8;font-size:.75rem;font-weight:700}
.pi-panel--k8s .k8s-focus-callout.k8s-focus-blue .k8s-focus-section{color:#3b82f6}
.pi-panel--k8s .k8s-focus-callout.k8s-focus-green .k8s-focus-section{color:#22c55e}
.pi-panel--k8s .k8s-focus-callout.k8s-focus-amber .k8s-focus-section{color:#f59e0b}
.pi-panel--k8s .k8s-focus-callout.k8s-focus-purple .k8s-focus-section{color:#a855f7}
.pi-panel--k8s .k8s-focus-command{color:#f8fafc;background:#1e293be6;border-radius:.45rem;padding:.25rem .6rem;font-size:.82rem;display:inline-block}
.pi-panel--k8s .k8s-focus-explanation{color:#94a3b8;margin:0;font-size:.82rem}
.pi-panel--k8s .k8s-section-card{background:#0f172a94;border:1px solid #94a3b824;border-radius:1rem;padding:.9rem 1rem;transition:border-color .2s,box-shadow .2s}
.pi-panel--k8s .k8s-section-focused{box-shadow:inset 0 0 0 1px rgba(var(--focus-rgb), .22)}
.pi-panel--k8s .k8s-focused-blue{--focus-rgb:59, 130, 246;border-color:#3b82f680}
.pi-panel--k8s .k8s-focused-green{--focus-rgb:34, 197, 94;border-color:#22c55e80}
.pi-panel--k8s .k8s-focused-amber{--focus-rgb:245, 158, 11;border-color:#f59e0b80}
.pi-panel--k8s .k8s-focused-purple{--focus-rgb:168, 85, 247;border-color:#a855f780}
.pi-panel--k8s .k8s-section-header{align-items:center;gap:.45rem;margin-bottom:.65rem;display:flex}
.pi-panel--k8s .k8s-section-header h4{color:#f8fafc;flex:1;margin:0;font-size:.88rem}
.pi-panel--k8s .k8s-section-icon{font-size:.95rem;line-height:1}
.pi-panel--k8s .k8s-count-pill{border-radius:.4rem;padding:.15rem .45rem;font-size:.65rem;font-weight:700}
.pi-panel--k8s .k8s-pill-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}
.pi-panel--k8s .k8s-pill-green{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}
.pi-panel--k8s .k8s-pill-amber{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}
.pi-panel--k8s .k8s-pill-purple{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}
.pi-panel--k8s .k8s-resource-rows{flex-direction:column;gap:.3rem;display:flex}
.pi-panel--k8s .k8s-resource-row{border-bottom:1px solid #94a3b812;align-items:center;gap:.45rem;min-width:0;padding:.2rem 0;font-size:.79rem;display:flex}
.pi-panel--k8s .k8s-resource-row:last-child{border-bottom:none}
.pi-panel--k8s .k8s-resource-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;max-width:7rem;font-weight:500;overflow:hidden}
.pi-panel--k8s .k8s-ns-badge{color:#64748b;white-space:nowrap;background:#94a3b81a;border-radius:.3rem;padding:.1rem .35rem;font-size:.65rem}
.pi-panel--k8s .k8s-resource-extra{color:#64748b;white-space:nowrap;margin-left:auto;font-size:.72rem}
.pi-panel--k8s .k8s-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}
.pi-panel--k8s .k8s-dot-green{background:#22c55e;box-shadow:0 0 4px #22c55e80}
.pi-panel--k8s .k8s-dot-amber{background:#f59e0b;box-shadow:0 0 4px #f59e0b80}
.pi-panel--k8s .k8s-dot-red{background:#ef4444;box-shadow:0 0 4px #ef444480}
.pi-panel--k8s .k8s-dot-grey{background:#475569}
.pi-panel--k8s .k8s-mission-row{border-bottom:1px solid #94a3b812;flex-direction:column;gap:.15rem;padding:.25rem 0;font-size:.78rem;display:flex}
.pi-panel--k8s .k8s-mission-row:last-child{border-bottom:none}
.pi-panel--k8s .k8s-mission-row code{color:#f8fafc;background:#1e293be6;border-radius:.4rem;padding:.15rem .4rem;font-size:.75rem;display:inline-block}
.pi-panel--k8s .k8s-mission-row span{color:#64748b}
.pi-panel--k8s .k8s-empty-hint{color:#475569;margin:.35rem 0 0;font-size:.78rem;font-style:italic}
.pi-panel--k8s .k8s-node-pool{background:#0f172a94;border:1px solid #94a3b824;border-radius:1rem;margin-top:.65rem;padding:.9rem 1rem}
.pi-panel--k8s .k8s-node-pool-header{align-items:center;gap:.45rem;margin-bottom:.75rem;display:flex}
.pi-panel--k8s .k8s-node-pool-header h4{color:#f8fafc;flex:1;margin:0;font-size:.88rem}
.pi-panel--k8s .k8s-node-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;display:grid}
.pi-panel--k8s .k8s-node-card{background:#1e293bb3;border:1px solid #94a3b81f;border-radius:.65rem;flex-direction:column;gap:.4rem;padding:.7rem;display:flex}
.pi-panel--k8s .k8s-node-header{align-items:center;gap:.4rem;display:flex}
.pi-panel--k8s .k8s-node-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;font-weight:600;overflow:hidden}
.pi-panel--k8s .k8s-role-badge{white-space:nowrap;border-radius:.3rem;padding:.1rem .35rem;font-size:.62rem;font-weight:700}
.pi-panel--k8s .k8s-role-cp{color:#c084fc;background:#a855f72e;border:1px solid #a855f740}
.pi-panel--k8s .k8s-role-worker{color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f640}
.pi-panel--k8s .k8s-usage-bar-row{align-items:center;gap:.35rem;font-size:.68rem;display:flex}
.pi-panel--k8s .k8s-usage-label{color:#64748b;flex-shrink:0;width:2rem}
.pi-panel--k8s .k8s-usage-track{background:#94a3b81f;border-radius:2px;flex:1;height:4px;overflow:hidden}
.pi-panel--k8s .k8s-usage-fill{border-radius:2px;height:100%;transition:width .4s}
.pi-panel--k8s .k8s-usage-pct{color:#64748b;text-align:right;flex-shrink:0;width:2.2rem}
.pi-panel--k8s .k8s-cli-map{background:#0f172a94;border:1px solid #94a3b824;border-radius:1rem;margin-top:.65rem;padding:.9rem 1rem}
.pi-panel--k8s .k8s-cli-map .k8s-section-header{margin-bottom:.65rem}
.pi-panel--k8s .k8s-cli-map .k8s-section-header h4{color:#f8fafc;font-size:.88rem}
.pi-panel--k8s .k8s-map-table{border-collapse:collapse;width:100%;font-size:.78rem}
.pi-panel--k8s .k8s-map-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #94a3b81f;padding:.3rem .5rem;font-size:.7rem}
.pi-panel--k8s .k8s-map-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #94a3b812;padding:.35rem .5rem}
.pi-panel--k8s .k8s-map-table tr:nth-child(2n) td{background:#1e293b4d}
.pi-panel--k8s .k8s-map-table tr:last-child td{border-bottom:none}
.pi-panel--k8s .k8s-map-table code{color:#f8fafc;white-space:nowrap;background:#1e293be6;border-radius:.4rem;padding:.15rem .4rem;font-size:.75rem}
.pi-panel--k8s .k8s-table-section-pill{white-space:nowrap;border-radius:.35rem;padding:.15rem .4rem;font-size:.68rem;font-weight:600}
.pi-panel--k8s .glossary-grid{flex-wrap:wrap;gap:.65rem;display:flex}
.pi-panel--k8s .learn-tabs{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}
.pi-panel--k8s .tab-button{color:#e2e8f0;cursor:pointer;background:#1e293be6;border:1px solid #94a3b840;border-radius:999px;padding:.45rem .85rem}
.pi-panel--k8s .tab-button-active{background:#a855f733;border-color:#c084fc99}
.pi-panel--k8s .glossary-chip{color:#e2e8f0;background:#1e293be6;border-color:#94a3b840;padding:.5rem .85rem}
.pi-panel--k8s .glossary-chip-selected{background:#a855f733;border-color:#c084fc99}
.pi-panel--k8s .field-list{padding-left:0;list-style:none}
.pi-panel--k8s .field-list li{border-left:3px solid #c084fc80;margin-bottom:.85rem;padding-left:.85rem}
.pi-panel--k8s .field-name{color:#f8fafc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.pi-panel--k8s .guide-list,.pi-panel--k8s .dictionary-list{color:#e2e8f0;margin:0;padding-left:1.2rem}
.pi-panel--k8s .dictionary-list li,.pi-panel--k8s .guide-list li{margin-bottom:.8rem}
.pi-panel--k8s .command-breakdown-list{color:#cbd5e1;margin:.5rem 0 0;padding-left:1.2rem}
.pi-panel--k8s .command-breakdown-list li{margin-bottom:.45rem}
.pi-panel--k8s .command-breakdown-list strong{color:#e9d5ff}
.pi-panel--k8s .command-breakdown-list code{margin:0 .2rem}
.pi-panel--k8s .dictionary-list code{color:#f8fafc;background:#1e293beb;border-radius:.5rem;margin-bottom:.45rem;padding:.3rem .5rem;display:inline-block}
.pi-panel--k8s .tutorial-card{background:#0f172a94;border:1px solid #94a3b82e;border-radius:1rem;padding:1rem}
.pi-panel--k8s .supplement-block{border-top:1px solid #94a3b82e;margin-top:1rem;padding-top:.75rem}
.pi-panel--k8s .supplement-block h4{color:#e9d5ff;margin:0 0 .5rem}
.pi-panel--k8s .supplement-block .guide-list{margin-top:.4rem}
.pi-panel--k8s .live-breakdown-card{background:#7c3aed14;border:1px solid #c084fc4d;border-radius:1rem;flex-direction:column;gap:.6rem;padding:1rem;display:flex}
.pi-panel--k8s .live-breakdown-label{text-transform:uppercase;letter-spacing:.1em;color:#c084fc;margin:0;font-size:.72rem;font-weight:700}
.pi-panel--k8s .live-breakdown-command{color:#e9d5ff;word-break:break-all;background:#0f172ad9;border-radius:.6rem;padding:.45rem .7rem;font-size:.88rem;display:block}
.pi-panel--k8s .live-breakdown-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}
.pi-panel--k8s .live-breakdown-item{border-left:2px solid #c084fc59;padding-left:.75rem}
.pi-panel--k8s .live-breakdown-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}
.pi-panel--k8s .live-breakdown-token{color:#f8fafc;background:#1e293beb;border-radius:.4rem;padding:.2rem .45rem;font-size:.82rem}
.pi-panel--k8s .live-breakdown-role{text-transform:uppercase;letter-spacing:.07em;color:#a78bfa;font-size:.72rem;font-weight:700}
.pi-panel--k8s .live-breakdown-explanation{color:#cbd5e1;margin:0 0 .25rem;font-size:.82rem;line-height:1.45}
.pi-panel--k8s .live-breakdown-example{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;font-size:.78rem;display:flex}
.pi-panel--k8s .live-breakdown-example-label{color:#64748b;font-style:italic}
.pi-panel--k8s .live-breakdown-example code{color:#c084fc;word-break:break-all;background:#0f172abf;border-radius:.35rem;padding:.15rem .35rem;font-size:.76rem}
.pi-panel--k8s .learn-panel-slider-nav{justify-content:center;align-items:center;gap:.6rem;margin-top:auto;padding-top:.25rem;display:flex}
.pi-panel--k8s .free-play-card-workspace{margin-top:.25rem}
.pi-panel--k8s .start-scenario-bar{background:#7c3aed12;border:1px solid #c084fc38;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}
.pi-panel--k8s .start-scenario-btn{letter-spacing:.01em;flex-shrink:0;padding:.75rem 1.35rem;font-size:.95rem}
.pi-panel--k8s .start-scenario-hint{color:#94a3b8;font-size:.83rem;line-height:1.4}
.pi-panel--k8s .start-scenario-hint strong{color:#e2e8f0}
.pi-panel--k8s .tutorial-step-count{color:#c084fc;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-size:.82rem}
.pi-panel--k8s .tutorial-actions{justify-content:space-between;gap:.75rem;margin-top:1rem;display:flex}
@media (width<=1200px){.pi-panel--k8s .workspace-grid,.pi-panel--k8s .workspace-bottom,.pi-panel--k8s .dashboard-overview-grid,.pi-panel--k8s .dashboard-section-grid{grid-template-columns:1fr}
.pi-panel--k8s .k8s-stat-bar{grid-template-columns:repeat(2,1fr)}}
@media (width<=768px){.pi-panel--k8s .app-shell{padding:1rem}
.pi-panel--k8s .hero-panel{flex-direction:column;padding:1.25rem}
.pi-panel--k8s .panel{padding:1rem}
.pi-panel--k8s .mission-focus{text-align:left;max-width:none}
.pi-panel--k8s .learn-tabs{justify-content:flex-start}
.pi-panel--k8s .workspace-status-block{align-items:flex-start}
.pi-panel--k8s .terminal-input-row{grid-template-columns:1fr}}