/* Integrates legacy reseller features with the reference theme. No legacy theme layers are loaded. */
:root{--green:var(--accent-color);--pink:var(--accent-color);--neon:#f43f5e;--text:var(--text-muted);--border:var(--border-subtle);--card:var(--bg-card)}
[hidden]{display:none!important}
main{min-width:0}button,a,input,select,textarea{touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}
.card-box{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:26px 24px;margin-top:12px;margin-bottom:26px;color:var(--text-main);box-shadow:var(--shadow-card);min-width:0}
.card-box h3{font-size:1.12rem;font-weight:700;margin-bottom:18px}.card-glow,.bg-grid,.mm-motion{display:none}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding:24px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-card)}.page-head h2{font-size:1.35rem;font-weight:700;margin:0}.page-head small{display:block;font-size:.65rem;color:var(--text-muted);letter-spacing:1px;margin-top:8px}.credit-pill{color:var(--accent-color);white-space:nowrap;font-size:.8rem}
.form-input,.form-input-sm{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;width:100%;padding:12px 14px;color:var(--text-main);font-size:.95rem;min-height:46px}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 16px var(--accent-soft)}.form-input::placeholder{color:var(--text-muted)}.gen-label,.link-field label,.sub-create label{display:block;color:var(--accent-color);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.7px;margin-bottom:7px}
.btn-gen,.btn-confirm{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;border:0;border-radius:10px;background:var(--accent-gradient);color:var(--text-dark);font-weight:700;font-size:.9rem;box-shadow:0 4px 16px var(--accent-soft);text-decoration:none}.btn-gen:hover{color:var(--text-dark);filter:brightness(1.08)}.btn-cancel,.sub-action,.link-action{padding:9px 14px;background:var(--bg-input);border:1px solid var(--border-card);border-radius:8px;color:var(--text-main);font-size:.8rem;text-decoration:none}
.mm-key-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.mm-key-toolbar>a{font-size:1rem;display:inline-flex;gap:8px;align-items:center}.mm-key-management{position:relative;z-index:3;border-top:2px solid var(--accent-color)!important}.mm-key-management h5{font-size:1.15rem}.mm-actions{position:relative;margin:0}.mm-actions summary{list-style:none;display:flex;align-items:center;gap:8px;background:var(--accent-gradient);color:var(--text-dark);border-radius:8px;padding:6px 16px;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 0 16px var(--accent-soft)}.mm-actions summary::-webkit-details-marker{display:none}.mm-actions-list{position:absolute;right:0;top:calc(100% + 8px);width:min(280px,80vw);max-height:65vh;overflow-y:auto;border:1px solid var(--border-card);border-radius:12px;background:var(--bg-modal);padding:8px;box-shadow:0 16px 40px #0008;z-index:1060}.mm-actions-list form{margin:0}.mm-actions-list :is(a,button){display:block;width:100%;padding:10px 12px;border:0;background:transparent;text-align:left;border-radius:6px;color:var(--text-main);font-size:.82rem;text-decoration:none}.mm-actions-list :is(a,button):hover{background:var(--accent-soft);color:var(--accent-color)}.mm-actions-list label{font-size:.75rem;padding:8px}.mm-actions-list input{width:100%;background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:6px;padding:8px;font-size:.8rem}
#sec-ledger{border-top:2px solid var(--accent-color)}.table-header{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.table-header h3{margin:0;display:flex;gap:8px;align-items:center}.table-header h3>i{color:var(--text-main)}.badge-count{display:none}.refresh-btn{display:none}#mmKeyVisibility{margin-left:auto;background:var(--bg-input);border:1px solid var(--border-card);color:var(--text-main);border-radius:8px;min-height:32px;padding:5px 14px;display:flex;gap:8px;align-items:center;font-size:.8rem;font-weight:600}
.key-search-form{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 18px}.key-search-form>label{font-size:.85rem;color:var(--text-muted)}.key-search-form>select{width:90px!important;height:46px;min-height:46px!important;flex:none}.key-search-box{display:flex;align-items:center;gap:9px;margin-left:auto;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;padding:9px 12px;min-width:160px;max-width:100%;flex:0 1 300px;color:var(--text-muted)}.key-search-box input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--text-main);font-size:.85rem}.key-search-box input::placeholder{color:var(--text-muted)}.key-search-box button{background:transparent;color:var(--accent-color);border:0;font-size:.75rem}.key-search-box>i{font-size:1.1rem}
.ledger-table-scroll,.table-scroll,.table-responsive{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border-card) transparent}.keys-table{width:100%;min-width:960px;border-collapse:collapse}.keys-table td{padding:12px 10px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-size:.8rem;vertical-align:middle}.keys-table th{padding:8px 10px;text-align:left;white-space:nowrap}.mobile-key-line{display:flex;align-items:center;gap:7px}.key-code{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-main);white-space:nowrap;user-select:all}.key-copy,.mm-copy-icon{background:transparent;border:0;color:var(--status-info);padding:3px 5px;font-size:.8rem}.mm-keys-hidden .key-code{filter:blur(5px);user-select:none}.table-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.table-actions form{margin:0}.table-actions button{display:inline-grid;place-items:center;width:30px;height:30px;min-height:30px;padding:4px;border:1px solid var(--border-card);background:var(--accent-soft);color:var(--accent-color);border-radius:7px;font-size:.85rem}.table-actions .btn-delete{color:var(--status-danger);border-color:#f43f5e44;background:#f43f5e12}.table-actions .btn-revoke{color:var(--status-warning);border-color:#f59e0b44;background:#f59e0b12}.table-actions .btn-activate{color:var(--status-active)}.keys-table .badge{padding:5px 9px;white-space:nowrap;text-transform:uppercase;font-size:.65rem;border-radius:20px}.badge-active,.badge-paused{color:var(--accent-color);background:var(--accent-soft);border:1px solid var(--border-card)}.badge-expired,.badge-revoked{color:var(--status-danger);background:#f43f5e14;border:1px solid #f43f5e33}.ledger-scroll-note{font-size:.7rem;color:var(--text-muted);margin:10px 0}.key-page-info,.key-pagination{font-size:.75rem;color:var(--text-muted);margin-top:16px}.key-pagination{display:flex;gap:16px;justify-content:space-between}.empty-state{padding:40px 16px;text-align:center;color:var(--text-muted)}
.mm-chart{display:flex;align-items:end;justify-content:space-between;gap:5px;height:90px;padding:0 4px;border-bottom:1px solid var(--border-card)}.mm-chart-column{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:.68rem}.mm-chart-column>div{width:100%;max-width:28px;min-height:6px;border-radius:4px 4px 0 0;background:var(--accent-soft-border)}.mm-chart-column small{font-size:.65rem}.mm-chart-column.today{color:var(--accent-color);font-weight:700}.mm-chart-column.today>div{background:var(--accent-color);box-shadow:0 0 12px var(--accent-soft)}.mm-history .vip-table{min-width:730px}.mm-history td{padding:8px;font-size:.75rem;white-space:nowrap;border-bottom:1px solid var(--border-subtle)}.mm-history code{font-family:var(--font-mono);font-size:.72rem;white-space:nowrap;color:var(--text-main)}.mm-history th{padding:8px}.mm-quick-actions{display:grid;gap:10px;margin-top:18px}.mm-quick-actions a{display:flex;align-items:center;gap:12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;color:var(--text-main);text-decoration:none}.mm-quick-actions strong{display:block;font-size:.84rem}.mm-quick-actions small{display:block;font-size:.72rem;color:var(--text-muted)}.mm-session-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-subtle);padding:14px 0;font-size:.85rem}.mm-session-row>span{color:var(--text-muted)}
.generated-batch{max-width:390px;margin:0 auto 24px;border:1px solid var(--border-card);border-radius:12px;padding:18px;background:var(--bg-card)}.generated-batch-head{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:.85rem}.generated-key-list{display:grid;gap:8px;margin-top:14px}.generated-key-row{display:flex;gap:8px;padding:10px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;align-items:center}.generated-key-row code{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-color);overflow-wrap:anywhere}.generated-batch button{margin-left:auto;border:0;background:transparent;color:var(--accent-color);font-size:.75rem}.generated-batch-meta{margin-top:12px;font-size:.65rem;color:var(--text-muted)}
.modal-overlay{position:fixed;inset:0;background:#04070fcc;backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:16px;z-index:1070}.modal-overlay.active{display:flex}.modal-box{width:100%;max-width:460px;max-height:90vh;overflow:auto;background:var(--bg-modal);border:1px solid var(--border-card);border-radius:16px;padding:24px;box-shadow:0 20px 50px #000a}.modal-box h3{font-size:1.2rem;font-weight:700}.modal-box p{color:var(--text-muted);font-size:.85rem}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions>*{flex:1}.form-group{margin-top:14px}.form-group>label{font-size:.8rem;margin-bottom:7px;color:var(--accent-color)}
.sub-layout{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:20px}.sub-form-grid,.sub-list-grid{display:grid;gap:12px}.sub-card{background:var(--bg-input);border:1px solid var(--border-subtle);padding:16px;border-radius:12px}.sub-card-head{display:flex;justify-content:space-between;margin-bottom:12px;gap:8px}.sub-card-head small{display:block;color:var(--text-muted);font-size:.7rem}.sub-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sub-check{display:flex;gap:8px;margin:12px 0;font-size:.8rem}.sub-actions{display:flex;flex-wrap:wrap;gap:7px}.sub-state{font-size:.65rem;color:var(--accent-color)}.profile-card{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.profile-mini-stats{display:flex;width:100%;justify-content:space-between;gap:12px}.profile-mini-stat small{display:block;color:var(--text-muted)}.profile-mini-stat strong{color:var(--accent-color)}.link-builder{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.link-help{grid-column:1/-1;color:var(--text-muted);font-size:.75rem}.generated-link{background:var(--bg-input);padding:12px;border:1px solid var(--border-subtle);border-radius:10px;margin-top:12px}.generated-link-top,.generated-link-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.link-meta{display:flex;gap:8px;font-size:.7rem}.link-date{color:var(--text-muted);font-size:.7rem}.generated-link-row{margin-top:10px}.link-card-head h3{margin-bottom:6px}.link-card-head p{font-size:.8rem;color:var(--text-muted)}
@media(max-width:767px){.sub-layout{grid-template-columns:1fr}.card-box{padding:20px 16px}.link-builder{grid-template-columns:1fr}.generated-link-top,.generated-link-row{flex-wrap:wrap}.key-search-box{flex:1;min-width:180px}.mm-key-toolbar>a{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


  /* Custom Switch Toggle matching Image 2 */
  .vip-custom-switch {
    width: 38px !important;
    height: 20px !important;
    background-color: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 20px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
  }
  .vip-custom-switch:checked {
    background-color: var(--accent-color, #0df2c9) !important;
    border-color: var(--accent-color, #0df2c9) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23080d1a'/%3e%3c/svg%3e") !important;
    box-shadow: 0 0 10px var(--accent-glow, rgba(13, 242, 201, 0.5)) !important;
  }

.mm-account-details{margin-top:20px;border-top:1px solid var(--border-subtle);padding-top:12px}.mm-account-details>summary{font-size:.75rem;color:var(--text-muted);cursor:pointer}.mm-account-details[open]>summary{margin-bottom:18px}
/* Keep supporting pages in the same dark/light palette. */
.alert{border-radius:10px;font-size:.85rem}.alert-success{background:var(--accent-soft);border:1px solid var(--border-card);color:var(--accent-color)}.alert-warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);color:var(--status-warning)}.alert-danger{background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.3);color:var(--status-danger)}
.sub-layout{align-items:start}.sub-create>p,.sub-list>p{font-size:.8rem;color:var(--text-muted);line-height:1.55}.sub-card-head strong{font-size:.9rem}
.mm-actions-list :is(a,button){display:flex;align-items:center;gap:10px}.mm-actions-list :is(a,button)>i{width:18px;flex:0 0 18px;text-align:center;font-size:1rem;line-height:1}

.mm-key-edit-dialog{width:min(560px,calc(100vw - 28px));max-height:90svh;overflow:auto;margin:auto;padding:24px;color:var(--text-main);background:var(--bg-modal);border:1px solid var(--accent-soft-border);border-radius:16px;box-shadow:0 24px 80px #0006}.mm-key-edit-dialog::backdrop{background:#030712b8;backdrop-filter:blur(5px)}.mm-key-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.mm-key-detail-grid>div{background:var(--bg-input);border:1px solid var(--border-subtle);padding:12px;border-radius:9px;min-width:0}.mm-key-detail-grid dt{font-size:11px;color:var(--text-muted);margin-bottom:5px}.mm-key-detail-grid dd{font-size:12px;overflow-wrap:anywhere;margin:0}@media(max-width:480px){.mm-key-edit-dialog{padding:20px 16px}.mm-key-detail-grid{grid-template-columns:1fr}}

.mm-key-edit-dialog form>.btn-vip-primary{position:sticky;bottom:0;z-index:1}

/* Account logo uploader shared by Admin and reseller settings. */
.mm-logo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mm-logo-heading .vip-form-label{display:block;margin-bottom:5px}.mm-logo-heading h5{margin:0;font-size:16px;font-weight:750;color:var(--text-main)}.mm-logo-tag{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--accent-soft-border);background:var(--accent-soft);color:var(--accent-color);border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700}
.mm-logo-upload-card{display:flex;align-items:center;gap:22px;border:1px dashed var(--accent-soft-border);background:linear-gradient(120deg,var(--accent-soft),transparent 72%),var(--bg-input);padding:22px;border-radius:14px}.mm-logo-preview-box{width:96px;height:96px;flex:0 0 96px;display:grid;place-items:center;border-radius:18px;border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:0 5px 18px #0001;color:var(--accent-color);font-size:32px;overflow:hidden}.mm-logo-preview-box img{width:100%;height:100%;object-fit:contain;padding:8px}.mm-logo-preview-box [hidden]{display:none!important}.mm-logo-upload-content{min-width:0;flex:1}.mm-logo-upload-content>strong{font-size:14px;color:var(--text-main);font-weight:750}.mm-logo-upload-content>p{font-size:11px;color:var(--text-muted);margin:5px 0 13px}.mm-logo-choose{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;cursor:pointer;padding:9px 14px;border-radius:9px;background:var(--bg-card);border:1px solid var(--accent-soft-border);color:var(--accent-color);font-size:12px;font-weight:750;margin:0}.mm-logo-choose:hover{background:var(--accent-soft)}.mm-logo-choose:focus-within{outline:2px solid var(--accent-color);outline-offset:3px}.mm-logo-choose input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0}.mm-logo-file-status{display:block;color:var(--text-muted);font-size:10px;margin-top:9px;overflow-wrap:anywhere}.mm-logo-file-status.is-invalid{color:#f87171}.mm-logo-upload-help{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;color:var(--text-muted);font-size:10px;margin:14px 0 18px}.mm-logo-upload-help>i{color:var(--accent-color)}.mm-logo-upload-help>span{opacity:.5}.mm-logo-save{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:10px!important}.mm-logo-save i{font-size:17px}@media(max-width:480px){.mm-logo-upload-card{gap:14px;padding:17px 14px}.mm-logo-preview-box{width:72px;height:72px;flex-basis:72px;border-radius:14px;font-size:26px}.mm-logo-upload-content>p{font-size:10px}.mm-logo-heading h5{font-size:14px}.mm-logo-tag{display:none}.mm-logo-choose{padding:8px 12px}.mm-logo-upload-help{font-size:9px;gap:5px}}

.mm-logo-form{border-color:var(--border-subtle)!important}

#modalNotifications .vip-modal{max-height:90svh;overflow-y:auto;width:min(560px,calc(100vw - 28px))}#modalNotifications .vip-modal-header{position:sticky;top:0;background:var(--bg-modal);z-index:2;padding-bottom:16px;border-bottom:1px solid var(--border-subtle);margin-bottom:20px}.mm-notification-body{min-width:0}.mm-notification-compose textarea{resize:vertical;min-height:115px}.mm-notification-history{border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:20px}.mm-notification-item{padding:16px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:12px;overflow-wrap:anywhere}.mm-notification-item.is-unread{border-color:var(--accent-soft-border);box-shadow:inset 3px 0 var(--accent-color)}.mm-notification-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--accent-color);margin-bottom:10px}.mm-notification-meta time{color:var(--text-muted)}.mm-notification-item h6{color:var(--text-main);font-size:14px;font-weight:750;margin:0 0 8px}.mm-notification-item p{font-size:12px;line-height:1.7;color:var(--text-secondary);margin:0 0 10px;white-space:normal}.mm-notification-item small{font-size:10px}.mm-notification-empty{text-align:center;padding:32px 12px;color:var(--text-muted)}.mm-notification-empty>i{font-size:32px;display:block;margin-bottom:12px}.mm-notification-empty h6{color:var(--text-main);font-weight:700}.mm-notification-empty p{font-size:12px;margin:8px 0 0}.mm-notification-count{margin-left:auto;border-radius:20px;padding:2px 7px;background:var(--accent-soft);color:var(--accent-color);font-size:10px;font-weight:800}

.mm-key-toolbar{flex-wrap:wrap}.mm-reset-all-form{margin:0;display:inline-flex}.mm-reset-links-dialog{width:min(720px,calc(100vw - 28px));max-height:90svh;margin:auto;padding:24px;background:var(--bg-modal);color:var(--text-main);border:1px solid var(--accent-soft-border);border-radius:16px;box-shadow:0 24px 80px #0006;overflow:auto}.mm-reset-links-dialog::backdrop{background:#030712bf;backdrop-filter:blur(6px)}.mm-reset-links-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-subtle);padding-bottom:16px;margin-bottom:20px}.mm-reset-links-heading h3{font-size:18px;font-weight:800;margin:0}.mm-reset-links-heading h3 i{color:var(--accent-color)}.mm-reset-links-dialog .link-count{display:inline-flex;padding:5px 10px;border-radius:20px;background:var(--accent-soft);color:var(--accent-color);font-size:11px;font-weight:700;margin-bottom:16px}.mm-reset-links-dialog .generated-link-row>.reset-url{min-width:0;flex:1}.mm-reset-links-dialog .link-empty{padding:24px 12px;text-align:center;color:var(--text-muted);font-size:12px;border:1px dashed var(--border-subtle);border-radius:10px;margin-top:18px}.mm-reset-links-dialog .link-empty i{margin-right:8px}@media(max-width:480px){.mm-reset-links-dialog{padding:20px 16px}.mm-reset-links-heading h3{font-size:16px}.mm-key-toolbar>:is(a,button,form){font-size:12px}.mm-reset-all-form>button{font-size:12px}}

.mm-key-config{width:100%;max-width:680px;margin:8px auto 24px;padding:25px;border-radius:18px}.mm-key-config-heading{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border-subtle);padding-bottom:18px;margin-bottom:26px}.mm-key-config-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:var(--accent-soft);color:var(--accent-color);font-size:24px}.mm-key-config-heading h3{font-size:20px;font-weight:800;line-height:1.3;margin:0 0 4px}.mm-key-config-heading p{margin:0;color:var(--text-muted);font-size:12px}.mm-key-config-heading nav{margin-left:auto;display:flex;gap:10px}.mm-key-config-heading nav a{display:grid;place-items:center;width:44px;height:44px;text-decoration:none}.mm-key-config-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 16px}.mm-key-config-grid>div{min-width:0}.mm-key-config-grid label{display:block;font-size:12px;line-height:1.6;font-weight:750;color:var(--text-muted);margin-bottom:8px}.mm-key-config-grid label>span{color:var(--accent-color);font-size:11px}.mm-key-config-grid .vip-input-control{width:100%;text-align:left;min-height:49px;padding:12px 14px}.mm-key-config-grid textarea{resize:vertical;font:13px/1.6 Consolas,monospace}.mm-key-config-wide{grid-column:1/-1}.mm-key-config-grid small{color:var(--text-muted);font-size:10px;display:block;margin-top:6px}.mm-key-device-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.mm-key-device-label>span{font-size:11px;font-weight:800;color:var(--text-main);margin-bottom:8px}.mm-key-config-actions{display:flex;gap:10px;border-top:1px solid var(--border-subtle);margin-top:26px;padding-top:16px}.mm-key-config-actions>:is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font-size:13px;text-decoration:none}.mm-key-config-charge{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;padding:12px 14px;margin-top:20px;font-size:12px}.mm-key-config-charge small{display:block;color:var(--text-muted);font-size:10px;margin-top:4px}.mm-key-config-charge strong{white-space:nowrap;color:var(--accent-color)}@media(max-width:600px){.mm-key-config{padding:20px 16px}.mm-key-config-heading{gap:10px;flex-wrap:wrap}.mm-key-config-heading h3{font-size:17px}.mm-key-config-heading p{font-size:10px}.mm-key-config-heading nav{gap:6px}.mm-key-config-heading nav a{width:34px;height:34px}.mm-key-config-grid{gap:16px;grid-template-columns:1fr}.mm-key-config-wide{grid-column:auto}.mm-key-config-actions>:is(button,a){padding:10px 15px}.mm-key-config-charge{flex-wrap:wrap}}

.mm-key-config-heading>div:nth-child(2){flex:1;min-width:0}.mm-key-config-heading nav{flex-shrink:0}.mm-key-config-grid .vip-input-control{text-align:left!important}@media(max-width:600px){.mm-key-config-heading nav{flex-basis:100%;justify-content:flex-end;margin-top:2px}.mm-key-config-heading h3{font-size:16px}.mm-key-config-heading p{line-height:1.5}}

.mm-key-config-grid .vip-input-control{padding:12px 14px!important}

/* Native label provides a full touch target; isolate switch from Bootstrap floats. */
.vip-custom-toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin:0!important;padding:8px 13px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;text-transform:none!important;letter-spacing:normal!important}
.vip-custom-toggle-text{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text-main);font-size:.8rem;font-weight:600;line-height:1.4}
.vip-custom-toggle-text>i{flex:none;color:var(--accent-color)}
.vip-custom-toggle-control{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;min-height:32px}
.vip-custom-toggle-row .vip-custom-switch{appearance:none;-webkit-appearance:none;display:block;float:none!important;margin:0!important;flex:0 0 38px;min-width:38px!important;min-height:20px!important;padding:0!important;background-repeat:no-repeat;background-size:contain;background-position:left center}
.vip-custom-toggle-row .vip-custom-switch:checked{background-position:right center}
.vip-custom-toggle-row .vip-custom-switch:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}