/* Bara de jos pe telefon, versiunea 9 (varianta E): iconițe + „+” separat, cu panoul de acțiuni (js/qbar.js) */
.qadd,.qpanel{display:none}
@media (max-width:899px){
  body.qb #fab{display:none!important}
  body.qb nav.tabs{right:calc(env(safe-area-inset-right,0px) + 14px + 58px + 8px)}
  /* body.qi: bara doar cu iconițe, de sticlă (vânzătorul și, din 29.10.2026, supervizorul); body.qb: în plus „+” (doar vânzătorul) */
  body.qi nav.tabs{padding:5px;transition:opacity .2s,transform .2s}
  body.qi nav.tabs button{height:auto;min-height:50px;min-width:0;border-radius:16px}
  body.qi nav.tabs .in{gap:0;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)} /* toate iconițele pe un rând */
  /* 29.10.2026 (proprietarul): doar iconițele, fără texte sub ele; textul rămâne pentru cititorul de ecran (aria-label) */
  body.qi nav.tabs button .tl{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  body.qbopen nav.tabs{opacity:0;transform:scale(.95);pointer-events:none}
  body.qbopen .verbar{visibility:hidden} /* benzile (ex. „Aplicația s-a actualizat”) nu acoperă panoul cât e deschis */
  .qadd:not([hidden]){display:grid;place-items:center;position:fixed;z-index:19;right:calc(env(safe-area-inset-right,0px) + 14px);bottom:calc(max(env(safe-area-inset-bottom,0px),34px) + 14px);
    width:58px;height:58px;padding:0;border-radius:50%;border:.5px solid var(--sep);background:var(--bar-bg);color:var(--label);
    -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 8px 28px rgba(0,0,0,.22)}
  .qadd svg{width:28px;height:28px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
  body.qbopen .qadd svg{transform:rotate(45deg)}
  .qadd:active{filter:brightness(.85);box-shadow:inset 0 0 0 999px rgba(0,0,0,.08);transform:scale(.96)}
  .qpanel:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 6px;position:fixed;z-index:19;
    left:calc(env(safe-area-inset-left,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 14px + 58px + 8px);bottom:calc(max(env(safe-area-inset-bottom,0px),34px) + 14px);
    padding:14px 8px;border-radius:28px;border:.5px solid var(--sep);background:var(--bar-bg);
    -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 12px 36px rgba(0,0,0,.3);
    transform-origin:100% 100%;animation:qbin .26s cubic-bezier(.2,.8,.2,1)}
  .qitem{display:grid;justify-items:center;gap:6px;min-width:0;min-height:44px;padding:2px 0;border:0;background:none;color:var(--label);font-size:0.75rem;font-weight:500}
  .qitem i{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--fill)}
  .qitem svg{width:26px;height:26px}
  .qitem:active i{background:var(--fill2)}
}
@keyframes qbin{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qadd:active{transform:none}.qpanel:not([hidden]){animation:none}.qadd svg,body.qi nav.tabs{transition:none}}
@media (prefers-reduced-transparency:reduce){.qadd:not([hidden]),.qpanel:not([hidden]){background:var(--cell);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.qadd:not([hidden]),.qpanel:not([hidden]){background:var(--cell);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:color-mix(in srgb,var(--label) 45%,transparent)}}

/* 29.10.2026: „liquid glass” ca în exemplul proprietarului (Instagram / iOS): bara de sticlă, o „lupă” care alunecă la secțiunea aleasă
   (se poate trage cu degetul peste bară), iconița aleasă plină; la derularea în jos bara se micșorează, la urcare revine (js/qbar.js) */
@media (max-width:899px){
  body.qi nav.tabs{--glass-bg:rgba(30,30,36,.42);--glass-line:rgba(255,255,255,.14);--lens:rgba(255,255,255,.16);--lens-line:rgba(255,255,255,.22);
    background:var(--glass-bg);-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);border:1px solid var(--glass-line);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.18),0 10px 30px rgba(0,0,0,.28);
    transform-origin:0 100%;transition:opacity .2s,transform .32s cubic-bezier(.2,.8,.2,1)}
  body.qb .qadd:not([hidden]){background:rgba(30,30,36,.42);-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.18),0 10px 30px rgba(0,0,0,.28);transform-origin:100% 100%;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
  body.qi nav.tabs button{height:52px;background:none!important;position:relative;z-index:1;touch-action:none}
  body.qi nav.tabs button svg{width:26px;height:26px;transition:transform .2s}
  body.qi nav.tabs button[aria-selected="true"]{color:var(--label)}
  body.qi nav.tabs button[aria-selected="true"] svg{stroke-width:2.4}
  body.qi nav.tabs .in{position:relative}
  .qlens{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:999px;background:var(--lens);border:1px solid var(--lens-line);pointer-events:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 6px rgba(0,0,0,.12);-webkit-backdrop-filter:brightness(1.15) saturate(1.5);backdrop-filter:brightness(1.15) saturate(1.5);
    transition:left .42s cubic-bezier(.34,1.32,.64,1),width .42s cubic-bezier(.34,1.32,.64,1),transform .2s}
  .qlens[hidden]{display:none}
  body.qbdrag .qlens{transform:scale(1.12);transition:left .16s ease-out,width .16s ease-out,transform .2s}
  body.qbmin nav.tabs{transform:scale(.86)}
  body.qbmin .qadd:not([hidden]){transform:scale(.86)}
}
:root[data-theme="light"] body.qi nav.tabs{--glass-bg:rgba(255,255,255,.5);--glass-line:rgba(255,255,255,.9);--lens:rgba(0,0,0,.06);--lens-line:rgba(255,255,255,.95)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) body.qi nav.tabs{--glass-bg:rgba(255,255,255,.5);--glass-line:rgba(255,255,255,.9);--lens:rgba(0,0,0,.06);--lens-line:rgba(255,255,255,.95)}
  :root:not([data-theme="dark"]) body.qb .qadd:not([hidden]){background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.9)}}
:root[data-theme="light"] body.qb .qadd:not([hidden]){background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.9)}
@media (max-width:899px) and (prefers-reduced-motion:reduce){.qlens,body.qi nav.tabs,body.qb .qadd:not([hidden]){transition:none}body.qbmin nav.tabs,body.qbmin .qadd:not([hidden]){transform:none}}
@media (max-width:899px) and (prefers-reduced-transparency:reduce){body.qi nav.tabs,body.qb .qadd:not([hidden]){background:var(--cell)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.qlens{background:var(--fill2);-webkit-backdrop-filter:none;backdrop-filter:none}}
/* contrast mărit (raportat și de telefonul proprietarului, deși setarea e oprită): sticla rămâne, mai opacă, cu margine gri vizibilă */
@media (max-width:899px) and (prefers-contrast:more){body.qi nav.tabs,body.qb .qadd:not([hidden]){background:color-mix(in srgb,var(--cell) 82%,transparent)!important;border-color:color-mix(in srgb,var(--label) 35%,transparent)!important}.qlens{background:var(--fill2)}}