/* Shared card and detail treatment. Existing actions remain in their original components. */
.wm-customer-card.customer-card{border-radius:18px;border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface);box-shadow:0 8px 28px #0000000a}
.wm-customer-card .customer-card-head{padding:22px 24px;gap:15px;background:var(--color-surface);align-items:center}
.wm-customer-card .customer-card-copy h3{font-size:20px;line-height:1.3;letter-spacing:-.35px;margin:0;overflow-wrap:anywhere}
.wm-customer-card .customer-avatar{border-radius:13px;background:var(--color-surface-soft);border:1px solid var(--color-border);min-width:48px;width:48px;height:48px;color:var(--color-primary)}
.wm-customer-card .customer-card-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.wm-customer-identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--color-muted);font-size:12px;margin-top:7px;overflow-wrap:anywhere}
.wm-telegram-link{color:var(--color-primary);text-decoration:none;text-underline-offset:4px}.wm-telegram-link:hover{text-decoration:underline}.wm-telegram-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:3px}
.wm-customer-card .customer-card-metrics{display:grid;grid-template-columns:1.15fr .85fr 1fr 1fr;gap:10px;padding:18px 20px;border-top:1px solid var(--color-border);background:transparent}
.wm-customer-card .wm-customer-metric{display:flex;flex-direction:column;gap:0;min-width:0;padding:16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-soft);position:relative;overflow:hidden;isolation:isolate}
.wm-customer-metric .wm-metric-label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-muted);margin-bottom:15px;line-height:1.35}.wm-metric-label svg{height:16px;width:16px;flex:none}
.wm-customer-metric strong{font-size:23px;line-height:1.2;font-weight:650;color:var(--color-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:-.4px}
.wm-customer-metric small{font-size:11px;color:var(--color-muted);margin-top:7px;line-height:1.4}
html .wm-customer-card .wm-balance,html .wm-customer-dialog .customer-detail-stats>div:first-child{background:#153e35!important;border-color:#316457!important;color:#e8fff5!important;position:relative;isolation:isolate;overflow:hidden}
html .wm-customer-card .wm-balance strong,html .wm-customer-dialog .customer-detail-stats>div:first-child strong{color:#80f1cd!important}
html .wm-customer-card .wm-balance .wm-metric-label,html .wm-customer-card .wm-balance small,html .wm-customer-dialog .customer-detail-stats>div:first-child span{color:#c0e0d5!important}
.wm-balance:before,.wm-customer-dialog .customer-detail-stats>div:first-child:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('./customer-balance.svg') right center/auto 100% no-repeat;opacity:.26;mask-image:linear-gradient(90deg,transparent 42%,#000 95%)}
.wm-customer-card .customer-wallet-breakdown{background:transparent;border-top:0;padding:0 22px 18px;font-size:12px}
.wm-customer-card>.customer-metric{background:transparent;border:0!important;padding:0 22px 18px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.wm-customer-card>.customer-metric>strong{font-size:12px}.wm-customer-card>.customer-metric>span{font-size:11px}.wm-customer-card>.customer-metric>small{flex-basis:100%}
.wm-dialog-error{margin:18px 28px 0;padding:14px 16px;border:1px solid var(--color-danger);border-radius:12px;background:var(--color-danger-soft);color:var(--color-danger)}
.wm-customer-dialog{width:min(1040px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;margin:auto;border:1px solid var(--color-border-strong);border-radius:22px;background:var(--color-surface);color:var(--color-text);box-shadow:0 28px 110px #0007;overflow:auto}
.wm-customer-dialog::backdrop{background:#030b12b8;backdrop-filter:blur(4px)}
.wm-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}
.wm-dialog-header small{font-size:11px;color:var(--color-muted)}.wm-dialog-header h2{margin:5px 0 0;font-size:25px;font-weight:650;line-height:1.3;letter-spacing:-.5px;overflow-wrap:anywhere}
.wm-dialog-close{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface-soft);color:var(--color-text);cursor:pointer}.wm-dialog-close svg{width:20px;height:20px}
.wm-dialog-close:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}
.wm-dialog-body .customer-detail{margin:0;border:0;padding:22px 28px 28px;background:var(--color-surface);border-radius:0}
.wm-dialog-body .customer-detail-toolbar{display:block;padding:0 0 20px;border:0;background:transparent}
.wm-dialog-body .customer-detail-toolbar>div:first-child{display:none}/* Identity stays in dialog heading; all tabs remain below. */
.wm-dialog-body .customer-detail-tabs{display:flex;gap:8px;flex-wrap:wrap;width:100%;padding-bottom:14px;border-bottom:1px solid var(--color-border)}
.wm-dialog-body .customer-detail-tabs button{min-height:44px;padding:10px 16px;border-radius:10px;flex:none;gap:8px}
.wm-dialog-body .customer-detail-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 22px;padding:0;border:0;background:transparent}
.wm-dialog-body .customer-detail-stats>div{border:1px solid var(--color-border);border-radius:12px;padding:18px 14px;background:var(--color-surface-soft);min-width:0;display:flex;flex-direction:column;gap:8px}
.wm-dialog-body .customer-detail-stats strong{font-size:22px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.wm-dialog-body .customer-detail-stats span{font-size:11px;color:var(--color-muted)}
.wm-dialog-body .customer-history-section{padding:20px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);margin-top:18px}
.wm-dialog-body .customer-section-heading{margin-bottom:16px}.wm-dialog-body .customer-section-heading h4{font-size:16px;letter-spacing:-.2px}
.wm-dialog-body .customer-ticket-links>a{padding:15px;border-radius:10px;background:var(--color-surface-soft);border:1px solid var(--color-border)}
.wm-dialog-body .customer-form-section{padding:20px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface)}
.wm-dialog-body input,.wm-dialog-body select,.wm-dialog-body textarea{font-size:16px;border-radius:10px;min-height:44px}
.wm-dialog-body .customer-detail-tabs{background:transparent!important;border:0!important;border-bottom:1px solid var(--color-border)!important;border-radius:0;padding:0 0 16px}.wm-dialog-body .customer-detail-tabs button{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:13px}
.wm-dialog-body .customer-section-heading{background:transparent!important;padding:0!important;border:0!important}.wm-dialog-body .customer-section-heading .eyebrow{font-size:10px;letter-spacing:.08em;color:var(--color-muted)}
html:root[data-admin-theme="light"] .wm-customer-card,html:root[data-admin-theme="light"] .wm-customer-card .customer-card-head,html:root[data-admin-theme="light"] .wm-customer-card .customer-card-metrics,html:root[data-admin-theme="light"] .wm-customer-dialog,html:root[data-admin-theme="light"] .wm-customer-dialog .wm-dialog-header,html:root[data-admin-theme="light"] .wm-customer-dialog .customer-detail{background:#fff!important;border-color:#d5e1e3!important}
html:root[data-admin-theme="light"] .wm-customer-card .wm-customer-metric:not(.wm-balance),html:root[data-admin-theme="light"] .wm-customer-dialog .customer-detail-stats>div:not(:first-child){background:#f2f6f7!important;border-color:#d6e1e5!important}
html:root[data-admin-theme="light"] .wm-customer-dialog .wm-name-editor,html:root[data-admin-theme="light"] .wm-customer-dialog .customer-history-section{background:#fff!important;border-color:#d6e1e5!important}
@media(max-width:800px){.wm-customer-card .customer-card-metrics{grid-template-columns:1fr 1fr}.wm-dialog-body .customer-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-dialog-header{padding:22px}.wm-dialog-body .customer-detail{padding:20px 22px}.wm-customer-card .customer-card-head{flex-wrap:wrap}.wm-customer-card .customer-card-actions{margin-left:auto}}
@media(max-width:520px){.wm-customer-card .customer-card-head{padding:18px;gap:12px}.wm-customer-card .customer-card-actions{width:100%;justify-content:space-between;margin:4px 0 0}.wm-customer-card .customer-card-copy{flex:1;min-width:0}.wm-customer-card .customer-card-copy h3{font-size:19px}.wm-customer-card .customer-card-metrics{padding:14px;gap:8px}.wm-customer-card .wm-customer-metric{padding:14px 12px}.wm-customer-metric strong{font-size:21px}.wm-customer-metric .wm-metric-label{font-size:11px;gap:6px}.wm-customer-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:16px}.wm-dialog-header{padding:18px;gap:12px}.wm-dialog-header h2{font-size:21px}.wm-dialog-body .customer-detail{padding:16px}.wm-dialog-body .customer-detail-stats{grid-template-columns:1fr 1fr}.wm-dialog-body .customer-detail-tabs{gap:6px}.wm-dialog-body .customer-detail-tabs button{padding:10px 12px}.wm-name-fields{grid-template-columns:1fr}.wm-name-editor,.wm-dialog-body .customer-history-section,.wm-dialog-body .customer-form-section{padding:16px}.wm-name-heading{align-items:flex-start}.wm-customer-identity{gap:5px 10px}}
@media(prefers-reduced-motion:reduce){.wm-customer-dialog,.wm-customer-card{scroll-behavior:auto;animation:none;transition:none}}
.wm-dialog-body .customer-operation-panel{padding:20px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface)}
.wm-dialog-body .customer-operation-heading{margin-bottom:20px}.wm-dialog-body .customer-operation-heading>span{display:grid;gap:6px}.wm-dialog-body .customer-operation-heading small{line-height:1.5;color:var(--color-muted)}
.wm-dialog-body .customer-operation-panel>.customer-metric{margin:0 0 20px;padding:14px 16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-soft)}
.wm-dialog-body textarea{font-family:inherit;line-height:1.5}.wm-dialog-body .game-rewards-panel .eyebrow{font-size:10px;letter-spacing:.08em;color:var(--color-muted)}.wm-dialog-body .game-rewards-panel h4{font-size:18px}.wm-dialog-body .game-rewards-panel>p{font-size:13px;color:var(--color-muted)}
html:root[data-admin-theme="light"] .wm-customer-dialog .customer-operation-panel,html:root[data-admin-theme="light"] .wm-customer-dialog .game-rewards-panel{background:#fff!important;border-color:#d6e1e5!important}
@media(max-width:520px){.wm-dialog-body .customer-operation-panel,.wm-dialog-body .game-rewards-panel{padding:16px}}
html:root[data-admin-theme="light"] .wm-customer-dialog .customer-detail-toolbar,html:root[data-admin-theme="light"] .wm-customer-dialog .customer-detail-tabs,html:root[data-admin-theme="light"] .wm-customer-dialog .customer-detail-stats{background:transparent!important;box-shadow:none!important;border:0!important}
html:root[data-admin-theme="light"] .wm-customer-dialog .customer-detail-tabs{border-bottom:1px solid #d6e1e5!important}
html:root[data-admin-theme="light"] .wm-customer-dialog .customer-ticket-links>a{background:#f2f6f7!important;border-color:#d6e1e5!important}
@media(max-width:520px){.wm-customer-dialog .customer-detail-stats>div{grid-column:auto!important}.wm-customer-dialog .customer-detail-stats>div:first-child{grid-column:1/-1!important}.wm-dialog-body .customer-detail-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.wm-dialog-body .customer-detail-tabs button{padding:10px 3px;font-size:12px;gap:4px}.wm-dialog-body .customer-detail-tabs svg{display:none}}

.wm-valuation-note{padding:12px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);line-height:1.5}.wm-customer-metric small{overflow-wrap:anywhere}