/* ContaSpark - stiluri pentru paginile Cont / Suport / Admin
   (se incarca DUPA styles.css si refoloseste variabilele :root) */

.acct{max-width:980px;margin:0 auto;padding:7.5rem 5vw 4rem}
.acct h1{font-size:clamp(1.6rem,4vw,2.3rem);margin-bottom:.4rem}
.acct .sub{color:var(--dim);margin-bottom:2rem}

.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:1.6rem;margin-bottom:1.4rem}
.panel h2{font-size:1.15rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.panel h2 .em{filter:drop-shadow(0 0 8px rgba(245,158,11,.4))}
.panel .hint{color:var(--dim);font-size:.88rem;margin-top:.6rem}

.frm{display:flex;flex-direction:column;gap:.9rem}
.frm label{font-size:.82rem;font-weight:600;color:var(--dim);display:block;margin-bottom:.3rem}
.inp,.sel,.txa{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:12px;
  padding:.75rem .9rem;color:var(--text);font-size:.97rem;font-family:inherit;transition:border-color .25s}
.inp:focus,.sel:focus,.txa:focus{outline:none;border-color:var(--primary)}
.txa{min-height:120px;resize:vertical}
.frm-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media(max-width:640px){.frm-row{grid-template-columns:1fr}}
.frm-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-top:.3rem}
.lnk{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.9rem;padding:0}
.lnk:hover{color:var(--accent2)}
.err-msg{color:#f87171;font-size:.88rem;min-height:1.2rem}
.ok-msg{color:#4ade80;font-size:.88rem;min-height:1.2rem}

.tabs{display:flex;gap:.5rem;margin-bottom:1.3rem;flex-wrap:wrap}
.tab{padding:.55rem 1.1rem;border-radius:12px;border:1px solid var(--line);cursor:pointer;
  background:var(--card);color:var(--dim);font-weight:600;font-size:.92rem;transition:.25s}
.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}
.tab:hover:not(.active){color:var(--text);border-color:rgba(255,255,255,.2)}

.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .7rem;border-radius:20px;
  font-size:.78rem;font-weight:700;white-space:nowrap}
.chip-green{background:rgba(34,197,94,.14);color:#4ade80}
.chip-amber{background:rgba(245,158,11,.14);color:var(--accent2)}
.chip-blue{background:rgba(59,130,246,.16);color:#93c5fd}
.chip-red{background:rgba(244,63,94,.14);color:#fb7185}
.chip-dim{background:rgba(255,255,255,.06);color:var(--dim)}

.acct-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.acct-head .who{flex:1;min-width:200px}
.acct-head .who b{font-size:1.15rem}
.acct-head .who div{color:var(--dim);font-size:.9rem}

.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.7rem;margin:.6rem 0 .2rem}
.avatar-opt{border:2px solid transparent;border-radius:50%;padding:3px;cursor:pointer;
  background:none;transition:transform .2s,border-color .2s;line-height:0}
.avatar-opt:hover{transform:scale(1.08)}
.avatar-opt.sel{border-color:var(--accent)}

.lic-card{display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap;
  background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;margin-bottom:.7rem}
.lic-key{font-family:ui-monospace,Consolas,monospace;font-size:1.02rem;letter-spacing:1px;color:var(--accent2)}
.lic-meta{color:var(--dim);font-size:.85rem}

.tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.tbl th{color:var(--dim);text-align:left;font-weight:600;padding:.55rem .7rem;border-bottom:1px solid var(--line);font-size:.82rem;text-transform:uppercase;letter-spacing:.5px}
.tbl td{padding:.65rem .7rem;border-bottom:1px solid var(--line)}
.tbl tr:last-child td{border-bottom:none}
.tbl-wrap{overflow-x:auto}

.tk-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;
  background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;margin-bottom:.7rem;transition:border-color .2s}
.tk-item:hover{border-color:var(--primary)}
.tk-item .tk-sub{font-weight:700}
.tk-item .tk-meta{color:var(--dim);font-size:.83rem;margin-top:.2rem}

.msg{border:1px solid var(--line);border-radius:14px;padding:.9rem 1.1rem;margin-bottom:.8rem;background:var(--bg2)}
.msg.admin{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.05)}
.msg .m-head{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;color:var(--dim);margin-bottom:.45rem}
.msg .m-head b{color:var(--text)}
.msg.admin .m-head b{color:var(--accent2)}
.msg .m-body{white-space:pre-wrap;font-size:.95rem}
.att{display:inline-flex;align-items:center;gap:.35rem;margin:.45rem .5rem 0 0;padding:.3rem .7rem;
  background:var(--card);border:1px solid var(--line);border-radius:10px;font-size:.82rem;color:var(--primary);cursor:pointer}
.att:hover{border-color:var(--primary)}

.danger{border-color:rgba(244,63,94,.35)}
.danger h2{color:#fb7185}
.btn-danger{background:rgba(244,63,94,.15);border:1px solid rgba(244,63,94,.4);color:#fb7185}
.btn-danger:hover{background:rgba(244,63,94,.3)}

.cs-toast{position:fixed;right:1.2rem;bottom:1.2rem;z-index:1000;max-width:340px;
  background:var(--card2);border:1px solid rgba(34,197,94,.4);color:var(--text);
  border-radius:14px;padding:.9rem 1.2rem;font-size:.92rem;box-shadow:0 16px 50px rgba(0,0,0,.5);
  opacity:0;transform:translateY(12px);pointer-events:none;transition:.3s}
.cs-toast.show{opacity:1;transform:none}
.cs-toast.err{border-color:rgba(244,63,94,.5)}

.empty{color:var(--dim);text-align:center;padding:1.6rem;font-size:.93rem}
.back-row{margin-bottom:1rem}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.seg button{background:var(--card);border:none;color:var(--dim);padding:.5rem 1rem;cursor:pointer;font-weight:600;font-size:.85rem}
.seg button.active{background:var(--primary);color:#fff}
.notice{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.3);border-radius:14px;
  padding:1rem 1.2rem;color:#93c5fd;font-size:.92rem;margin-bottom:1.2rem}