/* Desktop navigation only: this file is not loaded or exported by mobile. */
/* Keep the document canvas covered while the native fullscreen viewport changes.
   Minimum sizes preserve natural page scrolling and the Planning grid geometry. */
:root,body,body>main{
 background-color:var(--ui-page);
 width:100%;
 min-height:100vh;
 min-height:100dvh;
}
:root:fullscreen{background-color:var(--ui-page)}
/* Backdrops do not inherit the page's palette variables in all supported engines.
   These are the existing light/dark page colours, not an additional palette. */
:root::backdrop{background-color:#f3f5f2}
:root[data-theme="dark"]::backdrop{background-color:#202522}
/* Retain the native control's intrinsic width, but never open its OS popup.
   Only the screen switcher changes; calendar/filter selects remain native. */
body:not(.mobile) .app-toolbar .screen-switcher{position:relative;display:flex;align-items:center;gap:4px;flex:none;height:34px;min-height:34px;padding:4px 7px;border:1px solid var(--line);border-radius:5px;background:var(--ui-input);font-size:11px;white-space:nowrap}
body:not(.mobile) .app-toolbar .screen-switcher>select{visibility:hidden;pointer-events:none;height:25px;min-height:25px;padding:1px 3px;border:0}
body:not(.mobile) .app-toolbar .screen-switcher-button{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:4px 10px;border:0;background:transparent;color:#224838;font-size:16px;font-weight:800;text-align:left}
:root[data-theme="dark"] body:not(.mobile) .app-toolbar .screen-switcher-button{color:#91cbb0}
body:not(.mobile) .app-toolbar :is(.screen-switcher-button,.screen-switcher-menu button):focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}
body:not(.mobile) .desktop-business-nav{display:flex;align-items:center;gap:2px;flex:none}
body:not(.mobile) .desktop-business-nav button{height:34px;border:0!important;background:transparent!important;border-radius:5px;color:var(--ui-text-soft)!important;font-weight:600;padding:4px 10px}
body:not(.mobile) .desktop-business-nav button.active{color:var(--ui-text)!important;background:var(--ui-surface-soft)!important;box-shadow:inset 0 -2px var(--ui-accent)}
body:not(.mobile) .desktop-tools{display:flex;align-items:center;gap:5px;margin-left:auto;flex:none;padding-left:12px;border-left:1px solid var(--ui-border-soft)}
body:not(.mobile) .desktop-tools [data-chat-open],body:not(.mobile) .desktop-tools .actions-menu summary{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:34px;padding:0;border:0;background:transparent;color:var(--ui-text-soft);border-radius:5px}
body:not(.mobile) .desktop-tools [data-chat-open]:hover,body:not(.mobile) .desktop-tools .actions-menu summary:hover{background:var(--ui-hover);color:var(--ui-text)}
body:not(.mobile) .desktop-tools svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body:not(.mobile) .desktop-tools .actions-menu svg{fill:currentColor;stroke:none}
body:not(.mobile) .desktop-tools [data-chat-badge]{position:absolute;top:0;right:0;margin:0;min-width:16px;height:16px;padding:0 3px;font-size:10px;line-height:16px;background:var(--ui-accent);color:var(--ui-page)}
body:not(.mobile) .desktop-tools [data-chat-badge][hidden]{display:none}
body:not(.mobile) .desktop-tools :is(button,summary):focus-visible,body:not(.mobile) .desktop-business-nav button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}
body:not(.mobile) .app-toolbar>.toolbar-spacer{display:none}

.desktop-tools [data-fullscreen]{width:34px;padding:5px!important;background:transparent!important;border:0!important}.desktop-tools [data-fullscreen][hidden]{display:none}

/* Reveal only the completed desktop view; keep the opaque page canvas visible. */
body[data-app-state="booting"]>main,body[data-app-state="booting"]>.inters-window{visibility:hidden}