/* Page layout primitives, loaded before the shared UI contract. */
body { background: #f5f7fb; }
    .hero {
        background: linear-gradient(135deg, #0b1e48, #123dce);
        color: #e8f0ff;
        border-radius: 16px;
        padding: 22px 24px;
        box-shadow: 0 16px 36px rgba(13,27,66,0.35);
    }
    .filter-chip {
        border-radius: 18px;
        padding: 6px 14px;
        margin: 3px;
        display: inline-block;
        font-weight: 600;
        background: #eef2ff;
        color: #1e3a8a;
        border: 1px solid #dfe3f4;
        transition: all .2s ease;
    }
    .filter-chip.active, .filter-chip:hover {
        background: #1e3a8a;
        color: #fff;
        box-shadow: 0 8px 18px rgba(30,58,138,0.25);
    }
    .card-shelf {
        border: 1px solid #e6ecfb;
        border-radius: 14px;
        box-shadow: 0 10px 30px rgba(52, 105, 203, 0.12);
    }
    .btn-select {
        border: 1px solid #1e3a8a;
        color: #1e3a8a;
        background: #fff;
    }
    .btn-select.active {
        background: #1e3a8a;
        color: #fff;
    }
    .soft-alert{
        background: #f0f5ff;
        border: 1px solid #dbeafe;
        color: #0f172a;
        border-radius: 12px;
        padding: 12px 14px;
    }
    .pill-stat{
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 8px 24px rgba(15,23,42,0.07);
        padding: 14px 16px;
        border: 1px solid #e8ecfb;
    }
    .pill-stat small{
        color:#6b7280;
    }
    .result-credentials .list-group-item{
        display:flex;
        justify-content:space-between;
        align-items:center;
        flex-wrap:wrap;
    }
    .result-credentials span{
        font-family: "SFMono-Regular", Consolas, Menlo, monospace;
        user-select:text;
        -webkit-user-select:text;
    }
    .copy-pill{
        background: #eef2ff;
        color: #1e3a8a;
        border-radius: 10px;
        padding: 6px 10px;
        font-weight: 600;
        border: 1px dashed #c7d2fe;
    }
    .form-control::placeholder{
        color:#606f89;
        opacity:1;
        font-weight:600;
    }
    .tab-switch{
        background: rgba(255,255,255,0.24);
        color: #f8fbff;
        border: 1px solid rgba(255,255,255,0.75);
        border-radius: 10px;
        font-weight: 700;
        padding: 6px 14px;
    }
    .tab-switch.active{
        background: #f8fafc;
        color: #0b1e48;
        border-color: #f8fafc;
        box-shadow: 0 6px 18px rgba(12,32,90,0.25);
    }
    .btn-copy-compact{
        background: #1d4ed8;
        color: #fff;
        border: 1px solid #1d4ed8;
        border-radius: 10px;
        font-weight: 700;
        padding: 6px 12px;
        box-shadow: 0 8px 18px rgba(29,78,216,0.25);
    }
    .btn-copy-compact:hover{
        background: #153cb0;
        border-color: #153cb0;
        color: #fff;
    }
    .toolbar-actions .btn{
        font-weight:700;
        border-radius:8px;
        padding:6px 14px;
    }
    .toolbar-actions .btn i{
        font-size:14px;
        opacity:1;
    }
    .btn-buy-selected{
        background:#62bf5a;
        border:1px solid #59b552;
        color:#fff;
        box-shadow:0 4px 10px rgba(69,156,58,0.25);
    }
    .btn-buy-selected:hover{
        background:#54b14d;
        border-color:#4ca446;
        color:#fff;
    }
    .btn-refresh-list{
        background:#f3f4f6;
        border:1px solid #b8c2d4;
        color:#7a8aa2;
    }
    .btn-refresh-list:hover{
        background:#e9edf5;
        border-color:#9fb0c8;
        color:#5f7392;
    }
    .btn-history-outline{
        background:#fff;
        border:1px solid #7ea3e6;
        color:#2f66cf;
        font-weight:700;
    }
    .btn-history-outline:hover{
        background:#f3f7ff;
        border-color:#5d8de0;
        color:#2456b4;
    }
    .selected-stats{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:8px;
    }
    .selected-stats .stat-chip{
        font-size:12px;
        font-weight:700;
        background:#eff4ff;
        border:1px solid #cfe0ff;
        color:#2b4f8f;
        border-radius:14px;
        padding:4px 10px;
    }
    .result-footer-btn{
        border-width:1px;
        font-weight:700;
        border-radius:8px;
        padding:9px 16px;
        min-width:150px;
        text-align:center;
    }
    .guest-preview-banner{
        border-radius: 12px;
        border: 1px solid #fde68a;
        background: #fff7d6;
        color: #7c5d00;
    }
    .guest-preview-banner .btn{
        font-weight: 700;
    }
    .xu-table td{
        vertical-align: middle;
    }
    .table-cell-actions .btn{
        min-width: 110px;
    }
    .history-toolbar{
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .guest-history-note{
        border: 1px dashed #bfdbfe;
        border-radius: 12px;
        background: #f8fbff;
        color: #1e3a8a;
    }
    @media (max-width: 991.98px){
        .hero{
            padding: 18px;
        }
        .hero h1{
            font-size: 22px !important;
            line-height: 1.25;
        }
        .hero p{
            font-size: 14px !important;
        }
        .filter-row-head{
            row-gap: 8px;
        }
        .toolbar-wrap{
            gap: 10px;
            flex-direction: column;
            align-items: stretch !important;
        }
        .toolbar-actions{
            width: 100%;
            flex-wrap: wrap;
            gap: 8px;
        }
        .toolbar-actions .btn{
            flex: 1 1 180px;
            margin-right: 0 !important;
        }
        .history-toolbar{
            width: 100%;
            justify-content: flex-start;
        }
        .history-toolbar small{
            width: 100%;
            margin-top: 4px;
        }
    }
    @media (max-width: 767.98px){
        .content-page .container-fluid{
            padding-left: 10px;
            padding-right: 10px;
        }
        .hero{
            border-radius: 14px;
            padding: 15px;
        }
        .hero .tab-switch{
            width: 100%;
            text-align: center;
            margin-right: 0 !important;
            margin-top: 8px;
        }
        .preview-toolbar .btn{
            width: 100%;
            flex: 1 1 auto;
        }
        .history-toolbar .btn{
            flex: 1 1 calc(50% - 8px);
            margin-right: 0 !important;
        }
        .selected-stats{
            width: 100%;
            justify-content: flex-start;
        }
        .table-mobile{
            border-collapse: separate;
            border-spacing: 0 10px;
        }
        .table-mobile thead{
            display: none;
        }
        .table-mobile tbody tr{
            display: block;
            background: #fff;
            border: 1px solid #dbe7ff;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(30,58,138,0.08);
            padding: 10px 12px;
            margin-bottom: 10px;
        }
        .table-mobile tbody td{
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            border-top: 0 !important;
            padding: 6px 0;
            text-align: right !important;
            gap: 12px;
        }
        .table-mobile tbody td::before{
            content: attr(data-label);
            font-size: 12px;
            font-weight: 700;
            color: #475569;
            text-align: left;
            flex: 1 1 auto;
            margin-right: 8px;
        }
        .table-mobile tbody td.table-cell-actions{
            display: block;
            text-align: left !important;
            padding-top: 8px;
        }
        .table-mobile tbody td.table-cell-actions::before{
            display: block;
            margin-bottom: 6px;
        }
        .table-mobile tbody td.table-cell-actions .btn{
            width: 100%;
        }
        .table-mobile tbody td.table-cell-actions .badge{
            font-size: 12px;
        }
        #resultXuModal .modal-footer{
            flex-direction: column;
            align-items: stretch;
        }
        .result-footer-btn{
            min-width: unset;
            width: 100%;
            margin: 0 0 8px 0 !important;
        }
    }
    /* Visual refresh: kho xu gọn, rõ và ưu tiên thao tác mua */
    .xu-shop-page{min-height:calc(100vh - 90px);padding-bottom:48px;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%)}
    .xu-shop-page>.container-fluid{max-width:1380px}
    .xu-shop-page .hero{position:relative;overflow:hidden;margin-top:22px!important;padding:30px 32px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:radial-gradient(circle at 90% 0%,rgba(77,208,225,.28),transparent 32%),linear-gradient(135deg,#0b1635 0%,#183a94 55%,#126f87 100%);box-shadow:0 22px 50px rgba(18,44,101,.25)}
    .xu-shop-page .hero:after{content:"";position:absolute;width:240px;height:240px;right:-90px;bottom:-130px;border:28px solid rgba(255,255,255,.08);border-radius:50%}
    .xu-shop-page .hero>div{position:relative;z-index:1}.hero-copy{max-width:720px}.hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(167,243,208,.35);border-radius:999px;background:rgba(16,185,129,.16);color:#b9f6df;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hero h1{margin-top:14px!important;font-size:32px!important;line-height:1.15}.hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.hero-meta span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.09);color:#e1ebff;font-size:12px;font-weight:700}.hero-tabs{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap}.hero-tabs .tab-switch{margin:0!important;padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.1)}
    .xu-shop-page .soft-alert{margin-top:16px!important;padding:16px 18px;border:1px solid #dbe7f4;border-radius:16px;background:#fff;color:#526276;box-shadow:0 8px 24px rgba(15,23,42,.04)}.xu-shop-page .soft-alert>div{color:#17243a!important}.xu-shop-page .soft-alert ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 28px;margin-top:10px!important}.xu-shop-page .soft-alert li{padding-left:3px}
    .xu-shop-page .card-shelf{border:1px solid #e5ebf3;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.055);overflow:hidden}.xu-shop-page .card-shelf>.card-body{padding:22px}.xu-shop-page .card-shelf h2{font-weight:900;color:#17243a}.xu-shop-page .card-shelf .card-header{padding:18px 22px;border-bottom:1px solid #edf1f6;background:#fff}
    .xu-shop-page #xu-filter-form{margin-bottom:20px!important;padding:16px;border:1px solid #edf1f6;border-radius:14px;background:#fbfcfe}.xu-shop-page #xu-filter-form label{margin-bottom:6px;color:#68778b;font-size:12px;font-weight:800}.xu-shop-page #xu-filter-form .form-control{height:42px;border-color:#dce5ef;border-radius:10px;background:#fff;box-shadow:none}.xu-shop-page #xu-filter-form .btn{height:42px;border:0;border-radius:10px;background:#1769e0;font-weight:800}
    .xu-shop-page .filter-row-head{padding-bottom:10px;border-bottom:1px solid #edf1f6}.xu-shop-page .filter-row-head strong{color:#26364c}.xu-shop-page .filter-chip{padding:7px 12px;margin:2px;border:1px solid #dbe5f0;border-radius:999px;background:#fff;color:#617187;font-size:12px;font-weight:800}.xu-shop-page .filter-chip.active,.xu-shop-page .filter-chip:hover{border-color:#1769e0;background:#1769e0;color:#fff;box-shadow:0 6px 14px rgba(23,105,224,.18)}
    .xu-shop-page .toolbar-wrap{padding:13px 15px;border:1px solid #e8eef5;border-radius:13px;background:#f8fafc}.xu-shop-page .selected-stats .stat-chip{background:#fff;border-color:#dce8f4;color:#50647f}.xu-shop-page .btn-buy-selected{border:0;border-radius:9px;background:#0b9b7d}.xu-shop-page .btn-buy-selected:hover{background:#07866c}.xu-shop-page .btn-refresh-list,.xu-shop-page .btn-history-outline{border-radius:9px}
    .xu-shop-page .personal-discount{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #f6c453;border-radius:9px;background:#fff7d8;color:#9a5a00;font-size:12px;font-weight:900}.xu-shop-page .price-stack{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.25}.xu-shop-page .price-original{color:#8b98aa;font-size:12px;text-decoration:line-through}.xu-shop-page .price-final{color:#db4b5b;font-size:15px;font-weight:900}.xu-shop-page .discount-badge{display:inline-block;margin-top:3px;padding:3px 6px;border-radius:999px;background:#fff0d1;color:#a85c00;font-size:10px;font-weight:900}.xu-shop-page .discount-summary{padding:13px 15px;border:1px solid #f6d98a;border-radius:12px;background:#fff9e8}.xu-shop-page .discount-summary-row{display:flex;justify-content:space-between;gap:18px;padding:3px 0;color:#59687a}.xu-shop-page .discount-summary-row.total{margin-top:6px;padding-top:9px;border-top:1px dashed #e7c76e;color:#17243a;font-size:16px;font-weight:900}.xu-shop-page .discount-saving{color:#07866c;font-weight:900}
    .xu-shop-page .xu-table{border-collapse:separate;border-spacing:0 7px;margin-top:-7px}.xu-shop-page .xu-table thead th{padding:10px 13px;border:0;color:#8996a8;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.xu-shop-page .xu-table tbody tr{background:#fff;box-shadow:0 4px 15px rgba(23,46,83,.045)}.xu-shop-page .xu-table tbody td{padding:15px 13px;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;color:#45566d}.xu-shop-page .xu-table tbody td:first-child{border-left:1px solid #edf2f7;border-radius:13px 0 0 13px}.xu-shop-page .xu-table tbody td:last-child{border-right:1px solid #edf2f7;border-radius:0 13px 13px 0}.xu-shop-page .xu-table tbody tr:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(23,46,83,.09)}.xu-shop-page .badge-server{padding:7px 10px;border-radius:8px;font-size:11px;font-weight:900;letter-spacing:.04em}.xu-shop-page .badge-server.badge-info{background:#e8f2ff;color:#1769e0}.xu-shop-page .badge-server.badge-dark{background:#f1edff;color:#6d45c8}.xu-shop-page .xu-table td.text-success b{color:#079476!important;font-size:15px}.xu-shop-page .xu-table td.text-danger b{color:#db4b5b!important;font-size:15px}.xu-shop-page .btn-select,.xu-shop-page .xu-table .btn-primary{min-width:104px;border-radius:9px;font-weight:800}.xu-shop-page .btn-select{border-color:#cbd9eb;color:#4a6384}.xu-shop-page .btn-select.active{border-color:#1769e0;background:#1769e0;color:#fff}.xu-shop-page .xu-table .btn-primary{border:0;background:#1769e0}.xu-shop-page .xu-table .btn-primary:hover{background:#1257bd}
    .xu-shop-page .history-toolbar .btn{border-radius:9px}.xu-shop-page .history-toolbar small{color:#8a98aa!important}.xu-shop-page .card-shelf .table thead th{border:0;color:#8996a8;font-size:11px;text-transform:uppercase}.xu-shop-page .card-shelf .table tbody td{border-color:#edf1f6;color:#516178}.xu-shop-page .guest-preview-banner{border:1px solid #f6d98a;border-radius:14px;background:#fff9e8}.xu-shop-page .guest-history-note{border:1px solid #d9e8fc;border-radius:14px;background:#f5f9ff}
    .xu-shop-page .modal-content{border:0;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.25)}.xu-shop-page .modal-header{padding:18px 22px;background:#f8fafc;border-bottom:1px solid #edf1f6}.xu-shop-page .modal-title{font-weight:900;color:#17243a}.xu-shop-page .modal-footer{border-top:1px solid #edf1f6}
    .service-seo-card{margin-top:18px;padding:22px;border:1px solid #e3eaf3;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045);color:#63758a;font-size:13px;line-height:1.75}.service-seo-card h2{margin:18px 0 7px;color:#1d3148;font-size:18px;font-weight:900}.service-seo-card h2:first-child{margin-top:0}.service-seo-card p{margin:0 0 10px}.service-seo-card a{color:var(--domain-primary);font-weight:800}.service-seo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.service-seo-actions a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #dce6ef;border-radius:9px;background:#f8fafc;text-decoration:none!important}
    .shop-faq{margin-top:18px;padding:22px;border:1px solid #e3eaf3;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045)}.shop-faq-head{max-width:720px;margin-bottom:14px}.shop-faq-head h2{margin:0 0 5px;color:#17243a;font-size:20px;font-weight:900}.shop-faq-head p{margin:0;color:#738197;font-size:12px}.shop-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shop-faq-item{padding:15px;border:1px solid #e8eef5;border-radius:12px;background:#f9fbfd}.shop-faq-item h3{margin:0 0 7px;color:#263950;font-size:13px;font-weight:900;line-height:1.4}.shop-faq-item p{margin:0;color:#6b7b90;font-size:12px;line-height:1.6}
    body.dark .service-seo-card{border-color:#263b58;background:#152238;color:#9fb1c5}body.dark .service-seo-card h2{color:#e4edf8}body.dark .service-seo-actions a{border-color:#2a405e;background:#122036;color:#88b9ff}
    body.dark .shop-faq{border-color:#263b58;background:#152238}.dark-mode .shop-faq-head h2,body.dark .shop-faq-head h2{color:#e4edf8}.dark-mode .shop-faq-head p,body.dark .shop-faq-head p{color:#92a5bd}.dark-mode .shop-faq-item,body.dark .shop-faq-item{border-color:#2a405e;background:#122036}.dark-mode .shop-faq-item h3,body.dark .shop-faq-item h3{color:#dce7f4}.dark-mode .shop-faq-item p,body.dark .shop-faq-item p{color:#91a4bc}
    @media(max-width:767.98px){.xu-shop-page .hero{padding:22px 18px;border-radius:18px}.hero h1{font-size:25px!important}.hero-meta span{flex:1 1 calc(50% - 8px)}.hero-tabs{margin-top:18px}.xu-shop-page .soft-alert ul{grid-template-columns:1fr}.xu-shop-page .card-shelf>.card-body{padding:14px}.xu-shop-page .toolbar-wrap{padding:11px}.xu-shop-page .xu-table tbody tr{box-shadow:0 5px 16px rgba(30,58,138,.06)}.xu-shop-page .xu-table tbody td{padding:7px 0}.xu-shop-page .xu-table tbody td:first-child,.xu-shop-page .xu-table tbody td:last-child{border:0;border-radius:0}.xu-shop-page .xu-table tbody td.table-cell-actions{padding-top:9px}.xu-shop-page .xu-table tbody td.table-cell-actions .btn{min-width:0}.xu-shop-page .hero-meta span{font-size:11px}.shop-faq-grid{grid-template-columns:1fr}.shop-faq{padding:18px}}
    /* Dark-mode overrides: page-specific classes not covered by global dark rules */
    body.dark .xu-shop-page .btn-select{border-color:#29415f;color:#9cafc2;background:#112137}
    body.dark .xu-shop-page .btn-select.active{border-color:#1769e0;background:#1769e0;color:#fff}
    body.dark .xu-shop-page .badge-server.badge-info{background:#152942;color:#5f9ff2}
    body.dark .xu-shop-page .badge-server.badge-dark{background:#241f3d;color:#a480e8}
    body.dark .xu-shop-page .thead-light th{background:#0e1e32;border-color:#29415f;color:#9cafc2}
    body.dark .xu-shop-page .result-credentials .list-group-item{background:#112137;border-color:#28415d;color:#d5e0eb}
    body.dark .xu-shop-page .list-group-item-warning{background:#292619;border-color:#66572f;color:#e5d39a}
    body.dark .xu-shop-page .guest-preview-banner{border-color:#66572f;background:#291f12;color:#e5d39a}
    body.dark .xu-shop-page .guest-history-note{border-color:#28415d;background:#0d1a2c;color:#9cafc2}
    body.dark .xu-shop-page .btn-buy-selected{background:#0b9b7d;border-color:#0b9b7d;color:#fff}
    body.dark .xu-shop-page .btn-buy-selected:hover{background:#088065;border-color:#088065;color:#fff}
    body.dark .xu-shop-page .btn-refresh-list{background:#112137;border-color:#28415d;color:#9cafc2}
    body.dark .xu-shop-page .btn-refresh-list:hover{background:#152942;border-color:#2a405e;color:#dce7f2}
    body.dark .xu-shop-page .btn-history-outline{background:#112137;border-color:#2d4666;color:#5f9ff2}
    body.dark .xu-shop-page .btn-history-outline:hover{background:#152942;border-color:#5f9ff2;color:#8fbcf7}
    body.dark .xu-shop-page .personal-discount,body.dark .xu-shop-page .discount-summary{border-color:#66572f;background:#291f12;color:#e5d39a}.dark-mode .xu-shop-page .price-original,body.dark .xu-shop-page .price-original{color:#8fa4b8}.dark-mode .xu-shop-page .price-final,body.dark .xu-shop-page .price-final{color:#ef8c9e}.dark-mode .xu-shop-page .discount-badge,body.dark .xu-shop-page .discount-badge{background:#3b2b12;color:#f1c875}.dark-mode .xu-shop-page .discount-summary-row,body.dark .xu-shop-page .discount-summary-row{color:#c5d4e1}.dark-mode .xu-shop-page .discount-summary-row.total,body.dark .xu-shop-page .discount-summary-row.total{border-color:#66572f;color:#edf5fc}.dark-mode .xu-shop-page .discount-saving,body.dark .xu-shop-page .discount-saving{color:#62d7bb}
    /* Complete dark contract for the purchase table. This template owns a
       number of local light surfaces, so cover every direct card/table layer. */
    body.dark .xu-shop-page .hero{border-color:#28415d!important;background:linear-gradient(135deg,#112137,#102a3e)!important;color:#dce7f4!important;box-shadow:none!important}
    body.dark .xu-shop-page .hero::after{border-color:rgba(116,190,218,.1)!important}
    body.dark .xu-shop-page .hero-kicker{border-color:#285b55!important;background:#102c2d!important;color:#62d7bb!important}
    body.dark .xu-shop-page .hero h1,body.dark .xu-shop-page .hero h1[style]{color:#edf5fc!important}
    body.dark .xu-shop-page .hero p,body.dark .xu-shop-page .hero p[style]{color:#aebfd0!important;opacity:1!important}
    body.dark .xu-shop-page .hero-meta span{border-color:#304963!important;background:#0e1e32!important;color:#b8c9d8!important}
    body.dark .xu-shop-page .hero-meta span i{color:#74bfe2!important}
    body.dark .xu-shop-page .soft-alert{border-color:#28415d!important;background:#112137!important;color:#c5d4e1!important;box-shadow:none!important}
    body.dark .xu-shop-page .soft-alert>div,body.dark .xu-shop-page .soft-alert strong{color:#edf5fc!important}
    body.dark .xu-shop-page .card-shelf,body.dark .xu-shop-page .card-shelf>.card-body,body.dark .xu-shop-page .card-shelf .card-header{border-color:#28415d!important;background:#112137!important;color:#dce7f4!important;box-shadow:none!important}
    body.dark .xu-shop-page .card-shelf h2,body.dark .xu-shop-page .card-shelf h5,body.dark .xu-shop-page .card-shelf .text-dark{color:#edf5fc!important}
    body.dark .xu-shop-page .card-shelf .text-muted,body.dark .xu-shop-page .history-toolbar small{color:#9cafc2!important}
    body.dark .xu-shop-page #xu-filter-form,body.dark .xu-shop-page .toolbar-wrap{border-color:#28415d!important;background:#0e1e32!important}
    body.dark .xu-shop-page #xu-filter-form label,body.dark .xu-shop-page .filter-row-head strong{color:#c7d5e2!important}
    body.dark .xu-shop-page #xu-filter-form .form-control{border-color:#304963!important;background:#0b1b2e!important;color:#e3edf6!important}
    body.dark .xu-shop-page .filter-chip,body.dark .xu-shop-page .selected-stats .stat-chip{border-color:#304963!important;background:#13263d!important;color:#c7d5e2!important}
    body.dark .xu-shop-page .filter-chip.active,body.dark .xu-shop-page .filter-chip:hover{border-color:var(--domain-primary,#5f9ff2)!important;background:var(--domain-primary,#356fc9)!important;color:#fff!important}
    body.dark .xu-shop-page .xu-table,body.dark .xu-shop-page .xu-table tbody{background:transparent!important}
    body.dark .xu-shop-page .xu-table thead th,body.dark .xu-shop-page .thead-light th{border-color:#28415d!important;background:#0e1e32!important;color:#9cafc2!important}
    body.dark .xu-shop-page .xu-table tbody tr,body.dark .xu-shop-page .xu-table tbody td{border-color:#28415d!important;background:#112137!important;color:#dce7f4!important;box-shadow:none!important}
    body.dark .xu-shop-page .xu-table tbody tr:hover,body.dark .xu-shop-page .xu-table tbody tr:hover td{background:#162b43!important;box-shadow:none!important}
    body.dark .xu-shop-page .xu-table td.text-success b{color:#62d7bb!important}
    body.dark .xu-shop-page .xu-table td.text-danger b{color:#ef8c9e!important}
    body.dark .xu-shop-page .btn-select{border-color:#304963!important;background:#13263d!important;color:#c7d5e2!important}
    body.dark .xu-shop-page .btn-select.active,body.dark .xu-shop-page .xu-table .btn-primary{border-color:var(--domain-primary,#5f9ff2)!important;background:var(--domain-primary,#356fc9)!important;color:#fff!important}
    body.dark .xu-shop-page .modal-content{border-color:#28415d!important;background:#112137!important;color:#dce7f4!important}
    body.dark .xu-shop-page .modal-header,body.dark .xu-shop-page .modal-footer{border-color:#28415d!important;background:#0e1e32!important}
    body.dark .xu-shop-page .modal-title{color:#edf5fc!important}
    body.dark .xu-shop-page .history-toolbar,body.dark .xu-shop-page .history-toolbar .form-control{border-color:#28415d!important;background:#0e1e32!important;color:#c7d5e2!important}
    body.dark .xu-shop-page .card-shelf .table,body.dark .xu-shop-page .card-shelf .table tbody,body.dark .xu-shop-page .card-shelf .table tbody tr{background:#112137!important}
    body.dark .xu-shop-page .card-shelf .table thead th{border-color:#28415d!important;background:#0e1e32!important;color:#9cafc2!important}
    body.dark .xu-shop-page .card-shelf .table tbody td{border-color:#28415d!important;background:#112137!important;color:#dce7f4!important}
    body.dark .xu-shop-page .card-shelf .table tbody tr:hover,body.dark .xu-shop-page .card-shelf .table tbody tr:hover td{background:#162b43!important}
    body.dark .xu-shop-page .pagination .page-link{border-color:#304963!important;background:#112137!important;color:#aebfd0!important}
    body.dark .xu-shop-page .pagination .page-item.active .page-link{border-color:var(--domain-primary,#5f9ff2)!important;background:var(--domain-primary,#356fc9)!important;color:#fff!important}
    @media (max-width: 767.98px){
        body.dark .xu-shop-page .table-mobile tbody tr{background:#112137;border-color:#28415d;box-shadow:none}
        body.dark .xu-shop-page .table-mobile tbody td::before{color:#8fa4b8}
    }