/* Keep the app's text linked to the selected theme, not the page default. */
.app-shell{color:var(--ink)}

/* Panel launchers appear only when needed in the workspace, and stay available in focus mode. */
.panel-launchers.is-visible{display:flex}
.panel-launchers.tasks-closed:not(.notes-closed) #showNotes,.panel-launchers.notes-closed:not(.tasks-closed) #showTasks{display:none}
.app-shell.is-focusing .panel-launchers{display:block;position:static;inset:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none;z-index:30}
.app-shell.is-focusing .panel-launchers button{position:fixed;top:50%;transform:translateY(-50%);background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:11px 15px;box-shadow:0 4px 0 #0003;backdrop-filter:none}
.app-shell.is-focusing .panel-launchers #showTasks{right:72px;top:calc(50% - 25px)}.app-shell.is-focusing .panel-launchers #showNotes{right:72px;top:calc(50% + 25px)}
.app-shell.is-focusing .float-panel{z-index:31}
.app-shell.is-focusing .panel-launchers button{display:block}
.app-shell.is-focusing .panel-launchers #showTasks,.app-shell.is-focusing .panel-launchers #showNotes{display:block}
.app-shell.is-focusing .topbar{display:flex;position:fixed;top:18px;right:20px;left:20px;z-index:32}.app-shell.is-focusing .topbar .brand,.app-shell.is-focusing .topbar .today{display:none}.app-shell.is-focusing .topbar .icon-button{margin-left:auto;color:inherit;opacity:.65}
.app-shell.is-focusing .mode-tabs{display:flex;position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:34;opacity:1;padding:5px 10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:14px}.app-shell.is-focusing .mode{color:#eef4f0!important;min-width:76px}.app-shell.is-focusing .mode small{color:#c2d1ca}.app-shell.is-focusing .mode.active{color:#fff!important;border-color:var(--coral)}.app-shell.is-focusing[data-focus-screen="light"] .mode-tabs{background:rgba(30,45,48,.08);border-color:rgba(30,45,48,.12)}.app-shell.is-focusing[data-focus-screen="light"] .mode{color:#243035!important}.app-shell.is-focusing[data-focus-screen="light"] .mode small{color:#60716c}.app-shell.is-focusing[data-focus-screen="light"] .mode.active{color:#172327!important}

/* Full-screen focus keeps the chosen workspace palette instead of forcing one colour. */
.app-shell.is-focusing[data-focus-screen="light"]{background:var(--paper)!important}
.app-shell.is-focusing[data-theme="dawn"][data-focus-screen="dark"]{background:#392d2a!important}
.app-shell.is-focusing[data-theme="night"][data-focus-screen="dark"]{background:#111d22!important}
.app-shell.is-focusing[data-theme="forest"][data-focus-screen="dark"]{background:#20382e!important}
.app-shell.is-focusing[data-theme="cloud"][data-focus-screen="dark"]{background:#283745!important}

/* Explicit contrast for the timer face and controls in the distraction-free view. */
.app-shell.is-focusing .time{color:#f4f7f3!important}.app-shell.is-focusing .session-copy,.app-shell.is-focusing .subtle-button{color:#c9d4ce!important}.app-shell.is-focusing[data-focus-screen="light"] .time{color:#1d292d!important}.app-shell.is-focusing[data-focus-screen="light"] .session-copy,.app-shell.is-focusing[data-focus-screen="light"] .subtle-button{color:#5f716d!important}