@charset "UTF-8";

/**************************************************
 * ADMIN SAAS THEME
 * Visual overrides only. Existing markup and scripts remain unchanged.
 **************************************************/
:root {
    --admin-bg: #f5f7fb;
    --admin-surface: #ffffff;
    --admin-surface-subtle: #f8fafc;
    --admin-border: #d8e0ea;
    --admin-border-strong: #c4cfdd;
    --admin-text: #172033;
    --admin-muted: #667085;
    --admin-primary: #2563eb;
    --admin-primary-strong: #1d4ed8;
    --admin-primary-soft: #eff6ff;
    --admin-success: #059669;
    --admin-warning: #d97706;
    --admin-danger: #dc2626;
    --admin-focus: rgba(37, 99, 235, 0.22);
    --admin-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
    --admin-shadow-md: 0 14px 34px rgba(15, 23, 42, 0.10);
}

html,
body {
    background: var(--admin-bg);
}

body {
    color: var(--admin-text);
    font-family: Inter, Roboto, "Spoqa Han Sans Neo", Arial, sans-serif;
    letter-spacing: 0;
    font-size: 14px;
}

button,
input,
select,
textarea {
    letter-spacing: 0;
}

.site {
    background: var(--admin-bg);
}

.header {
    z-index: 50 !important;
}

.header_inner {
    width: 248px;
    border-right: 1px solid var(--admin-border);
    background: var(--admin-surface);
    box-shadow: 8px 0 24px rgba(15, 23, 42, 0.04);
}

.header_top {
    height: 88px !important;
    padding: 18px 22px;
    border-bottom: 1px solid var(--admin-border);
    background: var(--admin-surface);
}

.header_top img {
    max-height: 68px !important;
    width: 136px !important;
    object-fit: contain;
}

.header_top {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_top .header-logo-full {
    display: block;
    max-height: 68px !important;
    width: 136px !important;
    object-fit: contain;
}

.header_top .header-logo-symbol {
    display: none;
    width: 52px !important;
    height: 52px !important;
    max-height: 52px !important;
    object-fit: contain;
}

.header-collapse .header_top {
    padding-left: 0;
    padding-right: 0;
}

.header-collapse .header_top .header-logo-full {
    display: none;
}

.header-collapse .header_top .header-logo-symbol {
    display: block;
}

.header_bottom {
    height: calc(100% - 88px);
    padding: 14px 10px 22px;
}

.nav > ul > li {
    margin: 2px 0;
}

.nav > ul > li > a {
    min-height: 44px;
    margin: 0;
    padding: 11px 14px;
    border-radius: 8px;
    color: #4b5565;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.nav > ul > li > a:hover {
    background: var(--admin-surface-subtle);
    color: var(--admin-text);
}

.nav > ul > li > a [class^="icon"],
.nav > ul > li > a [class*=" icon-"] {
    width: 22px;
    min-width: 22px;
    margin-right: 10px;
    color: currentColor;
    font-size: 18px;
    text-align: center;
}

.nav > ul > li > a > span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
}

.nav > ul > li > a.active {
    color: var(--admin-primary);
    background: var(--admin-primary-soft);
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.10);
}

.nav > ul > li > a.active:before,
.nav > ul > li > a.active:after {
    display: none;
}

.header-collapse .header_inner {
    width: 84px;
}

.header-collapse .main {
    padding-left: 116px;
}

.main {
    min-width: 1024px;
    padding: 32px 28px 48px 288px;
    background: var(--admin-bg);
}

.main_language {
    background: var(--admin-bg);
}

.contents {
    max-width: 1600px;
}

.contents-top,
.contents-tab,
.sort-bar {
    border-color: var(--admin-border);
}

.contents-top {
    align-items: center;
    margin-bottom: 18px;
}

.contents-tab {
    margin-bottom: 22px;
    padding-bottom: 0;
    border-bottom: 1px solid var(--admin-border);
}

.contents-tab > ul > li {
    margin-left: 28px;
}

.contents-tab > ul > li > a {
    height: 46px;
    color: var(--admin-muted);
    font-size: 14px;
    font-weight: 600;
}

.contents-tab > ul > li > a.active {
    color: var(--admin-primary);
}

.contents-tab > ul > li > a.active:after {
    top: calc(100% - 2px);
    height: 2px;
    border-radius: 999px;
    background: var(--admin-primary);
}

.contents .section {
    margin-bottom: 24px;
}

.contents .section_header {
    min-height: 44px;
    margin-bottom: 14px;
}

.contents .section_header h2 {
    color: var(--admin-text);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
}

.contents .section_header .caution,
.caution {
    color: var(--admin-danger);
}

.section_body,
.data-grid,
.data-table,
.cash-form,
.control-form,
.menu-list,
.graph {
    border-color: var(--admin-border);
}

.data-grid,
.cash-form,
.control-form,
.graph {
    background: var(--admin-surface);
}

.form-card2,
.form-card,
.cash-form .fieldset,
.control-form .fieldset {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface);
    box-shadow: var(--admin-shadow-sm);
}

.form {
    border-color: var(--admin-border);
}

.form > .row {
    row-gap: 14px;
}

.field .label,
.cash-form .fieldset table th,
.data-grid dl dt {
    color: #344054;
    font-size: 13px;
    font-weight: 700;
}

.data-grid dl dd {
    color: var(--admin-text);
    font-weight: 600;
}

.form-text,
.form-textarea,
.form-select,
.form-datepicker input,
.data-table table tbody td .text-input,
input.text-input {
    border-color: var(--admin-border);
    background-color: var(--admin-surface);
    color: var(--admin-text);
    border-radius: 8px;
    letter-spacing: 0;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
}

.form-text,
.form-select,
.form-datepicker input {
    height: 42px;
}

.form-text:focus,
.form-textarea:focus,
.form-select:focus,
.form-datepicker input:focus,
.data-table table tbody td .text-input:focus,
input.text-input:focus {
    border-color: var(--admin-primary);
    background: #fff;
    box-shadow: 0 0 0 4px var(--admin-focus);
    color: var(--admin-text);
}

.form-text::placeholder,
.form-textarea::placeholder {
    color: #98a2b3;
}

.button,
.cash-form .submit,
.delete_btn,
.dialog_footer [type="button"] {
    min-height: 40px;
    border-radius: 8px;
    border: 1px solid transparent;
    box-shadow: var(--admin-shadow-sm);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .05s ease;
}

.button:active,
.cash-form .submit:active,
.delete_btn:active,
.dialog_footer [type="button"]:active {
    transform: translateY(1px);
}

.button,
.button.primary,
.cash-form .submit,
.dialog_footer .modal-confirm {
    border-color: var(--admin-primary);
    background: var(--admin-primary) !important;
    color: #fff !important;
}

.button:hover,
.button.primary:hover,
.cash-form .submit:hover,
.dialog_footer .modal-confirm:hover {
    background: var(--admin-primary-strong) !important;
    border-color: var(--admin-primary-strong);
}

.button.secondary,
.dialog_footer .modal-close {
    border-color: var(--admin-border);
    background: #fff !important;
    color: #344054 !important;
}

.button.secondary:hover,
.dialog_footer .modal-close:hover {
    background: var(--admin-surface-subtle) !important;
    border-color: var(--admin-border-strong);
}

.button.third,
.delete_btn,
.button.warning {
    border-color: var(--admin-danger);
    background: var(--admin-danger) !important;
    color: #fff !important;
}

.button.fourth,
.button.navy,
.button.fifth {
    border-color: #334155;
    background: #334155 !important;
    color: #fff !important;
}

.text-button {
    color: var(--admin-muted);
    font-weight: 700;
}

.text-button.primary {
    color: var(--admin-primary);
}

.text-button.secondary {
    color: var(--admin-danger);
}

.text-button.cancel {
    color: var(--admin-danger);
}

.text-button-group > ul > li:before {
    background: var(--admin-border);
}

.data-table {
    overflow: hidden;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: var(--admin-surface);
    box-shadow: var(--admin-shadow-sm);
}

.data-table table {
    border-collapse: separate;
    border-spacing: 0;
}

.data-table table th,
.data-table table td {
    height: 52px;
    padding: 10px 12px;
    border-color: var(--admin-border);
    background-color: var(--admin-surface);
    color: var(--admin-text);
    font-size: 13px;
}

.data-table table thead th {
    height: 44px;
    background: #f8fafc;
    color: #475467;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.data-table table tbody tr:nth-child(odd) td {
    background: #fff;
}

.data-table table tbody tr:nth-child(even) td {
    background: #fcfdff;
}

.data-table table tbody tr:hover td {
    background: #f5f9ff;
}

.data-table table tbody td b,
.data-table table tbody td .link {
    color: var(--admin-primary);
}

.data-table table tbody td .state.active,
.state.active {
    color: var(--admin-success);
}

.data-table table tbody td .state.deactive,
.state.deactive {
    color: var(--admin-danger);
}

.reserve {
    background-color: #fee2e2 !important;
    color: #991b1b !important;
}

.block {
    background-color: #111827 !important;
    color: #fbbf24 !important;
}

.pagination .page.current {
    background: var(--admin-primary-soft);
    color: var(--admin-primary);
}

/**************************************************
 * MODERN PAGINATION
 **************************************************/
.pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 30px 0 8px !important;
    padding: 0 !important;
    color: #334155;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
}

.pagination .pagination {
    margin: 0 !important;
}

.pagination a,
.pagination span {
    text-decoration: none !important;
}

.pagination .page,
.pagination .page-num,
.pagination .page-dir-prev,
.pagination .page-dir-next,
.pagination > li > a,
.pagination > li > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid #d8e1eb !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #334155 !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06) !important;
    cursor: pointer !important;
}

.pagination .page:hover,
.pagination .page-num:hover,
.pagination .page-dir-prev:hover,
.pagination .page-dir-next:hover,
.pagination > li > a:hover,
.pagination > li > span:hover {
    border-color: #bdd3ff !important;
    background: #eef4ff !important;
    color: #0f62fe !important;
}

.pagination .page.current,
.pagination .page-num.active,
.pagination > .active > a,
.pagination > .active > span {
    border-color: #2563eb !important;
    background: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24) !important;
}

.pagination .page-dir-prev,
.pagination .page-dir-next {
    min-width: 76px !important;
    font-size: 13px !important;
}

.pagination .extend {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    border: 1px solid #d8e1eb !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06) !important;
}

.pagination .extend:hover {
    border-color: #bdd3ff !important;
    background-color: #eef4ff !important;
}


.dialog {
    width: min(420px, calc(100vw - 32px));
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    box-shadow: var(--admin-shadow-md);
}

.dialog_header {
    padding: 24px 28px 0;
}

.dialog_header > strong {
    color: var(--admin-text);
    font-size: 18px;
}

.dialog_body {
    padding: 16px 28px 28px;
}

.dialog_body .message {
    color: var(--admin-muted);
    font-size: 14px;
    line-height: 1.6;
}

.dialog_footer {
    gap: 10px;
    justify-content: flex-end;
    padding: 0 28px 24px;
}

.dialog_footer [type="button"] {
    width: auto;
    min-width: 96px;
    height: 42px;
    padding: 0 18px;
}

.modal.visible {
    background-color: rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(4px);
}

.ui-datepicker,
.ui-widget.ui-widget-content {
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    box-shadow: var(--admin-shadow-md);
}

/**************************************************
 * MODERN DATEPICKER
 **************************************************/
.ui-datepicker.ui-widget.ui-widget-content,
.ui-datepicker {
    width: 324px !important;
    padding: 10px !important;
    border: 1px solid #d8e1eb !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16) !important;
    color: #1f2937 !important;
    font-family: inherit !important;
    z-index: 9999 !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 42px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 42px !important;
    text-align: center !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 5px !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    cursor: pointer !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 6px !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 6px !important;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    border-color: #cfe0ff !important;
    background: #eef4ff !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none !important;
}

.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #334155;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.ui-datepicker .ui-datepicker-prev::before {
    content: "\2039";
}

.ui-datepicker .ui-datepicker-next::before {
    content: "\203A";
}

.ui-datepicker table {
    width: 100% !important;
    margin: 10px 0 0 !important;
    border-collapse: separate !important;
    border-spacing: 3px !important;
    table-layout: fixed !important;
}

.ui-datepicker th {
    padding: 6px 0 !important;
    border: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-transform: uppercase;
}

.ui-datepicker td {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
}

.ui-datepicker td a:hover,
.ui-datepicker .ui-state-hover {
    border-color: #cfe0ff !important;
    background: #eef4ff !important;
    color: #0f62fe !important;
}

.ui-datepicker .ui-datepicker-today a,
.ui-datepicker .ui-state-highlight {
    border-color: #2563eb !important;
    background: #f8fbff !important;
    color: #2563eb !important;
}

.ui-datepicker .ui-datepicker-current-day a,
.ui-datepicker .ui-state-active {
    border-color: #2563eb !important;
    background: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.22) !important;
}

.ui-datepicker .ui-datepicker-other-month span,
.ui-datepicker .ui-datepicker-other-month a,
.ui-datepicker .ui-state-disabled span,
.ui-datepicker .ui-state-disabled a {
    color: #cbd5e1 !important;
}

.ui-datepicker .ui-state-disabled {
    opacity: 1 !important;
}


.toast-container,
.toast-item-wrapper {
    letter-spacing: 0;
}

.cash-form {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: var(--admin-shadow-sm);
}

.cash-form > strong {
    display: block;
    padding: 18px 20px 0;
    color: var(--admin-text);
    font-size: 18px;
    font-weight: 800;
}

.cash-form .submit {
    border-radius: 0 0 8px 8px;
}

.result p {
    color: var(--admin-muted);
    font-weight: 600;
}

@media (max-width: 1200px) {
    .header_inner {
        width: 228px;
    }

    .header_top .header-logo-full {
        display: none;
    }

    .header_top .header-logo-symbol {
        display: block;
    }

    .main {
        padding-left: 260px;
        padding-right: 20px;
    }
}


/**************************************************
 * LOGIN
 **************************************************/
.login {
    min-height: 100vh;
    padding: 40px 20px;
    background: var(--admin-bg);
}

.login_container {
    width: min(420px, calc(100vw - 40px));
    padding: 36px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: var(--admin-surface);
    box-shadow: var(--admin-shadow-md);
}

.login_container form > div:first-child {
    height: auto !important;
    margin-bottom: 24px;
}

.login_container form > div:first-child img {
    height: 82px !important;
    width: 220px !important;
    object-fit: contain;
}

.login .label {
    margin: 18px 0 8px !important;
    color: #344054;
    font-size: 13px;
    font-weight: 800;
}

.login input.form-text.fluid:not([type="password"]),
.login #lid {
    height: 56px !important;
    padding: 0 20px;
    border: 1px solid #d4deeb;
    border-radius: 10px;
    background: #fff;
    color: #111827;
    font-size: 16px;
    font-weight: 700;
    line-height: 56px;
    box-shadow: none;
}

.login input.form-text.fluid:not([type="password"]):focus,
.login #lid:focus {
    border-color: var(--admin-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.login .form-password {
    display: flex;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 56px;
    border: 1px solid #d4deeb;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.login .form-password .form-text,
.login .form-password input {
    flex: 1 1 auto;
    width: 100%;
    height: 100% !important;
    min-width: 0;
    padding: 0 20px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 56px;
}

.login .form-password button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 56px;
    width: 56px !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid #d4deeb;
    border-radius: 0;
    background: #fff;
    color: #667085;
    cursor: pointer;
}

.login .form-password button [class^="icon"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1;
}

.login .form-password:focus-within {
    border-color: var(--admin-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.login .form-password:focus-within button {
    border-left-color: var(--admin-primary);
}

.login .submit {
    height: 48px;
    margin-top: 28px;
    border-radius: 8px;
    background: var(--admin-primary) !important;
    box-shadow: var(--admin-shadow-sm);
}

.login .submit:hover {
    background: var(--admin-primary-strong) !important;
}

.login p {
    margin-top: 22px;
    color: var(--admin-muted);
    font-size: 13px;
    line-height: 1.5;
}

.login_container .col,
.login_container dl,
.login_container dl dd {
    margin: 0;
    padding: 0;
}

.login_container dl dd .login-toggle {
    display: inline-flex;
    align-items: center;
    margin-top: 18px;
    cursor: pointer;
}

.login_container dl dd .login-toggle input + span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding-left: 34px;
    background: transparent !important;
    color: #344054;
    font-size: 15px;
    font-weight: 800;
    line-height: 24px;
}

.login_container dl dd .login-toggle input + span:before {
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border: 1px solid #cfd8e6;
    border-radius: 6px;
    background: #fff !important;
    box-shadow: inset 0 0 0 0 transparent;
}

.login_container dl dd .login-toggle input:checked + span {
    color: #2563eb;
    background: transparent !important;
}

.login_container dl dd .login-toggle input:checked + span:before {
    border-color: #fd8e00;
    background: #fd8e00 !important;
}

.login_container dl dd .login-toggle input:checked + span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 7px;
    height: 12px;
    margin-top: -8px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}


/**************************************************
 * FULL ADMIN COVERAGE
 **************************************************/
.button[style],
.submit[style],
.m_btn[style] {
    background: var(--admin-primary) !important;
    color: #fff !important;
}

.data-tab {
    margin-bottom: 20px;
    padding: 0;
    border-bottom: 1px solid var(--admin-border);
}

.data-tab ul,
.data-tab > ul {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.data-tab li,
.data-tab > ul > li {
    margin: 0;
}

.m_btn,
.data-tab .m_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: #fff;
    color: var(--admin-muted);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: var(--admin-shadow-sm);
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.m_btn:hover,
.data-tab .m_btn:hover {
    border-color: var(--admin-border-strong);
    background: var(--admin-surface-subtle);
    color: var(--admin-text);
}

.m_btn.active,
.m_btn.active2,
.data-tab .m_btn.active,
.data-tab .m_btn.active2 {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary-soft) !important;
    color: var(--admin-primary) !important;
}

.control-form {
    padding: 18px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: var(--admin-surface);
    box-shadow: var(--admin-shadow-sm);
}

.control-form .row,
.control-form .group,
.control-form .field,
.search_form {
    gap: 10px;
}

.control-form .label,
.search_form .label {
    color: #344054;
    font-size: 13px;
    font-weight: 800;
}

.form-toggle input + span,
.state-toggle input + span,
.login-toggle input + span {
    border-color: var(--admin-border) !important;
    background-color: #fff !important;
    color: #344054 !important;
    box-shadow: var(--admin-shadow-sm);
}

.form-toggle input:checked + span,
.state-toggle input:checked + span,
.login-toggle input:checked + span {
    border-color: var(--admin-primary) !important;
    background-color: var(--admin-primary-soft) !important;
    color: var(--admin-primary) !important;
}

.form-toggle input + span:before,
.state-toggle input + span:before,
.login-toggle input + span:before {
    border-color: var(--admin-border-strong) !important;
}

.form-toggle input:checked + span:before,
.state-toggle input:checked + span:before,
.login-toggle input:checked + span:before {
    background-color: var(--admin-primary) !important;
    border-color: var(--admin-primary) !important;
}

.form-image-file,
.menu-image-file {
    overflow: hidden;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    background-color: #f8fafc !important;
    box-shadow: var(--admin-shadow-sm);
}

.form-image-file .buttons,
.menu-image-file .buttons,
.form-image-file button,
.menu-image-file button {
    letter-spacing: 0;
}

.form-image-file button,
.menu-image-file button,
.btn-reupload {
    border-radius: 8px !important;
    border: 1px solid var(--admin-border) !important;
    background: #fff !important;
    color: #344054 !important;
    font-weight: 700;
}

.form-image-file button:hover,
.menu-image-file button:hover,
.btn-reupload:hover {
    background: var(--admin-surface-subtle) !important;
}

.menu-list > ul > li,
.topmenu-item,
.store-item,
.forecast-card,
.dashboard-card,
.plan-card,
.kpi-chip,
.pill,
.section-divider {
    border-color: var(--admin-border) !important;
}

.menu-list > ul > li,
.topmenu-item,
.store-item,
.forecast-card,
.dashboard-card,
.plan-card,
.kpi-chip {
    border-radius: 8px !important;
    background: var(--admin-surface) !important;
    box-shadow: var(--admin-shadow-sm);
}

.menu-list > ul > li {
    padding: 16px !important;
}

.menu-list .img,
.form-image-file .img,
.menu-image-file .img {
    border-radius: 8px !important;
    background-color: #eef2f7 !important;
}

.topmenu-name,
.store-name,
.plan-name,
.ai-title,
.kpi-chip-value,
.fs-value {
    color: var(--admin-text) !important;
    font-weight: 800;
    letter-spacing: 0;
}

.topmenu-sub,
.store-sub,
.plan-subtitle,
.plan-price-note,
.dashboard-desc,
.kpi-chip-label,
.kpi-chip-sub,
.fs-label {
    color: var(--admin-muted) !important;
    letter-spacing: 0;
}

.plan-card {
    padding: 24px !important;
}

.plan-card--featured,
.plan-card.featured {
    border-color: var(--admin-primary) !important;
    box-shadow: 0 16px 40px rgba(37, 99, 235, 0.14) !important;
}

.plan-badge,
.plan-discount-tag,
.pill,
.kpi-up,
.pill-up {
    border-radius: 999px !important;
    background: var(--admin-primary-soft) !important;
    color: var(--admin-primary) !important;
    font-weight: 800;
    letter-spacing: 0;
}

.store-bar-bg {
    background: #e5eaf2 !important;
    border-radius: 999px;
}

.store-bar-fill {
    background: var(--admin-primary) !important;
    border-radius: 999px;
}

.activity-status,
.rowcount,
.sum,
.total {
    color: var(--admin-text);
    letter-spacing: 0;
}

.req {
    color: var(--admin-danger) !important;
}

.guide {
    color: var(--admin-muted) !important;
    font-size: 13px;
    letter-spacing: 0;
}

.align-right {
    text-align: right !important;
}

.print,
.register {
    border-radius: 8px !important;
    border: 1px solid var(--admin-border) !important;
    background: #fff !important;
    color: #344054 !important;
    box-shadow: var(--admin-shadow-sm);
}

.ui-widget-header {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface-subtle) !important;
    color: var(--admin-text) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    border-color: var(--admin-border) !important;
    background: #fff !important;
    color: var(--admin-text) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary) !important;
    color: #fff !important;
}

@media (max-width: 1024px) {
    .site {
        min-width: 0;
    }

    .main,
    .main_language {
        min-width: 0;
    }
}


/**************************************************
 * LAST-MILE OVERRIDES FOR PAGE-LEVEL STYLES
 **************************************************/
body,
.site,
.main,
.main_language {
    background: var(--admin-bg) !important;
    color: var(--admin-text) !important;
}

.contents .section,
.section_body,
.control-form,
.cash-form,
.data-grid,
.data-table,
.dashboard-card,
.forecast-card,
.plan-card,
.store-item,
.topmenu-item,
.kpi-chip,
.form-card,
.form-card2 {
    border-color: var(--admin-border) !important;
}

.data-table table thead th,
.dataTables_wrapper table thead th {
    background: #f8fafc !important;
    color: #475467 !important;
}

.dataTables_wrapper,
.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
    color: var(--admin-muted) !important;
    letter-spacing: 0;
}

.dataTables_wrapper input,
.dataTables_wrapper select {
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--admin-text) !important;
}

.button.secondary[style],
.button.navy[style],
.button.fifth[style],
.button.fourth[style] {
    background: #334155 !important;
    border-color: #334155 !important;
    color: #fff !important;
}

.button.primary[style],
.cash-form .submit[style],
.submit[style] {
    background: var(--admin-primary) !important;
    border-color: var(--admin-primary) !important;
    color: #fff !important;
}

.button.third[style],
.button.warning[style],
.delete_btn[style] {
    background: var(--admin-danger) !important;
    border-color: var(--admin-danger) !important;
    color: #fff !important;
}

[style*="color:#fd8e00"],
[style*="color: #fd8e00"] {
    color: var(--admin-primary) !important;
}

[style*="background-color:#222"],
[style*="background-color: #222"],
[style*="background:#000"],
[style*="background: #000"] {
    background: var(--admin-primary) !important;
    color: #fff !important;
}

[style*="border-radius: 12px"] {
    border-radius: 8px !important;
}


/**************************************************
 * DATE PICKER FIX
 **************************************************/
.form-date-range {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
}

.form-date-range > span {
    margin: 0 !important;
    color: var(--admin-muted) !important;
}

.form-datepicker,
.form-datepicker[style] {
    display: inline-flex !important;
    width: 212px !important;
    min-width: 212px !important;
    align-items: stretch;
    vertical-align: top;
}

.form-datepicker input,
.form-datepicker .hasDatepicker {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0;
    height: 42px !important;
    padding: 0 14px !important;
    border-radius: 8px 0 0 8px !important;
    text-align: center;
}

.form-datepicker input + span,
.form-datepicker .hasDatepicker + span {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid var(--admin-border) !important;
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    background-color: #fff !important;
    background-size: 18px 18px !important;
    box-shadow: none !important;
}

.form-datepicker input:focus + span,
.form-datepicker .hasDatepicker:focus + span {
    border-color: var(--admin-primary) !important;
}


/**************************************************
 * REPORT CARD TITLES
 **************************************************/
.section_body[style*="display:flex"] {
    align-items: flex-start !important;
    gap: 24px;
}

.section_body[style*="display:flex"] > .data-table[style*="width:48%"] {
    width: calc(50% - 12px) !important;
}

.data-table > h1,
.data-table > h2,
.data-table > h3 {
    display: flex;
    align-items: center;
    min-height: 56px;
    margin: 0 !important;
    padding: 0 20px !important;
    border-bottom: 1px solid var(--admin-border);
    background: #fff;
    color: var(--admin-text) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

.data-table > h1 + table,
.data-table > h2 + table,
.data-table > h3 + table {
    margin-top: 0 !important;
}

.data-table > h1 + table thead th,
.data-table > h2 + table thead th,
.data-table > h3 + table thead th {
    border-top: 0 !important;
}

.data-table td[style*="background-color:#f0f4ff"],
.data-table td[style*="background-color: #f0f4ff"] {
    background: #eef4ff !important;
    color: var(--admin-text) !important;
}

.data-table td[style*="color:red"],
.data-table td[style*="color: red"] {
    color: var(--admin-danger) !important;
}

@media (max-width: 1280px) {
    .section_body[style*="display:flex"] > .data-table[style*="width:48%"] {
        width: 100% !important;
    }
}

/**************************************************
 * TABLE STATUS ACTION COLUMNS
 **************************************************/
.table-status-table {
    overflow-x: auto !important;
}

.table-status-table table.table-status-grid {
    min-width: 1180px;
    table-layout: fixed;
}

.table-status-grid col:nth-child(1) { width: 5% !important; }
.table-status-grid col:nth-child(2) { width: 6% !important; }
.table-status-grid col:nth-child(3) { width: 8% !important; }
.table-status-grid col:nth-child(4) { width: 8% !important; }
.table-status-grid col:nth-child(5) { width: 10% !important; }
.table-status-grid col:nth-child(6) { width: 10% !important; }
.table-status-grid col:nth-child(7) { width: 9% !important; }
.table-status-grid col:nth-child(8) { width: 15% !important; }
.table-status-grid col:nth-child(9) { width: 15% !important; }
.table-status-grid col:nth-child(10) { width: 14% !important; }

.table-status-grid th,
.table-status-grid td {
    text-align: center;
    vertical-align: middle;
}

.table-status-grid th:nth-last-child(-n+3),
.table-status-grid td:nth-last-child(-n+3) {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.table-status-grid td .button {
    width: 100%;
    max-width: 136px;
    min-width: 0;
    height: 36px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 1;
}

.table-status-grid td.reserve .button {
    max-width: 170px;
}

.table-status-grid td.block {
    color: var(--admin-muted) !important;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 1440px) {
    .table-status-table table.table-status-grid {
        min-width: 1260px;
    }
}

/**************************************************
 * SALES REPORT SUMMARY
 **************************************************/
.sales-report-summary {
    margin-top: 0;
    padding: 0 28px !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px;
    background: var(--admin-surface);
    box-shadow: var(--admin-shadow-sm);
    overflow: hidden;
}

.sales-report-summary > .row {
    min-height: 64px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.sales-report-summary > .row > .col {
    display: flex;
    align-items: center;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.sales-report-summary > .row > .col:first-child {
    padding-left: 0 !important;
}

.sales-report-summary > .row > .col:last-child {
    padding-right: 0 !important;
}

.sales-report-summary > .row + .row {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.sales-report-summary > .row + .row:before {
    left: 0 !important;
    width: 100% !important;
    background: var(--admin-border);
}

.sales-report-summary dl {
    width: 100%;
    gap: 18px;
}

.sales-report-summary dl dt {
    color: #344054;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
}

.sales-report-summary dl dd {
    justify-content: flex-end;
    min-width: 170px;
    color: var(--admin-text);
    font-size: 18px;
    font-weight: 800;
    text-align: right;
}

.sales-report-summary .link {
    color: var(--admin-accent) !important;
    font-weight: 800;
}

.sales-report-summary .total {
    min-height: 86px;
    width: 100%;
}

.sales-report-summary .total > strong {
    color: var(--admin-text);
    font-size: 15px;
}

.sales-report-summary .total .cash {
    font-size: 34px;
    line-height: 1.1;
}

.sales-report-summary + .guide {
    margin-top: 12px;
}

@media (max-width: 1280px) {
    .sales-report-summary > .row {
        flex-wrap: wrap;
    }

    .sales-report-summary > .row > .col-6 {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sales-report-summary > .row > .col-6 + .col-6 {
        padding-top: 14px;
    }
}


/**************************************************
 * MENU SETTINGS LAYOUT
 **************************************************/
.menu-list > ul > li {
    align-items: flex-start !important;
    gap: 24px;
    padding: 24px !important;
}

.menu-list > ul > li .data {
    min-width: 0;
    overflow: visible;
    padding-left: 0 !important;
}

.menu-list > ul > li .data .name {
    align-items: center;
    gap: 10px;
    padding-right: 180px;
}

.menu-list > ul > li .data .name strong {
    flex: 0 0 auto;
    margin-right: 0 !important;
    color: var(--admin-text);
    font-size: 18px;
    font-weight: 800;
}

.menu-list > ul > li .data .name span {
    min-width: 0;
    color: #344054;
    font-size: 18px;
    line-height: 1.35;
}

.menu-list > ul > li .data .data-grid {
    margin-top: 26px !important;
    overflow: visible;
}

.menu-list > ul > li .data .data-grid > .row {
    display: grid !important;
    grid-template-columns: repeat(10, minmax(72px, 1fr));
    gap: 12px;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    align-items: stretch;
}

.menu-list > ul > li .data .data-grid > .row > .col {
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
}

.menu-list > ul > li .data .data-grid dl {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

.menu-list > ul > li .data .data-grid dl dt {
    display: flex;
    min-height: 38px;
    align-items: flex-end;
    color: #344054;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.menu-list > ul > li .data .data-grid dl dd {
    display: flex;
    min-height: 28px;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0 !important;
    font-size: 18px;
    line-height: 1.2;
}

.menu-list .data-grid .state-toggle input + span {
    display: inline-flex !important;
    position: relative;
    align-items: center;
    min-height: 26px;
    padding-left: 28px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 26px !important;
    white-space: nowrap;
}

.menu-list .data-grid .state-toggle input + span:before {
    top: 50% !important;
    left: 0;
    width: 16px !important;
    height: 16px !important;
    transform: translateY(-50%);
    border: 2px solid #ff4945 !important;
    border-radius: 4px;
    background: #fff !important;
    box-sizing: border-box;
}

.menu-list .data-grid .state-toggle input:checked + span:before {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary) !important;
}

.menu-list .data-grid .state-toggle input + span:after {
    margin-left: 0;
    font-weight: 800;
}

.menu-list .print {
    display: grid !important;
    grid-template-columns: minmax(190px, 1.8fr) repeat(10, minmax(48px, 1fr));
    width: 100%;
    min-width: 0;
    align-items: stretch;
    gap: 0;
    margin-top: 22px;
    overflow: hidden;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    background: #fff;
    box-shadow: var(--admin-shadow-sm);
}

.menu-list .print > span {
    display: flex;
    height: 44px;
    align-items: center;
    padding: 0 16px;
    border-right: 1px solid var(--admin-border);
    color: #f97316;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.menu-list .print .state-toggle {
    display: flex !important;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-left: 0 !important;
    border-left: 1px solid var(--admin-border);
}

.menu-list .print .state-toggle input + span {
    display: inline-flex !important;
    position: relative;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding-left: 26px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #344054 !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 24px !important;
    white-space: nowrap;
}

.menu-list .print .state-toggle input + span:before {
    top: 50% !important;
    left: 0;
    width: 16px !important;
    height: 16px !important;
    transform: translateY(-50%);
    border: 2px solid #ff4945 !important;
    border-radius: 4px;
    background: #fff !important;
    box-sizing: border-box;
}

.menu-list .print .state-toggle input:checked + span:before {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary) !important;
}

.menu-list .print .state-toggle input + span:after {
    content: none !important;
}

@media (max-width: 1500px) {
    .menu-list > ul > li .data .name {
        padding-right: 0;
    }

    .menu-list > ul > li .data .data-grid > .row {
        grid-template-columns: repeat(5, minmax(96px, 1fr));
    }

    .menu-list .print {
        grid-template-columns: minmax(190px, 1.4fr) repeat(10, minmax(44px, 1fr));
    }
}

/**************************************************
 * IMAGE UPLOAD ACTION BUTTONS
 **************************************************/
.form-image-file > div {
    align-items: stretch;
}

.form-image-file > div button,
.form-image-file > div .btn-reupload {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    height: 34px !important;
    padding: 0 6px !important;
    overflow: hidden;
    line-height: 1 !important;
    white-space: nowrap;
}

.form-image-file > div .btn-reupload {
    flex: 1.25 1 0;
}

.form-image-file > div button:not(.btn-reupload) {
    flex: 0.9 1 0;
}

.form-image-file > div button [class^="icon"],
.form-image-file > div .btn-reupload [class^="icon"] {
    flex: 0 0 auto;
    margin-right: 0 !important;
    font-size: 14px;
}

.form-image-file > div button span,
.form-image-file > div .btn-reupload span {
    display: inline-block;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

/**************************************************
 * MENU MODIFY FORM ALIGNMENT
 **************************************************/
.form-toggle input + span {
    border: 1px solid #cbd5e1 !important;
    background-color: #d9e1ec !important;
    box-shadow: none !important;
}

.form-toggle input + span:before {
    top: 2px !important;
    left: 2px !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #fff !important;
    background-color: #fff !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.16) !important;
}

.form-toggle input:checked + span {
    border-color: #2563eb !important;
    background-color: var(--admin-primary) !important;
    box-shadow: none !important;
}

.form-toggle input:checked + span:before {
    left: 26px !important;
    border-color: #fff !important;
    background-color: #fff !important;
}

.form-toggle input:focus + span,
.form-toggle input:focus-visible + span {
    outline: none !important;
    box-shadow: none !important;
}

.menu-status-toggle-row .field,
.menu-order-rule-row .field,
.menu-schedule-row .field {
    gap: 12px;
}

.menu-status-toggle-row .control,
.menu-schedule-row .control {
    min-height: 52px;
    align-items: center;
}

.menu-status-toggle-row .form-toggle,
.menu-schedule-row .form-toggle {
    display: inline-flex;
    align-items: center;
}

.menu-order-rule-row {
    align-items: stretch !important;
}

.menu-order-rule-row .label {
    display: flex;
    align-items: flex-start;
    min-height: 36px;
    line-height: 1.25;
}

.menu-order-rule-row .field-note {
    min-height: 38px;
    margin: 4px 0 0 !important;
    color: var(--admin-danger) !important;
    font-size: 13px !important;
    font-weight: 700;
    line-height: 1.35;
}

.menu-order-rule-row .control {
    display: flex;
    align-items: center;
    min-height: 52px;
    margin-top: 0;
}

.menu-schedule-row .control {
    display: flex;
    gap: 8px;
}

.menu-schedule-row .control .form-select {
    min-width: 0;
}

.sales-days.print {
    display: grid !important;
    grid-template-columns: minmax(150px, 1.1fr) repeat(7, minmax(88px, 1fr));
    width: 100%;
    min-width: 0;
    align-items: stretch;
    gap: 0;
    margin-top: 24px;
    overflow: hidden;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    background: #fff;
    box-shadow: var(--admin-shadow-sm);
}

.sales-days.print > span {
    display: flex;
    height: 44px;
    align-items: center;
    padding: 0 16px;
    border-right: 1px solid var(--admin-border);
    color: #f97316;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.sales-days.print .state-toggle {
    display: flex !important;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-left: 0 !important;
    border-left: 1px solid var(--admin-border);
}

.sales-days.print .state-toggle input + span {
    display: inline-flex !important;
    position: relative;
    align-items: center;
    min-height: 24px;
    padding-left: 28px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #344054 !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 24px !important;
    white-space: nowrap;
}

.sales-days.print .state-toggle input + span:before {
    top: 50% !important;
    left: 0;
    width: 16px !important;
    height: 16px !important;
    transform: translateY(-50%);
    border: 2px solid #ff4945 !important;
    border-radius: 4px;
    background: #fff !important;
    box-sizing: border-box;
}

.sales-days.print .state-toggle input:checked + span:before {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary) !important;
}

.sales-days.print .state-toggle input + span:after {
    content: none !important;
}


/**************************************************
 * MEMBER POINT DETAIL
 **************************************************/
.member-point-detail .contents-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.member-point-detail .contents-top .button[style] {
    float: none !important;
}

.member-point-summary {
    padding: 24px 28px 20px !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    background: #fff;
    box-shadow: var(--admin-shadow-sm);
}

.member-point-summary > .row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    margin: 0 !important;
    padding: 0 !important;
}

.member-point-summary > .row + .row {
    margin-top: 22px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--admin-border);
}

.member-point-summary > .row + .row:before {
    display: none !important;
}

.member-point-summary > .row > .col {
    width: auto !important;
    padding: 0 !important;
}

.member-point-summary dl {
    display: flex;
    min-height: 78px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
}

.member-point-summary dl dt {
    min-height: 18px;
    color: #344054;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.member-point-summary dl dd {
    display: flex;
    min-height: 44px;
    align-items: center;
    margin-top: 0 !important;
    color: var(--admin-text);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
}

.member-point-summary dl dd .form-text {
    width: 100% !important;
    min-width: 0;
}

/**************************************************
 * MEMBERSHIP REGISTRATION
 **************************************************/
.membership-registration .form-card2 {
    padding: 22px 24px !important;
}

.membership-registration .form > .row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    margin: 0 !important;
}

.membership-registration .form > .row > .col {
    width: auto !important;
    padding: 0 !important;
}

.membership-registration .field {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 10px;
}

.membership-registration .label {
    display: flex;
    min-height: 22px;
    align-items: center;
    color: #344054;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.membership-registration .control {
    display: flex;
    align-items: center;
}

.membership-registration .form-select,
.membership-registration .form-text {
    width: 100% !important;
}

.membership-threshold-guide {
    min-height: 34px;
    margin-top: 2px !important;
    color: var(--admin-danger) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

/**************************************************
 * ORDER STATISTICS DETAIL
 **************************************************/
.order-statistics-detail .section_body > .data-grid,
.order-statistics-detail .section_body > .data-table {
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--admin-shadow-sm);
}

.order-ticket-summary {
    padding: 18px 22px !important;
    border: 1px solid var(--admin-border) !important;
}

.order-ticket-summary > .row {
    display: grid !important;
    grid-template-columns: minmax(230px, 1.6fr) minmax(90px, .7fr) minmax(90px, .7fr) minmax(110px, .8fr) minmax(120px, .9fr) minmax(80px, .6fr) minmax(150px, 1fr);
    gap: 18px;
    margin: 0 !important;
}

.order-ticket-summary > .row > .col {
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
}

.order-ticket-summary dl,
.point-info-grid dl {
    display: flex;
    min-height: 48px;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.order-ticket-summary dl dt,
.point-info-grid dl dt {
    color: #344054;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.order-ticket-summary dl dd,
.point-info-grid dl dd {
    overflow-wrap: anywhere;
    color: var(--admin-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
}

.payment-info-table table {
    table-layout: fixed;
}

.payment-info-table th,
.payment-info-table td {
    padding: 12px 10px !important;
    text-align: center;
    vertical-align: middle;
}

.payment-info-table th {
    font-size: 11px;
    line-height: 1.25;
}

.payment-info-table td {
    font-size: 13px;
    line-height: 1.3;
}

.payment-info-table .delete_btn {
    display: inline-flex !important;
    min-width: 76px;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 12px !important;
    border-radius: 8px !important;
    line-height: 1 !important;
}

.point-info-grid {
    padding: 18px 22px !important;
    border: 1px solid var(--admin-border) !important;
}

.point-info-grid > .row {
    display: grid !important;
    grid-template-columns: minmax(100px, .75fr) minmax(110px, .75fr) minmax(140px, .9fr) minmax(160px, 1.1fr) minmax(160px, 1.1fr) minmax(240px, 1.8fr);
    gap: 18px;
    margin: 0 !important;
    padding: 0 !important;
}

.point-info-grid > .row + .row {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--admin-border);
}

.point-info-grid > .row + .row:before {
    display: none !important;
}

.point-info-grid > .row > [class*="col"] {
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
}

@media (max-width: 1500px) {
    .order-ticket-summary > .row,
    .point-info-grid > .row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/**************************************************
 * POS WEBVIEW SIDEBAR ICON FALLBACK
 **************************************************/
.nav > ul > li > a > i[class^="icon-"],
.nav > ul > li > a > i[class*=" icon-"] {
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    margin-right: 10px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    font-family: Arial, sans-serif !important;
    font-size: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.nav > ul > li > a > i[class^="icon-"]::before,
.nav > ul > li > a > i[class*=" icon-"]::before {
    content: "" !important;
    display: none !important;
}

.nav > ul > li > a > i:not([class]) {
    display: inline-block;
    width: 22px;
    min-width: 22px;
    margin-right: 10px;
}

.nav > ul > li > a > i.icon-home { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2010.5%2012%203l9%207.5%22/%3E%3Cpath%20d=%22M5%2010v10h5v-6h4v6h5V10%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-home { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2010.5%2012%203l9%207.5%22/%3E%3Cpath%20d=%22M5%2010v10h5v-6h4v6h5V10%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-shopping-cart { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%2220%22%20r=%221.5%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2220%22%20r=%221.5%22/%3E%3Cpath%20d=%22M3%204h2l2.2%2011.2a2%202%200%200%200%202%201.6h8.8a2%202%200%200%200%202-1.6L21%208H6%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-shopping-cart { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%2220%22%20r=%221.5%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2220%22%20r=%221.5%22/%3E%3Cpath%20d=%22M3%204h2l2.2%2011.2a2%202%200%200%200%202%201.6h8.8a2%202%200%200%200%202-1.6L21%208H6%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-won { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22/%3E%3Cpath%20d=%22M7.5%209.5h9%22/%3E%3Cpath%20d=%22M7.5%2013h9%22/%3E%3Cpath%20d=%22M8.5%207l2.2%209%201.3-5%201.3%205%202.2-9%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-won { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22/%3E%3Cpath%20d=%22M7.5%209.5h9%22/%3E%3Cpath%20d=%22M7.5%2013h9%22/%3E%3Cpath%20d=%22M8.5%207l2.2%209%201.3-5%201.3%205%202.2-9%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-analytics { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2019V5%22/%3E%3Cpath%20d=%22M4%2019h16%22/%3E%3Cpath%20d=%22m7%2015%204-4%203%203%205-7%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-analytics { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2019V5%22/%3E%3Cpath%20d=%22M4%2019h16%22/%3E%3Cpath%20d=%22m7%2015%204-4%203%203%205-7%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-restaurant { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M7%203v8%22/%3E%3Cpath%20d=%22M4.5%203v5.5A2.5%202.5%200%200%200%207%2011v10%22/%3E%3Cpath%20d=%22M9.5%203v5.5A2.5%202.5%200%200%201%207%2011%22/%3E%3Cpath%20d=%22M16%203v18%22/%3E%3Cpath%20d=%22M16%203c2.2%201.2%203.5%203.2%203.5%206%200%202-1%203.5-3.5%204%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-restaurant { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M7%203v8%22/%3E%3Cpath%20d=%22M4.5%203v5.5A2.5%202.5%200%200%200%207%2011v10%22/%3E%3Cpath%20d=%22M9.5%203v5.5A2.5%202.5%200%200%201%207%2011%22/%3E%3Cpath%20d=%22M16%203v18%22/%3E%3Cpath%20d=%22M16%203c2.2%201.2%203.5%203.2%203.5%206%200%202-1%203.5-3.5%204%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-notification { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9%22/%3E%3Cpath%20d=%22M10%2021h4%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-notification { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9%22/%3E%3Cpath%20d=%22M10%2021h4%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-mypage { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%228%22%20r=%224%22/%3E%3Cpath%20d=%22M4%2021c1.5-4%204.2-6%208-6s6.5%202%208%206%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-mypage { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%228%22%20r=%224%22/%3E%3Cpath%20d=%22M4%2021c1.5-4%204.2-6%208-6s6.5%202%208%206%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-interdiction { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22/%3E%3Cpath%20d=%22M8%2012h8%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-interdiction { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22/%3E%3Cpath%20d=%22M8%2012h8%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-waiting { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2012a8%208%200%200%201-8%208H7l-4%203%201.4-5.2A8%208%200%201%201%2021%2012Z%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-waiting { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2012a8%208%200%200%201-8%208H7l-4%203%201.4-5.2A8%208%200%201%201%2021%2012Z%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-ai-engine { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3Cpath%20d=%22M12%203v3%22/%3E%3Cpath%20d=%22M12%2018v3%22/%3E%3Cpath%20d=%22M3%2012h3%22/%3E%3Cpath%20d=%22M18%2012h3%22/%3E%3Cpath%20d=%22m5.6%205.6%202.1%202.1%22/%3E%3Cpath%20d=%22m16.3%2016.3%202.1%202.1%22/%3E%3Cpath%20d=%22m18.4%205.6-2.1%202.1%22/%3E%3Cpath%20d=%22m7.7%2016.3-2.1%202.1%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-ai-engine { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3Cpath%20d=%22M12%203v3%22/%3E%3Cpath%20d=%22M12%2018v3%22/%3E%3Cpath%20d=%22M3%2012h3%22/%3E%3Cpath%20d=%22M18%2012h3%22/%3E%3Cpath%20d=%22m5.6%205.6%202.1%202.1%22/%3E%3Cpath%20d=%22m16.3%2016.3%202.1%202.1%22/%3E%3Cpath%20d=%22m18.4%205.6-2.1%202.1%22/%3E%3Cpath%20d=%22m7.7%2016.3-2.1%202.1%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-settings { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3Cpath%20d=%22M19.4%2015a1.7%201.7%200%200%200%20.3%201.9l.1.1-2.1%202.1-.1-.1a1.7%201.7%200%200%200-1.9-.3%201.7%201.7%200%200%200-1%201.6V20h-3v-.2a1.7%201.7%200%200%200-1-1.6%201.7%201.7%200%200%200-1.9.3l-.1.1L6.6%2016.5l.1-.1A1.7%201.7%200%200%200%207%2014.5a1.7%201.7%200%200%200-1.6-1H5v-3h.2a1.7%201.7%200%200%200%201.6-1A1.7%201.7%200%200%200%206.5%207.6l-.1-.1%202.1-2.1.1.1A1.7%201.7%200%200%200%2010.5%206a1.7%201.7%200%200%200%201-1.6V4h3v.2a1.7%201.7%200%200%200%201%201.6%201.7%201.7%200%200%200%201.9-.3l.1-.1%202.1%202.1-.1.1a1.7%201.7%200%200%200-.3%201.9%201.7%201.7%200%200%200%201.6%201H21v3h-.2a1.7%201.7%200%200%200-1.4%201.5Z%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-settings { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3Cpath%20d=%22M19.4%2015a1.7%201.7%200%200%200%20.3%201.9l.1.1-2.1%202.1-.1-.1a1.7%201.7%200%200%200-1.9-.3%201.7%201.7%200%200%200-1%201.6V20h-3v-.2a1.7%201.7%200%200%200-1-1.6%201.7%201.7%200%200%200-1.9.3l-.1.1L6.6%2016.5l.1-.1A1.7%201.7%200%200%200%207%2014.5a1.7%201.7%200%200%200-1.6-1H5v-3h.2a1.7%201.7%200%200%200%201.6-1A1.7%201.7%200%200%200%206.5%207.6l-.1-.1%202.1-2.1.1.1A1.7%201.7%200%200%200%2010.5%206a1.7%201.7%200%200%200%201-1.6V4h3v.2a1.7%201.7%200%200%200%201%201.6%201.7%201.7%200%200%200%201.9-.3l.1-.1%202.1%202.1-.1.1a1.7%201.7%200%200%200-.3%201.9%201.7%201.7%200%200%200%201.6%201H21v3h-.2a1.7%201.7%200%200%200-1.4%201.5Z%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-table { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%208h16%22/%3E%3Cpath%20d=%22M5%208v10%22/%3E%3Cpath%20d=%22M19%208v10%22/%3E%3Cpath%20d=%22M7%2018h10%22/%3E%3Cpath%20d=%22M8%208V5h8v3%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-table { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%208h16%22/%3E%3Cpath%20d=%22M5%208v10%22/%3E%3Cpath%20d=%22M19%208v10%22/%3E%3Cpath%20d=%22M7%2018h10%22/%3E%3Cpath%20d=%22M8%208V5h8v3%22/%3E%3C/svg%3E") !important; }

.nav > ul > li > a > i.icon-data { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%234b5565%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cellipse%20cx=%2212%22%20cy=%226%22%20rx=%227%22%20ry=%223%22/%3E%3Cpath%20d=%22M5%206v6c0%201.7%203.1%203%207%203s7-1.3%207-3V6%22/%3E%3Cpath%20d=%22M5%2012v6c0%201.7%203.1%203%207%203s7-1.3%207-3v-6%22/%3E%3C/svg%3E") !important; }
.nav > ul > li > a.active > i.icon-data { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%232563eb%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cellipse%20cx=%2212%22%20cy=%226%22%20rx=%227%22%20ry=%223%22/%3E%3Cpath%20d=%22M5%206v6c0%201.7%203.1%203%207%203s7-1.3%207-3V6%22/%3E%3Cpath%20d=%22M5%2012v6c0%201.7%203.1%203%207%203s7-1.3%207-3v-6%22/%3E%3C/svg%3E") !important; }