/* UI20261015-R1: static surface and local product assets; original geometry/typography retained. */
body[data-ui-skin="engine"] {
  color-scheme: light dark;
  --bg: light-dark(#F9F4F5,#191C23); --panel: light-dark(#FFFFFF,#242933);
  --ink: light-dark(#282A32,#F0F2F7); --muted: light-dark(#73727B,#B4B7C3);
  --line: light-dark(#DFE1E7,#454A57); --brand: light-dark(#C43B3B,#F0A09F);
  --brand-dark: light-dark(#A52F32,#FFD0CD); --brand-soft: light-dark(#FFF0F0,#3B2A2D);
  --sidebar-bg: var(--panel); --shadow: 0 6px 20px light-dark(#2832460B,#00000028);
  --ui-edge: light-dark(#FFFFFFE6,#FFFFFF12); --ui-shade: light-dark(#25334B08,#00000028);
  --ui-chrome: color-mix(in srgb,var(--brand) 4%,var(--panel));
  --ui-line: color-mix(in srgb,var(--brand) 10%,var(--line));
  --ui-inset: color-mix(in srgb,var(--brand) 3%,var(--panel));
  background: linear-gradient(140deg,var(--bg),color-mix(in srgb,var(--brand) 3%,var(--bg)));
  color: var(--ink);
}
[data-ui-skin] :is(.topbar,.auth-topbar,header) {
  background: linear-gradient(108deg,var(--panel),var(--ui-chrome) 65%,color-mix(in srgb,var(--brand) 9%,var(--panel)));
  border-color: var(--ui-line); box-shadow: inset 0 1px 0 var(--ui-edge);
}
[data-ui-skin] .sidebar { background: linear-gradient(165deg,var(--panel),var(--ui-chrome)); color: var(--ink); box-shadow: 1px 0 0 var(--ui-line); }
[data-ui-skin] :is(.brand,.nav-group) { border-color: var(--ui-line); }
[data-ui-skin] .brand span, [data-ui-skin] .nav-group p { color: var(--muted); }
[data-ui-skin] .brand-mark { border-color: transparent; background: transparent; }
[data-ui-skin] .nav button { color: var(--ink); }
[data-ui-skin] .nav-icon { color: var(--brand); }
[data-ui-skin] .nav button:hover { background: var(--brand-soft); color: var(--brand-dark); }
[data-ui-skin] .nav button.active {
  background: linear-gradient(100deg,var(--brand-soft),color-mix(in srgb,var(--brand) 4%,var(--panel)));
  color: var(--brand-dark); box-shadow: inset 3px 0 0 var(--brand),inset 0 1px 0 var(--ui-edge);
}
[data-ui-skin] :is(.panel,.card,.portal-card,.shared-disk-panel,.shared-disk-compact,.boot-panel,.auth-card,.entry-status-item,.drawer,.modal,.binding-panel,.overview,.advanced,.history-panel) {
  background: linear-gradient(150deg,var(--panel) 65%,var(--ui-inset)); color: var(--ink);
  border-color: var(--ui-line); border-radius: 16px;
  box-shadow: inset 0 1px 0 var(--ui-edge),0 2px 3px var(--ui-shade),0 8px 20px var(--ui-shade);
}
[data-ui-skin] :is(.panel .panel,.card .card,.advanced section) { background: var(--panel); box-shadow: none; }
[data-ui-skin] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea,[contenteditable="true"]) {
  background-color: var(--panel); color: var(--ink); border-color: var(--ui-line); border-radius: 9px;
  box-shadow: inset 0 1px 2px var(--ui-shade);
}
[data-ui-skin] :is(input[type="checkbox"],input[type="radio"]) { accent-color: var(--brand); }
[data-ui-skin] .btn, [data-ui-skin] :is(#pair,#confirm,#test,#saveRules,#adminTest,form>button) {
  background: linear-gradient(165deg,var(--brand),var(--brand-dark)); color: light-dark(#FFFFFF,#211D24);
  border-color: var(--brand-dark); border-radius: 10px;
  box-shadow: inset 0 1px 0 light-dark(#FFFFFF38,#FFFFFF46),0 2px 3px var(--ui-shade);
}
[data-ui-skin] .btn:hover { background: var(--brand-dark); }
[data-ui-skin] :is(.btn.secondary,button.secondary,.settings-button) { background: var(--ui-chrome); color: var(--ink); border-color: var(--ui-line); box-shadow: inset 0 1px 0 var(--ui-edge); }
[data-ui-skin] :is(.btn.secondary,button.secondary):hover { background: var(--brand-soft); }
[data-ui-skin] :is(.btn.danger,button.danger) { background: light-dark(#B83E37,#F09E96); color: light-dark(#FFFFFF,#321A18); }
[data-ui-skin] :is(button,input,select,textarea,a):focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
[data-ui-skin] :is(th,.toolbar,.batch-toolbar,.program-group>h3,.row-settings) { background: var(--ui-chrome); border-color: var(--ui-line); color: var(--ink); }
[data-ui-skin] :is(.ops-metric,.stat-card,.summary-card,.page-symbol,.avatar) { background: linear-gradient(145deg,var(--panel),var(--ui-inset)); border-color: var(--ui-line); }
[data-ui-skin] :is(.muted,.hint,.intro,.column-head,.recipient,.save-bar>span,.entry-status-copy p) { color: var(--muted); }
[data-ui-skin] :is(.entry-status-copy,.advanced>summary,.history-panel>summary) { color: var(--ink); }
[data-ui-skin] .portal-card { background: linear-gradient(155deg,var(--panel) 55%,color-mix(in srgb,var(--tone) 7%,var(--panel))); border-color: color-mix(in srgb,var(--tone) 18%,var(--panel)); }
[data-ui-skin] .portal-card:hover { border-color: color-mix(in srgb,var(--tone) 48%,var(--panel)); }
[data-ui-skin] .portal-card[data-product="copydesk-suite"] { --tone: light-dark(#A86857,#DCB4A4); }
[data-ui-skin] .portal-card[data-product="material"] { --tone: light-dark(#7954D8,#C2A5FF); }
[data-ui-skin] .portal-card[data-product="mix"] { --tone: light-dark(#007D91,#83D1DD); }
[data-ui-skin] .portal-card[data-product="data_compass"] { --tone: light-dark(#2367E8,#83B4FF); }
[data-ui-skin] .portal-card[data-product="finance"] { --tone: light-dark(#087F5B,#8FD4B6); }
[data-ui-skin] .portal-card[data-product="ad"] { --tone: light-dark(#B85A09,#FFB36D); }
[data-ui-skin] .portal-card[data-product="vision_hub"] { --tone: light-dark(#4F6573,#B5CBD9); }
[data-ui-skin] .portal-icon.product-icon { padding: 0; border-color: transparent; background: transparent; }
[data-ui-skin] .product-icon img { width: 100%; height: 100%; object-fit: contain; }
[data-ui-skin] .portal-status { background: var(--brand-soft); color: var(--brand-dark); }
[data-ui-skin] .portal-card.disabled .portal-status { background: light-dark(#FAE9E8,#492A2B); color: light-dark(#B83E37,#F09E96); }
[data-ui-skin] .portal-action { background: transparent; color: var(--tone); }
[data-ui-skin] .portal-action:disabled { color: var(--muted); }
[data-ui-skin] .auth-screen, [data-ui-skin] .boot-screen { background: linear-gradient(130deg,var(--panel),var(--bg) 60%,var(--brand-soft)); }
[data-ui-skin] .auth-screen::before, [data-ui-skin] .auth-screen::after { background: none; }
[data-ui-skin] .auth-card, [data-ui-skin] .auth-stage-platform { background: var(--panel); border-color: var(--ui-line); }
[data-ui-skin] .auth-topbar-brand strong, [data-ui-skin] .auth-hero-copy h1 { color: var(--ink); }
[data-ui-skin] .auth-hero-copy h1 span, [data-ui-skin] .auth-hero-kicker { color: var(--brand); }
[data-ui-skin] .save-bar { background: var(--panel); border-color: var(--ui-line); }
[data-ui-skin] .rule-switch input:checked { background: var(--brand); }
[data-ui-skin] #message { background: var(--brand-soft); color: var(--ink); }
[data-ui-skin] a { color: var(--brand-dark); }

[data-ui-skin] :is(.auth-topbar,.auth-card,.topbar) { backdrop-filter: none; -webkit-backdrop-filter: none; }
/* Existing hard-coded light-only text also follows the approved dark palette. */
[data-ui-skin] :is(.portal-subtitle,.portal-description,.portal-section-title span,.portal-tag,.page-heading p,.auth-hero-copy>p,.auth-card-note,.auth-card-footnote,.status-text,.program-group>h3>span,.advanced>summary span) { color: var(--muted); }
[data-ui-skin] :is(label,.auth-card-heading h2,.auth-form input,.drawer-head,.drawer-body,.drawer-actions) { color: var(--ink); }
[data-ui-skin] :is(.drawer-head,.drawer-actions,.portal-tag,.env-pill) { background-color: var(--panel); border-color: var(--ui-line); }
[data-ui-skin] .env-pill { color: var(--ink); }
[data-ui-skin] .env-pill.warning { background: light-dark(#FFF3CD,#493D20); color: light-dark(#835900,#F0CF87); }

/* Approved original company artwork: static, clipped to the whole viewport.
   Like the approved preview, the faint top decorative layer spans opaque chrome
   without altering layout, hit testing, controls or existing panel materials. */
[data-ui-skin="engine"] .company-watermark-layer { position: fixed; inset: 0; overflow: hidden; pointer-events: none; user-select: none; z-index: 20; }
[data-ui-skin="engine"] .company-watermark { position: absolute; left: 50%; top: 58%; width: 6000px; height: 6000px; max-width: none; transform: translate(-50%,-50%); opacity: .025; mix-blend-mode: multiply; object-fit: contain; pointer-events: none; }
[data-ui-skin] .brand-english { display: block; font-size: 13px; line-height: 1.35; font-weight: 500; color: var(--muted); margin: 5px 0 0; }
[data-ui-skin] .brand .brand-english { font-size: 12px; margin: 4px 0; }
[data-ui-skin] .portal-card[tabindex="0"] { cursor: pointer; }
[data-ui-skin] .portal-card:focus-visible { outline: 2px solid var(--tone); outline-offset: 3px; }
@media (max-width: 720px) {
  [data-ui-skin] .material-recovery-panel .shared-disk-compact-main { flex: 0 1 auto; width: 100%; flex-wrap: nowrap; }
  [data-ui-skin] .material-recovery-panel .shared-disk-compact-main :is(.shared-disk-compact-message,small) { flex-basis: auto; width: 100%; }
}