/* brain-v2 shared structure. Every color comes from CSS variables the skin sets
   per theme - this file owns layout only. */
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; overflow: hidden; }
body {
  font-family: var(--font, 'Outfit'), system-ui, sans-serif;
  background: var(--bg); color: var(--ink);
}
#brain-canvas { position: fixed; inset: 0; cursor: grab; }
#brain-canvas:active { cursor: grabbing; }

/* splash */
#brain-splash { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: var(--bg); z-index: 90; }
.sp-inner { text-align: center; }
.sp-pulse { width: 22px; height: 22px; border-radius: 6px; background: var(--accent); margin: 0 auto 14px; animation: sp 1.1s ease-in-out infinite; }
@keyframes sp { 0%, 100% { transform: scale(0.75) rotate(0deg); opacity: .55; } 50% { transform: scale(1.15) rotate(45deg); opacity: 1; } }
.sp-text { font-size: 13px; color: var(--muted); letter-spacing: 2px; text-transform: uppercase; }

/* tooltip */
#brain-tip { position: fixed; z-index: 60; pointer-events: none; opacity: 0; transition: opacity .12s;
  background: var(--tip-bg); border: 1px solid var(--border); border-radius: 10px; padding: 9px 12px;
  font-size: 12px; max-width: 250px; box-shadow: var(--shadow); color: var(--ink); }
#brain-tip .tmut { color: var(--muted); font-size: 11px; margin-top: 2px; }
#brain-tip .tfaint { color: var(--faint); font-size: 10px; margin-top: 3px; }
.badge { display: inline-block; font-size: 9.5px; padding: 1px 7px; border-radius: 20px; border: 1px solid; margin-top: 5px; margin-right: 4px; letter-spacing: .3px; }

/* HUD top-left */
#brain-hud { position: fixed; top: 22px; left: 26px; z-index: 20; pointer-events: none; max-width: 400px; }
.hud-brand { display: flex; align-items: center; gap: 10px; }
.hud-rubric { font-weight: 900; font-size: 21px; letter-spacing: 4px; }
.hud-product { font-weight: 200; font-size: 21px; letter-spacing: 4px; color: var(--muted); }
.hud-skin { font-weight: 600; font-size: 10.5px; letter-spacing: 2.2px; color: var(--accent); margin-top: 7px; }
.hud-title { font-weight: 700; font-size: 17px; letter-spacing: 2.5px; }
.hud-tag { color: var(--muted); font-size: 12px; margin-top: 4px; max-width: 46ch; line-height: 1.45; }
.hud-stats { color: var(--faint); font-size: 11px; margin-top: 8px; }
.hud-stats b { color: var(--accent); font-weight: 600; }
.hud-fps { color: var(--faint); font-size: 10px; margin-top: 3px; letter-spacing: 1px; }
#simplified-toggle { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 32; display: flex; align-items: center; gap: 8px; padding: 9px 13px; border-radius: 999px; border: 1px solid var(--border); background: var(--panel); color: var(--muted); box-shadow: var(--shadow); font: 600 11px var(--font, 'Outfit'), system-ui, sans-serif; cursor: pointer; backdrop-filter: blur(14px); }
#simplified-toggle:hover { color: var(--ink); border-color: var(--accent); }
#simplified-toggle b { font-size: 9px; letter-spacing: 1px; color: var(--faint); }
#simplified-toggle .simple-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--faint); box-shadow: 0 0 0 3px var(--input-bg); }
#simplified-toggle.on { color: var(--ink); border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); }
#simplified-toggle.on b, #simplified-toggle.on .simple-dot { color: var(--accent); background: var(--accent); }

/* Contextual entry point for the linear isolated-record view. */
#isolate-toggle{position:fixed;z-index:31;left:50%;bottom:24px;transform:translateX(-50%);padding:10px 16px;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(16px);color:var(--ink);font:700 11px var(--font);letter-spacing:.4px;cursor:pointer}#isolate-toggle:hover{border-color:var(--accent);color:var(--accent)}#isolate-toggle[hidden]{display:none}

/* Isolated mode ---------------------------------------------------------- */
#brain-isolate{position:fixed;inset:0;z-index:120;display:none;overflow:auto;background:var(--canvas-bg,#090d0f);color:var(--ink)}#brain-isolate.open{display:block}.isolate-shell{min-height:100%;box-sizing:border-box;padding:32px clamp(22px,4vw,68px) 28px;background:radial-gradient(circle at 74% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 32%)}.isolate-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.isolate-head>div{min-width:0;flex:1}.isolate-head span{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2px}.isolate-head h1{width:100%;max-width:1200px;margin:9px 0 8px;color:var(--ink);font-size:clamp(30px,4vw,64px);line-height:.98;letter-spacing:-1.8px;white-space:nowrap}.isolate-head p{max-width:720px;margin:0;color:var(--muted);font-size:16px;line-height:1.45}.isolate-close{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--border);border-radius:12px;background:var(--input-bg);color:var(--ink);font:300 29px var(--font);cursor:pointer}.isolate-close:hover{border-color:var(--accent);color:var(--accent)}.isolate-flow-wrap{margin:38px 0 34px;padding:26px 16px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--panel) 54%,transparent);overflow-x:auto}.isolate-flow{display:flex;align-items:center;justify-content:flex-start;gap:15px;min-width:max-content;padding:4px 8px}.isolate-flow-node{display:grid;justify-items:center;gap:6px;min-width:142px;max-width:190px;padding:14px 12px;border:1px solid color-mix(in srgb,var(--isolate-color) 72%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--viewer-bg) 72%,transparent);color:var(--ink);font-family:var(--font);cursor:pointer}.isolate-flow-node.root{min-width:178px;background:color-mix(in srgb,var(--isolate-color) 13%,var(--viewer-bg))}.isolate-flow-node i{width:15px;height:15px;border-radius:50%;background:var(--isolate-color);box-shadow:0 0 18px color-mix(in srgb,var(--isolate-color) 60%,transparent)}.isolate-flow-node b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.isolate-flow-node small{color:var(--faint);font-size:10px}.isolate-flow-arrow{color:var(--faint);font-size:23px}.isolate-data{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.5fr);gap:18px}.isolate-data section{min-width:0;padding:18px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--panel) 58%,transparent)}.isolate-section-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:14px}.isolate-section-head span{color:var(--faint);font-size:9px;font-weight:800;letter-spacing:1.5px}.isolate-section-head b{color:var(--muted);font-size:11px}.isolate-detail-table,.isolate-rel-table{width:100%;border-collapse:collapse;font-size:12px}.isolate-detail-table th,.isolate-detail-table td,.isolate-rel-table th,.isolate-rel-table td{padding:10px 7px;border-bottom:1px solid color-mix(in srgb,var(--border) 74%,transparent);text-align:left;vertical-align:middle}.isolate-detail-table tr:last-child th,.isolate-detail-table tr:last-child td,.isolate-rel-table tr:last-child td{border-bottom:0}.isolate-detail-table th,.isolate-rel-table th{color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.isolate-detail-table th{width:40%}.isolate-detail-table td{color:var(--ink);font-weight:600}.isolate-rel-table td{color:var(--muted)}.isolate-rel-table td:first-child{white-space:nowrap}.isolate-rel-table td:first-child i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;vertical-align:middle}.isolate-rel-table td button{max-width:100%;padding:0;border:0;background:transparent;color:var(--ink);font:600 12px var(--font);text-align:left;cursor:pointer}.isolate-rel-table td button:hover{color:var(--accent)}.isolate-empty{margin:0;color:var(--muted);font-size:12px}.isolate-foot{display:flex;justify-content:center;margin-top:26px}.isolate-foot button{padding:11px 18px;border:1px solid var(--border);border-radius:10px;background:var(--input-bg);color:var(--ink);font:700 11px var(--font);cursor:pointer}.isolate-foot button:hover{border-color:var(--accent);color:var(--accent)}body.isolate-open{overflow:hidden}@media(max-width:760px){.isolate-shell{padding:24px 16px}.isolate-data{grid-template-columns:1fr}.isolate-head h1{font-size:34px}.isolate-head p{font-size:14px}.isolate-rel-table{min-width:440px}.isolate-data section:last-child{overflow-x:auto}}

.isolate-flow-group{min-width:156px;max-width:235px;padding:12px 13px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--viewer-bg) 64%,transparent)}.isolate-flow-group header{display:flex;justify-content:space-between;gap:9px;align-items:baseline;margin-bottom:10px}.isolate-flow-group header b{color:var(--ink);font-size:11px}.isolate-flow-group header small{color:var(--faint);font-size:9px;white-space:nowrap}.isolate-flow-group>div{display:flex;flex-wrap:wrap;gap:7px}.isolate-flow-group button{position:relative;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid color-mix(in srgb,var(--isolate-color) 66%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--isolate-color) 12%,var(--viewer-bg));cursor:pointer}.isolate-flow-group button i{width:9px;height:9px;border-radius:50%;background:var(--isolate-color);box-shadow:0 0 11px color-mix(in srgb,var(--isolate-color) 70%,transparent)}.isolate-flow-group button:hover{transform:scale(1.16);border-color:var(--isolate-color);z-index:2}.isolate-flow-group button::after{content:attr(data-isolate-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:235px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--viewer-bg);box-shadow:0 8px 20px rgba(0,0,0,.28);color:var(--ink);font:600 11px/1.35 var(--font);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease;white-space:normal}.isolate-flow-group button:hover::after{opacity:1;transform:translate(-50%,0)}.isolate-flow-none{align-self:center;color:var(--faint);font-size:10px}.isolate-flow-more{display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border:1px dashed var(--muted);border-radius:999px;color:var(--muted);font-size:9px;font-weight:700}

.isolate-data.cost-isolate-data{grid-template-columns:minmax(0,1fr)}
.isolate-cost-analysis{display:grid;grid-template-columns:minmax(320px,1fr) minmax(210px,.38fr);align-items:start;gap:16px}.isolate-cost-analysis .season-analytics{margin:0}.isolate-cost-side{display:grid;align-content:start;gap:16px;min-width:0}.isolate-product-total{display:flex;flex-direction:column;justify-content:center;min-height:160px;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,var(--viewer-bg))}.isolate-product-total span{color:var(--faint);font-size:9px;font-weight:800;letter-spacing:1.5px}.isolate-product-total b{margin:9px 0 5px;color:var(--ink);font-size:44px;line-height:1}.isolate-product-total small{color:var(--muted);font-size:11px;line-height:1.4}.isolate-rel-scroll{max-height:440px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:10px}.isolate-rel-scroll .isolate-rel-table th{position:sticky;top:0;background:var(--viewer-bg);z-index:1}@media(max-width:760px){.isolate-cost-analysis{grid-template-columns:1fr}.isolate-rel-scroll{max-height:360px}}
.isolate-product-spend{min-width:0;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,var(--viewer-bg))}.isolate-product-spend-scroll{max-height:390px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:9px}.isolate-product-spend table{width:100%;border-collapse:collapse;font-size:11px}.isolate-product-spend th{position:sticky;top:0;padding:8px;border-bottom:1px solid var(--border);background:var(--viewer-bg);color:var(--faint);font-size:8px;font-weight:800;letter-spacing:1px;text-align:left}.isolate-product-spend th:last-child{text-align:right}.isolate-product-spend td{padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--muted)}.isolate-product-spend tr:last-child td{border-bottom:0}.isolate-product-spend td:last-child{text-align:right;white-space:nowrap}.isolate-product-spend td b{color:var(--ink);font-size:11px}.isolate-product-spend td small{margin-left:3px;color:var(--faint);font-size:9px}
.isolate-consumption-analysis{padding:18px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--panel) 58%,transparent)}.isolate-consumption-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:17px}.isolate-consumption-meta article{min-width:0;padding:11px;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:10px;background:color-mix(in srgb,var(--viewer-bg) 55%,transparent)}.isolate-consumption-meta article.wide{grid-column:1/-1}.isolate-consumption-meta span,.isolate-materials-head span{display:block;color:var(--faint);font-size:8px;font-weight:800;letter-spacing:1px}.isolate-consumption-meta b{display:block;margin-top:5px;overflow:hidden;color:var(--ink);font-size:11px;line-height:1.35}.isolate-materials-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:4px 0 10px}.isolate-materials-head b{color:var(--muted);font-size:11px}.isolate-materials-scroll{max-height:370px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:10px}.isolate-materials-scroll table{width:100%;border-collapse:collapse;font-size:11px}.isolate-materials-scroll th{position:sticky;top:0;padding:9px 8px;border-bottom:1px solid var(--border);background:var(--viewer-bg);color:var(--faint);font-size:8px;font-weight:800;letter-spacing:1px;text-align:left}.isolate-materials-scroll td{padding:10px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--muted);vertical-align:middle}.isolate-materials-scroll tr:last-child td{border-bottom:0}.isolate-materials-scroll td strong,.isolate-materials-scroll td small{display:block}.isolate-materials-scroll td strong,.isolate-materials-scroll td b{color:var(--ink);font-size:11px}.isolate-materials-scroll td small,.isolate-materials-scroll td span{color:var(--faint);font-size:9px}.isolate-materials-scroll td span{margin-left:3px}@media(max-width:760px){.isolate-consumption-meta{grid-template-columns:1fr 1fr}.isolate-consumption-meta article.wide{grid-column:1/-1}}
.isolate-stock-analysis{padding:18px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--panel) 62%,transparent)}.isolate-stock-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}.isolate-stock-kpis article{padding:12px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:10px;background:color-mix(in srgb,var(--viewer-bg) 58%,transparent)}.isolate-stock-kpis span{display:block;color:var(--faint);font-size:8px;font-weight:800;letter-spacing:1px}.isolate-stock-kpis b{display:block;margin-top:6px;color:var(--ink);font-size:16px}.isolate-stock-kpis small{color:var(--muted);font-size:10px}.isolate-stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.isolate-stock-grid>section{min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:12px;background:color-mix(in srgb,var(--viewer-bg) 38%,transparent)}.isolate-stock-scroll{max-height:330px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:9px}.isolate-stock-scroll table{width:100%;border-collapse:collapse;font-size:11px}.isolate-stock-scroll th{position:sticky;top:0;padding:9px 8px;border-bottom:1px solid var(--border);background:var(--viewer-bg);color:var(--faint);font-size:8px;font-weight:800;letter-spacing:.8px;text-align:left}.isolate-stock-scroll td{padding:10px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--muted);vertical-align:middle}.isolate-stock-scroll tr:last-child td{border-bottom:0}.isolate-stock-scroll td b,.isolate-stock-scroll td strong{color:var(--ink);font-size:11px}.isolate-stock-scroll td small{display:block;color:var(--faint);font-size:9px}@media(max-width:760px){.isolate-stock-kpis,.isolate-stock-grid{grid-template-columns:1fr}.isolate-stock-scroll table{min-width:470px}}

/* right control panel */
#brain-panel { position: fixed; top: 18px; right: 18px; z-index: 30; width: 252px; max-height: calc(100vh - 36px);
  overflow-y: auto; padding: 14px; border-radius: 16px; background: var(--panel); border: 1px solid var(--border); box-shadow: var(--shadow); }
#brain-panel::-webkit-scrollbar, #brain-legend::-webkit-scrollbar, .card-neigh::-webkit-scrollbar, .v-body::-webkit-scrollbar { width: 6px; }
#brain-panel::-webkit-scrollbar-thumb, .v-body::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
.p-search { position: fixed; top: 14px; right: 14px; z-index: 88; width: min(360px, calc(100vw - 28px)); height: 44px; display: flex; align-items: center; padding: 0 12px; border: 1px solid color-mix(in srgb, var(--border) 78%, white); border-radius: 13px; background: color-mix(in srgb, var(--panel) 90%, transparent); box-shadow: 0 12px 34px rgba(0,0,0,.38), 0 2px 8px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.07); backdrop-filter: blur(24px) saturate(150%); -webkit-backdrop-filter: blur(24px) saturate(150%); transition: width .2s ease, border-color .2s ease, box-shadow .2s ease; }
.p-search:focus-within { width: min(410px, calc(100vw - 28px)); border-color: color-mix(in srgb, var(--accent) 72%, white); box-shadow: 0 16px 44px rgba(0,0,0,.46), 0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent), inset 0 1px 0 rgba(255,255,255,.1); }
.search-glyph { width: 14px; height: 14px; flex: 0 0 14px; margin: 0 11px 0 1px; border: 2px solid var(--muted); border-radius: 50%; opacity: .9; position: relative; }
.search-glyph::after { content: ''; position: absolute; width: 7px; height: 2px; right: -5px; bottom: -2px; border-radius: 2px; background: var(--muted); transform: rotate(45deg); transform-origin: left center; }
#brain-search { min-width: 0; flex: 1; height: 100%; padding: 0; font: 500 13px var(--font, 'Outfit'), system-ui, sans-serif; letter-spacing: .1px; color: var(--ink); background: transparent; border: 0; outline: none; }
#brain-search::placeholder { color: var(--muted); opacity: .82; }
.search-shortcut { min-width: 24px; height: 22px; display: grid; place-items: center; margin-left: 9px; border: 1px solid var(--border); border-radius: 6px; background: var(--input-bg); color: var(--faint); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); font: 600 10px var(--font, 'Outfit'), system-ui, sans-serif; }
#brain-results { position: absolute; left: 0; right: 0; top: 52px; z-index: 90; display: none; max-height: min(62vh, 470px); overflow-y: auto; padding: 7px; background: color-mix(in srgb, var(--tip-bg) 94%, transparent); border: 1px solid var(--border); border-radius: 15px; box-shadow: 0 20px 60px rgba(0,0,0,.5); backdrop-filter: blur(26px) saturate(145%); -webkit-backdrop-filter: blur(26px) saturate(145%); }
.res { display: flex; align-items: center; gap: 9px; padding: 10px 11px; border-radius: 11px; cursor: pointer; font-size: 12.5px; }
.res:hover { background: var(--hover); }
.res .r-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.res .r-path { color: var(--faint); font-size: 9.5px; margin-left: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 46%; }
.res-fulltext { display: grid; grid-template-columns: 8px minmax(0,1fr) auto; gap: 3px 7px; align-items: center; }
.res-fulltext .dot { grid-column: 1; grid-row: 1; }
.res-fulltext .r-name { grid-column: 2; grid-row: 1; }
.res-fulltext .r-hits { grid-column: 3; grid-row: 1; color: var(--accent); font-size: 9px; font-weight: 700; border: 1px solid var(--border); border-radius: 10px; padding: 1px 5px; }
.res-fulltext .r-path { grid-column: 1 / -1; grid-row: 2; margin-left: 0; max-width: none; width: 100%; }
.res-fulltext .r-snippet { grid-column: 1 / -1; grid-row: 3; color: var(--muted); font-size: 10.5px; line-height: 1.35; overflow: hidden; }
.res-fulltext mark { background: rgba(245,182,66,.3); color: var(--ink); border-radius: 2px; padding: 0 1px; }
.res-none { padding: 9px; font-size: 11px; color: var(--muted); }
.dot { width: 9px; height: 9px; border-radius: 3px; flex-shrink: 0; }
.p-sub { font-size: 9.5px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--faint); font-weight: 600; margin: 12px 0 4px; }
.p-sub.row { display: flex; justify-content: space-between; align-items: center; }
.mini { font-size: 9.5px; padding: 2px 8px; border-radius: 6px; background: var(--input-bg); color: var(--muted);
  border: 1px solid var(--border); cursor: pointer; font-family: inherit; }
.seg { display: flex; gap: 4px; }
.seg button { flex: 1; padding: 5px 2px; font-size: 10.5px; font-weight: 600; font-family: inherit; border-radius: 8px;
  border: 1px solid var(--border); background: var(--input-bg); color: var(--muted); cursor: pointer; transition: all .15s; }
.seg button.on { background: var(--seg-on-bg); color: var(--seg-on-ink); border-color: var(--seg-on-bg); }
.sl { margin: 7px 0; }
.sl-head { display: flex; justify-content: space-between; font-size: 10.5px; color: var(--muted); margin-bottom: 1px; }
.sl-val { color: var(--accent); font-variant-numeric: tabular-nums; }
.sl input[type=range], .sound-volume input[type=range] { width: 100%; height: 16px; margin: 0; padding: 0; appearance: none; -webkit-appearance: none; background: transparent; cursor: pointer; }
.sl input[type=range]::-webkit-slider-runnable-track, .sound-volume input[type=range]::-webkit-slider-runnable-track { height: 3px; border-radius: 999px; background: linear-gradient(to right, var(--accent) 0, var(--accent) var(--range-progress, 0%), var(--border) var(--range-progress, 0%), var(--border) 100%); }
.sl input[type=range]::-webkit-slider-thumb, .sound-volume input[type=range]::-webkit-slider-thumb { width: 15px; height: 15px; margin-top: -6px; border: 0; border-radius: 50%; appearance: none; -webkit-appearance: none; background: var(--accent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 58%, var(--border)); }
.sl input[type=range]::-moz-range-track, .sound-volume input[type=range]::-moz-range-track { height: 3px; border: 0; border-radius: 999px; background: var(--border); }
.sl input[type=range]::-moz-range-progress, .sound-volume input[type=range]::-moz-range-progress { height: 3px; border-radius: 999px; background: var(--accent); }
.sl input[type=range]::-moz-range-thumb, .sound-volume input[type=range]::-moz-range-thumb { width: 15px; height: 15px; border: 0; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 58%, var(--border)); }
.chk { display: flex; align-items: center; gap: 7px; font-size: 11.5px; color: var(--muted); margin-top: 8px; cursor: pointer; }
.chk input[type=checkbox] { width: 13px; height: 13px; margin: 0; flex: 0 0 13px; display: grid; place-content: center; appearance: none; -webkit-appearance: none; border: 1px solid var(--border); border-radius: 3px; background: var(--input-bg); cursor: pointer; }
.chk input[type=checkbox]::before { content: ''; width: 3px; height: 6px; border-right: 1.8px solid var(--seg-on-ink); border-bottom: 1.8px solid var(--seg-on-ink); transform: rotate(45deg) translate(-1px, -1px) scale(0); transform-origin: center; transition: transform .12s ease; }
.chk input[type=checkbox]:checked { border-color: var(--accent); background: var(--accent); }
.chk input[type=checkbox]:checked::before { transform: rotate(45deg) translate(-1px, -1px) scale(1); }
.clr { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 11.5px; color: var(--muted); padding: 2.5px 0; }
.clr input[type=color] { width: 34px; height: 20px; padding: 0; border: 1px solid var(--border); border-radius: 5px; background: none; cursor: pointer; }
.clr input[type=color]::-webkit-color-swatch-wrapper { padding: 1.5px; }
.clr input[type=color]::-webkit-color-swatch { border: none; border-radius: 3px; }
.p-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 12px; }
.theme-settings{margin:0 0 14px}.theme-settings #btn-theme{display:block;width:100%}
.p-credits{margin-top:16px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);color:var(--faint)}.p-credits span{display:block;margin-bottom:4px;font-size:8px;font-weight:700;letter-spacing:1.4px}.p-credits p{margin:0;color:var(--faint);font-size:9px;line-height:1.42}.p-credits a{display:inline-block;margin-top:5px;color:var(--muted);font-size:9px;text-decoration:none}.p-credits a:hover{color:var(--accent);text-decoration:underline}
.sound-settings{margin-top:16px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.sound-settings .p-sub{margin:0 0 8px}.sound-settings .mini{min-width:78px}.sound-settings .mini.is-muted{color:var(--faint);border-color:var(--border)}.sound-volume{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;color:var(--muted);font-size:10px}.sound-volume input:disabled{opacity:.45;cursor:not-allowed}.sound-volume output{min-width:29px;color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.sound-settings p{margin:7px 0 0;color:var(--faint);font-size:9px;line-height:1.35}
.act { padding: 6px 9px; font-size: 10.5px; font-weight: 600; font-family: inherit; border-radius: 8px;
  border: 1px solid var(--border); background: var(--input-bg); color: var(--ink); cursor: pointer; transition: all .15s; }
.act:hover { border-color: var(--accent); color: var(--accent); }
html[data-theme="light"] .p-search{border-color:rgba(43,65,54,.18);box-shadow:0 16px 42px rgba(57,68,59,.14),inset 0 1px 0 #fff}
html[data-theme="light"] .p-search:focus-within{box-shadow:0 18px 48px rgba(57,68,59,.18),0 0 0 3px rgba(217,87,24,.10),inset 0 1px 0 #fff}
html[data-theme="light"] #brain-results{box-shadow:0 22px 60px rgba(57,68,59,.18)}
html[data-theme="light"] .search-shortcut{box-shadow:inset 0 1px 0 #fff}
html[data-theme="light"] #brain-panel,html[data-theme="light"] #brain-legend,html[data-theme="light"] #brain-card,html[data-theme="light"] #simplified-toggle{backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}
html[data-theme="light"] .hud-rubric{color:#5d870b!important;text-shadow:0 1px 0 #fff}
html[data-theme="light"] .hud-skin{color:#c54f17}
html[data-theme="light"] #btn-theme{background:linear-gradient(135deg,#fffdf7,#eef2e7);border-color:rgba(93,135,11,.28);color:#385019}

/* legend bottom-left */
#brain-legend { position: fixed; left: 26px; bottom: 22px; z-index: 20; width: 218px; max-height: 46vh; overflow-y: auto;
  padding: 12px 14px; border-radius: 14px; background: var(--panel); border: 1px solid var(--border); box-shadow: var(--shadow); }
.lg-sub { font-size: 9px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--faint); font-weight: 600; margin: 8px 0 4px; }
.lg-sub:first-child { margin-top: 0; }
.lg-hint { text-transform: none; letter-spacing: 0; color: var(--faint); font-weight: 400; font-size: 9.5px; }
.lg-row { display: flex; align-items: center; gap: 8px; font-size: 11.5px; padding: 2.5px 0; cursor: pointer; transition: opacity .15s; }
.lg-row.off { opacity: .3; }
.lg-n { margin-left: auto; color: var(--faint); font-size: 10px; }
.dot-diamond { transform: rotate(45deg); border-radius: 2px; }
.dot-hex { border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; }
.dot-ringdot { border-radius: 50%; }
.lg-hermes { margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--border); font-size: 11.5px; cursor: pointer; display: block; }
.lg-hermes .dot { display: inline-block; vertical-align: -1px; margin-right: 4px; }
.lg-hermes b { color: #58abf5; }

/* detail card */
#brain-card { position: fixed; top: 176px; left: 26px; z-index: 30; width: 292px; padding: 14px;
  border-radius: 16px; background: var(--panel); border: 1px solid var(--border); box-shadow: var(--shadow); }
.card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.card-title { font-weight: 600; font-size: 14px; line-height: 1.25; word-break: break-all; }
.card-badges { margin-top: 4px; }
#card-close { background: none; border: none; color: var(--faint); font-size: 19px; cursor: pointer; line-height: 1; }
#card-close:hover { color: var(--ink); }
.card-stats { color: var(--muted); font-size: 11px; margin-top: 7px; }
.card-desc { color: var(--muted); font-size: 11.5px; margin-top: 6px; line-height: 1.45; }
.card-path { color: var(--faint); font-size: 10px; margin-top: 5px; word-break: break-all; }
.card-actions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.card-sub { font-size: 9px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--faint); font-weight: 600; margin: 11px 0 3px; }
.card-neigh { max-height: 190px; overflow-y: auto; }
.nrow { display: flex; align-items: center; gap: 7px; padding: 3px 0; cursor: pointer; }
.nrow .nlab { font-size: 11.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nrow:hover .nlab { color: var(--ink); }
.nrow .nkind { margin-left: auto; font-size: 9px; color: var(--faint); flex-shrink: 0; }

/* viewer drawer */
#brain-viewer { position: fixed; top: 0; right: -580px; width: 560px; max-width: 92vw; height: 100vh; z-index: 50;
  background: var(--viewer-bg); border-left: 1px solid var(--border); box-shadow: var(--shadow); transition: right .25s ease; display: flex; flex-direction: column; }
#brain-viewer.open { right: 0; }
.v-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--border); }
.v-title { font-weight: 700; font-size: 15px; word-break: break-all; }
.v-path { color: var(--faint); font-size: 10.5px; margin-top: 2px; word-break: break-all; }
.v-btns { display: flex; gap: 6px; flex-shrink: 0; }
.v-close { font-size: 15px; padding: 6px 11px; }
.v-body { flex: 1; overflow-y: auto; padding: 20px 26px; }
.v-loading { color: var(--muted); font-size: 12.5px; }
.detail-foot { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--border); }
.detail-remove { border-color: #ef4444 !important; color: #ef4444 !important; }
.code-body { font-family: ui-monospace, monospace; font-size: 11.5px; line-height: 1.6; white-space: pre-wrap; word-break: break-word; color: var(--ink); }

/* rendered markdown */
.md-body { font-size: 13.5px; line-height: 1.65; }
.md-body h1, .md-body h2, .md-body h3, .md-body h4 { margin: 18px 0 8px; line-height: 1.3; }
.md-body h1 { font-size: 21px; } .md-body h2 { font-size: 17px; } .md-body h3 { font-size: 14.5px; }
.md-body h1:first-child { margin-top: 0; }
.md-body p, .md-body ul, .md-body ol { margin: 8px 0; }
.md-body ul, .md-body ol { padding-left: 22px; }
.md-body li { margin: 3px 0; }
.md-body a { color: var(--accent); text-decoration: none; border-bottom: 1px dotted var(--accent); }
.md-body code { font-family: ui-monospace, monospace; font-size: .88em; background: var(--input-bg); padding: 1px 5px; border-radius: 4px; }
.md-body pre { background: var(--input-bg); border: 1px solid var(--border); border-radius: 8px; padding: 12px; overflow-x: auto; margin: 10px 0; }
.md-body pre code { background: none; padding: 0; }
.md-body blockquote { border-left: 3px solid var(--accent); padding-left: 12px; color: var(--muted); margin: 10px 0; }
.md-body table { border-collapse: collapse; margin: 10px 0; font-size: 12px; display: block; overflow-x: auto; }
.md-body th, .md-body td { border: 1px solid var(--border); padding: 5px 9px; text-align: left; }
.md-body th { background: var(--input-bg); }
.md-body hr { border: none; border-top: 1px solid var(--border); margin: 14px 0; }
.md-body img { max-width: 100%; }

/* Season drawer analytics */
.season-analytics{margin:0 0 26px;padding:16px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--input-bg) 55%,transparent)}.season-analytics-head,.season-fields-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.season-analytics-head span,.season-fields-head span{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--faint)}.season-analytics-head b{font-size:14px;color:var(--ink)}.season-donut{width:176px;height:176px;margin:18px auto;display:grid;place-items:center;border-radius:50%;box-shadow:0 9px 26px rgba(0,0,0,.16)}.season-donut>div{width:104px;height:104px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--viewer-bg)}.season-donut b{font-size:14px}.season-donut small{margin-top:3px;color:var(--muted);font-size:9px}.season-category-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.season-category-list button{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--muted);font:600 10px var(--font);text-align:left;cursor:help}.season-category-list button:hover{border-color:var(--cat);color:var(--ink);background:color-mix(in srgb,var(--cat) 10%,transparent)}.season-category-list i{width:8px;height:8px;border-radius:50%;background:var(--cat)}.season-category-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.season-category-list b{color:var(--ink);font-size:9px}.season-fields-head{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.season-fields-head small{font-size:10px;color:var(--muted)}.season-field{margin-top:11px}.season-field>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}.season-field span{color:var(--muted);text-align:right;font-size:10px}.season-field span strong{color:var(--ink)}.season-field-bar{position:relative;height:10px;margin:6px 0;border-radius:999px;background:var(--border);overflow:hidden}.season-field-bar i{position:absolute;top:0;bottom:0;min-width:1px;border-right:1px solid var(--viewer-bg);cursor:help}.season-field small{color:var(--faint);font-size:10px}.season-empty{margin:18px 0 4px;color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:500px){.season-category-list{grid-template-columns:1fr}.season-field>div:first-child{display:block}.season-field span{display:block;margin-top:3px;text-align:left}}
.season-category-list b{white-space:nowrap}.season-category-list b small{display:block;margin-top:2px;color:var(--muted);font-size:8px;font-weight:600;text-align:right}
.season-category-list button{cursor:default;font-size:11.5px;padding:9px}.season-category-list span{font-size:11.5px}.season-category-list b{font-size:10.5px}.season-category-list b small{font-size:9.5px}.season-category-list i{width:9px;height:9px}
.season-field-bar{overflow:visible}.season-field-bar i{cursor:default}.season-field-bar i::after{content:attr(data-field-tooltip);position:absolute;z-index:5;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:260px;padding:8px 11px;border:1px solid var(--border);border-radius:8px;background:var(--viewer-bg);box-shadow:0 7px 20px rgba(0,0,0,.24);color:var(--ink);font:600 12px var(--font);line-height:1.35;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity .12s ease,transform .12s ease;white-space:normal}.season-field-bar i:hover::after{opacity:1;transform:translate(-50%,0)}
.stock-inventory{margin:18px 0 26px;padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--input-bg) 72%,transparent),color-mix(in srgb,var(--viewer-bg) 70%,transparent))}.stock-inventory-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.stock-inventory-head span{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--faint)}.stock-inventory-head small{font-size:10px;color:var(--muted);text-align:right}.stock-table-wrap{max-height:390px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--viewer-bg) 62%,transparent)}.stock-table-wrap::-webkit-scrollbar{width:6px;height:6px}.stock-table-wrap table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.stock-table-wrap th{position:sticky;top:0;z-index:1;padding:9px 8px;background:var(--viewer-bg);border-bottom:1px solid var(--border);color:var(--faint);font-size:8px;font-weight:700;letter-spacing:1px;text-align:left}.stock-table-wrap th:nth-child(1){width:39%}.stock-table-wrap th:nth-child(2){width:30%}.stock-table-wrap th:nth-child(3){width:23%;text-align:right}.stock-table-wrap td{padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 68%,transparent);color:var(--muted);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-table-wrap tbody tr:last-child td{border-bottom:0}.stock-table-wrap tbody tr{transition:background .16s ease}.stock-table-wrap tbody tr:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.stock-table-wrap td:first-child{white-space:normal}.stock-table-wrap td strong{display:block;color:var(--ink);font-size:10.5px;line-height:1.22}.stock-table-wrap td small{display:block;margin-top:3px;color:var(--faint);font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-qty{text-align:right!important}.stock-qty b{color:var(--ink);font-size:11px}.stock-qty span{margin-left:3px;color:var(--faint);font-size:9px}.stock-state{text-align:right!important;width:19px}.stock-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#56d97a;box-shadow:0 0 12px color-mix(in srgb,#56d97a 58%,transparent)}.stock-state span{display:inline-block;padding:3px 5px;border-radius:999px;background:color-mix(in srgb,#ef5350 14%,transparent);color:#ef5350;font-size:8px;font-weight:700;white-space:nowrap}.stock-table-wrap tr.is-low{background:color-mix(in srgb,#ef5350 4%,transparent)}
.stock-table-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.72fr) minmax(110px,.67fr);gap:6px;margin:0 0 10px}.stock-table-tools label{display:flex;align-items:center;gap:5px;min-width:0;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg)}.stock-table-tools label i{color:var(--faint);font-size:14px;font-style:normal}.stock-table-tools input,.stock-table-tools select{min-width:0;height:31px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg);color:var(--ink);font:600 9px var(--font);outline:none;box-shadow:none}.stock-table-tools input{width:100%;border:0;background:transparent}.stock-table-tools select{-webkit-appearance:none;appearance:none;padding:0 22px 0 8px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%238891a1' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.stock-table-tools label:hover,.stock-table-tools select:hover{border-color:var(--muted)}.stock-table-tools input:focus,.stock-table-tools select:focus{border-color:var(--accent);box-shadow:none}.stock-empty-row td{padding:18px 8px!important;color:var(--faint)!important;text-align:center;white-space:normal!important}@media(max-width:500px){.stock-table-tools{grid-template-columns:1fr 1fr}.stock-table-tools label{grid-column:1/-1}}

/* Stock controls and values: a small step up for comfortable reading. */
.stock-table-tools input,.stock-table-tools select{font-size:11px}.stock-table-wrap table{font-size:11px}.stock-table-wrap td strong{font-size:11.5px}.stock-qty b{font-size:12px}.stock-qty span{font-size:10px}.stock-inventory-head small{font-size:11px}

/* Products drawer: mirrors the dotted category regions from the map. */
.product-catalog{margin:18px 0 26px;padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--input-bg) 72%,transparent),color-mix(in srgb,var(--viewer-bg) 70%,transparent))}.product-catalog-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.product-catalog-head span{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--faint)}.product-catalog-head small{font-size:11px;color:var(--muted);text-align:right}.product-catalog-note{margin:9px 0 14px;color:var(--muted);font-size:11px;line-height:1.45}.product-category-list{display:grid;gap:10px}.product-category{border:1px dashed color-mix(in srgb,var(--dept-produtos,#67d9ff) 58%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--viewer-bg) 48%,transparent);overflow:hidden}.product-category header{display:flex;align-items:center;gap:9px;padding:10px 11px;border-bottom:1px dashed color-mix(in srgb,var(--dept-produtos,#67d9ff) 38%,var(--border))}.product-category header i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--dept-produtos,#67d9ff);box-shadow:0 0 10px color-mix(in srgb,var(--dept-produtos,#67d9ff) 48%,transparent)}.product-category header b,.product-category header small{display:block}.product-category header b{color:var(--ink);font-size:12px;line-height:1.2}.product-category header small{margin-top:2px;color:var(--faint);font-size:10px}.product-category-items{display:grid}.product-category-items button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 11px;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:transparent;color:var(--muted);font:600 11px var(--font);text-align:left;cursor:pointer}.product-category-items button:last-child{border-bottom:0}.product-category-items button:hover{background:color-mix(in srgb,var(--dept-produtos,#67d9ff) 8%,transparent);color:var(--ink)}.product-category-items button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-category-items button em{flex:0 0 auto;color:var(--faint);font-size:9px;font-style:normal}

/* Purchase drawer: compact operational view of the imported orders. */
.purchase-orders{margin:18px 0 26px;padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--input-bg) 72%,transparent),color-mix(in srgb,var(--viewer-bg) 70%,transparent))}.purchase-orders-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.purchase-orders-head span{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--faint)}.purchase-orders-head small{font-size:11px;color:var(--muted);text-align:right}.purchase-orders-wrap{max-height:400px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--viewer-bg) 62%,transparent)}.purchase-orders-wrap table{width:100%;min-width:610px;border-collapse:collapse;table-layout:fixed;font-size:11px}.purchase-orders-wrap th{position:sticky;top:0;z-index:1;padding:9px 8px;border-bottom:1px solid var(--border);background:var(--viewer-bg);color:var(--faint);font-size:8px;font-weight:700;letter-spacing:1px;text-align:left}.purchase-orders-wrap th:nth-child(1){width:35%}.purchase-orders-wrap th:nth-child(2){width:13%}.purchase-orders-wrap th:nth-child(3),.purchase-orders-wrap th:nth-child(4){width:16%}.purchase-orders-wrap th:nth-child(5){width:20%}.purchase-orders-wrap td{padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 68%,transparent);color:var(--muted);vertical-align:middle}.purchase-orders-wrap tbody tr:last-child td{border-bottom:0}.purchase-orders-wrap tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.purchase-orders-wrap td strong,.purchase-orders-wrap td small{display:block}.purchase-orders-wrap td strong{color:var(--ink);font-size:11px}.purchase-orders-wrap td small{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--faint);font-size:9.5px}.purchase-progress{display:grid;grid-template-columns:minmax(34px,1fr) auto;align-items:center;gap:6px;min-width:74px}.purchase-progress:before{content:'';grid-column:1;grid-row:1;height:5px;border-radius:999px;background:var(--border)}.purchase-progress i{grid-column:1;grid-row:1;height:5px;border-radius:999px;background:#56d97a}.purchase-progress.received i{background:#4cc9e8}.purchase-progress b{grid-column:2;grid-row:1;color:var(--ink);font-size:10px}.purchase-actions{white-space:nowrap}.purchase-actions button{margin-right:4px;padding:5px 7px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg);color:var(--ink);font:600 10px var(--font);cursor:pointer}.purchase-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.purchase-actions button:disabled{opacity:.45;cursor:default}

.supplier-summary{margin:18px 0 26px;padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--input-bg) 72%,transparent),color-mix(in srgb,var(--viewer-bg) 70%,transparent))}.supplier-summary-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.supplier-summary-head span{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--faint)}.supplier-summary-head small{font-size:11px;color:var(--muted);text-align:right}.supplier-summary-wrap{max-height:400px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--viewer-bg) 62%,transparent)}.supplier-summary-wrap table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.supplier-summary-wrap th{position:sticky;top:0;z-index:1;padding:9px 8px;border-bottom:1px solid var(--border);background:var(--viewer-bg);color:var(--faint);font-size:8px;font-weight:700;letter-spacing:1px;text-align:left}.supplier-summary-wrap th:first-child{width:46%}.supplier-summary-wrap th:nth-child(2){width:28%}.supplier-summary-wrap td{padding:10px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 68%,transparent);color:var(--muted);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-summary-wrap tbody tr:last-child td{border-bottom:0}.supplier-summary-wrap tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.supplier-summary-wrap td strong{color:var(--ink);font-size:11px}.supplier-summary-wrap td b{color:var(--ink);font-size:11.5px}

.invoice-table{margin:18px 0 26px;padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--input-bg) 72%,transparent),color-mix(in srgb,var(--viewer-bg) 70%,transparent))}.invoice-table-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.invoice-table-head span{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--faint)}.invoice-table-head small{font-size:11px;color:var(--muted);text-align:right}.invoice-table-wrap{max-height:400px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--viewer-bg) 62%,transparent)}.invoice-table-wrap table{width:100%;min-width:570px;border-collapse:collapse;table-layout:fixed;font-size:11px}.invoice-table-wrap th{position:sticky;top:0;z-index:1;padding:9px 8px;border-bottom:1px solid var(--border);background:var(--viewer-bg);color:var(--faint);font-size:8px;font-weight:700;letter-spacing:1px;text-align:left}.invoice-table-wrap th:nth-child(1){width:35%}.invoice-table-wrap th:nth-child(2){width:13%}.invoice-table-wrap th:nth-child(3){width:18%}.invoice-table-wrap th:nth-child(4){width:16%}.invoice-table-wrap th:nth-child(5){width:15%}.invoice-table-wrap td{padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 68%,transparent);color:var(--muted);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-table-wrap tbody tr:last-child td{border-bottom:0}.invoice-table-wrap tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.invoice-table-wrap td strong{color:var(--ink);font-size:11px}.invoice-table-wrap td b{color:var(--ink);font-size:11.5px}.invoice-actions button{padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg);color:var(--ink);font:600 10px var(--font);cursor:pointer}.invoice-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.invoice-actions button:disabled{opacity:.45;cursor:default}

/* toast */
#brain-toast { position: fixed; bottom: 72px; left: 50%; transform: translateX(-50%) translateY(70px); z-index: 70;
  background: var(--seg-on-bg); color: var(--seg-on-ink); font-size: 12px; font-weight: 600; padding: 9px 18px;
  border-radius: 22px; box-shadow: var(--shadow); opacity: 0; visibility: hidden; transition: transform .22s ease, opacity .18s ease, visibility 0s linear .22s; pointer-events: none; }
#brain-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; visibility: visible; transition-delay: 0s; }

@media (max-width: 900px) {
  #brain-legend { display: none; }
  #brain-panel { width: 218px; }
  #brain-card { width: 250px; }
  .p-search { top: 14px; right: 14px; width: calc(100vw - 28px); height: 44px; border-radius: 13px; }
  .p-search:focus-within { width: calc(100vw - 28px); }
  #simplified-toggle { bottom: 18px; }
}
/* Presentation tour ------------------------------------------------------- */
#brain-tour{position:fixed;inset:0;z-index:110;display:none;pointer-events:none;font-family:'Outfit',sans-serif}
#brain-tour.show{display:block}
.tour-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,transparent 0,transparent 22%,rgba(3,6,10,.26) 58%,rgba(3,6,10,.72) 100%);animation:tour-vignette-in .8s ease both}
#brain-tour-card{position:absolute;left:50%;bottom:7.5vh;transform:translateX(-50%);width:min(720px,calc(100vw - 44px));padding:28px 34px 30px;border:1px solid rgba(168,237,36,.3);border-radius:24px;background:linear-gradient(145deg,rgba(10,16,21,.94),rgba(10,12,17,.88));box-shadow:0 24px 90px rgba(0,0,0,.58),0 0 55px rgba(168,237,36,.06);backdrop-filter:blur(20px);pointer-events:auto;text-align:center;animation:tour-card-in .65s cubic-bezier(.18,.85,.22,1) both}
#brain-tour-card:before{content:'';position:absolute;left:22%;right:22%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#a8ed24,transparent);box-shadow:0 0 18px #a8ed24}
#brain-tour-card .tour-kicker,#brain-tour-card .tour-step{font-size:11px;font-weight:700;letter-spacing:3px;color:#a8ed24;text-transform:uppercase;margin-bottom:12px}
#brain-tour-card h1{font-size:clamp(34px,5vw,70px);line-height:.98;letter-spacing:-2px;margin:0 0 16px;color:#f6f8f4;text-shadow:0 0 40px rgba(168,237,36,.12);animation:tour-title-in 1.1s .12s cubic-bezier(.16,.86,.24,1) both}
#brain-tour-card h2{font-size:clamp(24px,3vw,40px);line-height:1.08;letter-spacing:-1px;margin:0 auto 14px;max-width:650px;color:#f6f8f4}
#brain-tour-card p{font-size:16px;line-height:1.55;color:#aeb8bd;max-width:620px;margin:0 auto 22px}
#brain-tour-card button{border:0;border-radius:999px;padding:13px 25px;background:#a8ed24;color:#10150d;font:700 13px 'Outfit',sans-serif;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 30px rgba(168,237,36,.2);transition:transform .2s ease,box-shadow .2s ease}
#brain-tour-card button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 38px rgba(168,237,36,.32)}
#brain-tour-card button:disabled{opacity:.58;cursor:wait;filter:saturate(.65);box-shadow:none;transform:none}
#brain-tour-guide{position:absolute;z-index:4;left:50%;bottom:7.5vh;transform:translate(-50%,16px) scale(.97);width:min(540px,calc(100vw - 44px));padding:18px 24px;border:1px solid rgba(168,237,36,.38);border-radius:18px;background:linear-gradient(145deg,rgba(10,16,21,.95),rgba(10,12,17,.9));box-shadow:0 18px 62px rgba(0,0,0,.5),0 0 35px rgba(168,237,36,.09);backdrop-filter:blur(18px);pointer-events:none;text-align:center;opacity:0;transition:opacity .3s ease,transform .3s cubic-bezier(.18,.85,.22,1)}#brain-tour-guide.show{opacity:1;transform:translate(-50%,0) scale(1)}#brain-tour-guide span{display:block;margin-bottom:7px;color:#a8ed24;font:700 10px 'Outfit',sans-serif;letter-spacing:2px}#brain-tour-guide b{display:block;color:#f6f8f4;font:700 25px/1.1 'Outfit',sans-serif;letter-spacing:-.5px}#brain-tour-guide p{margin:7px auto 0;max-width:450px;color:#aeb8bd;font:400 13px/1.45 'Outfit',sans-serif}
#brain-tour-skip{position:absolute;right:64px;top:22px;pointer-events:auto;border:0;background:transparent;color:rgba(235,240,241,.55);font:500 12px 'Outfit',sans-serif;letter-spacing:1px;cursor:pointer;padding:8px}
#brain-tour-skip:hover{color:#fff}
.tour-wait{display:flex;align-items:center;justify-content:center;gap:10px;color:#a8ed24;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
.tour-wait i{width:8px;height:8px;border-radius:50%;background:#a8ed24;box-shadow:0 0 18px #a8ed24;animation:tour-pulse 1s ease-in-out infinite}
.tour-pointer{display:inline-flex;align-items:center;gap:9px;color:#a8ed24;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.tour-pointer:before{content:'';width:9px;height:9px;border:2px solid #a8ed24;border-radius:50%;box-shadow:0 0 0 0 rgba(168,237,36,.5);animation:tour-ring 1.3s infinite}
.tour-scroll-cue{display:flex;align-items:center;gap:11px;color:#a8ed24;font-size:12px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase}
.tour-scroll-cue i{position:relative;width:22px;height:34px;border:1.5px solid rgba(168,237,36,.75);border-radius:13px;box-shadow:0 0 16px rgba(168,237,36,.12)}
.tour-scroll-cue i:after{content:'';position:absolute;left:50%;top:7px;width:4px;height:7px;margin-left:-2px;border-radius:4px;background:#a8ed24;box-shadow:0 0 9px #a8ed24;animation:tour-scroll 1.35s ease-in-out infinite}
.tour-drawer-scroll-button{position:absolute;z-index:9;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 48px);padding:13px 16px 13px 18px;border:1px solid rgba(168,237,36,.62);border-radius:999px;background:rgba(10,16,21,.94);color:#a8ed24;box-shadow:0 10px 38px rgba(0,0,0,.52),0 0 28px rgba(168,237,36,.18);font:800 11px 'Outfit',sans-serif;letter-spacing:1.25px;cursor:pointer;animation:tour-drawer-cue 1.45s ease-in-out infinite}
.tour-drawer-scroll-button span{font:900 22px/1 'Outfit',sans-serif;text-shadow:0 0 14px #a8ed24;animation:tour-drawer-arrow 1.05s ease-in-out infinite}
#brain-tour.compact .tour-vignette{background:linear-gradient(180deg,rgba(3,6,10,.54),transparent 38%,transparent 72%,rgba(3,6,10,.26))}
#brain-tour.compact #brain-tour-card{left:26px;bottom:auto;top:96px;transform:none!important;width:min(390px,calc(100vw - 52px));padding:22px 24px;text-align:left;border-radius:18px;animation:none}
#brain-tour.compact #brain-tour-card h2{font-size:25px;margin-left:0}
#brain-tour.compact #brain-tour-card p{font-size:14px;margin-left:0}
#brain-tour.compact #brain-tour-card .tour-pointer{justify-content:flex-start}
body.tour-active #brain-hud,body.tour-active #brain-panel,body.tour-active #brain-legend,body.tour-active #simplified-toggle,body.tour-active .fab,body.tour-active #action-center,body.tour-active .action-center,body.tour-active [aria-label="Action Center"],body.tour-active .view-tabs,body.tour-active [aria-label="Visualizações"],body.tour-active .p-search{opacity:0!important;pointer-events:none!important;transition:opacity .35s ease}
body.tour-active.tour-simplified-prompt #simplified-toggle{opacity:1!important;pointer-events:auto!important;z-index:122;border-color:#a8ed24;box-shadow:0 0 0 0 rgba(168,237,36,.55),0 14px 42px rgba(0,0,0,.5);animation:tour-simplified-pulse 1.25s ease-out infinite}
#brain-tour.simplified-prompt #brain-tour-card{left:auto;right:26px;top:92px;bottom:auto;transform:none!important;width:min(390px,calc(100vw - 52px));padding:22px 24px;text-align:left;border-radius:18px;animation:none}
#brain-tour.simplified-prompt #brain-tour-card h2,#brain-tour.simplified-prompt #brain-tour-card p{margin-left:0}
html[data-theme="light"] #brain-tour-card{background:linear-gradient(145deg,rgba(255,255,252,.96),rgba(242,246,241,.92));border-color:rgba(70,104,24,.28);box-shadow:0 24px 90px rgba(34,48,38,.2)}
html[data-theme="light"] #brain-tour-card h1,html[data-theme="light"] #brain-tour-card h2{color:#18211d}
html[data-theme="light"] #brain-tour-card p{color:#5e6a65}
html[data-theme="light"] #brain-tour-guide{background:linear-gradient(145deg,rgba(255,255,252,.96),rgba(242,246,241,.92));border-color:rgba(70,104,24,.3);box-shadow:0 18px 62px rgba(34,48,38,.18)}html[data-theme="light"] #brain-tour-guide b{color:#18211d}html[data-theme="light"] #brain-tour-guide p{color:#5e6a65}
html[data-theme="light"] #brain-tour-skip{color:rgba(20,34,28,.6)}
@keyframes tour-card-in{from{opacity:0;transform:translate(-50%,22px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes tour-title-in{from{opacity:0;filter:blur(12px);transform:scale(.92)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@keyframes tour-vignette-in{from{opacity:0}to{opacity:1}}
@keyframes tour-pulse{50%{transform:scale(1.55);opacity:.55}}
@keyframes tour-ring{to{box-shadow:0 0 0 10px rgba(168,237,36,0)}}
@keyframes tour-scroll{0%{transform:translateY(0);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translateY(12px);opacity:0}}
@keyframes tour-drawer-cue{0%,100%{box-shadow:0 10px 38px rgba(0,0,0,.52),0 0 20px rgba(168,237,36,.12)}50%{box-shadow:0 12px 44px rgba(0,0,0,.58),0 0 38px rgba(168,237,36,.36)}}
@keyframes tour-drawer-arrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(7px)}}
@keyframes tour-simplified-pulse{0%{box-shadow:0 0 0 0 rgba(168,237,36,.55),0 14px 42px rgba(0,0,0,.5)}75%,100%{box-shadow:0 0 0 18px rgba(168,237,36,0),0 14px 42px rgba(0,0,0,.5)}}
html[data-theme="light"] .tour-drawer-scroll-button{background:rgba(250,253,247,.96);color:#426711;box-shadow:0 10px 38px rgba(34,48,38,.2),0 0 28px rgba(92,139,29,.18)}
html[data-theme="light"] .tour-drawer-scroll-button span{color:#426711;text-shadow:0 0 12px rgba(92,139,29,.35)}
@media(max-width:700px){#brain-tour-card{bottom:24px;padding:22px 20px}#brain-tour.compact #brain-tour-card{left:16px;right:16px;top:78px;width:auto}#brain-tour-skip{right:54px;top:10px}}
.isolate-stock-scroll td small.isolate-inline-unit{display:inline!important;margin-left:3px;color:var(--faint)!important;font-size:9px!important;font-weight:600}
/* Light mode has its own isolated workspace: calm paper surfaces, high-contrast
   data and restrained depth instead of inheriting the dark canvas fallback. */
html[data-theme="light"] #brain-isolate{background:#f4f7f1;color:#17231d}
html[data-theme="light"] .isolate-shell{background:radial-gradient(circle at 76% 0%,rgba(151,194,65,.16),transparent 31%),radial-gradient(circle at 10% 82%,rgba(235,154,55,.10),transparent 30%),#f4f7f1}
html[data-theme="light"] .isolate-head h1{color:#17231d}
html[data-theme="light"] .isolate-head p{color:#607068}
html[data-theme="light"] .isolate-close,html[data-theme="light"] .isolate-foot button{background:#fffefb;border-color:#d5ded4;color:#26362c;box-shadow:0 5px 16px rgba(46,64,51,.08)}
html[data-theme="light"] .isolate-flow-wrap{border-color:#d6dfd3;background:rgba(255,255,252,.78);box-shadow:0 16px 38px rgba(55,75,59,.08)}
html[data-theme="light"] .isolate-flow-node,html[data-theme="light"] .isolate-flow-group{background:rgba(255,255,252,.9);border-color:#d5ded4;box-shadow:0 4px 14px rgba(54,71,59,.05)}
html[data-theme="light"] .isolate-flow-node.root{background:color-mix(in srgb,var(--isolate-color) 10%,#fffefb)}
html[data-theme="light"] .isolate-flow-node b,html[data-theme="light"] .isolate-flow-group header b{color:#1d2b23}
html[data-theme="light"] .isolate-flow-node small,html[data-theme="light"] .isolate-flow-group header small,html[data-theme="light"] .isolate-flow-arrow{color:#718078}
.isolate-flow-plus{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border));border-radius:50%;color:var(--accent);font-size:21px;font-weight:700;line-height:1}
html[data-theme="light"] .isolate-flow-group button{background:color-mix(in srgb,var(--isolate-color) 12%,#fffefb)}
html[data-theme="light"] .isolate-flow-group button::after{background:#fffefb;border-color:#d1dbd0;box-shadow:0 10px 24px rgba(44,62,48,.16);color:#1c2a22}
html[data-theme="light"] .isolate-data section,html[data-theme="light"] .isolate-consumption-analysis{background:rgba(255,255,252,.86);border-color:#d7e0d5;box-shadow:0 8px 24px rgba(53,72,58,.055)}
html[data-theme="light"] .isolate-section-head span,html[data-theme="light"] .isolate-detail-table th,html[data-theme="light"] .isolate-rel-table th{color:#77847d}
html[data-theme="light"] .isolate-section-head b,html[data-theme="light"] .isolate-rel-table td,html[data-theme="light"] .isolate-empty{color:#617068}
html[data-theme="light"] .isolate-detail-table td,html[data-theme="light"] .isolate-rel-table td button{color:#1d2b23}
html[data-theme="light"] .isolate-detail-table th,html[data-theme="light"] .isolate-detail-table td,html[data-theme="light"] .isolate-rel-table th,html[data-theme="light"] .isolate-rel-table td{border-color:#e1e7df}
html[data-theme="light"] .isolate-rel-scroll,html[data-theme="light"] .isolate-materials-scroll,html[data-theme="light"] .isolate-product-spend-scroll,html[data-theme="light"] .isolate-stock-scroll{border-color:#d9e2d8;background:#fffefb}
html[data-theme="light"] .isolate-rel-scroll .isolate-rel-table th,html[data-theme="light"] .isolate-materials-scroll th,html[data-theme="light"] .isolate-product-spend th,html[data-theme="light"] .isolate-stock-scroll th{background:#f7f9f4;border-color:#dce4da;color:#77847d}
html[data-theme="light"] .isolate-materials-scroll td,html[data-theme="light"] .isolate-product-spend td,html[data-theme="light"] .isolate-stock-scroll td{border-color:#e2e8e1;color:#607068}
html[data-theme="light"] .isolate-materials-scroll td strong,html[data-theme="light"] .isolate-materials-scroll td b,html[data-theme="light"] .isolate-product-spend td b,html[data-theme="light"] .isolate-stock-scroll td b,html[data-theme="light"] .isolate-stock-scroll td strong{color:#1d2b23}
html[data-theme="light"] .isolate-consumption-meta article,html[data-theme="light"] .isolate-stock-kpis article,html[data-theme="light"] .isolate-stock-grid>section{background:#f8faf6;border-color:#dce4da}
html[data-theme="light"] .isolate-consumption-meta b,html[data-theme="light"] .isolate-stock-kpis b{color:#1d2b23}
html[data-theme="light"] .isolate-product-spend{background:color-mix(in srgb,var(--accent) 6%,#fffefb);border-color:color-mix(in srgb,var(--accent) 32%,#d5ded4)}
html[data-theme="light"] .isolate-stock-analysis{background:linear-gradient(145deg,rgba(255,255,252,.96),rgba(243,248,237,.92));border-color:color-mix(in srgb,var(--accent) 30%,#d4ded2)}
.isolate-flow-wrap{position:relative;z-index:20}
.isolate-flow-group button:hover{z-index:120}
.isolate-flow-group button::after{z-index:121}
/* The flow remains horizontally scrollable, so reserve a safe vertical lane
   for hover cards and keep the edge groups' cards inside that scroll frame. */
.isolate-flow-wrap{padding:44px 16px}
.isolate-flow-group:first-child button::after{left:0;transform:translate(0,4px)}
.isolate-flow-group:first-child button:hover::after{transform:translate(0,0)}
.isolate-flow-group:last-child button::after{left:auto;right:0;transform:translate(0,4px)}
.isolate-flow-group:last-child button:hover::after{transform:translate(0,0)}
/* Contextual entry to the isolated view: visible once a meaningful record is selected. */
#isolate-toggle{bottom:74px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:310px;max-width:min(500px,calc(100vw - 32px));padding:8px 9px 8px 10px;border-color:color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 64%,var(--border));background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 14px 36px rgba(0,0,0,.3),0 0 0 1px color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 10%,transparent);text-align:left;letter-spacing:0}
#isolate-toggle:hover{border-color:var(--isolate-entry-color,var(--accent));color:var(--ink);transform:translateX(-50%) translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.35),0 0 20px color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 22%,transparent)}
.isolate-entry-dot{display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 58%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 12%,transparent)}.isolate-entry-dot i{width:9px;height:9px;border-radius:50%;background:var(--isolate-entry-color,var(--accent));box-shadow:0 0 13px color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 70%,transparent)}.isolate-entry-copy{min-width:0;display:grid;gap:2px}.isolate-entry-copy small{overflow:hidden;color:var(--faint);font-size:8px;font-weight:800;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap}.isolate-entry-copy b{overflow:hidden;color:var(--ink);font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.isolate-entry-open{padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 13%,var(--input-bg));color:var(--ink);font-size:10px;font-weight:800;white-space:nowrap}.isolate-entry-open em{margin-left:4px;color:var(--isolate-entry-color,var(--accent));font-size:14px;font-style:normal}.isolate-detail-action{display:flex;align-items:center;gap:6px;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 9%,var(--input-bg))}.isolate-detail-action span{color:var(--accent);font-size:15px;line-height:0}.isolate-detail-action b{margin-left:2px;color:var(--accent);font-size:13px}@media(max-width:620px){#isolate-toggle{bottom:70px;min-width:0;width:calc(100vw - 32px)}.isolate-entry-open{font-size:0}.isolate-entry-open em{margin:0;font-size:16px}}
html[data-theme="light"] #isolate-toggle{background:rgba(255,255,252,.96);box-shadow:0 12px 32px rgba(46,64,51,.16),0 0 0 1px color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 10%,transparent)}
html[data-theme="light"] #isolate-toggle:hover{box-shadow:0 16px 38px rgba(46,64,51,.2),0 0 20px color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 18%,transparent)}
.supplier-isolation-analysis{padding:18px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--panel) 64%,transparent)}.supplier-financial-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.supplier-financial-kpis article{padding:14px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:11px;background:color-mix(in srgb,var(--viewer-bg) 58%,transparent)}.supplier-financial-kpis span{display:block;color:var(--faint);font-size:8px;font-weight:800;letter-spacing:1px}.supplier-financial-kpis b{display:block;margin:7px 0 5px;color:var(--ink);font-size:18px;line-height:1.15}.supplier-financial-kpis small{color:var(--muted);font-size:9px}.supplier-price-section{margin-bottom:16px;padding:14px;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:12px;background:color-mix(in srgb,var(--viewer-bg) 42%,transparent)}.supplier-price-list{display:grid;gap:7px}.supplier-price-change{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,.85fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:9px;background:color-mix(in srgb,var(--panel) 46%,transparent)}.supplier-price-change b,.supplier-price-change small{display:block}.supplier-price-change b{color:var(--ink);font-size:11px}.supplier-price-change small{margin-top:3px;color:var(--faint);font-size:9px}.supplier-price-track{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;color:var(--muted);font-size:9px;white-space:nowrap}.supplier-price-track i{height:2px;border-radius:99px;background:var(--border)}.supplier-price-change strong{padding:5px 7px;border-radius:7px;font-size:11px}.supplier-price-change.up strong{background:color-mix(in srgb,#ef5350 13%,transparent);color:#ef5350}.supplier-price-change.down strong{background:color-mix(in srgb,#56a978 13%,transparent);color:#56a978}.supplier-items-section{padding:14px;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:12px;background:color-mix(in srgb,var(--viewer-bg) 42%,transparent)}.supplier-items-scroll{max-height:380px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:9px}.supplier-items-scroll table{width:100%;border-collapse:collapse;font-size:11px}.supplier-items-scroll th{position:sticky;top:0;padding:9px 8px;border-bottom:1px solid var(--border);background:var(--viewer-bg);color:var(--faint);font-size:8px;font-weight:800;letter-spacing:.8px;text-align:left}.supplier-items-scroll td{padding:10px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--muted);vertical-align:middle}.supplier-items-scroll tr:last-child td{border-bottom:0}.supplier-items-scroll td strong,.supplier-items-scroll td b{color:var(--ink);font-size:11px}.supplier-items-scroll td small{display:block;color:var(--faint);font-size:9px}@media(max-width:700px){.supplier-financial-kpis{grid-template-columns:1fr}.supplier-price-change{grid-template-columns:1fr auto}.supplier-price-track{grid-column:1/-1;grid-row:2}.supplier-items-scroll table{min-width:520px}}
html[data-theme="light"] .supplier-isolation-analysis{background:linear-gradient(145deg,rgba(255,255,252,.97),rgba(244,248,241,.92));border-color:color-mix(in srgb,var(--accent) 28%,#d5ded4)}html[data-theme="light"] .supplier-financial-kpis article,html[data-theme="light"] .supplier-price-section,html[data-theme="light"] .supplier-items-section{background:#f8faf6;border-color:#dce4da}html[data-theme="light"] .supplier-price-change{background:#fffefb;border-color:#e0e7df}html[data-theme="light"] .supplier-items-scroll{border-color:#d9e2d8;background:#fffefb}html[data-theme="light"] .supplier-items-scroll th{background:#f7f9f4;border-color:#dce4da;color:#77847d}html[data-theme="light"] .supplier-items-scroll td{border-color:#e2e8e1;color:#607068}html[data-theme="light"] .supplier-financial-kpis b,html[data-theme="light"] .supplier-price-change b,html[data-theme="light"] .supplier-items-scroll td strong,html[data-theme="light"] .supplier-items-scroll td b{color:#1d2b23}
.supplier-sparkline{display:grid;grid-template-columns:minmax(54px,1fr) 92px minmax(54px,1fr);align-items:center;gap:10px;min-width:228px}.supplier-sparkline svg{display:block;width:92px;height:31px;overflow:visible}.supplier-spark-base{stroke:color-mix(in srgb,var(--border) 80%,transparent);stroke-width:1;stroke-dasharray:2 3}.supplier-spark-price{color:var(--muted);font-size:11px;font-weight:800;line-height:1;letter-spacing:-.2px;white-space:nowrap}.supplier-spark-price.start{text-align:right}.supplier-spark-price.end{text-align:left}@media(max-width:700px){.supplier-sparkline{min-width:0;width:100%;grid-template-columns:minmax(58px,1fr) 92px minmax(58px,1fr)}.supplier-price-change .supplier-sparkline{grid-column:1/-1;grid-row:2}}
.supplier-items-scroll td small.isolate-inline-unit{display:inline!important;margin-left:3px;color:var(--faint);font-size:9px}
.purchase-isolation-analysis{padding:18px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--panel) 62%,transparent)}.purchase-order-meta{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;margin-bottom:14px}.purchase-order-meta article{min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:10px;background:color-mix(in srgb,var(--viewer-bg) 58%,transparent)}.purchase-order-meta span,.purchase-order-progress span{display:block;color:var(--faint);font-size:8px;font-weight:800;letter-spacing:1px}.purchase-order-meta b{display:block;margin:6px 0 4px;overflow:hidden;color:var(--ink);font-size:14px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.purchase-order-meta small{color:var(--muted);font-size:10px}.purchase-order-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.purchase-order-progress article{padding:11px 12px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:10px;background:color-mix(in srgb,var(--viewer-bg) 38%,transparent)}.purchase-order-progress div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.purchase-order-progress b{color:var(--ink);font-size:17px}.purchase-order-progress i{display:block;height:6px;margin-top:9px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--border) 80%,transparent)}.purchase-order-progress em{display:block;height:100%;min-width:3px;border-radius:inherit;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 55%,transparent)}.purchase-order-progress article:nth-child(2) em{background:#59c9d8;box-shadow:0 0 10px rgba(89,201,216,.42)}.purchase-items-section{padding:14px;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:12px;background:color-mix(in srgb,var(--viewer-bg) 42%,transparent)}.purchase-items-scroll{max-height:400px;overflow:auto;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:9px}.purchase-items-scroll table{width:100%;border-collapse:collapse;font-size:11px}.purchase-items-scroll th{position:sticky;top:0;padding:9px 8px;border-bottom:1px solid var(--border);background:var(--viewer-bg);color:var(--faint);font-size:8px;font-weight:800;letter-spacing:.8px;text-align:left}.purchase-items-scroll td{padding:10px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--muted);vertical-align:middle}.purchase-items-scroll tr:last-child td{border-bottom:0}.purchase-items-scroll td b,.purchase-items-scroll td strong{color:var(--ink);font-size:11px}.purchase-items-scroll td small{display:block;color:var(--faint);font-size:9px}.purchase-items-scroll td small.isolate-inline-unit{display:inline!important;margin-left:3px}@media(max-width:700px){.purchase-order-meta,.purchase-order-progress{grid-template-columns:1fr}.purchase-items-scroll table{min-width:570px}}
html[data-theme="light"] .purchase-isolation-analysis{background:linear-gradient(145deg,rgba(255,255,252,.97),rgba(244,248,241,.92));border-color:color-mix(in srgb,var(--accent) 28%,#d5ded4)}html[data-theme="light"] .purchase-order-meta article,html[data-theme="light"] .purchase-order-progress article,html[data-theme="light"] .purchase-items-section{background:#f8faf6;border-color:#dce4da}html[data-theme="light"] .purchase-order-meta b,html[data-theme="light"] .purchase-order-progress b,html[data-theme="light"] .purchase-items-scroll td b,html[data-theme="light"] .purchase-items-scroll td strong{color:#1d2b23}html[data-theme="light"] .purchase-items-scroll{border-color:#d9e2d8;background:#fffefb}html[data-theme="light"] .purchase-items-scroll th{background:#f7f9f4;border-color:#dce4da;color:#77847d}html[data-theme="light"] .purchase-items-scroll td{border-color:#e2e8e1;color:#607068}
.field-season-history{padding:16px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel) 58%,transparent)}.field-season-history-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.field-season-history-head span{color:var(--faint);font-size:9px;font-weight:850;letter-spacing:1.25px}.field-season-history-head small{color:var(--muted);font-size:11px}.field-season-history>p{margin:8px 0 14px;color:var(--muted);font-size:12px;line-height:1.45}.field-season-history-table{overflow:auto;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:10px}.field-season-history table{width:100%;border-collapse:collapse;font-size:12px}.field-season-history th{padding:10px 9px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--viewer-bg) 72%,transparent);color:var(--faint);font-size:8px;font-weight:800;letter-spacing:1px;text-align:left}.field-season-history td{padding:12px 9px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:var(--muted);vertical-align:middle}.field-season-history tr:last-child td{border-bottom:0}.field-season-history td strong{display:block;color:var(--ink);font-size:12px}.field-season-history td small{display:block;margin-top:3px;color:var(--faint);font-size:10px}.field-season-history td span{margin:0 3px;color:var(--faint)}.field-season-state{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--faint)}.field-season-state.active{background:#56d97a;box-shadow:0 0 9px rgba(86,217,122,.55)}html[data-theme="light"] .field-season-history{background:linear-gradient(145deg,rgba(255,255,252,.97),rgba(244,248,241,.92));border-color:#dce4da}html[data-theme="light"] .field-season-history-table{border-color:#d9e2d8;background:#fffefb}html[data-theme="light"] .field-season-history th{background:#f7f9f4;border-color:#dce4da;color:#77847d}html[data-theme="light"] .field-season-history td{border-color:#e2e8e1;color:#607068}html[data-theme="light"] .field-season-history td strong{color:#1d2b23}
/* The reading drawer on the right is the sole detail surface. */
#brain-card{display:none!important}
/* Keep the contextual isolated-view entry close to the Command Center. */
#isolate-toggle{top:170px;bottom:auto;left:26px;transform:none}
#isolate-toggle:hover{transform:translateY(-2px)}
#isolate-toggle:focus{outline:none}
#isolate-toggle:focus-visible{outline:none;box-shadow:0 14px 36px rgba(0,0,0,.3),0 0 0 3px color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 28%,transparent),0 0 18px color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 18%,transparent)}
#isolate-toggle{position:fixed!important;border-radius:999px!important;appearance:none;-webkit-appearance:none;isolation:isolate}
#isolate-toggle::before{content:'';position:absolute;inset:-5px;z-index:-1;border:2px solid var(--isolate-entry-color,var(--accent));border-radius:999px;box-shadow:0 0 16px color-mix(in srgb,var(--isolate-entry-color,var(--accent)) 28%,transparent);opacity:0;pointer-events:none;transition:opacity .16s ease}
#isolate-toggle:hover::before,#isolate-toggle:focus-visible::before{opacity:1}
.isolate-entry-open{border-radius:999px}
@media(max-width:700px){#isolate-toggle{top:164px;bottom:auto;left:14px;width:min(360px,calc(100vw - 28px))}}