/* NandaGame website UX layer: public theme stays dark; back-office stays light. */
:root {
    --ng-focus-ring: 0 0 0 3px rgba(124, 92, 255, .32);
    --ng-readable-muted: #aab4c8;
    --ng-readable-border: rgba(148, 163, 184, .22);
}

html { scroll-padding-top: 88px; }

body.ng-body {
    font-size: 15px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.ng-body p,
body.ng-body .ng-hint,
body.ng-body .ng-summary-note,
body.ng-body .ng-service-group-title span,
body.ng-body .ng-breadcrumb,
body.ng-body .ng-form-group small,
body.ng-body .ng-account-section-subtitle,
body.ng-body .ng-footer-main p {
    color: var(--ng-readable-muted);
}

body.ng-body h1,
body.ng-body h2,
body.ng-body h3,
body.ng-body h4,
body.ng-body h5,
body.ng-body h6 {
    line-height: 1.2;
    text-wrap: pretty;
}

body.ng-body :focus-visible {
    outline: 3px solid #a99cff;
    outline-offset: 3px;
    box-shadow: var(--ng-focus-ring);
}

body.ng-body button,
body.ng-body [role="button"],
body.ng-body .ng-btn,
body.ng-body .ng-nav-link,
body.ng-body .ng-mobile-link,
body.ng-body .ng-chip,
body.ng-body .ng-account-nav-link {
    -webkit-tap-highlight-color: transparent;
}

body.ng-body .ng-btn,
body.ng-body .ng-auth-btn,
body.ng-body .ng-auth-secondary-btn,
body.ng-body .ng-account-home,
body.ng-body .ng-password-toggle {
    min-height: 44px;
}

body.ng-body .ng-label,
body.ng-body .ng-form-group label,
body.ng-body .ng-account-form-group label {
    color: #e5eaf4;
    font-size: .875rem;
    line-height: 1.4;
}

body.ng-body .form-control,
body.ng-body .form-select,
body.ng-body select.form-control,
body.ng-body textarea.form-control {
    min-height: 46px;
    font-size: 16px;
}

body.ng-body textarea.form-control { min-height: 110px; }

body.ng-body .form-control:disabled,
body.ng-body .form-select:disabled,
body.ng-body button:disabled,
body.ng-body .ng-btn:disabled {
    cursor: not-allowed;
    opacity: .66;
}

body.ng-body .ng-filter-panel,
body.ng-body .ng-price-card,
body.ng-body .ng-page-card,
body.ng-body .ng-panel,
body.ng-body .ng-history-card,
body.ng-body .ng-invoice-card-spacing,
body.ng-body .ng-account-sidebar,
body.ng-body .ng-account-panel-card {
    border-color: var(--ng-readable-border);
}

body.ng-body .ng-category-bar,
body.ng-body .ng-service-filter-grid,
body.ng-body .ng-filter-fields,
body.ng-body .ng-deposit-payment-grid {
    min-width: 0;
}

body.ng-body .ng-chip,
body.ng-body .ng-mobile-link,
body.ng-body .ng-nav-link,
body.ng-body .ng-account-nav-link {
    text-decoration: none;
}

body.ng-body .ng-price-table-wrap,
body.ng-body .ng-account-content .table-responsive,
body.ng-body .ng-invoice .table-responsive,
body.ng-body .ng-history-table-wrap,
body.ng-body .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

body.ng-body .ng-price-table {
    min-width: 560px;
}

body.ng-body .ng-price-table th,
body.ng-body .ng-price-table td {
    padding: .85rem 1rem;
    line-height: 1.45;
    vertical-align: middle;
}

body.ng-body .ng-price-table th {
    color: #dce3f0;
    font-size: .78rem;
}

body.ng-body .ng-price-table td {
    color: #e9edf6;
    font-size: .9rem;
}

body.ng-body .ng-price-table tbody tr:hover,
body.ng-body .ng-history-table tbody tr:hover {
    background-color: rgba(124, 92, 255, .07);
}

body.ng-body .ng-empty {
    color: #c1c9d9;
    border-color: rgba(148, 163, 184, .3);
    line-height: 1.55;
}

body.ng-body .ng-alert-list,
body.ng-body .invalid-feedback,
body.ng-body .ng-inline-validation,
body.ng-body .text-danger {
    overflow-wrap: anywhere;
}

body.ng-body .ng-invoice,
body.ng-body .ng-invoice-grid,
body.ng-body .ng-summary,
body.ng-body .ng-order-layout,
body.ng-body .ng-deposit-payment-grid,
body.ng-body .ng-payment-list {
    min-width: 0;
}

body.ng-body .ng-summary-row,
body.ng-body .ng-total-row {
    gap: 12px;
}

body.ng-body .ng-floating-wa { display: grid !important; z-index: 1020; }

@media (max-width: 767.98px) {
    body.ng-body .ng-floating-wa-order {
        right: 16px;
        bottom: calc(96px + env(safe-area-inset-bottom));
    }
}

body.ng-body .ng-nav-mobile summary {
    min-width: 44px;
    min-height: 44px;
    display: grid;
    place-items: center;
    cursor: pointer;
}

body.ng-body .ng-nav-mobile summary::-webkit-details-marker { display: none; }

body.ng-body .ng-footer-list a,
body.ng-body .ng-footer-popular-item {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 767.98px) {
    html { scroll-padding-top: 72px; }

    body.ng-body { font-size: 15px; }

    body.ng-body .ng-content { padding-top: 16px; }

    body.ng-body .ng-section-head {
        align-items: flex-start;
        gap: 12px;
    }

    body.ng-body .ng-section-head h1,
    body.ng-body .ng-section-head h2,
    body.ng-body .ng-page-head h1,
    body.ng-body .ng-order-head h1,
    body.ng-body .ng-account-head h1 {
        font-size: clamp(1.45rem, 6vw, 1.85rem);
        line-height: 1.18;
    }

    body.ng-body .ng-section-head p,
    body.ng-body .ng-page-head p,
    body.ng-body .ng-account-head p {
        font-size: .92rem;
        line-height: 1.55;
    }

    body.ng-body .ng-category-bar {
        display: flex;
        max-width: 100%;
        overflow-x: auto;
        padding: 2px 1px 8px;
        scroll-snap-type: x proximity;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    body.ng-body .ng-category-bar > * { flex: 0 0 auto; scroll-snap-align: start; }

    body.ng-body .ng-service-filter-grid,
    body.ng-body .ng-filter-fields,
    body.ng-body .ng-form-grid,
    body.ng-body .ng-deposit-amount-grid,
    body.ng-body .ng-deposit-payment-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.ng-body .ng-span-2,
    body.ng-body .ng-account-span-2 { grid-column: auto; }

    body.ng-body .ng-filter-panel,
    body.ng-body .ng-page-card,
    body.ng-body .ng-account-panel-card,
    body.ng-body .ng-deposit-card,
    body.ng-body .ng-invoice-card-spacing {
        padding: 16px;
        border-radius: 16px;
    }

    body.ng-body .ng-price-head,
    body.ng-body .ng-payment-head,
    body.ng-body .ng-account-panel-head {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    body.ng-body .ng-hero-actions,
    body.ng-body .ng-deposit-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    body.ng-body .ng-hero-actions .ng-btn,
    body.ng-body .ng-deposit-actions .ng-btn,
    body.ng-body .ng-search-order-form > .ng-btn,
    body.ng-body .ng-account-save-btn {
        width: 100%;
    }

    body.ng-body .ng-invoice-grid,
    body.ng-body .ng-order-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.ng-body .ng-account-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.ng-body .ng-footer-grid { grid-template-columns: minmax(0, 1fr) !important; }

    body.ng-body .ng-footer-bottom { text-align: center; }

    body.ng-body .ng-order-ticker-v2,
    body.ng-body .ng-order-marquee { max-width: 100%; }

    body.ng-body .ng-invoice-total,
    body.ng-body .ng-summary-total { font-size: 1.08rem; }
}

@media (max-width: 380px) {
    body.ng-body .ng-shell { padding-inline: 12px; }
    body.ng-body .ng-account-nav { grid-template-columns: minmax(0, 1fr); }
    body.ng-body .ng-account-nav-link:last-child { grid-column: auto; }
    body.ng-body .ng-order-ticker-v2-item,
    body.ng-body .ng-order-marquee-item { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    body.ng-body *,
    body.vertical-layout * {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* Shared admin and staff dashboard refinements. The back-office color scheme is light. */
body.vertical-layout {
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

body.vertical-layout .content-header-title {
    font-size: clamp(1.3rem, 2.5vw, 1.65rem);
    line-height: 1.25;
}

body.vertical-layout .content-body,
body.vertical-layout .card-body,
body.vertical-layout .modal-body { min-width: 0; }

body.vertical-layout .card-body { padding: clamp(1rem, 2vw, 1.35rem); }

body.vertical-layout .form-group label,
body.vertical-layout label {
    color: #344054;
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.4;
}

body.vertical-layout .form-control,
body.vertical-layout .custom-select,
body.vertical-layout select,
body.vertical-layout textarea,
body.vertical-layout .select2-container--default .select2-selection--single {
    min-height: 42px;
    font-size: .9rem;
}

body.vertical-layout textarea.form-control { min-height: 100px; }

body.vertical-layout .btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    line-height: 1.25;
}

body.vertical-layout .btn-icon,
body.vertical-layout .btn.btn-icon { min-width: 40px; }

body.vertical-layout .table td { font-size: .84rem; }

body.vertical-layout .table thead th {
    color: #475467;
    font-size: .74rem;
}

body.vertical-layout .table-responsive {
    max-width: 100%;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

body.vertical-layout :focus-visible {
    outline: 3px solid rgba(76, 68, 196, .58);
    outline-offset: 2px;
}

body.vertical-layout .text-muted,
body.vertical-layout .form-text,
body.vertical-layout small.text-muted {
    color: #596579 !important;
}

body.vertical-layout .dataTables_wrapper .dataTables_filter input,
body.vertical-layout .dataTables_wrapper .dataTables_length select {
    min-height: 38px;
    margin-inline: .3rem;
}

body.vertical-layout .modal-dialog { max-width: min(92vw, 760px); }

body.vertical-layout .modal-body { max-height: min(72vh, 760px); overflow-y: auto; }

@media (max-width: 767.98px) {
    body.vertical-layout .content-wrapper.container-xxl,
    body.vertical-layout .content-wrapper {
        padding: 0 12px 24px !important;
    }

    body.vertical-layout .content-header { padding-top: 1rem; }

    body.vertical-layout .content-header-title {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    body.vertical-layout .card { margin-bottom: 1rem; border-radius: 12px; }

    body.vertical-layout .card-header {
        min-height: 48px;
        padding: .85rem 1rem;
    }

    body.vertical-layout .table { min-width: 600px; }

    body.vertical-layout .table td,
    body.vertical-layout .table th { padding: .7rem .65rem; }

    body.vertical-layout .table-responsive table.table { margin-bottom: 0; }

    body.vertical-layout .dataTables_wrapper .dataTables_length,
    body.vertical-layout .dataTables_wrapper .dataTables_filter {
        float: none;
        width: 100%;
        text-align: left;
        margin-bottom: .75rem;
    }

    body.vertical-layout .dataTables_wrapper .dataTables_filter input {
        width: min(100%, 260px);
        margin-left: .35rem;
    }

    body.vertical-layout .dataTables_wrapper .dataTables_info,
    body.vertical-layout .dataTables_wrapper .dataTables_paginate {
        float: none;
        width: 100%;
        text-align: left;
    }

    body.vertical-layout .dataTables_wrapper .pagination {
        flex-wrap: wrap;
        gap: 3px;
    }

    body.vertical-layout .content-body > .row {
        margin-right: -6px;
        margin-left: -6px;
    }

    body.vertical-layout .content-body > .row > [class*='col-'] {
        padding-right: 6px;
        padding-left: 6px;
    }

    body.vertical-layout .modal-dialog { max-width: calc(100vw - 20px); margin: 10px auto; }

    body.vertical-layout .modal-body { max-height: calc(100vh - 160px); }

    body.vertical-layout .ng-order-table table.dataTable { min-width: 980px; }
}

/* Buyer-facing legacy Bootstrap pages share the same dark storefront palette. */
body.ng-body {
    --ng-buyer-panel: #101525;
    --ng-buyer-panel-raised: #151d30;
    --ng-buyer-input: #0b1020;
    --ng-buyer-border: rgba(148, 163, 184, .2);
    --ng-buyer-text: #edf2fb;
    --ng-buyer-muted: #aab4c8;
}

body.ng-body .ng-content,
body.ng-body .ng-footer { color: var(--ng-buyer-text); }

body.ng-body .ng-content :is(.card, .list-group, .dropdown-menu, .accordion-item, .popover) {
    color: var(--ng-buyer-text);
    border-color: var(--ng-buyer-border);
    background-color: var(--ng-buyer-panel);
}

body.ng-body .ng-content .list-group-item {
    color: var(--ng-buyer-text);
    border-color: var(--ng-buyer-border);
    background-color: var(--ng-buyer-panel);
}

body.ng-body .ng-content .dropdown-item { color: var(--ng-buyer-text); }
body.ng-body .ng-content .dropdown-item:hover,
body.ng-body .ng-content .dropdown-item:focus { color: #fff; background: #252d43; }

body.ng-body .ng-content :is(.bg-light, .bg-white) {
    color: var(--ng-buyer-text) !important;
    background-color: var(--ng-buyer-panel-raised) !important;
}

body.ng-body .ng-content .accordion-button {
    color: var(--ng-buyer-text);
    background-color: var(--ng-buyer-panel-raised);
}

body.ng-body .ng-content .accordion-button:not(.collapsed) { color: #dcd6ff; box-shadow: inset 0 -1px 0 var(--ng-buyer-border); }
body.ng-body .ng-content .accordion-button::after { filter: invert(1); }
body.ng-body .ng-content .accordion-body { color: var(--ng-buyer-text); background: var(--ng-buyer-panel); }

body.ng-body .ng-content :is(.alert, .alert-info, .alert-warning, .alert-danger, .alert-success) {
    color: var(--ng-buyer-text);
    border-color: var(--ng-buyer-border);
    background-color: var(--ng-buyer-panel-raised);
}

body.ng-body .ng-content .alert a { color: #c3b8ff; }

body.ng-body .ng-content .btn:not(.ng-btn) {
    min-height: 42px;
    border-radius: 10px;
    font-weight: 700;
}

body.ng-body .ng-content .btn-outline-primary { color: #c7bdff; border-color: #7666df; }
body.ng-body .ng-content .btn-outline-primary:hover { color: #fff; background: #6654e8; }
body.ng-body .ng-content .btn-secondary { color: var(--ng-buyer-text); background: #293349; border-color: #46536a; }
body.ng-body .ng-content .btn-light { color: var(--ng-buyer-text); background: #202a3e; border-color: #46536a; }

body.ng-body .ng-content .card {
    overflow: hidden;
    border: 1px solid var(--ng-buyer-border);
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

body.ng-body .ng-content .card-header,
body.ng-body .ng-content .card-footer {
    color: var(--ng-buyer-text);
    border-color: var(--ng-buyer-border);
    background-color: var(--ng-buyer-panel-raised);
}

body.ng-body .ng-content .card-header.bg-primary {
    background: linear-gradient(120deg, #5948c7, #735df4) !important;
}

body.ng-body .ng-content .card-body { color: var(--ng-buyer-text); }

body.ng-body .ng-content :is(.text-dark, .text-body, .text-muted, .form-text, small.text-muted) {
    color: var(--ng-buyer-muted) !important;
}

body.ng-body .ng-content h1,
body.ng-body .ng-content h2,
body.ng-body .ng-content h3,
body.ng-body .ng-content h4,
body.ng-body .ng-content h5,
body.ng-body .ng-content h6,
body.ng-body .ng-content label,
body.ng-body .ng-content .form-label,
body.ng-body .ng-content .card-title { color: var(--ng-buyer-text); }

body.ng-body .ng-content .form-control,
body.ng-body .ng-content .form-select,
body.ng-body .ng-content .input-group-text,
body.ng-body .ng-content select,
body.ng-body .ng-content textarea {
    color: var(--ng-buyer-text) !important;
    background-color: var(--ng-buyer-input) !important;
    border-color: var(--ng-buyer-border) !important;
}

body.ng-body .ng-content .form-control::placeholder,
body.ng-body .ng-content textarea::placeholder { color: #8d99ad !important; opacity: 1; }
body.ng-body .ng-content select option { color: var(--ng-buyer-text); background: var(--ng-buyer-input); }

body.ng-body .ng-content .form-control:focus,
body.ng-body .ng-content .form-select:focus,
body.ng-body .ng-content textarea:focus {
    border-color: rgba(124, 92, 255, .8) !important;
    box-shadow: 0 0 0 3px rgba(124, 92, 255, .18) !important;
}

body.ng-body .ng-content .form-check-input { background-color: var(--ng-buyer-input); border-color: #758198; }
body.ng-body .ng-content .form-check-input:checked { background-color: #705cf4; border-color: #705cf4; }

body.ng-body .ng-content .table {
    --bs-table-color: var(--ng-buyer-text);
    --bs-table-bg: transparent;
    --bs-table-striped-color: var(--ng-buyer-text);
    --bs-table-striped-bg: rgba(148, 163, 184, .045);
    --bs-table-hover-color: #fff;
    --bs-table-hover-bg: rgba(124, 92, 255, .09);
    color: var(--ng-buyer-text);
    border-color: var(--ng-buyer-border);
    margin-bottom: 0;
}

body.ng-body .ng-content .table > :not(caption) > * > * {
    color: inherit;
    border-bottom-color: var(--ng-buyer-border);
    background-color: transparent;
    vertical-align: middle;
}

body.ng-body .ng-content .table thead,
body.ng-body .ng-content .table thead th { color: #dbe4f2 !important; background: #171f32 !important; }
body.ng-body .ng-content .table a { color: #b8aaff; }
body.ng-body .ng-content .table a:hover { color: #fff; }

body.ng-body .ng-content .table-responsive,
body.ng-body .ng-content .dataTables_wrapper { max-width: 100%; }
body.ng-body .ng-content .dataTables_wrapper,
body.ng-body .ng-content .dataTables_info,
body.ng-body .ng-content .dataTables_length,
body.ng-body .ng-content .dataTables_filter,
body.ng-body .ng-content .dataTables_paginate { color: var(--ng-buyer-muted) !important; }
body.ng-body .ng-content .dataTables_wrapper .form-control,
body.ng-body .ng-content .dataTables_wrapper select { min-height: 40px; }
body.ng-body .ng-content .pagination { flex-wrap: wrap; gap: 4px; }
body.ng-body .ng-content .page-link { color: #dbe4f2; background: var(--ng-buyer-panel-raised); border-color: var(--ng-buyer-border); }
body.ng-body .ng-content .page-item.active .page-link { color: #fff; background: #6654e8; border-color: #6654e8; }
body.ng-body .ng-content .page-item.disabled .page-link { color: #78849a; background: #101525; }

body.ng-body .ng-content .nav-tabs { border-color: var(--ng-buyer-border); }
body.ng-body .ng-content .nav-tabs .nav-link { min-height: 44px; color: #b8c3d5; border-color: transparent; }
body.ng-body .ng-content .nav-tabs .nav-link.active,
body.ng-body .ng-content .nav-tabs .nav-link:hover { color: #fff; background: var(--ng-buyer-panel-raised); border-color: var(--ng-buyer-border) var(--ng-buyer-border) var(--ng-buyer-panel-raised); }

body.ng-body :is(#modal-form, #modal-order, #modal-search) .modal-content {
    color: var(--ng-buyer-text);
    background: var(--ng-buyer-panel);
    border: 1px solid var(--ng-buyer-border);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
}

body.ng-body :is(#modal-form, #modal-order, #modal-search) .modal-header,
body.ng-body :is(#modal-form, #modal-order, #modal-search) .modal-footer {
    color: var(--ng-buyer-text);
    border-color: var(--ng-buyer-border);
}

body.ng-body :is(#modal-form, #modal-order, #modal-search) .btn-close { filter: invert(1) grayscale(1); }
body.ng-body .ng-inline-detail { padding: 0; border: 0; background: none; color: #b8aaff; text-align: left; }
body.ng-body .ng-inline-detail:hover { color: #fff; text-decoration: underline; }

body.ng-body .ng-content .child-box {
    color: var(--ng-buyer-text);
    border-color: var(--ng-buyer-border);
    background: var(--ng-buyer-panel);
}

body.ng-body .ng-content .child-box > button {
    width: 100%;
    font: inherit;
    color: inherit;
    border: 0;
    background: transparent;
    appearance: none;
    cursor: pointer;
    text-align: left;
}

body.ng-body .ng-content .child-box > .short-payment-support-info {
    background: var(--ng-buyer-panel-raised);
    color: var(--ng-buyer-muted);
}

body.ng-body .ng-content .child-box .open-button-action-payment { color: #d7d0ff; }
body.ng-body .ng-content .child-box .button-action-payment { background: #101525; }

body.ng-body .ng-filter button {
    min-height: 44px;
    padding-inline: 14px;
    font-size: .88rem;
}

body.ng-body .ng-filter button[aria-pressed="true"] {
    border-color: rgba(124, 92, 255, .7);
    background: rgba(124, 92, 255, .18);
    color: #fff;
}

body.ng-body .ng-filter button:disabled { cursor: progress; opacity: .7; }
body.ng-body .ng-trust-item { min-height: 64px; }
body.ng-body .ng-trust-item strong { white-space: normal; overflow-wrap: anywhere; }
body.ng-body .ng-trust-caption { display: block; margin-top: 2px; color: var(--ng-buyer-muted); font-size: .72rem; line-height: 1.3; }

@media (max-width: 767.98px) {
    body.ng-body .ng-content .card { border-radius: 14px; }
    body.ng-body .ng-content .card-body { padding: 16px; }
    body.ng-body .ng-content .btn { min-height: 44px; }
    body.ng-body .ng-trust-strip { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }
    body.ng-body .ng-trust-item {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        min-height: 60px !important;
        padding: 10px 12px !important;
        gap: 10px !important;
        text-align: left !important;
    }
    body.ng-body .ng-trust-icon { width: 34px !important; height: 34px !important; font-size: 1rem !important; }
    body.ng-body .ng-trust-item small { font-size: .75rem !important; line-height: 1.35 !important; }
    body.ng-body .ng-trust-item strong { font-size: .9rem !important; line-height: 1.35 !important; }
    body.ng-body .ng-trust-caption { font-size: .7rem; }
    body.ng-body .ng-game-name { min-height: 40px; font-size: .82rem; line-height: 1.25; }
    body.ng-body .ng-section-head p,
    body.ng-body .ng-page-head p,
    body.ng-body .ng-account-head p { font-size: .84rem; }
    body.ng-body .ng-order-head p,
    body.ng-body .ng-step p { font-size: .76rem; }
    body.ng-body .ng-progress-label { font-size: .67rem; line-height: 1.25; white-space: normal; }
    body.ng-body .ng-filter-fields label,
    body.ng-body .ng-label { font-size: .82rem; }
}