/* FlaxHosting account pages — restrained, consistent portal surfaces. */
:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-paymentmethods-billing-contacts"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) {
    --account-surface: #141d31;
    --account-surface-raised: #182238;
    --account-field: #0d1527;
    --account-line: rgba(255, 255, 255, .1);
    --account-text: #f2f5f8;
    --account-muted: #9eabba;
    --account-accent: #67d4ff;
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-paymentmethods-billing-contacts"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) #main-body {
    color: var(--account-text);
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-paymentmethods-billing-contacts"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) :is(.card, .tt-custom-card, .well, .table-container, .modal-content, .alert-block) {
    background: var(--account-surface) !important;
    border: 1px solid var(--account-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: var(--account-text) !important;
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) :is(.card-body, .tt-custom-card) {
    padding: 24px !important;
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) :is(.card-title, h3.card-title, .modal-title) {
    color: var(--account-text) !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    letter-spacing: -.02em;
    margin-bottom: 14px !important;
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) :is(p, small, .text-muted, .help-block) {
    color: var(--account-muted) !important;
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) :is(label, .col-form-label, .control-label) {
    color: #dfe7ed !important;
    font-size: .84rem !important;
    font-weight: 600 !important;
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) :is(.form-control, .custom-select, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea) {
    background: var(--account-field) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: var(--account-text) !important;
    min-height: 44px;
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) :is(.form-control, .custom-select, input, select, textarea):focus {
    border-color: var(--account-accent) !important;
    box-shadow: 0 0 0 3px rgba(103, 212, 255, .12) !important;
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) .btn {
    border-radius: 7px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    min-height: 40px;
    padding: 9px 16px !important;
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) .btn-primary {
    background: var(--account-accent) !important;
    border-color: var(--account-accent) !important;
    color: #071321 !important;
}

:is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-paymentmethods-manage"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) :is(.btn-default, .btn-info) {
    background: #1b2942 !important;
    border: 1px solid rgba(103, 212, 255, .28) !important;
    color: #dcecf5 !important;
}

:is(body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="clientareaemails"]) :is(.table, table) {
    background: transparent !important;
    border: 0 !important;
    color: var(--account-text) !important;
    margin: 0 !important;
}

:is(body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="clientareaemails"]) :is(th, td) {
    background: transparent !important;
    border-color: var(--account-line) !important;
    color: #dce4eb !important;
    padding: 15px !important;
    vertical-align: middle !important;
}

:is(body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="clientareaemails"]) th {
    background: var(--account-surface-raised) !important;
    color: var(--account-muted) !important;
    font-size: .72rem !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body[data-template="clientareaemails"] #tableEmailsList tbody tr { cursor: pointer; transition: background .18s ease; }
body[data-template="clientareaemails"] #tableEmailsList tbody tr:hover { background: rgba(103, 212, 255, .055) !important; }
body[data-template="clientareaemails"] .dataTables_wrapper :is(.dataTables_length, .dataTables_filter, .dataTables_info) { color: var(--account-muted) !important; }
body[data-template="clientareaemails"] .dataTables_wrapper :is(input, select) {
    background: var(--account-field) !important;
    border: 1px solid var(--account-line) !important;
    border-radius: 7px !important;
    color: var(--account-text) !important;
}
body[data-template="clientareaemails"] .pagination .page-link {
    background: var(--account-surface) !important;
    border-color: var(--account-line) !important;
    color: #c7d2dc !important;
}
body[data-template="clientareaemails"] .pagination .active .page-link {
    background: var(--account-accent) !important;
    border-color: var(--account-accent) !important;
    color: #071321 !important;
}

body[data-template="account-user-management"] :is(.label-info, .badge-info) {
    background: rgba(103, 212, 255, .12) !important;
    border: 1px solid rgba(103, 212, 255, .25) !important;
    color: #bfeeff !important;
}
body[data-template="account-user-management"] .fa-shield.text-success,
body[data-template="account-paymentmethods"] #payMethodList td:first-child i { color: var(--account-accent) !important; }

:is(body[data-template="clientareadetails"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"]) .form-group { margin-bottom: 18px; }
:is(body[data-template="clientareadetails"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"]) .form-check { line-height: 1.9; }

:is(body[data-template="clientareasecurity"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-contacts-manage"]) .modal-header {
    background: var(--account-surface-raised) !important;
    border-bottom: 1px solid var(--account-line) !important;
}
:is(body[data-template="clientareasecurity"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-contacts-manage"]) .modal-footer { border-top: 1px solid var(--account-line) !important; }
:is(body[data-template="clientareasecurity"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-contacts-manage"]) .close { color: #fff !important; text-shadow: none !important; }

body[data-template="clientareasecurity"] #frmSingleSignOn .p-2 {
    background: var(--account-field);
    border: 1px solid var(--account-line);
    border-radius: 8px;
    margin: 18px 0;
    padding: 16px !important;
}
body[data-template="clientareasecurity"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
body[data-template="clientareasecurity"] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background: var(--account-accent) !important;
    color: #071321 !important;
}

@media (max-width: 767px) {
    :is(body[data-template="clientareadetails"], body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="account-contacts-manage"], body[data-template="account-contacts-new"], body[data-template="clientareasecurity"], body[data-template="clientareaemails"]) :is(.card-body, .tt-custom-card) { padding: 18px !important; }
    :is(body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="clientareaemails"]) .table-container,
    :is(body[data-template="account-user-management"], body[data-template="account-paymentmethods"], body[data-template="clientareaemails"]) .tt-custom-card { overflow-x: auto; }
}