@charset "UTF-8";
/* V9.1: one continuous window material surrounds the normal document flow. */
:root {
 --window-shell-start:#E3D1A4;--window-shell-center:#FCF7E9;--window-shell-end:#E0CAA0;
 --window-edge:#A78C5B66;--window-highlight:#FFFFFF99;--window-shadow:#80673E0A;
 --window-panel:var(--theme-ui-panel);--window-panel-line:var(--theme-ui-border);
 --window-panel-top:12px;--window-panel-right:14px;--window-panel-bottom:14px;
 --window-panel-radius:22px;--window-edge-radius:10px;--window-web-offset:0px;
 --window-web-toolbar:54px;
}
:root[data-theme="blue"] {
 --window-shell-start:#C1D4FC;--window-shell-center:#F0F5FF;--window-shell-end:#D3E0FA;
 --window-edge:#7C97C266;--window-highlight:#FFFFFF99;--window-shadow:#475E8C0A;
}
:root[data-theme="red"] {
 --window-shell-start:#F2CFCC;--window-shell-center:#FFF7F5;--window-shell-end:#F4D8D2;
 --window-edge:#B48C8866;--window-highlight:#FFFFFF99;--window-shadow:#784F4E0A;
}
:root[data-theme="pink"] {
 --window-shell-start:#F3D2E3;--window-shell-center:#FFF6FB;--window-shell-end:#F2D8E7;
 --window-edge:#B98AA666;--window-highlight:#FFFFFF99;--window-shadow:#7A4A660A;
}
:root[data-theme="green"] {
 --window-shell-start:#DDEDE2;--window-shell-center:#F7FCF8;--window-shell-end:#D6E9DE;
 --window-edge:#7D9D8A66;--window-highlight:#FFFFFF99;--window-shadow:#456B530A;
}
:root[data-theme="blackgold"] {
 --window-shell-start:#141512;--window-shell-center:#2C281E;--window-shell-end:#1B1C17;
 --window-edge:#8B784F66;--window-highlight:#E4C57914;--window-shadow:#00000033;
}
:root[data-theme="gold"] {
 --window-shell-start:#E3D1A4;--window-shell-center:#FCF7E9;--window-shell-end:#E0CAA0;
 --window-edge:#A78C5B66;--window-highlight:#FFFFFF99;--window-shadow:#80673E0A;
}
/* Native controls sit outside the WebView. Only the HTML fallback reserves 48px. */
:root.desktop-host {--window-web-offset:48px;}
:root.desktop-native-controls {--window-web-offset:0px;}
:root.desktop-maximized {--window-edge-radius:0px;}
html {min-width:0;background-color:var(--window-shell-start);}
body {
 min-width:0;background-color:var(--window-shell-start);
 background-image:linear-gradient(90deg,var(--window-shell-start) 0%,var(--window-shell-center) 48%,var(--window-shell-end) 100%);
 background-repeat:no-repeat;background-size:100% 100dvh;background-attachment:fixed;
}
/* The native window already owns its physical edge; previews get a thin inner line. */
:root:not(.desktop-native-controls)::before {
 content:"";position:fixed;inset:0;z-index:2147483000;box-sizing:border-box;
 pointer-events:none;border:1px solid var(--window-edge);border-radius:var(--window-edge-radius);
 box-shadow:inset 0 1px 0 var(--window-highlight);
}
:root.desktop-maximized::before {border:0;box-shadow:none;border-radius:0;}
.sidebar {
 background-image:none;background-color:transparent;border-right:0;box-shadow:none;
}
.workspace {
 min-width:0;min-height:calc(100dvh - var(--window-web-offset));
 background-image:none;background-color:transparent;
}
.topbar {
 background-image:none;background-color:transparent;border-bottom:0;box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;
}
.workspace>main {
 width:auto;max-width:none;min-width:0;
 min-height:calc(100dvh - var(--window-web-offset) - var(--window-web-toolbar) - var(--window-panel-top) - var(--window-panel-bottom));
 margin:var(--window-panel-top) var(--window-panel-right) var(--window-panel-bottom) 0;
 background-color:var(--window-panel);border:1px solid var(--window-panel-line);border-radius:var(--window-panel-radius);
 box-shadow:inset 0 1px 0 var(--window-highlight),0 3px 16px var(--window-shadow);
}
.workspace>main::before,.workspace>main::after {border-radius:inherit;}
/* Login uses the same material and fine boundary without changing its visibility. */
.company-auth-gate {
 background-color:var(--window-shell-start);
 background-image:linear-gradient(90deg,var(--window-shell-start) 0%,var(--window-shell-center) 48%,var(--window-shell-end) 100%);
}
.company-auth-gate::before {opacity:.36;}
.company-auth-gate::after {opacity:.35;}
.company-auth-shell {
 border-color:var(--window-panel-line);border-radius:var(--window-panel-radius);
 box-shadow:inset 0 1px 0 var(--window-highlight),0 12px 46px var(--window-shadow);
}
/* Retain the existing fallback class logic and its original 48px drag area. */
#desktop-titlebar {
 background-color:var(--window-shell-start);
 background-image:linear-gradient(90deg,var(--window-shell-start) 0%,var(--window-shell-center) 48%,var(--window-shell-end) 100%);
 border-bottom:0;box-shadow:inset 0 1px 0 var(--window-highlight);
}
@media(max-width:760px) {
 :root {--window-panel-top:10px;--window-panel-right:10px;--window-panel-bottom:10px;--window-panel-radius:18px;}
 .workspace>main {margin-left:10px;}
}
@media(max-width:480px) {
 :root {--window-panel-top:8px;--window-panel-right:8px;--window-panel-bottom:8px;--window-panel-radius:16px;--window-edge-radius:8px;}
 .workspace>main {margin-left:8px;}
}
@media(prefers-reduced-motion:reduce) {
 .sidebar,.topbar,.workspace>main,.company-auth-gate,.company-auth-shell {transition:none!important;}
}