.login-register{display:block;margin-top:16px;padding:10px;border:1px solid var(--line);border-radius:7px;color:var(--brand-dark);font-size:13px;font-weight:700}.login-register:hover{background:var(--brand-soft)}
.accounts-shell{display:grid;gap:16px}.account-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-create,.registration-control{padding:22px}.account-create h2,.registration-control h2,.account-list h2{margin:0 0 14px;font-size:17px}.registration-control p,.account-list header p,.role-hint{color:var(--muted);font-size:12px}.registration-control form{display:flex;align-items:center;gap:9px;margin-top:20px}.status-pill,.role-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 9px;background:#f0f1f3;color:#737b87;font-size:11px;font-weight:800}.status-pill.on{background:#e8f7ee;color:#217a49}.role-badge.master{background:#eeeaff;color:#5b3ec0}.role-badge.admin{background:#eaf0ff;color:#3159b9}.role-badge.user{background:#edf5f0;color:#28704c}.account-list>header{padding:20px 22px 12px}.account-list>header h2{margin-bottom:3px}.account-list>header p{margin:0}.account-row{display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(280px,auto);align-items:center;gap:14px;padding:15px 22px;border-top:1px solid var(--line)}.account-identity{display:flex;align-items:center;gap:10px;min-width:0}.account-identity strong,.account-identity small{display:block}.account-identity small{color:var(--muted);font-size:11px;margin-top:2px}.account-actions{display:flex;justify-content:flex-end;gap:7px}.account-actions form{display:flex;gap:6px}.account-actions input{width:145px;padding:7px 9px}.account-actions .button{padding:7px 10px}.danger-button{color:var(--red);border-color:#e8c8cb}.account-locked{color:var(--muted);text-align:right}
@media(max-width:900px){.account-summary{grid-template-columns:1fr}.account-row{grid-template-columns:1fr auto}.account-actions{grid-column:1/-1;justify-content:flex-start}.account-locked{grid-column:1/-1;text-align:left}}
@media(max-width:600px){.account-actions{display:grid}.account-actions form:first-child{display:grid;grid-template-columns:1fr auto}.account-actions input{width:100%}.account-row{padding:14px}.registration-control form{align-items:flex-start;flex-direction:column}}