/* Manage My Team — customer portal premium foundation */
html.mmt-customer-scope:not(.mmt-auth-scope) {
    --mmt-bg: #090a1a;
    --mmt-bg-soft: #0f1127;
    --mmt-surface: rgba(20,22,48,.84);
    --mmt-surface-solid: #141630;
    --mmt-surface-2: #1a1d3b;
    --mmt-text: #f8f8ff;
    --mmt-text-soft: #c3c6df;
    --mmt-muted: #8f94b6;
    --mmt-line: rgba(255,255,255,.10);
    --mmt-line-strong: rgba(255,255,255,.17);
    --mmt-purple: #775cff;
    --mmt-cyan: #20d5c2;
    --mmt-danger: #ff667a;
    --mmt-shadow: 0 24px 70px rgba(0,0,0,.30);
    color-scheme: dark;
}

html.mmt-customer-scope:not(.mmt-auth-scope)[data-mmt-theme="light"] {
    --mmt-bg: #f7f8ff;
    --mmt-bg-soft: #eef0fb;
    --mmt-surface: rgba(255,255,255,.90);
    --mmt-surface-solid: #fff;
    --mmt-surface-2: #f0f2fa;
    --mmt-text: #15162b;
    --mmt-text-soft: #3c405f;
    --mmt-muted: #6f7494;
    --mmt-line: rgba(22,26,62,.10);
    --mmt-line-strong: rgba(22,26,62,.18);
    --mmt-shadow: 0 24px 70px rgba(66,58,133,.14);
    color-scheme: light;
}

html.mmt-customer-scope:not(.mmt-auth-scope),
html.mmt-customer-scope:not(.mmt-auth-scope) body {
    min-width: 320px;
    min-height: 100%;
    margin: 0 !important;
    color: var(--mmt-text) !important;
    background:
        radial-gradient(circle at 8% 4%, rgba(119,92,255,.14), transparent 31rem),
        radial-gradient(circle at 94% 18%, rgba(32,213,194,.09), transparent 34rem),
        var(--mmt-bg) !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

html.mmt-customer-scope:not(.mmt-auth-scope) * { box-sizing: border-box; }

html.mmt-customer-scope:not(.mmt-auth-scope) .navbar,
html.mmt-customer-scope:not(.mmt-auth-scope) .navbar-default,
html.mmt-customer-scope:not(.mmt-auth-scope) header {
    color: var(--mmt-text) !important;
    background: color-mix(in srgb, var(--mmt-surface-solid) 90%, transparent) !important;
    border-color: var(--mmt-line) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.16) !important;
    backdrop-filter: blur(18px);
}

html.mmt-customer-scope:not(.mmt-auth-scope) .navbar a,
html.mmt-customer-scope:not(.mmt-auth-scope) header a { color: var(--mmt-text-soft) !important; }

html.mmt-customer-scope:not(.mmt-auth-scope) .navbar a:hover,
html.mmt-customer-scope:not(.mmt-auth-scope) header a:hover,
html.mmt-customer-scope:not(.mmt-auth-scope) .navbar .active > a {
    color: var(--mmt-text) !important;
    background: rgba(119,92,255,.10) !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .panel,
html.mmt-customer-scope:not(.mmt-auth-scope) .panel_s,
html.mmt-customer-scope:not(.mmt-auth-scope) .card,
html.mmt-customer-scope:not(.mmt-auth-scope) .well,
html.mmt-customer-scope:not(.mmt-auth-scope) .modal-content,
html.mmt-customer-scope:not(.mmt-auth-scope) .dropdown-menu {
    color: var(--mmt-text) !important;
    background: var(--mmt-surface) !important;
    border: 1px solid var(--mmt-line) !important;
    border-radius: 18px !important;
    box-shadow: var(--mmt-shadow) !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .panel-body,
html.mmt-customer-scope:not(.mmt-auth-scope) .panel-heading,
html.mmt-customer-scope:not(.mmt-auth-scope) .panel-footer,
html.mmt-customer-scope:not(.mmt-auth-scope) .card-body,
html.mmt-customer-scope:not(.mmt-auth-scope) .modal-header,
html.mmt-customer-scope:not(.mmt-auth-scope) .modal-body,
html.mmt-customer-scope:not(.mmt-auth-scope) .modal-footer {
    color: inherit !important;
    background: transparent !important;
    border-color: var(--mmt-line) !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) h1,
html.mmt-customer-scope:not(.mmt-auth-scope) h2,
html.mmt-customer-scope:not(.mmt-auth-scope) h3,
html.mmt-customer-scope:not(.mmt-auth-scope) h4,
html.mmt-customer-scope:not(.mmt-auth-scope) h5,
html.mmt-customer-scope:not(.mmt-auth-scope) h6 { color: var(--mmt-text) !important; }

html.mmt-customer-scope:not(.mmt-auth-scope) p,
html.mmt-customer-scope:not(.mmt-auth-scope) label,
html.mmt-customer-scope:not(.mmt-auth-scope) .text-muted { color: var(--mmt-text-soft) !important; }

html.mmt-customer-scope:not(.mmt-auth-scope) .form-control,
html.mmt-customer-scope:not(.mmt-auth-scope) input,
html.mmt-customer-scope:not(.mmt-auth-scope) select,
html.mmt-customer-scope:not(.mmt-auth-scope) textarea {
    color: var(--mmt-text) !important;
    background: var(--mmt-bg-soft) !important;
    border: 1px solid var(--mmt-line-strong) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .form-control:focus,
html.mmt-customer-scope:not(.mmt-auth-scope) input:focus,
html.mmt-customer-scope:not(.mmt-auth-scope) select:focus,
html.mmt-customer-scope:not(.mmt-auth-scope) textarea:focus {
    border-color: rgba(119,92,255,.78) !important;
    box-shadow: 0 0 0 4px rgba(119,92,255,.13) !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .btn {
    border-radius: 12px !important;
    font-weight: 800 !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .btn-primary {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(115deg, #775cff, #9a50ff 56%, #c64fe5) !important;
    box-shadow: 0 12px 30px rgba(119,92,255,.25) !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .table,
html.mmt-customer-scope:not(.mmt-auth-scope) table {
    color: var(--mmt-text-soft) !important;
    background: transparent !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .table > thead > tr > th,
html.mmt-customer-scope:not(.mmt-auth-scope) .table > tbody > tr > td,
html.mmt-customer-scope:not(.mmt-auth-scope) table th,
html.mmt-customer-scope:not(.mmt-auth-scope) table td {
    color: inherit !important;
    background: transparent !important;
    border-color: var(--mmt-line) !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .table-hover > tbody > tr:hover {
    background: rgba(119,92,255,.07) !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .nav-tabs { border-color: var(--mmt-line) !important; }

html.mmt-customer-scope:not(.mmt-auth-scope) .nav-tabs > li > a {
    color: var(--mmt-text-soft) !important;
    border: 0 !important;
    border-radius: 10px 10px 0 0 !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .nav-tabs > li.active > a,
html.mmt-customer-scope:not(.mmt-auth-scope) .nav-tabs > li > a:hover {
    color: var(--mmt-text) !important;
    background: rgba(119,92,255,.10) !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) .footer,
html.mmt-customer-scope:not(.mmt-auth-scope) footer {
    color: var(--mmt-muted) !important;
    background: transparent !important;
    border-color: var(--mmt-line) !important;
}

html.mmt-customer-scope:not(.mmt-auth-scope) a { color: #a68bff; }
html.mmt-customer-scope:not(.mmt-auth-scope) a:hover { color: var(--mmt-cyan); }

html.mmt-customer-scope:not(.mmt-auth-scope) .alert {
    color: var(--mmt-text) !important;
    background: var(--mmt-surface-2) !important;
    border: 1px solid var(--mmt-line-strong) !important;
    border-radius: 12px !important;
}