[data-change-mail]{width:100%;max-width:1500px;margin:0 auto;padding:10px 0 80px;color:#e5edf8}.cm-head,.cm-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.cm-head h1,.cm-card h2{margin:0;color:#f8fafc}.cm-head h1{font-size:clamp(26px,4vw,36px)}.cm-head p,.cm-section-head p,.cm-muted{margin:6px 0 0;color:#7dd3fc;font-size:13px}.cm-balance{padding:12px 16px;border:1px solid #155e75;border-radius:14px;background:#071b2d}.cm-balance b{display:block;color:#22d3ee;font-size:20px}.cm-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}.cm-card{padding:20px;border:1px solid #155e75;border-radius:18px;background:linear-gradient(145deg,rgba(8,47,73,.7),rgba(7,20,37,.96));box-shadow:0 16px 35px rgba(0,0,0,.14)}.cm-card form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.cm-card label{display:flex;flex-direction:column;gap:7px;color:#dbeafe;font-size:12px;font-weight:800}.cm-card input,.cm-card select{box-sizing:border-box;width:100%;height:46px;padding:0 13px;border:1px solid #28506d;border-radius:11px;outline:none;background:#071426;color:#e2e8f0}.cm-card input:focus,.cm-card select:focus{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.12)}.cm-price{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid #164e63;border-radius:12px;background:#082f49}.cm-price strong{color:#22d3ee;font-size:22px}.cm-info ol{padding-left:20px;color:#bae6fd;line-height:2}.cm-info p{color:#94a3b8;line-height:1.6}.cm-btn{min-height:42px;padding:9px 14px;border:1px solid #27627e;border-radius:11px;background:#10253a;color:#dbeafe;font-weight:800;cursor:pointer}.cm-btn.primary{border:0;background:linear-gradient(135deg,#22d3ee,#0ea5e9);color:#05202b}.cm-btn.danger{border-color:#be123c;color:#fda4af}.cm-btn:disabled{opacity:.45;cursor:not-allowed}.cm-btn.wide{width:100%;grid-column:1/-1}.cm-history{margin-top:16px}.cm-table-wrap{overflow:auto;border:1px solid #1e4660;border-radius:13px}.cm-table-wrap table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:850px}.cm-table-wrap th,.cm-table-wrap td{padding:12px;border-bottom:1px solid #17394f;text-align:left;font-size:12px}.cm-table-wrap th{background:#0b2a43;color:#8dc9ed;text-transform:uppercase}.cm-table-wrap td{color:#dbeafe}.cm-ellipsis{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-link{border:1px solid #0891b2;border-radius:9px;background:#062a3c;color:#67e8f9;padding:7px 11px;cursor:pointer}.cm-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#334155;color:#e2e8f0}.cm-badge.success{background:#065f46;color:#6ee7b7}.cm-badge.failed,.cm-badge.cancelled{background:#4c1729;color:#fda4af}.cm-badge.processing{background:#164e63;color:#67e8f9}.cm-badge.queued{background:#713f12;color:#fde68a}.cm-table-wrap small{display:block;margin-top:4px;color:#67e8f9}.cm-empty{padding:28px;text-align:center;color:#7890ad}.cm-toast{position:fixed;right:22px;bottom:70px;z-index:10050;max-width:380px;padding:12px 16px;border-radius:12px;color:#fff;pointer-events:none}.cm-toast.ok{background:#065f46}.cm-toast.bad,.cm-error{background:#4c1729;color:#fecdd3}.cm-modal{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:18px;background:rgba(1,8,20,.82)}.cm-dialog{position:relative;width:min(720px,96vw);max-height:90vh;overflow:auto;padding:24px;border:1px solid #155e75;border-radius:18px;background:#071a2d;color:#e5edf8}.cm-x{position:absolute;right:15px;top:12px;border:0;background:none;color:#67e8f9;font-size:28px;cursor:pointer}.cm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.cm-detail-row{min-width:0;padding:12px;border:1px solid #1c4058;border-radius:11px;background:#0a2237}.cm-detail-row span{display:block;color:#7ea6c2;font-size:10px;text-transform:uppercase}.cm-detail-row b{display:block;margin-top:5px;overflow-wrap:anywhere;font-size:13px}.cm-detail-row.full{grid-column:1/-1}.cm-actions,.cm-admin-settings{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.cm-secret{margin-top:12px;padding:14px;border:1px solid #854d0e;border-radius:11px;background:#2a1b08;line-height:1.8;overflow-wrap:anywhere}.cm-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.cm-stats div{padding:15px;border:1px solid #155e75;border-radius:13px;background:#071b2d}.cm-stats small{display:block;color:#7ea6c2}.cm-stats b{font-size:25px;color:#22d3ee}.cm-check{flex-direction:row!important;align-items:center!important;height:46px}.cm-check input{width:18px;height:18px}
@media(max-width:850px){.cm-layout{grid-template-columns:1fr}.cm-card form{grid-template-columns:1fr}.cm-stats{grid-template-columns:repeat(2,1fr)}.cm-detail-grid{grid-template-columns:1fr}.cm-detail-row.full{grid-column:auto}.cm-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){[data-change-mail]{padding-bottom:100px}.cm-card{padding:14px}.cm-table-wrap{border:0;overflow:visible}.cm-table-wrap table,.cm-table-wrap thead,.cm-table-wrap tbody,.cm-table-wrap tr,.cm-table-wrap td{display:block;min-width:0}.cm-table-wrap thead{display:none}.cm-table-wrap tr{margin-bottom:12px;padding:10px;border:1px solid #1e4660;border-radius:12px;background:#081b2d}.cm-table-wrap td{border:0;padding:6px}.cm-ellipsis{max-width:100%}}

/* Ganti Email: komponen alur pelanggan dan admin */
.cm-heading{display:flex;align-items:center;gap:14px}.cm-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #0e7490;border-radius:15px;background:linear-gradient(145deg,#0e7490,#075985);font-size:24px}.cm-head-metrics{display:flex;align-items:center;gap:12px}.cm-head-metrics>div{min-width:150px;padding:10px 14px;border:1px solid #164e63;border-radius:13px;background:#071b2d}.cm-head-metrics small{display:block;color:#7ea6c2}.cm-head-metrics b{display:block;margin-top:3px;color:#22d3ee;font-size:20px}.cm-live{padding:7px 11px;border:1px solid #7f1d1d;border-radius:999px;background:#3f1520;color:#fda4af;font-size:12px;font-weight:800}.cm-live.on{border-color:#047857;background:#063b35;color:#6ee7b7}.cm-stack{display:flex;flex-direction:column;gap:16px}.cm-card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.cm-card-title>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#0891b2;color:#ecfeff;font-weight:900}.cm-card-title h2,.cm-card-title p{margin:0}.cm-card-title p{margin-top:4px;color:#7dd3fc;font-size:12px}.cm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cm-form-grid .full{grid-column:1/-1}.cm-password{position:relative}.cm-password input{padding-right:48px}.cm-password button{position:absolute;right:4px;top:4px;width:38px;height:38px;border:0;background:transparent;color:#67e8f9;cursor:pointer}.cm-choices{display:grid;gap:9px}.cm-choice{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto;align-items:center!important;gap:11px!important;min-height:62px;padding:11px 13px;border:1px solid #234760;border-radius:12px;background:#07192b;cursor:pointer}.cm-choice.selected{border-color:#22d3ee;background:#07324a;box-shadow:0 0 0 2px rgba(34,211,238,.08)}.cm-choice:has(input:disabled){opacity:.46;cursor:not-allowed}.cm-choice input{position:absolute;width:1px;height:1px;opacity:0}.cm-radio{display:block;width:16px;height:16px;border:2px solid #64748b;border-radius:50%}.cm-choice.selected .cm-radio{border:5px solid #22d3ee}.cm-choice b,.cm-choice small{display:block}.cm-choice small{margin-top:3px;color:#7ea6c2;font-weight:500}.cm-choice em{color:#67e8f9;font-size:11px;font-style:normal}.cm-custom{margin-top:12px;padding:14px;border:1px dashed #0e7490;border-radius:12px;background:#061827}.cm-custom[hidden]{display:none}.cm-proxy-result{margin-top:12px;padding:11px;border-radius:10px;background:#0f2639;color:#94a3b8}.cm-proxy-result b,.cm-proxy-result span{display:block}.cm-proxy-result span{margin-top:3px;font-size:12px}.cm-proxy-result.checking{color:#fde68a}.cm-proxy-result.success{background:#063b35;color:#6ee7b7}.cm-proxy-result.failed{background:#3f1520;color:#fda4af}.cm-notice,.cm-note{margin:10px 0 0;color:#7ea6c2;font-size:11px;line-height:1.5}.cm-summary{position:sticky;top:84px}.cm-summary dl{margin:16px 0}.cm-summary dl>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #17394f}.cm-summary dt{color:#94a3b8}.cm-summary dd{margin:0;color:#e2e8f0;font-weight:800}.cm-summary .total dd{color:#22d3ee;font-size:24px}.cm-summary>p{color:#7ea6c2;font-size:12px;line-height:1.6}.cm-mini-steps{margin:14px 0 0;padding-left:23px;color:#bae6fd;line-height:2}.cm-timeline{display:grid;grid-template-columns:repeat(8,minmax(68px,1fr));gap:5px;margin:20px 0 12px;overflow:auto}.cm-timeline>div{min-width:68px;text-align:center;color:#64748b;font-size:10px}.cm-timeline i{display:grid;place-items:center;width:25px;height:25px;margin:0 auto 5px;border:1px solid #334155;border-radius:50%;font-style:normal}.cm-timeline .done,.cm-timeline .active{color:#67e8f9}.cm-timeline .done i{border-color:#047857;background:#065f46;color:#a7f3d0}.cm-timeline .active i{border-color:#22d3ee;background:#164e63}.cm-progress{height:7px;margin-bottom:15px;overflow:hidden;border-radius:999px;background:#162d42}.cm-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#10b981)}.cm-payment{margin-top:18px;padding:14px;border:1px solid #164e63;border-radius:12px;background:#061827}.cm-payment h3,.cm-payment p{margin:0 0 9px}.cm-payment p{color:#7ea6c2;font-size:12px}.cm-tabs{display:flex;gap:8px;margin-bottom:14px;overflow:auto}.cm-tabs button{white-space:nowrap;padding:10px 14px;border:1px solid #28506d;border-radius:10px;background:#071426;color:#94a3b8;font-weight:800;cursor:pointer}.cm-tabs button.active{border-color:#22d3ee;background:#0e7490;color:#fff}.cm-search{display:grid;grid-template-columns:2fr repeat(3,minmax(130px,1fr)) auto;gap:8px;margin:14px 0}.cm-search input,.cm-search select{height:42px;padding:0 11px;border:1px solid #28506d;border-radius:10px;background:#071426;color:#e2e8f0}.cm-admin-settings{margin-top:14px}.cm-error{border-color:#9f1239;background:#2a0d1a}
.cm-service-note{margin:-6px 0 16px;padding:11px 14px;border:1px solid #92400e;border-radius:12px;background:#2b1909;color:#fed7aa;font-size:12px;line-height:1.5}.cm-service-note b{color:#fbbf24}
.cm-badge.awaiting_confirmation{border:1px solid #d97706;background:#713f12;color:#fde68a}.cm-needs-confirmation{background:rgba(120,53,15,.18)}.cm-link.danger{border-color:#be123c;color:#fda4af}
.cm-change-mail-open,.cm-change-mail-open #root,.cm-layout-open{height:auto!important;max-height:none!important;min-height:100vh!important;overflow:visible!important}.cm-change-mail-open [data-change-mail]{min-height:calc(100vh - 100px)}
[data-cm-nav-scope]>*{background:transparent!important;color:inherit!important}[data-cm-nav-scope] [data-change-mail-nav][aria-current=page],[data-cm-nav-scope] [data-change-mail-admin-nav][aria-current=page]{background:#0b4158!important;color:#22d3ee!important;box-shadow:inset 3px 0 #22d3ee}
.cm-history-table table{table-layout:auto;min-width:900px}.cm-history-table th:nth-child(1){width:45px}.cm-history-table th:nth-child(2){width:31%}.cm-history-table th:nth-child(3){width:30%}.cm-history-table th:nth-child(4){width:13%}.cm-history-table th:nth-child(5){width:16%}.cm-email-change{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:7px;min-width:0}.cm-email-change span,.cm-email-change b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-email-change i{color:#22d3ee;font-style:normal;text-align:center}.cm-email-change small{grid-column:1/-1;color:#7ea6c2}.cm-account-info strong{display:flex;align-items:center;gap:6px}.cm-account-info strong small{display:inline-block;margin:0;padding:3px 7px;border-radius:999px;background:#064e3b;color:#6ee7b7;font-size:9px}.cm-account-info>div{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}.cm-account-info>div span,.cm-account-info code{padding:3px 6px;border:1px solid #28506d;border-radius:6px;background:#0c263b;color:#bae6fd;font-size:10px}.cm-account-info code{color:#c4b5fd}.cm-account-info p{max-width:310px;margin:0;overflow:hidden;text-overflow:ellipsis;color:#8fb2c9;font-size:10px;white-space:nowrap}.cm-cost-time b,.cm-cost-time span{display:block}.cm-cost-time span{margin-top:5px;color:#8fb2c9;font-size:10px}
.cm-history-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;flex-wrap:wrap}.cm-history-filters,.cm-session-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cm-history-filters button{min-height:36px;padding:7px 11px;border:1px solid #28506d;border-radius:9px;background:#071b2d;color:#a8c7da;font-weight:800;cursor:pointer}.cm-history-filters button:hover,.cm-history-filters button.active{border-color:#22d3ee;background:#0b3a50;color:#67e8f9}.cm-history-filters button span{display:inline-grid;min-width:21px;height:21px;margin-left:5px;padding:0 5px;place-items:center;border-radius:999px;background:#102b42;color:#dbeafe;font-size:10px}.cm-session-actions label{display:flex;flex-direction:row;align-items:center;gap:7px;color:#b9d5e7;font-size:11px;font-weight:700}.cm-session-actions input,.cm-row-pick input{width:17px;height:17px;padding:0;accent-color:#22d3ee;cursor:pointer}.cm-session-actions input:disabled,.cm-row-pick input:disabled{cursor:not-allowed;opacity:.4}.cm-row-pick{display:flex;align-items:center;gap:7px}.cm-row-pick span{color:#8dc9ed;font-weight:800}
.cm-event-price{display:grid;gap:5px;margin:12px 0;padding:12px;border:1px solid #b45309;border-radius:11px;background:linear-gradient(135deg,#351506,#172033);color:#fed7aa}.cm-event-price b{color:#fbbf24}.cm-event-price span{font-size:13px}.cm-event-price del{color:#94a3b8}.cm-event-price strong{color:#67e8f9;font-size:17px}.cm-event-price small{color:#fdba74}
@media(max-width:1000px){.cm-search{grid-template-columns:1fr 1fr}.cm-summary{position:static}}
@media(max-width:850px){.cm-head-metrics{width:100%;justify-content:space-between}.cm-form-grid{grid-template-columns:1fr}.cm-form-grid .full{grid-column:auto}.cm-choice{grid-template-columns:20px minmax(0,1fr)}.cm-choice em{grid-column:2}.cm-search{grid-template-columns:1fr}.cm-tabs{padding-bottom:4px}}
@media(max-width:560px){.cm-heading{align-items:flex-start}.cm-icon{width:44px;height:44px}.cm-head-metrics{align-items:stretch;flex-direction:column}.cm-head-metrics>div{width:100%;box-sizing:border-box}.cm-card form{display:block}.cm-choice{padding:10px}.cm-stats{grid-template-columns:1fr 1fr}.cm-actions .cm-btn{flex:1 1 140px}}
@media(max-width:560px){.cm-history-controls{align-items:stretch}.cm-session-actions{justify-content:space-between}.cm-history-table table,.cm-history-table tbody,.cm-history-table tr,.cm-history-table td{display:block;min-width:0}.cm-history-table tr{padding:13px}.cm-history-table td:first-child{display:none}.cm-history-table td.cm-row-pick{display:flex!important}.cm-history-table td{padding:7px!important}.cm-history-table td:nth-child(2)::before,.cm-history-table td:nth-child(3)::before,.cm-history-table td:nth-child(4)::before,.cm-history-table td:nth-child(5)::before{display:block;margin-bottom:5px;color:#6f91aa;font-size:9px;font-weight:800;text-transform:uppercase}.cm-history-table td:nth-child(2)::before{content:'Perubahan email'}.cm-history-table td:nth-child(3)::before{content:'Informasi akun'}.cm-history-table td:nth-child(4)::before{content:'Status'}.cm-history-table td:nth-child(5)::before{content:'Biaya & waktu'}.cm-email-change{grid-template-columns:1fr}.cm-email-change i{text-align:left}.cm-email-change small{grid-column:auto}.cm-account-info p{max-width:100%}}
.cm-toast{z-index:12050}.cm-btn.copied{border-color:#10b981!important;background:#065f46!important;color:#a7f3d0!important}.cm-copy-state{min-height:18px;margin:8px 0 0;color:#6ee7b7;font-size:12px}.cm-account-info>i{display:block;margin-top:4px;color:#7ea6c2;font-size:10px;font-style:normal}.cm-account-info strong small.no{background:#4c1729;color:#fda4af}.cm-account-info strong small.unknown{background:#27364a;color:#cbd5e1}.cm-promo-line{display:grid!important;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:5px!important;margin:6px 0!important}.cm-promo-line b{color:#67e8f9;font-size:10px}.cm-promo-line em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8fb2c9;font-size:10px;font-style:normal}.cm-targets{grid-template-columns:repeat(3,minmax(0,1fr))}.cm-targets .cm-choice{grid-template-columns:20px minmax(0,1fr)}.cm-targets .cm-choice em{grid-column:2}.cm-targets .cm-choice:has(input[value=gopay]:checked){border-color:#22d3ee}.cm-targets .cm-choice:has(input[value=upi]:checked){border-color:#a78bfa}.cm-targets .cm-choice:has(input[value=momo]:checked){border-color:#f472b6}
.cm-bulk-label{display:block!important}.cm-bulk-label>span{float:right;color:#67e8f9;font-size:11px;font-weight:600}.cm-bulk-label textarea{box-sizing:border-box;width:100%;min-height:150px;margin-top:8px;padding:13px;border:1px solid #28506d;border-radius:11px;outline:none;resize:vertical;background:#071426;color:#e2e8f0;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.cm-bulk-label textarea:focus{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.12)}.cm-account-meta{margin-top:9px;padding:9px 11px;border-radius:9px;background:#063b35;color:#6ee7b7;font-size:12px}.cm-account-meta.bad{background:#3f1520;color:#fda4af}
@media(max-width:850px){.cm-targets{grid-template-columns:1fr}.cm-promo-line{grid-template-columns:auto auto auto}.cm-promo-line em{grid-column:1/-1}}