/* ===================================================================
   StoreRun Admin — redesign neutru (stil ChatGPT) cu Inter self-hosted.
   Sistem de tokeni pe 3 stari: light / system-dark / toggle (data-theme).
   Culorile semantice (verde/rosu/portocaliu) raman pentru statusuri.
   =================================================================== */

@font-face{
  font-family:'InterVar';
  src:url('../fonts/InterVariable.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}

:root{
  --bg:#ffffff;
  --sidebar:#f7f7f8;
  --card:#ffffff;
  --soft:#fafafa;
  --text:#1f1f1f;
  --muted:#6e6e80;
  --faint:#8e8ea0;
  --border:#e7e7ea;
  --border-soft:#efeff1;
  --hover:#ececee;
  --active:#e4e4e8;
  --field:#ffffff;
  --chip:#f1f1f3;
  --btn:#1f1f1f;
  --btn-text:#ffffff;
  --accent:#1f1f1f;          /* neutru: linkuri/activ/focus */
  --ring:rgba(31,31,31,.14);
  --green:#0a7c5a; --green-bg:#e7f5ef;
  --red:#c23b34;   --red-bg:#fbecea;
  --orange:#a86a12;--orange-bg:#f8f0dd;
  --r:9px; --r-lg:14px;
  --shadow:0 1px 2px rgba(15,15,20,.04),0 8px 24px rgba(15,15,20,.05);
  --pop:0 6px 18px rgba(15,15,20,.12),0 2px 6px rgba(15,15,20,.06);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#212121; --sidebar:#171717; --card:#1c1c1c; --soft:#262626;
  --text:#ececec; --muted:#a6a6b2; --faint:#8b8b96;
  --border:#333336; --border-soft:#2a2a2c; --hover:#2a2a2c; --active:#343437;
  --field:#2a2a2c; --chip:#2b2b2e;
  --btn:#ececec; --btn-text:#1f1f1f; --accent:#ececec; --ring:rgba(236,236,236,.16);
  --green:#40c396; --green-bg:#123329;
  --red:#f08880;   --red-bg:#3a1f1e;
  --orange:#e0b55e;--orange-bg:#38300f;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);
  --pop:0 6px 20px rgba(0,0,0,.5);
}}
:root[data-theme="dark"]{
  --bg:#212121; --sidebar:#171717; --card:#1c1c1c; --soft:#262626;
  --text:#ececec; --muted:#a6a6b2; --faint:#8b8b96;
  --border:#333336; --border-soft:#2a2a2c; --hover:#2a2a2c; --active:#343437;
  --field:#2a2a2c; --chip:#2b2b2e;
  --btn:#ececec; --btn-text:#1f1f1f; --accent:#ececec; --ring:rgba(236,236,236,.16);
  --green:#40c396; --green-bg:#123329;
  --red:#f08880;   --red-bg:#3a1f1e;
  --orange:#e0b55e;--orange-bg:#38300f;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);
  --pop:0 6px 20px rgba(0,0,0,.5);
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'InterVar','Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
  background:var(--bg);color:var(--text);min-height:100vh;font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;font-feature-settings:"cv05","cv08";display:flex;flex-direction:column}

.header{border-bottom:1px solid var(--border-soft);padding:18px 32px;display:flex;justify-content:space-between;align-items:center}
.header h1{font-size:22px;font-weight:600;letter-spacing:-.01em}
.header a{color:var(--accent);text-decoration:none;font-size:15px}
.container{max-width:1180px;margin:0 auto;padding:32px;flex:1 0 auto;width:100%}

.login-box{max-width:380px;margin:100px auto;border:1px solid var(--border);border-radius:var(--r-lg);padding:40px;background:var(--card)}
.login-box h2{margin-bottom:24px;font-size:22px}

.fg{margin-bottom:16px}
.fg label{display:block;font-size:15px;color:var(--text);margin-bottom:5px;font-weight:500}
.fg input{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:var(--r);font-size:15px;outline:none;background:var(--field);color:var(--text);font-family:inherit}
.fg input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}

/* Butoane */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid transparent;border-radius:var(--r);font-size:15px;font-weight:500;cursor:pointer;transition:.14s;font-family:inherit}
.btn-p{background:var(--btn);color:var(--btn-text)}.btn-p:hover{opacity:.88}
.btn-full{width:100%;justify-content:center}
.btn-sm{padding:7px 13px;font-size:15px}
.btn-red{background:var(--red);color:#fff}
.btn-md{background:var(--chip);color:var(--text)}
.btn-md:hover{background:var(--hover)}
.btn-danger{background:var(--red-bg);color:var(--red)}
.btn-danger:hover{filter:brightness(.97)}
.error{color:var(--red);font-size:15px;margin-top:8px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:30px}
.card{border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;background:var(--card)}
.card-label{font-size:14px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:8px}
.card-val{font-size:32px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.green{color:var(--green)}.red{color:var(--red)}.orange{color:var(--orange)}.blue{color:var(--accent)}

.upload-zone{border:2px dashed var(--border);border-radius:var(--r-lg);padding:40px;text-align:center;margin-bottom:24px;cursor:pointer;transition:.15s;background:var(--soft)}
.upload-zone:hover{border-color:var(--accent)}
.upload-zone input{display:none}
.section{margin-bottom:34px}
.section h2{font-size:21px;font-weight:600;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-soft);letter-spacing:-.01em}

/* Progress */
.progress-wrap{display:none;margin:20px 0;padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--soft)}
.progress-wrap.active{display:block}
.progress-bar{height:12px;background:var(--border);border-radius:99px;overflow:hidden;margin:10px 0}
.progress-fill{height:100%;background:var(--btn);border-radius:99px;transition:width .5s;width:0%}
.progress-msg{font-size:15px;color:var(--muted)}

.result-box{border:1px solid var(--green);border-radius:var(--r-lg);padding:24px;margin-bottom:28px;background:var(--green-bg)}
.result-box h3{margin-bottom:14px;font-size:18px}
.stat-row{display:flex;justify-content:space-between;padding:8px 0;font-size:15px;border-bottom:1px solid var(--border-soft)}
.stat-row:last-child{border:none}

/* Tabele */
table{width:100%;border-collapse:collapse;font-size:16px}
th{text-align:left;padding:12px 14px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);background:var(--soft);border-bottom:1px solid var(--border-soft)}
td{padding:13px 14px;border-bottom:1px solid var(--border-soft);vertical-align:middle}
tr:hover td{background:var(--hover)}

.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;font-size:15px;font-weight:500}
.badge-new{background:var(--chip);color:var(--text)}
.badge-wip{background:var(--orange-bg);color:var(--orange)}
.badge-done{background:var(--green-bg);color:var(--green)}

/* Taburi (orizontale — pastrate pt compat; verticale mai jos) */
.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:28px}
.tab{padding:13px 20px;font-size:15px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--muted);transition:.15s}
.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-bottom-color:var(--text)}
.tab-content{display:none}.tab-content.on{display:block}

/* Comenzi */
.order-card{border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;margin-bottom:14px;background:var(--card)}
.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.order-meta{font-size:15px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.order-items{font-size:15px;background:var(--soft);border-radius:8px;padding:12px;margin-bottom:12px}
.order-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.order-actions select,.order-actions input{padding:8px 12px;font-size:15px;border:1px solid var(--border);border-radius:var(--r);background:var(--field);color:var(--text);font-family:inherit}
.order-actions input{flex:1}
.ord-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.ord-toolbar .ord-search{flex:1;min-width:240px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r);font-size:15px;outline:none;background:var(--field);color:var(--text)}
.ord-toolbar .ord-date,.ord-toolbar .ord-status{padding:10px 12px;border:1px solid var(--border);border-radius:var(--r);font-size:15px;outline:none;background:var(--field);color:var(--text)}
.ord-toolbar input:focus,.ord-toolbar select:focus{border-color:var(--accent)}
.ord-count{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.ord-empty{color:var(--faint);text-align:center;padding:50px;font-size:16px}

/* Rand compact comanda / apel invers */
.ord-row{display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:var(--r-lg);padding:12px 16px;background:var(--card);margin-bottom:8px;transition:background .12s}
.ord-row:hover{background:var(--hover)}
.ord-row .or-main{flex:1;min-width:0}
.ord-row .or-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ord-row .or-id{font-weight:600;font-size:15.5px;letter-spacing:-.01em}
.ord-row .or-date{font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.ord-row .or-sub{font-size:13.5px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ord-row .or-total{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}
.ord-row .or-det{flex:none}

/* Modal detalii (comanda / apel invers) */
.modal-box.modal-lg{max-width:640px;max-height:88vh;overflow:auto}
.modal-title .od-hid{font-weight:600}
.modal-title .od-hd{font-size:12.5px;color:var(--faint);font-weight:400;margin-left:10px;font-variant-numeric:tabular-nums}
.od-info{display:flex;flex-direction:column;gap:9px;font-size:14.5px;margin-bottom:16px}
.od-info .od-lbl{display:inline-block;min-width:82px;color:var(--muted);font-weight:600}
.od-items{background:var(--soft);border:1px solid var(--border-soft);border-radius:var(--r);padding:12px 14px}
.od-item{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;border-bottom:1px solid var(--border-soft)}
.od-item:last-of-type{border-bottom:none}
.od-item .od-qty{color:var(--muted)}
.od-total{text-align:right;padding-top:11px;margin-top:5px;border-top:1px solid var(--border);font-size:16px}
.od-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}
.od-actions select{padding:9px 12px;font-size:14px;border:1px solid var(--border);border-radius:var(--r);background:var(--field);color:var(--text);font-family:inherit;outline:none}
.od-actions input{flex:1;min-width:180px;padding:9px 12px;font-size:14px;border:1px solid var(--border);border-radius:var(--r);background:var(--field);color:var(--text);font-family:inherit;outline:none}
.od-actions select:focus,.od-actions input:focus{border-color:var(--accent)}

/* Oferte slider (admin) */
.hint{font-size:15px;color:var(--muted);margin-bottom:18px;line-height:1.6;max-width:820px}
.muted{color:var(--muted);text-align:center;padding:34px;font-size:15px}
.offer-row{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;margin-bottom:12px;background:var(--card)}
.offer-thumb{width:110px;height:110px;object-fit:cover;border-radius:8px;background:var(--soft);flex:none}
.offer-fields{flex:1;min-width:0}
.offer-fields label{display:block;font-size:14px;color:var(--muted);margin:8px 0 3px}
.offer-fields label:first-child{margin-top:0}
.offer-fields input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--r);font-size:15px;outline:none;background:var(--field);color:var(--text)}
.offer-fields input:focus{border-color:var(--accent)}
.offer-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex:none}
.of-active{font-size:15px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}
.of-move{display:flex;gap:6px}
.offer-new-fields{display:flex;gap:12px;margin:0 0 14px;flex-wrap:wrap}
.offer-new-fields input{flex:1;min-width:220px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r);font-size:15px;outline:none;background:var(--field);color:var(--text)}
.offer-new-fields input:focus{border-color:var(--accent)}
@media(max-width:640px){.offer-row{flex-direction:column}.offer-thumb{width:100%;height:180px}
  .offer-controls{align-items:stretch;width:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap}}

/* Subtaburi footer/header CMS */
.subtabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:22px}
.ftab{padding:9px 15px;font-size:17px;font-weight:500;cursor:pointer;border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;margin-bottom:-1px;color:var(--muted);transition:.15s}
.ftab:hover{color:var(--text)}
.ftab.on{color:var(--text);border-color:var(--border);background:var(--card)}
.ftab-content{display:none}.ftab-content.on{display:block}
.fld{margin-bottom:18px;max-width:720px}
.fld label{display:block;font-size:15px;color:var(--text);margin-bottom:6px;font-weight:600}
.fld input,.fld textarea{width:100%;padding:10px 13px;border:1px solid var(--border);border-radius:var(--r);font-family:inherit;font-size:15.5px;outline:none;resize:vertical;background:var(--field);color:var(--text)}
.fld input:focus,.fld textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}
.fld-label{display:block;font-size:15px;color:var(--text);margin:0 0 8px;font-weight:600}
.frows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-width:720px}
.frow{display:flex;gap:8px;align-items:center}
.frow input,.frow select{padding:9px 12px;border:1px solid var(--border);border-radius:var(--r);font-family:inherit;font-size:15.5px;outline:none;background:var(--field);color:var(--text)}
.frow input:focus,.frow select:focus{border-color:var(--accent)}
.frow .f-name,.frow .f-link,.frow .f-label,.frow .f-value{flex:1;min-width:0}
.frow .f-type,.frow .f-pos{flex:0 0 auto}
.frow-ctrl{display:flex;gap:4px;flex:none}
.frow-ctrl button{width:32px;height:32px;border:1px solid var(--border);background:var(--field);border-radius:var(--r);cursor:pointer;font-size:15px;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:.15s}
.frow-ctrl button:hover{border-color:var(--accent);color:var(--text)}
.frow-ctrl .frow-del:hover{border-color:var(--red);color:var(--red)}
.fsave{display:flex;align-items:center;gap:14px;margin-top:18px}
.saved-ok{font-size:15px;font-weight:600;color:var(--green);opacity:0;transition:.2s}
.saved-ok.show{opacity:1}.saved-ok.err{color:var(--red);opacity:1}
.footer-logo-row{display:flex;gap:18px;align-items:center}
.footer-logo-prev{height:60px;width:auto;max-width:220px;border:1px solid var(--border);border-radius:8px;padding:6px;background:var(--soft);object-fit:contain}
.muted-sm{font-size:13px;color:var(--green);margin-top:8px}
@media(max-width:640px){.frow{flex-wrap:wrap}.frow .f-name,.frow .f-link,.frow .f-label,.frow .f-value{flex-basis:100%}}

.uz-ico{width:46px;height:46px;color:var(--faint);display:block;margin:0 auto 10px}
.upload-zone:hover .uz-ico{color:var(--accent)}

/* Login: captcha + honeypot (folosit in login.php) */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.captcha-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.captcha-img{border:1px solid var(--border);border-radius:var(--r);height:72px;width:210px;background:var(--soft)}
.captcha-reload{width:40px;height:40px;border:1px solid var(--border);background:var(--field);border-radius:var(--r);cursor:pointer;font-size:20px;color:var(--muted);transition:.15s;flex:none}
.captcha-reload:hover{border-color:var(--accent);color:var(--text)}
.captcha-math{font-size:17px;margin-bottom:10px;color:var(--text)}

/* ===== Login split-screen "StoreRun" (identitate proprie, verde Excel — neatinsa de teme) ===== */
.auth{--xl1:#5b8f24;--xl2:#6ba52a;--xl3:#8CC63F;min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.auth-visual{position:relative;overflow:hidden;color:#fff;background:
  repeating-linear-gradient(45deg,rgba(255,255,255,.022) 0 2px,transparent 2px 22px),
  repeating-linear-gradient(-45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 30px),
  linear-gradient(125deg,#20211e 0%,#292b26 45%,#161715 100%);
  display:flex;flex-direction:column;justify-content:space-between;padding:46px 52px;isolation:isolate}
.auth-visual::after{content:"";position:absolute;z-index:-1;width:460px;height:460px;right:-130px;bottom:-160px;background:radial-gradient(circle,rgba(140,198,63,.20),transparent 70%)}
.auth-brand,.auth-hero,.auth-foot{position:relative;z-index:1}
.auth-brand{display:flex;align-items:center;gap:13px}
.auth-mark{width:46px;height:46px;border-radius:11px;background:#fff;border:2px solid #d3d3d9;display:grid;place-items:center;color:#8CC63F;font-weight:800;font-size:22px;letter-spacing:-.03em;line-height:1;font-feature-settings:"cv05";flex:none}
.auth-logo svg{height:40px;width:auto;display:block}
.auth-name{font-size:25px;font-weight:800;letter-spacing:.3px}
.auth-hero{max-width:570px}
.auth-hero h1{font-size:34px;line-height:1.2;font-weight:800;margin-bottom:24px;letter-spacing:-.4px}
.auth-feats{list-style:none;display:flex;flex-direction:column;gap:13px;margin:0;padding:0}
.auth-feats li{display:flex;gap:11px;align-items:flex-start;font-size:18px;color:rgba(255,255,255,.94);line-height:1.4}
.auth-feats svg{flex:none;margin-top:2px}
.auth-flow{display:flex;align-items:center;gap:11px;margin-top:30px;flex-wrap:wrap}
.auth-chip{background:rgba(140,198,63,.12);border:1px solid rgba(140,198,63,.4);color:#dff3c4;padding:8px 16px;border-radius:99px;font-size:15.5px;font-weight:700;letter-spacing:.3px}
.auth-flow .sep{opacity:.85;font-size:18px}
.auth-foot{font-size:15px;color:rgba(255,255,255,.75)}
.auth-form{display:flex;align-items:center;justify-content:center;padding:40px 30px;background:#fff}
.auth-card{width:100%;max-width:400px}
.auth-card h2{font-size:30px;font-weight:700;margin-bottom:5px;color:#111}
.auth-sub{color:#6b7280;margin-bottom:28px;font-size:18px}
.auth-card .fg{margin-bottom:18px}
.auth-card .fg label{display:block;font-size:18px;color:#374151;margin-bottom:6px;font-weight:600}
.auth-card .fg input{width:100%;padding:12px 15px;border:1px solid #d1d5db;border-radius:10px;font-size:16px;outline:none;transition:.15s;background:#fff;color:#111;box-shadow:none}
.auth-card .fg input:focus{border-color:var(--xl2);box-shadow:0 0 0 3px rgba(107,165,42,.2)}
.auth-card .btn-p{background:var(--xl2);color:#fff;border-radius:10px;font-size:21px;padding:13px 22px}
.auth-card .btn-p:hover{background:var(--xl1);opacity:1}
.auth-card .captcha-reload:hover{border-color:var(--xl2);color:var(--xl2)}
.auth-card .error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 13px;border-radius:9px;font-size:15px;margin-top:4px}
.auth-blocked{text-align:left}
.auth-blocked svg{margin-bottom:14px}
.auth-blocked h2{color:#111}
.conninfo{margin-top:26px;border:1px solid #e5e7eb;border-radius:12px;padding:6px 16px;background:#fafbfc}
.conninfo-h{text-transform:uppercase;letter-spacing:.4px;font-size:14px;font-weight:700;color:#9096a3;padding:14px 0 8px}
.conninfo-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #eef0f3;font-size:15px}
.conninfo-row span{color:#7a8194}
.conninfo-row b{color:#111;text-align:right;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600}
.brandadminlogo{width:400px;height:auto}
@media(max-width:900px){
  .brandadminlogo{width:295px;height:auto}
  .auth{grid-template-columns:1fr;min-height:0}
  .auth-visual{padding:26px 22px;gap:16px}
  .auth-visual::after{width:260px;height:260px;right:-90px;bottom:-110px}
  .auth-hero h1{font-size:22px;margin-bottom:0}
  .auth-feats,.auth-flow,.auth-foot{display:none}
  .auth-form{padding:30px 20px;min-height:auto}
}
.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,.12);animation:animate 25s linear infinite;bottom:-150px}
.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}
.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}
.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}
.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}
.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}
.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}
.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}
.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}
.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}
.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}
@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}
@media (prefers-reduced-motion:reduce){.circles{display:none}}

/* Bara admin (pagini standalone) + subsol */
.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 30px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap;background:var(--bg)}
.admin-logo{height:42px;width:auto;display:block}
.admin-bar-nav{display:flex;align-items:center;gap:12px;font-size:14px}
.admin-bar-nav a{text-decoration:none;transition:.15s}
.admin-view{color:var(--accent);font-weight:600}
.admin-view:hover{text-decoration:underline}
.admin-sep{color:var(--border)}
.admin-logout{color:var(--muted)}
.admin-logout:hover{color:var(--red)}
.admin-title{font-size:24px;font-weight:600;margin-bottom:22px;color:var(--text);letter-spacing:-.02em}
.admin-foot{margin-top:auto;border-top:1px solid var(--border-soft);padding:16px 32px;font-size:13.5px;color:var(--faint);background:var(--soft)}
@media(max-width:640px){.admin-bar{padding:12px 18px}.admin-logo{height:36px}.admin-foot{padding:14px 18px;text-align:center}}

/* Pagini (CMS) */
.pg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:12px}
.pg-idbadge{color:var(--faint);font-size:15px;font-weight:400}
.pg-row2{display:flex;gap:16px;flex-wrap:wrap}
.pg-row2 .fld{flex:1;min-width:200px}
.pg-table{width:100%;border-collapse:collapse}
.pg-table td{vertical-align:middle}
.pg-table th:nth-child(3),.pg-table td.pg-date{white-space:nowrap;min-width:145px}
.pg-title{font-weight:600;line-height:1.35}
.pg-vezi{display:inline-block;margin-top:5px;font-size:13.5px;font-weight:600;color:var(--accent);text-decoration:none}
.pg-vezi:hover{text-decoration:underline}
.pg-actions{min-width:250px;white-space:nowrap}
.pg-actions .btn-sm{min-width:92px;justify-content:center;text-align:center;margin-right:10px}
.pg-stepper{display:inline-flex;flex:none}
.pg-step{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--field);cursor:pointer;font-size:15px;line-height:1;color:var(--muted);transition:.15s}
.pg-step:first-child{border-radius:var(--r) 0 0 var(--r)}
.pg-step:last-child{border-radius:0 var(--r) var(--r) 0;margin-left:-1px}
.pg-step:hover:not(:disabled){background:var(--hover);color:var(--text);border-color:var(--accent);z-index:1}
.pg-step:disabled{opacity:.4;cursor:default}
.ck-editor__editable_inline{min-height:500px}

/* Status select stilizat */
.pg-status-wrap{position:relative;display:block;width:100%;max-width:260px}
.pg-status-dot{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%;background:var(--muted);pointer-events:none;transition:background .15s}
.pg-status-sel{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:11px 42px 11px 34px;border:1.5px solid var(--border);border-radius:var(--r);background-color:var(--field);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;font-family:inherit;font-size:15.5px;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.pg-status-sel:hover{border-color:var(--accent)}
.pg-status-sel:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}
.pg-status-wrap.st-draft .pg-status-dot{background:var(--muted)}
.pg-status-wrap.st-draft .pg-status-sel{color:var(--muted)}
.pg-status-wrap.st-published .pg-status-dot{background:var(--green)}
.pg-status-wrap.st-published .pg-status-sel{color:var(--green)}
.pg-status-wrap.st-unpublished .pg-status-dot{background:var(--orange)}
.pg-status-wrap.st-unpublished .pg-status-sel{color:var(--orange)}

/* Pagini - lead / galerie / atasamente */
.pg-lead-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.pg-lead-prev{width:190px;height:115px;border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--soft);flex:none}
.pg-lead-prev img{width:100%;height:100%;object-fit:cover;display:block}
.pg-lead-empty{color:var(--faint);font-size:14px}
.pg-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.pg-gthumb{position:relative;width:130px;height:96px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}
.pg-gthumb img{width:100%;height:100%;object-fit:cover;display:block}
.pg-gctrl{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:4px;padding:4px;background:rgba(0,0,0,.45)}
.pg-gctrl button{width:26px;height:22px;border:none;border-radius:4px;background:rgba(255,255,255,.9);cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}
.pg-gctrl button:disabled{opacity:.4;cursor:default}
.pg-gctrl .frow-del{background:rgba(220,38,38,.92);color:#fff}
.pg-attach{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-width:760px}
.pg-arow{display:flex;gap:10px;align-items:center}
.pg-aext{flex:none;width:56px;text-align:center;font-size:12px;font-weight:700;color:var(--btn-text);background:var(--btn);border-radius:5px;padding:6px 0}
.pg-aname{flex:1;min-width:0;padding:8px 11px;border:1px solid var(--border);border-radius:var(--r);font-size:15px;outline:none;background:var(--field);color:var(--text)}
.pg-aname:focus{border-color:var(--accent)}
.pg-ameta{flex:none;font-size:13px;color:var(--faint);white-space:nowrap}

/* Utilizatori & Roluri */
.btn-md{background:var(--chip);color:var(--text)}
.usub-bar{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:22px}
.usub{padding:10px 18px;cursor:pointer;font-size:15px;font-weight:600;color:var(--muted);border:1px solid transparent;border-bottom:none;border-radius:var(--r) var(--r) 0 0;margin-bottom:-1px}
.usub:hover{color:var(--text)}
.usub.on{color:var(--text);border-color:var(--border);background:var(--card);border-bottom:2px solid var(--card)}
.usub-content{display:none}.usub-content.on{display:block}
.u-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px;flex-wrap:wrap}
.u-head h2{margin:0;border:none;padding:0}
.u-table{width:100%;border-collapse:collapse}
.u-table th{font-size:11.5px}
.u-table td{padding:12px 14px;border-bottom:1px solid var(--border-soft);font-size:15px;vertical-align:middle}
.u-mods-cell{color:var(--muted);font-size:13px;max-width:260px}
.u-actions{white-space:nowrap}
.u-stat{display:inline-block;padding:4px 12px;border-radius:99px;font-size:14px;font-weight:600}
.u-stat-activ{background:var(--green-bg);color:var(--green)}
.u-stat-blocat{background:var(--red-bg);color:var(--red)}
.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.role-card{border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;background:var(--card)}
.role-name{font-size:17px;font-weight:700;margin-bottom:8px}
.role-name.role-admin{color:var(--text)}
.role-name.role-op{color:var(--green)}
.role-card p{color:var(--muted);font-size:15px;line-height:1.5}
.u-editor{max-width:640px}
.u-form .u-row{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.u-form .u-row>label{flex:none;width:180px;font-size:15px;font-weight:600;color:var(--text)}
.u-form .u-row input[type=text],.u-form .u-row input[type=email],.u-form .u-row input[type=password],.u-form .u-row select{flex:1;padding:10px 13px;border:1px solid var(--border);border-radius:var(--r);font-size:15.5px;font-family:inherit;outline:none;background:var(--field);color:var(--text)}
.u-form .u-row input:focus,.u-form .u-row select:focus{border-color:var(--accent)}
.u-form .u-row input:disabled{background:var(--soft);color:var(--faint)}
.u-modules{align-items:flex-start!important}
.u-mods{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 18px}
.u-mod{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--text);font-weight:400;cursor:pointer}
.u-mod input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}
.u-hint{color:var(--faint);font-size:13px;margin:2px 0 14px 196px}
.pw-req{color:var(--faint);font-size:13px;margin:2px 0 8px}
.pw-msg{font-size:13.5px;font-weight:600;min-height:18px;margin:0 0 10px}
.pw-msg.pw-ok{color:var(--green)}.pw-msg.pw-bad{color:var(--red)}

/* Modal generic (schimbare parola / detalii) */
.modal-overlay{position:fixed;inset:0;background:rgba(15,15,20,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}
.modal-box{background:var(--card);border-radius:var(--r-lg);width:100%;max-width:440px;box-shadow:var(--pop);overflow:hidden;border:1px solid var(--border)}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border-soft)}
.modal-head h3{margin:0;font-size:18px;font-weight:600}
.modal-x{background:none;border:none;font-size:26px;line-height:1;color:var(--faint);cursor:pointer;padding:0 4px}
.modal-x:hover{color:var(--red)}
.modal-body{padding:20px 22px}
.modal-body .u-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.modal-body .u-row>label{flex:none;width:130px;font-size:15px;font-weight:600;color:var(--text)}
.modal-body .u-row input{flex:1;padding:10px 13px;border:1px solid var(--border);border-radius:var(--r);font-size:15.5px;outline:none;background:var(--field);color:var(--text)}
.modal-body .u-row input:focus{border-color:var(--accent)}
.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--border-soft);background:var(--soft)}

/* SEO */
.seo-ogrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.seo-ogprev{width:200px;height:105px;object-fit:cover;border:1px solid var(--border);border-radius:var(--r);background:var(--soft)}
#tab-seo textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.5}
#tab-seo code{background:var(--chip);padding:1px 6px;border-radius:4px;font-size:13px}
.seo-viewlink{font-size:13.5px;font-weight:500;color:var(--accent);text-decoration:none;margin-left:10px}
.seo-viewlink:hover{text-decoration:underline}

/* ===================================================================
   Layout admin — sidebar (stil ChatGPT) + continut
   =================================================================== */
.admin-layout{display:flex;align-items:flex-start;width:100%}
.admin-side{flex:0 0 274px;width:274px;position:sticky;top:0;align-self:flex-start;height:100vh;overflow:hidden;
  background:var(--sidebar);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:0}
.admin-main{flex:1 1 auto;min-width:0;padding:30px 34px 60px;min-height:100vh;background:var(--bg)}
.admin-main .admin-title{margin-bottom:8px}
.admin-main-inner{max-width:1080px;margin:0 auto}

/* Breadcrumbs + titlu modul (sus, la fiecare modul) */
.crumb-bar{margin-bottom:24px}
.crumbs{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--faint);margin-bottom:8px}
.crumbs .crumb-root{color:var(--muted);text-decoration:none;font-weight:500}
.crumbs .crumb-root:hover{color:var(--text)}
.crumbs .crumb-sep{color:var(--border);font-size:15px}
.crumbs .crumb-cur{color:var(--muted);font-weight:600}
.page-title{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--text)}
.crumb-bar.is-dash{display:none}   /* pe Panou de control, eroul „Bună, X" tine loc de titlu */

/* Linkuri din continut: verde inchis + subliniate mereu (nu doar pe hover) */
.admin-main a:not(.mod-card):not(.btn):not(.crumb-root){color:var(--green);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.admin-main a:not(.mod-card):not(.btn):not(.crumb-root):hover{opacity:.82}

/* Brand sus */
.side-brand{display:flex;align-items:center;gap:11px;padding:18px 18px 12px;flex:none}
/* Monogram „Sr" stil Adobe Premiere: fundal alb, contur gri rotunjit, litere verzi */
.brand-mark{width:48px;height:48px;border-radius:7px;background:#fff;border:2px solid #d3d3d9;color:#8CC63F;display:grid;place-items:center;font-weight:800;font-size:26px;letter-spacing:-.03em;line-height:1;font-feature-settings:"cv05";flex:none}
.brand-name{font-weight:600;font-size:21px;letter-spacing:-.01em}
.brand-sub{font-size:12px;color:var(--faint);margin-top:0px}
.brand-ext{margin-left:auto;flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--muted);text-decoration:none;transition:background .12s,color .12s}
.brand-ext:hover{background:var(--hover);color:var(--text)}
.brand-ext svg{width:17px;height:17px}

/* Meniu (refoloseste .tabs/.tab din admin.php) */
.admin-side .tabs{flex-direction:column;border-bottom:none;gap:2px;margin:0;flex:1;overflow-y:auto;padding:4px 10px 10px}
.admin-side .tab{padding:9px 10px;font-size:16px;font-weight:450;border-bottom:none;border-left:none;margin:0;border-radius:8px;
  display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--text);transition:background .12s}
.admin-side .tab:hover{background:var(--hover);color:var(--text)}
.admin-side .tab.on{background:var(--active);color:var(--text);font-weight:600;border:none}
.admin-side .tab-link{text-decoration:none;color:var(--text)}
.admin-side .tab-link:hover{background:var(--hover)}
.admin-side .tab .tab-ico{width:17px;height:17px;flex:none;color:var(--muted)}
.admin-side .tab.on .tab-ico{color:var(--text)}
.admin-side .tab .tab-ext{margin-left:auto;color:var(--faint)}
.nav-label{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding:14px 10px 5px}
.nav-count{margin-left:auto;background:var(--green);color:#fff;font-size:11px;font-weight:600;min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:grid;place-items:center}

/* Footer sidebar: user + meniu */
.side-foot{border-top:1px solid var(--border-soft);padding:10px;position:relative;flex:none}
.side-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;width:100%;border:none;background:none;color:var(--text);text-align:left;font-family:inherit;transition:background .12s}
.side-user:hover{background:var(--hover)}
.avatar{width:28px;height:28px;border-radius:50%;background:var(--chip);color:var(--text);display:grid;place-items:center;font-weight:600;font-size:14px;flex:none}
.su-name{font-size:15px;font-weight:500}
.su-role{font-size:13px;color:var(--faint)}
.su-caret{color:var(--faint);flex:none}
.user-menu{position:absolute;left:10px;right:10px;bottom:62px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--pop);padding:6px;display:none;z-index:50}
.user-menu.open{display:block}
.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;border:none;background:none;color:var(--text);font-family:inherit;font-size:15px;cursor:pointer;text-align:left;text-decoration:none}
.menu-item:hover{background:var(--hover)}
.menu-item svg{width:17px;height:17px;color:var(--muted);flex:none}
.menu-item.danger{color:var(--red)}.menu-item.danger svg{color:var(--red)}
.menu-sep{height:1px;background:var(--border-soft);margin:5px 4px}
.theme-row{display:flex;align-items:center;gap:8px;padding:8px 10px}
.theme-row span{font-size:15px;color:var(--muted);flex:1}
.seg{display:flex;background:var(--chip);border-radius:8px;padding:2px}
.seg button{border:none;background:none;font-family:inherit;font-size:15px;padding:4px 9px;border-radius:6px;cursor:pointer;color:var(--muted)}
.seg button.on{background:var(--card);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.1)}

/* Dashboard (Panou de control) */
.dash-hi{font-size:28px;font-weight:600;letter-spacing:-.02em}
.dash-sub{color:var(--muted);font-size:15.5px;margin-top:6px}
.widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:14px;margin:26px 0 8px}
.widget{border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;background:var(--card)}
.w-top{display:flex;align-items:center;justify-content:space-between}
.w-label{font-size:15px;color:var(--muted)}
.w-ico{width:34px;height:34px;border-radius:9px;background:var(--chip);display:grid;place-items:center;color:var(--muted)}
.w-ico svg{width:18px;height:18px}
.w-val{font-size:30px;font-weight:600;margin-top:12px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.w-sub{font-size:14px;color:var(--faint);margin-top:4px;display:flex;align-items:center;gap:6px}
.pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px}
.pill-g{background:var(--green-bg);color:var(--green)}
.pill-o{background:var(--orange-bg);color:var(--orange)}
.pill-n{background:var(--chip);color:var(--muted)}
.section-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin:34px 0 14px}
.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}
.mod-card{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 17px;background:var(--card);cursor:pointer;text-decoration:none;color:var(--text);transition:.14s;position:relative}
.mod-card:hover{background:var(--hover)}
.mod-ico{width:42px;height:42px;border-radius:11px;background:var(--chip);display:grid;place-items:center;color:var(--muted);flex:none}
.mod-ico svg{width:21px;height:21px}
.mod-name{font-size:16.5px;font-weight:600}
.mod-desc{font-size:15.5px;color:var(--muted);margin-top:3px;line-height:1.4}
.mod-count{margin-top:8px;font-size:12px;color:var(--faint)}
.mod-arrow{position:absolute;top:15px;right:15px;color:var(--faint);transition:.14s}
.mod-card:hover .mod-arrow{color:var(--text);transform:translateX(2px)}

/* Despre StoreRun */
.about-logo{height:46px;width:auto;max-width:100%;display:block;margin:2px 0 22px}
.about-lead{font-size:16px;line-height:1.7;color:var(--muted);max-width:760px;margin-bottom:6px}
.about-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.about-mod{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;background:var(--card)}
.about-ico{width:38px;height:38px;border-radius:10px;background:var(--chip);display:grid;place-items:center;color:var(--muted);flex:none}
.about-ico svg{width:19px;height:19px}
.am-name{font-size:15.5px;font-weight:600}
.am-desc{font-size:15px;color:var(--muted);margin-top:3px;line-height:1.45}
.about-credit{margin-top:34px;padding:18px 20px;border:1px solid var(--border-soft);border-radius:var(--r-lg);background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.about-credit .ac-left{display:flex;align-items:center;gap:15px}
.about-credit .ac-logo{height:46px;width:auto;flex:none;opacity:.9}
.about-credit .ac-txt{font-size:15.5px;color:var(--muted)}

.auth-mark-a {
  width: 72px;
  height: 72px;
  border-radius: 11px;
  background: #fff;
  border: 2px solid #d3d3d9;
  display: grid;
  place-items: center;
  color: #8CC63F;
  font-weight: 800;
  font-size: 43px;
  letter-spacing: -.03em;
  line-height: 1;
  font-feature-settings: "cv05";
  flex: none;
}
.auth-name-a {
  font-size: 42px;
  font-weight: 600;
  letter-spacing: .3px;
}
/* Responsiv */
@media(max-width:900px){
  .admin-layout{flex-direction:column}
  .admin-side{position:static;flex-basis:auto;width:100%;height:auto;overflow:visible;border-right:none;border-bottom:1px solid var(--border-soft)}
  .admin-side .tabs{flex-direction:row;gap:4px;flex-wrap:nowrap;overflow-x:auto;padding:8px 10px}
  .admin-side .tab{border-radius:8px}
  .side-brand{display:none}
  .side-foot{position:static}
  .user-menu{bottom:auto;top:56px}
  .admin-main{padding:22px 16px 50px;min-height:0}
  .nav-label{display:none}
}