/* GBX Accounts UI (polished) */
:root{--gbx-primary:#111827;--gbx-muted:#6b7280;--gbx-border:#e5e7eb;--gbx-bg:#ffffff}
.gbx-card{border:1px solid var(--gbx-border);border-radius:14px;padding:18px;max-width:560px;background:var(--gbx-bg);box-shadow:0 6px 18px rgba(0,0,0,.06);margin:14px 0}
.gbx-card--form h2{margin:0 0 10px;font-size:20px}
.gbx-card form{display:flex;flex-direction:column;gap:14px}
.gbx-card form label{display:flex;flex-direction:column;font-size:14px;gap:6px}
.gbx-card form input, .gbx-card form textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:14px}
.gbx-card form button{padding:10px 14px;border:none;border-radius:10px;cursor:pointer;background:var(--gbx-primary);color:#fff;transition:opacity .15s}
.gbx-card form button:hover{opacity:.9}
.gbx-form-msg{margin-top:8px;font-size:14px}
.gbx-form-hint{font-size:12px;color:var(--gbx-muted)}

.gbx-notice{padding:12px;border-radius:10px;margin:8px 0}
.gbx-notice--info{background:#eff6ff}
.gbx-notice--success{background:#ecfdf5}
.gbx-notice--error{background:#fef2f2}

.gbx-profile{border:1px solid var(--gbx-border);border-radius:14px;overflow:hidden;background:var(--gbx-bg);margin:14px 0}
.gbx-profile__banner{height:180px;background-size:cover;background-position:center}
.gbx-profile__head{display:flex;gap:12px;align-items:center;padding:12px}
.gbx-profile__avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:700}
.gbx-profile__avatar img{width:100%;height:100%;object-fit:cover}
.gbx-profile__avatar--placeholder{font-size:28px;color:var(--gbx-muted)}
.gbx-profile__username{color:var(--gbx-muted)}
.gbx-profile__bio{padding:0 12px 12px}
.gbx-profile__links{display:flex;gap:10px;flex-wrap:wrap;padding:0 12px 12px}
.gbx-chip{display:inline-block;padding:6px 10px;border:1px solid var(--gbx-border);border-radius:999px;font-size:12px}

.gbx-file img.gbx-preview{display:block;margin-top:8px;max-width:200px;border-radius:10px;border:1px solid var(--gbx-border)}

/* Account nav */
.gbx-nav{display:flex;gap:8px;margin:8px 0}
.gbx-nav--left{justify-content:flex-start}
.gbx-nav--center{justify-content:center}
.gbx-nav--right{justify-content:flex-end}
.gbx-btn{display:inline-block;padding:8px 12px;border-radius:10px;border:1px solid var(--gbx-border);text-decoration:none}
.gbx-btn--primary{background:var(--gbx-primary);color:#fff;border-color:var(--gbx-primary)}
.gbx-btn--ghost{background:#fff;color:#111}

.gbx-chip--icon{display:inline-flex;align-items:center;gap:6px}
.gbx-icon{width:32px;height:32px;display:inline-block}

.gbx-icon--img{width:32px;height:32px;border-radius:50%;object-fit:cover;display:inline-block}