/* ==========================================================================
   STOC EXPRESS — Cont partener
   Construit dupa "All Tabs Premium SaaS Full Spec" + mockup-ul master
   „Comenzile mele". Alb + auriu + navy, spatiere premium SaaS.
   Fara mov, gradient, glassmorphism, neon.
   ========================================================================== */

:root{
  --gold-50:#FBF7EA; --gold-100:#F6EED2; --gold-200:#EBD9A5; --gold-300:#DDBE6F;
  --gold-400:#C9A24A; --gold-500:#B88A28; --gold-600:#9A701B;

  --navy-950:#071A31; --navy-900:#0B2340;

  --white:#FFFFFF; --surface:#FCFCFB; --surface-2:#F8F8F5;
  --border:#E8E6DF; --border-soft:#F0EEE8;

  --t900:#141C2B; --t800:#1F2A3D; --t700:#334054; --t600:#4E5C72; --t500:#6C7A8D;

  --success:#3E8B62; --warning:#C49A36; --danger:#C85C52;

  --sidebar:232px; --header:84px;
  --f:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --card-sh:0 2px 10px rgba(20,32,50,.035);
  --card-sh-h:0 8px 24px rgba(20,32,50,.06);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--f);font-size:14px;background:var(--surface);color:var(--t700);-webkit-font-smoothing:antialiased}
img{max-width:100%}
button{font:inherit;cursor:pointer;color:inherit}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid rgba(184,138,40,.35);outline-offset:2px}
[hidden]{display:none !important}
input,select,textarea{font-family:var(--f)}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--t900);-webkit-box-shadow:0 0 0 40px var(--white) inset;
  box-shadow:0 0 0 40px var(--white) inset;caret-color:var(--t900)}

/* ---------------------------- BUTOANE (spec 22) --------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;
  border:1px solid transparent;border-radius:8px;font-size:13.5px;font-weight:600;text-decoration:none;
  color:var(--t800);transition:background .18s ease,border-color .18s ease,color .18s ease}
.btn svg{width:18px;height:18px}
.btn--full{width:100%}
.btn--gold{background:var(--gold-400);color:#171717}
.btn--gold:hover{background:var(--gold-500)}
.btn--gold[disabled]{background:#E4E1D9;color:#8C939E;cursor:not-allowed}
.btn--soft{background:var(--white);border-color:var(--gold-200);color:var(--gold-600)}
.btn--soft:hover{background:var(--gold-50)}
.btn--ghost{background:transparent;border-color:var(--border);color:var(--t700)}
.btn--ghost:hover{background:var(--surface-2);border-color:var(--gold-300);color:var(--t900)}
.btn--wa{background:#25D366;color:#06331A}
.btn--wa:hover{background:#1FBB59}
.btn--send{height:44px}
.btn--xs{height:32px;padding:0 12px;font-size:12px}
.lnk{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;
  font-size:12.5px;font-weight:600;color:var(--gold-600)}
.lnk svg{width:15px;height:15px}
.lnk:hover{color:var(--gold-500)}

.msg{margin:12px 0 0;font-size:12px;color:var(--danger)}
.msg:empty{margin:0}
.msg--ok{color:var(--success)}

/* ========================================================================== */
/* 1. AUTENTIFICARE                                                            */
/* ========================================================================== */
.auth{min-height:100vh;width:100%;background:var(--navy-900);display:flex;flex-direction:column;
  align-items:center;position:relative;overflow:hidden;padding:56px 16px 40px}
.auth__deco{position:absolute;inset:0;pointer-events:none;opacity:.13;
  background-image:radial-gradient(circle at 1px 1px,var(--gold-400) 1px,transparent 0);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(125deg,#000 0 15%,transparent 32% 68%,#000 85% 100%);
  mask-image:linear-gradient(125deg,#000 0 15%,transparent 32% 68%,#000 85% 100%)}
.auth__deco::after{content:"";position:absolute;inset:-25% -12%;border-radius:50%;
  border:1px solid rgba(201,162,74,.4);border-width:1px 0 0 1px;transform:rotate(-12deg)}
.auth__wrap{position:relative;width:100%;max-width:440px}
.auth__wrap--wide{max-width:560px}
.auth__brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;text-decoration:none}
.auth__brand img{width:56px;height:54px;object-fit:contain}
.auth__brand b{display:block;font-size:24px;font-weight:700;letter-spacing:.01em;color:#fff;line-height:1.1}
.auth__brand i{display:block;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.26em;
  text-transform:uppercase;color:var(--gold-300);margin-top:4px}

.acard{background:#FCFBF7;border:1px solid rgba(255,255,255,.75);border-radius:16px;padding:30px;
  box-shadow:0 24px 70px rgba(0,0,0,.20);animation:up .18s ease-out both}
@keyframes up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.acard--wide{padding:28px}
.acard__glyph{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto;
  border-radius:50%;background:var(--gold-50);color:var(--gold-500)}
.acard__glyph svg{width:22px;height:22px}
.acard__glyph--ok{color:var(--success);background:#EDF6F1}
.acard h1{margin:14px 0 0;text-align:center;font-size:24px;font-weight:700;line-height:1.2;
  letter-spacing:-.01em;color:var(--t900)}
.acard__lead{margin:8px auto 0;max-width:34ch;text-align:center;font-size:13px;line-height:1.6;color:var(--t600)}
.acard--center{text-align:center}
.acard__lead+.fld,.acard__lead+.agrid{margin-top:24px}

.fld{margin-top:16px}
.fld:first-child{margin-top:0}
.fld label{display:block;font-size:12.5px;font-weight:600;color:var(--t800);margin-bottom:8px}
.fld label em{font-style:normal;color:var(--gold-600)}
.fld__hint{font-weight:500;color:var(--t500)}
.fld__in{position:relative;display:flex;align-items:center}
.fld__ic{position:absolute;left:15px;width:19px;height:19px;color:var(--t500);pointer-events:none}
.fld__in input{width:100%;height:48px;padding:0 14px 0 44px;border:1px solid #DDE2E8;border-radius:10px;
  background:#fff;font-size:14px;font-weight:500;color:var(--t900);
  transition:border-color .18s ease,box-shadow .18s ease}
.fld__in input::placeholder{color:var(--t500);font-weight:400}
.fld__in input:hover{border-color:#CFC8B8}
.fld__in input:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(201,162,74,.12)}
.fld--err input{border-color:var(--danger);box-shadow:0 0 0 3px rgba(200,92,82,.08)}
.fld__eye{position:absolute;right:6px;display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--t500)}
.fld__eye:hover{background:var(--surface-2);color:var(--t700)}
.fld__eye svg{width:18px;height:18px}
.agrid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:14px}
.agrid .fld{margin-top:0}
.fld--full{grid-column:1 / -1}
.acard--wide .fld__in input{height:46px}
.arow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:12.5px}
.chk{display:inline-flex;align-items:center;gap:8px;color:var(--t700);cursor:pointer}
.chk input{width:17px;height:17px;accent-color:var(--gold-400);margin:0}
.alink{border:0;background:none;padding:0;font-size:12.5px;font-weight:600;color:var(--gold-600)}
.alink:hover{text-decoration:underline}
.arow+.btn,.acard--wide .btn--gold{margin-top:20px}
.acard .btn--gold{height:52px;font-size:15px;border-radius:10px}
.acard .btn--gold svg{width:20px;height:20px}
.sep{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--t500);font-size:12px}
.sep::before,.sep::after{content:"";flex:1;height:1px;background:#E8E9EA}
.aswap{margin:0;text-align:center;font-size:12.5px;color:var(--t600)}
.acard--wide .aswap{margin-top:14px}
.anote{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0 0;padding-top:16px;
  border-top:1px solid var(--border-soft);font-size:11.5px;color:var(--t600)}
.anote svg{width:14px;height:14px;color:var(--gold-500)}
.afoot{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 0;font-size:12px}
.afoot a,.afoot button{color:#C3CEDD;text-decoration:none;border:0;background:none;padding:0;
  display:inline-flex;align-items:center;gap:6px}
.afoot a:hover{color:#fff}
.afoot button{color:var(--gold-300);font-weight:600}
.afoot span{width:1px;height:12px;background:rgba(255,255,255,.22)}
.afoot__wa{width:15px;height:15px;fill:currentColor;stroke:none}

/* ========================================================================== */
/* 2. SHELL (spec 2)                                                           */
/* ========================================================================== */
.app{min-height:100vh}
.top{position:fixed;top:0;left:0;right:0;height:var(--header);z-index:40;display:flex;align-items:center;
  gap:16px;padding:0 28px;background:var(--white);border-bottom:1px solid var(--border-soft)}
.top__burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;
  padding:0 9px;border:1px solid var(--border);border-radius:9px;background:var(--white)}
.top__burger span{display:block;height:2px;background:var(--t900);border-radius:2px}
.top__logo{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}
.top__logo img{width:42px;height:42px;object-fit:contain}
.top__logo b{display:block;font-size:17px;font-weight:700;letter-spacing:.01em;color:var(--t900);line-height:1.1}
.top__logo i{display:block;font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-500);margin-top:3px}
.top__acts{position:relative;display:flex;align-items:center;gap:16px;margin-left:auto}
.ico{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;
  border:0;border-radius:10px;background:transparent;color:var(--t600)}
.ico:hover{background:var(--surface-2);color:var(--t800)}
.ico__b{position:absolute;top:1px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;
  background:var(--gold-400);color:#fff;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.avatbtn{display:flex;align-items:center;gap:5px;border:0;background:none;padding:0}
.avat{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:var(--gold-500);color:#fff;font-size:13px;font-weight:700}
.avatbtn__c{width:16px;height:16px;color:var(--t500)}

.pop{position:absolute;top:52px;right:0;min-width:220px;background:var(--white);border:1px solid var(--border);
  border-radius:12px;box-shadow:0 12px 30px rgba(20,32,50,.10);padding:6px;z-index:60}
.pop__who{display:block;padding:10px 12px;font-size:12px;font-weight:600;color:var(--t600);
  border-bottom:1px solid var(--border-soft);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pop button{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border:0;
  border-radius:8px;background:none;font-size:13px;font-weight:500;color:var(--t700);text-align:left}
.pop button:hover{background:var(--gold-50);color:var(--gold-600)}
.pop button svg{width:17px;height:17px}

.side{position:fixed;top:var(--header);bottom:0;left:0;width:var(--sidebar);z-index:35;display:flex;
  flex-direction:column;justify-content:space-between;padding-top:12px;background:var(--white);
  border-right:1px solid var(--border-soft)}
.side__nav{display:flex;flex-direction:column}
.snav{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px;border:0;
  border-left:3px solid transparent;background:none;color:var(--t600);font-size:12px;font-weight:500;
  text-align:left;line-height:1.3;transition:background .18s ease,color .18s ease}
.snav svg{width:20px;height:20px;flex:none}
.snav:hover{background:var(--surface-2);color:var(--t800)}
.snav.is-on{background:var(--gold-50);color:var(--gold-600);border-left-color:var(--gold-400);font-weight:600}
.snav__b{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--gold-100);
  color:var(--gold-600);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.promo{margin:0 12px 16px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:8px;text-align:center;background:#FFFCF4;border:1px solid var(--gold-200);
  border-radius:10px;transition:background .18s ease,border-color .18s ease}
.promo:hover{background:var(--gold-50);border-color:var(--gold-300)}
.promo svg{width:22px;height:22px;color:var(--gold-500)}
.promo b{font-size:12px;font-weight:600;color:var(--gold-600);line-height:1.35}
.promo span{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--gold-500)}
.promo span svg{width:13px;height:13px}
.side__veil{display:none}

.main{padding:calc(var(--header) + 24px) 28px 50px calc(var(--sidebar) + 28px);max-width:1450px;margin:0 auto}

.mhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
.mhead__hi{display:block;font-size:12.5px;color:var(--t600)}
.mhead h1{margin:4px 0 0;font-size:22px;font-weight:700;color:var(--t900);line-height:1.2}
.mhead__sub{margin:8px 0 0;font-size:12.5px;color:var(--t600)}
.outbtn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid var(--border);
  border-radius:10px;background:var(--white);font-size:13px;font-weight:600;color:var(--gold-600)}
.outbtn svg{width:17px;height:17px}
.outbtn:hover{border-color:var(--gold-300);background:var(--gold-50)}

.tabs{display:flex;gap:32px;border-bottom:1px solid var(--border);margin-bottom:24px}
.ctab{position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0;border:0;
  background:none;font-size:13.5px;font-weight:500;color:var(--t600)}
.ctab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}
.ctab:hover{color:var(--t800)}
.ctab.on{color:var(--gold-600);font-weight:600}
.ctab.on::after{background:var(--gold-400)}
.tabb{background:var(--gold-100);color:var(--gold-600);font-size:10px;font-weight:600;padding:3px 7px;border-radius:999px}

/* ---------------------------- carduri (spec 5) ---------------------------- */
.panel{background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--card-sh);
  margin-bottom:20px;overflow:hidden}
.panel__cap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;
  border-bottom:1px solid var(--border-soft)}
.panel__cap h2{margin:0;font-size:14.5px;font-weight:600;color:var(--t900)}
.panel__cap p{margin:4px 0 0;font-size:12px;color:var(--t600);font-weight:400}
.panel__hint{font-size:11.5px;color:var(--t500)}
.panel__b{padding:20px}
.panel__b--flush{padding:8px 20px}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px}

/* --------------------------- bara de filtre (6) --------------------------- */
.bar{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:20px;background:var(--white);
  border:1px solid var(--border);border-radius:12px;box-shadow:var(--card-sh)}
.bar--end{justify-content:flex-end}
.bsearch{position:relative;display:flex;align-items:center;flex:1;min-width:0}
.bsearch svg{position:absolute;left:14px;width:17px;height:17px;color:var(--t500);pointer-events:none}
.bsearch input{width:100%;height:48px;padding:0 14px 0 42px;border:1px solid var(--border);border-radius:10px;
  background:var(--white);font-size:13.5px;color:var(--t900)}
.bsearch input::placeholder{color:var(--t500)}
.bsearch input:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(201,162,74,.12)}
.bsearch input::-webkit-search-cancel-button{display:none}
.bsearch--big input{height:56px;font-size:15px}
.bsel{position:relative;display:flex;align-items:center;height:48px;padding:0 14px;border:1px solid var(--border);
  border-radius:10px;background:var(--white);flex:none}
.bsel select{appearance:none;-webkit-appearance:none;border:0;background:none;height:100%;padding-right:24px;
  font-size:13.5px;font-weight:500;color:var(--t800);cursor:pointer}
.bsel select:focus{outline:none}
.bsel>svg{position:absolute;right:12px;width:16px;height:16px;color:var(--t500);pointer-events:none}
.bico{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;
  border:1px solid var(--border);border-radius:10px;background:var(--white);color:var(--t600)}
.bico:hover{border-color:var(--gold-300);color:var(--gold-600);background:var(--gold-50)}
.bview{display:flex;gap:8px;flex:none}
.bview button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;
  border:1px solid var(--border);border-radius:10px;background:var(--white);color:var(--t500)}
.bview button:hover{border-color:var(--gold-300);color:var(--gold-600)}
.bview button.is-on{background:var(--gold-50);border-color:var(--gold-200);color:var(--gold-600)}

/* ========================================================================== */
/* 3. CARD PRODUS                                                              */
/* ========================================================================== */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:16px;align-items:stretch}
.pcd{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:12px;
  padding:12px 12px 10px;box-shadow:var(--card-sh);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.pcd:hover{transform:translateY(-2px);border-color:var(--gold-300);box-shadow:var(--card-sh-h)}
.pcd__img{position:relative;aspect-ratio:1 / .82;border-radius:8px;background:var(--surface-2);overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.pcd__img img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.pcd__img>svg{width:34px;height:34px;color:var(--gold-200)}
.pcd__size{position:absolute;top:8px;left:8px;background:var(--gold-100);color:var(--gold-600);font-size:11px;
  font-weight:700;padding:5px 8px;border-radius:6px}
.pcd__fav{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--t500)}
.pcd__fav svg{width:18px;height:18px}
.pcd__fav:hover,.pcd__fav.is-on{color:var(--gold-500)}
.pcd__fav.is-on svg{fill:var(--gold-300);stroke:var(--gold-500)}
.pcd__b{display:flex;flex-direction:column;flex:1}
.pcd__cat{display:block;margin-top:12px;font-size:9.5px;font-weight:700;letter-spacing:.08em;
  color:var(--gold-500);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcd__n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;
  font-size:12.5px;line-height:1.4;font-weight:600;color:var(--t800);min-height:35px}
.pcd__row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}
.pcd__price{font-size:11.5px;font-weight:600;color:var(--gold-600);white-space:nowrap}
.pcd__price b{font-size:13.5px}
.pcd__stk{font-size:10.5px;color:var(--t500);white-space:nowrap}
.pcd__stk--low{color:var(--warning);font-weight:600}
.pcd__add{display:flex;align-items:center;gap:8px;margin-top:12px}
.qty{display:flex;align-items:center;width:92px;height:38px;border:1px solid var(--border);border-radius:8px;
  background:var(--white);flex:none}
.qty button{display:flex;align-items:center;justify-content:center;width:27px;height:100%;border:0;background:none;color:var(--t600)}
.qty button:hover{color:var(--gold-600)}
.qty button svg{width:14px;height:14px}
.qty input{width:100%;min-width:0;height:100%;border:0;background:none;text-align:center;font-size:12.5px;
  font-weight:600;color:var(--t900);-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qty input:focus{outline:none}
.pcd__buy{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;height:38px;border:0;
  border-radius:8px;background:var(--gold-400);color:#fff;font-size:11.5px;font-weight:600}
.pcd__buy svg{width:15px;height:15px}
.pcd__buy:hover{background:var(--gold-500)}
.pcd__offer{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:32px;margin-top:8px;
  border:1px solid var(--gold-200);border-radius:8px;background:var(--white);font-size:10.5px;font-weight:500;color:var(--gold-600)}
.pcd__offer svg{width:13px;height:13px}
.pcd__offer:hover{background:var(--gold-50)}
.grid--list{grid-template-columns:1fr;gap:12px}
.grid--list .pcd{flex-direction:row;align-items:center;gap:18px;padding:12px 16px}
.grid--list .pcd__img{width:84px;height:68px;aspect-ratio:auto;flex:none}
.grid--list .pcd__img img{object-fit:contain}
.grid--list .pcd__size{display:none}
.grid--list .pcd__b{flex-direction:row;align-items:center;gap:18px;width:100%}
.grid--list .pcd__cat{margin-top:0;width:130px;flex:none}
.grid--list .pcd__n{margin-top:0;min-height:0;-webkit-line-clamp:1;flex:1;font-size:13.5px}
.grid--list .pcd__row{margin-top:0;flex-direction:column;align-items:flex-end;gap:2px;width:140px;flex:none}
.grid--list .pcd__add{margin-top:0;width:220px;flex:none}
.grid--list .pcd__offer{width:160px;margin:0 0 0 10px;flex:none}

/* schelete (spec 20) */
.sk{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--white)}
.sk i{display:block;background:#F2F0EA;border-radius:6px;animation:pulse 1.5s infinite}
.sk__img{aspect-ratio:1 / .82;border-radius:8px}
.sk i+i{margin-top:8px}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}
.more{display:flex;justify-content:center;margin-top:24px}

/* stari goale (spec 19) */
.empty{text-align:center;padding:56px 20px;background:var(--white);border:1px solid var(--border);
  border-radius:12px;box-shadow:var(--card-sh)}
.empty>span{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;
  background:var(--gold-50);color:var(--gold-400);margin-bottom:16px}
.empty>span svg{width:26px;height:26px}
.empty b{display:block;font-size:16px;font-weight:600;color:var(--t900)}
.empty p{margin:8px auto 20px;max-width:42ch;font-size:13px;color:var(--t600);line-height:1.6}
.errbox{padding:24px;text-align:center;font-size:13px;color:var(--t600)}
.errbox .btn{margin-top:12px}

/* ========================================================================== */
/* 4. COMENZI + OFERTE (spec 7 si 9)                                           */
/* ========================================================================== */
.ogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ocd{display:flex;flex-direction:column;min-height:168px;padding:18px;background:var(--white);
  border:1px solid var(--border);border-radius:12px;box-shadow:var(--card-sh);cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease}
.ocd:hover{border-color:var(--gold-300);box-shadow:var(--card-sh-h)}
.ocd__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ocd__num{font-size:15px;font-weight:700;color:var(--t900);letter-spacing:-.01em}
.ocd__meta{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;color:var(--t600)}
.ocd__meta svg{width:16px;height:16px;flex:none;color:var(--t500)}
.ocd__list{margin-top:12px;display:grid;gap:6px;font-size:12.5px;color:var(--t600)}
.ocd__list b{color:var(--t800);font-weight:600}
.ocd__note{margin-top:12px;padding:9px 11px;border-radius:8px;background:var(--gold-50);
  border:1px solid var(--gold-100);font-size:12px;color:var(--gold-600);line-height:1.5}
.ocd__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;
  padding-top:16px;border-top:1px solid var(--border-soft)}
.ocd__date{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--t600)}
.ocd__date svg{width:16px;height:16px;color:var(--t500)}
.ocd__acts{display:flex;gap:8px}
.ost{font-size:11px;font-weight:600;padding:5px 11px;border-radius:999px;white-space:nowrap}
.ost--pending{background:var(--gold-50);color:var(--gold-600)}
.ost--approved{background:#EFF6F2;color:var(--success)}
.ost--ready{background:#FFF2F0;color:var(--danger)}
.ost--collected{background:var(--surface-2);color:var(--t700)}
.ost--rejected,.ost--cancelled,.ost--expired{background:#FDF1F0;color:var(--danger)}
.ost--ordered{background:#EFF6F2;color:var(--success)}

/* linii de comanda / oferta in sertar */
.odln{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-soft)}
.odln__n{flex:1;font-size:13px;font-weight:600;color:var(--t800);line-height:1.4}
.odln__n small{display:block;font-weight:500;color:var(--t500);font-size:11px;margin-top:3px}
.odln__q{font-size:12px;color:var(--t600);white-space:nowrap}
.odln__t{font-size:13px;font-weight:700;color:var(--t900);white-space:nowrap}

/* cronologie comanda (spec 8) */
.tline{margin:4px 0 20px;padding:16px 18px;background:var(--surface-2);border-radius:12px}
.tstep{position:relative;display:flex;gap:12px;padding-bottom:18px}
.tstep:last-child{padding-bottom:0}
.tstep::before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--border)}
.tstep:last-child::before{display:none}
.tstep__d{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:50%;
  background:var(--white);border:2px solid var(--border);color:var(--t500)}
.tstep__d svg{width:13px;height:13px}
.tstep.is-done .tstep__d{background:var(--gold-400);border-color:var(--gold-400);color:#fff}
.tstep.is-done::before{background:var(--gold-300)}
.tstep b{display:block;font-size:12.5px;font-weight:600;color:var(--t700)}
.tstep.is-done b{color:var(--t900)}
.tstep small{display:block;margin-top:2px;font-size:11px;color:var(--t500)}

/* ========================================================================== */
/* 5. KPI + BANNER NAVY (spec 10, 13, 14)                                      */
/* ========================================================================== */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.kpi{display:flex;align-items:flex-start;gap:14px;background:var(--white);border:1px solid var(--border);
  border-radius:12px;box-shadow:var(--card-sh);padding:18px}
.kpi__i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:10px;
  background:var(--gold-50);color:var(--gold-500)}
.kpi__i svg{width:19px;height:19px}
.kpi span{display:block;font-size:11.5px;font-weight:600;color:var(--t600)}
.kpi b{display:block;margin-top:6px;font-size:22px;font-weight:700;color:var(--t900);line-height:1.1}
.kpi small{display:block;margin-top:4px;font-size:11px;color:var(--t500)}

/* Bara stă la baza ecranului chiar și cu o singură comandă: panoul devine
   coloană pe toată înălțimea, iar containerul barei primește margin-top:auto. */
#ordBanner, #homeBanner, #repBanner{margin-top:auto;padding-top:24px}
.cpane:not([hidden]){display:flex;flex-direction:column;min-height:calc(100vh - var(--header) - 56px)}
.nbanner{display:flex;align-items:center;gap:28px;min-height:190px;padding:26px 30px;background:var(--navy-950);
  border-radius:18px;color:#fff;margin-bottom:20px}
.nbanner__art{width:132px;flex:none;color:var(--gold-400)}
.nbanner__art svg{width:132px;height:120px;stroke-width:1.4}
.nbanner__t{flex:1;min-width:0;max-width:320px}
.nbanner__t h3{margin:0;font-size:18px;font-weight:700;color:#fff}
.nbanner__t p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#B9C6D6}
.nbanner__t .btn{margin-top:18px;background:transparent;border-color:var(--gold-400);color:var(--gold-300)}
.nbanner__t .btn:hover{background:rgba(201,162,74,.12)}
.nbanner__st{display:flex;gap:0;margin-left:auto}
.nstat{padding:0 30px;border-left:1px solid rgba(255,255,255,.10)}
.nstat:first-child{border-left:0}
.nstat svg{width:22px;height:22px;color:var(--gold-400)}
.nstat b{display:block;margin-top:12px;font-size:28px;font-weight:700;line-height:1;color:#fff}
.nstat span{display:block;margin-top:8px;font-size:12.5px;color:#DCE3EC}
.nstat small{display:block;margin-top:3px;font-size:11.5px;color:#8C9BAD}

/* grafic (spec 10) */
.chart{display:flex;align-items:flex-end;gap:6px;height:190px;padding-top:8px}
.chart__c{flex:1;min-width:4px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.chart__c i{display:block;background:var(--gold-400);border-radius:5px 5px 0 0;transition:background .18s ease}
.chart__c:hover i{background:var(--gold-500)}
.chart__x{display:flex;gap:6px;margin-top:10px;font-size:10.5px;color:var(--t500)}
.chart__x span{flex:1;text-align:center;overflow:hidden;white-space:nowrap}
.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.bars li{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;align-items:center;gap:12px}
.bars__n{font-size:12.5px;color:var(--t700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bars__b{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}
.bars__b i{display:block;height:100%;background:var(--gold-400);border-radius:999px}
.bars__v{font-size:12.5px;font-weight:700;color:var(--t900);min-width:34px;text-align:right}
.split{display:flex;flex-direction:column;gap:14px}
.split__r{display:flex;align-items:center;gap:12px}
.split__r>svg{width:18px;height:18px;color:var(--gold-500);flex:none}
.split__r span{flex:1;font-size:12.5px;color:var(--t700)}
.split__r b{font-size:14px;font-weight:700;color:var(--t900)}

/* liste compacte pe Acasă */
.mini{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-soft);
  width:100%;text-align:left;background:none;border-left:0;border-right:0;border-top:0}
.mini:last-child{border-bottom:0}
.mini__i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:9px;
  background:var(--gold-50);color:var(--gold-500)}
.mini__i svg{width:17px;height:17px}
.mini__t{flex:1;min-width:0}
.mini__t b{display:block;font-size:13px;font-weight:600;color:var(--t900)}
.mini__t small{display:block;margin-top:3px;font-size:11.5px;color:var(--t600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.miniempty{padding:22px 0;text-align:center;font-size:12.5px;color:var(--t600)}

/* ========================================================================== */
/* 6. SETĂRI (spec 11)                                                         */
/* ========================================================================== */
.setwrap{display:grid;grid-template-columns:238px 1fr;gap:20px;align-items:start}
.setnav{display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--white);border:1px solid var(--border);
  border-radius:12px;box-shadow:var(--card-sh);position:sticky;top:calc(var(--header) + 20px)}
.setnav button{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border:0;border-radius:9px;
  background:none;font-size:13px;font-weight:500;color:var(--t700);text-align:left}
.setnav button svg{width:17px;height:17px;color:var(--t500)}
.setnav button:hover{background:var(--surface-2)}
.setnav button.is-on{background:var(--gold-50);color:var(--gold-600);font-weight:600}
.setnav button.is-on svg{color:var(--gold-500)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fitem{display:flex;flex-direction:column;gap:6px}
.fitem span{font-size:11.5px;font-weight:600;color:var(--t600)}
.fitem b{display:block;height:46px;padding:0 14px;border:1px solid var(--border);border-radius:10px;
  background:var(--surface-2);font-size:13.5px;font-weight:500;color:var(--t900);line-height:46px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fitem--full{grid-column:1 / -1}
.setfoot{display:flex;justify-content:flex-end;margin-top:20px;padding-top:18px;border-top:1px solid var(--border-soft)}
.tgl{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border-soft);cursor:pointer}
.tgl:last-of-type{border-bottom:0}
.tgl span{flex:1}
.tgl b{display:block;font-size:13px;font-weight:600;color:var(--t900)}
.tgl small{display:block;margin-top:3px;font-size:11.5px;color:var(--t600)}
.tgl input{position:absolute;opacity:0;width:0;height:0}
.tgl i{position:relative;width:42px;height:24px;flex:none;border-radius:999px;background:#DCDCD6;transition:background .18s ease}
.tgl i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .18s ease}
.tgl input:checked+i{background:var(--gold-400)}
.tgl input:checked+i::after{transform:translateX(18px)}
.hintbox{display:flex;gap:10px;margin:18px 0 0;padding:12px 14px;background:var(--gold-50);border:1px solid var(--gold-100);
  border-radius:10px;font-size:11.5px;line-height:1.55;color:var(--gold-600)}
.hintbox svg{width:16px;height:16px;flex:none;margin-top:1px}
.secrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-soft)}
.secrow:last-child{border-bottom:0}
.secrow b{display:block;font-size:13px;font-weight:600;color:var(--t900)}
.secrow small{display:block;margin-top:3px;font-size:11.5px;color:var(--t600)}

/* ========================================================================== */
/* 7. SUPORT (spec 12)                                                         */
/* ========================================================================== */
.sup__hero{text-align:center;padding:8px 0 24px}
.sup__hero h2{margin:0 0 18px;font-size:22px;font-weight:700;color:var(--t900)}
.sup__hero .bsearch{max-width:560px;margin:0 auto}
.sup__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.scd{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;background:var(--white);
  border:1px solid var(--border);border-radius:12px;box-shadow:var(--card-sh);text-align:left;text-decoration:none;
  transition:border-color .18s ease,box-shadow .18s ease}
.scd:hover{border-color:var(--gold-300);box-shadow:var(--card-sh-h)}
.scd__i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;
  background:var(--gold-50);color:var(--gold-500)}
.scd b{font-size:14px;font-weight:600;color:var(--t900)}
.scd p{margin:0;font-size:12.5px;line-height:1.6;color:var(--t600)}
.scd span{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;
  font-weight:600;color:var(--gold-600)}
.scd span svg{width:15px;height:15px}
.sup__contact{display:flex;flex-wrap:wrap;gap:12px}
/* cardul „pune aplicația pe ecran" din Suport */
.inst{background:#fff;border:1px solid var(--line,#e3e8ef);border-radius:16px;padding:20px 22px;margin:0 0 20px}
/* ecranul Notificări: două carduri, unul sub altul, la lățime de citit */
#notifRoot{max-width:640px}
/* firmele de facturare */
.firma{border:1px solid var(--line,#e3e8ef);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.firma--pr{background:var(--paper,#F7F9FB)}
.firma b{display:block;font-size:.9rem;color:var(--navy,#0B2340)}
.firma__pr{display:inline-block;margin-top:2px;padding:1px 8px;border-radius:999px;
  background:#E9F6EE;color:#0F5C2E;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.firma__d{display:block;font-size:12.5px;color:var(--ink-3,#6b7889);margin-top:2px}
.firma__a{display:flex;gap:8px;margin-top:8px}
.firma--form .field{margin-bottom:10px}
.cosfirma{margin:0 0 12px}
.cosfirma select{width:100%;height:44px;font-size:16px}
/* bucăți per bax + câte baxuri iese stocul */
.pcd__bax{color:var(--gold-600,#a8842f);font-weight:600;white-space:nowrap}
/* „Se ridică din N9" pe cardul comenzii gata */
.ocd__gata{display:flex;align-items:center;gap:7px;margin-top:10px;padding:9px 12px;
  border-radius:10px;background:#E9F6EE;border:1px solid #BCE0CA;
  font-size:12.5px;color:#0F5C2E}
.ocd__gata svg{width:15px;height:15px;flex:none}
.ocd__gata b{font-weight:700}
.inst__t b{display:block;font-size:1.02rem;font-weight:700;color:var(--navy,#0B2340);margin-bottom:4px}
.inst__t span{display:block;font-size:.86rem;line-height:1.55;color:var(--ink-2,#4a5768);margin-bottom:14px}
.inst #instBtn{margin-bottom:14px}
.inst__pasi b{display:block;font-size:.86rem;font-weight:700;color:var(--navy,#0B2340);margin-bottom:6px}
.inst__pasi ol{margin:0;padding-left:20px}
.inst__pasi li{font-size:.86rem;line-height:1.6;color:var(--ink-2,#4a5768);margin-bottom:3px}
.inst__n{margin:8px 0 0;font-size:.82rem;color:var(--ink-3,#6b7889)}
.inst__alt{margin-top:10px;border-top:1px solid var(--line-2,#eef1f5);padding-top:10px}
.inst__alt summary{cursor:pointer;font-size:.86rem;font-weight:600;color:var(--navy,#0B2340);padding:4px 0}
.nptipuri{display:grid;gap:8px;margin:4px 0 14px}
.nptipuri .check{display:flex;align-items:center;gap:10px;font-size:.86rem;color:var(--ink-2,#4a5768);
  padding:9px 12px;border:1px solid var(--line,#e3e8ef);border-radius:11px;cursor:pointer}
.nptipuri .check input{width:18px;height:18px;flex:none}
.npact{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.inst__gata b{display:block;font-size:.95rem;color:var(--navy,#0B2340)}
.inst__gata span{display:block;font-size:.86rem;color:var(--ink-2,#4a5768);margin-top:3px}
.faq{border-top:1px solid var(--border-soft)}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 0;border:0;
  background:none;font-size:13.5px;font-weight:600;color:var(--t900);text-align:left}
.faq__q svg{width:17px;height:17px;color:var(--t500);transition:transform .18s ease}
.faq.is-open .faq__q svg{transform:rotate(180deg)}
.faq__a{padding:0 0 16px;font-size:13px;line-height:1.65;color:var(--t600)}

/* ========================================================================== */
/* 8. COS PLUTITOR + OVERLAY-URI                                               */
/* ========================================================================== */
.cartfab{position:fixed;right:22px;bottom:20px;z-index:45;display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;border:0;border-radius:50%;background:var(--gold-400);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.cartfab:hover{background:var(--gold-500)}
.cartfab svg{width:24px;height:24px}
.cartfab span{position:absolute;top:-2px;right:-2px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;
  background:var(--navy-900);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--white)}

.ovl{position:fixed;inset:0;z-index:70}
.ovl__veil{position:absolute;inset:0;background:rgba(11,35,64,.58);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  animation:fade .16s ease-out both}
@keyframes fade{from{opacity:0}to{opacity:1}}

.omod{position:fixed;top:50%;left:50%;width:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);
  overflow-y:auto;background:var(--white);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.18);
  animation:omod .18s ease-out both}
@keyframes omod{from{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}
.omod__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px 30px 18px;
  border-bottom:1px solid var(--border-soft)}
.omod__head h2{margin:0;font-size:20px;font-weight:700;line-height:1.2;color:var(--t900)}
.omod__x{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-6px -8px 0 0;border:0;
  border-radius:9px;background:transparent;color:var(--t600)}
.omod__x:hover{background:var(--surface-2);color:var(--t900)}
.osum{display:flex;align-items:center;gap:14px;padding:20px 30px;border-bottom:1px solid var(--border-soft)}
.osum__img{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex:none;border:1px solid var(--border);
  border-radius:10px;background:var(--surface-2);overflow:hidden;color:var(--gold-300)}
.osum__img img{width:100%;height:100%;object-fit:contain}
.osum__t{min-width:0;flex:1}
.osum__t b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;
  font-weight:700;line-height:1.4;color:var(--t900)}
.osum__t span{display:block;margin-top:4px;font-size:12.5px;color:var(--t600)}
.osum__stk{font-size:12.5px;color:var(--t500);white-space:nowrap;align-self:center}
.oform{display:flex;flex-direction:column;gap:18px;padding:22px 30px 26px}
.ofld{position:relative}
.ofld label{display:block;font-size:12.5px;font-weight:600;color:var(--t800);margin-bottom:8px}
.ofld__in{position:relative;display:flex;align-items:center}
.ofld__in input{width:100%;height:46px;padding:0 58px 0 14px;border:1px solid var(--border);border-radius:10px;
  background:var(--white);font-size:13.5px;font-weight:500;color:var(--t900);-moz-appearance:textfield}
.ofld__in input::-webkit-outer-spin-button,.ofld__in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ofld__in input::placeholder{color:var(--t500);font-weight:400}
.ofld__in input:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(201,162,74,.12)}
.ofld__ic{position:absolute;left:14px;width:18px;height:18px;color:var(--gold-500);pointer-events:none}
.ofld__ic~input{padding-left:42px}
.ofld__sfx{position:absolute;right:14px;padding-left:12px;border-left:1px solid var(--border-soft);font-size:11.5px;
  font-weight:600;color:var(--t500);pointer-events:none}
.ofld textarea{width:100%;min-height:82px;max-height:140px;resize:vertical;padding:12px 14px;border:1px solid var(--border);
  border-radius:10px;font-size:13.5px;font-weight:500;color:var(--t900);line-height:1.55}
.ofld textarea::placeholder{color:var(--t500);font-weight:400}
.ofld textarea:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(201,162,74,.12)}
.ofld__cnt{position:absolute;right:12px;bottom:10px;font-size:10.5px;color:var(--t500);background:var(--white);padding-left:6px}
.ofld__cnt.is-near{color:var(--warning);font-weight:600}
.ofld__err{margin:7px 0 0;font-size:11.5px;color:var(--danger)}
.ofld--err input,.ofld--err textarea{border-color:var(--danger);box-shadow:0 0 0 3px rgba(200,92,82,.08)}
.oform .msg{margin:0}
.omod__ok{padding:30px;text-align:center}
.okglyph{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;
  background:#EDF6F1;color:var(--success);margin-bottom:14px}
.omod__ok b{display:block;font-size:17px;font-weight:700;color:var(--t900)}
.omod__ok p{margin:8px 0 0;font-size:13px;color:var(--t600);line-height:1.6}
.omod__ok em{font-style:normal;font-weight:600;color:var(--t800)}
.okmuted{color:var(--t500) !important}
.omod__ok .btn{margin-top:20px}

.cart,.npanel{position:absolute;top:0;right:0;width:440px;max-width:100vw;height:100vh;display:flex;flex-direction:column;
  background:var(--white);box-shadow:-12px 0 40px rgba(0,0,0,.12);animation:slide .2s ease-out both}
.npanel{width:400px}
@keyframes slide{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
.cart__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:0 24px;
  border-bottom:1px solid var(--border-soft);flex:none}
.cart__head h2{margin:0;font-size:19px;font-weight:700;color:var(--t900)}
.cart__sub{display:block;margin-top:3px;font-size:12px;color:var(--t600)}
.cart__x{display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:0;border-radius:9px;background:none;
  font-size:12.5px;font-weight:600;color:var(--gold-600)}
.cart__x:hover{background:var(--gold-50)}
.cart__x svg{width:18px;height:18px}
.cart__body{flex:1;overflow-y:auto;padding:20px 24px}
.cart__foot{flex:none;border-top:1px solid var(--border-soft);padding:18px 24px 22px;background:var(--white)}
.cart__foot--slim{padding:16px 24px 20px}
.cempty{text-align:center;padding:40px 10px 10px}
.cempty span{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;
  background:var(--gold-50);color:var(--gold-400)}
.cempty span svg{width:42px;height:42px}
.cempty b{display:block;margin-top:22px;font-size:15px;font-weight:600;color:var(--t900)}
.cempty p{margin:8px 0 0;font-size:13px;color:var(--t600)}
.crow{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-soft)}
.crow__img{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex:none;border-radius:9px;
  background:var(--surface-2);overflow:hidden;color:var(--gold-200)}
.crow__img img{width:100%;height:100%;object-fit:contain}
.crow__t{flex:1;min-width:0}
.crow__n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;
  font-weight:600;line-height:1.4;color:var(--t900)}
.crow__s{display:block;margin-top:4px;font-size:11px;color:var(--t500)}
.crow__b{display:flex;align-items:center;gap:8px;margin-top:10px}
.crow__b .qty{height:36px;width:90px}
.crow__x{display:flex;align-items:center;justify-content:center;width:34px;height:36px;border:1px solid var(--border);
  border-radius:8px;background:var(--white);color:var(--t500)}
.crow__x svg{width:15px;height:15px}
.crow__x:hover{border-color:var(--danger);color:var(--danger)}
.crow__p{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--t900);white-space:nowrap}
.crow__p--ask{font-size:11.5px;font-weight:600;color:var(--gold-600)}
.pick{display:flex;flex-direction:column;margin-bottom:14px}
.pick__o{display:flex;align-items:center;gap:10px;min-height:40px;font-size:13px;color:var(--t800);cursor:pointer}
.pick__o input{width:17px;height:17px;margin:0;accent-color:var(--gold-400)}
.pick__i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;background:none;color:var(--t500)}
.pick__i svg{width:15px;height:15px}
.cnote{position:relative;margin-bottom:14px}
.cnote textarea{width:100%;height:74px;resize:none;padding:12px 14px 22px;border:1px solid var(--border);border-radius:10px;
  font-size:13px;color:var(--t900);line-height:1.55}
.cnote textarea::placeholder{color:var(--t500)}
.cnote textarea:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(201,162,74,.12)}
.cnote span{position:absolute;right:12px;bottom:10px;font-size:10.5px;color:var(--t500)}
.ctot{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ctot span{font-size:14px;font-weight:600;color:var(--t900)}
.ctot b{font-size:18px;font-weight:700;color:var(--t900)}
.cart__foot .btn+.btn{margin-top:10px}
.cdisc{display:flex;gap:9px;margin:14px 0 0;padding:11px 13px;background:var(--surface-2);border-radius:10px;
  font-size:11px;line-height:1.55;color:var(--t600)}
.cdisc svg{width:15px;height:15px;flex:none;color:var(--gold-500)}
.ofd{display:grid;gap:14px}
.ofd__r{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:12px;
  border-bottom:1px solid var(--border-soft)}
.ofd__r span{font-size:12.5px;color:var(--t600)}
.ofd__r b{font-size:13.5px;font-weight:600;color:var(--t900);text-align:right}
.ofd__r b.gold{color:var(--gold-600)}

/* notificari (spec 18) */
.ntf{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-soft)}
.ntf__i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:9px;
  background:var(--gold-50);color:var(--gold-500)}
.ntf__i svg{width:17px;height:17px}
.ntf__t{flex:1;min-width:0}
.ntf__t b{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--t900)}
.ntf__t b i{width:7px;height:7px;border-radius:50%;background:var(--gold-400);flex:none}
.ntf__t p{margin:4px 0 0;font-size:12px;line-height:1.55;color:var(--t600)}
.ntf__t small{display:block;margin-top:5px;font-size:11px;color:var(--t500)}

/* cautare globala (spec 17) */
.cmd{position:fixed;top:14vh;left:50%;transform:translateX(-50%);width:640px;max-width:calc(100vw - 24px);
  background:var(--white);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.22);overflow:hidden;
  animation:up .16s ease-out both}
.cmd__in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-soft)}
.cmd__in svg{width:19px;height:19px;color:var(--t500)}
.cmd__in input{flex:1;border:0;background:none;font-size:15px;color:var(--t900)}
.cmd__in input:focus{outline:none}
.cmd__in input::placeholder{color:var(--t500)}
.cmd__esc{border:1px solid var(--border);border-radius:7px;padding:4px 9px;background:var(--surface-2);
  font-size:11px;font-weight:600;color:var(--t600)}
.cmd__res{max-height:56vh;overflow-y:auto;padding:8px}
.cmd__g{padding:12px 12px 6px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t500)}
.cmd__i{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:9px;
  background:none;text-align:left}
.cmd__i:hover{background:var(--gold-50)}
.cmd__i svg{width:17px;height:17px;color:var(--gold-500);flex:none}
.cmd__i b{display:block;font-size:13px;font-weight:600;color:var(--t900)}
.cmd__i small{display:block;margin-top:2px;font-size:11.5px;color:var(--t600)}
.cmd__e{padding:28px 12px;text-align:center;font-size:13px;color:var(--t600)}

.ctoast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(12px);z-index:90;background:var(--navy-900);
  color:#fff;font-size:13px;font-weight:600;padding:13px 22px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.18);
  opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.ctoast.on{opacity:1;transform:translate(-50%)}

/* ========================================================================== */
/* 9. MOD ÎNTUNECAT                                                            */
/* ========================================================================== */
body.dark{--white:#141B26;--surface:#0E141C;--surface-2:#1A2230;--border:#28313F;--border-soft:#222A37;
  --t900:#F1F2F4;--t800:#E2E4E8;--t700:#CBD0D8;--t600:#9AA3B1;--t500:#7F8896;--gold-50:#241F14;--gold-100:#2F2718;
  --card-sh:0 2px 10px rgba(0,0,0,.25);--card-sh-h:0 8px 24px rgba(0,0,0,.32)}
body.dark .pcd__img,body.dark .osum__img,body.dark .crow__img,body.dark .fitem b{background:#1A2230}
body.dark .btn--gold,body.dark .pcd__buy{color:#171717}
body.dark .tgl i{background:#3A4453}

/* ========================================================================== */
/* 10. RESPONSIVE (spec 24)                                                    */
/* ========================================================================== */
@media(max-width:1365px){
  :root{--sidebar:78px}
  .snav{justify-content:center;padding:8px 10px}
  .snav span,.snav__b,.promo b,.promo span{display:none}
  .promo{padding:14px 8px}
  .ogrid{grid-template-columns:repeat(2,1fr)}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nbanner{flex-wrap:wrap;gap:20px}
  .nbanner__st{margin-left:0;width:100%}
  .nstat{padding:0 24px}
  .nstat:first-child{padding-left:0}
}
@media(max-width:1023px){
  .top{padding:0 16px;gap:12px}
  .top__burger{display:flex}
  .top__acts{gap:10px}
  #tExport{display:none}
  .side{transform:translateX(-100%);transition:transform .2s ease;width:280px;box-shadow:0 12px 40px rgba(0,0,0,.16)}
  .side.is-open{transform:none}
  .side .snav{justify-content:flex-start;padding:8px 20px}
  .side .snav span,.side .snav__b,.side .promo b,.side .promo span{display:inline-flex}
  .side .snav span{display:inline}
  .side__veil{display:block;position:fixed;inset:var(--header) 0 0;background:rgba(11,35,64,.42);z-index:34}
  .main{padding:calc(var(--header) + 20px) 20px 46px}
  .cols2,.setwrap{grid-template-columns:1fr}
  .setnav{position:static;flex-direction:row;overflow-x:auto}
  .setnav button{white-space:nowrap}
  .sup__cards{grid-template-columns:1fr}
  .bar{flex-wrap:wrap}
  .bsearch{flex:1 1 100%}
}
@media(max-width:767px){
  :root{--header:70px}
  .main{padding:calc(var(--header) + 18px) 16px 40px}
  .mhead{flex-direction:column;gap:14px}
  .mhead h1{font-size:19px}
  .tabs{gap:20px;overflow-x:auto}
  .ctab{white-space:nowrap}
  .ogrid{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .grid--list .pcd{flex-direction:column;align-items:stretch}
  .grid--list .pcd__img{width:100%;height:auto;aspect-ratio:1 / .82}
  .grid--list .pcd__b{flex-direction:column;align-items:stretch;gap:0}
  .grid--list .pcd__cat,.grid--list .pcd__row,.grid--list .pcd__add,.grid--list .pcd__offer{width:auto}
  .grid--list .pcd__offer{margin:8px 0 0}
  .kpis{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr}
  .bsel,.bico,.bview{flex:1}
  .bsel select{width:100%}
  .nbanner{padding:22px 20px}
  .nbanner__art{display:none}
  .nbanner__t{max-width:none}
  .nstat{padding:0 16px}
  .nstat b{font-size:22px}
  .cart,.npanel{width:100vw}
  .cart__head{min-height:64px;padding:0 16px}
  .cart__body,.cart__foot{padding-left:16px;padding-right:16px}
  .auth{padding:24px 16px 30px}
  .acard{padding:22px}
  .agrid{grid-template-columns:1fr}
  .omod{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:14px}
  .omod__head,.osum,.oform{padding-left:20px;padding-right:20px}
  .cmd{top:8vh}
}
@media(max-width:399px){
  .acard{padding:20px}
  .acard h1{font-size:20px}
  .grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}

/* ==========================================================================
   CALIBRARE dupa mockup-ul master (masurat pe PNG, 1491px latime):
   bara laterala 232px cu logoul in ea, antetul doar peste continut,
   tipografie mai mare, griuri mai inchise.
   ========================================================================== */

/* --- bara laterala --- */
.side{width:var(--sidebar);top:0;padding-top:0;z-index:45}
.side__logo{display:flex;align-items:center;gap:12px;height:var(--header);padding:0 22px;text-decoration:none;flex:none}
.side__logo img{width:42px;height:42px;object-fit:contain}
.side__logo b{display:block;font-size:17px;font-weight:700;color:var(--t900);line-height:1.1;letter-spacing:.01em}
.side__logo i{display:block;font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-500);margin-top:3px}
.side__nav{padding-top:14px;gap:2px}
.snav{min-height:60px;padding:10px 22px;gap:16px;font-size:14.5px;font-weight:500;border-left-width:4px}
.snav svg{width:22px;height:22px}
.snav.is-on{font-weight:600}
.snav__b{min-width:24px;height:24px;font-size:11.5px;background:var(--gold-500);color:#fff}
.promo{margin:0 16px 20px;padding:20px 14px;gap:10px}
.promo svg{width:26px;height:26px}
.promo b{font-size:14px}
.promo span{font-size:12.5px}

/* --- antet: incepe dupa bara laterala --- */
.top{left:var(--sidebar);padding:0 28px;justify-content:flex-end;border-left:0}
.top__acts{gap:18px;margin-left:0}
.ico{width:40px;height:40px}
.ico svg{width:21px;height:21px}
.avat{width:36px;height:36px;font-size:14px}

/* --- continut: tipografie mai mare --- */
.main{padding-left:calc(var(--sidebar) + 32px);padding-right:32px;padding-top:calc(var(--header) + 26px)}
.mhead__hi{font-size:13.5px}
.mhead h1{font-size:26px;letter-spacing:-.01em}
.mhead__sub{font-size:13.5px;margin-top:10px}
.outbtn{height:46px;font-size:13.5px}
.ctab{height:48px;font-size:15px}
.tabb{font-size:11px;padding:4px 9px}
.panel__cap h2{font-size:16px}
.panel__cap p{font-size:13px}
.bar{padding:14px;gap:14px}
.bsearch input,.bsel,.bico,.bview button{height:50px}
.bsearch input{font-size:14.5px}
.bsel select{font-size:14px}

/* carduri comanda / oferta */
.ocd{padding:20px;min-height:172px}
.ocd__num{font-size:16.5px}
.ocd__meta{font-size:13.5px;margin-top:16px}
.ocd__list{font-size:13.5px}
.ocd__date{font-size:13.5px}
.ost{font-size:11.5px;padding:6px 12px}

/* carduri produs */
.pcd__n{font-size:13.5px;min-height:38px}
.pcd__cat{font-size:10px}
.pcd__price{font-size:12.5px}
.pcd__price b{font-size:15px}
.pcd__stk{font-size:11.5px}
.pcd__buy{font-size:12.5px;height:40px}
.pcd__offer{font-size:11.5px;height:34px}
.qty{height:40px;width:96px}
.qty input{font-size:13.5px}
.grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}

/* KPI + liste */
.kpi{padding:20px}
.kpi span{font-size:12.5px}
.kpi b{font-size:26px}
.kpi small{font-size:12px}
.mini{padding:16px 0}
.mini__t b{font-size:14px}
.mini__t small{font-size:12.5px}
.bars__n,.bars__v,.split__r span{font-size:13.5px}
.split__r b{font-size:15px}
.miniempty{font-size:13.5px}
.empty b{font-size:17px}
.empty p{font-size:14px}

/* sertare + modal */
.cart__head h2{font-size:20px}
.crow__n{font-size:13.5px}
.odln__n{font-size:13.5px}
.ofd__r span{font-size:13.5px}
.ofd__r b{font-size:14.5px}
.omod__head h2{font-size:21px}
.ofld label,.fld label{font-size:13px}
.tgl b,.secrow b{font-size:14px}
.tgl small,.secrow small{font-size:12.5px}
.fitem span{font-size:12.5px}
.fitem b{font-size:14.5px}
.setnav button{font-size:14px;height:48px}

/* imaginea produsului: textul imprimat in poza sta sus, il scoatem din cadru */
.pcd__img img{object-position:50% 76%}

/* graficul: zilele fara comenzi nu mai apar ca bare aurii ciuntite */
.chart{gap:5px;height:210px}
.chart__c{background:linear-gradient(var(--surface-2),var(--surface-2)) bottom/100% 3px no-repeat;border-radius:5px}
.chart__c i{min-height:0}
.chart__x{font-size:11px}

@media(max-width:1365px){
  :root{--sidebar:232px}
  .snav{justify-content:flex-start;padding:10px 22px}
  .snav span,.snav__b,.promo b,.promo span{display:inline-flex}
  .snav span{display:inline}
  .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
}
@media(max-width:1023px){
  .top{left:0;justify-content:space-between}
  .side__logo{padding:0 18px}
  .main{padding-left:20px;padding-right:20px}
}

/* ==========================================================================
   FIX: (1) meniul plutea la mijloc — `justify-content:space-between` imparte
   spatiul intre logo, nav si cardul promo, iar odata ce logoul a intrat in
   bara au devenit trei blocuri. Nav-ul urca lipit sub logo, promo ramane jos.
   (2) iconitele din cercurile aurii ieseau din chenar: regula generica
   `.kpi span` / `.scd span` prindea si containerul iconitei si ii anula
   `display:flex`, deci SVG-ul nu mai era centrat.
   ========================================================================== */
.side{justify-content:flex-start}
.side__nav{margin-bottom:24px}
.promo{margin-top:auto}

.kpi span.kpi__i,.scd span.scd__i{display:flex;align-items:center;justify-content:center;flex:none;margin-top:0}
.kpi__i{width:44px;height:44px;border-radius:12px}
.kpi__i svg{width:20px;height:20px}
.scd__i{width:46px;height:46px;border-radius:12px}
.scd__i svg{width:21px;height:21px}
.kpi>div{min-width:0}
.mini__i svg,.ntf__i svg{width:18px;height:18px}

/* ==========================================================================
   FIX: fereastra de cautare aparea impinsa spre dreapta. Centrarea se face cu
   `transform:translateX(-50%)`, dar animatia comuna `up` termina in
   `transform:none` si, cu `fill-mode:both`, ramanea asa — deci centrarea era
   anulata. Panoul de cautare are acum animatia lui, care pastreaza mutarea.
   ========================================================================== */
@keyframes cmdup{from{opacity:0;transform:translateX(-50%) translateY(8px)}
  to{opacity:1;transform:translateX(-50%)}}
.cmd{animation:cmdup .16s ease-out both}

/* ==========================================================================
   HOME DASHBOARD MASTER — dupa mockup-ul aprobat (15 aug 2026)
   Bara laterala navy, antet cu camp de cautare, KPI cu patrat navy si val
   auriu, carduri de activitate, empty state premium, carusel de produse.
   ========================================================================== */

:root{--navy-950:#06172B;--navy-900:#071A31;--navy-850:#0B2340;--navy-800:#102D4D;--sidebar:222px;--header:68px}

/* ---------------------------- bara laterala ---------------------------- */
.side{background:var(--navy-900);border-right:0;padding:0 0 16px}
.side__logo{height:96px;padding:0 20px}
.side__logo b{color:#fff;font-size:16px}
.side__logo i{color:var(--gold-300)}
.side__nav{padding:6px 12px 0;gap:4px}
.snav{min-height:52px;padding:0 14px;gap:13px;border-left:0;border:1px solid transparent;border-radius:10px;
  color:rgba(255,255,255,.78);font-size:13px;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}
.snav svg{width:19px;height:19px}
.snav:hover{background:rgba(255,255,255,.055);color:#fff}
.snav.is-on{background:var(--navy-800);border-color:rgba(201,162,74,.55);color:var(--gold-200)}
.snav.is-on svg{color:var(--gold-300)}
.snav__b{min-width:21px;height:21px;border-radius:50%;background:var(--gold-400);color:var(--navy-900);
  font-size:10px;font-weight:800;padding:0}
.promo{margin:auto 14px 0;padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;
  background:var(--navy-850);border:1px solid rgba(201,162,74,.65);border-radius:12px}
.promo:hover{background:var(--navy-850);border-color:rgba(201,162,74,.65)}
.promo__i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;
  background:rgba(201,162,74,.12);color:var(--gold-300)}
.promo__i svg{width:22px;height:22px}
.promo b{margin-top:12px;font-size:15px;font-weight:700;color:#fff;line-height:1.3}
.promo p{margin:8px 0 0;font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.62)}
.promo .btn{margin-top:14px;width:100%;height:38px;font-size:12.5px}

/* ------------------------------- antet -------------------------------- */
.top{height:var(--header);border-bottom-color:var(--border-soft)}
/* Căutarea din antet era gri pe gri și se pierdea între pictograme — arăta
   a câmp dezactivat, nu a lucru pe care să apeși. Conturul auriu și lupa
   aurie o leagă de restul aplicației, unde auriul înseamnă „aici se
   întâmplă ceva". */
.topsearch{display:flex;align-items:center;gap:10px;width:260px;height:40px;padding:0 14px;border:1.5px solid var(--gold-300);
  border-radius:10px;background:var(--white);color:var(--t600);font-size:12.5px;text-align:left}
.topsearch svg{width:17px;height:17px;flex:none;color:var(--gold-500)}
.topsearch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topsearch:hover{border-color:var(--gold-400);background:var(--gold-50)}
.topsearch:focus-visible{border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(201,162,74,.10);outline:none}
.ico{width:40px;height:40px;border-radius:10px;color:var(--t700)}
.ico:hover{background:var(--gold-50);color:var(--gold-600)}
.ico__b{min-width:16px;height:16px;font-size:9px;font-weight:800;background:var(--gold-400);color:var(--navy-900)}

/* ------------------------------ continut ------------------------------ */
.main{padding:calc(var(--header) + 26px) 34px 48px calc(var(--sidebar) + 34px);max-width:calc(1450px + var(--sidebar))}
.mhead h1{font-size:24px;font-weight:750;letter-spacing:-.025em;color:#111A29}
.mhead__hi{font-size:12.5px}
.mhead__sub{font-size:13px;margin-top:8px;color:var(--t600)}
.outbtn{height:40px;border-radius:9px;font-size:13px}
.outbtn:hover{background:var(--gold-50);border-color:var(--gold-200)}

/* subtaburi: se umple cel selectat */
.tabs{gap:8px;border-bottom:1px solid var(--border);padding-bottom:0}
.ctab{height:42px;padding:0 16px;border-radius:10px 10px 0 0;font-size:14px;font-weight:600}
.ctab::after{left:6px;right:6px;height:3px;border-radius:3px 3px 0 0}
.ctab.on{background:var(--gold-50);color:var(--gold-600)}
.ctab.on::after{background:var(--gold-400)}
.ctab:hover{background:var(--surface-2)}
.ctab.on:hover{background:var(--gold-50)}

/* ------------------------------- KPI ---------------------------------- */
.kpis{grid-template-columns:repeat(4,1fr);gap:14px}
.kpi{position:relative;min-height:112px;padding:18px;overflow:hidden;align-items:flex-start;gap:14px}
.kpi:hover{transform:translateY(-1px);border-color:var(--gold-200);box-shadow:0 8px 22px rgba(20,32,50,.06)}
.kpi span.kpi__i{width:48px;height:48px;border-radius:14px;background:var(--navy-900);color:var(--gold-300)}
.kpi__i svg{width:21px;height:21px}
.kpi>div{position:relative;z-index:1}
.kpi span{font-size:13px;font-weight:700;color:var(--t900)}
.kpi b{margin-top:8px;font-size:28px;font-weight:750;letter-spacing:-.02em;color:#111A29}
.kpi small{margin-top:6px;font-size:12px;color:var(--t600)}
.kpi__wave{position:absolute;left:0;right:0;bottom:0;height:74px;pointer-events:none;z-index:0}
.kpi__wave svg{width:100%;height:100%}

/* --------------------------- activitate ------------------------------- */
.panel__cap h2{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}
.cap__i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;
  background:var(--gold-50);color:var(--gold-500);flex:none}
.cap__i svg{width:17px;height:17px}
.panel__note{display:flex;align-items:center;gap:8px;margin:0;padding:12px 20px 16px;font-size:11.5px;color:var(--t600)}
.panel__note i{width:7px;height:7px;border-radius:50%;background:var(--success);flex:none}
.mini{gap:14px;padding:14px 0}
.mini__i{width:36px;height:36px;border-radius:9px;background:var(--gold-50);color:var(--gold-500)}
.mini__t b{font-size:13px;font-weight:700;color:var(--t900)}
.mini__t small{font-size:11.5px;color:var(--t600);white-space:normal}
.ost{font-size:10px;font-weight:700;padding:5px 10px}

/* ------------------- empty state premium (spec 42) -------------------- */
.pbanner{display:flex;align-items:center;gap:28px;padding:26px 30px;background:var(--navy-900);border-radius:16px;
  color:#fff;margin-bottom:20px}
.pbanner__i{display:flex;align-items:center;justify-content:center;width:96px;height:96px;flex:none;border-radius:50%;
  background:rgba(201,162,74,.10);border:1px solid rgba(201,162,74,.35);color:var(--gold-300)}
.pbanner__i svg{width:40px;height:40px}
.pbanner__t{flex:1;min-width:0}
.pbanner__t h3{margin:0;font-size:18px;font-weight:700;color:var(--gold-300)}
.pbanner__t p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#C7D2E0}
.pbanner .btn{flex:none;background:transparent;border-color:var(--gold-400);color:var(--gold-300)}
.pbanner .btn:hover{background:rgba(201,162,74,.12)}

/* ---------------------- carusel produse noi --------------------------- */
.carwrap{position:relative;padding:20px}
.car{display:grid;grid-auto-flow:column;grid-auto-columns:calc(25% - 11px);gap:14px;overflow-x:auto;
  scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}
.car::-webkit-scrollbar{display:none}
.ncd{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:11px;
  overflow:hidden;scroll-snap-align:start;transition:border-color .15s ease,box-shadow .18s ease,transform .18s ease}
.ncd:hover{transform:translateY(-1px);border-color:var(--gold-300);box-shadow:var(--card-sh-h)}
.ncd__img{position:relative;height:145px;background:var(--surface-2);display:flex;align-items:center;justify-content:center}
.ncd__img img{width:100%;height:100%;object-fit:contain;padding:10px}
.ncd__img>svg{width:34px;height:34px;color:var(--gold-200)}
.ncd__new{position:absolute;top:10px;left:10px;background:var(--gold-100);color:var(--gold-600);border-radius:6px;
  padding:4px 7px;font-size:9px;font-weight:800;letter-spacing:.04em}
.ncd__fav{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;
  border:0;background:none;color:var(--t500);border-radius:9px}
.ncd__fav svg{width:18px;height:18px}
.ncd__fav:hover,.ncd__fav.is-on{color:var(--gold-500)}
.ncd__fav.is-on svg{fill:var(--gold-300);stroke:var(--gold-500)}
.ncd__b{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}
.ncd__n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;
  font-weight:700;line-height:1.4;color:var(--t900)}
.ncd__m{font-size:11.5px;color:var(--t600)}
.ncd__f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
.ncd__p{font-size:12px;font-weight:700;color:var(--gold-600)}
.ncd__go{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;
  background:var(--gold-400);color:#fff;border:0}
.ncd__go:hover{background:var(--gold-500)}
.ncd__go svg{width:16px;height:16px}
.car__nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;background:var(--white);border:1px solid var(--border);
  box-shadow:var(--card-sh);color:var(--t700);z-index:2}
.car__nav:hover{background:var(--gold-50);border-color:var(--gold-200);color:var(--gold-600)}
.car__nav svg{width:17px;height:17px}
.car__nav--prev{left:4px;transform:translateY(-50%) rotate(90deg)}
.car__nav--next{right:4px;transform:translateY(-50%) rotate(-90deg)}
.car__nav[disabled]{opacity:.45;cursor:not-allowed}

/* ------------------------------ cos ----------------------------------- */
.cartfab{box-shadow:0 10px 25px rgba(20,32,50,.18)}
.cartfab span{min-width:20px;height:20px;font-size:10px;font-weight:800;background:var(--navy-900)}

@media(max-width:1365px){:root{--sidebar:222px}.car{grid-auto-columns:calc(33.333% - 10px)}}
@media(max-width:1023px){
  .top{left:0}
  .topsearch{width:200px}
  .main{padding-left:20px;padding-right:20px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .car{grid-auto-columns:calc(50% - 7px)}
  .pbanner{flex-wrap:wrap;gap:18px}
}
@media(max-width:767px){
  .topsearch span{display:none}
  .topsearch{width:40px;justify-content:center;padding:0}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi{min-height:0;flex-direction:column;gap:10px}
  .kpi b{font-size:24px}
  .car{grid-auto-columns:calc(80% - 7px)}
  .pbanner__i{width:72px;height:72px}
  .pbanner__i svg{width:32px;height:32px}
}

/* ==========================================================================
   CORECȚII 15 aug 2026 (runda 4)
   - fara valul crem peste text in cardurile KPI
   - continutul incepe imediat dupa bara laterala, nu ingramadit pe centru
   - subtexte mai mari, lizibile si pe ecrane mici
   - patratele de iconita: finisaj de sticla (luminozitate sus, chenar fin)
   ========================================================================== */
.kpi__wave{display:none}

/* latimea: nu mai centram continutul; curge de la bara laterala pana la marginea dreapta */
.main{max-width:none;margin:0;padding-left:calc(var(--sidebar) + 28px);padding-right:28px}

/* subtexte mai mari */
.kpi span{font-size:13.5px}
.kpi b{font-size:30px}
.kpi small{font-size:13px;color:var(--t600)}
.mhead__sub{font-size:14px}
.mini__t small{font-size:12.5px}
.panel__note{font-size:12.5px}
.ncd__m{font-size:12.5px}
.ncd__n{font-size:13px}
.ncd__p{font-size:13px}
.miniempty,.empty p{font-size:14px}
.cempty p{font-size:13.5px}
.pbanner__t p{font-size:14px}
.ocd__meta,.ocd__list,.ocd__date{font-size:13.5px}
.bars__n,.bars__v{font-size:13.5px}
.topsearch{font-size:13px}

/* finisaj „glass" pe patratele de iconita navy */
.kpi span.kpi__i{position:relative;background:linear-gradient(160deg,#12253F 0%,#071A31 62%);
  border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 12px rgba(7,26,49,.22);
  overflow:hidden}
.kpi span.kpi__i::after{content:"";position:absolute;inset:-40% -20% 55% -20%;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none}
.kpi__i svg{position:relative;z-index:1;stroke-width:1.7}
.promo__i{border:1px solid rgba(201,162,74,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.cap__i,.mini__i,.ntf__i,.scd__i{box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}

/* iconite: acelasi finisaj peste tot */
svg{stroke-width:1.75}
.snav svg,.ico svg,.kpi__i svg,.cap__i svg{stroke-width:1.7}

/* ==========================================================================
   RUNDA 5 — cerut explicit:
   1. TOATE patratele de iconita capata acelasi finisaj: navy cu sticla,
      exact ca pe cardurile KPI de pe pagina principala.
   2. Glif WhatsApp plin (era desenat ca linie si iesea prost in buton).
   3. Textul general mai mare peste tot.
   ========================================================================== */

/* --- 1. patrate de iconita, tratament unic „navy glass" --- */
.kpi span.kpi__i,.cap__i,.mini__i,.ntf__i,.scd__i,.promo__i,.pbanner__i,.empty>span,.cempty span,.okglyph,.acard__glyph{
  background:linear-gradient(160deg,#12253F 0%,#071A31 62%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 12px rgba(7,26,49,.20);
  color:var(--gold-300);
  position:relative;overflow:hidden}
.cap__i::after,.mini__i::after,.ntf__i::after,.scd__i::after,.promo__i::after,.pbanner__i::after,
.empty>span::after,.cempty span::after,.okglyph::after,.acard__glyph::after{
  content:"";position:absolute;inset:-40% -20% 55% -20%;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none}
.cap__i svg,.mini__i svg,.ntf__i svg,.scd__i svg,.promo__i svg,.pbanner__i svg,
.empty>span svg,.cempty span svg,.okglyph svg,.acard__glyph svg{position:relative;z-index:1;stroke-width:1.7}
.okglyph{color:#8FD3AC}
.acard__glyph--ok{color:#8FD3AC}
.setnav button.is-on svg{color:var(--gold-500)}

/* --- 2. WhatsApp: glif plin, nu contur --- */
[data-wa2] svg use[href="#i-wa"],.btn--wa svg{fill:currentColor;stroke:none}
.btn--wa svg,.afoot__wa,.sup__b:first-child>svg{fill:currentColor;stroke:none}
.scd__i svg use[href="#i-wa"]{fill:currentColor;stroke:none}
svg use[href="#i-wa"]{fill:currentColor;stroke:none}

/* --- 3. text mai mare, peste tot --- */
body{font-size:15px}
.scd p{font-size:13.5px;line-height:1.65}
.scd b{font-size:15px}
.pnote,.faq__a{font-size:14px;line-height:1.7}
.faq__q{font-size:14.5px}
.panel__cap p{font-size:13px}
.panel__cap h2{font-size:16px}
.fitem span{font-size:13px}
.fitem b{font-size:15px;height:48px;line-height:48px}
.tgl b,.secrow b{font-size:14.5px}
.tgl small,.secrow small{font-size:13px}
.hintbox{font-size:12.5px}
.setnav button{font-size:14.5px}
.ofd__r span{font-size:14px}
.ofd__r b{font-size:15px}
.odln__n{font-size:14px}
.odln__q,.odln__t{font-size:13px}
.crow__n{font-size:14px}
.crow__s{font-size:12px}
.cdisc{font-size:12px}
.ctot span{font-size:15px}
.ctot b{font-size:19px}
.msg{font-size:13px}
.ofld__err{font-size:12.5px}
.cmd__i b{font-size:14px}
.cmd__i small{font-size:12.5px}
.ntf__t b{font-size:14px}
.ntf__t p{font-size:13px}
.ntf__t small{font-size:12px}
.bell__i{font-size:13px}
.tstep b{font-size:13.5px}
.tstep small{font-size:12px}
.chart__x{font-size:12px}
.split__r span{font-size:14px}
.ost{font-size:11px}

/* ==========================================================================
   FIX încadrare iconițe în pătratele navy:
   luciul (::after) acoperea jumătatea de sus si impingea optic glifa in jos,
   iar dimensiunile erau prea mici fata de placuta. Acum: centrare explicita,
   glifa la ~46% din latimea placutei, luciu mai discret.
   ========================================================================== */
.kpi span.kpi__i,.cap__i,.mini__i,.ntf__i,.scd__i,.promo__i,.pbanner__i,.empty>span,.cempty span,.okglyph,.acard__glyph{
  display:flex !important;align-items:center;justify-content:center;line-height:0}
.cap__i::after,.mini__i::after,.ntf__i::after,.scd__i::after,.promo__i::after,.pbanner__i::after,
.empty>span::after,.cempty span::after,.okglyph::after,.acard__glyph::after,.kpi span.kpi__i::after{
  inset:0 0 62% 0;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,0))}
.kpi span.kpi__i svg{width:24px;height:24px}
.scd__i svg{width:23px;height:23px}
.cap__i svg{width:18px;height:18px}
.mini__i svg,.ntf__i svg{width:19px;height:19px}
.promo__i svg{width:23px;height:23px}
.pbanner__i svg{width:42px;height:42px}
.empty>span svg,.cempty span svg{width:30px;height:30px}
.okglyph svg,.acard__glyph svg{width:24px;height:24px}
.scd__i{width:48px;height:48px}
.mini__i,.ntf__i{width:40px;height:40px;border-radius:11px}
.cap__i{width:34px;height:34px;border-radius:10px}
.promo__i{width:48px;height:48px}

/* ==========================================================================
   RUNDA 6
   1. Luciul de sticla facea placuta sa para „ridicata" si impingea optic
      glifa in sus. Scos complet; ramane degradeul + chenarul, iar glifa e
      centrata geometric, nu doar prin flex.
   2. Sertarele se deschideau greu: `backdrop-filter: blur()` peste toata
      pagina obliga browserul sa reproceseze intreg ecranul la fiecare
      deschidere. Scos — voalul ramane doar culoare, deci apare instant.
   ========================================================================== */
.cap__i::after,.mini__i::after,.ntf__i::after,.scd__i::after,.promo__i::after,.pbanner__i::after,
.empty>span::after,.cempty span::after,.okglyph::after,.acard__glyph::after,.kpi span.kpi__i::after{display:none}

.kpi span.kpi__i,.cap__i,.mini__i,.ntf__i,.scd__i,.promo__i,.pbanner__i,.empty>span,.cempty span,.okglyph,.acard__glyph{
  display:grid !important;place-items:center;line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 3px 10px rgba(7,26,49,.18)}
.kpi span.kpi__i>svg,.cap__i>svg,.mini__i>svg,.ntf__i>svg,.scd__i>svg,.promo__i>svg,.pbanner__i>svg,
.empty>span>svg,.cempty span>svg,.okglyph>svg,.acard__glyph>svg{display:block;grid-area:1/1;margin:0}

/* voalul: fara blur, deci sertarele se deschid imediat */
.ovl__veil{-webkit-backdrop-filter:none;backdrop-filter:none;animation-duration:.12s}
.cart,.npanel{animation-duration:.16s}
.omod{animation-duration:.14s}

/* ==========================================================================
   CAUZA REALĂ a glifelor decentrate: `.scd span{padding-top:12px}` — regula
   scrisa pentru linkul „Scrie-ne →" din cardurile de Suport — prindea si
   placuta iconitei, deci glifa era impinsa 12px in jos in interiorul
   patratului. La fel, `.scd span svg{width:15px}` ii taia dimensiunea.
   Aici resetam explicit orice padding/margine mostenita pe placute.
   ========================================================================== */
.kpi span.kpi__i,.scd span.scd__i,.cap__i,.mini__i,.ntf__i,.promo__i,.pbanner__i,
.empty>span,.cempty span,.okglyph,.acard__glyph{
  padding:0 !important;margin:0 !important;gap:0 !important;font-size:0 !important}
.scd span.scd__i>svg{width:23px !important;height:23px !important}
.kpi span.kpi__i>svg{width:24px !important;height:24px !important}
.cap__i>svg{width:18px !important;height:18px !important}
.mini__i>svg,.ntf__i>svg{width:19px !important;height:19px !important}
.promo__i>svg{width:23px !important;height:23px !important}
.pbanner__i>svg{width:42px !important;height:42px !important}
.empty>span>svg,.cempty span>svg{width:30px !important;height:30px !important}
.okglyph>svg,.acard__glyph>svg{width:24px !important;height:24px !important}

/* ==========================================================================
   GHID DE UTILIZARE — fereastră internă, cu cuprins lateral și derulare rapidă
   ========================================================================== */
.guide{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1000px,calc(100vw - 40px));
  height:min(760px,calc(100vh - 60px));display:flex;flex-direction:column;background:var(--white);
  border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.2);overflow:hidden;animation:guidein .16s ease-out both}
@keyframes guidein{from{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}
.guide__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 26px;
  border-bottom:1px solid var(--border-soft);flex:none}
.guide__head h2{margin:0;font-size:20px;font-weight:700;color:var(--t900)}
.guide__head span{display:block;margin-top:6px;font-size:13.5px;color:var(--t600)}
.guide__b{flex:1;display:grid;grid-template-columns:250px 1fr;min-height:0}
.guide__nav{border-right:1px solid var(--border-soft);padding:14px;overflow-y:auto;background:var(--surface)}
.guide__nav button{display:block;width:100%;text-align:left;padding:11px 14px;border:0;border-radius:9px;
  background:none;font-size:13.5px;font-weight:500;color:var(--t700);line-height:1.35}
.guide__nav button:hover{background:var(--surface-2);color:var(--t900)}
.guide__nav button.is-on{background:var(--gold-50);color:var(--gold-600);font-weight:600}
.guide__doc{overflow-y:auto;padding:24px 30px 40px;scroll-behavior:smooth}
.guide__doc:focus{outline:none}
.gsec{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--border-soft)}
.gsec:last-child{border-bottom:0;margin-bottom:0}
.gsec h3{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:17px;font-weight:700;color:var(--t900);scroll-margin-top:12px}
.gsec h3 span{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;
  background:linear-gradient(160deg,#12253F 0%,#071A31 62%);border:1px solid rgba(255,255,255,.10);color:var(--gold-300)}
.gsec h3 span svg{width:18px;height:18px}
.gsec p{margin:0 0 12px;font-size:14.5px;line-height:1.7;color:var(--t700)}
.gsec ol,.gsec ul{margin:0 0 12px;padding-left:22px}
.gsec li{font-size:14.5px;line-height:1.75;color:var(--t700);margin-bottom:8px}
.gsec b{color:var(--t900)}
.gtip{display:flex;gap:11px;padding:14px 16px;background:var(--gold-50);border:1px solid var(--gold-100);
  border-radius:10px;font-size:13.5px;line-height:1.65;color:var(--gold-600)}
.gtip svg{width:17px;height:17px;flex:none;margin-top:2px}
@media(max-width:900px){
  .guide{width:calc(100vw - 20px);height:calc(100vh - 30px);border-radius:14px}
  .guide__b{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .guide__nav{border-right:0;border-bottom:1px solid var(--border-soft);display:flex;gap:8px;overflow-x:auto;padding:10px}
  .guide__nav button{white-space:nowrap;width:auto}
  .guide__doc{padding:20px}
}

/* --------------------------- filtru Favorite ----------------------------- */
.bfav{display:flex;align-items:center;gap:9px;height:50px;padding:0 16px;flex:none;border:1px solid var(--border);
  border-radius:10px;background:var(--white);color:var(--t700);font-size:13.5px;font-weight:600}
.bfav svg{width:18px;height:18px;color:var(--t500)}
.bfav b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--surface-2);color:var(--t600);
  font-size:11.5px;font-weight:700;display:grid;place-items:center}
.bfav:hover{border-color:var(--gold-300);color:var(--gold-600)}
.bfav.is-on{background:var(--gold-50);border-color:var(--gold-200);color:var(--gold-600)}
.bfav.is-on svg{color:var(--gold-500);fill:var(--gold-300)}
.bfav.is-on b{background:var(--gold-400);color:#fff}

/* ------------------------------ Powered by ------------------------------- */
.powered{display:flex;flex-direction:column;align-items:center;gap:0;margin:8px 0 24px;padding:36px 24px 32px;
  background:var(--navy-950);border-radius:16px;text-align:center;position:relative;overflow:hidden}
.powered::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 0%,rgba(201,162,74,.14),transparent 62%)}
.powered__l{position:relative;font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;
  color:rgba(235,217,165,.72)}
.powered__l::before,.powered__l::after{content:"";display:inline-block;width:26px;height:1px;vertical-align:middle;
  background:rgba(201,162,74,.45);margin:0 12px 3px}
.powered__logo{position:relative;display:block;margin:20px 0 18px;line-height:0}
.powered__logo img{width:min(380px,72vw);height:auto;transition:transform .18s ease}
.powered__logo:hover img{transform:translateY(-1px)}
.powered__t{position:relative;font-size:17px;font-weight:700;letter-spacing:.06em;color:var(--gold-300)}
.powered__s{position:relative;max-width:46ch;margin-top:8px;font-size:12.5px;line-height:1.65;color:rgba(255,255,255,.58)}
@media(max-width:640px){
  .powered{padding:28px 18px 26px}
  .powered__l{letter-spacing:.24em;font-size:10.5px}
  .powered__l::before,.powered__l::after{width:16px;margin:0 8px 3px}
  .powered__t{font-size:15.5px}
}

/* Placa „Powered by": fundal NEGRU, ca fundalul propriu al logoului sa se
   topeasca in el. `mix-blend-mode:screen` sterge orice rest de negru din
   imagine, deci nu se mai vede dreptunghiul. */
.powered{background:#000}
.powered::before{background:radial-gradient(120% 90% at 50% 0%,rgba(201,162,74,.16),transparent 60%)}
.powered__logo img{mix-blend-mode:screen;width:min(420px,78vw)}
.powered__s{color:rgba(255,255,255,.55)}

/* Placa „Powered by": tipografie proprie (Josefin Sans — geometrică, cu
   tracking larg, ca literele din logo), totul centrat pe axa plăcii. */
.powered{margin:28px 0 8px;align-items:center;justify-content:center;text-align:center}
.powered>*{margin-left:auto;margin-right:auto}
.powered__l,.powered__t,.powered__s{font-family:"Josefin Sans",var(--f)}
.powered__l{font-size:12px;font-weight:600;letter-spacing:.42em;text-indent:.42em;color:rgba(235,217,165,.78)}
.powered__logo{display:flex;justify-content:center;width:100%;margin:22px 0 20px}
.powered__logo img{display:block;margin:0 auto}
.powered__t{font-size:22px;font-weight:600;letter-spacing:.26em;text-indent:.26em;color:var(--gold-300);line-height:1.2}
.powered__s{margin-top:12px;font-size:13px;font-weight:300;letter-spacing:.02em;line-height:1.7;color:rgba(255,255,255,.5)}
@media(max-width:640px){
  .powered__t{font-size:18px;letter-spacing:.2em;text-indent:.2em}
  .powered__l{letter-spacing:.3em;text-indent:.3em}
}

/* Logoul are acum fundal TRANSPARENT (l-am decupat din poză), deci nu mai e
   nevoie de blend și placa poate reveni la navy, ca restul secțiunilor. */
.powered{background:var(--navy-950)}
.powered::before{background:radial-gradient(120% 95% at 50% 0%,rgba(201,162,74,.13),transparent 62%)}
.powered__logo img{mix-blend-mode:normal;width:min(400px,76vw);filter:drop-shadow(0 6px 18px rgba(201,162,74,.18))}

/* ==========================================================================
   MOBIL — corecție de cascadă
   Regulile de layout adăugate în rundele următoare (`.main{padding-left:
   calc(sidebar+28px)}`) veneau DUPĂ media query-urile de mobil, deci le
   anulau: conținutul rămânea împins cu 222px spre dreapta și se strivea
   într-o coloană îngustă. Blocul ăsta stă ultimul, deci are ultimul cuvânt.
   ========================================================================== */
@media(max-width:1023px){
  .top{left:0;padding:0 16px}
  .main{padding:calc(var(--header) + 20px) 20px 44px 20px !important;max-width:none}
  .side{top:0;height:100vh}
  .side__logo{height:var(--header)}
}
@media(max-width:767px){
  .main{padding:calc(var(--header) + 16px) 16px 40px 16px !important}
  .mhead{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}
  .mhead h1{font-size:21px}
  .mhead__sub{font-size:13.5px;margin-top:6px}
  .outbtn{height:42px;width:100%;justify-content:center}
  .sup__hero{padding:0 0 18px}
  .sup__hero h2{font-size:19px;margin-bottom:14px}
  .bsearch--big input{height:50px;font-size:14px}
  .sup__contact{flex-direction:column}
  .sup__contact .btn{width:100%}
  .scd{padding:18px}
  .scd p{font-size:13.5px}
  .guide__head{padding:18px}
  .guide__head h2{font-size:18px}
  .gsec h3{font-size:16px}
  .gsec p,.gsec li{font-size:14px}
  .powered{margin:20px 0 4px;padding:26px 16px 24px}
  .powered__logo{margin:16px 0 14px}
  .powered__logo img{width:min(300px,84vw)}
  .powered__t{font-size:17px}
  .powered__s{font-size:12.5px;max-width:34ch}
}

/* Placa „Powered by": exact culoarea fundalului din poza ta (#060606,
   media colțurilor imaginii originale), nu navy. */
.powered{background:#060606}
.powered::before{background:radial-gradient(120% 95% at 50% 0%,rgba(201,162,74,.11),transparent 64%)}

/* ==========================================================================
   „Powered by" — aceeași formă ca în subsolul site-ului public: discret, cu
   logoul într-o plăcuță de 56px cu chenar auriu, nu o bandă cât o pagină.
   ========================================================================== */
.powered{display:flex;flex-direction:column;align-items:center;gap:1.1rem;
  margin:28px 0 4px;padding:26px 0 6px;background:none;border:0;border-top:1px solid var(--border);
  border-radius:0;text-align:center;overflow:visible}
.powered::before{display:none}
.powered__l{font-family:"Josefin Sans",var(--f);font-size:.7rem;font-weight:600;letter-spacing:.34em;
  text-indent:.34em;text-transform:uppercase;color:var(--gold-500)}
.powered__logo{display:inline-block;margin:0;line-height:0;transition:transform .25s ease}
.powered__logo:hover{transform:translateY(-2px)}
.powered__logo img{height:56px;width:auto;display:block;border-radius:14px;
  border:1px solid rgba(201,164,76,.55);box-shadow:0 12px 30px rgba(201,164,76,.20);
  mix-blend-mode:normal;filter:none}
.powered__s{font-family:var(--f);font-size:.86rem;font-weight:500;letter-spacing:.015em;
  color:var(--t600);margin-top:.2rem;max-width:none}
.powered__s b{color:var(--t800);font-weight:700}
@media(max-width:767px){
  .powered{margin:22px 0 0;padding:22px 0 4px;gap:.9rem}
  .powered__logo img{height:46px}
  .powered__l{font-size:.66rem;letter-spacing:.28em;text-indent:.28em}
  .powered__s{font-size:.8rem}
}

/* ==========================================================================
   ETICHETE DE STARE — refăcute
   Erau pastile pastelate, toate la fel, fără ierarhie: „Pregătită" ieșea
   roșu iar „Expirată" roz aprins, deși una e veste bună și alta e doar o
   stare stinsă. Acum: bulină de stare + chenar fin + culoare semantică.
   ========================================================================== */
.ost{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:7px;
  border:1px solid transparent;background:none;font-size:11.5px;font-weight:600;letter-spacing:.005em;
  line-height:1.35;white-space:nowrap}
.ost::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;
  box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}

/* în lucru — auriu cald */
.ost--pending{background:#FDFAF1;border-color:#EFE2C2;color:#96701D}
/* confirmată — bleu discret, ca să nu concureze cu verdele de „gata" */
.ost--approved{background:#F4F7FC;border-color:#DCE5F2;color:#3C5B87}
/* gata de ridicat — verde, e vestea bună a fluxului */
.ost--ready,.ost--ordered,.ost--accepted{background:#F2F8F4;border-color:#D6E8DC;color:#2F7350}
/* încheiată — gri-ardezie, stare stinsă, fără alarmă */
.ost--collected{background:#F6F7F9;border-color:#E2E5EA;color:#5A6478}
/* expirată — tot stinsă, nu roșu: nimeni n-a greșit nimic */
.ost--expired{background:#F7F6F4;border-color:#E5E2DB;color:#6E7180}
/* oprite de cineva — roșu cărămiziu, singurele care merită atenție */
.ost--cancelled,.ost--rejected{background:#FDF4F3;border-color:#F0DAD7;color:#A94F46}

/* în listele compacte de pe Acasă, eticheta stă mai discret */
.mini .ost{padding:4px 9px 4px 8px;font-size:11px}
.mini .ost::before{width:5px;height:5px;box-shadow:none}
/* pe cardul de comandă rămâne aliniată cu numărul comenzii */
.ocd__top .ost{margin-top:1px}

/* Placa „Powered by" trece pe Inter, ca tot portalul — fără al doilea font. */
.powered__l,.powered__t,.powered__s{font-family:var(--f)}
.powered__l{font-family:var(--f);font-weight:700;letter-spacing:.3em;text-indent:.3em}

/* ------------------- confirmare / mesaj, în aplicație -------------------- */
.askbox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 32px));
  background:var(--white);border-radius:16px;padding:28px;text-align:center;
  box-shadow:0 24px 70px rgba(0,0,0,.20);animation:omod .14s ease-out both}
.askbox__i{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:50%;
  background:linear-gradient(160deg,#12253F 0%,#071A31 62%);border:1px solid rgba(255,255,255,.10);color:var(--gold-300)}
.askbox__i>svg{width:24px;height:24px}
.askbox h2{margin:0;font-size:18px;font-weight:700;line-height:1.35;color:var(--t900)}
.askbox p{margin:10px 0 0;font-size:14px;line-height:1.65;color:var(--t600);white-space:pre-line}
.askbox p:empty{display:none}
.askbox__acts{display:flex;gap:10px;margin-top:22px}
.askbox__acts .btn{flex:1}
@media(max-width:479px){.askbox{padding:24px}.askbox__acts{flex-direction:column-reverse}}
.btn--danger{background:#C05B51;color:#fff}
.btn--danger:hover{background:#A94F46;color:#fff}
.fld__note{margin:8px 0 0;font-size:11.5px;line-height:1.5;color:var(--t500)}

/* ------------------- dovadă de plată prin ordin de plată ------------------ */
.oppay{margin:4px 0 14px;padding:16px;border:1px solid var(--gold-200);border-radius:12px;background:var(--gold-50)}
.oppay b{display:block;font-size:13.5px;font-weight:700;color:var(--gold-600)}
.oppay p{margin:6px 0 12px;font-size:12.5px;line-height:1.6;color:var(--t600)}
.opfile{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:10px;border:1px dashed var(--gold-300);
  border-radius:10px;background:var(--white);font-size:13px;font-weight:600;color:var(--gold-600);cursor:pointer}
.opfile svg{width:18px;height:18px;transform:rotate(180deg)}
.opfile:hover{background:#fff;border-color:var(--gold-400)}
.opsum{width:100%;height:44px;margin-bottom:10px;padding:0 14px;border:1px solid var(--border);border-radius:10px;
  font-family:var(--f);font-size:13.5px;color:var(--t900);background:var(--white)}
.opsum:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(201,162,74,.12)}

/* ==========================================================================
   CATEGORII CA FILTRE, DEASUPRA GRILEI
   Butoane pline, cu numărul de produse în ele. Cel activ e navy plin —
   atenție: în portal variabila e --navy-900, nu --navy (asta a făcut
   butonul selectat să fie text alb pe fundal alb).
   ========================================================================== */
.catbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding-bottom:18px;
  border-bottom:1px solid var(--border-soft)}
.catchip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;
  border:1px solid var(--border);border-radius:10px;background:var(--surface-2);
  font-family:var(--f);font-size:13px;font-weight:600;color:var(--t800);cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
.catchip:hover{background:var(--gold-50);border-color:var(--gold-300);color:var(--gold-600)}
.catchip:active{transform:translateY(1px)}
.catchip i{font-style:normal;font-size:11px;font-weight:700;line-height:1;padding:3px 7px;border-radius:999px;
  background:var(--white);border:1px solid var(--border-soft);color:var(--t600)}
.catchip.is-on{background:var(--navy-900);border-color:var(--navy-900);color:#fff;
  box-shadow:0 2px 8px rgba(7,26,49,.22)}
.catchip.is-on i{background:rgba(255,255,255,.14);border-color:transparent;color:#EBD9A5}
.catchip.is-on:hover{background:var(--navy-950);border-color:var(--navy-950);color:#fff}
.catchip--more{background:transparent;border-style:dashed;color:var(--t600);font-weight:600}
.catchip--more:hover{background:var(--gold-50);border-style:solid;border-color:var(--gold-300);color:var(--gold-600)}

/* stocul cu starea lui, pe card */
.stk{display:inline-flex;align-items:center}
.stk i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;padding:4px 9px;border-radius:6px}
.stk--critic i{background:#FDF1F0;color:#A94F46}
.stk--mediu i{background:#FDFAF1;color:#96701D}
.stk--suficient i{background:#F2F8F4;color:#2F7350}

.pcd__price{font-size:13px;color:var(--t700);font-weight:500}
.pcd__price b{font-size:14.5px;font-weight:700;color:var(--gold-600);white-space:nowrap}
.pcd__ask{font-size:12.5px;font-weight:600;color:var(--t500)}
.pcd__row{align-items:flex-start}

@media(max-width:767px){
  /* pe telefon rămân pe un rând, cu derulare — altfel ocupă tot ecranul */
  .catbar{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 14px;padding:2px 16px 10px;scrollbar-width:none}
  .catbar::-webkit-scrollbar{display:none}
  .catchip{flex:none;height:36px;font-size:12.5px}
}

/* câte produse pe pagină */
.perpage{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px;
  font-size:13px;color:var(--t600)}
.perpage__b{min-width:44px;height:34px;padding:0 12px;border:1px solid var(--border);border-radius:9px;
  background:var(--white);font-family:var(--f);font-size:13px;font-weight:600;color:var(--t700);cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease}
.perpage__b:hover{border-color:var(--gold-300);color:var(--gold-600)}
.perpage__b.is-on{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.perpage__t{margin-left:4px;font-size:12.5px;color:var(--t500)}

/* produs epuizat */
.stk--epuizat i{background:#F1F3F6;color:#5A6675}
.pcd__gone{display:flex;align-items:center;justify-content:center;height:40px;flex:1;
  border:1px dashed var(--border);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--t500)}


/* ---- legenda stărilor de stoc, deasupra produselor ---- */
.stkey{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;
  margin:0 0 18px;padding:12px 16px;border:1px solid var(--line,#E6E9EF);
  border-radius:10px;background:var(--card,#FFF)}
.stkey__t{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--dim,#8A93A0);margin-right:4px}
.stkey__i{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;
  color:var(--ink2,#5A6675)}
@media (max-width:720px){
  .stkey{flex-direction:column;align-items:flex-start;gap:10px}
  .stkey__i{font-size:12.5px}
}

.odln__img{width:2.5rem;height:2.5rem;border-radius:8px;object-fit:cover;flex:none;border:1px solid var(--border-soft);background:#f1f3f6}

.waopt{margin:.6rem 0 .4rem;font-size:.78rem;color:var(--ink-2,#5a6675);text-align:center;line-height:1.4}

.pcd__trepte{display:block;margin-top:8px;padding:7px 9px;background:var(--gold-50);border:1px solid var(--gold-100);border-radius:9px;font-size:11.5px;font-weight:600;color:var(--gold-600);line-height:1.7;letter-spacing:.01em}
.crow__u{display:block;font-size:11px;font-weight:700;color:var(--gold-600);margin-top:2px}

/* Coșul pe ecrane mici/scunde: derulează tot drawerul, nu doar lista.
   Altfel piciorul (livrare + notă + total + butoane) acoperă produsele. */
@media (max-height: 820px), (max-width: 700px) {
  .cart, .npanel { overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .cart__head { position: sticky; top: 0; z-index: 4; background: var(--white); }
  .cart__body { flex: 0 0 auto; overflow: visible; }
  .cart__foot { flex: 0 0 auto; }
}

/* Retușuri mobil: caseta cu trepte de preț să încapă pe carduri 2-col */
@media(max-width:640px){
  .pcd__trepte{font-size:10.5px;padding:6px 7px;line-height:1.6}
  .crow__u{font-size:10.5px}
  .bar{flex-wrap:wrap;gap:10px}
  .bsearch{flex:1 1 100%}
}
@media(max-width:380px){
  .pcd__trepte{font-size:10px}
}

.odfact{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;padding:.75rem 1rem;border:1px solid #E3E8EF;border-radius:12px;background:#fff;font-size:.85rem}
.odfact b{font-variant-numeric:tabular-nums}

/* fișa comenzii: totalul și caseta facturii stăteau una peste alta când
   suma era mai lungă — le punem pe rânduri separate, fiecare cu locul ei */
.odfact{flex-wrap:wrap}
.odfact>span{min-width:0;flex:1 1 auto}
@media(max-width:520px){.odfact{flex-direction:column;align-items:stretch;gap:.5rem}
  .odfact .btn{width:100%;justify-content:center}}
/* nicăieri nu mai împingem pagina pe orizontală */
html,body{max-width:100%;overflow-x:hidden}
.odtot{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem}
.odtot b,.odtot strong{white-space:nowrap}

/* treptele de preț: cantitatea albastră, prețul verde */
.pcd__trepte{display:flex;flex-wrap:wrap;align-items:center;gap:.3125rem;font-size:.72rem;line-height:1.6}
.trp{display:inline-flex;align-items:stretch;border-radius:6px;overflow:hidden;border:1px solid #E3E8EF}
.trp__q{background:#E8EFFB;color:#1B4F9C;font-weight:700;padding:.125rem .375rem;font-variant-numeric:tabular-nums}
.trp__p{background:#E8F5EE;color:#1F7A4D;font-weight:700;font-style:normal;padding:.125rem .375rem;font-variant-numeric:tabular-nums}
.trp__u{color:#8090A6;margin-left:.125rem}
.trp__q--demo,.trp__p--demo{border-radius:6px;margin-right:.25rem;display:inline-block}
.stkey--pret{margin-top:.5rem}
/* bannerul en-gros */
.engros{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin:0 0 .75rem;padding:1rem 1.25rem;border-radius:14px;color:#fff;background:linear-gradient(100deg,#0A2342,#123B63)}
.engros b{font-size:1.25rem;letter-spacing:.04em}
.engros span{font-size:.9rem;color:#CBD9EC}
.engros strong{color:#E8C877}
@media(max-width:560px){.engros{padding:.875rem 1rem}.engros b{font-size:1.05rem}}

/* avertismentul de comandă minimă, în coș */
.cartmin{display:flex;flex-direction:column;gap:.1875rem;margin:0 0 .625rem;padding:.75rem .875rem;border-radius:12px;background:#FBF5E7;border:1px solid #E8D7AC}
.cartmin b{font-size:.85rem;color:#7A5A12}
.cartmin span{font-size:.78rem;color:#8A6A22;line-height:1.45}

.fmodal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px}
.fmodal__veil{position:absolute;inset:0;background:rgba(10,20,40,.5)}
.fmodal__box{position:relative;background:var(--white,#fff);border-radius:14px;padding:22px;width:min(480px,100%);box-shadow:0 24px 60px rgba(10,20,40,.28)}
.fmodal__box h3{margin:0 0 6px;font-size:18px}
.fmodal__box p{margin:0 0 14px;color:#526073;font-size:14px}
.fmodal__l{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;max-height:50vh;overflow:auto}
.fmodal__i{display:flex;flex-direction:column;gap:2px;text-align:left;background:#F7F6F2;border:1px solid #E5E2DA;border-radius:10px;padding:12px 14px;cursor:pointer;font:inherit;color:#172033;min-height:44px}
.fmodal__i:hover,.fmodal__i:focus{border-color:#C9A24A;background:#FBF7EC;outline:none}
.fmodal__i b{font-weight:600}
.fmodal__i span{font-size:13px;color:#526073}
.fmodal__i i{font-style:normal;font-size:12px;color:#9A701B}
body.fmodal-on{overflow:hidden}

.ftabs{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap}
.ftabs__t{background:#fff;border:1px solid #E5E2DA;border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;cursor:pointer;color:#334054;min-height:40px}
.ftabs__t.on{background:#0A2342;border-color:#0A2342;color:#fff}
.dlist{display:flex;flex-direction:column;gap:10px}
.drow{display:grid;grid-template-columns:1.4fr 1.6fr auto auto;gap:6px 16px;align-items:center;border:1px solid #E5E2DA;border-radius:12px;padding:12px 16px;background:#fff}
.drow--anulat .drow__m b{text-decoration:line-through;color:#8A94A6}
.drow__m{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.drow__m b{font-size:15px}
.drow__s{font-size:13px;color:#526073}
.drow__v{text-align:right;display:flex;flex-direction:column;gap:2px}
.drow__v b{font-size:15px}
.drow__a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.dtip{display:inline-block;padding:2px 9px;border-radius:6px;font-size:12px;font-weight:600}
.dtip--factura{background:#E4EEFF;color:#1F4E9E}
.dtip--proforma{background:#F5EEDA;color:#9A701B}
.dtip--storno,.dtip--anulat{background:#FCE8E6;color:#B43A2E}
.dtip--aviz{background:#E6F4EA;color:#1E6B3A}
.dtip--platit{background:#E6F4EA;color:#1E6B3A}
.dneplatit{font-size:12px;color:#B43A2E;font-weight:600}
.dplatit{font-size:12px;color:#1E6B3A;font-weight:600}
.dsub{font-size:14px;margin:6px 0 10px;color:#334054}
.dlinii{grid-column:1 / -1;margin:0;padding:0 0 0 18px;font-size:13px;color:#334054;columns:2;column-gap:24px}
.hintp{color:#526073;font-size:14px;margin:0;padding:8px 0}
.snav__b--warn{background:#B43A2E;color:#fff}
@media (max-width:720px){
  .drow{grid-template-columns:1fr;gap:6px}
  .drow__v{text-align:left;flex-direction:row;gap:10px;align-items:center}
  .drow__a{justify-content:flex-start}
  .dlinii{columns:1}
}

.pcd__meu{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:6px;background:#E6F4EA;color:#1E6B3A;font-size:11px;font-weight:600;vertical-align:middle}

/* butoanele „fantomă" nu se vedeau ca butoane */
.btn--ghost{background:#F3F6FA;border:1px solid #C9D6E6;color:#0A2342}
.btn--ghost:hover{background:#E4ECF5;border-color:#A9BDD4;color:#0A2342}
.btn--sm{height:38px;padding:0 14px;font-size:13px}
@media (max-width:720px){
  .btn{min-height:44px}
  .btn--sm{min-height:40px}
  .fmodal{padding:0;align-items:flex-end}
  .fmodal__box{width:100%;border-radius:16px 16px 0 0;max-height:88vh;overflow:auto}
  .ftabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .ftabs__t{flex:none}
  .snav__b--warn{margin-left:auto}
}
@media (max-width:720px){
  [data-cpane="facturare"] .kpis{grid-template-columns:repeat(2,1fr);gap:8px}
  [data-cpane="facturare"] .kpi{padding:12px;min-height:0;gap:8px}
  [data-cpane="facturare"] .kpi b{font-size:18px}
  [data-cpane="facturare"] .kpi__i{width:32px;height:32px}
}

.ocd__flux{font-size:13px;color:#334054;margin-top:6px}
.ocd__schimb{display:flex;align-items:center;gap:6px;font-size:13px;color:#7A4B00;margin-top:6px}
.ocd__schimb svg{width:14px;height:14px;flex:none}
.ocd__ultim{font-size:12px;color:#526073;margin-top:6px}
.ocd__ultim span{display:inline-block;margin-right:8px;color:#8A94A6}
.odln--schimb{border-left:3px solid #C9A24A;padding-left:10px}
.odln__gasit{display:block;font-style:normal;font-size:12px;color:#7A4B00;margin-top:2px}
.odist{margin:12px 0 4px;border-top:1px solid #E5E2DA;padding-top:10px}
.odist__t{display:block;font-size:13px;margin-bottom:6px;color:#172033}
.odist__r{display:grid;grid-template-columns:7.5rem 1fr;gap:8px;font-size:13px;padding:4px 0;color:#334054}
.odist__r span{color:#8A94A6;font-variant-numeric:tabular-nums}
.odist__r small{color:#8A94A6}
@media (max-width:720px){.odist__r{grid-template-columns:1fr}.odist__r span{font-size:12px}}

/* ---------- coșul, mai sobru: fără cutii colorate, fără insigne ---------- */
.cartmin{background:none;border:0;border-left:2px solid #172033;border-radius:0;padding:2px 0 2px 12px;margin:0 0 12px}
.cartmin b{color:#172033;font-size:14px}
.cartmin span{color:#526073;font-size:13px}
.cart__foot .cnote{border-left:0!important;padding:0!important;margin-bottom:14px}
.cart__foot .cnote textarea{border:1px solid #D9DEE6!important;border-radius:8px!important;background:#fff!important}
.cdisc{background:none;border:0;padding:0;margin:14px 0 0;font-size:12px;color:#6B7684;line-height:1.5}
.cdisc svg{display:none}
.waopt{display:none}
.btn--wa{background:none;color:#0A2342;border:1px solid #D9DEE6;height:40px;font-weight:600}
.btn--wa:hover{background:#F3F6FA}
.btn--wa svg{fill:#1FA855!important;width:18px;height:18px}
.btn--send{height:48px;font-size:15px}
.ctot{padding:10px 0;border-top:1px solid #E5E2DA}
.pick__o{min-height:40px}

/* ---------- facturare / retururi: listă, nu cartonașe ---------- */
.dlist{gap:0;border:1px solid #E5E2DA;border-radius:10px;overflow:hidden}
.drow{border:0;border-bottom:1px solid #EEECE6;border-radius:0;padding:14px 16px;background:#fff}
.drow:last-child{border-bottom:0}
.dtip{background:none;padding:0;border-radius:0;font-size:12px;font-weight:600;letter-spacing:.02em;color:#526073}
.dtip:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:middle}
.dtip--factura{color:#1F4E9E}
.dtip--proforma{color:#9A701B}
.dtip--storno,.dtip--anulat{color:#B43A2E}
.dtip--aviz,.dtip--platit{color:#1E6B3A}
.dneplatit,.dplatit{font-weight:600;font-size:12px}
.drow__a .btn{height:34px;padding:0 12px;font-size:13px}
.drow__a .btn--ghost{background:#fff;border-color:#D9DEE6}
.dsub{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6B7684;margin:14px 0 8px}
.dsub:first-child{margin-top:0}
/* Taburile de documente arătau ca niște cuvinte aruncate pe fundal: fundal
   transparent și chenar invizibil. Le facem la fel cu comutatoarele din
   catalog — chenar vizibil, iar cel activ navy plin. */
.ftabs__t{border-radius:10px;background:#fff;border:1px solid #D9DEE6;color:#334054;font-weight:600}
.ftabs__t:hover{border-color:#0A2342}
.ftabs__t.on{background:#0A2342;border-color:#0A2342;color:#fff}
.ftabs{border-bottom:0;padding-bottom:0;gap:8px}
.pcd__meu{background:none;border:1px solid #1E6B3A;color:#1E6B3A}

.pick__row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pick__row .pick__o{flex:1}
.pick__link{background:none;border:0;padding:4px 0;font:inherit;font-size:13px;font-weight:600;color:#0A2342;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.pick__link:hover{color:#9A701B}
.odawb{margin:12px 0;padding:12px 0 0;border-top:1px solid #E5E2DA}
.odawb>b{display:block;font-size:14px;margin-bottom:4px}
.odawb__p{margin:0 0 10px;font-size:13px;color:#526073;line-height:1.5}
.odawb--atent{border-top-color:#C9A24A}
.odawb--atent>b:after{content:" — de completat";color:#9A701B;font-weight:600;font-size:12px}
.odawb__f{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.odawb__f input[type=text],.odawb__f textarea{width:100%;border:1px solid #D9DEE6;border-radius:8px;padding:10px 12px;font:inherit;font-size:14px;background:#fff}
.odawb__f textarea{resize:vertical;min-height:52px}
.odawb__gol{margin:0;font-size:13px;color:#8A94A6}
.awbl{display:flex;flex-direction:column}
.awbl__r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #EEECE6;font-size:14px}
.awbl__r small{color:#8A94A6}
.awbl__a{display:flex;gap:6px}
.ocd__awb{display:flex;align-items:center;gap:6px;font-size:13px;color:#9A701B;font-weight:600;margin-top:6px}
.ocd__awb--ok{color:#1E6B3A;font-weight:500}
.ocd__awb svg{width:14px;height:14px;flex:none}
.oppay,#odModif{background:none!important;border:0!important;border-top:1px solid #E5E2DA!important;border-radius:0!important;padding:12px 0 0!important;margin:12px 0!important}
.oppay>b,#odModif>b{font-size:14px}
.oppay p{color:#526073;font-size:13px}
.opfile{border-style:solid!important;border-color:#D9DEE6!important;background:#fff!important;color:#172033!important}

/* ---------- comanda minimă și TVA: bandă cu fundal plin, în coș ---------- */
.cartmin{display:block;background:#0A2342;border:0;border-left:4px solid #123A6B;border-radius:0;color:#fff;padding:12px 14px;margin:0 0 12px}
.cartmin--stop{background:#7A1420;border-left-color:#4E0C14}
.cartmin b{display:block;color:#fff;font-size:14px;font-weight:700;line-height:1.45}
.cartmin span{display:block;color:#D9E2F0;font-size:13px;line-height:1.5;margin-top:4px}
.cartmin--stop span{color:#F4D7DA}
.cartmin__tva{text-transform:uppercase;letter-spacing:.04em;font-size:11px!important;font-weight:700}

/* ---------- documentele: fereastra noastră, pe calculator ---------- */
.pdfovl{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center}
.pdfovl[hidden]{display:none}
.pdfovl__veil{position:absolute;inset:0;background:rgba(10,35,66,.55)}
.pdfovl__box{position:relative;width:min(60rem,94vw);height:min(88vh,60rem);background:#fff;border:1px solid #D9DEE6;display:flex;flex-direction:column;overflow:hidden}
.pdfovl__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#0A2342;color:#fff}
.pdfovl__head b{font-size:14px;font-weight:700}
.pdfovl__acts{display:flex;gap:8px}
.pdfovl__acts .btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}
.pdfovl iframe{flex:1;width:100%;border:0;background:#F1F3F7}

/* nota de sub oferta: fundal plin, nu galben spalacit */
.ofnota{margin:14px 0 0;padding:12px 14px;background:#0A2342;border-left:4px solid #123A6B;color:#fff;font-size:12.5px;line-height:1.55;font-weight:600}

/* cat a achitat clientul si cat i-a ramas, pe fiecare factura */
.dachitat{display:block;font-size:12px;color:#1E6B3A;font-weight:600}
.dneplatit{display:block}

/* ---------- soldul clientului, desfasurat pe documente ---------- */
.soldbox{margin:0 0 16px;background:#fff;border:1px solid #E5E8ED}
.soldbox__h{background:#0A2342;border-left:4px solid #123A6B;color:#fff;padding:14px 16px}
.soldbox__h--stop{background:#7A1420;border-left-color:#4E0C14}
.soldbox__h b{display:block;font-size:16px;font-weight:700;line-height:1.35}
.soldbox__h span{display:block;font-size:12.5px;line-height:1.5;margin-top:3px;color:rgba(255,255,255,.85)}
.soldlist{display:block}
.soldrow{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid #EEF1F5}
.soldrow__d{flex:1 1 auto;min-width:0}
.soldrow__d b{display:block;font-size:13.5px;color:#172033}
.soldrow__d span{display:block;font-size:12px;color:#6B7684;margin-top:2px}
.soldrow__late{font-style:normal;font-weight:700;color:#B43A2E}
.soldrow__s{flex:0 0 auto;text-align:right}
/* „achitat" e mereu verde, ca peste tot în cont — nu gri */
.soldrow__s span{display:block;font-size:12px;line-height:1.5}
.soldrow__tot{color:#4B5768}
.soldrow__pl{color:#1E6B3A;font-weight:600}
.soldrow__r{flex:0 0 auto;text-align:right;min-width:96px}
.soldrow__r b{display:block;font-size:15px;font-weight:700;color:#B43A2E}
.soldrow__r span{display:block;font-size:11px;color:#8A94A6}
@media(max-width:720px){
  .soldrow{flex-wrap:wrap;gap:6px 12px}
  .soldrow__d{flex:1 1 100%}
  .soldrow__s{flex:1 1 auto;text-align:left}
  .soldrow__r{flex:0 0 auto;min-width:0}
}

/* comanda stearsa: ramane in lista, dar nu se mai deschide */
.ocd--sters{opacity:.85;cursor:default}
.ocd--sters .ocd__num{text-decoration:line-through;color:#8A94A6}
.ocd--sters .ocd__note{background:#7A1420;color:#fff;border-left:4px solid #4E0C14;padding:10px 12px;margin-top:10px;font-size:12.5px;line-height:1.5}

/* ---------- bara laterala: strange / desfa (cont client) ---------- */
.baratog{display:flex;align-items:center;gap:8px;margin:auto 12px 12px;padding:9px 12px;border:1px solid var(--border);
  background:#fff;border-radius:10px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;color:#526073}
.baratog:hover{border-color:#0A2342;color:#172033}
.baratog svg{width:16px;height:16px;flex:none;transition:transform .18s ease}
body.bara-mica .baratog svg{transform:rotate(180deg)}

@media(min-width:821px){
  body.bara-mica{--sidebar:76px}
  body.bara-mica .side__logo span,
  body.bara-mica .snav span,
  body.bara-mica .snav__b,
  body.bara-mica .promo,
  body.bara-mica .baratog span{display:none}
  body.bara-mica .snav{justify-content:center;padding-left:0;padding-right:0}
  body.bara-mica .side__logo{justify-content:center}
  body.bara-mica .baratog{justify-content:center;margin:auto 10px 12px;padding:9px}
}
@media(max-width:820px){ .baratog{display:none} }

/* ---------- preturile mele (client) ---------- */
.mpsum{background:#0A2342;color:#fff;border-left:4px solid #C9A44C;padding:14px 16px;margin-bottom:14px}
.mpsum b{display:block;font-size:15px;font-weight:700}
.mpsum span{display:block;font-size:12.5px;color:rgba(255,255,255,.85);margin-top:3px}
.mplist{background:#fff;border:1px solid #E5E8ED}
.mprow{display:flex;align-items:center;gap:16px;padding:14px 16px;border-top:1px solid #EEF1F5}
.mprow:first-child{border-top:0}
.mprow__d{flex:1 1 auto;min-width:0}
.mprow__d b{display:block;font-size:13.5px;color:#172033}
.mprow__d span{display:block;font-size:12px;color:#6B7684;margin-top:2px}
.mprow__p{flex:0 0 auto;text-align:right;min-width:120px}
.mprow__p b{display:block;font-size:16px;font-weight:700;color:#1E6B3A}
.mprow__p span{display:block;font-size:11px;color:#8A94A6}
.mprow__v{display:block;font-size:12px;color:#8A94A6;text-decoration:line-through}
@media(max-width:720px){
  .mprow{flex-wrap:wrap;gap:8px 12px}
  .mprow__d{flex:1 1 100%}
  .mprow__p{text-align:left;min-width:0}
  .mprow__a{margin-left:auto}
}

.fhint{display:block;margin-top:2px;font-size:11.5px;font-weight:400;line-height:1.5;color:#6B7789}