/* Approved B direction, completed for every working surface. */
:root[data-concept="b"]{--amber:#f0c574;--red:#ffa49c;--blue:#91b8ff;--teal-light:#234944}
:root[data-concept="b"] body{font-size:14px}
:root[data-concept="b"] .eyebrow{display:none}
:root[data-concept="b"] [data-action="theme-reference"]{display:none}
:root[data-concept="b"] .panel,:root[data-concept="b"] .source-grid>article,:root[data-concept="b"] .count-explainer{border-radius:4px;background:var(--paper);border-color:var(--line);box-shadow:none}
:root[data-concept="b"] .panelhead{background:var(--surface);padding:15px 18px;border-color:var(--line);border-radius:3px 3px 0 0}
:root[data-concept="b"] .panelhead h2{font-size:16px;letter-spacing:0;color:var(--ink)}
:root[data-concept="b"] .panelhead .subtitle{font-size:14px}
:root[data-concept="b"] .panelbody{padding:20px}
:root[data-concept="b"] h2,:root[data-concept="b"] h3,:root[data-concept="b"] h4{color:var(--ink)}
:root[data-concept="b"] .subtitle,:root[data-concept="b"] .muted,:root[data-concept="b"] .inlinehelp{color:var(--muted)}
:root[data-concept="b"] .toptools #role{font-size:13px!important;min-height:34px}
:root[data-concept="b"] .review-toggle{color:#d4d9e5;font-size:12px;white-space:nowrap}
:root[data-concept="b"] input,:root[data-concept="b"] select,:root[data-concept="b"] textarea{color:var(--ink);border:1px solid var(--line);background:var(--input);font-size:14px;border-radius:2px}
:root[data-concept="b"] input[type="checkbox"],:root[data-concept="b"] input[type="radio"]{min-height:0;accent-color:var(--teal)}
:root[data-concept="b"] .field label{color:var(--muted);font-size:14px}
:root[data-concept="b"] .searchbox input{border:0}
:root[data-concept="b"] .btn.small{font-size:13px}
:root[data-concept="b"] button:disabled{opacity:.5;cursor:not-allowed;filter:none}
:root[data-concept="b"] .btn.primary:hover{color:#101c20}
:root[data-concept="b"] .btn.soft{background:var(--selection);color:var(--teal);border-color:#42675f}
:root[data-concept="b"] .btn.danger{color:var(--red);border-color:#80545b}
:root[data-concept="b"] .badge.red{color:#ffb6b0;background:#442b32;border-color:#99606b}
:root[data-concept="b"] .note.warning{color:#f1d69d;background:#342d21;border-color:#a58a4d}
:root[data-concept="b"] .note.success{color:#b2e9c9;background:#223b33;border-color:#5b9c7d}
:root[data-concept="b"] .reviewbar,:root[data-concept="b"] .reviewnote{color:var(--muted);background:var(--surface);border-color:var(--line);border-radius:3px;font-size:13px}
:root[data-concept="b"] table{font-size:14px}
:root[data-concept="b"] thead th{background:var(--surface-strong);color:var(--ink);border-color:var(--line);font-size:13px;padding:12px 15px}
:root[data-concept="b"] td{color:var(--ink);border-color:var(--line);font-size:14px}
:root[data-concept="b"] tbody tr:hover{background:var(--surface-hover)}
:root[data-concept="b"] tbody tr:nth-child(even){background:color-mix(in srgb,var(--paper) 95%,var(--muted))}
:root[data-concept="b"] .faulttable td{font-size:14px;line-height:1.8}
:root[data-concept="b"] .faulttable .feature-title{font-size:14px}
:root[data-concept="b"] .road-description{min-width:0}
:root[data-concept="b"] .tabs{gap:8px;overflow:auto}
:root[data-concept="b"] .tabs button{font-size:14px;border-radius:0;padding:12px 15px;white-space:nowrap}
:root[data-concept="b"] .tabs button.active{background:transparent;border-bottom-color:var(--teal);color:var(--teal)}
:root[data-concept="b"] .segmented{border:1px solid var(--line);border-radius:2px;background:var(--input)}
:root[data-concept="b"] .segmented button{font-size:13px;color:var(--muted);border-radius:0}
:root[data-concept="b"] .segmented button.active{background:var(--selection);color:var(--teal)}
:root[data-concept="b"] .system-banner{background:var(--paper);border-radius:3px;border-left:3px solid var(--teal);padding:26px 24px}
:root[data-concept="b"] .system-banner h2{font-size:24px;letter-spacing:0}
:root[data-concept="b"] .system-banner p{color:var(--muted)}
:root[data-concept="b"] .blueprint-metrics{border-radius:3px;background:var(--paper)}
:root[data-concept="b"] .blueprint-metrics strong{color:var(--ink);font-family:inherit;font-weight:500}
:root[data-concept="b"] .workflow{border-radius:3px;background:var(--paper)}
:root[data-concept="b"] .workflow button.current{background:var(--selection);box-shadow:inset 0 -2px var(--teal)}
:root[data-concept="b"] .workflow button.current .stepnum{background:var(--teal);color:#101c20;border-color:var(--teal)}
:root[data-concept="b"] .workflow button strong{font-size:14px}
:root[data-concept="b"] .workflow small{font-size:12px;color:var(--muted)}
:root[data-concept="b"] .modulecard{background:var(--paper);border:1px solid var(--line);border-radius:3px;box-shadow:none}
:root[data-concept="b"] .modulecard:hover{background:var(--surface-hover);transform:none;border-color:#69748c}
:root[data-concept="b"] .modulecard h3{font-size:16px}
:root[data-concept="b"] .modulecard p{font-size:14px;color:var(--muted)}
:root[data-concept="b"] .modulecard .bottom{border-color:var(--line);color:var(--muted);font-size:12px}
:root[data-concept="b"] .moduleicon{background:transparent;border:1px solid var(--line);border-radius:2px;color:var(--teal)}
:root[data-concept="b"] .positioning-panel select{background:var(--input)}
:root[data-concept="b"] .stat{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;box-shadow:none;padding:18px 20px}
:root[data-concept="b"] .stat::before{display:block;content:'';position:absolute;inset:0;background:var(--line);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);z-index:-2}
:root[data-concept="b"] .stat::after{content:'';position:absolute;inset:1px;width:auto;height:auto;border-radius:0;background:var(--paper);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);z-index:-1}
:root[data-concept="b"] .stat .value{font:500 29px/1.4 'Segoe UI',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
:root[data-concept="b"] .stat .label{font-size:14px;color:var(--muted)}
:root[data-concept="b"] .stat .caption{font-size:12px;color:var(--muted)}
:root[data-concept="b"] .timeline:before{background:var(--line)}
:root[data-concept="b"] .timelineitem:before{border-color:var(--paper);background:#91a4b6}
:root[data-concept="b"] .valvehero{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:3px}
:root[data-concept="b"] .conclusion{background:#292b30;border-color:#726448;border-left:3px solid var(--amber);border-radius:3px}
:root[data-concept="b"] .conclusion p{color:#d0ced0}
:root[data-concept="b"] .kv .v{font-family:inherit;font-size:20px;font-variant-numeric:tabular-nums}
:root[data-concept="b"] .node{background:var(--surface);border-color:var(--line);border-radius:3px;color:var(--ink)}
:root[data-concept="b"] .node.suspect{background:#342d21;border-color:#a58a4d}
:root[data-concept="b"] .progressbar{background:var(--surface-strong);border-radius:2px}
:root[data-concept="b"] .kanbancol{background:var(--surface);border:1px solid var(--line);border-radius:3px}
:root[data-concept="b"] .taskcard{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:3px}
:root[data-concept="b"] .taskcard .taskfooter{border-color:var(--line)}
:root[data-concept="b"] .teststep{border-color:var(--line)}
:root[data-concept="b"] .teststep.active{border-color:var(--teal)}
:root[data-concept="b"] .source{color:var(--muted)}
:root[data-concept="b"] .detail-hero p{color:var(--ink)}
:root[data-concept="b"] .message{background:var(--surface);border-radius:3px;color:var(--ink)}
:root[data-concept="b"] .message.user{background:var(--selection)}
:root[data-concept="b"] .chatcontext button{font-size:14px;color:var(--ink)}
:root[data-concept="b"] .curve-group-tabs{background:var(--surface);gap:4px;padding:10px 15px}
:root[data-concept="b"] .curve-group-tabs button{font-size:14px;font-weight:500;border-radius:2px}
:root[data-concept="b"] .curve-group-tabs button.active{background:var(--selection);color:var(--teal);box-shadow:inset 0 -2px var(--teal)}
:root[data-concept="b"] .curve-list{background:var(--input)}
:root[data-concept="b"] .curve-list button.active{background:var(--selection);border-color:#42675f}
:root[data-concept="b"] .curve-list strong{font-size:14px}
:root[data-concept="b"] .curve-list small,:root[data-concept="b"] .curve-tools label,:root[data-concept="b"] .curve-reading p{font-size:13px}
:root[data-concept="b"] .curve-plot{background:var(--chart);border-color:var(--line);border-radius:2px}
:root[data-concept="b"] .curve-plot path[stroke="#078b83"]{stroke:var(--teal)}
:root[data-concept="b"] .curve-plot circle[fill="#078b83"]{fill:var(--teal)}
:root[data-concept="b"] .curve-legend i[style*="#078b83"]{background:var(--teal)!important}
:root[data-concept="b"] .curve-plot path[stroke="#6287c4"]{stroke:#91b8ff}
:root[data-concept="b"] .curve-plot circle[fill="#6287c4"]{fill:#91b8ff}
:root[data-concept="b"] .curve-legend i[style*="#6287c4"]{background:#91b8ff!important}
:root[data-concept="b"] .curve-reading strong{font-size:14px}
:root[data-concept="b"] .curve-probe{font-size:13px;border-radius:2px}
:root[data-concept="b"] .curve-source{font-size:12px}
:root[data-concept="b"] .valve3d-stage{background:radial-gradient(ellipse at 42% 28%,#343d4d,#1c2232 65%,#171b28);border-color:#495166;border-radius:3px}
:root[data-concept="b"] .model-caption{color:#e0e5ef}
:root[data-concept="b"] .model-caption small{color:#bcc5d5}
:root[data-concept="b"] .model-viewbar .btn{background:#1b1e2eeb;color:var(--ink);border-color:#647088;border-radius:2px}
:root[data-concept="b"] .part-explainer{background:var(--surface);border-radius:0}
:root[data-concept="b"] .part-observation{background:var(--paper);border-color:var(--line);border-radius:3px}
:root[data-concept="b"] .part-buttons button.suspect{color:#f0d18a;background:#3c3524;border-color:#ad955d}
:root[data-concept="b"] .part-buttons button.active.suspect{background:#50432b;border-color:#f0d18a}
:root[data-concept="b"] .model-fault-cards button{border-radius:3px}
:root[data-concept="b"] .component-fault-list button:hover,:root[data-concept="b"] .component-curve-list button:hover{background:var(--surface-hover)}
:root[data-concept="b"] .process-viewport,:root[data-concept="b"] .process-board{background:#171b28;border-color:var(--line)}
:root[data-concept="b"] .process-board>svg>rect[fill="#edf1f4"]{fill:#171b28}
:root[data-concept="b"] .process-board>svg text{fill:#c6cddb}
:root[data-concept="b"] .process-board>svg g[stroke="#7b909e"]{stroke:#8e9bb1}
:root[data-concept="b"] .process-board>svg g[fill="#d6dfe5"]{fill:#30384a;stroke:#94a4ba}
:root[data-concept="b"] .process-board>svg pattern circle{fill:#364054}
:root[data-concept="b"] .process-pin{border-radius:2px;box-shadow:none}
:root[data-concept="b"] .process-pin.selected,:root[data-concept="b"] .process-pin:hover{outline-color:#62dec9}
:root[data-concept="b"] .process-side{background:var(--surface)}
:root[data-concept="b"] .process-toolbar .active{background:var(--selection);color:var(--teal);border-color:var(--teal)}
:root[data-concept="b"] .process-queue button{border-radius:2px}
:root[data-concept="b"] .process-main{padding:18px}
:root[data-concept="b"] .process-board{min-width:640px}
:root[data-concept="b"] .process-board.vendor{min-width:430px}
:root[data-concept="b"] .process-board.custom{min-width:640px}
:root[data-concept="b"] .pid-diagram{font-family:'Segoe UI','Microsoft YaHei',sans-serif}
:root[data-concept="b"] .pid-bg{fill:#171b28}
:root[data-concept="b"] .pid-diagram .pid-title{font-size:20px;font-weight:600;fill:#e6ebf5}
:root[data-concept="b"] .pid-diagram .pid-status{font-size:13px;fill:#a9b5c9}
:root[data-concept="b"] .pid-divider{stroke:#3c4557;stroke-width:1}
:root[data-concept="b"] .pid-zone rect{fill:#1c2230;stroke:#364054;stroke-dasharray:4 5}
:root[data-concept="b"] .pid-zone text{font-size:12px;fill:#a4b0c2}
:root[data-concept="b"] .pid-pipes{fill:none;stroke:#9baac1;stroke-width:4;stroke-linecap:square;stroke-linejoin:round}
:root[data-concept="b"] .pid-pipes .pid-gas{stroke:#8b9bab;stroke-width:3}
:root[data-concept="b"] .pid-arrows{stroke:none;fill:#d1d9e8}
:root[data-concept="b"] .pid-equipment{fill:#283346;stroke:#a0aec4;stroke-width:2}
:root[data-concept="b"] .pid-detail{fill:none;stroke:#9aadc6;stroke-width:1.7}
:root[data-concept="b"] .pid-junction{fill:#c0cddd}
:root[data-concept="b"] .pid-label{text-anchor:middle;stroke:none}
:root[data-concept="b"] .pid-diagram .pid-tag{font-size:18px;font-weight:600;fill:#e1e7f2;letter-spacing:.5px}
:root[data-concept="b"] .pid-diagram .pid-name{font-size:14px;fill:#b3bfd0}
:root[data-concept="b"] .pid-diagram .pid-stream{font-size:14px;fill:#b3bfd0}
:root[data-concept="b"] .pid-signal{fill:#171b28;stroke:#7e8ca1;stroke-width:1.3}
:root[data-concept="b"] .pid-signal path{fill:none;stroke-dasharray:4 3}
:root[data-concept="b"] .pid-signal text{stroke:none;text-anchor:middle;font:12px 'Segoe UI',sans-serif;fill:#c2cddb}
:root[data-concept="b"] .pid-diagram .pid-footer{fill:#a6b2c5;font-size:12px}
:root[data-concept="b"] .process-pin{min-width:91px;padding:7px 10px;gap:3px;border-width:1px;border-color:#8290a4;background:#c9d1dc;color:#202a39;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}
:root[data-concept="b"] .process-pin strong{font:600 14px/1.3 'Segoe UI',sans-serif;letter-spacing:.4px}
:root[data-concept="b"] .process-pin span{font-size:12px}
:root[data-concept="b"] .process-pin.watch{background:#f1cb76;border-color:#f8dfad;color:#382a10}
:root[data-concept="b"] .process-pin.unknown{background:#283346;color:#d1dae9;border-color:#9ca8bc;border-style:dashed;clip-path:none}
:root[data-concept="b"] .process-pin.selected,:root[data-concept="b"] .process-pin:hover{box-shadow:inset 0 0 0 2px #00635c;outline:0}
:root[data-concept="b"] .process-pin:focus-visible{outline:2px solid #62dec9;outline-offset:4px;clip-path:none}
:root[data-concept="b"] .process-toolbar{background:var(--surface);gap:10px;padding:12px 18px}
:root[data-concept="b"] .process-legend{padding-top:13px;margin-bottom:6px;border-top:1px solid var(--line);font-size:12px;gap:16px}
:root[data-concept="b"] .process-legend i{background:#c9d1dc;border-color:#8290a4}
:root[data-concept="b"] .process-legend i.watch{background:#f1cb76;border-color:#f8dfad}
:root[data-concept="b"] .process-legend i.unknown{background:#283346;border-color:#9ca8bc}
:root[data-concept="b"] .process-side .process-selected-state{font-size:13px;border-left:3px solid #8290a4;background:var(--paper);padding:8px 12px;color:var(--ink)}
:root[data-concept="b"] .process-side .process-selected-state.watch{border-left-color:var(--amber);background:#373122;color:#f0d18a}
:root[data-concept="b"] .process-board.hdt-reference{aspect-ratio:880/593;min-width:580px;margin:auto;background:#078b74}
:root[data-concept="b"] .hdt-hotspot{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;display:grid;place-items:center;background:#f1cb76;color:#382a10;border:2px solid #fff1bf;border-radius:50%;font:700 15px 'Segoe UI',sans-serif;box-shadow:0 0 0 5px #ffe39b60;cursor:pointer}
:root[data-concept="b"] .hdt-hotspot:focus-visible{outline:3px solid white;outline-offset:5px}
:root[data-concept="b"] .hdt-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;color:var(--muted);font-size:13px}
:root[data-concept="b"] .hdt-caption i{display:inline-block;width:9px;height:9px;background:#f1cb76;margin-right:6px}
@media(max-width:650px){:root[data-concept="b"] .catalog-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-concept="b"] .catalog-toolbar .searchbox{grid-column:1/-1;min-width:0;width:100%}:root[data-concept="b"] .catalog-toolbar select{min-width:0;width:100%;max-width:none;font-size:12px;padding:7px 3px}}
:root[data-concept="b"] .model-expanded{background:var(--paper)}
:root[data-concept="b"] #toast{background:#2b514d;color:#f3fffd;border:1px solid #62b4a6;font-size:14px;box-shadow:0 8px 25px #0005}
@media(min-width:851px){:root[data-concept="b"] .sidebar{transform:none}}
@media(max-width:850px){:root[data-concept="b"] .sidebar{transform:translateX(-100%);width:202px}:root[data-concept="b"] .sidebar.open{transform:translateX(0)}:root[data-concept="b"] .shell{margin-left:0}:root[data-concept="b"] .menu-toggle{display:grid}:root[data-concept="b"] .topbar{gap:12px}:root[data-concept="b"] .topbar .concept-brand{min-width:0}:root[data-concept="b"] .crumb{display:none}}
@media(max-width:560px){:root[data-concept="b"] .topbar{padding:0 10px;gap:6px}:root[data-concept="b"] .toptools{flex-wrap:nowrap}:root[data-concept="b"] .brandmark{display:none}:root[data-concept="b"] .toptools #role{font-size:12px!important;max-width:107px}:root[data-concept="b"] .industrial-status{font-size:10px;padding:0 10px;gap:9px}:root[data-concept="b"] .panelhead{padding:13px}:root[data-concept="b"] .panelbody{padding:15px}:root[data-concept="b"] .system-banner{padding:18px}:root[data-concept="b"] .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}