/* Graphite surfaces, gold focus, independent red/green financial semantics. */
html[data-skin='paperos'][data-theme='dark'] {
  --bi-bg:#0b0e11; --bi-panel:#14171b; --bi-raised:#1e2329;
  --bi-fg:#eaecef; --bi-muted:#929aa5; --bi-border:#ffffff10;
  --bi-primary:#f0b90b; --bi-primary-tint:#f0b90b0c; --bi-primary-border:#f0b90b42;
  --bi-button-fg:#161a1e; --bi-profit:#2ecc91; --bi-profit-tint:#2ecc9110;
  --bi-profit-border:#2ecc9138; --bi-loss:#f45b73; --bi-loss-tint:#f45b7310;
  --bi-loss-border:#f45b7338; --os-bar:#0b0e11ef; --os-window:#14171bfa;
  --os-inset:#0d1014; --os-glass:#1e2329e8; --os-wall:#0b0e11;
  --os-strong-line:#ffffff1a; --os-control-border:#ffffff28;
  --os-control-bg:#ffffff05; --os-control-hover:#f0b90b0c;
}
html[data-skin='paperos'][data-theme='light'] {
  --bi-bg:#f5f3eb; --bi-panel:#fffef9; --bi-raised:#edece5;
  --bi-fg:#202329; --bi-muted:#716f66; --bi-primary:#8a6500;
  --bi-primary-tint:#f0b90b12; --bi-primary-border:#c7992347;
  --bi-button-fg:#171a1e; --os-bar:#fffdf5ed; --os-window:#fffef9fa;
  --os-inset:#f2f0e7; --os-glass:#fffdf3ed; --os-wall:#e8e5d8;
  --os-control-hover:#f0b90b14;
}
.os-wallpaper {background:radial-gradient(ellipse at 65% 65%,#f0b90b0d,transparent 54%),radial-gradient(ellipse at 5% 110%,#a17d0e16,transparent 46%),var(--os-wall)}
.os-aura {background:radial-gradient(ellipse,#f0b90b16,transparent 68%)}
.paper-os :is(.os-primary,.trade-submit,.os-dock-button.is-active,.os-dock-button.active,.button:not(.secondary):not(.danger)) {
  background:linear-gradient(135deg,#f8d65a,#f0b90b 72%,#d5a309);
  color:#15191e; border-color:#f7d45c66;
  box-shadow:inset 0 1px #fff3b67a,0 4px 18px #f0b90b10;
}
.paper-os :is(.os-primary,.trade-submit):not(:disabled):hover {background:linear-gradient(135deg,#ffe88a,#f8c82c);box-shadow:0 5px 24px #f0b90b24}
.paper-os :is(.trade-side-tabs button.active,.trade-side-tabs button[aria-pressed='true']) {background:#f0b90b0c;color:var(--bi-primary);border-color:var(--bi-primary-border)}
.os-brand img {filter:drop-shadow(0 2px 8px #f0b90b24)}
.os-mode-dot {background:var(--bi-primary);box-shadow:0 0 10px #f0b90b44}
.os-dock-item:first-child .os-dock-glyph {background:linear-gradient(150deg,#ffe782,#f0b90b 65%,#bd8d08);color:#191d23;border-color:#f6d34766;box-shadow:inset 0 1px #fff0a488,0 3px 16px #f0b90b18}
.os-workspace-dot {background:#f0b90b;box-shadow:0 0 10px #f0b90b22}
.os-entrance {color:#f4f1e3}
.os-entrance::before {background:linear-gradient(90deg,#0b0e11 2%,#0b0e11db 35%,#0b0e1100 67%)}
.os-entrance-halo::before {background:radial-gradient(ellipse,#f0b90b29,#9d7b1010 36%,transparent 65%)}
.os-entrance-orbit,.os-entrance-orbit::before,.os-entrance-orbit::after {border-color:#f0b90b24}
.os-entrance-skip {color:#f0b90b;border-color:#f0b90b45}
.os-eyebrow,.scan-eyebrow,.office-detail-eyebrow {letter-spacing:1.5px}
.os-entrance-eyebrow,.os-entrance-signature {letter-spacing:2px}
.os-desktop-rest h2 {letter-spacing:-1.8px;line-height:1.3}
@media(max-width:700px){.os-brand{font-size:15px}.os-system-actions{gap:8px}.os-desktop-rest h2{letter-spacing:-1px}.os-entrance-eyebrow{letter-spacing:1px}.os-entrance-signature{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.paper-os *{scroll-behavior:auto}}

/* Left-side desktop shortcuts and static wallpaper. */
.paper-os {--stage-shortcuts:112px}
.paper-os .os-wallpaper {background:var(--os-wall)}
.paper-os .os-wallpaper > img {object-position:65% center;opacity:1;animation:none;transform:none}
html[data-theme='light'] .os-wallpaper > img {opacity:.2}
.paper-os .os-systembar.nav {height:52px;padding-inline:20px;gap:18px}
.paper-os .os-system-center {display:none}
.paper-os .os-system-actions {margin-left:auto;gap:10px}
.paper-os .os-social-x {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  width:auto;height:32px;padding:0 12px;flex-shrink:0;
  border-color:var(--bi-primary-border);background:var(--bi-primary-tint);
  color:var(--bi-fg);font-size:11px;white-space:nowrap;text-decoration:none;
}
.paper-os .os-social-x svg {flex-shrink:0;width:13px;height:13px}
.paper-os .os-social-x:hover {background:var(--os-control-hover);color:var(--bi-primary)}
.paper-os .os-desktop {
  margin:0;max-width:none;height:calc(100dvh - 52px);
  padding:20px 28px 40px calc(var(--stage-shortcuts) + 16px);
}
.paper-os .os-desktop-footer {left:calc(var(--stage-shortcuts) + 16px);right:28px;bottom:12px}
.paper-os .os-desktop-rest {
  position:absolute;inset:95px 28px 52px calc(var(--stage-shortcuts) + 16px);
  padding:0 0 0 clamp(16px,5vw,96px);min-height:0;gap:18px;
}
.paper-os .os-desktop-rest > img {width:70px;height:70px}
.paper-os .os-desktop-rest > p {color:var(--bi-primary);letter-spacing:2px}
.paper-os .os-desktop-rest h2 {font-weight:500;max-width:600px;font-size:clamp(30px,4.2vw,62px)}
.paper-os .os-dock.os-desktop-apps {
  position:fixed;top:76px;bottom:40px;left:12px;right:auto;transform:none;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  width:88px;max-width:none;gap:10px;padding:0 3px;overflow-y:auto;
  border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;
  scrollbar-width:none;z-index:6;
}
.paper-os .os-desktop-apps .os-dock-item {
  width:82px;height:88px;min-height:88px;flex:0 0 auto;
  display:grid;grid-template-rows:48px 20px;align-content:center;justify-items:center;
  gap:7px;border:1px solid transparent;border-radius:7px;
  background:transparent;transition:background-color 140ms,border-color 140ms;
}
.paper-os .os-desktop-apps .os-dock-glyph {
  width:46px;height:46px;border-radius:11px;color:var(--app-color);
  background:linear-gradient(145deg,#252b33,#14191f);
  border:1px solid color-mix(in srgb,var(--app-color) 32%,transparent);
  box-shadow:inset 0 1px #ffffff14,0 4px 12px #0003;
  transition:background-color 140ms,border-color 140ms;
}
.paper-os .os-desktop-apps .os-dock-glyph svg {width:25px;height:25px;stroke-width:1.65}
.paper-os .os-desktop-apps .os-dock-item:first-child .os-dock-glyph {
  color:#1c1b14;background:linear-gradient(145deg,#ffe57c,#f0b90b 75%);
  border-color:#ffe27b80;box-shadow:inset 0 1px #fff6c780,0 4px 12px #0003;
}
.paper-os .os-desktop-apps .os-dock-label {
  color:var(--bi-fg);font-size:11px;line-height:20px;font-weight:500;text-shadow:0 1px 5px #0008;
}
html[data-theme='light'] .os-desktop-apps .os-dock-label {text-shadow:none}
.paper-os .os-desktop-apps .os-dock-item:hover,
.paper-os .os-desktop-apps .os-dock-item:focus-visible {
  background:var(--os-control-hover);border-color:var(--os-control-border);
}
.paper-os .os-desktop-apps .os-dock-item:is(:hover,:focus-visible) .os-dock-glyph {
  transform:none;box-shadow:inset 0 1px #ffffff20,0 4px 12px #0003;
}
.paper-os .os-desktop-apps .os-dock-item[aria-current='page'] {
  background:var(--bi-primary-tint);border-color:var(--bi-primary-border);
}
.paper-os .os-desktop-apps .os-dock-item[aria-current='page'] .os-dock-label {color:var(--bi-primary)}
.paper-os .os-desktop-apps .os-dock-item::after {
  left:2px;top:30px;bottom:auto;width:3px;height:20px;border-radius:2px;
  background:var(--bi-primary);box-shadow:none;
}
.paper-os .os-desktop-apps .os-dock-item[data-open='true']::after {opacity:.5}
.paper-os .os-desktop-apps .os-dock-item[aria-current='page']::after {opacity:1}
/* Familiar window controls: title left, minimize/restore/close right. */
.paper-os .os-windowbar {padding:0 8px 0 16px;gap:12px}
.paper-os .os-window-title {order:1;position:static;transform:none;min-width:0;flex:1;justify-content:flex-start;margin:0}
.paper-os .os-window-title h1 {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.paper-os .os-window-meta {order:2}
.paper-os .os-window-controls {order:3;gap:2px;min-width:0}
.paper-os .os-window-controls .os-window-dot {
  width:34px;height:28px;border:0;border-radius:4px;background:transparent;color:var(--bi-muted);box-shadow:none;
}
.paper-os .os-window-dot.minimize {order:1}
.paper-os .os-window-dot.maximize {order:2}
.paper-os .os-window-dot.close {order:3}
.paper-os .os-window-controls .os-window-dot svg {opacity:1;color:currentColor;stroke:currentColor;fill:none}
.paper-os .os-window-controls .os-window-dot:hover {color:var(--bi-fg);background:var(--os-control-hover)}
.paper-os .os-window-controls .os-window-dot.close:hover {color:#fff;background:#bb3749}
.paper-os.os-maximized .os-desktop {padding:8px 8px 32px calc(var(--stage-shortcuts) + 4px)}
.paper-os.os-maximized .os-window {border:1px solid var(--os-strong-line);border-radius:8px}
@media(max-width:1050px) {
  .paper-os .os-menu-label,.paper-os .os-system-action,.paper-os .os-clock {display:none}
  .paper-os .os-desktop {padding-right:16px}
}
@media(max-width:700px) {
  .paper-os {--stage-shortcuts:68px}
  .paper-os .os-systembar.nav {height:auto;min-height:74px;flex-wrap:wrap;align-content:center;gap:5px 8px;padding:8px 12px}
  .paper-os .os-systembar .os-brand {font-size:15px}
  .paper-os .os-systembar .ui-preferences {position:absolute;right:12px;top:7px}
  .paper-os .os-systembar .os-system-actions {width:100%;margin:0;justify-content:flex-end;gap:6px}
  .paper-os .os-systembar .os-system-actions > .os-social-x {display:inline-flex;min-height:27px;height:27px;font-size:10px;padding:0 8px;gap:6px}
  .paper-os .os-social-x svg {width:11px;height:11px}
  .paper-os .os-contract-pill {min-height:27px}
  .paper-os .os-desktop {height:auto;min-height:calc(100dvh - 82px);padding:12px 8px 34px calc(var(--stage-shortcuts) + 4px)}
  .paper-os .os-dock.os-desktop-apps {left:4px;top:100px;bottom:12px;width:60px;gap:4px;padding:0}
  .paper-os .os-desktop-apps .os-dock-item {width:58px;height:72px;min-height:72px;grid-template-rows:36px 18px;gap:4px}
  .paper-os .os-desktop-apps .os-dock-glyph {width:36px;height:36px;border-radius:9px}
  .paper-os .os-desktop-apps .os-dock-glyph svg {width:21px;height:21px}
  .paper-os .os-desktop-apps .os-dock-label {font-size:10px;line-height:18px}
  .paper-os .os-desktop-apps .os-dock-item::after {left:1px;top:22px;height:18px;width:2px}
  .paper-os .os-desktop-rest {inset:68px 14px 50px calc(var(--stage-shortcuts) + 12px);padding:0;gap:16px}
  .paper-os .os-desktop-rest h2 {font-size:clamp(25px,6vw,36px);text-align:left;letter-spacing:-.5px}
  .paper-os .os-desktop-rest > img {width:58px;height:58px}
  .paper-os .os-desktop-footer {left:calc(var(--stage-shortcuts) + 4px);right:8px;bottom:10px}
  .paper-os .os-windowbar {padding:0 5px 0 10px;gap:5px}
  .paper-os .os-window-title {margin:0;justify-content:flex-start}
  .paper-os .os-window-controls {gap:0;min-width:0}
  .paper-os .os-window-controls .os-window-dot {width:27px;height:27px;min-width:27px;min-height:27px}
  .paper-os .os-window-meta {display:none}
  .paper-os.os-maximized .os-desktop {padding:6px 6px 28px calc(var(--stage-shortcuts) + 4px)}
}
