/* Teme: auto (după dispozitiv), light, dark, contrast · accent setabil · mărime text — preferința se salvează pe utilizator */
:root{
  --bg:#f4f5f7; --card:#fff; --tx:#1b1f24; --mut:#5f6b7a; --line:#e1e5ea; --acc:#1d5bd8; --acc-soft:#e8effc; --acc-tx:#fff;
  --ok:#1a7f4b; --ok-bg:#e6f4ec; --warn:#a15c00; --warn-bg:#fff4e0; --bad:#b42318; --bad-bg:#fdecea;
  --blue-bg:#e8effc; --blue:#1d5bd8; --violet:#6941c6; --violet-bg:#f1ecfb; --gray-bg:#eef0f3; --shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08); --bw:1px;
  --r:10px; font-size:16px;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]):not([data-theme="contrast"]){
  --bg:#0f1216; --card:#181c22; --tx:#e7eaee; --mut:#9aa4b2; --line:#2a3039; --acc:#6f9cf2; --acc-soft:#1a2a4d; --acc-tx:#0f1216;
  --ok:#4cc38a; --ok-bg:#163326; --warn:#f5b04c; --warn-bg:#3a2a10; --bad:#f97066; --bad-bg:#3d1714;
  --blue-bg:#18284a; --blue:#8fb3f5; --violet:#b69cf5; --violet-bg:#2a2140; --gray-bg:#232a33; --shadow:none; color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0f1216; --card:#181c22; --tx:#e7eaee; --mut:#9aa4b2; --line:#2a3039; --acc:#6f9cf2; --acc-soft:#1a2a4d; --acc-tx:#0f1216;
  --ok:#4cc38a; --ok-bg:#163326; --warn:#f5b04c; --warn-bg:#3a2a10; --bad:#f97066; --bad-bg:#3d1714;
  --blue-bg:#18284a; --blue:#8fb3f5; --violet:#b69cf5; --violet-bg:#2a2140; --gray-bg:#232a33; --shadow:none; color-scheme:dark;
}
/* accente — varianta luminoasă */
:root[data-accent="albastru"]{--acc:#1d5bd8;--acc-soft:#e8effc}
:root[data-accent="verde"]{--acc:#1f7a5a;--acc-soft:#e3f2ec}
:root[data-accent="bordo"]{--acc:#9b2335;--acc-soft:#f8e6e9}
:root[data-accent="portocaliu"]{--acc:#b4530c;--acc-soft:#fbeee3}
:root[data-accent="mov"]{--acc:#6941c6;--acc-soft:#f1ecfb}
:root[data-accent="grafit"]{--acc:#344054;--acc-soft:#eceef2}
/* accente — varianta întunecată */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="contrast"])[data-accent="albastru"]{--acc:#6f9cf2;--acc-soft:#1a2a4d}}
:root[data-theme="dark"][data-accent="albastru"]{--acc:#6f9cf2;--acc-soft:#1a2a4d}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="contrast"])[data-accent="verde"]{--acc:#4fbf95;--acc-soft:#163328}}
:root[data-theme="dark"][data-accent="verde"]{--acc:#4fbf95;--acc-soft:#163328}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="contrast"])[data-accent="bordo"]{--acc:#e8808f;--acc-soft:#3a1a20}}
:root[data-theme="dark"][data-accent="bordo"]{--acc:#e8808f;--acc-soft:#3a1a20}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="contrast"])[data-accent="portocaliu"]{--acc:#f2a05a;--acc-soft:#3a2510}}
:root[data-theme="dark"][data-accent="portocaliu"]{--acc:#f2a05a;--acc-soft:#3a2510}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="contrast"])[data-accent="mov"]{--acc:#ad92f2;--acc-soft:#2a2140}}
:root[data-theme="dark"][data-accent="mov"]{--acc:#ad92f2;--acc-soft:#2a2140}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="contrast"])[data-accent="grafit"]{--acc:#b8c0cc;--acc-soft:#262c35}}
:root[data-theme="dark"][data-accent="grafit"]{--acc:#b8c0cc;--acc-soft:#262c35}
:root[data-theme="contrast"],:root[data-theme="contrast"][data-accent]{
  --bg:#000; --card:#000; --tx:#fff; --mut:#e4e7ec; --line:#fff; --acc:#ffd400; --acc-soft:#2b2400; --acc-tx:#000;
  --ok:#6dff9e; --ok-bg:#002a12; --warn:#ffd400; --warn-bg:#2b2400; --bad:#ff7a70; --bad-bg:#330a07;
  --blue-bg:#001a40; --blue:#9cc2ff; --violet:#d4b8ff; --violet-bg:#220f40; --gray-bg:#1a1a1a; --shadow:none; --bw:2px; color-scheme:dark;
}
:root[data-text="mare"]{font-size:18px} :root[data-text="foarte_mare"]{font-size:20px}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tx)}
body{font:.9375rem/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--acc);text-decoration:none} a:hover{text-decoration:underline}
h1{font-size:1.45rem;margin:.2rem 0 1rem} h2{font-size:1.05rem;margin:0 0 .75rem} h3{font-size:.95rem;margin:1rem 0 .5rem}
.muted{color:var(--mut)} .small{font-size:.85rem} .mono{font-family:ui-monospace,Menlo,Consolas,monospace} .center{text-align:center}
.upper{text-transform:uppercase} .txt-rosu{color:var(--bad)} .pre{white-space:pre-wrap} .mt{margin-top:.75rem} .mt2{margin-top:2rem} .inline{display:inline}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);padding-left:max(1rem,env(safe-area-inset-left,0px))!important;padding-right:max(1rem,env(safe-area-inset-right,0px))!important;z-index:20;display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;background:var(--card);border-bottom:1px solid var(--line)}
.logo{font-weight:700;color:var(--tx);white-space:nowrap;display:flex;align-items:center;gap:.45rem} .logo img{border-radius:6px;display:block}
.top nav{display:flex;gap:.25rem}
.top nav a{padding:.45rem .7rem;border-radius:8px;color:var(--tx);white-space:nowrap}
.top nav a:hover{background:var(--gray-bg);text-decoration:none} .top nav a.on{background:var(--acc-soft);color:var(--acc);font-weight:600}
.top-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.qsearch input{width:220px}
.cnt{display:inline-block;min-width:1.2rem;padding:0 .3rem;border-radius:9px;background:var(--bad);color:#fff;font-size:.72rem;text-align:center;line-height:1.2rem;margin-left:.15rem}
.bell{position:relative;color:var(--tx)} .me{color:var(--tx);font-weight:600;white-space:nowrap}
.icon{background:none;border:0;color:var(--tx);font-size:1.1rem;cursor:pointer;padding:.3rem}
.menu-btn{display:none;background:none;border:0;font-size:1.4rem;color:var(--tx)}

.wrap{max-width:1280px;margin:0 auto;padding-block:1.25rem 4rem;padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px))}
.card{background:var(--card);border:var(--bw) solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;box-shadow:var(--shadow);margin-bottom:1rem}
.card.narrow{max-width:520px;margin:2rem auto}
.card.alert{border-color:var(--warn);background:var(--warn-bg)}
.card.empty{text-align:center;padding:2rem;color:var(--ok)}
.login{min-height:80vh;display:grid;place-items:center}

.head-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}
.btn-row{display:flex;flex-wrap:wrap;gap:.5rem}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;align-items:start}
.nr{font-size:1.6rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.1rem 0}
.subiect{font-size:1.1rem;margin:.2rem 0 1rem}

/* forms */
input,select,textarea{width:100%;font:inherit;color:var(--tx);background:var(--card);border:var(--bw) solid var(--line);border-radius:8px;padding:.55rem .65rem}
input:focus,select:focus,textarea:focus{outline:2px solid var(--acc);outline-offset:-1px;border-color:transparent}
label{display:block;font-size:.85rem;color:var(--mut);font-weight:500}
label > input,label > select,label > textarea,label > .inp-btn{margin-top:.25rem}
label.chk{display:flex;gap:.5rem;align-items:center;color:var(--tx);font-weight:400} label.chk input{width:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.85rem 1rem}
.grid .full{grid-column:1/-1}
.stack{display:flex;flex-direction:column;gap:.75rem}
fieldset{border:1px dashed var(--line);border-radius:var(--r);padding:.8rem 1rem;margin:1rem 0 0}
legend{font-weight:600;padding:0 .4rem}
select.multi{min-height:9rem}
.inp-btn{display:flex;gap:.35rem} .inp-btn input{flex:1} .inp-btn .btn{white-space:nowrap} .grow{flex:1;min-width:240px}
.actions{display:flex;gap:.5rem;margin-top:1.25rem;flex-wrap:wrap}
.seg{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}
.seg label{flex:1;min-width:110px}
.seg input{position:absolute;opacity:0}
.seg span{display:block;text-align:center;padding:.7rem;border:2px solid var(--line);border-radius:var(--r);color:var(--tx);font-size:1rem;font-weight:600;cursor:pointer}
.seg input:checked + span{border-color:var(--acc);background:var(--acc-soft);color:var(--acc)}
[data-dir][hidden]{display:none!important}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .85rem;min-height:2.4rem;border-radius:8px;border:var(--bw) solid var(--line);background:var(--card);color:var(--tx);font:inherit;font-weight:500;cursor:pointer;text-decoration:none!important;line-height:1.2}
.btn:hover{background:var(--gray-bg)}
.btn.primary{background:var(--acc);border-color:var(--acc);color:var(--acc-tx)}
.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.danger{color:var(--bad);border-color:var(--bad)}
.btn.big{padding:.75rem 1.1rem;font-size:1rem}
.btn.small{padding:.3rem .6rem;font-size:.82rem}
.link{background:none;border:0;padding:0;font:inherit;font-size:.8rem;cursor:pointer;color:var(--acc)} .link.danger{color:var(--bad)}
details > summary{list-style:none;display:inline-flex} details > summary::-webkit-details-marker{display:none}

.flash{padding:.7rem 1rem;border-radius:8px;margin-bottom:1rem;background:var(--ok-bg);color:var(--ok);border:1px solid currentColor}
.flash.err{background:var(--bad-bg);color:var(--bad)}

.badge{display:inline-block;padding:.12rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;vertical-align:middle}
.b-gri{background:var(--gray-bg);color:var(--mut)} .b-galben{background:var(--warn-bg);color:var(--warn)} .b-verde{background:var(--ok-bg);color:var(--ok)}
.b-rosu{background:var(--bad-bg);color:var(--bad)} .b-albastru{background:var(--blue-bg);color:var(--blue)} .b-mov{background:var(--violet-bg);color:var(--violet)}
.dir{font-size:.78rem;font-weight:600} .dir-intrare{color:var(--ok)} .dir-iesire{color:var(--blue)} .dir-intern{color:var(--violet)}
.dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;margin-right:.35rem;background:var(--mut)}
.d-asteptare{background:var(--warn)} .d-confirmat{background:var(--ok)} .d-refuzat{background:var(--bad)}

/* tables */
.table-wrap{overflow-x:auto;padding:0}
.tbl{width:100%;border-collapse:collapse}
.tbl th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--mut);padding:.65rem .8rem;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:.65rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tbody tr{cursor:pointer} .tbl tbody tr:hover{background:var(--gray-bg)}
.tbl tr.urg td:first-child{box-shadow:inset 3px 0 var(--bad)} .tbl tr.inactiv{opacity:.5}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.filters select,.filters input[type=date]{width:auto}
.filters .inl{display:flex;align-items:center;gap:.35rem}
.pager{display:flex;flex-wrap:wrap;gap:.25rem} .pager a{padding:.3rem .6rem;border:1px solid var(--line);border-radius:6px} .pager a.on{background:var(--acc);color:#fff}
.tabs{display:flex;gap:.25rem;margin-bottom:1rem;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.tabs a{padding:.55rem .9rem;color:var(--mut);border-bottom:2px solid transparent} .tabs a.on{color:var(--acc);border-color:var(--acc)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem;color:var(--tx);box-shadow:var(--shadow)}
.stat b{display:block;font-size:2rem;line-height:1} .stat span{color:var(--mut);font-size:.85rem}
.stat.warn{border-color:var(--warn)} .stat.warn b{color:var(--warn)} .stat:hover{text-decoration:none;border-color:var(--acc)}
ul.plain{list-style:none;margin:0;padding:0} ul.plain li{padding:.45rem 0;border-bottom:1px solid var(--line)} ul.plain li:last-child{border:0}
.notif li.nou{font-weight:600}

.dl{display:grid;grid-template-columns:170px 1fr;gap:.45rem 1rem;margin:0}
.dl dt{color:var(--mut);font-size:.85rem} .dl dd{margin:0}
.dist-list{display:flex;flex-direction:column;gap:.6rem}
.dist{border:1px solid var(--line);border-radius:8px;padding:.7rem .85rem}
.dist.late,.item.late{border-color:var(--bad)}
.dist-top{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.sig{max-height:70px;background:#fff;border:1px solid var(--line);border-radius:6px;margin-top:.4rem}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.item{display:flex;flex-direction:column;gap:.3rem;color:var(--tx);margin:0} .item:hover{text-decoration:none;border-color:var(--acc)}
.item-top{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}

.gallery{display:grid;grid-template-columns:1fr;gap:.6rem}
.file{display:grid;grid-template-columns:64px 1fr;gap:.6rem;align-items:start;word-break:break-word}
.file img,.ficon{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;background:var(--gray-bg);font-size:.75rem;font-weight:700;color:var(--mut)}
.timeline{list-style:none;padding:0;margin:0;border-left:2px solid var(--line)}
.timeline li{padding:0 0 .8rem .8rem;position:relative}
.timeline li:before{content:"";position:absolute;left:-6px;top:.4rem;width:10px;height:10px;border-radius:50%;background:var(--acc)}
.steps{display:flex;gap:.35rem;flex-wrap:wrap}
.step{padding:.35rem .8rem;border-radius:999px;background:var(--gray-bg);color:var(--mut);font-size:.85rem}
.step.done{background:var(--ok-bg);color:var(--ok);font-weight:600} .step.bad{background:var(--bad-bg);color:var(--bad);font-weight:600}

/* upload */
.upload{border:1px dashed var(--line);border-radius:8px;padding:.7rem}
.up-btns{display:flex;flex-wrap:wrap;gap:.4rem}
.up-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.up-item{position:relative;width:84px;font-size:.7rem;word-break:break-all}
.up-item img,.up-item .ficon{width:84px;height:84px}
.up-item button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:0;background:var(--bad);color:#fff;cursor:pointer;line-height:1}

/* dialogs */
dialog{border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--tx);padding:1.1rem;width:min(560px,94vw);max-height:92vh}
dialog::backdrop{background:rgba(0,0,0,.5)}
.sigpad{position:relative;border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:.3rem}
.sigpad canvas{display:block;width:100%;height:170px;touch-action:none}
.sigpad .btn{position:absolute;right:.4rem;top:.4rem}
.cam{width:min(720px,96vw)} .cam video{width:100%;border-radius:8px;background:#000;max-height:60vh}
.cam-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
.cam-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}

@media (max-width:1000px){
  .cols{grid-template-columns:1fr} .stats{grid-template-columns:repeat(2,1fr)}
  .qsearch{display:none}
}
@media (max-width:760px){
  .menu-btn{display:block}
  .top{flex-wrap:wrap}
  .top nav{display:none;order:3;width:100%;flex-direction:column}
  body.nav-open .top nav{display:flex}
  .logo span{display:none}
  .wrap{padding:1rem .75rem 4rem}
  .dl{grid-template-columns:1fr} .dl dt{margin-top:.4rem}
  .tbl thead{display:none}
  .tbl tr{display:block;border-bottom:1px solid var(--line);padding:.5rem .3rem}
  .tbl td{display:block;border:0;padding:.15rem .5rem}
  .tbl td[data-l]:before{content:attr(data-l) ": ";color:var(--mut);font-size:.75rem}
  .filters > *{flex:1 1 100%} .filters select,.filters input[type=date]{width:100%}
  .btn.big{flex:1}
}

/* focus vizibil la tastatură */
a:focus-visible,.btn:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
:root[data-theme="contrast"] a{text-decoration:underline}
:root[data-theme="contrast"] .btn.primary,:root[data-theme="contrast"] .btn.ok{color:#000}
.help{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;border:var(--bw) solid var(--line);font-weight:700;font-size:.95rem;color:var(--tx)}
.help:hover{text-decoration:none;border-color:var(--acc);color:var(--acc)}
.tbl tr.sel td{background:var(--acc-soft)}
.tbl.static tbody tr{cursor:default} .tbl.static tbody tr:hover{background:none}
.stack-gap{display:flex;flex-direction:column;gap:1rem} .stack-gap>.card{margin:0}
.lbl{font-size:.85rem;color:var(--mut);font-weight:500;margin-bottom:.4rem}
.dl-1{grid-template-columns:110px 1fr}
.rights-list li{padding:.25rem 0;border:0} .rights-list li.nu{color:var(--mut)}
/* drepturi în setări */
fieldset.drepturi{display:flex;flex-direction:column;gap:.55rem;margin:0}
.dr-grup{display:flex;flex-direction:column;gap:.3rem}
.dr-grup b{color:var(--mut);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;margin-top:.2rem}
fieldset.drepturi .admin-note{display:none;margin:0} fieldset.drepturi.is-admin .admin-note{display:block}
fieldset.drepturi.is-admin label{opacity:.55}
/* alegere temă */
.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.theme-opt{display:flex;flex-direction:column;gap:.35rem;align-items:center;cursor:pointer;color:var(--tx);font-weight:500;text-align:center}
.theme-opt input{position:absolute;opacity:0}
.theme-prev{display:flex;flex-direction:column;gap:5px;width:100%;max-width:120px;aspect-ratio:4/3;border-radius:10px;padding:10px;border:2px solid var(--line)}
.theme-prev i{display:block;height:8px;border-radius:4px}
.theme-prev i:nth-child(1){width:55%} .theme-prev i:nth-child(2){width:85%} .theme-prev i:nth-child(3){width:40%;margin-top:auto;height:14px}
.theme-opt input:checked + .theme-prev{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.theme-opt input:focus-visible + .theme-prev{outline:2px solid var(--acc);outline-offset:2px}
.tp-light{background:#f4f5f7} .tp-light i{background:#c9cfd8} .tp-light i:nth-child(3){background:var(--acc)}
.tp-dark{background:#0f1216} .tp-dark i{background:#323a45} .tp-dark i:nth-child(3){background:var(--acc)}
.tp-contrast{background:#000} .tp-contrast i{background:#fff} .tp-contrast i:nth-child(3){background:#ffd400}
.tp-auto{background:linear-gradient(135deg,#f4f5f7 50%,#0f1216 50%)} .tp-auto i{background:#8a94a3} .tp-auto i:nth-child(3){background:var(--acc)}
.swatches{display:flex;flex-wrap:wrap;gap:.6rem}
.sw{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;color:var(--mut)}
.sw input{position:absolute;opacity:0}
.sw span{width:2.3rem;height:2.3rem;border-radius:50%;border:3px solid var(--card);box-shadow:0 0 0 1px var(--line)}
.sw input:checked + span{box-shadow:0 0 0 3px var(--tx)}
.sw input:focus-visible + span{outline:2px solid var(--acc);outline-offset:3px}
.sw small{font-size:.72rem}
.seg-sm{margin:0} .seg-sm span{font-size:.9rem;padding:.55rem}
.seg-sm .t-normal{font-size:.9rem} .seg-sm .t-mare{font-size:1rem} .seg-sm .t-foarte_mare{font-size:1.1rem}
/* tabletă */
@media (min-width:761px) and (max-width:1000px){
  .top{flex-wrap:wrap} .top nav{order:3;width:100%;overflow-x:auto}
  .cols{grid-template-columns:1fr} .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  input,select,textarea{font-size:max(16px,1em)} /* iPhone nu mai face zoom la atingerea câmpurilor */
  .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .top-right{gap:.25rem} .me{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis}
  .top nav a{padding:.7rem .7rem;font-size:1rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* manual */
.manual{display:grid;grid-template-columns:270px minmax(0,1fr);gap:1.25rem;align-items:start}
.m-toc{position:sticky;top:calc(4.2rem + env(safe-area-inset-top,0px));max-height:calc(100vh - 5.5rem);overflow:auto;background:var(--card);border:var(--bw) solid var(--line);border-radius:var(--r);padding:.8rem}
.m-tools{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.6rem}
.m-grup{display:flex;flex-direction:column;margin-bottom:.6rem}
.m-grup b{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin:.3rem 0 .2rem}
.m-grup a{padding:.28rem .5rem;border-radius:6px;color:var(--tx);font-size:.9rem}
.m-grup a:hover{background:var(--gray-bg);text-decoration:none} .m-grup a.on{background:var(--acc-soft);color:var(--acc);font-weight:600}
.m-grup a.nu-mie{color:var(--mut)}
.m-toc-mobile{display:none}
.m-body{min-width:0} .m-body > .card{max-width:820px}
.m-g{margin:1.6rem 0 .6rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.m-sec{scroll-margin-top:calc(4.5rem + env(safe-area-inset-top,0px));line-height:1.6}
.m-sec h3{font-size:1.15rem;margin:0 0 .6rem} .m-sec h4{margin:1rem 0 .3rem;font-size:.95rem}
.m-sec ol,.m-sec ul{padding-left:1.3rem;margin:.4rem 0} .m-sec li{margin:.25rem 0} .m-sec p{margin:.5rem 0;max-width:68ch}
.m-sec .tip{background:var(--acc-soft);border-left:3px solid var(--acc);padding:.55rem .8rem;border-radius:0 8px 8px 0}
.m-sec code{background:var(--gray-bg);padding:.05rem .35rem;border-radius:4px;font-size:.85em;overflow-wrap:anywhere}
.m-sec.nu-mie h3{color:var(--mut)}
.m-hl{box-shadow:0 0 0 3px var(--acc)}
.mtbl{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.92rem} .mtbl th,.mtbl td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
.faq dt{font-weight:600;margin-top:.8rem} .faq dd{margin:.2rem 0 0;color:var(--tx)}
@media (max-width:900px){ .manual{grid-template-columns:1fr} .m-toc{position:static;max-height:none} .m-toc nav{display:none} .m-toc-mobile{display:block} .m-toc-mobile .m-grup{margin-top:.5rem} }
@media print{
  .top,.m-toc,.m-toc-mobile,.btn-row,#camDlg{display:none!important}
  .manual{display:block} .m-sec{break-inside:avoid;border:0;box-shadow:none;padding:0 0 .6rem} body{background:#fff;color:#000}
  .m-sec[hidden]{display:block!important}
}
.seg label,.theme-opt,.sw{position:relative}
.seg input,.theme-opt input,.sw input{top:0;left:0;width:1px;height:1px;margin:0}