/* Nexa SMS — admin panel styles (shared by the live PHP panel and the preview demo) */

.admin-bar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:16px;
  padding:12px 20px;background:rgba(6,7,12,.96);border-bottom:1px solid var(--line)}
.admin-bar img{height:34px;width:auto}
.admin-bar nav{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
.admin-bar nav a{padding:8px 13px;border-radius:9px;font-size:.88rem;color:var(--muted)}
.admin-bar nav a:hover,.admin-bar nav a.on{color:var(--gold-light);background:rgba(232,184,75,.08)}

.adm{max-width:1240px;margin-inline:auto;padding:26px 20px 60px}

.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.tab{padding:9px 16px;border-radius:999px;border:1px solid var(--line-soft);font-size:.88rem;color:var(--muted)}
.tab.on{background:rgba(232,184,75,.12);border-color:var(--line);color:var(--gold-light);font-weight:600}
.tab b{opacity:.7;font-weight:600}

.st{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.72rem;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase}
.st-pending{background:rgba(232,184,75,.14);color:var(--gold-light);border:1px solid var(--line)}
.st-accepted{background:rgba(63,211,154,.14);color:var(--ok);border:1px solid rgba(63,211,154,.3)}
.st-denied{background:rgba(255,110,110,.13);color:#ff8f8f;border:1px solid rgba(255,110,110,.3)}

.kv{display:grid;grid-template-columns:190px 1fr;gap:12px 20px;font-size:.94rem}
.kv dt{color:var(--dim);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.kv dd{margin:0;word-break:break-word}

.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.btn-ok{background:linear-gradient(100deg,#4fe3aa,#22a877);color:#052018;border:0}
.btn-no{background:rgba(255,110,110,.12);border:1px solid rgba(255,110,110,.35);color:#ff9f9f}
.btn-ok:hover,.btn-no:hover{transform:translateY(-2px)}

table a{color:var(--gold-light)}
.empty{padding:60px 20px;text-align:center;color:var(--dim)}
.flash{padding:13px 16px;border-radius:12px;margin-bottom:20px;font-size:.9rem;
  border:1px solid rgba(63,211,154,.3);background:rgba(63,211,154,.1);color:var(--ok)}

@media (max-width:640px){
  .kv{grid-template-columns:1fr;gap:4px 0}
  .kv dd{margin-bottom:12px}
}

/* ---- preview-only chrome (never rendered on the live site) ---- */
.pvbar{
  position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:9px 18px;font-size:.82rem;
  background:linear-gradient(100deg,rgba(232,184,75,.16),rgba(15,18,32,.96));
  border-bottom:1px solid var(--line);color:var(--muted);
}
.pvbar b{color:var(--gold-light);font-weight:650;display:inline-flex;align-items:center;gap:7px}
.pvbar b i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}
.pvbar .sp{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.pvbar a{padding:5px 12px;border-radius:8px;border:1px solid var(--line-soft);color:var(--muted)}
.pvbar a:hover{color:var(--gold-light);border-color:rgba(232,184,75,.4);background:rgba(232,184,75,.08)}
.pvbar + .nav{top:38px}
.demo-note{
  padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:.86rem;
  border:1px dashed rgba(232,184,75,.35);background:rgba(232,184,75,.06);color:var(--gold-light);
}

/* buttons that look and behave like links, used by the preview panel */
.linky{background:none;border:0;padding:0;cursor:pointer;color:var(--gold-light);font:inherit}
.linky:hover{text-decoration:underline}
.admin-brand{display:flex;align-items:center}
.admin-brand img{height:34px;width:auto}
.tab{background:none;cursor:pointer;font:inherit}
.pv-admin .admin-bar{top:38px}