/* Stiluri pentru paginile servite de aplicația Next (cont, status, panoul de regie).
   Paginile statice nu le folosesc, dar fișierul pleacă prin același /assets/, ca să existe
   o singură foaie de culori (tokens.css) și un singur vocabular de clase (site.css). */

/* --- bare de stare pentru admin --- */
.admin-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between;
  margin-bottom:22px}
.admin-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.admin-wide{width:min(1180px,100% - 32px);margin-inline:auto}
.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}
.admin-table th,.admin-table td{padding:10px 12px;border-bottom:1px solid var(--line);
  text-align:left;vertical-align:top}
.admin-table thead th{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.dim{color:var(--dim)}
.old{color:var(--pink)}
.tag-admin{color:var(--aqua);font-weight:600}
.scroll-x{overflow-x:auto}

/* --- randul de comanda din panou --- */
.order-card{margin-bottom:16px}
.order-card__top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:baseline}
.order-card__acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}
.order-card table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.92rem}
.order-card th{width:132px;text-align:left;color:var(--dim);font-weight:600;padding:6px 10px 6px 0;
  vertical-align:top}
.order-card td{padding:6px 0;vertical-align:top}
.pre-wrap{white-space:pre-wrap}

/* --- cont, autentificare --- */
.stack{display:grid;gap:18px}
.stack--tight{gap:10px}
.row-between{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.form-note{margin:6px 0 0;font-size:.82rem;color:var(--dim)}
.form-error{margin:6px 0 0;font-size:.85rem;color:var(--pink)}
.form-ok{margin:6px 0 0;font-size:.85rem;color:var(--aqua)}
.danger-zone{margin-top:56px;padding-top:14px;border-top:1px solid var(--line)}
.danger-zone button{background:none;border:0;padding:0;font:inherit;font-size:.78rem;
  color:var(--dim);text-decoration:underline;cursor:pointer}
.danger-zone button:hover{color:var(--pink)}

/* --- impersonare: cadrul rosu si banda de sus --- */
.impersonating{position:fixed;inset:0;pointer-events:none;border:3px solid var(--pink);z-index:60}
.impersonating__bar{position:fixed;top:0;left:0;right:0;z-index:61;background:var(--pink);
  color:#180716;font-size:.82rem;font-weight:700;text-align:center;padding:6px 12px}
.impersonating__bar button{margin-left:12px;font:inherit;background:#180716;color:var(--cream);
  border:0;border-radius:999px;padding:3px 12px;cursor:pointer;pointer-events:auto}
body:has(.impersonating__bar){padding-top:30px}

/* --- lista de notificari --- */
.note-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.note{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;
  background:var(--card);font-size:.92rem}
.note--unread{border-color:var(--pink)}
.note--unread b::before{content:"•";color:var(--pink);margin-right:8px}

/* --- telefon cu selector de tara --- */
.phone-row{display:flex;gap:10px}
.phone-row select{flex:0 1 46%;min-width:0}
.phone-row input{flex:1 1 54%;min-width:0}

/* --- marunte --- */
.wrap--narrow{max-width:720px}
.turnstile{min-height:65px}
/* pagina /turnstile: numai widgetul, incarcata in WebView-ul aplicatiei */
.turnstile-page{margin:0;padding:0;display:flex;justify-content:center}
.link-quiet{background:none;border:0;padding:0;font:inherit;font-size:.85rem;color:var(--dim);
  text-decoration:underline;cursor:pointer}
.link-quiet:hover{color:var(--pink)}