/* ============================================================
   ADMIN · USERS
   Split from css/app.css — screen-specific styles.
   ============================================================ */

.profile-hero::after{
  content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,180,41,.12),transparent 70%);
}
.profile-ava{
  width:78px;height:78px;border-radius:20px;display:grid;place-items:center;font-size:27px;font-weight:800;
  color:#0a0e17;position:relative;flex:none;
}
.profile-meta h2{font-size:22px;font-weight:800;letter-spacing:-.6px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.profile-meta p{color:var(--muted);font-size:13.5px;margin-top:5px}
.profile-acts{margin-left:auto;display:flex;gap:9px;flex-wrap:wrap;position:relative}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}
.mini-stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:15px 16px}
.mini-stat span{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--dim)}
.mini-stat b{display:block;font-size:21px;font-weight:800;letter-spacing:-.7px;margin-top:6px}
.kv{display:grid;grid-template-columns:150px 1fr;gap:11px 16px;font-size:13.5px}
.kv dt{color:var(--muted);font-weight:600}
.kv dd{font-weight:600}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto}
.tab{
  padding:11px 17px;font-size:13.5px;font-weight:650;color:var(--muted);cursor:pointer;
  border-bottom:2px solid transparent;transition:.15s;white-space:nowrap;
}
.tab:hover{color:var(--text)}
.tab.on{color:var(--gold);border-bottom-color:var(--gold)}
.tab-pane{display:none}
.tab-pane.on{display:block;animation:fade .2s ease}

@media (max-width:1100px){
  .l-feat,.l-price{grid-template-columns:1fr 1fr}
  .login-wrap{grid-template-columns:1fr}
  .login-side{display:none}
  .stat-strip{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .l-links{display:none}
  .l-hero{padding:48px 20px 60px}
  .l-stats{grid-template-columns:repeat(2,1fr);margin-top:40px}
  .l-sec{padding:52px 20px}
  .l-feat,.l-price{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .preview-card{position:static}
  .profile-hero{padding:20px;gap:16px}
  .profile-acts{margin-left:0;width:100%}
  .profile-acts .btn{flex:1;justify-content:center}
  .kv{grid-template-columns:1fr;gap:4px 0}
  .kv dd{margin-bottom:10px}
  .form-foot .btn{flex:1;justify-content:center}
}
@media (max-width:520px){
  .stat-strip{grid-template-columns:1fr 1fr;gap:10px}
  .mini-stat b{font-size:18px}
  .profile-ava{width:62px;height:62px;font-size:22px;border-radius:16px}
  .l-cta .btn{width:100%;justify-content:center}
}

/* --- Ecommerce store (Botble CMS 7 API) --- */
.ec-tools{display:flex;gap:9px;align-items:center}