/* A single language tile in every bottom action bar: the last action, right before bar-fit's ⋯ (always the very last item). */
body.language-shell{--language-alert-height:0px;--language-content-top:calc(env(safe-area-inset-top) + var(--language-alert-height));box-sizing:border-box;padding-top:var(--language-content-top)!important}
.language-dock{direction:inherit}
#mifkadaLanguageBar{position:static!important;display:flex;align-items:stretch;flex:0 0 64px;min-width:0;max-width:64px;height:64px;margin:0;padding:0;box-sizing:border-box}
#mifkadaLanguageBar>.mifkada-language-switch{position:static!important;inset:auto!important;display:flex!important;flex:1;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:64px;min-height:44px;margin:0!important;padding:5px 3px!important;border:0;border-radius:14px;background:transparent;color:var(--muted,#b6ada0);font:600 12px/1.2 Arial,sans-serif!important;letter-spacing:normal;text-decoration:none!important;white-space:nowrap;word-break:normal;overflow-wrap:normal;cursor:pointer;box-shadow:none;transform:none}
#mifkadaLanguageBar .language-icon{display:block;flex:0 0 24px;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin:0;pointer-events:none}
#mifkadaLanguageBar .language-label{display:block;flex:0 0 auto;margin:0;padding:0;font:inherit;color:inherit}
@media(hover:hover){#mifkadaLanguageBar>.mifkada-language-switch:hover{color:var(--accent,#c9a468)}}
#mifkadaLanguageBar>.mifkada-language-switch:focus-visible{outline:2px solid var(--accent,#c9a468);outline-offset:-2px}
#mifkadaLanguageBar>.mifkada-language-switch:disabled{opacity:.5;cursor:wait}
#appDock.language-dock{position:fixed!important;justify-content:center;height:calc(82px + env(safe-area-inset-bottom));padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
#appDock.language-dock>button{max-width:140px;overflow-wrap:normal;word-break:normal}
.language-shell .navtabs.language-dock{display:flex;height:calc(82px + env(safe-area-inset-bottom));padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-sizing:border-box}
.language-shell .navtabs.language-dock>:is(button,a.tohq){flex:1;min-width:0;height:64px;min-height:64px;padding:5px 2px;font-size:12px;line-height:1.2;overflow-wrap:normal}
.language-shell nav.bottomdock{padding-bottom:0}
#mifkadaLanguageDock{position:fixed!important;inset-inline:0;bottom:0;z-index:11000;display:flex;gap:4px;align-items:center;height:calc(82px + env(safe-area-inset-bottom));box-sizing:border-box;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--panel-a,#18181B);border:0;box-shadow:none}
#mifkadaLanguageDock[hidden]{display:none}
#mifkadaLanguageDock:has(>.language-home){justify-content:space-between}
html[dir=rtl] #mifkadaLanguageDock:not(:has(>.language-home)){justify-content:flex-end}
.language-home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:64px;min-height:64px;color:var(--muted,#b6ada0);font:inherit;font-size:12px;text-decoration:none}
.language-home svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.language-fallback{padding-bottom:calc(98px + env(safe-area-inset-bottom))!important}
.language-shell>.app>header,.language-shell>header{top:var(--language-content-top)!important}
.language-shell #sosBanner{top:env(safe-area-inset-top);z-index:12011}
.language-shell #chToast{top:calc(var(--language-content-top) + 12px);z-index:12012}
body.language-shell.standalone-workflow>header{grid-template-columns:minmax(0,1fr)!important}
body.language-shell.standalone-workflow>header:has(#back:not([hidden])){grid-template-columns:auto minmax(0,1fr)!important}
body.language-shell.standalone-workflow>header h1{grid-row:auto;grid-column:auto;min-width:0}
.language-shell #login{padding-top:20px;padding-bottom:100px}
.language-shell #daySchedule{top:var(--language-content-top);height:calc(100dvh - var(--language-content-top) - var(--app-dock-height,82px) - env(safe-area-inset-bottom))}
/* The schedule keeps a bounded viewport and a fixed action row. Colors remain in Manage. */
body.language-shell:has(>nav.language-dock):not(.language-fallback){padding-bottom:calc(90px + env(safe-area-inset-bottom))}
body.language-shell>nav.language-dock:not(#mifkadaLanguageDock){position:fixed!important;inset-inline:0;bottom:0;z-index:11000;height:calc(82px + env(safe-area-inset-bottom));gap:4px;box-sizing:border-box;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--bg,#0E0E10)}

html.locked #mifkadaLanguageBar{visibility:hidden}
@media(max-width:360px){#mifkadaLanguageBar{flex-basis:56px;max-width:56px}#appDock.language-dock{gap:2px}#appDock.language-dock>button{font-size:11px}.language-shell .navtabs.language-dock{gap:2px}.language-shell .navtabs.language-dock>button{font-size:11px}}
@media print{#mifkadaLanguageBar,#mifkadaLanguageDock{display:none!important}body.language-shell{padding-top:0!important;padding-bottom:0!important}}

/* Existing header links are retained only for their permission-aware navigation handlers. */
body.language-shell header>a#home,body.language-shell header>a#back,body.language-shell header>button#language{display:none!important}
body.language-shell.standalone-workflow>header:has(#back:not([hidden])){grid-template-columns:minmax(0,1fr)!important}
.language-dock>#mifkadaLanguageBar{border:0!important;background:transparent!important;box-shadow:none!important}
body.language-shell>nav.language-dock>:is(button,a){max-width:140px}

/* Overflow actions keep a readable touch target instead of inheriting dock flex:1. */
:is(#appDock,#bottomNav,nav.language-dock,.navtabs.language-dock) .bar-more-panel>:is(button,a){flex:0 1 140px;min-width:max-content;max-width:100%;min-height:64px;white-space:nowrap;padding-inline:12px}

/* Compact action groups, centered on desktop and naturally fitted on phones. */
body.language-shell{--dock-max-width:960px;--dock-gutter:max(8px,calc((100vw - var(--dock-max-width))/2))}
#appDock.language-dock,body.language-shell>nav.language-dock:not(#mifkadaLanguageDock),.language-shell .navtabs.language-dock{justify-content:center;padding-inline:var(--dock-gutter)}
#bottomNav.language-dock>:is(button,a),.language-shell .navtabs.language-dock>:is(button,a.tohq){max-width:140px}
.language-dock>.bar-more-panel{left:max(0px,calc((100% - var(--dock-max-width,960px))/2));right:max(0px,calc((100% - var(--dock-max-width,960px))/2))}
/* מחשב (3.10, בקשת הבעלים): כפתורי הסרגל התחתון קומפקטיים וצמודים במרכז — לא מרוחים על כל רוחב המסך.
   רוחב לפי התווית (88px לפחות, בלי שבירת שורה): ברוחב קבוע "Pending reports"/"דיווחים ממתינים" נשברו ו-bar-fit
   קיפל אותם ל-⋯ גם כשיש מקום (בעלים 3.10: ⋯ רק כשבאמת לא נכנס). בטלפון נשאר flex (התאמה לרוחב + "עוד"). */
@media (min-width:700px){
 #appDock.language-dock>:is(button,a),
 body.language-shell>nav.language-dock>:is(button,a),
 .language-shell .navtabs.language-dock>:is(button,a.tohq){flex:0 0 auto;width:auto;min-width:88px;max-width:180px;padding-inline:10px;white-space:nowrap}
}

/* טלפון (בעלים 4.10): השפה בתוך ⋯ — אריח באותו גודל כמו שאר פריטי התפריט (לא 64px של הסרגל) */
.bar-more-panel>#mifkadaLanguageBar{flex:0 1 140px;width:auto;max-width:100%;min-width:max-content;height:auto;min-height:64px}
.bar-more-panel>#mifkadaLanguageBar>.mifkada-language-switch{height:auto;min-height:64px;padding-inline:12px!important}
body.app-guard nav.bottomdock .navtabs>.bar-more-panel>#mifkadaLanguageBar{width:100%;min-width:0}

/* בעלים 6.10: בזמן מסך הפתיחה ומסך הכניסה (לא מחובר/ת) סרגל השפה הזמני לא מוצג — הוא נראה כמו דף פנימי עם ⋯ */
html.locked #mifkadaLanguageDock,html.loginlock #mifkadaLanguageDock,body.locked #mifkadaLanguageDock,body.loginlock #mifkadaLanguageDock{display:none!important}