/* JudeOS system presentation — restrained desktop typography and light materials. */
:root {
  font-size: 14px;
  --system-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", Inter, sans-serif;
  --display-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", Inter, sans-serif;
}

html, body { height: 100%; }
body {
  font-family: var(--system-font);
  font-size: 13px;
  font-weight: 450;
  letter-spacing: -.008em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "kern" 1, "liga" 1, "tnum" 1;
}
button, input, select { font: inherit; letter-spacing: inherit; }
.system-brand strong, .status-card strong, .launcher h2, .window-heading h1, .work-header h1, .result-hero h3 { font-family: var(--display-font); }
.system-brand strong { font-size: 14px; font-weight: 650; letter-spacing: -.02em; }
.system-nav a { font-size: 11.5px; font-weight: 520; letter-spacing: -.005em; }
.tray-control, .system-tray, .desktop-tabs button { font-size: 11px; font-weight: 520; }
.status-kicker, .eyebrow { font-size: 9px; font-weight: 700; letter-spacing: .135em; }
.status-card strong { font-size: 22px; font-weight: 620; letter-spacing: -.035em; }
.status-card small { font-size: 11px; line-height: 1.25; }
.activity-strip { font-size: 10px; font-weight: 620; letter-spacing: .055em; }
.launcher h2 { font-size: 15px; font-weight: 650; letter-spacing: -.015em; }
.app-tile strong { font-size: 11.5px; font-weight: 600; letter-spacing: -.01em; }
.command-centre label strong { font-size: 11.5px; font-weight: 650; }
.command-centre label small, .command-centre input { font-size: 10.5px; }
.go-button { font-size: 11px; font-weight: 650; }
.window-title { font-size: 11.5px; font-weight: 610; }
.window-heading h1 { font-size: 20px; font-weight: 650; letter-spacing: -.025em; }
.window-heading p:last-child, .permission-list p, .device-card p { font-size: 10.5px; line-height: 1.35; }
.permission-list h2 { font-size: 12px; font-weight: 620; }
.permission-state { font-size: 9.5px; font-weight: 650; letter-spacing: .01em; }

body[data-theme="light"] {
  --ice: #172d3b;
  --muted: #60727e;
  background: #e7eef2;
  color: #172d3b;
}
body[data-theme="light"] .wallpaper {
  background:
    radial-gradient(circle at 78% 12%, rgba(121, 192, 221, .15), transparent 30%),
    linear-gradient(145deg, #eef3f6 0%, #e4edf2 48%, #dce8ee 100%);
}
body[data-theme="light"] .wallpaper::before {
  border-color: rgba(61, 131, 166, .07);
  box-shadow: inset 0 0 0 1px rgba(61, 131, 166, .055);
}
body[data-theme="light"] .wallpaper::after { opacity: .12; }
body[data-theme="light"] .system-bar {
  background: rgba(248, 250, 252, .9);
  border-color: #ccd8df;
  box-shadow: 0 1px 0 rgba(255,255,255,.9), 0 7px 24px rgba(47,75,91,.08);
  backdrop-filter: blur(28px) saturate(125%);
}
body[data-theme="light"] .system-nav a { color: #4a5d69; }
body[data-theme="light"] .system-nav a:hover { color: #172d3b; background: rgba(72, 124, 151, .07); box-shadow: none; }
body[data-theme="light"] .system-nav a[aria-current="page"] {
  color: #102d3e;
  background: #e6eef3;
  box-shadow: inset 0 0 0 1px #ccd9e1, 0 1px 1px rgba(42,67,81,.05);
}
body[data-theme="light"] .tray-control,
body[data-theme="light"] .tray-icon {
  color: #304c5d;
  background: rgba(255,255,255,.58);
  border-color: #d0dce3;
  box-shadow: 0 1px 2px rgba(37,62,76,.06);
}
body[data-theme="light"] .desktop-tabs button { color: #5b6c76; }
body[data-theme="light"] .desktop-tabs button:hover { color: #213a49; background: rgba(255,255,255,.48); box-shadow: none; }
body[data-theme="light"] .desktop-tabs button.active {
  color: #163344;
  background: rgba(250,252,253,.8);
  box-shadow: inset 0 0 0 1px #cbd8df, 0 1px 2px rgba(41,65,78,.07);
}
body[data-theme="light"] .status-grid {
  gap: 0;
  overflow: hidden;
  border: 1px solid #cbd8df;
  border-radius: 14px;
  background: rgba(249, 251, 252, .72);
  box-shadow: 0 1px 2px rgba(38,62,75,.06), 0 14px 36px rgba(47,75,91,.075);
  backdrop-filter: blur(24px) saturate(118%);
}
body[data-theme="light"] .status-card {
  min-height: 116px;
  padding: 17px 18px;
  border: 0;
  border-right: 1px solid #d4dfe5;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
body[data-theme="light"] .status-card:last-child { border-right: 0; }
body[data-theme="light"] .status-card::before { opacity: 0; }
body[data-theme="light"] .status-card:hover { background: rgba(255,255,255,.48); transform: none; }
body[data-theme="light"] .status-kicker { color: #647783; }
body[data-theme="light"] .status-card small { color: #566b77; }
body[data-theme="light"] .status-line { height: 4px; background: #d8e3e8; }
body[data-theme="light"] .permission-bars i { height: 4px; }
body[data-theme="light"] .activity-strip {
  min-height: 38px;
  padding: 9px 14px;
  border-color: #cbd8df;
  border-radius: 10px;
  background: rgba(248,251,252,.72);
  color: #334f60;
  box-shadow: 0 1px 2px rgba(38,62,75,.05);
}
body[data-theme="light"] .side-widget {
  border-color: #ccd9e0;
  border-radius: 12px;
  background: rgba(248,250,251,.72);
  box-shadow: 0 1px 2px rgba(38,62,75,.05), 0 12px 30px rgba(47,75,91,.065);
}
body[data-theme="light"] .side-widget header { border-color: #d6e0e5; }
body[data-theme="light"] .app-icon {
  border-color: rgba(35,86,112,.25);
  box-shadow: inset 0 1px rgba(255,255,255,.28), 0 7px 16px rgba(37,67,83,.15);
}
body[data-theme="light"] .app-tile:hover .app-icon {
  transform: translateY(-2px);
  border-color: rgba(25,103,140,.42);
  box-shadow: inset 0 1px rgba(255,255,255,.32), 0 10px 22px rgba(37,67,83,.19);
}
body[data-theme="light"] .command-centre {
  border-color: #c5d3db;
  border-radius: 13px;
  background: rgba(250,252,253,.82);
  box-shadow: 0 1px 2px rgba(37,61,74,.07), 0 14px 34px rgba(44,72,87,.1);
}
body[data-theme="light"] .command-centre input { color: #183243; }
body[data-theme="light"] .command-centre input::placeholder { color: #657782; opacity: 1; }
body[data-theme="light"] .dock {
  border-color: #c5d3db;
  border-radius: 15px;
  background: rgba(247,250,252,.86);
  box-shadow: 0 1px 2px rgba(35,59,72,.08), 0 14px 34px rgba(44,72,87,.13);
}
body[data-theme="light"] .dock-icon {
  border-color: #cbd9e1;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(222,234,240,.96));
  box-shadow: inset 0 1px rgba(255,255,255,.9), 0 3px 8px rgba(38,67,83,.1);
}
body[data-theme="light"] .os-window,
body[data-theme="light"] .app-dialog {
  border-color: #bccbd4;
  border-radius: 14px;
  background: rgba(246,249,251,.94);
  box-shadow: 0 1px 2px rgba(31,55,69,.12), 0 24px 70px rgba(31,55,69,.2);
}
body[data-theme="light"] .window-bar { background: rgba(231,238,242,.9); border-color: #cbd7de; }
body[data-theme="light"] .window-sidebar { background: rgba(229,237,241,.72); border-color: #cbd7de; }
body[data-theme="light"] .permission-list article,
body[data-theme="light"] .device-card,
body[data-theme="light"] .empty-device,
body[data-theme="light"] .information-note,
body[data-theme="light"] .audit-note,
body[data-theme="light"] .result-hero,
body[data-theme="light"] .result-metrics > div {
  border-color: #cedae1;
  border-radius: 9px;
  background: rgba(237,243,246,.72);
  box-shadow: none;
}

@media (min-width: 640px) and (max-width: 1100px) {
  .system-bar {
    height: 52px;
    min-height: 52px;
    grid-template-columns: 112px 1fr auto;
    padding: 0 14px;
  }
  .system-nav {
    grid-column: auto;
    grid-row: auto;
    justify-content: center;
    width: auto;
    max-width: none;
    padding: 0;
    overflow: visible;
  }
  .system-nav a { padding: 6px 7px; white-space: nowrap; }
  .system-tray { gap: 6px; }
  .tray-control { max-width: 98px; }
  #quick-status, .system-tray time { display: none; }
  #theme-toggle { display: grid; }
  .desktop { height: calc(100dvh - 52px); padding: 14px 18px 82px; overflow: hidden; }
  .desktop-home { height: 100%; padding: 0; overflow: hidden; }
  .desktop-tabs { margin-bottom: 10px; }
  .status-grid { position: static; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .status-card { min-height: 104px; padding: 14px; }
  .status-card strong { font-size: 20px; }
  .status-card small { font-size: 9.5px; }
  .status-line { left: 14px; right: 14px; bottom: 13px; }
  .permission-bars { left: 14px; right: 14px; bottom: 15px; gap: 5px; }
  .activity-strip { margin-top: 9px; }
  .launcher { margin-top: 15px; }
  .launcher-heading { margin-bottom: 8px; }
  .app-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
  #home-apps .app-tile:nth-child(n) { display: flex; }
  .app-icon { width: 55px; height: 55px; border-radius: 15px; }
  .app-icon .icon { width: 27px; }
  .app-tile { gap: 6px; padding: 4px; }
  .desktop-side { display: none; }
  .command-centre { bottom: 70px; min-height: 52px; width: min(720px, calc(100% - 32px)); }
  .dock { bottom: 10px; height: 54px; }
  .dock-icon { width: 37px; height: 37px; border-radius: 11px; }
  .dock small { display: none; }
}

@media (max-width: 639px) {
  .status-grid { gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-theme="light"] .status-card { border-right: 1px solid #d4dfe5; border-bottom: 1px solid #d4dfe5; }
  body[data-theme="light"] .status-card:nth-child(2n) { border-right: 0; }
  body[data-theme="light"] .status-card:nth-last-child(-n+2) { border-bottom: 0; }
}

/* JudeOS wallpaper: a device background, not an application canvas. */
.wallpaper {
  isolation: isolate;
  background:
    radial-gradient(circle at 78% 12%, rgba(28, 197, 255, .5), transparent 28%),
    radial-gradient(circle at 15% 82%, rgba(44, 105, 219, .3), transparent 35%),
    linear-gradient(138deg, #020c16 0%, #052a45 42%, #074c75 72%, #071a32 100%);
}
.wallpaper::before {
  width: 94vw;
  height: 64vw;
  left: -22vw;
  top: 20vh;
  border: clamp(44px, 8vw, 118px) solid rgba(15, 143, 215, .36);
  border-radius: 48% 52% 58% 42%;
  box-shadow: inset 0 0 0 1px rgba(132, 230, 255, .3), 0 0 90px rgba(9, 151, 223, .2);
  transform: rotate(-17deg);
}
.wallpaper::after {
  width: 86vw;
  height: 55vw;
  left: 42vw;
  top: -24vw;
  border: clamp(52px, 9vw, 130px) solid rgba(62, 197, 255, .29);
  border-radius: 55% 45% 52% 48%;
  box-shadow: inset 0 0 0 1px rgba(205, 248, 255, .22), 0 0 100px rgba(29, 176, 237, .18);
  transform: rotate(13deg);
}
.wallpaper .wallpaper-mark {
  position: absolute;
  z-index: 1;
  right: 7vw;
  top: 22vh;
  width: clamp(150px, 20vw, 280px);
  height: auto;
  border-radius: 24%;
  opacity: .16;
  filter: saturate(1.3) drop-shadow(0 28px 54px rgba(0, 17, 32, .25));
  transform: rotate(-4deg);
}
.wallpaper .jude-dot {
  position: absolute;
  z-index: 2;
  display: block;
  bottom: 11vh;
  width: clamp(13px, 1.8vw, 26px);
  height: clamp(13px, 1.8vw, 26px);
  border-radius: 50%;
  background: linear-gradient(145deg, #d9fbff 0%, #5de7ff 38%, #0b9bd7 100%);
  box-shadow: 0 0 0 1px rgba(231, 253, 255, .6), 0 0 28px rgba(26, 203, 255, .55);
  opacity: .58;
}
.wallpaper .jude-dot:nth-of-type(1) { right: 15vw; }
.wallpaper .jude-dot:nth-of-type(2) { right: 10.5vw; }
.wallpaper .jude-dot:nth-of-type(3) { right: 6vw; }

body[data-theme="light"] .wallpaper {
  background:
    radial-gradient(circle at 78% 7%, rgba(24, 195, 255, .55), transparent 27%),
    radial-gradient(circle at 8% 88%, rgba(72, 111, 239, .33), transparent 36%),
    radial-gradient(circle at 52% 52%, rgba(232, 251, 255, .84), transparent 31%),
    linear-gradient(135deg, #c7f2ff 0%, #83d8fb 24%, #d9f4ff 53%, #a8c9ff 76%, #d6edff 100%);
}
body[data-theme="light"] .wallpaper::before {
  border-color: rgba(255, 255, 255, .42);
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.58), 0 22px 80px rgba(20, 103, 166, .14);
  opacity: .78;
}
body[data-theme="light"] .wallpaper::after {
  border-color: rgba(15, 145, 220, .2);
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(242, 253, 255, .62), 0 24px 90px rgba(32, 116, 178, .14);
  opacity: .8;
}
body[data-theme="light"] .wallpaper .wallpaper-mark {
  opacity: .2;
  filter: saturate(1.38) drop-shadow(0 26px 48px rgba(25, 92, 132, .2));
}
body[data-theme="light"] .wallpaper .jude-dot { opacity: .72; }

@media (max-width: 780px) {
  .wallpaper .wallpaper-mark { top: 40vh; right: -2vw; width: clamp(138px, 30vw, 220px); opacity: .12; }
  .wallpaper .jude-dot { bottom: 18vh; }
  .wallpaper .jude-dot:nth-of-type(1) { right: 22vw; }
  .wallpaper .jude-dot:nth-of-type(2) { right: 14vw; }
  .wallpaper .jude-dot:nth-of-type(3) { right: 6vw; }
  body[data-theme="light"] .wallpaper .wallpaper-mark { opacity: .15; }
}

/* Brand signature stays visible above the system dock at every desktop size. */
.wallpaper .wallpaper-mark,
body[data-theme="light"] .wallpaper .wallpaper-mark {
  top: auto;
  right: 28px;
  bottom: 96px;
  width: 116px;
  opacity: .46;
  transform: none;
  filter: saturate(1.35) drop-shadow(0 18px 34px rgba(0, 41, 72, .24));
}
.wallpaper .jude-dot,
body[data-theme="light"] .wallpaper .jude-dot {
  left: auto;
  top: auto;
  bottom: 150px;
  width: 18px;
  height: 18px;
  opacity: 1;
  transform: none;
}
.wallpaper .jude-dot:nth-of-type(1) { right: 220px; }
.wallpaper .jude-dot:nth-of-type(2) { right: 180px; }
.wallpaper .jude-dot:nth-of-type(3) { right: 140px; }

@media (max-width: 780px) {
  .wallpaper .wallpaper-mark,
  body[data-theme="light"] .wallpaper .wallpaper-mark {
    right: 14px;
    bottom: 160px;
    width: 88px;
    opacity: .42;
  }
  .wallpaper .jude-dot,
  body[data-theme="light"] .wallpaper .jude-dot {
    bottom: 190px;
    width: 13px;
    height: 13px;
  }
  .wallpaper .jude-dot:nth-of-type(1) { right: 136px; }
  .wallpaper .jude-dot:nth-of-type(2) { right: 108px; }
  .wallpaper .jude-dot:nth-of-type(3) { right: 80px; }
}

/* Liquid glass light mode and Jude typographic hierarchy. */
:root {
  --display-font: "Avenir Next", "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", sans-serif;
}
.system-brand strong { font-size: 15px; font-weight: 720; letter-spacing: -.03em; }
.system-nav a { font-size: 11.5px; font-weight: 610; }
.desktop-tabs button { font-size: 11.5px; font-weight: 620; }
.status-kicker, .eyebrow { font-size: 9px; font-weight: 760; letter-spacing: .16em; }
.status-card strong { font-size: 23px; font-weight: 720; letter-spacing: -.045em; }
.status-card small { font-size: 10.5px; font-weight: 540; letter-spacing: -.005em; }
.launcher h2 { font-size: 16px; font-weight: 720; letter-spacing: -.025em; }
.app-tile strong { font-size: 11.5px; font-weight: 650; }
.activity-strip { font-size: 9.5px; font-weight: 720; letter-spacing: .085em; }
.command-centre label strong { font-size: 12px; font-weight: 720; letter-spacing: -.015em; }
.window-title { font-size: 11.5px; font-weight: 680; }
.window-heading h1 { font-size: 21px; font-weight: 720; letter-spacing: -.035em; }
.permission-list h2 { font-size: 12px; font-weight: 680; }

body[data-theme="light"] { color: #082a40; }
body[data-theme="light"] .system-bar {
  background: linear-gradient(180deg, rgba(244,252,255,.48), rgba(225,246,255,.25));
  border-color: rgba(255,255,255,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 8px 30px rgba(8,69,109,.11);
  backdrop-filter: blur(30px) saturate(175%);
}
body[data-theme="light"] .system-nav a { color: #17445d; }
body[data-theme="light"] .system-nav a:hover { color: #052d47; background: rgba(231,249,255,.26); }
body[data-theme="light"] .system-nav a[aria-current="page"] {
  color: #052b44;
  background: linear-gradient(145deg, rgba(255,255,255,.5), rgba(208,239,252,.24));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), inset 0 0 0 1px rgba(255,255,255,.42), 0 5px 15px rgba(11,82,124,.09);
}
body[data-theme="light"] .tray-control,
body[data-theme="light"] .tray-icon {
  color: #123f59;
  background: linear-gradient(145deg, rgba(255,255,255,.42), rgba(204,238,251,.2));
  border-color: rgba(255,255,255,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 7px 18px rgba(8,67,104,.09);
  backdrop-filter: blur(24px) saturate(165%);
}
body[data-theme="light"] .desktop-tabs button { color: #28536a; }
body[data-theme="light"] .desktop-tabs button.active {
  color: #062e47;
  background: linear-gradient(145deg, rgba(255,255,255,.46), rgba(210,241,253,.22));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), inset 0 0 0 1px rgba(255,255,255,.4), 0 8px 20px rgba(8,70,108,.1);
  backdrop-filter: blur(20px) saturate(160%);
}
body[data-theme="light"] .status-grid {
  gap: 10px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
body[data-theme="light"] .status-card {
  min-height: 116px;
  padding: 17px 18px;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.44) 0%, rgba(224,247,255,.23) 46%, rgba(129,206,243,.12) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), inset 0 -1px 0 rgba(122,191,224,.14), 0 12px 30px rgba(7,67,105,.12);
  backdrop-filter: blur(28px) saturate(170%);
}
body[data-theme="light"] .status-card:last-child { border-right: 1px solid rgba(255,255,255,.62); }
body[data-theme="light"] .status-card::before {
  opacity: 1;
  background: radial-gradient(circle at 14% 0%, rgba(255,255,255,.54), transparent 38%);
}
body[data-theme="light"] .status-card:hover {
  background: linear-gradient(145deg, rgba(255,255,255,.52), rgba(218,245,255,.28));
  border-color: rgba(255,255,255,.78);
}
body[data-theme="light"] .status-kicker,
body[data-theme="light"] .eyebrow { color: #245269; }
body[data-theme="light"] .status-card strong,
body[data-theme="light"] .launcher h2,
body[data-theme="light"] .app-tile strong { color: #072d45; }
body[data-theme="light"] .status-card small { color: #245069; }
body[data-theme="light"] .activity-strip,
body[data-theme="light"] .side-widget,
body[data-theme="light"] .command-centre,
body[data-theme="light"] .dock {
  border-color: rgba(255,255,255,.6);
  background: linear-gradient(145deg, rgba(255,255,255,.4), rgba(213,242,253,.2));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(116,187,222,.12), 0 14px 34px rgba(8,66,103,.12);
  backdrop-filter: blur(30px) saturate(175%);
}
body[data-theme="light"] .activity-strip { color: #123f58; border-radius: 14px; }
body[data-theme="light"] .side-widget { border-radius: 16px; }
body[data-theme="light"] .side-widget header { color: #0c3851; border-color: rgba(255,255,255,.38); }
body[data-theme="light"] .side-widget dt,
body[data-theme="light"] .side-widget dd,
body[data-theme="light"] .empty-side { color: #214d65; }
body[data-theme="light"] .command-centre { border-radius: 18px; }
body[data-theme="light"] .command-centre label strong,
body[data-theme="light"] .command-centre input { color: #082f48; }
body[data-theme="light"] .command-centre label small,
body[data-theme="light"] .command-centre input::placeholder { color: #356078; opacity: 1; }
body[data-theme="light"] .dock { border-radius: 21px; }
body[data-theme="light"] .dock-icon {
  border-color: rgba(255,255,255,.56);
  background: linear-gradient(145deg, rgba(255,255,255,.48), rgba(197,233,248,.22));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 5px 14px rgba(9,67,102,.11);
}
body[data-theme="light"] .os-window,
body[data-theme="light"] .app-dialog {
  border-color: rgba(255,255,255,.65);
  background: linear-gradient(145deg, rgba(244,252,255,.7), rgba(216,242,252,.48));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 28px 75px rgba(6,54,87,.2);
  backdrop-filter: blur(36px) saturate(165%);
}
body[data-theme="light"] .window-bar { background: rgba(221,242,250,.38); border-color: rgba(255,255,255,.44); }
body[data-theme="light"] .window-sidebar { background: rgba(213,238,248,.3); border-color: rgba(255,255,255,.4); }

@media (max-width: 639px) {
  body[data-theme="light"] .status-card,
  body[data-theme="light"] .status-card:nth-child(2n),
  body[data-theme="light"] .status-card:nth-last-child(-n+2) {
    border: 1px solid rgba(255,255,255,.6);
  }
  body[data-theme="light"] .status-grid { gap: 8px; }
}

/* Centred OS identity and fully translucent liquid-glass surfaces. */
.wallpaper .jude-dot { display: none !important; }
.wallpaper .wallpaper-mark,
body[data-theme="light"] .wallpaper .wallpaper-mark {
  left: 50%;
  right: auto;
  top: 61%;
  bottom: auto;
  width: clamp(190px, 23vw, 310px);
  opacity: .16;
  transform: translate(-50%, -50%);
  mix-blend-mode: multiply;
  filter: saturate(1.15) drop-shadow(0 26px 60px rgba(8, 65, 105, .14));
}
body[data-theme="light"] .system-bar {
  background: linear-gradient(180deg, rgba(230,249,255,.26), rgba(208,238,252,.14));
  border-bottom-color: rgba(255,255,255,.48);
  backdrop-filter: blur(34px) saturate(190%);
}
body[data-theme="light"] .tray-control,
body[data-theme="light"] .tray-icon,
body[data-theme="light"] .desktop-tabs button.active {
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.3), rgba(199,235,250,.12));
  border-color: rgba(255,255,255,.48);
  backdrop-filter: blur(28px) saturate(185%);
}
body[data-theme="light"] .status-card {
  border-radius: 22px;
  border-color: rgba(255,255,255,.5);
  background: linear-gradient(145deg, rgba(255,255,255,.29) 0%, rgba(221,247,255,.14) 48%, rgba(100,190,236,.08) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), inset 0 -1px 0 rgba(78,166,209,.12), 0 14px 34px rgba(7,67,105,.1);
  backdrop-filter: blur(32px) saturate(185%);
}
body[data-theme="light"] .status-card:last-child { border-right-color: rgba(255,255,255,.5); }
body[data-theme="light"] .status-card:hover {
  background: linear-gradient(145deg, rgba(255,255,255,.36), rgba(211,243,255,.18));
}
body[data-theme="light"] .activity-strip,
body[data-theme="light"] .side-widget,
body[data-theme="light"] .command-centre,
body[data-theme="light"] .dock {
  border-color: rgba(255,255,255,.5);
  background: linear-gradient(145deg, rgba(255,255,255,.28), rgba(203,238,252,.12));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), inset 0 -1px 0 rgba(82,168,210,.1), 0 16px 38px rgba(7,64,100,.1);
  backdrop-filter: blur(34px) saturate(190%);
}
body[data-theme="light"] .activity-strip { border-radius: 19px; }
body[data-theme="light"] .side-widget { border-radius: 20px; }
body[data-theme="light"] .command-centre { border-radius: 22px; }
body[data-theme="light"] .dock { border-radius: 26px; }
body[data-theme="light"] .dock-icon {
  border-radius: 14px;
  border-color: rgba(255,255,255,.48);
  background: linear-gradient(145deg, rgba(255,255,255,.3), rgba(188,229,246,.12));
  backdrop-filter: blur(22px) saturate(180%);
}
body[data-theme="light"] .os-window,
body[data-theme="light"] .app-dialog {
  border-color: rgba(255,255,255,.56);
  background: linear-gradient(145deg, rgba(235,250,255,.5), rgba(196,234,249,.28));
  backdrop-filter: blur(40px) saturate(185%);
}
body[data-theme="light"] .window-bar { background: rgba(217,242,252,.2); }
body[data-theme="light"] .window-sidebar { background: rgba(203,235,248,.17); }
body[data-theme="light"] .permission-list article,
body[data-theme="light"] .device-card,
body[data-theme="light"] .empty-device,
body[data-theme="light"] .information-note,
body[data-theme="light"] .audit-note,
body[data-theme="light"] .result-hero,
body[data-theme="light"] .result-metrics > div {
  border-color: rgba(255,255,255,.46);
  background: linear-gradient(145deg, rgba(255,255,255,.24), rgba(194,232,248,.1));
  backdrop-filter: blur(22px) saturate(170%);
}

@media (max-width: 780px) {
  .wallpaper .wallpaper-mark,
  body[data-theme="light"] .wallpaper .wallpaper-mark {
    left: 50%;
    right: auto;
    top: 64%;
    bottom: auto;
    width: clamp(150px, 42vw, 230px);
    opacity: .14;
    transform: translate(-50%, -50%);
  }
}