/* Bureo shell M1: the Settings panel (app/m1-settings-panel.js). One centered panel over a dimmed backdrop (~880×640 on a desk), a left
   nav and the section on the right; a phone gets a full-screen sheet (the section list first, a back arrow into a section). Kit tokens
   only, so light, dark and «Večji kontrast» follow. */
.m1sp{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:var(--k-scrim,rgba(10,10,12,.45));padding:24px}
.m1sp[hidden]{display:none}
.m1sp-box{width:min(880px,100%);height:min(640px,100%);display:flex;flex-direction:column;background:var(--k-surface,#fff);color:var(--k-text);border-radius:var(--k-r-xl,20px);box-shadow:var(--k-sh-win,0 30px 80px -20px rgba(0,0,0,.35));overflow:hidden}
.m1sp-head{display:flex;align-items:center;gap:8px;padding:16px 18px 12px 22px;border-bottom:1px solid var(--k-line)}
.m1sp-head h2{flex:1;margin:0;font-size:var(--k-t-lg,20px);font-weight:500;letter-spacing:-.01em}
.m1sp-x,.m1sp-back{min-width:36px;min-height:36px;justify-content:center;font-size:20px;line-height:1;background:none;border:0;color:var(--k-text-2);cursor:pointer;border-radius:10px}
.m1sp-x:hover,.m1sp-back:hover{background:var(--k-hover,rgba(0,0,0,.05));color:var(--k-text)}
.m1sp-main{flex:1;min-height:0;display:grid;grid-template-columns:232px 1fr}
.m1sp-nav{display:flex;flex-direction:column;gap:2px;padding:12px;border-right:1px solid var(--k-line);overflow:auto}
.m1sp-it{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border:0;background:none;border-radius:10px;color:var(--k-text-2);font:inherit;cursor:pointer}
.m1sp-it svg{width:18px;height:18px;flex:none}
.m1sp-it:hover{background:var(--k-hover,rgba(0,0,0,.05));color:var(--k-text)}
.m1sp-it[aria-current="page"]{background:var(--k-surface-2);color:var(--k-text);font-weight:500}
.m1sp-body{padding:20px 26px 28px;overflow:auto;min-width:0}
.m1sp-group{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--k-line)}
.m1sp-group:last-child{border-bottom:0;margin-bottom:0}
.m1sp-group h3{margin:0 0 10px;font-size:var(--k-t-base,15px);font-weight:500}
.m1sp-lab{margin:0 0 6px;color:var(--k-text-2);font-size:var(--k-t-sm,13px)}
.m1sp-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:12px;background:var(--k-surface-2)}
.m1sp-seg button{min-height:34px;padding:6px 12px;white-space:nowrap;border:0;border-radius:9px;background:none;color:var(--k-text-2);font:inherit;cursor:pointer}
.m1sp-seg button[aria-pressed="true"]{background:var(--k-surface);color:var(--k-text);box-shadow:0 2px 8px -4px rgba(20,22,30,.3)}
.m1sp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.m1sp-row small{display:block;color:var(--k-text-3)}
.m1sp-lang{min-width:220px;max-width:100%}
.m1sp-kv{display:grid;gap:10px;margin:0 0 16px}
.m1sp-kv>div{display:grid;grid-template-columns:140px 1fr;gap:12px}
.m1sp-kv dt{color:var(--k-text-2)}.m1sp-kv dd{margin:0;overflow-wrap:anywhere}
.m1sp-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.m1sp-noacc{margin:0 0 4px;color:var(--k-text)}
html.m1sp-on body{overflow:hidden}
/* a phone: the whole screen; the list, or one section with a back arrow */
@media (max-width:860px){
  .m1sp{padding:0;place-items:stretch}
  .m1sp-box{width:100%;height:100%;border-radius:0}
  .m1sp-main{grid-template-columns:1fr}
  .m1sp-nav{border-right:0;padding:8px 12px}
  .m1sp-showlist .m1sp-body,.m1sp-showbody .m1sp-nav{display:none}
  .m1sp-it{min-height:var(--k-tap,44px)}
  .m1sp-body{padding:16px}
  .m1sp-kv>div{grid-template-columns:1fr;gap:2px}
  .m1sp-lang{min-width:0;width:100%}
}
/* an on/off switch (Zmanjšaj gibanje, Večji kontrast): the label says what, the switch says on or off */
.m1sp-sw{flex:none;position:relative;width:44px;height:26px;border-radius:13px;border:0;padding:0;background:var(--k-line-strong);cursor:pointer;transition:background .15s}
.m1sp-sw span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.m1sp-sw[aria-checked="true"]{background:var(--k-text)}
.m1sp-sw[aria-checked="true"] span{transform:translateX(18px)}
html[data-theme="dark"] .m1sp-sw[aria-checked="true"] span{background:var(--k-bg)}
.m1sp-sw:focus-visible,.m1sp-it:focus-visible,.m1sp-x:focus-visible,.m1sp-back:focus-visible{outline:2px solid var(--k-focus,#2563eb);outline-offset:2px}
.m1sp-x:focus:not(:focus-visible),.m1sp-it:focus:not(:focus-visible){outline:none}
.m1sp-box:focus{outline:none}
/* the app's Settings section hosted in the panel: only the chosen card; the page's own tabs and its Appearance / Accessibility cards
   (Splošno has them) stay hidden */
.m1sp-host>section[data-view="settings"]{display:block;padding:0;margin:0;max-width:none}
.m1sp-host #m1SetTabs,.m1sp-host #m1Theme,.m1sp-host #m1Access{display:none!important}
.m1sp-host[data-card="gwSetNotif"] section[data-view="settings"]>article:not(#gwSetNotif),
.m1sp-host[data-card="gwSetPlan"] section[data-view="settings"]>article:not(#gwSetPlan),
.m1sp-host[data-card="gwSetPeople"] section[data-view="settings"]>article:not(#gwSetPeople),
.m1sp-host[data-card="gwSetFiscal"] section[data-view="settings"]>article:not(#gwSetFiscal){display:none!important}
.m1sp-host[data-card] section[data-view="settings"]>article#gwSetNotif,.m1sp-host[data-card] section[data-view="settings"]>article#gwSetPlan,
.m1sp-host[data-card] section[data-view="settings"]>article#gwSetPeople,.m1sp-host[data-card] section[data-view="settings"]>article#gwSetFiscal{margin:0}
/* a sheet a card opens (Dokupi kredite, Povabi sodelavca, Spremeni vlogo, a confirm) comes above the panel, never under it */
html.m1sp-on .sign-bg{z-index:2100}
/* Poraba (solo C): the period and scope pills, the total, three short lists on the shared row (app/m1-row.css) */
.m1sp-uhead{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 12px}
.m1sp-utot{margin:4px 0 8px;font-size:17px}
.m1sp-uh{margin:18px 0 2px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--k-text-3)}
#m1Set .m1sp-useg.k-segp{margin:0;width:auto;max-width:100%;overflow-x:auto;scrollbar-width:none}
#m1Set .m1sp-useg.k-segp>button{flex:0 0 auto;white-space:nowrap;padding:0 12px;min-height:36px}