/* Panoul de administrare — aceleași palete ca site-ul (v6.css), pentru lucru: dens, clar, fără decor */
:root{--body:"Instrument Sans",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--display:"Big Shoulders Display","Instrument Sans",sans-serif}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;scrollbar-color:var(--scroll) var(--bg)}
:root[data-theme=zi],:root[data-theme=beton]{color-scheme:light}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--body);-webkit-text-size-adjust:100%}
::selection{background:var(--lime);color:#111}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll);border:2px solid var(--bg)}::-webkit-scrollbar-track{background:var(--bg)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:2px solid var(--lime-ink);outline-offset:2px}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
h2{font:600 18px/1.3 var(--body);margin:0}

.ad{max-width:1280px;margin:0 auto;padding:20px 24px 60px}
.ad-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ad-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.ad-brand span{display:grid}
.ad-brand b{font:800 24px/1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.ad-brand small{font-size:13px;color:var(--mute)}
.ad-top-a{display:flex;gap:8px;flex-wrap:wrap}
.ad-demo{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border:1px solid var(--line2);background:var(--bg2);font-size:14px;color:var(--mute);max-width:90ch}
.ad-demo svg{color:var(--lime-ink);margin-top:2px}

/* butoane */
.ab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;background:var(--lime);color:#111;font-weight:600;font-size:14px;border:1.5px solid var(--lime);text-decoration:none;white-space:nowrap;transition:transform .12s ease-out,background-color .15s,border-color .15s}
.ab:active{transform:scale(.96)}
.ab.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.ab.ghost:hover{border-color:var(--lime-ink)}
.ab.link{background:none;border:0;color:var(--lime-ink);text-decoration:underline;text-underline-offset:3px;padding:8px 4px}
.ab.danger{background:transparent;color:#e0664a;border-color:rgb(224 102 74 / .55)}
.ab.danger:hover{border-color:#e0664a}
label.ab{cursor:pointer}

/* cifre */
.ad-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:20px 0;border:1px solid var(--line2);background:var(--bg2)}
.st{display:grid;gap:2px;padding:14px 16px;border-left:1px solid var(--line)}
.st:first-child{border-left:0}
.st b{font:700 26px/1.1 var(--mono);font-variant-numeric:tabular-nums}
.st span{font-size:13.5px;color:var(--mute)}
.st small{font-size:12px;color:var(--dim)}

/* file */
.ad-tabs{display:flex;gap:0;border-bottom:1px solid var(--line2);overflow-x:auto;margin-bottom:18px;scrollbar-width:none}
.ad-tabs::-webkit-scrollbar{display:none}
.ad-tabs button{flex:none;padding:12px 16px;min-height:46px;font-weight:600;color:var(--mute);border-bottom:2px solid transparent;margin-bottom:-1px}
.ad-tabs button.on{color:var(--ink);border-bottom-color:var(--lime)}
.ad-tabs button:hover{color:var(--ink)}
.ad-h2{margin:28px 0 12px;display:flex;gap:6px;align-items:baseline}
.ad-h2 span,.ad-cnt{font:500 13px var(--mono);color:var(--dim)}

/* filtre */
.ad-filters{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:8px}
.ad-q{display:flex;align-items:center;gap:8px;padding:0 12px;min-height:44px;border:1.5px solid var(--line2);background:var(--bg2)}
.ad-q:focus-within{border-color:var(--lime-ink)}
.ad-q svg{color:var(--dim)}
.ad-q input{flex:1;min-width:0;border:0;background:none;outline:none;min-height:40px;font-size:15px}
select,.ad input:not([type=checkbox]):not([type=file]),textarea{min-height:44px;padding:8px 10px;border:1.5px solid var(--line2);background:var(--bg2);border-radius:0;outline:none;min-width:0;width:100%}
select:focus,.ad input:not([type=checkbox]):focus,textarea:focus{border-color:var(--lime-ink)}
.ad-q input{border:0!important;padding:0!important;background:none!important}
textarea{resize:vertical;line-height:1.5}
.ad-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0}
.ad-chips button{padding:7px 12px;min-height:36px;border:1.5px solid var(--line2);font-size:13.5px;font-weight:600;color:var(--mute)}
.ad-chips button.on{border-color:var(--lime-ink);color:var(--ink);background:rgb(var(--lime-rgb) / .1)}
.ad-cnt{margin-left:auto}

/* acțiuni în bloc */
.ad-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;margin-bottom:12px;border:1.5px solid var(--lime-ink);background:rgb(var(--lime-rgb) / .07)}
.ad-bulk[hidden]{display:none}
.ad-bulk b{font-size:14px;margin-right:4px}
.ad-bg{display:inline-flex;align-items:center;gap:6px}
.ad-bg label{display:inline-flex;align-items:center;gap:6px;font-size:14px}
.ad-bg input{width:70px!important;min-height:40px!important;text-align:right}
.ad-bg select{width:auto;min-height:40px}

/* lista de produse */
.ad-head,.ad-row{display:grid;grid-template-columns:36px minmax(0,1fr) 128px 128px 200px 112px;gap:12px;align-items:center}
.ad-head{padding:8px 10px;font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line2)}
.ad-list{display:grid}
.ad-row{padding:8px 10px;border-bottom:1px solid var(--line)}
.ad-row:hover{background:var(--bg2)}
.ad-row.hid{opacity:.55}
.cb{display:grid;place-items:center;min-height:40px;cursor:pointer}
.cb input,.ad-head input{width:18px;height:18px;accent-color:var(--lime)}
.ad-p{display:flex;gap:10px;align-items:center;min-width:0}
.ad-p img{width:48px;height:48px;object-fit:contain;background:var(--paper);flex:none}
.ad-p span{display:grid;min-width:0}
.ad-p b{font-weight:600;font-size:14.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ad-p small{font-size:12.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-p em{font-style:normal;color:var(--lime-ink);font-weight:600}
.tg{font-style:normal;font:700 12px var(--mono);color:#111;background:var(--lime);padding:1px 5px}
.ad-f{display:grid;gap:4px;min-width:0}
.ad-f>span:first-child{display:none}
.u{position:relative;display:block}
.u input{padding-right:34px!important;font:600 14px var(--mono)!important;font-variant-numeric:tabular-nums;text-align:right}
.u i{position:absolute;right:9px;top:50%;transform:translateY(-50%);font:500 12px var(--mono);font-style:normal;color:var(--dim);pointer-events:none}
.u.sm{width:84px}
.ad-stc{display:flex;gap:6px}
.ad-stc select{flex:1}
.ad-stc input{width:72px!important;flex:none;font:600 14px var(--mono);text-align:right}
.ad-tg{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:40px}
.ad-tg input{position:absolute;opacity:0;width:1px;height:1px}
.ad-tg span{width:38px;height:22px;border:1.5px solid var(--line2);position:relative;flex:none;transition:background-color .15s,border-color .15s}
.ad-tg span::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;background:var(--mute);transition:transform .18s ease-out,background-color .15s}
.ad-tg input:checked+span{background:rgb(var(--lime-rgb) / .2);border-color:var(--lime-ink)}
.ad-tg input:checked+span::after{transform:translateX(16px);background:var(--lime)}
.ad-tg input:focus-visible+span{outline:2px solid var(--lime-ink);outline-offset:2px}
.ad-tg b{font-size:13px;font-weight:500;color:var(--mute)}
.ad-more{margin:16px auto 0;display:flex}
.ad-more[hidden]{display:none}
.ad-empty{padding:24px 0;color:var(--mute);font-size:14.5px}

/* oferte */
.ad-off-add{padding:16px;border:1px solid var(--line2);background:var(--bg2);display:grid;gap:12px}
.ad-ores,.ad-added{display:grid;gap:6px}
.ad-or{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);background:var(--bg);flex-wrap:wrap}
.ad-or img{width:44px;height:44px;object-fit:contain;background:var(--paper);flex:none}
.ad-or>span{display:grid;flex:1;min-width:180px}
.ad-or b{font-weight:600;font-size:14px;line-height:1.3}
.ad-or small{font-size:12.5px;color:var(--mute)}
.ad-offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}
.ad-oc{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 12px;padding:10px;border:1px solid var(--line2);background:var(--bg2);align-items:start}
.ad-oc img{width:64px;height:64px;object-fit:contain;background:var(--paper)}
.ad-oc-n{display:grid;gap:4px;min-width:0}
.ad-oc-n b{font-weight:600;font-size:14px;line-height:1.3}
.ad-oc-n small{font:500 13px var(--mono);color:var(--mute);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ad-oc-n strong{color:var(--ink)}
.ad-oc .ad-f{grid-column:1/-1}
.ad-oc .ad-f>span:first-child{display:block;font-size:12.5px;color:var(--mute)}
.ad-oc .ab{grid-column:1/-1;justify-self:start}

/* produs nou */
.ad-new{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.ad-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;border:1px solid var(--line2);background:var(--bg2)}
.ad-form h2{grid-column:1/-1}
.f{display:grid;gap:6px;min-width:0}
.f[hidden]{display:none}
.f>span:first-child{font-size:13px;font-weight:600;color:var(--mute)}
.f.wide{grid-column:1/-1}
.ad-img{display:flex;gap:12px;align-items:flex-start}
.ad-img-p{width:96px;height:96px;flex:none;display:grid;place-items:center;background:var(--paper);color:#9a9081;overflow:hidden}
.ad-img-p svg{width:34px;height:34px}
.ad-img-p img{width:100%;height:100%;object-fit:contain}
.ad-img-c{display:grid;gap:8px;flex:1;min-width:0}
.ad-img-c small{font-size:12.5px;color:var(--dim)}
.ad-img-c .ab{justify-self:start}
.ad-err{grid-column:1/-1;margin:0;color:#e0664a;font-size:14px;min-height:0}
.ad-err:empty{display:none}
.ad-fb{display:flex;gap:8px;flex-wrap:wrap}
.ad-prev{display:grid;gap:10px}
.pc-prev{position:relative;border:1px solid var(--line2);background:var(--bg2)}
.pc-prev .pl{aspect-ratio:1;background:var(--paper);display:grid;place-items:center}
.pc-prev .pl img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pc-prev .pb{padding:12px;display:grid;gap:6px}
.pc-prev small{font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.pc-prev small em{font-style:normal;background:var(--lime);color:#111;padding:2px 6px;margin-right:8px;font-weight:700}
.pc-prev b{font-weight:600;font-size:15px;line-height:1.3}
.pc-prev .pr{display:flex;gap:8px;align-items:baseline;font:700 18px var(--mono)}
.pc-prev .pr s{font-size:13px;color:var(--dim);font-weight:500}
.pc-prev .disc{position:absolute;left:10px;top:10px;z-index:1;background:var(--lime);color:#111;font:700 12px var(--mono);padding:3px 7px}
.stk{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--mono)}
.stk::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.stk.in{color:#7ccf6a}.stk.low{color:#e8b04a}.stk.out{color:#e0664a}.stk.ord{color:var(--mute)}

/* istoric */
.ad-log-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ad-log{list-style:none;margin:0;padding:0;display:grid}
.ad-log li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.ad-log time{font:500 13px var(--mono);color:var(--dim);font-variant-numeric:tabular-nums}

.ad-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:50;max-width:min(560px,calc(100vw - 32px));padding:12px 16px;background:var(--ink);color:var(--bg);font-weight:600;font-size:14px;transition:opacity .2s,transform .25s ease-out}
.ad-toast.on{opacity:1;transform:translate(-50%,0)}

@media (max-width:1100px){
  .ad-head,.ad-row{grid-template-columns:36px minmax(0,1fr) 112px 112px 180px 96px}
}
/* telefon: fiecare produs e un card cu câmpuri etichetate; nimic lipit pe ecran */
@media (max-width:900px){
  .ad{padding:14px 16px 48px}
  .ad-top-a .ab{min-height:44px}
  .ad-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st{border-left:0;border-top:1px solid var(--line)}
  .st:nth-child(-n+2){border-top:0}
  .st:nth-child(even){border-left:1px solid var(--line)}
  .st:last-child{grid-column:1/-1;border-left:0}
  .ad-filters{grid-template-columns:1fr 1fr}
  .ad-q{grid-column:1/-1}
  .ad-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .ad-chips::-webkit-scrollbar{display:none}
  .ad-chips button{flex:none;min-height:40px}
  .ad-cnt{flex:none;margin-left:8px}
  .ad-head{display:none}
  .ad-row{grid-template-columns:1fr 1fr;gap:10px;padding:12px;margin-bottom:8px;border:1px solid var(--line2);background:var(--bg2)}
  .ad-row .cb{position:absolute;right:6px;top:6px;width:44px;height:44px}
  .ad-row .ad-p{padding-right:44px}
  .ad-row{position:relative}
  .ad-p{grid-column:1/-1}
  .ad-p img{width:56px;height:56px}
  .ad-f>span:first-child{display:block;font-size:12.5px;color:var(--mute)}
  .ad-st{grid-column:1/-1}
  .ad-tg{grid-column:1/-1}
  .ad-row select,.ad-row input:not([type=checkbox]){min-height:46px}
  .ad-bulk{flex-direction:column;align-items:stretch}
  .ad-bg{flex-wrap:wrap}
  .ad-bulk .ab{width:100%}
  .ad-new{grid-template-columns:1fr}
  .ad-form{grid-template-columns:1fr;padding:14px}
  .ad-offers{grid-template-columns:1fr}
  .ad-or .ab{flex:1}
  .ad-log li{grid-template-columns:1fr;gap:2px}
}