/* Scoped customer directory: shared by archive and operations admin views. */
.sc-account-center{--ac-bg:#101317;--ac-panel:#171b20;--ac-line:#30363d;--ac-text:#f3f1ee;--ac-muted:#a6aeb8;--ac-accent:#e4b084;--ac-soft:#251e18;width:100%;min-width:0;container-type:inline-size;padding:12px 0 28px;color:var(--ac-text);font:400 14px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:normal}
.sc-account-center *{box-sizing:border-box;min-width:0}
.sc-account-center :is(h2,h3,p){margin:0;font-style:normal;letter-spacing:normal;text-transform:none}
.sc-account-center :is(button,input,select){font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none;clip-path:none}
.sc-account-center svg{display:block;flex:none;width:18px;height:18px}
.sc-account-center .sc-account-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid var(--ac-line)}
.sc-account-center .sc-account-eyebrow{display:block;margin:0 0 9px;color:var(--ac-accent);font-size:10px;font-weight:700;letter-spacing:.16em}
.sc-account-center .sc-account-heading h2{font-family:inherit;font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.2;color:var(--ac-text);letter-spacing:-.035em}
.sc-account-center .sc-account-heading p{margin-top:9px;font-size:14px;color:var(--ac-muted)}
.sc-account-center .sc-account-total{display:flex;align-items:center;gap:15px;flex:none;min-width:150px;padding:13px 20px;border:1px solid var(--ac-line);border-radius:14px;background:var(--ac-panel)}
.sc-account-center .sc-account-total>svg{width:26px;height:26px;color:var(--ac-accent)}
.sc-account-center .sc-account-total strong{display:block;font-size:26px;line-height:1.15;font-weight:650;font-variant-numeric:tabular-nums}
.sc-account-center .sc-account-total span{font-size:11px;color:var(--ac-muted)}
.sc-account-center .sc-account-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(130px,1fr) minmax(180px,1fr) auto;align-items:end;gap:14px;padding:18px;border:1px solid var(--ac-line);border-radius:14px;background:var(--ac-panel)}
.sc-account-center .sc-account-filters label{display:grid;gap:7px;color:var(--ac-muted);font-size:12px;font-weight:550}
.sc-account-center .sc-account-filters :is(input,select){width:100%;min-height:46px;height:46px;border:1px solid var(--ac-line)!important;background:var(--ac-bg)!important;color:var(--ac-text)!important;border-radius:8px!important;padding:10px 12px;margin:0;font-size:14px;line-height:1.5;color-scheme:dark}
.sc-account-center .sc-account-filters input::placeholder{color:#949ea9;opacity:1}
.sc-account-center .sc-account-search>span{position:relative;display:block}
.sc-account-center .sc-account-search>span>svg{position:absolute;left:13px;top:14px;color:var(--ac-muted);pointer-events:none}
.sc-account-center .sc-account-search input{padding-left:40px}
.sc-account-center .sc-account-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:auto;margin:0;padding:10px 15px;border:1px solid var(--ac-line);border-radius:8px;background:transparent;color:var(--ac-text);font-size:13px;font-weight:600;line-height:1.5;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}
.sc-account-center .sc-account-button.primary{background:var(--ac-accent);border-color:var(--ac-accent);color:#21160d}
.sc-account-center .sc-account-button.primary:hover{background:#f0c59f;border-color:#f0c59f}
.sc-account-center .sc-account-button.subtle{color:var(--ac-muted)}
.sc-account-center .sc-account-button.subtle:hover{color:var(--ac-text);background:var(--ac-panel);border-color:#636b74}
.sc-account-center .sc-account-button:disabled{opacity:.35;cursor:default;pointer-events:none}
.sc-account-center .sc-account-filters>.sc-account-button{height:46px}
.sc-account-center :is(button,input,select):focus-visible{outline:2px solid var(--ac-accent)!important;outline-offset:3px}
.sc-account-center .sc-account-results{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 14px;font-size:12px;color:var(--ac-muted)}
.sc-account-center .sc-account-results p{font-size:13px;color:var(--ac-muted)}
.sc-account-center .sc-account-results strong{color:var(--ac-text);font-weight:600}
.sc-account-center .sc-account-reset{border:0;background:transparent;color:var(--ac-accent);cursor:pointer;font-size:12px;min-height:32px;padding:5px}
.sc-account-center .sc-account-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:18px;align-items:start}
.sc-account-center .sc-account-card{padding:22px;border:1px solid var(--ac-line);border-radius:16px;background:linear-gradient(145deg,var(--ac-panel),var(--ac-bg));box-shadow:0 5px 20px #00000012;overflow:hidden}
.sc-account-center .sc-account-card-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center}
.sc-account-center .sc-account-avatar{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:var(--ac-accent);background:var(--ac-soft);border:1px solid #705037;font-size:17px;font-weight:650}
.sc-account-center .sc-account-identity h3{font-size:17px;font-weight:650;line-height:1.3;color:var(--ac-text);overflow-wrap:anywhere}
.sc-account-center .sc-account-identity p{font-size:12px;color:var(--ac-muted);margin-top:3px;overflow-wrap:anywhere}
.sc-account-center .sc-account-status{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid #415047;border-radius:6px;font-size:11px;font-weight:550;line-height:1.5;color:#94d6b4;background:#162a22}
.sc-account-center .sc-account-status i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.sc-account-center .sc-account-status.pending{background:#302619;border-color:#645132;color:#ebc58a}
.sc-account-center .sc-account-status.blocked{background:#321f23;border-color:#663b43;color:#f1a7ae}
.sc-account-center .sc-account-mail{display:flex;align-items:flex-start;gap:8px;color:var(--ac-muted);font-size:12px;line-height:1.6;margin:16px 0 18px;overflow-wrap:anywhere}
.sc-account-center .sc-account-mail svg{width:16px;height:16px;margin-top:2px}
.sc-account-center .sc-account-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding:16px 0;border-top:1px solid var(--ac-line);border-bottom:1px solid var(--ac-line)}
.sc-account-center .sc-account-facts>div:last-child{grid-column:1/-1;display:flex;align-items:center;gap:8px}
.sc-account-center .sc-account-facts span{display:block;color:var(--ac-muted);font-size:11px;margin-bottom:4px}
.sc-account-center .sc-account-facts strong{font-size:13px;font-weight:550;color:var(--ac-text);overflow-wrap:anywhere}
.sc-account-center .sc-account-facts>div:last-child :is(span,strong){font-size:11px;margin:0}
.sc-account-center .sc-account-facts strong.sc-account-vip{display:inline-flex;background:var(--ac-soft);border:1px solid #705037;color:var(--ac-accent);padding:1px 9px;border-radius:4px;font-size:11px;letter-spacing:.08em}
.sc-account-center .sc-account-extra{font-size:11px;color:var(--ac-muted);margin-top:12px}
.sc-account-center .sc-account-review{display:flex;align-items:flex-start;gap:8px;padding:12px;margin-top:14px;border-radius:8px;background:var(--ac-soft);color:var(--ac-accent);font-size:12px;overflow-wrap:anywhere}
.sc-account-center .sc-account-review svg{width:16px;height:16px;margin-top:2px}
.sc-account-center .sc-account-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:18px}
.sc-account-center .sc-account-card-actions .sc-account-button{padding:9px 12px;font-size:12px;flex:1 1 auto}
.sc-account-center .sc-account-card-actions .sc-account-button.subtle{border-color:transparent;justify-content:flex-start;flex:0 1 auto;padding-left:0}
.sc-account-center .sc-account-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ac-line);margin-top:26px;padding-top:17px;font-size:12px;color:var(--ac-muted);font-variant-numeric:tabular-nums}
.sc-account-center .sc-account-pages [data-prev] svg{transform:rotate(180deg)}
.sc-account-center .sc-account-pages svg{width:15px;height:15px}
.sc-account-center .sc-account-empty{grid-column:1/-1;display:grid;justify-items:center;gap:12px;text-align:center;padding:45px 20px;border:1px dashed var(--ac-line);border-radius:14px;background:var(--ac-bg)}
.sc-account-center .sc-account-empty>svg{width:28px;height:28px;color:var(--ac-accent)}
.sc-account-center .sc-account-empty h3{font-size:18px;color:var(--ac-text)}
.sc-account-center .sc-account-empty p{font-size:13px;color:var(--ac-muted);max-width:400px}
[data-profile-list]:has(>.sc-account-center){display:block!important}
[aria-busy=true]>.sc-account-center .sc-account-button{pointer-events:none;opacity:.5}
body.sc-admin-light .sc-account-center{--ac-bg:#fff;--ac-panel:#f6f7f8;--ac-line:#d9dee4;--ac-text:#242a31;--ac-muted:#596571;--ac-accent:#d9a87f;--ac-soft:#f5eadd}
body.sc-admin-light .sc-account-center .sc-account-filters :is(input,select){color-scheme:light}
/* Existing editor actions keep their server-side authorization and confirmations. */
dialog.sc-detail-dialog.sc-account-dialog{width:min(820px,calc(100vw - 24px));border:1px solid #3a414a;border-radius:18px;background:#12161b;color:#f3f1ee;box-shadow:0 24px 80px #0009;font:14px/1.5 Inter,system-ui,sans-serif}
dialog.sc-account-dialog>header{border-bottom:1px solid #30363d;padding:20px 24px;background:#171b20}
dialog.sc-account-dialog>header h2{font:600 18px/1.4 Inter,system-ui,sans-serif;color:#f3f1ee}
dialog.sc-account-dialog .sc-detail-body{padding:24px}
dialog.sc-account-dialog .sc-profile-fields{gap:16px;margin-top:22px}
dialog.sc-account-dialog .sc-profile-fields>label{font-size:12px;color:#b0bac5}
dialog.sc-account-dialog .sc-profile-fields :is(input:not([type=checkbox]),select,textarea){background:#0d1115!important;color:#f3f1ee!important;border:1px solid #3a414a!important;border-radius:8px!important;min-height:44px;width:100%;padding:11px 12px;font:16px/1.5 Inter,system-ui,sans-serif;color-scheme:dark}
dialog.sc-account-dialog .sc-profile-fields fieldset{border:1px solid #3a414a;border-radius:10px;padding:14px}
dialog.sc-account-dialog .btn{background:#1e242b;color:#e6e9ec;border:1px solid #414953;border-radius:8px;padding:10px 14px;min-height:44px;font:500 13px/1.5 Inter,system-ui,sans-serif}
dialog.sc-account-dialog .btn.gold{background:#e4b084;color:#21160d;border-color:#e4b084}
dialog.sc-account-dialog .btn.danger{background:#311e22;color:#f1a7ae;border-color:#663b43}
dialog.sc-account-dialog .btn:disabled{opacity:.4}
dialog.sc-account-dialog :is(button,input,select,textarea):focus-visible{outline:2px solid #e4b084;outline-offset:3px}
@container(max-width:850px){.sc-account-center .sc-account-filters{grid-template-columns:1fr 1fr}.sc-account-center .sc-account-search{grid-column:1/-1}.sc-account-center .sc-account-filters>.sc-account-button{grid-column:1/-1}.sc-account-center .sc-account-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}}
@container(max-width:500px){.sc-account-center .sc-account-heading{gap:12px;padding-bottom:20px;margin-bottom:18px;align-items:flex-start}.sc-account-center .sc-account-heading h2{font-size:clamp(20px,6cqi,25px)}.sc-account-center .sc-account-heading p{font-size:12px}.sc-account-center .sc-account-total{padding:10px;min-width:60px;text-align:center;justify-content:center}.sc-account-center .sc-account-total>svg{display:none}.sc-account-center .sc-account-total strong{font-size:22px}.sc-account-center .sc-account-total span{font-size:9px}.sc-account-center .sc-account-filters{gap:12px;padding:14px}.sc-account-center .sc-account-filters :is(input,select){font-size:16px}.sc-account-center .sc-account-filters select{font-size:13px}.sc-account-center .sc-account-results>span{font-size:10px}.sc-account-center .sc-account-card{padding:20px}.sc-account-center .sc-account-pages .sc-account-button{font-size:12px;padding:8px 10px}}
@media(max-width:600px){dialog.sc-account-dialog .sc-profile-fields{grid-template-columns:1fr}dialog.sc-account-dialog>header,dialog.sc-account-dialog .sc-detail-body{padding:16px}dialog.sc-account-dialog .sc-profile-actions .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.sc-account-center .sc-account-button{transition:none}}