/* ── USER CARDS ── */
.user-card{background:var(--wh);border:1px solid var(--bdr);border-radius:var(--r);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:.75rem;transition:box-shadow .2s}
.user-card:hover{box-shadow:var(--sh)}
.user-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}
.user-info{flex:1;min-width:0}
.user-name{font-size:14px;font-weight:800;color:var(--blk)}
.user-email{font-size:12px;color:var(--gr);margin-top:2px}
.user-meta{font-size:11px;color:var(--grl);margin-top:2px}
.user-actions{display:flex;gap:6px;align-items:center}

/* ── SETTINGS ── */
.logo-zone{border:2px dashed var(--bdr);border-radius:var(--r);padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s;position:relative}
.logo-zone:hover{border-color:var(--g)}
.logo-zone .fz-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.s-section{margin-bottom:2rem}
.s-section h4{font-size:14px;font-weight:800;margin-bottom:.75rem;color:var(--blk);padding-bottom:.5rem;border-bottom:1px solid var(--bdr)}
.color-row{display:flex;align-items:center;gap:12px;margin-bottom:.75rem}
.color-row label{font-size:13px;font-weight:600;color:var(--sub);min-width:160px}
.color-row input[type=color]{width:44px;height:32px;border-radius:6px;border:1.5px solid var(--bdr);cursor:pointer;padding:2px}

/* ── FOOTER ── */
footer{text-align:center;padding:1.5rem;font-size:11.5px;color:var(--grl)}
footer a{color:var(--gd);text-decoration:none;font-weight:700}
footer a:hover{text-decoration:underline}