/* /System/Style/account-common.css */
.acct-menu { list-style:none; padding:0; margin:8px 0; }
.acct-menu li { margin:2px 0; }
.acct-menu a { color:#CDD6F4; text-decoration:none; font-size:0.86em; padding:4px 6px;
               display:block; border-radius:4px; }
.acct-menu a:hover { background:#313244; color:#CBA6F7; }
.acct-menu b { color:#A6E3A1; }

.acct-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:8px; margin-top:14px; }
.acct-grid .ck { background:#1E1E2E; border:1px solid #31324480; border-radius:8px;
                 overflow:hidden; display:block; text-decoration:none; color:inherit; }
.acct-grid .ck:hover { border-color:#CBA6F780; }
.acct-grid .ck img { width:100%; height:130px; object-fit:cover; display:block; background:#11111B; }
.acct-grid .ck .nm { padding:5px 7px; font-size:11px; color:#A6ADC8;
                     white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.acct-grid .ck .ph { height:130px; display:flex; align-items:center; justify-content:center;
                     background:#11111B; color:#585B70; font-size:0.78em; }

.acct-empty { padding:32px; text-align:center; color:#6c7293; }

.acct-list { list-style:none; padding:0; }
.acct-list li { padding:10px 12px; border-bottom:1px solid #31324460;
                display:flex; gap:8px; align-items:center; justify-content:space-between; }
.acct-list .meta { color:#7f849c; font-size:0.78em; }
.acct-list button {
    background:#313244; border:1px solid #45475980; color:#CDD6F4;
    border-radius:6px; padding:4px 12px; cursor:pointer; font-family:inherit; font-size:0.82em;
}
.acct-list button:hover { background:#F38BA8; color:#11111B; border-color:#F38BA8; }
.acct-list .name { color:#CDD6F4; flex:1; }
.acct-list .name b { color:#CBA6F7; }
.acct-list code { background:#11111B; padding:2px 6px; border-radius:4px; color:#FAB387; font-size:0.82em; }

.acct-action {
    display:flex; gap:8px; margin-top:8px;
}
.acct-action input { flex:1; background:#181825; border:1px solid #45475980;
                     border-radius:6px; color:#CDD6F4; padding:7px 10px; font-family:inherit; font-size:0.9em; }
.acct-action button { background:#CBA6F7; color:#11111B; border:none;
                      border-radius:6px; padding:7px 14px; font-weight:600; cursor:pointer; font-family:inherit; }
.acct-action button:hover { background:#A6E3A1; }