/* Přepínač aplikací přebírá paletu aplikace (--suite-*, --account-accent níže). Ve výchozím stavu je sbalený. */
.app-switcher {
    --switch-bg: var(--suite-soft);
    --switch-border: var(--suite-line);
    --switch-ink: var(--suite-ink);
    --switch-muted: color-mix(in srgb, var(--suite-muted) 65%, var(--suite-ink));
    --switch-icon-bg: var(--suite-paper);
    --switch-accent: var(--account-accent);
    --switch-hover: var(--suite-paper);
    margin: 2px 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
}
.app-switcher[open] { border-color: var(--switch-border); background: var(--switch-bg); }
.app-switcher .app-switcher-summary {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 46px;
    margin: 0;
    padding: 12px 15px;
    border-radius: 11px;
    color: var(--switch-ink);
    font: 500 14px/1.5 system-ui, sans-serif;
    list-style: none;
    cursor: pointer;
    user-select: none;
}
.app-switcher .app-switcher-summary::-webkit-details-marker { display: none; }
.app-switcher .app-switcher-summary::marker { content: ''; }
.app-switcher .app-switcher-summary:hover { background: var(--suite-soft); }
.app-switcher[open] .app-switcher-summary:hover { background: var(--switch-hover); }
.app-switcher .app-switcher-summary:focus-visible { outline: 2px solid var(--switch-accent); outline-offset: 2px; }
.app-switcher .app-switcher-grid { display: block; width: 20px; height: 20px; flex: 0 0 20px; color: var(--switch-accent); }
.app-switcher .app-switcher-grid svg { display: block; width: 20px; height: 20px; }
.app-switcher .app-switcher-heading { flex: 1; min-width: 0; margin: 0; padding: 0; color: inherit; font: inherit; letter-spacing: 0; text-transform: none; }
.app-switcher .app-switcher-count { min-width: 22px; padding: 1px 7px; border-radius: 999px; background: var(--switch-bg); color: var(--switch-muted); font: 600 12px/1.6 system-ui, sans-serif; text-align: center; }
.app-switcher[open] .app-switcher-count { background: var(--switch-icon-bg); }
.app-switcher .app-switcher-chevron { display: block; width: 18px; height: 18px; flex: 0 0 18px; color: var(--switch-muted); transition: transform .15s; }
.app-switcher[open] .app-switcher-chevron { transform: rotate(180deg); }
.app-switcher .app-switcher-list { padding: 2px 6px 6px; }
.app-switcher .app-switch-link {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 46px;
    margin: 0;
    padding: 6px 9px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    color: var(--switch-ink);
    font: 14px/1.4 system-ui, sans-serif;
    text-align: left;
    cursor: pointer;
}
.app-switcher form + form { margin-top: 2px; }
.app-switcher .app-switch-link:hover { background: var(--switch-hover); }
.app-switcher .app-switch-link:focus-visible { outline: 2px solid var(--switch-accent); outline-offset: 2px; }
.app-switcher .app-switch-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: var(--switch-icon-bg);
    color: var(--switch-accent);
}
.app-switcher .app-switch-icon svg { display: block; width: 21px; height: 21px; }
.app-switcher .app-switch-label { display: block; min-width: 0; }
.app-switcher .app-switch-label strong { display: block; font-size: 14px; font-weight: 650; }
.app-switcher .app-switch-arrow { display: block; width: 16px; height: 16px; color: var(--switch-accent); }
@media (prefers-reduced-motion: reduce) { .app-switcher .app-switcher-chevron { transition: none; } }
/* Shared account drawer and desktop layout across all four applications. */
#side-menu.side-menu{position:fixed!important;inset:0 0 0 auto!important;width:min(330px,92vw)!important;max-width:100%;height:100dvh;overflow-y:auto;background:var(--suite-paper)!important;color:var(--suite-ink)!important;border:0;border-left:1px solid var(--suite-line);box-shadow:-15px 0 50px #172b2418;padding:16px 12px;z-index:2000;transform:translateX(105%);visibility:hidden;transition:transform .2s,visibility .2s}
#side-menu.open{transform:translateX(0)!important;visibility:visible}
#side-menu .side-menu-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--suite-line);padding:7px 12px 18px;margin-bottom:10px}
#side-menu .side-menu-header h2,#side-menu .side-menu-header h3{font:700 18px/1.4 system-ui,sans-serif;margin:0;color:var(--suite-ink)}
#side-menu .side-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:12px 15px;margin:2px 0;border:0;border-radius:10px;background:transparent!important;color:var(--suite-ink)!important;font:500 14px/1.5 system-ui,sans-serif;text-decoration:none;text-align:left;box-shadow:none;cursor:pointer}
#side-menu .side-menu-item:hover{background:var(--suite-soft)!important}#side-menu .menu-account{padding:10px 15px;font-size:14px;color:var(--suite-muted);overflow-wrap:anywhere}
#side-menu .app-switcher{margin:2px 0}#side-menu .round-button,#side-menu .close-menu-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--suite-line);border-radius:50%;background:var(--suite-paper);color:var(--suite-ink);font:24px/1 system-ui;cursor:pointer}
#menu-overlay.menu-overlay{position:fixed;inset:0;background:#14261e80;z-index:1999;border:0}#menu-overlay[hidden]{display:none!important}.menu-open{overflow:hidden}
@media(min-width:1280px){
 body:has(#side-menu){padding-right:330px!important;width:auto!important;overflow-x:clip}
 body:has(#side-menu) #side-menu.side-menu{transform:none!important;visibility:visible!important;box-shadow:none;transition:none}
 body:has(#side-menu) #menu-overlay,body:has(#side-menu) #menu-close,body:has(#side-menu) .close-menu-btn{display:none!important}
 body:has(#side-menu) .app-layout{grid-template-columns:190px minmax(0,1fr)}
 body:has(#side-menu) .app-layout>.container{min-width:0}
 body:has(#side-menu) .site-header,body:has(#side-menu) .app-topbar,body:has(#side-menu) .account-header{width:auto;max-width:100%}
 body:has(#side-menu) .container{min-width:0;max-width:100%}
 body:has(#side-menu) .site-header .header-inner{padding-inline:25px}
 body:has(#side-menu) .sidebar-settings{display:none}
}
@media(prefers-reduced-motion:reduce){#side-menu.side-menu{transition:none}}
@media print{body:has(#side-menu){padding-right:0!important}#side-menu,#menu-overlay{display:none!important}}

/* Paleta účtu (menu, přepínač aplikací, profil, komunikace) podle aplikace. Hodnoty odpovídají tokenům style.css dané aplikace. */
body{--suite-bg:#f6f7f2;--suite-paper:#fffefa;--suite-ink:#273c32;--suite-muted:#68776d;--suite-line:#dce4d9;--suite-soft:#edf2e9;--account-accent:#286657;--account-exit:#a43a37}
[data-theme="dark"] body,body.dark-mode{--suite-bg:#17251e;--suite-paper:#213129;--suite-ink:#edf3e9;--suite-muted:#bccabb;--suite-line:#3d5041;--suite-soft:#2c4031;--account-accent:#a3d3b5;--account-exit:#ffb2a8}
body[data-suite-app="admin"]{--suite-bg:#f3f6fa;--suite-paper:#ffffff;--suite-ink:#20334a;--suite-muted:#66778c;--suite-line:#dce4ee;--suite-soft:#eaf2ff;--account-accent:#2864bd;--account-exit:#af3d49}
[data-theme="dark"] body[data-suite-app="admin"],body.dark-mode[data-suite-app="admin"]{--suite-bg:#111b2a;--suite-paper:#1a293e;--suite-ink:#edf3fc;--suite-muted:#b0bfd3;--suite-line:#344760;--suite-soft:#233e61;--account-accent:#80b2ff;--account-exit:#ffabb4}
body[data-suite-app="diskgolf"]{--suite-bg:#f5f3ed;--suite-paper:#fffefa;--suite-ink:#243c32;--suite-muted:#627066;--suite-line:#dce1d6;--suite-soft:#e9eee3;--account-accent:#245740;--account-exit:#a43a37}
[data-theme="dark"] body[data-suite-app="diskgolf"],body.dark-mode[data-suite-app="diskgolf"]{--suite-bg:#17251f;--suite-paper:#21322a;--suite-ink:#eef1e8;--suite-muted:#b5c1b6;--suite-line:#3a5042;--suite-soft:#304839;--account-accent:#b9d5a7;--account-exit:#ffb2a8}
body[data-suite-app="turnaje"]{--suite-bg:#f5f3ed;--suite-paper:#fffefa;--suite-ink:#243c32;--suite-muted:#627066;--suite-line:#dce1d6;--suite-soft:#eaf2e6;--account-accent:#245740;--account-exit:#a43a37}
[data-theme="dark"] body[data-suite-app="turnaje"],body.dark-mode[data-suite-app="turnaje"]{--suite-bg:#17251f;--suite-paper:#21322a;--suite-ink:#eef5ee;--suite-muted:#acbeb0;--suite-line:#354c3e;--suite-soft:#273d2e;--account-accent:#b9d5a7;--account-exit:#ffb2a8}
body[data-suite-app="nakup"]{--suite-bg:#f3f7fc;--suite-paper:#ffffff;--suite-ink:#20334f;--suite-muted:#60738d;--suite-line:#cbd8e9;--suite-soft:#e8f0ff;--account-accent:#2864c5;--account-exit:#b44352}
[data-theme="dark"] body[data-suite-app="nakup"],body.dark-mode[data-suite-app="nakup"]{--suite-bg:#101a2b;--suite-paper:#18263c;--suite-ink:#edf3ff;--suite-muted:#adbed7;--suite-line:#405675;--suite-soft:#203957;--account-accent:#9bc1ff;--account-exit:#ffaeb9}
body[data-suite-app="evidence"]{--suite-bg:#f6f5ef;--suite-paper:#fffefa;--suite-ink:#263c33;--suite-muted:#66746a;--suite-line:#dce0d6;--suite-soft:#e6eee4;--account-accent:#366653;--account-exit:#a63f37}
[data-theme="dark"] body[data-suite-app="evidence"],body.dark-mode[data-suite-app="evidence"]{--suite-bg:#17221e;--suite-paper:#202f27;--suite-ink:#ecf0e7;--suite-muted:#afbdaf;--suite-line:#3c4d40;--suite-soft:#314b3d;--account-accent:#a5c6ac;--account-exit:#ffb7a8}
body[data-suite-app="dovolena"]{--suite-bg:#f7f7f2;--suite-paper:#fffefa;--suite-ink:#293b35;--suite-muted:#68746d;--suite-line:#dfe4da;--suite-soft:#eaf0e7;--account-accent:#286657;--account-exit:#a04d3c}
[data-theme="dark"] body[data-suite-app="dovolena"],body.dark-mode[data-suite-app="dovolena"]{--suite-bg:#19241f;--suite-paper:#223029;--suite-ink:#e9eee5;--suite-muted:#b0bfb2;--suite-line:#3b4a40;--suite-soft:#2d3e32;--account-accent:#97d1ba;--account-exit:#ffb39d}
#side-menu .account-menu-icon{width:20px;height:20px;flex:0 0 20px;color:var(--account-accent)}
#side-menu .account-menu-icon--logout{color:var(--account-exit)}
#side-menu .menu-account-name{font:700 18px/1.4 system-ui,sans-serif;overflow-wrap:anywhere;min-width:0}
#side-menu .side-menu-header{gap:12px}
body:has(#side-menu) #theme-toggle,body:has(#side-menu) #themeToggleBtn{display:none!important}
@media(min-width:1280px){body:has(#side-menu) #menu-toggle,body:has(#side-menu) [data-menu-toggle],body:has(#side-menu) button[title="Menu"]{display:none!important}}

body[data-suite-app="diskgolf"]:has(#side-menu) button[title="Menu"]{display:none!important}

.suite-floating-menu{display:none!important}@media(max-width:1279px){body.suite-has-menu #suite-floating-menu{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:1100;display:grid!important;place-items:center;width:42px;height:42px;margin:0;padding:0;border:1px solid var(--profile-line,var(--line,#cbd8d0));border-radius:50%;background:color-mix(in srgb,var(--profile-paper,var(--surface,var(--bg-color,#fffefa))) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--profile-ink,var(--text,var(--text-color,#274c3b)));box-shadow:0 2px 10px #0000001f;font:21px/1 system-ui,sans-serif;transition:opacity .15s,visibility .15s}body.suite-inline-menu #suite-floating-menu{opacity:0;visibility:hidden;pointer-events:none}body.menu-open #suite-floating-menu{visibility:hidden}body.suite-has-menu #menu-toggle,body.suite-has-menu [data-menu-toggle],body.suite-has-menu button[title="Menu"]{visibility:hidden!important}}
