:root {
    --spos-primary: #2563eb;
    --spos-accent: #06b6d4;
    --spos-background: #f3f6fb;
    --spos-text: #0f172a;
    --spos-muted: #64748b;
    --spos-panel: #ffffff;
    --spos-border: #dbe4f0;
    --spos-success: #16a34a;
    --spos-dark: #111827;
    --spos-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
    --spos-radius: 18px;
    --spos-card-products-bg: #eef4ff;
    --spos-card-categories-bg: #ecfeff;
    --spos-card-outlets-bg: #ecfdf3;
    --spos-card-customers-bg: #eefbf3;
    --spos-card-total-orders-bg: #f5f3ff;
    --spos-card-paid-orders-bg: #fff1f2;
    --spos-card-all-sell-bg: #eff6ff;
    --spos-card-paid-sell-bg: #ecfeff;
    --spos-card-due-sell-bg: #fef3c7;
    --spos-card-today-sell-bg: #ecfccb;
    --spos-card-last-7-days-bg: #f3e8ff;
    --spos-card-all-orders-bg: #eef2ff;
    --spos-card-paid-orders-summary-bg: #fce7f3;
    --spos-card-average-order-bg: #fff7ed;
}

.toplevel_page_smart-pos,
.smart-pos_page_smart-pos-settings {
    background: var(--spos-background);
}

.smart-pos-wrap,
.smart-pos-settings-wrap {
    margin: 20px 20px 0 0;
}

.smart-pos-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.smart-pos-header h1,
.smart-pos-settings-wrap h1 {
    margin: 0 0 6px;
    font-size: 28px;
    font-weight: 700;
    color: var(--spos-text);
}

.smart-pos-header p {
    margin: 0;
    color: var(--spos-muted);
    font-size: 14px;
}

.smart-pos-header-btn,
.smart-pos-add-cart,
.smart-pos-checkout,
.smart-pos-clear-cart,
.smart-pos-settings-card .button-primary {
    border: 0 !important;
    border-radius: 12px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    box-shadow: none !important;
}

.smart-pos-header-btn,
.smart-pos-checkout,
.smart-pos-settings-card .button-primary {
    background: linear-gradient(135deg, var(--spos-primary), var(--spos-accent)) !important;
}

.smart-pos-header-btn:hover,
.smart-pos-checkout:hover,
.smart-pos-settings-card .button-primary:hover {
    opacity: 0.94;
}

.smart-pos-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.smart-pos-stat-card {
    background: var(--spos-panel);
    border: 1px solid var(--spos-border);
    border-radius: var(--spos-radius);
    box-shadow: var(--spos-shadow);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    overflow: hidden;
}

.smart-pos-stat-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    border-radius: 20px;
}

.smart-pos-stat-card.is-primary::before { background: var(--spos-primary); }
.smart-pos-stat-card.is-accent::before { background: var(--spos-accent); }
.smart-pos-stat-card.is-success::before { background: var(--spos-success); }
.smart-pos-stat-card.is-dark::before { background: var(--spos-dark); }

.smart-pos-stat-card span {
    color: var(--spos-muted);
    font-size: 13px;
    font-weight: 600;
}

.smart-pos-stat-card strong {
    font-size: 26px;
    line-height: 1;
    color: var(--spos-text);
}

.smart-pos-stat-card--products { background: var(--spos-card-products-bg); }
.smart-pos-stat-card--categories { background: var(--spos-card-categories-bg); }
.smart-pos-stat-card--outlets { background: var(--spos-card-outlets-bg); }
.smart-pos-stat-card--customers { background: var(--spos-card-customers-bg); }
.smart-pos-stat-card--total-orders { background: var(--spos-card-total-orders-bg); }
.smart-pos-stat-card--paid-orders { background: var(--spos-card-paid-orders-bg); }

.smart-pos-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(320px, 0.95fr);
    gap: 18px;
    align-items: start;
}

.smart-pos-panel,
.smart-pos-settings-card {
    background: var(--spos-panel);
    border: 1px solid var(--spos-border);
    border-radius: var(--spos-radius);
    box-shadow: var(--spos-shadow);
    padding: 18px;
}

.smart-pos-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 220px);
    gap: 12px;
    margin-bottom: 16px;
}

.smart-pos-toolbar input,
.smart-pos-toolbar select,
.smart-pos-cart-panel input,
.smart-pos-cart-panel textarea {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    border: 1px solid var(--spos-border);
    padding: 10px 14px;
    font-size: 14px;
    box-shadow: none;
}

.smart-pos-cart-panel textarea {
    min-height: 90px;
    resize: vertical;
}

.smart-pos-toolbar input:focus,
.smart-pos-toolbar select:focus,
.smart-pos-cart-panel input:focus,
.smart-pos-cart-panel textarea:focus {
    outline: none;
    border-color: var(--spos-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.smart-pos-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    max-height: 980px;
    overflow: auto;
}

.smart-pos-product-card {
    background: linear-gradient(180deg, #ffffff, #f9fbff);
    border: 1px solid var(--spos-border);
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.smart-pos-product-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
    border-color: rgba(37, 99, 235, 0.2);
}

.smart-pos-product-image {
    aspect-ratio: 1 / 1;
    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(6,182,212,0.08));
    display: flex;
    align-items: center;
    justify-content: center;
}

.smart-pos-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.smart-pos-product-image span {
    color: var(--spos-muted);
    font-weight: 600;
}

.smart-pos-product-body {
    padding: 14px;
}

.smart-pos-product-body h3 {
    margin: 0 0 8px;
    color: var(--spos-text);
    font-size: 15px;
    min-height: 40px;
}

.smart-pos-product-body p {
    margin: 0 0 12px;
    color: var(--spos-primary);
    font-size: 16px;
    font-weight: 700;
}

.smart-pos-add-cart {
    width: 100%;
    background: rgba(37, 99, 235, 0.08) !important;
    color: var(--spos-primary) !important;
    font-weight: 600 !important;
}

.smart-pos-add-cart:hover {
    background: rgba(37, 99, 235, 0.14) !important;
}

.smart-pos-cart-panel {
    position: sticky;
    top: 32px;
}

.smart-pos-side-section + .smart-pos-side-section {
    margin-top: 18px;
}

.smart-pos-side-section h2 {
    margin: 0 0 10px;
    color: var(--spos-text);
    font-size: 17px;
}

.smart-pos-cart-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 280px;
    overflow: auto;
}

.smart-pos-cart-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--spos-border);
    border-radius: 14px;
    background: #fbfdff;
}

.smart-pos-cart-row h4 {
    margin: 0 0 6px;
    color: var(--spos-text);
    font-size: 14px;
}

.smart-pos-cart-row p,
.smart-pos-cart-row span {
    margin: 0;
    color: var(--spos-muted);
    font-size: 13px;
}

.smart-pos-cart-row .remove-item {
    border: 0;
    background: transparent;
    color: #dc2626;
    cursor: pointer;
    font-weight: 700;
}

.smart-pos-summary {
    margin-top: 20px;
    padding: 14px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(37,99,235,0.06), rgba(6,182,212,0.05));
    border: 1px solid rgba(37,99,235,0.12);
}

.smart-pos-summary div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    color: var(--spos-text);
}

.smart-pos-summary span {
    color: var(--spos-muted);
}

.smart-pos-grand-total {
    border-top: 1px dashed rgba(15, 23, 42, 0.15);
    margin-top: 6px;
    padding-top: 12px !important;
}

.smart-pos-grand-total strong {
    font-size: 20px;
    color: var(--spos-primary);
}

.smart-pos-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
}

.smart-pos-clear-cart {
    background: #eef2ff !important;
    color: var(--spos-text) !important;
}



.smart-pos-products-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

#smart-pos-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: 860px;
    overflow-y: auto;
    padding-right: 8px;
    align-content: start;
}

#smart-pos-product-grid::-webkit-scrollbar {
    width: 10px;
}

#smart-pos-product-grid::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.35);
    border-radius: 999px;
}

#smart-pos-product-grid::-webkit-scrollbar-track {
    background: rgba(219, 228, 240, 0.6);
    border-radius: 999px;
}

.smart-pos-product-card {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.smart-pos-product-image {
    aspect-ratio: 4 / 3;
}

.smart-pos-product-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.smart-pos-product-body p {
    margin-top: auto;
}

.smart-pos-empty {
    text-align: center;
    padding: 30px 16px;
    color: var(--spos-muted);
    border: 1px dashed var(--spos-border);
    border-radius: 16px;
}

.smart-pos-empty.small {
    padding: 18px 14px;
}

.smart-pos-settings-card table.form-table th {
    width: 220px;
}

@media (max-width: 1200px) {
    .smart-pos-layout,
    .smart-pos-stats {
        grid-template-columns: 1fr 1fr;
    }

    .smart-pos-layout {
        grid-template-columns: 1fr;
    }

    #smart-pos-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-height: 760px;
    }

    .smart-pos-cart-panel {
        position: static;
    }
}

@media (max-width: 782px) {
    .smart-pos-header,
    .smart-pos-toolbar,
    .smart-pos-actions,
    .smart-pos-stats {
        grid-template-columns: 1fr;
        display: grid;
    }

    #smart-pos-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: 640px;
    }

    .smart-pos-header {
        align-items: start;
    }
}

.smart-pos-stat-card.is-paid::before {
    background: #7c3aed;
}

.smart-pos-field-grid,
.smart-pos-inline-fields {
    display: grid;
    gap: 12px;
}

.smart-pos-field-grid {
    grid-template-columns: 1fr;
}

.smart-pos-inline-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.smart-pos-inline-fields--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
}

.smart-pos-inline-fields label,
.smart-pos-inline-label {
    display: inline-block;
    margin: 0 0 6px;
    color: var(--spos-text);
    font-weight: 600;
    font-size: 13px;
}

.smart-pos-cart-panel select {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    border: 1px solid var(--spos-border);
    padding: 10px 14px;
    font-size: 14px;
    background: #fff;
}

.smart-pos-help-text {
    margin-top: 8px;
    color: var(--spos-muted);
    font-size: 12px;
}

.smart-pos-inline-checkbox-wrap {
    display: flex;
    align-items: center;
}

.smart-pos-notice {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--spos-border);
    background: #fff;
}

.smart-pos-notice.is-success {
    border-color: rgba(22, 163, 74, 0.2);
    background: rgba(22, 163, 74, 0.08);
}

.smart-pos-notice.is-error {
    border-color: rgba(220, 38, 38, 0.2);
    background: rgba(220, 38, 38, 0.08);
}

.smart-pos-notice.is-info {
    border-color: rgba(37, 99, 235, 0.2);
    background: rgba(37, 99, 235, 0.08);
}

.smart-pos-inline-link {
    border: 0;
    background: transparent;
    color: var(--spos-primary);
    cursor: pointer;
    padding: 0;
    font-weight: 700;
}

.smart-pos-print-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
}

.smart-pos-print-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
}

.smart-pos-print-modal__card {
    position: relative;
    z-index: 1;
    max-width: 420px;
    margin: 10vh auto 0;
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.2);
}

.smart-pos-print-modal__card h3 {
    margin: 0 0 8px;
    font-size: 20px;
    color: var(--spos-text);
}

.smart-pos-print-modal__card p {
    margin: 0 0 16px;
    color: var(--spos-muted);
}

.smart-pos-print-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.smart-pos-role-box {
    padding: 14px;
    border: 1px solid var(--spos-border);
    border-radius: 14px;
    background: linear-gradient(180deg, #fff, #f8fbff);
}

@media (max-width: 782px) {
    .smart-pos-inline-fields,
    .smart-pos-inline-fields--three {
        grid-template-columns: 1fr;
    }
}


.smart-pos-print-modal__card--preview {
    max-width: 980px;
    margin-top: 4vh;
    padding: 20px;
}

.smart-pos-print-modal__preview-state {
    margin: 0 0 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #eff6ff;
    color: var(--spos-primary);
    font-weight: 600;
}

.smart-pos-print-modal__preview-state.is-error {
    background: #fef2f2;
    color: #b91c1c;
}

.smart-pos-print-modal__preview {
    width: 100%;
    min-height: 68vh;
    border: 1px solid var(--spos-border);
    border-radius: 14px;
    background: #fff;
    display: block;
    margin-bottom: 16px;
}

@media (max-width: 960px) {
    .smart-pos-print-modal__card--preview {
        max-width: calc(100vw - 24px);
        margin: 12px auto 0;
        padding: 16px;
    }

    .smart-pos-print-modal__preview {
        min-height: 56vh;
    }
}

@media (max-width: 520px) {
    #smart-pos-product-grid {
        grid-template-columns: 1fr;
        max-height: 560px;
    }
}

.smart-pos-print-stage {
    display: none;
}

@media print {
    body.smart-pos-print-active * {
        visibility: hidden !important;
    }

    body.smart-pos-print-active #smart-pos-print-stage,
    body.smart-pos-print-active #smart-pos-print-stage * {
        visibility: visible !important;
    }

    body.smart-pos-print-active #smart-pos-print-stage {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        z-index: 999999 !important;
    }

    body.smart-pos-print-active #smart-pos-print-stage .actions,
    body.smart-pos-print-active #smart-pos-print-stage .smart-pos-print-modal,
    body.smart-pos-print-active #smart-pos-print-stage .button,
    body.smart-pos-print-active #smart-pos-print-stage a {
        display: none !important;
    }

    body.smart-pos-print-active #smart-pos-print-stage .receipt.smart-pos-invoice {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}


.smart-pos-toolbar--triple {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 240px) minmax(180px, 220px);
}

.smart-pos-terminal-app {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin: 24px auto;
}

.smart-pos-terminal-sidebar {
    background: var(--spos-dark);
    color: #fff;
    border-radius: 20px;
    padding: 18px;
    position: sticky;
    top: 20px;
}

.smart-pos-terminal-brand h2 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 24px;
}

.smart-pos-terminal-brand p,
.smart-pos-terminal-brand span {
    margin: 0;
    display: block;
    color: rgba(255,255,255,.75);
}

.smart-pos-terminal-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 18px;
}

.smart-pos-terminal-nav button {
    width: 100%;
    text-align: left;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    color: #fff;
    border-radius: 12px;
    min-height: 44px;
    padding: 0 14px;
    cursor: pointer;
}

.smart-pos-terminal-nav button.is-active {
    background: linear-gradient(135deg, var(--spos-primary), var(--spos-accent));
    border-color: transparent;
}

.smart-pos-terminal-main {
    min-width: 0;
}

.smart-pos-terminal-view {
    display: none;
}

.smart-pos-terminal-view.is-active {
    display: block;
}

.smart-pos-terminal-flash {
    padding: 12px 14px;
    border-radius: 12px;
    margin-bottom: 16px;
    border: 1px solid var(--spos-border);
    background: #fff;
}

.smart-pos-terminal-flash.is-success { border-color: #86efac; background: #f0fdf4; }
.smart-pos-terminal-flash.is-error { border-color: #fecaca; background: #fef2f2; }

.smart-pos-terminal-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.smart-pos-terminal-heading h1 {
    margin: 0 0 4px;
    font-size: 28px;
    color: var(--spos-text);
}

.smart-pos-terminal-heading p {
    margin: 0;
    color: var(--spos-muted);
}

.smart-pos-terminal-stats,
.smart-pos-terminal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.smart-pos-terminal-stats {
    margin-bottom: 16px;
}

.smart-pos-terminal-card {
    background: #fff;
    border: 1px solid var(--spos-border);
    border-radius: 18px;
    padding: 18px;
    box-shadow: var(--spos-shadow);
}

.smart-pos-terminal-card span {
    display: block;
    color: var(--spos-muted);
    font-weight: 600;
    margin-bottom: 6px;
}

.smart-pos-terminal-card strong {
    font-size: 28px;
    color: var(--spos-text);
}

.smart-pos-terminal-card h3 {
    margin: 0 0 12px;
    color: var(--spos-text);
}

.smart-pos-terminal-table {
    width: 100%;
    border-collapse: collapse;
}

.smart-pos-terminal-table th,
.smart-pos-terminal-table td {
    padding: 10px 8px;
    border-bottom: 1px solid var(--spos-border);
    text-align: left;
    font-size: 14px;
}

.smart-pos-inline-form,
.smart-pos-stack-form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.smart-pos-stack-form {
    flex-direction: column;
}

.smart-pos-inline-form input,
.smart-pos-stack-form input,
.smart-pos-stack-form select,
.smart-pos-stack-form textarea {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--spos-border);
    border-radius: 12px;
    padding: 10px 12px;
}

.smart-pos-terminal-actions-row {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 14px;
}

.smart-pos-barcode-sheet {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
    align-content: start;
}

.smart-pos-barcode-label {
    border: 1px solid var(--spos-border);
    border-radius: 12px;
    padding: 10px;
    text-align: center;
    background: #fff;
}

.smart-pos-barcode-label strong,
.smart-pos-barcode-label span,
.smart-pos-barcode-label em {
    display: block;
}

.smart-pos-barcode-label em {
    font-size: 12px;
    color: var(--spos-muted);
}

.smart-pos-barcode-art {
    margin: 8px 0;
}

.smart-pos-barcode-art svg {
    width: 100%;
    height: 58px;
}

@media (max-width: 1200px) {
    .smart-pos-terminal-app,
    .smart-pos-layout,
    .smart-pos-terminal-stats,
    .smart-pos-terminal-grid {
        grid-template-columns: 1fr;
    }

    .smart-pos-toolbar--triple {
        grid-template-columns: 1fr;
    }

    .smart-pos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
    }
}

@media print {
    body.smart-pos-print-barcodes > *:not(#smart-pos-print-root) {
        display: none !important;
    }
}


/* Terminal style refresh v1.6.1 */
.smart-pos-terminal-app {
    max-width: 1600px;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 22px;
    padding: 16px;
    position: relative;
}

.smart-pos-terminal-backdrop {
    display: none;
}

.smart-pos-terminal-sidebar {
    background:
        radial-gradient(circle at top left, rgba(6,182,212,0.26), transparent 34%),
        linear-gradient(180deg, #0f172a 0%, #111827 52%, #172554 100%);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 24px 60px rgba(2, 6, 23, 0.28);
    padding: 22px;
}

.smart-pos-terminal-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.smart-pos-terminal-brand__badge {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--spos-primary), var(--spos-accent));
    color: #fff;
    font-weight: 800;
    letter-spacing: 0.08em;
    box-shadow: 0 14px 30px rgba(37,99,235,0.28);
}

.smart-pos-terminal-brand__copy {
    min-width: 0;
}

.smart-pos-terminal-brand h2 {
    font-size: 26px;
    line-height: 1.1;
    margin: 0 0 4px;
}

.smart-pos-terminal-brand p {
    font-size: 13px;
    color: rgba(255,255,255,.7);
}

.smart-pos-terminal-usercard {
    margin-bottom: 18px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);
}

.smart-pos-terminal-usercard strong,
.smart-pos-terminal-usercard span,
.smart-pos-terminal-usercard em {
    display: block;
}

.smart-pos-terminal-usercard strong {
    color: #fff;
    font-size: 16px;
    margin-bottom: 6px;
}

.smart-pos-terminal-usercard span {
    color: rgba(255,255,255,.82);
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
}

.smart-pos-terminal-usercard em {
    color: rgba(255,255,255,.68);
    font-style: normal;
    font-size: 13px;
}

.smart-pos-terminal-nav {
    gap: 12px;
    margin-top: 0;
}

.smart-pos-terminal-nav button {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 64px;
    padding: 10px 12px;
    border-radius: 16px;
    transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.smart-pos-terminal-nav button:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,0.11);
    border-color: rgba(255,255,255,0.2);
}

.smart-pos-terminal-nav button.is-active {
    box-shadow: 0 18px 30px rgba(6, 182, 212, 0.18);
}

.smart-pos-terminal-nav__icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255,255,255,0.12);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.smart-pos-terminal-nav button.is-active .smart-pos-terminal-nav__icon {
    background: rgba(255,255,255,0.22);
}

.smart-pos-terminal-nav__text {
    min-width: 0;
}

.smart-pos-terminal-nav__text strong,
.smart-pos-terminal-nav__text small {
    display: block;
}

.smart-pos-terminal-nav__text strong {
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 3px;
}

.smart-pos-terminal-nav__text small {
    color: rgba(255,255,255,.7);
    font-size: 12px;
    line-height: 1.35;
}

.smart-pos-terminal-sidebar__footer {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.smart-pos-terminal-logout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    border-radius: 14px;
    background: rgba(255,255,255,0.09);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.smart-pos-terminal-main {
    min-width: 0;
}

.smart-pos-terminal-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border-radius: 20px;
    background: rgba(255,255,255,0.72);
    border: 1px solid rgba(219, 228, 240, 0.95);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(10px);
}

.smart-pos-terminal-topbar__start,
.smart-pos-terminal-topbar__meta {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.smart-pos-terminal-menu-toggle {
    display: none;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    border-radius: 14px;
    border: 1px solid var(--spos-border);
    padding: 0 14px;
    background: #fff;
    color: var(--spos-text);
    font-weight: 700;
    cursor: pointer;
}

.smart-pos-terminal-current strong,
.smart-pos-terminal-current span {
    display: block;
}

.smart-pos-terminal-current strong {
    font-size: 20px;
    color: var(--spos-text);
}

.smart-pos-terminal-current span {
    color: var(--spos-muted);
    font-size: 13px;
    margin-top: 2px;
}

.smart-pos-terminal-pill {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(37,99,235,0.12);
    background: rgba(37,99,235,0.08);
    color: var(--spos-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.smart-pos-terminal-pill.is-outlet {
    border-color: rgba(6,182,212,0.12);
    background: rgba(6,182,212,0.08);
    color: #0f766e;
}

.smart-pos-terminal-shell {
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.96));
    border: 1px solid rgba(219,228,240,0.95);
    box-shadow: 0 24px 54px rgba(15,23,42,0.08);
}

.smart-pos-terminal-shell .smart-pos-wrap {
    margin: 0;
}

.smart-pos-terminal-shell .smart-pos-header {
    padding: 18px;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    border: 1px solid var(--spos-border);
    box-shadow: none;
}

.smart-pos-terminal-shell .smart-pos-panel,
.smart-pos-terminal-card {
    border-radius: 20px;
}

.smart-pos-terminal-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.smart-pos-terminal-card {
    padding: 20px;
    transition: transform .16s ease, box-shadow .16s ease;
}

.smart-pos-terminal-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.10);
}

.smart-pos-terminal-card span {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 12px;
}

.smart-pos-terminal-card strong {
    font-size: 30px;
}

.smart-pos-terminal-heading {
    margin-bottom: 18px;
}

.smart-pos-terminal-table th {
    background: #f8fafc;
    color: var(--spos-text);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.smart-pos-terminal-table th,
.smart-pos-terminal-table td {
    padding: 12px 10px;
}

.smart-pos-terminal-shell .smart-pos-toolbar input,
.smart-pos-terminal-shell .smart-pos-toolbar select,
.smart-pos-terminal-shell .smart-pos-cart-panel input,
.smart-pos-terminal-shell .smart-pos-cart-panel textarea,
.smart-pos-inline-form input,
.smart-pos-stack-form input,
.smart-pos-stack-form select,
.smart-pos-stack-form textarea {
    background: #fff;
}

.smart-pos-terminal-shell .smart-pos-grid {
    gap: 18px;
}

.smart-pos-terminal-shell #smart-pos-product-grid {
    max-height: 920px;
}

@media (max-width: 1380px) {
    .smart-pos-terminal-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1200px) {
    .smart-pos-terminal-app {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .smart-pos-terminal-menu-toggle {
        display: inline-flex;
    }

    .smart-pos-terminal-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(15,23,42,0.46);
        opacity: 0;
        pointer-events: none;
        transition: opacity .18s ease;
        z-index: 9997;
        display: block;
    }

    .smart-pos-terminal-sidebar {
        position: fixed;
        top: 12px;
        left: 12px;
        bottom: 12px;
        width: min(340px, calc(100vw - 24px));
        z-index: 9998;
        transform: translateX(-112%);
        transition: transform .22s ease;
        overflow: auto;
    }

    .smart-pos-terminal-app.is-sidebar-open .smart-pos-terminal-sidebar {
        transform: translateX(0);
    }

    .smart-pos-terminal-app.is-sidebar-open .smart-pos-terminal-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .smart-pos-terminal-topbar {
        position: sticky;
        top: 12px;
        z-index: 50;
    }
}

@media (max-width: 782px) {
    .smart-pos-terminal-shell {
        padding: 14px;
        border-radius: 18px;
    }

    .smart-pos-terminal-topbar,
    .smart-pos-terminal-topbar__start,
    .smart-pos-terminal-topbar__meta {
        align-items: flex-start;
    }

    .smart-pos-terminal-topbar {
        flex-direction: column;
    }

    .smart-pos-terminal-stats,
    .smart-pos-terminal-grid {
        grid-template-columns: 1fr;
    }

    .smart-pos-terminal-card strong {
        font-size: 26px;
    }
}


.smart-pos-terminal-outlet-form {
    display: grid;
    gap: 8px;
}

.smart-pos-terminal-outlet-form label {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.smart-pos-terminal-outlet-form select {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(219,228,240,0.95);
    background: #fff;
    color: var(--spos-text);
    padding: 10px 12px;
    font-size: 14px;
}

.smart-pos-terminal-outlet-form--sidebar {
    margin-top: 14px;
}

.smart-pos-terminal-outlet-form--sidebar label {
    color: rgba(255,255,255,.82);
}

.smart-pos-terminal-outlet-form--sidebar select {
    border-color: rgba(255,255,255,0.16);
    background: rgba(255,255,255,0.12);
    color: #fff;
}

.smart-pos-terminal-outlet-form--topbar {
    min-width: 220px;
}

.smart-pos-terminal-outlet-form--topbar select {
    min-height: 36px;
    border-radius: 999px;
    padding: 6px 14px;
}

@media (max-width: 782px) {
    .smart-pos-terminal-outlet-form--topbar {
        width: 100%;
        min-width: 0;
    }

    .smart-pos-terminal-outlet-form--topbar select {
        width: 100%;
    }
}


.smart-pos-admin-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 18px;
}

.smart-pos-admin-menu a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--spos-border);
    color: var(--spos-text);
    text-decoration: none;
    font-weight: 600;
    box-shadow: var(--spos-shadow);
}

.smart-pos-admin-menu a.is-active,
.smart-pos-admin-menu a:hover {
    background: linear-gradient(135deg, var(--spos-primary), var(--spos-accent));
    color: #fff;
    border-color: transparent;
}

.smart-pos-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.85fr);
    gap: 18px;
    margin-bottom: 18px;
}

.smart-pos-panel-head {
    margin-bottom: 14px;
}

.smart-pos-panel-head h2 {
    margin: 0 0 4px;
    font-size: 20px;
    color: var(--spos-text);
}

.smart-pos-panel-head p {
    margin: 0;
    color: var(--spos-muted);
}

.smart-pos-panel-head--split {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 14px;
}

.smart-pos-report-filter {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.smart-pos-report-filter select,
.smart-pos-inline-admin-form select {
    min-height: 40px;
    border-radius: 10px;
    border: 1px solid var(--spos-border);
    padding: 8px 12px;
}

.smart-pos-mini-stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.smart-pos-mini-stats--stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.smart-pos-mini-stat {
    background: linear-gradient(180deg, #fff, #f8fbff);
    border: 1px solid var(--spos-border);
    border-radius: 14px;
    padding: 12px 14px;
}

.smart-pos-mini-stat--all-sell { background: var(--spos-card-all-sell-bg); }
.smart-pos-mini-stat--paid-sell { background: var(--spos-card-paid-sell-bg); }
.smart-pos-mini-stat--due-sell { background: var(--spos-card-due-sell-bg); }
.smart-pos-mini-stat--today-sell { background: var(--spos-card-today-sell-bg); }
.smart-pos-mini-stat--last-7-days { background: var(--spos-card-last-7-days-bg); }
.smart-pos-mini-stat--all-orders { background: var(--spos-card-all-orders-bg); }
.smart-pos-mini-stat--paid-orders-summary { background: var(--spos-card-paid-orders-summary-bg); }
.smart-pos-mini-stat--average-order { background: var(--spos-card-average-order-bg); }

.smart-pos-mini-stats--outlet-overview .smart-pos-mini-stat--outlet-name { background: #eef2ff; }
.smart-pos-mini-stats--outlet-overview .smart-pos-mini-stat--outlet-today { background: #ecfeff; }
.smart-pos-mini-stats--outlet-overview .smart-pos-mini-stat--outlet-paid { background: #ecfccb; }
.smart-pos-mini-stats--outlet-overview .smart-pos-mini-stat--outlet-orders { background: #fef3c7; }
.smart-pos-mini-stats--outlet-overview .smart-pos-mini-stat--outlet-cash { background: #fae8ff; }

.smart-pos-mini-stat span {
    display: block;
    color: var(--spos-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
}

.smart-pos-mini-stat strong {
    display: block;
    color: var(--spos-text);
    font-size: 18px;
}

.smart-pos-outlet-summary-panel {
    margin-bottom: 18px;
}

.smart-pos-table-wrap {
    overflow: auto;
}

.smart-pos-admin-table th,
.smart-pos-admin-table td {
    vertical-align: middle;
}

.smart-pos-alert-list + .smart-pos-alert-list {
    margin-top: 14px;
}

.smart-pos-alert-list h3 {
    margin: 0 0 10px;
    font-size: 15px;
}

.smart-pos-alert-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.smart-pos-alert-list li {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--spos-border);
    border-radius: 12px;
    background: #fbfdff;
}

.smart-pos-alert-list li span {
    color: var(--spos-muted);
    font-size: 12px;
}

.smart-pos-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    max-height: 860px;
}

.smart-pos-product-card {
    border-radius: 14px;
}

.smart-pos-product-card.is-stock-out {
    opacity: .88;
}

.smart-pos-product-image {
    aspect-ratio: 1 / .75;
}

.smart-pos-product-body {
    padding: 10px 12px 12px;
}

.smart-pos-product-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.smart-pos-product-sku {
    color: var(--spos-muted);
    font-size: 11px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-pos-stock-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.smart-pos-stock-badge.is-good {
    background: rgba(22, 163, 74, .12);
    color: #166534;
}

.smart-pos-stock-badge.is-low {
    background: rgba(245, 158, 11, .14);
    color: #92400e;
}

.smart-pos-stock-badge.is-out {
    background: rgba(220, 38, 38, .12);
    color: #b91c1c;
}

.smart-pos-product-body h3 {
    font-size: 14px;
    min-height: 34px;
    margin-bottom: 6px;
}

.smart-pos-product-body p {
    font-size: 15px;
    margin-bottom: 10px;
}

.smart-pos-product-card .smart-pos-add-cart[disabled] {
    background: #eef2f7 !important;
    color: #94a3b8 !important;
    cursor: not-allowed;
}

.smart-pos-role-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.smart-pos-inline-admin-form {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 1440px) {
    .smart-pos-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .smart-pos-mini-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .smart-pos-overview-grid,
    .smart-pos-role-summary-grid {
        grid-template-columns: 1fr;
    }

    .smart-pos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 782px) {
    .smart-pos-panel-head--split {
        align-items: stretch;
        flex-direction: column;
    }

    .smart-pos-mini-stats,
    .smart-pos-mini-stats--stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .smart-pos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .smart-pos-grid,
    .smart-pos-mini-stats,
    .smart-pos-mini-stats--stack {
        grid-template-columns: 1fr;
    }
}

/* Admin tools v1.7.2 */
.smart-pos-tool-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.smart-pos-tools-wrap .smart-pos-settings-card + .smart-pos-settings-card {
    margin-top: 0;
}

.smart-pos-inline-form--triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.smart-pos-simple-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.smart-pos-simple-list li {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed var(--spos-border);
}

.smart-pos-simple-list li:last-child {
    border-bottom: 0;
}

.smart-pos-admin-barcode-wrap #smart-pos-print-root {
    background: #fff;
    border: 1px solid var(--spos-border);
    border-radius: 18px;
    padding: 16px;
}


.smart-pos-barcode-sheet[data-rows] {
    grid-auto-rows: 1fr;
}

.smart-pos-barcode-sheet--admin,
#smart-pos-barcode-sheet-terminal {
    min-height: 620px;
}

.smart-pos-barcode-summary-terminal {
    margin-bottom: 14px;
}

.smart-pos-barcode-sheet--admin {
    min-height: 180px;
}

.smart-pos-barcode-size-small .smart-pos-barcode-label {
    padding: 8px;
}

.smart-pos-barcode-size-small .smart-pos-barcode-art svg {
    height: 42px;
}

.smart-pos-barcode-size-medium .smart-pos-barcode-art svg {
    height: 58px;
}

.smart-pos-barcode-size-large .smart-pos-barcode-label {
    padding: 12px;
}

.smart-pos-barcode-size-large .smart-pos-barcode-art svg {
    height: 74px;
}

@media (max-width: 1200px) {
    .smart-pos-tool-grid,
    .smart-pos-inline-form--triple {
        grid-template-columns: 1fr;
    }
}

/* Dashboard outlet manager v1.7.6 */
.smart-pos-dashboard-grid {
    display: grid;
    gap: 18px;
    margin: 18px 0;
}

.smart-pos-dashboard-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.smart-pos-outlet-form-card label {
    display: block;
}

.smart-pos-outlet-form-card label span {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #0f172a;
}

.smart-pos-outlet-form-card input,
.smart-pos-outlet-form-card textarea {
    width: 100%;
    border: 1px solid var(--spos-border);
    border-radius: 12px;
    padding: 10px 12px;
    box-sizing: border-box;
    background: #fff;
}

.smart-pos-outlet-directory {
    display: grid;
    gap: 12px;
}

.smart-pos-outlet-card,
.smart-pos-active-outlet-box {
    display: grid;
    gap: 6px;
    padding: 14px 16px;
    background: #f8fafc;
    border: 1px solid var(--spos-border);
    border-radius: 16px;
}

.smart-pos-outlet-card strong,
.smart-pos-active-outlet-box strong {
    color: #0f172a;
    font-size: 14px;
}

.smart-pos-outlet-card span,
.smart-pos-active-outlet-box span {
    color: #475569;
    font-size: 13px;
}

.smart-pos-outlet-card em,
.smart-pos-active-outlet-box em {
    color: #0f766e;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
}

.smart-pos-outlet-card {
    gap: 12px;
}

.smart-pos-outlet-card__meta {
    display: grid;
    gap: 6px;
}

.smart-pos-inline-form--outlet-manage {
    grid-template-columns: 1.2fr 0.85fr 1.5fr;
    gap: 10px;
}

.smart-pos-outlet-manage-actions {
    margin-top: 2px;
}

.smart-pos-outlet-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.smart-pos-outlet-card__actions .button-link-delete {
    color: #b91c1c;
    text-decoration: none;
}

.smart-pos-outlet-card__actions .button-link-delete:hover {
    color: #7f1d1d;
}

@media (max-width: 1024px) {
    .smart-pos-inline-form--outlet-manage {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .smart-pos-dashboard-grid--three {
        grid-template-columns: 1fr;
    }
}


/* Terminal style refresh v1.7.8 */
.smart-pos-terminal-app {
    max-width: 1680px;
    grid-template-columns: 286px minmax(0, 1fr);
    gap: 20px;
    padding: 18px;
}

.smart-pos-terminal-sidebar {
    background:
        radial-gradient(circle at top left, rgba(59,130,246,0.30), transparent 36%),
        radial-gradient(circle at bottom right, rgba(16,185,129,0.18), transparent 28%),
        linear-gradient(180deg, #07111f 0%, #0b1730 48%, #102445 100%);
    border-radius: 26px;
    padding: 20px 18px;
}

.smart-pos-terminal-brand__badge {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: linear-gradient(135deg, #2563eb, #0ea5e9 52%, #14b8a6 100%);
    box-shadow: 0 16px 30px rgba(14,165,233,0.24);
    font-size: 13px;
}

.smart-pos-terminal-brand h2 {
    font-size: 24px;
    color: #f8fbff;
}

.smart-pos-terminal-brand p {
    color: rgba(226,232,240,.78);
    font-size: 12px;
}

.smart-pos-terminal-usercard {
    padding: 14px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06));
}

.smart-pos-terminal-usercard strong {
    font-size: 15px;
}

.smart-pos-terminal-usercard span,
.smart-pos-terminal-usercard em {
    font-size: 12px;
}

.smart-pos-terminal-outlet-form label {
    display: block;
    margin: 10px 0 6px;
    color: rgba(226,232,240,.78);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.smart-pos-terminal-outlet-form select {
    width: 100%;
    min-height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,.22);
    background: rgba(255,255,255,0.10);
    color: #f8fafc;
    padding: 10px 12px;
}

.smart-pos-terminal-outlet-form select option {
    color: #0f172a;
}

.smart-pos-terminal-nav {
    gap: 10px;
}

.smart-pos-terminal-nav button {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    min-height: 58px;
    padding: 9px 11px;
    border-radius: 15px;
    border-color: rgba(148,163,184,.16);
    background: rgba(255,255,255,0.045);
}

.smart-pos-terminal-nav button:hover {
    background: rgba(255,255,255,0.10);
    border-color: rgba(125,211,252,.22);
}

.smart-pos-terminal-nav button.is-active {
    background: linear-gradient(135deg, rgba(37,99,235,.95), rgba(6,182,212,.92));
    box-shadow: 0 18px 28px rgba(6,182,212,.16);
}

.smart-pos-terminal-nav__icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(148,163,184,.18);
    color: #e2e8f0;
    font-size: 11px;
}

.smart-pos-terminal-nav button.is-active .smart-pos-terminal-nav__icon {
    background: rgba(255,255,255,.18);
    color: #ffffff;
}

.smart-pos-terminal-nav__text strong {
    color: #f8fbff;
    font-size: 14px;
    font-weight: 700;
}

.smart-pos-terminal-nav__text small {
    color: rgba(191,219,254,.78);
    font-size: 11px;
}

.smart-pos-terminal-sidebar__footer {
    margin-top: 16px;
    padding-top: 16px;
}

.smart-pos-terminal-credit {
    margin-bottom: 12px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(148,163,184,.12);
}

.smart-pos-terminal-credit span,
.smart-pos-terminal-credit strong,
.smart-pos-terminal-credit a {
    display: block;
}

.smart-pos-terminal-credit span {
    color: rgba(148,163,184,.82);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 5px;
}

.smart-pos-terminal-credit strong {
    color: #f8fbff;
    font-size: 14px;
    margin-bottom: 4px;
}

.smart-pos-terminal-credit a {
    color: #7dd3fc;
    font-size: 12px;
    text-decoration: none;
    word-break: break-word;
}

.smart-pos-terminal-credit a:hover {
    color: #bae6fd;
}

.smart-pos-terminal-logout {
    min-height: 44px;
    border: 1px solid rgba(148,163,184,.14);
    background: rgba(255,255,255,0.08);
    color: #f8fbff;
    font-size: 13px;
    border-radius: 14px;
}

.smart-pos-terminal-topbar {
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.88));
    border-radius: 22px;
}

.smart-pos-terminal-current strong {
    font-size: 21px;
}

.smart-pos-terminal-current span {
    font-size: 12px;
}

.smart-pos-terminal-shell {
    border-radius: 26px;
}

@media (max-width: 1200px) {
    .smart-pos-terminal-sidebar {
        width: min(320px, calc(100vw - 24px));
    }
}

.smart-pos-all-sales-panel {
    margin-bottom: 18px;
}

.smart-pos-mini-stats--sales-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 782px) {
    .smart-pos-mini-stats--sales-summary {
        grid-template-columns: 1fr;
    }
}


.smart-pos-outlet-picker-form,
.smart-pos-outlet-edit-form {
    margin-bottom: 14px;
}

.smart-pos-outlet-picker-select {
    width: 100%;
    min-height: 42px;
}

.smart-pos-outlet-picker-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.smart-pos-inline-form--outlet-edit > label {
    display: grid;
    gap: 6px;
}

.smart-pos-inline-form--outlet-edit > label > span {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

.smart-pos-outlet-card.is-selected {
    border-color: #2563eb;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.18);
    background: #eff6ff;
}

.smart-pos-outlet-card__actions--editor {
    margin-top: 4px;
}

.smart-pos-empty--soft {
    background: #f8fafc;
    border: 1px dashed var(--spos-border);
    color: #475569;
}


.smart-pos-settings-card input[type="color"] {
    width: 68px;
    height: 42px;
    padding: 4px;
    border-radius: 10px;
    border: 1px solid var(--spos-border);
    background: #fff;
}

.smart-pos-settings-card code {
    display: inline-block;
    min-width: 88px;
    padding: 6px 8px;
    border-radius: 8px;
    background: #f8fafc;
}


.smart-pos-barcode-tools {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.smart-pos-scanner-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.smart-pos-scanner-status {
    font-size: 12px;
    color: #64748b;
}

.smart-pos-scanner-status[data-state="success"] {
    color: #15803d;
}

.smart-pos-scanner-status[data-state="error"] {
    color: #b91c1c;
}

.smart-pos-scanner-status[data-state="warning"] {
    color: #b45309;
}

.smart-pos-terminal-all-sales {
    margin-bottom: 20px;
}

.smart-pos-terminal-heading--outlet {
    margin-top: 2px;
}


/* Terminal color refresh v1.9.0 */
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card {
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+1),
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+1) {
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
}

.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+2),
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+2) {
    background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
}

.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+3),
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+3) {
    background: linear-gradient(180deg, #fff7ed 0%, #fed7aa 100%);
}

.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+4),
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+4) {
    background: linear-gradient(180deg, #f5f3ff 0%, #ddd6fe 100%);
}

.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card span,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card span {
    color: #475569;
}

.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card strong,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card strong {
    color: #0f172a;
}

.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-panel {
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.05);
}

.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-panel:nth-of-type(1) {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
}

.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-panel:nth-of-type(2) {
    background: linear-gradient(180deg, #f8fffb 0%, #eefdf5 100%);
}

.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-product-card:nth-child(4n+1) {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-product-card:nth-child(4n+2) {
    background: linear-gradient(180deg, #ffffff 0%, #f3fbf8 100%);
}

.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-product-card:nth-child(4n+3) {
    background: linear-gradient(180deg, #ffffff 0%, #fff8f1 100%);
}

.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-product-card:nth-child(4n+4) {
    background: linear-gradient(180deg, #ffffff 0%, #f7f5ff 100%);
}

.smart-pos-barcode-sheet[data-per-page="40"],
.smart-pos-barcode-sheet[data-per-page="45"],
.smart-pos-barcode-sheet[data-per-page="50"] {
    gap: 6px;
}

.smart-pos-barcode-sheet[data-per-page="40"] .smart-pos-barcode-label,
.smart-pos-barcode-sheet[data-per-page="45"] .smart-pos-barcode-label,
.smart-pos-barcode-sheet[data-per-page="50"] .smart-pos-barcode-label {
    padding: 5px;
    border-radius: 8px;
}

.smart-pos-barcode-sheet[data-per-page="40"] .smart-pos-barcode-label strong,
.smart-pos-barcode-sheet[data-per-page="45"] .smart-pos-barcode-label strong,
.smart-pos-barcode-sheet[data-per-page="50"] .smart-pos-barcode-label strong {
    font-size: 10px;
    line-height: 1.15;
}

.smart-pos-barcode-sheet[data-per-page="40"] .smart-pos-barcode-label span,
.smart-pos-barcode-sheet[data-per-page="45"] .smart-pos-barcode-label span,
.smart-pos-barcode-sheet[data-per-page="50"] .smart-pos-barcode-label span {
    font-size: 9px;
}

.smart-pos-barcode-sheet[data-per-page="40"] .smart-pos-barcode-label em,
.smart-pos-barcode-sheet[data-per-page="45"] .smart-pos-barcode-label em,
.smart-pos-barcode-sheet[data-per-page="50"] .smart-pos-barcode-label em {
    font-size: 8px;
}

.smart-pos-barcode-sheet[data-per-page="40"] .smart-pos-barcode-art svg,
.smart-pos-barcode-sheet[data-per-page="45"] .smart-pos-barcode-art svg,
.smart-pos-barcode-sheet[data-per-page="50"] .smart-pos-barcode-art svg {
    height: 30px;
}

.smart-pos-barcode-sheet[data-per-page="50"] .smart-pos-barcode-label {
    padding: 4px;
}

.smart-pos-barcode-sheet[data-per-page="50"] .smart-pos-barcode-label strong {
    font-size: 9px;
}

.smart-pos-barcode-sheet[data-per-page="50"] .smart-pos-barcode-label span {
    font-size: 8px;
}

.smart-pos-barcode-sheet[data-per-page="50"] .smart-pos-barcode-label em {
    font-size: 7px;
}

.smart-pos-barcode-sheet[data-per-page="50"] .smart-pos-barcode-art svg {
    height: 24px;
}


/* Admin POS compact 3x5 product dashboard layout */
body.wp-admin #smart-pos-product-grid.smart-pos-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-height: 920px;
    align-content: start;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-card {
    border-radius: 12px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-image {
    aspect-ratio: 2.45 / 1;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-body {
    padding: 10px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-meta {
    gap: 6px;
    margin-bottom: 6px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-sku,
body.wp-admin #smart-pos-product-grid .smart-pos-stock-badge {
    font-size: 11px;
    line-height: 1.2;
    padding: 4px 7px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-body h3 {
    font-size: 13px;
    line-height: 1.25;
    min-height: 32px;
    margin-bottom: 6px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-body p {
    font-size: 14px;
    margin-bottom: 8px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-add-cart {
    min-height: 34px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.2;
}

@media (max-width: 1280px) {
    body.wp-admin #smart-pos-product-grid.smart-pos-grid {
        max-height: 860px;
        gap: 8px;
    }

    body.wp-admin #smart-pos-product-grid .smart-pos-product-image {
        aspect-ratio: 2.1 / 1;
    }
}


/* Admin POS ultra-compact 3x5 product dashboard layout */
body.wp-admin #smart-pos-product-grid.smart-pos-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    max-height: 760px;
    align-content: start;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-card {
    border-radius: 10px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-image {
    aspect-ratio: 2.8 / 1;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-body {
    padding: 8px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-meta {
    gap: 5px;
    margin-bottom: 5px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-sku,
body.wp-admin #smart-pos-product-grid .smart-pos-stock-badge {
    font-size: 10px;
    line-height: 1.15;
    padding: 3px 6px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-body h3 {
    font-size: 12px;
    line-height: 1.2;
    min-height: 28px;
    margin-bottom: 4px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-product-body p {
    font-size: 12px;
    margin-bottom: 6px;
}

body.wp-admin #smart-pos-product-grid .smart-pos-add-cart {
    min-height: 30px;
    padding: 5px 8px;
    font-size: 11px;
    line-height: 1.15;
}

@media (max-width: 1280px) {
    body.wp-admin #smart-pos-product-grid.smart-pos-grid {
        max-height: 720px;
        gap: 7px;
    }

    body.wp-admin #smart-pos-product-grid .smart-pos-product-image {
        aspect-ratio: 2.55 / 1;
    }
}


.smart-pos-terminal-muted {
    color: var(--spos-muted);
    font-size: 13px;
}


.smart-pos-customer-history-list {
    overflow:auto;
}

.smart-pos-history-smart-table-wrap {
    overflow:auto;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:linear-gradient(180deg,#ffffff,#f8fbff);
}

.smart-pos-history-smart-table {
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    min-width:640px;
}

.smart-pos-history-smart-table thead th {
    position:sticky;
    top:0;
    background:#eff6ff;
    color:#334155;
    font-size:12px;
    font-weight:700;
    letter-spacing:.03em;
    text-transform:uppercase;
    padding:12px 14px;
    border-bottom:1px solid #dbe4f0;
}

.smart-pos-history-smart-table tbody td {
    padding:12px 14px;
    border-bottom:1px solid #eef2f7;
    vertical-align:middle;
    background:transparent;
}

.smart-pos-history-smart-table tbody tr:last-child td {
    border-bottom:0;
}

.smart-pos-history-smart-table tbody tr:hover td {
    background:#f8fbff;
}

.smart-pos-order-pill {
    display:inline-flex;
    align-items:center;
    padding:6px 10px;
    border-radius:999px;
    background:#e0ecff;
    color:#1d4ed8;
    font-weight:700;
    font-size:12px;
    line-height:1;
}

.smart-pos-status-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:86px;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    text-transform:capitalize;
    line-height:1.1;
}

.smart-pos-status-badge.is-paid {
    background:#dcfce7;
    color:#166534;
}

.smart-pos-status-badge.is-unpaid {
    background:#fee2e2;
    color:#b91c1c;
}

.smart-pos-money-cell {
    display:inline-block;
    font-weight:700;
    color:#0f172a;
    white-space:nowrap;
}

.smart-pos-money-cell.is-paid {
    color:#166534;
}

.smart-pos-money-cell.is-due {
    color:#b45309;
}

.smart-pos-date-cell {
    color:#64748b;
    font-size:12px;
    white-space:nowrap;
}

body.smart-pos-terminal-page .smart-pos-customer-history-list {
    max-height:320px;
}

body.smart-pos-terminal-page .smart-pos-history-smart-table-wrap {
    border-color:#cfe0ff;
    box-shadow:0 10px 24px rgba(37,99,235,.08);
}

body.smart-pos-terminal-page .smart-pos-history-smart-table thead th {
    background:#eaf2ff;
}

.smart-pos-customer-history-table th,
.smart-pos-customer-history-table td {
    white-space:nowrap;
}

.smart-pos-side-section--history-end {
    margin-top:18px;
}

.smart-pos-order-history-screen {
    display:flex;
    flex-direction:column;
    gap:18px;
}

.smart-pos-order-history-form {
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:18px;
}

.smart-pos-table-card {
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:18px;
    overflow:auto;
}


.smart-pos-search-select {
    display:flex;
    flex-direction:column;
    gap:10px;
}

.smart-pos-hidden-product-select {
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.smart-pos-search-select {
    display: grid;
    gap: 10px;
}

.smart-pos-search-select .smart-pos-product-select {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    border: 1px solid var(--spos-border);
    padding: 10px 14px;
    font-size: 14px;
    box-shadow: none;
    background: #fff;
}

.smart-pos-search-select .smart-pos-product-select:focus {
    outline: none;
    border-color: var(--spos-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.smart-pos-purchase-cost-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.smart-pos-invoice-preview-card {
    margin-top: 18px;
}

.smart-pos-invoice-live-preview {
    margin-top: 12px;
}

.smart-pos-invoice-live-preview__sheet {
    max-width: 860px;
    background: #fff;
    border: 1px solid var(--spos-border);
    border-radius: 18px;
    padding: 22px;
    box-shadow: var(--spos-shadow);
}

.smart-pos-invoice-live-preview__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 18px;
    border: 1px solid;
    border-radius: 16px;
    margin-bottom: 18px;
}

.smart-pos-invoice-live-preview__brand {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.smart-pos-preview-logo {
    max-height: 64px;
    width: auto;
    border-radius: 10px;
    background: #fff;
    padding: 6px;
    border: 1px solid var(--spos-border);
}

.smart-pos-invoice-live-preview__brand h3 {
    margin: 0 0 4px;
    font-size: 24px;
    color: var(--spos-text);
}

.smart-pos-invoice-live-preview__brand p,
.smart-pos-invoice-live-preview__brand small {
    margin: 0;
    color: var(--spos-muted);
}

.smart-pos-preview-badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 12px;
    color: #fff;
    border-radius: 999px;
    font-weight: 700;
}

.smart-pos-invoice-live-preview__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.smart-pos-preview-box {
    border: 1px solid var(--spos-border);
    border-radius: 14px;
    padding: 14px;
    background: #fbfdff;
}

.smart-pos-preview-box strong,
.smart-pos-preview-box span,
.smart-pos-preview-box small {
    display: block;
}

.smart-pos-preview-box strong {
    color: var(--spos-text);
    margin-bottom: 6px;
}

.smart-pos-preview-box span,
.smart-pos-preview-box small {
    color: var(--spos-muted);
}

.smart-pos-preview-table {
    width: 100%;
    border-collapse: collapse;
}

.smart-pos-preview-table th,
.smart-pos-preview-table td {
    padding: 11px 10px;
    border-bottom: 1px solid #e5e7eb;
    text-align: left;
}

.smart-pos-preview-table th {
    color: var(--spos-muted);
    text-transform: uppercase;
    font-size: 12px;
}

.smart-pos-preview-totals {
    margin-top: 16px;
    margin-left: auto;
    max-width: 320px;
}

.smart-pos-preview-totals div {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

.smart-pos-preview-totals .is-grand {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px dashed var(--spos-border);
    font-size: 18px;
    font-weight: 700;
}

.smart-pos-preview-thanks {
    margin: 18px 0 0;
    text-align: center;
    font-weight: 600;
    color: #334155;
}

.smart-pos-preview-footer {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
    text-align: center;
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    color: #334155;
}

.is-hidden {
    display: none !important;
}

.smart-pos-status {
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-weight:700;
    white-space:nowrap;
}
.smart-pos-online { color:#15803d; }
.smart-pos-offline { color:#dc2626; }
.smart-pos-live-outlet-table td,
.smart-pos-live-outlet-table th { vertical-align:middle; }
.smart-pos-force-logout {
    background:#dc2626 !important;
    border-color:#dc2626 !important;
    color:#fff !important;
}
.smart-pos-force-logout:hover,
.smart-pos-force-logout:focus {
    background:#b91c1c !important;
    border-color:#b91c1c !important;
    color:#fff !important;
}
.smart-pos-active-outlet-box--list {
    border:1px solid rgba(37,99,235,.12);
    border-radius:24px;
    padding:12px;
    background:#fff;
    overflow:auto;
}
#smart-pos-logout-toast {
    position:fixed;
    top:24px;
    right:24px;
    z-index:99999;
    min-width:260px;
    max-width:360px;
    background:#dc2626;
    color:#fff;
    padding:14px 18px;
    border-radius:12px;
    box-shadow:0 16px 32px rgba(15,23,42,.18);
    font-weight:600;
    opacity:0;
    transform:translateY(-10px);
    transition:all .25s ease;
}
#smart-pos-logout-toast.show {
    opacity:1;
    transform:translateY(0);
}


.smart-pos-role-search-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin: 0 0 16px;
}

.smart-pos-role-search-bar input[type="search"] {
    min-width: 320px;
    max-width: 100%;
}


.smart-pos-settings-card .form-table .smart-pos-color-field-row {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: top;
    margin: 0 10px 12px 0;
    box-sizing: border-box;
}

.smart-pos-settings-card .form-table .smart-pos-color-field-row th,
.smart-pos-settings-card .form-table .smart-pos-color-field-row td {
    display: block;
    width: 100%;
    padding: 0;
}

.smart-pos-settings-card .form-table .smart-pos-color-field-row th {
    margin-bottom: 8px;
}

.smart-pos-color-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #dbe3f0;
    border-radius: 12px;
    background: #f8fbff;
    min-height: 60px;
}

.smart-pos-color-control code {
    margin-left: 0;
}

@media (max-width: 900px) {
    .smart-pos-settings-card .form-table .smart-pos-color-field-row {
        width: 100%;
        margin-right: 0;
    }
}

/* v2.4.6 terminal login redirect + mobile responsive patch */
.smart-pos-terminal-login{width:100%;box-sizing:border-box;}
.smart-pos-terminal-login *, .smart-pos-terminal-app *, .smart-pos-terminal-shell *{box-sizing:border-box;}

@media (max-width: 992px){
    .smart-pos-layout,
    .smart-pos-overview-grid{
        grid-template-columns:1fr !important;
    }

    .smart-pos-cart-panel{
        position:static;
        top:auto;
    }

    .smart-pos-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        max-height:none;
    }
}

@media (max-width: 767px){
    .smart-pos-wrap,
    .smart-pos-settings-wrap{
        margin:12px 12px 0 0;
    }

    .smart-pos-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .smart-pos-stats,
    .smart-pos-grid,
    .smart-pos-terminal-stats,
    .smart-pos-terminal-grid,
    .smart-pos-admin-menu,
    .smart-pos-toolbar,
    .smart-pos-toolbar--triple,
    .smart-pos-layout,
    .smart-pos-overview-grid{
        grid-template-columns:1fr !important;
    }

    .smart-pos-grid{
        gap:12px;
    }

    .smart-pos-terminal-app{
        padding:10px;
        gap:14px;
    }

    .smart-pos-terminal-sidebar{
        width:min(320px, calc(100vw - 20px));
        left:10px;
        top:10px;
        bottom:10px;
        padding:16px;
    }

    .smart-pos-terminal-topbar,
    .smart-pos-terminal-shell,
    .smart-pos-panel,
    .smart-pos-settings-card,
    .smart-pos-terminal-card{
        padding:14px;
        border-radius:16px;
    }

    .smart-pos-terminal-nav button{
        min-height:58px;
        grid-template-columns:40px minmax(0,1fr);
        gap:10px;
    }

    .smart-pos-terminal-nav__text strong{
        font-size:14px;
    }

    .smart-pos-terminal-nav__text small{
        font-size:11px;
    }

    .smart-pos-terminal-login{
        max-width:100%;
        margin:18px auto;
        padding:0 12px;
    }

    .smart-pos-terminal-login__card{
        padding:18px !important;
        border-radius:16px !important;
    }

    .smart-pos-terminal-login__title{
        font-size:26px !important;
    }

    .smart-pos-terminal-login input[type="text"],
    .smart-pos-terminal-login input[type="password"],
    .smart-pos-terminal-login__button,
    .smart-pos-toolbar input,
    .smart-pos-toolbar select,
    .smart-pos-cart-panel input,
    .smart-pos-cart-panel textarea{
        min-height:44px;
        font-size:16px;
    }

    .smart-pos-product-body h3{
        min-height:auto;
        font-size:14px;
    }

    .smart-pos-terminal-table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        white-space:nowrap;
    }
}

@media (max-width: 480px){
    .smart-pos-grid{
        grid-template-columns:1fr;
    }

    .smart-pos-terminal-brand h2,
    .smart-pos-terminal-current strong{
        font-size:22px;
    }

    .smart-pos-terminal-pill{
        width:100%;
        justify-content:center;
    }
}


.smart-pos-barcode-upload-btn {
    position: relative;
    overflow: hidden;
}

.smart-pos-barcode-image {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


.smart-pos-dashboard-controls {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
    margin:0 0 18px;
}
.smart-pos-theme-toggle,
.smart-pos-live-toggle,
.smart-pos-manual-refresh {
    border-radius:999px !important;
    padding:0 18px !important;
    min-height:42px !important;
    border:1px solid rgba(15,23,42,.08) !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(15,23,42,.08);
}
.smart-pos-live-toggle.is-active {
    background:linear-gradient(135deg,#16a34a,#22c55e) !important;
    color:#fff !important;
}
.smart-pos-live-status {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.08);
    color:var(--spos-text);
    font-weight:600;
}
.smart-pos-live-status__dot {
    width:10px;
    height:10px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 6px rgba(34,197,94,.15);
    animation:sposPulse 1.8s infinite;
}
@keyframes sposPulse {
    0% { transform:scale(1); opacity:1; }
    70% { transform:scale(1.15); opacity:.75; }
    100% { transform:scale(1); opacity:1; }
}

/* v2.9.8 terminal top control text visibility fix */
.smart-pos-theme-toggle,
.smart-pos-live-toggle,
.smart-pos-manual-refresh {
    color: #0f172a !important;
    font-weight: 800 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.smart-pos-theme-toggle *,
.smart-pos-live-toggle *,
.smart-pos-manual-refresh * {
    color: inherit !important;
}
.smart-pos-live-toggle.is-active {
    color:#ffffff !important;
}
.smart-pos-terminal-page .smart-pos-theme-toggle,
.smart-pos-terminal-page .smart-pos-manual-refresh {
    background: linear-gradient(135deg, #ffffff, #f8fbff) !important;
}
.smart-pos-terminal-page .smart-pos-theme-toggle:hover,
.smart-pos-terminal-page .smart-pos-manual-refresh:hover {
    background: linear-gradient(135deg, #eff6ff, #ffffff) !important;
}
body.smart-pos-dark-mode .smart-pos-theme-toggle,
body.smart-pos-dark-mode .smart-pos-manual-refresh,
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-theme-toggle,
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-manual-refresh {
    color:#ffffff !important;
    background: linear-gradient(135deg, #0f172a, #172554) !important;
    border-color: rgba(96,165,250,.28) !important;
}
body.smart-pos-dark-mode .smart-pos-theme-toggle:hover,
body.smart-pos-dark-mode .smart-pos-manual-refresh:hover,
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-theme-toggle:hover,
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-manual-refresh:hover {
    background: linear-gradient(135deg, #172554, #1e293b) !important;
}
body.smart-pos-dark-mode .smart-pos-live-status,
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-live-status {
    color:#ffffff !important;
    background: linear-gradient(135deg, #0f172a, #111827) !important;
}

.smart-pos-dashboard-live-sections {
    display:flex;
    flex-direction:column;
    gap:18px;
}
.smart-pos-colorful-table {
    border-collapse:separate !important;
    border-spacing:0 !important;
    overflow:hidden;
    border-radius:24px;
    border:0 !important;
    box-shadow:0 16px 40px rgba(15,23,42,.08);
}
.smart-pos-colorful-table thead th {
    color:#fff;
    font-size:16px;
    letter-spacing:.04em;
    padding:18px 16px !important;
    border:0 !important;
}
.smart-pos-colorful-table thead th:nth-child(1) { background:linear-gradient(135deg,#ef4444,#f97316); }
.smart-pos-colorful-table thead th:nth-child(2) { background:linear-gradient(135deg,#22c55e,#84cc16); }
.smart-pos-colorful-table thead th:nth-child(3) { background:linear-gradient(135deg,#3b82f6,#06b6d4); }
.smart-pos-colorful-table thead th:nth-child(4) { background:linear-gradient(135deg,#f59e0b,#f97316); }
.smart-pos-colorful-table thead th:nth-child(5) { background:linear-gradient(135deg,#a855f7,#8b5cf6); }
.smart-pos-colorful-table tbody td {
    padding:18px 16px !important;
    border-top:1px solid rgba(148,163,184,.2) !important;
    font-weight:600;
    font-size:16px;
}
.smart-pos-outlet-row--1 td { background:linear-gradient(180deg,#fff5f5,#ffe4e6) !important; }
.smart-pos-outlet-row--2 td { background:linear-gradient(180deg,#f0fdf4,#dcfce7) !important; }
.smart-pos-outlet-row--3 td { background:linear-gradient(180deg,#eff6ff,#dbeafe) !important; }
.smart-pos-outlet-row--4 td { background:linear-gradient(180deg,#fffbeb,#fef3c7) !important; }
.smart-pos-outlet-row--5 td { background:linear-gradient(180deg,#faf5ff,#f3e8ff) !important; }
.smart-pos-outlet-summary-panel,
.smart-pos-outlet-report-panel,
.smart-pos-all-sales-panel {
    background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.smart-pos-mini-stat {
    border-radius:20px;
    border:1px solid rgba(148,163,184,.18);
    box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.smart-pos-mini-stat--outlet-name { background:linear-gradient(135deg,#ffe4e6,#fff1f2); }
.smart-pos-mini-stat--outlet-orders { background:linear-gradient(135deg,#dcfce7,#f0fdf4); }
.smart-pos-mini-stat--outlet-today { background:linear-gradient(135deg,#dbeafe,#eff6ff); }
.smart-pos-mini-stat--outlet-paid { background:linear-gradient(135deg,#fef3c7,#fffbeb); }
.smart-pos-mini-stat--outlet-cash { background:linear-gradient(135deg,#f3e8ff,#faf5ff); }
.smart-pos-mini-stat--all-sell { background:linear-gradient(135deg,#dbeafe,#eff6ff); }
.smart-pos-mini-stat--paid-sell { background:linear-gradient(135deg,#dcfce7,#f0fdf4); }
.smart-pos-mini-stat--due-sell { background:linear-gradient(135deg,#fee2e2,#fff1f2); }
.smart-pos-mini-stat--today-sell { background:linear-gradient(135deg,#fef3c7,#fffbeb); }
.smart-pos-mini-stat--last-7-days { background:linear-gradient(135deg,#f3e8ff,#faf5ff); }
body.smart-pos-dark-mode,
body.smart-pos-terminal-page.smart-pos-dark-mode {
    --spos-background:#07111f;
    --spos-panel:#0f172a;
    --spos-text:#e5eefb;
    --spos-muted:#94a3b8;
    --spos-border:#243247;
    --spos-shadow:0 20px 50px rgba(2,8,23,.45);
}
body.smart-pos-dark-mode .smart-pos-panel,
body.smart-pos-dark-mode .smart-pos-settings-card,
body.smart-pos-dark-mode .smart-pos-stat-card,
body.smart-pos-dark-mode .smart-pos-live-status,
body.smart-pos-dark-mode .smart-pos-theme-toggle,
body.smart-pos-dark-mode .smart-pos-live-toggle,
body.smart-pos-dark-mode .smart-pos-manual-refresh,
body.smart-pos-dark-mode .smart-pos-product-card,
body.smart-pos-dark-mode .smart-pos-mini-stat,
body.smart-pos-dark-mode .smart-pos-table-wrap table,
body.smart-pos-dark-mode .smart-pos-admin-menu {
    background-color:#0f172a !important;
    color:#e5eefb !important;
    border-color:#243247 !important;
}
body.smart-pos-dark-mode .smart-pos-admin-menu a { color:#cbd5e1 !important; }
body.smart-pos-dark-mode .smart-pos-admin-menu a.is-active,
body.smart-pos-dark-mode .smart-pos-admin-menu a:hover { background:linear-gradient(135deg,#2563eb,#7c3aed) !important; color:#fff !important; }
body.smart-pos-dark-mode .smart-pos-colorful-table tbody td,
body.smart-pos-dark-mode .smart-pos-admin-table tbody td,
body.smart-pos-dark-mode .smart-pos-admin-table tbody th,
body.smart-pos-dark-mode .smart-pos-admin-table thead th { color:#e5eefb !important; }
body.smart-pos-dark-mode input,
body.smart-pos-dark-mode select,
body.smart-pos-dark-mode textarea {
    background:#0b1220 !important;
    color:#e5eefb !important;
    border-color:#243247 !important;
}
body.smart-pos-dark-mode .smart-pos-outlet-row--1 td { background:linear-gradient(180deg,#3b0b16,#4c1020) !important; }
body.smart-pos-dark-mode .smart-pos-outlet-row--2 td { background:linear-gradient(180deg,#0f2c1a,#153923) !important; }
body.smart-pos-dark-mode .smart-pos-outlet-row--3 td { background:linear-gradient(180deg,#0d223f,#163157) !important; }
body.smart-pos-dark-mode .smart-pos-outlet-row--4 td { background:linear-gradient(180deg,#3e2b08,#52390d) !important; }
body.smart-pos-dark-mode .smart-pos-outlet-row--5 td { background:linear-gradient(180deg,#2d163d,#381b4d) !important; }
body.smart-pos-dark-mode .smart-pos-mini-stat--outlet-name,
body.smart-pos-dark-mode .smart-pos-mini-stat--outlet-orders,
body.smart-pos-dark-mode .smart-pos-mini-stat--outlet-today,
body.smart-pos-dark-mode .smart-pos-mini-stat--outlet-paid,
body.smart-pos-dark-mode .smart-pos-mini-stat--outlet-cash,
body.smart-pos-dark-mode .smart-pos-mini-stat--all-sell,
body.smart-pos-dark-mode .smart-pos-mini-stat--paid-sell,
body.smart-pos-dark-mode .smart-pos-mini-stat--due-sell,
body.smart-pos-dark-mode .smart-pos-mini-stat--today-sell,
body.smart-pos-dark-mode .smart-pos-mini-stat--last-7-days {
    background:#111c31 !important;
}

.smart-pos-report-tools,
.smart-pos-chart-toolbar {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}
.smart-pos-chart-panel {
    grid-column: span 1;
}
.smart-pos-chart-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:18px;
}
.smart-pos-chart-card {
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(248,250,252,.96));
    border:1px solid rgba(148,163,184,.18);
    border-radius:20px;
    padding:16px;
    box-shadow:0 14px 34px rgba(15,23,42,.08);
}
.smart-pos-chart-card h3 {
    margin:0 0 12px;
}
.smart-pos-chart-card canvas {
    width:100%;
    display:block;
    background:linear-gradient(180deg, rgba(248,250,252,.72), rgba(241,245,249,.9));
    border-radius:16px;
}
.smart-pos-dark-mode .smart-pos-chart-card {
    background: linear-gradient(180deg, rgba(15,23,42,.88), rgba(30,41,59,.94));
    border-color: rgba(148,163,184,.18);
}
.smart-pos-dark-mode .smart-pos-chart-card h3 {
    color:#e2e8f0;
}

.smart-pos-profit-panel .smart-pos-mini-stats--profit {grid-template-columns:repeat(4,minmax(0,1fr));}
.smart-pos-mini-stat--profit-sales{background:linear-gradient(135deg,#0f766e,#2dd4bf);color:#fff;}
.smart-pos-mini-stat--profit-cost{background:linear-gradient(135deg,#475569,#94a3b8);color:#fff;}
.smart-pos-mini-stat--profit-profit{background:linear-gradient(135deg,#166534,#4ade80);color:#fff;}
.smart-pos-mini-stat--profit-loss{background:linear-gradient(135deg,#b91c1c,#fb7185);color:#fff;}
.smart-pos-profit-panel .smart-pos-chart-card{min-height:320px;}
.smart-pos-profit-panel table td,.smart-pos-profit-panel table th{vertical-align:middle;}
@media (max-width: 900px){.smart-pos-profit-panel .smart-pos-mini-stats--profit{grid-template-columns:repeat(2,minmax(0,1fr));}}


.smart-pos-expense-form {
    display:flex;
    align-items:center;
    gap:12px;
    margin:16px 0 22px;
    padding:14px 16px;
    border-radius:18px;
    background:linear-gradient(135deg, rgba(59,130,246,.10), rgba(168,85,247,.10));
    border:1px solid rgba(148,163,184,.24);
    flex-wrap:wrap;
}
.smart-pos-expense-form label { font-weight:700; color:#0f172a; }
.smart-pos-expense-form input[type="number"] { min-width:180px; border-radius:12px; padding:8px 12px; }
body.smart-pos-dark .smart-pos-expense-form label { color:#e2e8f0; }
.smart-pos-mini-stat--profit-expense strong,
.smart-pos-mini-stat--profit-net strong { color:#7c3aed; }
body.smart-pos-dark .smart-pos-mini-stat--profit-expense strong,
body.smart-pos-dark .smart-pos-mini-stat--profit-net strong { color:#c4b5fd; }


/* v2.6.6 colorful report enhancement */
.smart-pos-profit-panel {
    position:relative;
    overflow:hidden;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.98));
}
.smart-pos-profit-panel::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 0% 0%, rgba(59,130,246,.10), transparent 32%),
        radial-gradient(circle at 100% 0%, rgba(236,72,153,.10), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(14,165,233,.09), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(168,85,247,.08), transparent 28%);
}
.smart-pos-profit-panel > * { position:relative; z-index:1; }
.smart-pos-profit-panel .smart-pos-panel-head {
    padding:18px 20px;
    border-radius:22px;
    background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#7c3aed);
    box-shadow:0 18px 40px rgba(30,41,59,.20);
}
.smart-pos-profit-panel .smart-pos-panel-head h2,
.smart-pos-profit-panel .smart-pos-panel-head p { color:#fff; }
.smart-pos-profit-panel .smart-pos-chart-grid { gap:20px; }
.smart-pos-profit-panel .smart-pos-chart-grid + .smart-pos-chart-grid { margin-top:18px; }
.smart-pos-profit-panel .smart-pos-chart-card {
    overflow:hidden;
    border:0;
    box-shadow:0 18px 42px rgba(15,23,42,.12);
}
.smart-pos-profit-panel .smart-pos-chart-grid:first-of-type .smart-pos-chart-card:first-child {
    background:linear-gradient(135deg, rgba(79,70,229,.14), rgba(56,189,248,.12), rgba(255,255,255,.96));
}
.smart-pos-profit-panel .smart-pos-chart-grid:first-of-type .smart-pos-chart-card:last-child {
    background:linear-gradient(135deg, rgba(236,72,153,.14), rgba(251,191,36,.12), rgba(255,255,255,.96));
}
.smart-pos-profit-panel .smart-pos-chart-grid:last-of-type .smart-pos-chart-card:first-child {
    background:linear-gradient(135deg, rgba(16,185,129,.14), rgba(45,212,191,.10), rgba(255,255,255,.96));
}
.smart-pos-profit-panel .smart-pos-chart-grid:last-of-type .smart-pos-chart-card:last-child {
    background:linear-gradient(135deg, rgba(168,85,247,.15), rgba(244,114,182,.11), rgba(255,255,255,.96));
}
.smart-pos-profit-panel .smart-pos-chart-card h3 {
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:8px 14px;
    border-radius:999px;
    font-size:15px;
    color:#0f172a;
    background:rgba(255,255,255,.72);
    box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.smart-pos-profit-panel .smart-pos-chart-card canvas {
    margin-top:12px;
    border:1px solid rgba(255,255,255,.45);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}
.smart-pos-mini-stat--profit-expense {
    background:linear-gradient(135deg,#7c3aed,#c084fc);
    color:#fff;
}
.smart-pos-mini-stat--profit-net {
    background:linear-gradient(135deg,#0f766e,#22c55e);
    color:#fff;
}
.smart-pos-mini-stat--profit-expense strong,
.smart-pos-mini-stat--profit-net strong { color:#fff; }
.smart-pos-expense-form {
    box-shadow:0 16px 36px rgba(59,130,246,.10);
    background:linear-gradient(135deg, rgba(59,130,246,.14), rgba(168,85,247,.14), rgba(236,72,153,.10));
}
.smart-pos-expense-form input[type="number"] {
    border:1px solid rgba(99,102,241,.20);
    box-shadow: inset 0 1px 2px rgba(15,23,42,.04);
}
.smart-pos-expense-form .button-primary {
    border:0;
    background:linear-gradient(135deg,#2563eb,#7c3aed);
    box-shadow:0 12px 28px rgba(99,102,241,.22);
}
.smart-pos-profit-panel [data-smart-pos-top-products-body] tr:nth-child(odd),
.smart-pos-profit-panel [data-smart-pos-top-customers-body] tr:nth-child(odd) {
    background:rgba(255,255,255,.46);
}
.smart-pos-profit-panel [data-smart-pos-top-products-body] tr:nth-child(even),
.smart-pos-profit-panel [data-smart-pos-top-customers-body] tr:nth-child(even) {
    background:rgba(241,245,249,.72);
}
.smart-pos-profit-panel .smart-pos-admin-table thead th {
    color:#fff;
    border:0;
    background:linear-gradient(135deg,#1d4ed8,#7c3aed);
}
.smart-pos-profit-panel .smart-pos-admin-table tbody td {
    border-bottom:1px solid rgba(148,163,184,.18);
    font-weight:600;
}
.smart-pos-stock-panel {
    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.98));
}
.smart-pos-stock-panel .smart-pos-panel-head {
    padding:18px 20px;
    border-radius:22px;
    background:linear-gradient(135deg,#ef4444,#f97316 55%,#facc15);
    box-shadow:0 18px 40px rgba(239,68,68,.16);
}
.smart-pos-stock-panel .smart-pos-panel-head h2,
.smart-pos-stock-panel .smart-pos-panel-head p { color:#fff; }
.smart-pos-stock-panel .smart-pos-mini-stat:nth-child(1) { background:linear-gradient(135deg,#0f172a,#334155); color:#fff; }
.smart-pos-stock-panel .smart-pos-mini-stat:nth-child(2) { background:linear-gradient(135deg,#166534,#22c55e); color:#fff; }
.smart-pos-stock-panel .smart-pos-mini-stat:nth-child(3) { background:linear-gradient(135deg,#d97706,#f59e0b); color:#fff; }
.smart-pos-stock-panel .smart-pos-mini-stat:nth-child(4) { background:linear-gradient(135deg,#b91c1c,#ef4444); color:#fff; }
.smart-pos-stock-panel .smart-pos-mini-stat strong,
.smart-pos-stock-panel .smart-pos-mini-stat span { color:#fff; }
.smart-pos-stock-panel .smart-pos-alert-list {
    margin-top:18px;
    padding:18px;
    border-radius:20px;
    border:1px solid rgba(148,163,184,.16);
    box-shadow:0 14px 30px rgba(15,23,42,.06);
}
.smart-pos-stock-panel .smart-pos-alert-list:first-of-type {
    background:linear-gradient(135deg, rgba(254,226,226,.92), rgba(255,237,213,.88));
}
.smart-pos-stock-panel .smart-pos-alert-list:last-of-type {
    background:linear-gradient(135deg, rgba(254,249,195,.92), rgba(254,240,138,.82));
}
.smart-pos-stock-panel .smart-pos-alert-list h3 {
    display:inline-flex;
    margin:0 0 12px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#7c2d12;
}
.smart-pos-stock-panel .smart-pos-alert-list ul li {
    margin-bottom:10px;
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.72);
}
body.smart-pos-dark .smart-pos-profit-panel {
    background:linear-gradient(180deg, rgba(2,6,23,.96), rgba(15,23,42,.98));
}
body.smart-pos-dark .smart-pos-profit-panel .smart-pos-panel-head {
    background:linear-gradient(135deg,#1e293b,#1d4ed8 55%,#7c3aed);
}
body.smart-pos-dark .smart-pos-profit-panel .smart-pos-chart-grid:first-of-type .smart-pos-chart-card:first-child {
    background:linear-gradient(135deg, rgba(30,41,59,.96), rgba(30,64,175,.64));
}
body.smart-pos-dark .smart-pos-profit-panel .smart-pos-chart-grid:first-of-type .smart-pos-chart-card:last-child {
    background:linear-gradient(135deg, rgba(49,46,129,.94), rgba(190,24,93,.48));
}
body.smart-pos-dark .smart-pos-profit-panel .smart-pos-chart-grid:last-of-type .smart-pos-chart-card:first-child {
    background:linear-gradient(135deg, rgba(6,78,59,.96), rgba(13,148,136,.54));
}
body.smart-pos-dark .smart-pos-profit-panel .smart-pos-chart-grid:last-of-type .smart-pos-chart-card:last-child {
    background:linear-gradient(135deg, rgba(76,29,149,.95), rgba(157,23,77,.54));
}
body.smart-pos-dark .smart-pos-profit-panel .smart-pos-chart-card h3,
body.smart-pos-dark .smart-pos-stock-panel .smart-pos-alert-list h3 {
    color:#e2e8f0;
    background:rgba(15,23,42,.48);
}
body.smart-pos-dark .smart-pos-profit-panel .smart-pos-admin-table thead th {
    background:linear-gradient(135deg,#334155,#7c3aed);
}
body.smart-pos-dark .smart-pos-profit-panel [data-smart-pos-top-products-body] tr:nth-child(odd),
body.smart-pos-dark .smart-pos-profit-panel [data-smart-pos-top-customers-body] tr:nth-child(odd) {
    background:rgba(15,23,42,.34);
}
body.smart-pos-dark .smart-pos-profit-panel [data-smart-pos-top-products-body] tr:nth-child(even),
body.smart-pos-dark .smart-pos-profit-panel [data-smart-pos-top-customers-body] tr:nth-child(even) {
    background:rgba(30,41,59,.54);
}
body.smart-pos-dark .smart-pos-stock-panel {
    background:linear-gradient(180deg, rgba(2,6,23,.96), rgba(15,23,42,.98));
}
body.smart-pos-dark .smart-pos-stock-panel .smart-pos-panel-head {
    background:linear-gradient(135deg,#7f1d1d,#ea580c 55%,#ca8a04);
}
body.smart-pos-dark .smart-pos-stock-panel .smart-pos-alert-list:first-of-type {
    background:linear-gradient(135deg, rgba(127,29,29,.34), rgba(154,52,18,.26));
}
body.smart-pos-dark .smart-pos-stock-panel .smart-pos-alert-list:last-of-type {
    background:linear-gradient(135deg, rgba(120,53,15,.34), rgba(161,98,7,.26));
}
body.smart-pos-dark .smart-pos-stock-panel .smart-pos-alert-list ul li {
    background:rgba(15,23,42,.55);
}


/* v2.6.7 colorful charts + animated counters */
.smart-pos-counter-pop {
    animation: smartPosCounterPop .55s ease;
}
@keyframes smartPosCounterPop {
    0% { transform: scale(0.94); filter: brightness(1); }
    45% { transform: scale(1.08); filter: brightness(1.15); }
    100% { transform: scale(1); filter: brightness(1); }
}
.smart-pos-profit-panel .smart-pos-mini-stat strong,
.smart-pos-stock-panel .smart-pos-mini-stat strong,
.smart-pos-report-card strong[data-smart-pos-profit-sales],
.smart-pos-report-card strong[data-smart-pos-profit-cost],
.smart-pos-report-card strong[data-smart-pos-profit-profit],
.smart-pos-report-card strong[data-smart-pos-profit-loss],
.smart-pos-report-card strong[data-smart-pos-monthly-expense],
.smart-pos-report-card strong[data-smart-pos-net-profit] {
    transition: transform .25s ease, filter .25s ease;
    will-change: transform;
}
.smart-pos-report-card canvas {
    border-radius: 18px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 12px 28px rgba(15,23,42,.08);
}
.smart-pos-chart-panel,
.smart-pos-profit-panel,
.smart-pos-stock-panel {
    position: relative;
    overflow: hidden;
}
.smart-pos-chart-panel::before,
.smart-pos-profit-panel::before,
.smart-pos-stock-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at top right, rgba(255,255,255,.24), transparent 34%);
}
body.smart-pos-dark-mode .smart-pos-report-card canvas {
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.12), 0 12px 28px rgba(2,6,23,.36);
}


/* v2.6.8 monthly target panel */
.smart-pos-panel-head--split{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.smart-pos-monthly-target-panel{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #d9e5fb;box-shadow:0 18px 40px rgba(37,99,235,.08);overflow:hidden}
.smart-pos-target-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.smart-pos-target-save-btn,.smart-pos-target-refresh-btn{min-height:46px;padding:0 22px !important;border-radius:14px !important;border:0 !important;color:#fff !important;font-weight:700 !important;box-shadow:0 10px 18px rgba(15,23,42,.12)}
.smart-pos-target-save-btn{background:linear-gradient(135deg,#2ecc40,#39b54a) !important}
.smart-pos-target-refresh-btn{background:linear-gradient(135deg,#8b3cf6,#a855f7) !important}
.smart-pos-target-table-wrap{border-radius:22px;overflow:hidden;border:1px solid #dbe8ff}
.smart-pos-target-table{border-collapse:separate !important;border-spacing:0 !important}
.smart-pos-target-table thead th{color:#fff !important;font-size:18px;padding:22px 18px !important;border:0 !important;text-shadow:0 1px 2px rgba(0,0,0,.16)}
.smart-pos-target-table thead th:nth-child(1){background:linear-gradient(135deg,#ff3737,#ff4d4d)}
.smart-pos-target-table thead th:nth-child(2){background:linear-gradient(135deg,#47c53a,#22c55e 40%,#19b5fe 100%)}
.smart-pos-target-table thead th:nth-child(3){background:linear-gradient(135deg,#2876ff,#a855f7)}
.smart-pos-target-row td{padding:18px !important;border-bottom:1px solid #e6eefc !important;vertical-align:middle}
.smart-pos-target-row--1 td:first-child{background:linear-gradient(180deg,#ffe5e5,#fff2f2)}
.smart-pos-target-row--2 td:first-child{background:linear-gradient(180deg,#fff3d6,#fff9eb)}
.smart-pos-target-row--3 td:first-child{background:linear-gradient(180deg,#e8ffe4,#f4fff2)}
.smart-pos-target-row--4 td:first-child{background:linear-gradient(180deg,#e5f2ff,#f2f8ff)}
.smart-pos-target-row--5 td:first-child{background:linear-gradient(180deg,#f1e8ff,#fbf7ff)}
.smart-pos-target-row td:last-child{background:linear-gradient(180deg,#f7fbff,#f2f7ff)}
.smart-pos-target-outlet-cell{font-size:24px;font-weight:700;color:#14213d}
.smart-pos-target-progress-wrap{position:relative;overflow:hidden;border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,#fff1f1,#ffe0e0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.smart-pos-target-progress-wrap.is-medium{background:linear-gradient(180deg,#fff5da,#ffeed1)}
.smart-pos-target-progress-wrap.is-good{background:linear-gradient(180deg,#e9ffe6,#dff9dd)}
.smart-pos-target-progress-wrap.is-excellent{background:linear-gradient(180deg,#dff2ff,#dbebff)}
.smart-pos-target-progress-bar{position:absolute;left:0;top:0;bottom:0;border-radius:18px;background:linear-gradient(135deg,#ff3b30,#ff6b4a);box-shadow:inset 0 -2px 8px rgba(0,0,0,.1);opacity:.95}
.smart-pos-target-progress-wrap.is-medium .smart-pos-target-progress-bar{background:linear-gradient(135deg,#ff9f0a,#ffc233)}
.smart-pos-target-progress-wrap.is-good .smart-pos-target-progress-bar{background:linear-gradient(135deg,#52c41a,#7ee051)}
.smart-pos-target-progress-wrap.is-excellent .smart-pos-target-progress-bar{background:linear-gradient(135deg,#1677ff,#22c1ff)}
.smart-pos-target-progress-label{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#fff;font-size:17px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.22)}
.smart-pos-target-progress-label span{display:inline-flex;align-items:center;min-height:34px}
.smart-pos-target-badge{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:8px 16px;border-radius:999px;background:#ff4d4f;color:#fff;font-size:18px;box-shadow:0 8px 18px rgba(0,0,0,.15)}
.smart-pos-target-badge.is-medium{background:linear-gradient(135deg,#ff9800,#ffb020)}
.smart-pos-target-badge.is-good{background:linear-gradient(135deg,#30b64a,#5cd85b)}
.smart-pos-target-badge.is-excellent{background:linear-gradient(135deg,#1d7df2,#1ec6ff)}
.smart-pos-target-status-text{margin-top:10px;font-size:13px;font-weight:700;color:#d62839}
.smart-pos-target-status-text.is-medium{color:#d97706}
.smart-pos-target-status-text.is-good{color:#2f9e44}
.smart-pos-target-status-text.is-excellent{color:#1565c0}
.smart-pos-target-input-group{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.smart-pos-target-input-group input{width:180px;min-height:46px;border-radius:14px;border:1px solid #cddbf7;padding:0 14px;font-size:18px;font-weight:700;color:#14213d;background:#fff;box-shadow:inset 0 2px 6px rgba(15,23,42,.04)}
.smart-pos-target-input-group .button{min-height:46px;padding:0 18px !important;border-radius:14px !important;background:linear-gradient(135deg,#22c55e,#16a34a) !important;border:0 !important;color:#fff !important;font-weight:700 !important}
.smart-pos-dark .smart-pos-monthly-target-panel{background:linear-gradient(180deg,#122033,#0f172a 100%);border-color:#1f3552}
.smart-pos-dark .smart-pos-target-table-wrap{border-color:#223657}
.smart-pos-dark .smart-pos-target-row td{border-bottom-color:#20314d !important}
.smart-pos-dark .smart-pos-target-row td:last-child{background:linear-gradient(180deg,#14243b,#102034)}
.smart-pos-dark .smart-pos-target-outlet-cell{color:#f8fbff}
.smart-pos-dark .smart-pos-target-input-group input{background:#0f1b2d;color:#fff;border-color:#294269}
@media (max-width: 782px){.smart-pos-target-table thead th{font-size:15px;padding:16px 12px !important}.smart-pos-target-outlet-cell{font-size:20px}.smart-pos-target-progress-label{font-size:14px}.smart-pos-target-input-group{justify-content:flex-start}.smart-pos-target-input-group input{width:100%}}


/* v2.6.9 colorful dashboard style patch */
.smart-pos-dashboard-live-sections .smart-pos-stats.smart-pos-stats--six,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats {
    gap: 18px;
}

.smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card,
.smart-pos-terminal-all-sales .smart-pos-mini-stat,
.smart-pos-all-sales-panel .smart-pos-mini-stat {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(148,163,184,.16);
    box-shadow: 0 18px 40px rgba(15,23,42,.08);
}

.smart-pos-dashboard-live-sections .smart-pos-stat-card::after,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card::after,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card::after,
.smart-pos-terminal-all-sales .smart-pos-mini-stat::after,
.smart-pos-all-sales-panel .smart-pos-mini-stat::after {
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.06));
    pointer-events:none;
}

.smart-pos-dashboard-live-sections .smart-pos-stat-card span,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card span,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card span,
.smart-pos-terminal-all-sales .smart-pos-mini-stat span,
.smart-pos-all-sales-panel .smart-pos-mini-stat span {
    color:#5c7090;
    font-weight:700;
    letter-spacing:.02em;
}

.smart-pos-dashboard-live-sections .smart-pos-stat-card strong,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card strong,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card strong,
.smart-pos-terminal-all-sales .smart-pos-mini-stat strong,
.smart-pos-all-sales-panel .smart-pos-mini-stat strong {
    color:#14213d;
    font-weight:800;
}

.smart-pos-dashboard-live-sections .smart-pos-stat-card--products,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+1),
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+1) {
    background: linear-gradient(135deg,#ffe3ea 0%,#fff2f5 100%) !important;
    border-bottom: 5px solid #ef4444;
}
.smart-pos-dashboard-live-sections .smart-pos-stat-card--products::before,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+1)::before,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+1)::before {background:linear-gradient(180deg,#ff3b30,#ff7a59) !important;width:10px;}

.smart-pos-dashboard-live-sections .smart-pos-stat-card--categories,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+2),
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+2) {
    background: linear-gradient(135deg,#e8f7ff 0%,#f4fcff 100%) !important;
    border-bottom: 5px solid #22c55e;
}
.smart-pos-dashboard-live-sections .smart-pos-stat-card--categories::before,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+2)::before,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+2)::before {background:linear-gradient(180deg,#22c55e,#06b6d4) !important;width:10px;}

.smart-pos-dashboard-live-sections .smart-pos-stat-card--outlets,
.smart-pos-dashboard-live-sections .smart-pos-stat-card--customers,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+3),
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+3) {
    background: linear-gradient(135deg,#eefee9 0%,#f8fff4 100%) !important;
    border-bottom: 5px solid #3b82f6;
}
.smart-pos-dashboard-live-sections .smart-pos-stat-card--outlets::before,
.smart-pos-dashboard-live-sections .smart-pos-stat-card--customers::before,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+3)::before,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+3)::before {background:linear-gradient(180deg,#22c55e,#84cc16) !important;width:10px;}

.smart-pos-dashboard-live-sections .smart-pos-stat-card--total-orders,
.smart-pos-dashboard-live-sections .smart-pos-stat-card--paid-orders,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+4),
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+4) {
    background: linear-gradient(135deg,#f7ecff 0%,#fff8ff 100%) !important;
    border-bottom: 5px solid #a855f7;
}
.smart-pos-dashboard-live-sections .smart-pos-stat-card--total-orders::before,
.smart-pos-dashboard-live-sections .smart-pos-stat-card--paid-orders::before,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+4)::before,
.smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+4)::before {background:linear-gradient(180deg,#3b82f6,#8b5cf6) !important;width:10px;}

.smart-pos-all-sales-panel,
.smart-pos-terminal-all-sales {
    background: linear-gradient(180deg,#ffffff,#f8fbff) !important;
    border-radius: 28px;
}
.smart-pos-all-sales-panel .smart-pos-panel-head h2,
.smart-pos-terminal-all-sales .smart-pos-panel-head h2 {
    color:#14213d;
    font-size: 24px;
}
.smart-pos-all-sales-panel .smart-pos-panel-head p,
.smart-pos-terminal-all-sales .smart-pos-panel-head p {
    color:#5b6f90;
    font-size:16px;
}
.smart-pos-mini-stat--all-sell { background:linear-gradient(135deg,#e8f0ff,#f4f8ff) !important; border-bottom:5px solid #3b82f6; }
.smart-pos-mini-stat--paid-sell { background:linear-gradient(135deg,#ecfdea,#f8fff4) !important; border-bottom:5px solid #22c55e; }
.smart-pos-mini-stat--due-sell { background:linear-gradient(135deg,#fff0f0,#fff7f7) !important; border-bottom:5px solid #fb7185; }
.smart-pos-mini-stat--today-sell { background:linear-gradient(135deg,#fff8dc,#fffef0) !important; border-bottom:5px solid #f59e0b; }
.smart-pos-mini-stat--last-7-days { background:linear-gradient(135deg,#f7ecff,#fcf6ff) !important; border-bottom:5px solid #a855f7; }
.smart-pos-mini-stat--all-orders { background:linear-gradient(135deg,#eef2ff,#f8faff) !important; border-bottom:5px solid #2563eb; }
.smart-pos-mini-stat--paid-orders-summary { background:linear-gradient(135deg,#ffe7f1,#fff4f9) !important; border-bottom:5px solid #ec4899; }
.smart-pos-mini-stat--average-order { background:linear-gradient(135deg,#fff7e8,#fffdf5) !important; border-bottom:5px solid #fbbf24; }

.smart-pos-terminal-nav button {
    border-radius: 18px !important;
    border:1px solid rgba(148,163,184,.18) !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.08) !important;
    color:#fff !important;
}
.smart-pos-terminal-nav button:nth-child(6n+1){background:linear-gradient(135deg,#ff4b4b,#ff7a59)!important;}
.smart-pos-terminal-nav button:nth-child(6n+2){background:linear-gradient(135deg,#22c55e,#14b8a6)!important;}
.smart-pos-terminal-nav button:nth-child(6n+3){background:linear-gradient(135deg,#3b82f6,#2563eb)!important;}
.smart-pos-terminal-nav button:nth-child(6n+4){background:linear-gradient(135deg,#facc15,#f59e0b)!important;}
.smart-pos-terminal-nav button:nth-child(6n+5){background:linear-gradient(135deg,#fde68a,#fcd34d)!important;color:#7c2d12!important;}
.smart-pos-terminal-nav button:nth-child(6n+6){background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;}
.smart-pos-terminal-nav button.is-active {transform: translateY(-2px); filter:saturate(1.06);}
.smart-pos-terminal-nav__icon {background: rgba(255,255,255,.22) !important; color: inherit !important;}
.smart-pos-terminal-nav__text strong,
.smart-pos-terminal-nav__text small {color: inherit !important;}
.smart-pos-terminal-nav__text small {opacity:.88;}

body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-stat-card,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card,
body.smart-pos-dark-mode .smart-pos-terminal-all-sales .smart-pos-mini-stat,
body.smart-pos-dark-mode .smart-pos-all-sales-panel .smart-pos-mini-stat {
    color:#f8fbff !important;
    border-color: rgba(255,255,255,.08) !important;
}
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-stat-card span,
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-stat-card strong,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card span,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card strong,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card span,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card strong,
body.smart-pos-dark-mode .smart-pos-terminal-all-sales .smart-pos-mini-stat span,
body.smart-pos-dark-mode .smart-pos-terminal-all-sales .smart-pos-mini-stat strong,
body.smart-pos-dark-mode .smart-pos-all-sales-panel .smart-pos-mini-stat span,
body.smart-pos-dark-mode .smart-pos-all-sales-panel .smart-pos-mini-stat strong {
    color:#f8fbff !important;
}
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-stat-card--products,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+1),
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+1){background:linear-gradient(135deg,#7f1d1d,#991b1b)!important;}
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-stat-card--categories,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+2),
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+2){background:linear-gradient(135deg,#14532d,#0f766e)!important;}
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-stat-card--outlets,
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-stat-card--customers,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+3),
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+3){background:linear-gradient(135deg,#1e3a8a,#1d4ed8)!important;}
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-stat-card--total-orders,
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-stat-card--paid-orders,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+4),
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-terminal-stats .smart-pos-terminal-card:nth-child(4n+4){background:linear-gradient(135deg,#581c87,#6d28d9)!important;}
body.smart-pos-dark-mode .smart-pos-mini-stat--all-sell{background:linear-gradient(135deg,#1e3a8a,#1d4ed8)!important;}
body.smart-pos-dark-mode .smart-pos-mini-stat--paid-sell{background:linear-gradient(135deg,#166534,#15803d)!important;}
body.smart-pos-dark-mode .smart-pos-mini-stat--due-sell{background:linear-gradient(135deg,#7f1d1d,#be123c)!important;}
body.smart-pos-dark-mode .smart-pos-mini-stat--today-sell{background:linear-gradient(135deg,#854d0e,#ca8a04)!important;}
body.smart-pos-dark-mode .smart-pos-mini-stat--last-7-days{background:linear-gradient(135deg,#581c87,#7c3aed)!important;}
body.smart-pos-dark-mode .smart-pos-mini-stat--all-orders{background:linear-gradient(135deg,#1d4ed8,#3b82f6)!important;}
body.smart-pos-dark-mode .smart-pos-mini-stat--paid-orders-summary{background:linear-gradient(135deg,#9d174d,#db2777)!important;}
body.smart-pos-dark-mode .smart-pos-mini-stat--average-order{background:linear-gradient(135deg,#92400e,#f59e0b)!important;}


/* v2.7.0 premium unified theme */
.smart-pos-outlet-summary-panel,.smart-pos-monthly-target-panel,.smart-pos-chart-panel,.smart-pos-profit-panel,.smart-pos-stock-panel{
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    border:1px solid #d9e5fb !important;
    box-shadow:0 18px 40px rgba(37,99,235,.08) !important;
    border-radius:28px !important;
    overflow:hidden;
}
.smart-pos-outlet-summary-panel .smart-pos-panel-head h2,.smart-pos-monthly-target-panel .smart-pos-panel-head h2,.smart-pos-chart-panel .smart-pos-panel-head h2,.smart-pos-profit-panel .smart-pos-panel-head h2,.smart-pos-stock-panel .smart-pos-panel-head h2{color:#14213d;font-size:24px;}
.smart-pos-outlet-summary-panel .smart-pos-panel-head p,.smart-pos-monthly-target-panel .smart-pos-panel-head p,.smart-pos-chart-panel .smart-pos-panel-head p,.smart-pos-profit-panel .smart-pos-panel-head p,.smart-pos-stock-panel .smart-pos-panel-head p{color:#5b6f90;font-size:16px;}

.smart-pos-outlet-summary-panel .smart-pos-table-wrap{border-radius:22px;overflow:hidden;border:1px solid #dbe8ff;background:#fff;}
.smart-pos-outlet-summary-panel .smart-pos-admin-table{border-collapse:separate !important;border-spacing:0 !important;}
.smart-pos-outlet-summary-panel .smart-pos-admin-table thead th{color:#fff !important;font-size:18px;padding:22px 18px !important;border:0 !important;text-shadow:0 1px 2px rgba(0,0,0,.16);}
.smart-pos-outlet-summary-panel .smart-pos-admin-table thead th:nth-child(1){background:linear-gradient(135deg,#ff3737,#ff4d4d);}
.smart-pos-outlet-summary-panel .smart-pos-admin-table thead th:nth-child(2){background:linear-gradient(135deg,#47c53a,#22c55e);}
.smart-pos-outlet-summary-panel .smart-pos-admin-table thead th:nth-child(3){background:linear-gradient(135deg,#2876ff,#19b5fe);}
.smart-pos-outlet-summary-panel .smart-pos-admin-table thead th:nth-child(4){background:linear-gradient(135deg,#ffb300,#f59e0b);}
.smart-pos-outlet-summary-panel .smart-pos-admin-table thead th:nth-child(5){background:linear-gradient(135deg,#8b3cf6,#a855f7);}
.smart-pos-outlet-summary-panel .smart-pos-admin-table tbody td{padding:20px 18px !important;border-top:1px solid rgba(148,163,184,.18) !important;font-weight:700;font-size:16px;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row td:nth-child(2){color:#137a29;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row td:nth-child(3){color:#1557c0;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row td:nth-child(4){color:#d97706;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row td:nth-child(5){color:#7e22ce;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row td:first-child{font-size:22px;color:#14213d;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row td{box-shadow:inset 0 1px 0 rgba(255,255,255,.6);}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row--1 td:first-child{background:linear-gradient(180deg,#ffe5e5,#fff2f2) !important;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row--2 td:first-child{background:linear-gradient(180deg,#fff3d6,#fff9eb) !important;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row--3 td:first-child{background:linear-gradient(180deg,#e8ffe4,#f4fff2) !important;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row--4 td:first-child{background:linear-gradient(180deg,#e5f2ff,#f2f8ff) !important;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row--5 td:first-child{background:linear-gradient(180deg,#f1e8ff,#fbf7ff) !important;}
.smart-pos-outlet-summary-panel .smart-pos-outlet-row td:not(:first-child){background:linear-gradient(180deg,#ffffff,#f6faff) !important;}

.smart-pos-chart-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 16px 18px;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#ffffff);box-shadow:inset 0 0 0 1px rgba(217,229,251,.85);}
.smart-pos-chart-toolbar label{font-weight:700;color:#526785;}
.smart-pos-chart-toolbar select{min-height:46px;border-radius:14px;border:1px solid #cddbf7;background:#fff;padding:0 14px;font-weight:700;color:#14213d;}
.smart-pos-chart-toolbar .button,.smart-pos-export-buttons .button{min-height:46px;padding:0 18px !important;border-radius:14px !important;border:0 !important;color:#fff !important;font-weight:700 !important;box-shadow:0 10px 18px rgba(15,23,42,.12);}
.smart-pos-chart-toolbar .button[data-smart-pos-chart-refresh],.smart-pos-chart-toolbar button,.smart-pos-export-buttons .button:first-child{background:linear-gradient(135deg,#8b3cf6,#a855f7) !important;}
.smart-pos-export-buttons .button:last-child{background:linear-gradient(135deg,#22c55e,#16a34a) !important;}
.smart-pos-chart-card{border-radius:24px !important;border:1px solid rgba(217,229,251,.9) !important;box-shadow:0 18px 34px rgba(15,23,42,.08) !important;overflow:hidden;}
.smart-pos-chart-grid .smart-pos-chart-card:nth-child(4n+1){background:linear-gradient(180deg,#fff5f5,#fffdfd) !important;}
.smart-pos-chart-grid .smart-pos-chart-card:nth-child(4n+2){background:linear-gradient(180deg,#effbf2,#fbfffc) !important;}
.smart-pos-chart-grid .smart-pos-chart-card:nth-child(4n+3){background:linear-gradient(180deg,#eef6ff,#fbfdff) !important;}
.smart-pos-chart-grid .smart-pos-chart-card:nth-child(4n+4){background:linear-gradient(180deg,#faf2ff,#fefcff) !important;}
.smart-pos-chart-card h3{font-size:20px;color:#14213d;padding-bottom:6px;}
.smart-pos-chart-card canvas{background:transparent !important;}

.smart-pos-top-customers-wrap,.smart-pos-low-stock-list,.smart-pos-monthly-expense-panel,.smart-pos-report-card{border-radius:22px !important;border:1px solid rgba(217,229,251,.85) !important;box-shadow:0 14px 28px rgba(15,23,42,.06) !important;}
.smart-pos-top-customers-wrap{background:linear-gradient(180deg,#fff4fb,#fffafe) !important;}
.smart-pos-low-stock-list{background:linear-gradient(180deg,#fff5ef,#fffdfa) !important;}
.smart-pos-monthly-expense-panel,.smart-pos-report-card{background:linear-gradient(180deg,#eef9ff,#fcfeff) !important;}

body.smart-pos-dark-mode .smart-pos-outlet-summary-panel,body.smart-pos-dark-mode .smart-pos-monthly-target-panel,body.smart-pos-dark-mode .smart-pos-chart-panel,body.smart-pos-dark-mode .smart-pos-profit-panel,body.smart-pos-dark-mode .smart-pos-stock-panel,body.smart-pos-dark-mode .smart-pos-chart-card,body.smart-pos-dark-mode .smart-pos-top-customers-wrap,body.smart-pos-dark-mode .smart-pos-low-stock-list,body.smart-pos-dark-mode .smart-pos-monthly-expense-panel,body.smart-pos-dark-mode .smart-pos-report-card{background:linear-gradient(180deg,#122033,#0f172a 100%) !important;border-color:#1f3552 !important;color:#f8fbff !important;}
body.smart-pos-dark-mode .smart-pos-outlet-summary-panel .smart-pos-panel-head h2,body.smart-pos-dark-mode .smart-pos-monthly-target-panel .smart-pos-panel-head h2,body.smart-pos-dark-mode .smart-pos-chart-panel .smart-pos-panel-head h2,body.smart-pos-dark-mode .smart-pos-profit-panel .smart-pos-panel-head h2,body.smart-pos-dark-mode .smart-pos-stock-panel .smart-pos-panel-head h2,body.smart-pos-dark-mode .smart-pos-chart-card h3{color:#f8fbff !important;}
body.smart-pos-dark-mode .smart-pos-outlet-summary-panel .smart-pos-panel-head p,body.smart-pos-dark-mode .smart-pos-monthly-target-panel .smart-pos-panel-head p,body.smart-pos-dark-mode .smart-pos-chart-panel .smart-pos-panel-head p,body.smart-pos-dark-mode .smart-pos-profit-panel .smart-pos-panel-head p,body.smart-pos-dark-mode .smart-pos-stock-panel .smart-pos-panel-head p{color:#9db2cf !important;}
body.smart-pos-dark-mode .smart-pos-chart-toolbar{background:linear-gradient(135deg,#16253a,#0f172a);box-shadow:inset 0 0 0 1px rgba(31,53,82,.9);}
body.smart-pos-dark-mode .smart-pos-chart-toolbar label{color:#c6d3ea;}
body.smart-pos-dark-mode .smart-pos-chart-toolbar select{background:#0f1b2d;color:#fff;border-color:#294269;}
body.smart-pos-dark-mode .smart-pos-outlet-summary-panel .smart-pos-table-wrap{background:#0f172a;border-color:#223657;}
body.smart-pos-dark-mode .smart-pos-outlet-summary-panel .smart-pos-outlet-row td:not(:first-child){background:linear-gradient(180deg,#14243b,#102034) !important;}
body.smart-pos-dark-mode .smart-pos-outlet-summary-panel .smart-pos-outlet-row td:first-child{color:#f8fbff !important;}
@media (max-width:782px){.smart-pos-outlet-summary-panel .smart-pos-admin-table thead th{font-size:15px;padding:16px 12px !important}.smart-pos-outlet-summary-panel .smart-pos-outlet-row td:first-child{font-size:19px}.smart-pos-chart-toolbar{padding:12px}.smart-pos-chart-toolbar select{width:100%;}.smart-pos-chart-toolbar .button,.smart-pos-export-buttons .button{width:100%;justify-content:center}}


/* Premium unified reports theme v2.7.1 */
.smart-pos-mini-stat,
.smart-pos-chart-card,
.smart-pos-target-table-wrap,
.smart-pos-report-filter,
.smart-pos-report-tools,
.smart-pos-terminal-all-sales .smart-pos-mini-stat,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat {
    position: relative;
    overflow: hidden;
}
.smart-pos-mini-stat::after,
.smart-pos-chart-card::after,
.smart-pos-terminal-all-sales .smart-pos-mini-stat::after,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat::after,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255,255,255,.00) 25%, rgba(255,255,255,.28) 45%, rgba(255,255,255,.10) 55%, rgba(255,255,255,0) 75%);
    transform: translateX(-120%);
    pointer-events: none;
}
.smart-pos-mini-stat.is-animated::after,
.smart-pos-chart-card.is-animated::after,
.smart-pos-terminal-all-sales .smart-pos-mini-stat.is-animated::after,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat.is-animated::after,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat.is-animated::after {
    animation: smartPosPremiumShine 2.8s ease-in-out infinite;
}
@keyframes smartPosPremiumShine {
    0% { transform: translateX(-130%); }
    100% { transform: translateX(130%); }
}
.smart-pos-mini-stat,
.smart-pos-terminal-all-sales .smart-pos-mini-stat,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat {
    border-radius: 20px;
    border: 1px solid rgba(147, 197, 253, .28);
    box-shadow: 0 16px 30px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.65);
    transition: transform .25s ease, box-shadow .25s ease;
}
.smart-pos-mini-stat:hover,
.smart-pos-chart-card:hover,
.smart-pos-terminal-all-sales .smart-pos-mini-stat:hover,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat:hover,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 38px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.7);
}
.smart-pos-mini-stat--all-sell,
.smart-pos-terminal-all-sales .smart-pos-mini-stat--all-sell,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat--all-sell,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat--all-sell { background: linear-gradient(180deg,#eef6ff 0%,#dbeafe 100%); border-left: 6px solid #ef4444; }
.smart-pos-mini-stat--paid-sell,
.smart-pos-terminal-all-sales .smart-pos-mini-stat--paid-sell,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat--paid-sell,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat--paid-sell { background: linear-gradient(180deg,#ecfff3 0%,#dcfce7 100%); border-left: 6px solid #22c55e; }
.smart-pos-mini-stat--due-sell,
.smart-pos-terminal-all-sales .smart-pos-mini-stat--due-sell,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat--due-sell,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat--due-sell { background: linear-gradient(180deg,#fff1f1 0%,#ffe1df 100%); border-left: 6px solid #f97316; }
.smart-pos-mini-stat--today-sell,
.smart-pos-terminal-all-sales .smart-pos-mini-stat--today-sell,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat--today-sell,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat--today-sell { background: linear-gradient(180deg,#fff9dc 0%,#fef3c7 100%); border-left: 6px solid #3b82f6; }
.smart-pos-mini-stat--last-7-days,
.smart-pos-terminal-all-sales .smart-pos-mini-stat--last-7-days,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat--last-7-days,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat--last-7-days { background: linear-gradient(180deg,#f5ecff 0%,#eadcff 100%); border-left: 6px solid #a855f7; }
.smart-pos-mini-stat--all-orders,
.smart-pos-terminal-all-sales .smart-pos-mini-stat--all-orders,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat--all-orders,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat--all-orders { background: linear-gradient(180deg,#eef2ff 0%,#e4e8ff 100%); border-left: 6px solid #2563eb; }
.smart-pos-mini-stat--paid-orders-summary,
.smart-pos-terminal-all-sales .smart-pos-mini-stat--paid-orders-summary,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat--paid-orders-summary,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat--paid-orders-summary { background: linear-gradient(180deg,#fff1f7 0%,#fce7f3 100%); border-left: 6px solid #ec4899; }
.smart-pos-mini-stat--average-order,
.smart-pos-terminal-all-sales .smart-pos-mini-stat--average-order,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat--average-order,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat--average-order { background: linear-gradient(180deg,#fff9ef 0%,#fef3dd 100%); border-left: 6px solid #f59e0b; }
.smart-pos-chart-panel,.smart-pos-chart-card,.smart-pos-report-filter,.smart-pos-report-tools { border-radius: 22px; }
.smart-pos-chart-panel { background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%); }
.smart-pos-chart-card:nth-child(4n+1) { background: linear-gradient(180deg,#eef6ff 0%,#deebff 100%); border: 1px solid rgba(59,130,246,.16); }
.smart-pos-chart-card:nth-child(4n+2) { background: linear-gradient(180deg,#ecfff3 0%,#dcfce7 100%); border: 1px solid rgba(34,197,94,.16); }
.smart-pos-chart-card:nth-child(4n+3) { background: linear-gradient(180deg,#fff8dd 0%,#fef3c7 100%); border: 1px solid rgba(245,158,11,.16); }
.smart-pos-chart-card:nth-child(4n+4) { background: linear-gradient(180deg,#f5ecff 0%,#eadcff 100%); border: 1px solid rgba(168,85,247,.16); }
.smart-pos-target-progress-wrap,.smart-pos-progress-card { transition: transform .28s ease, box-shadow .28s ease; }
.smart-pos-target-progress-wrap:hover,.smart-pos-progress-card:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(15,23,42,.10); }
.smart-pos-target-progress-bar,.smart-pos-progress-fill { transition: width 1.6s cubic-bezier(.22,.61,.36,1); }
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-panel,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel,
.smart-pos-terminal-all-sales { background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%); border: 1px solid rgba(191,219,254,.35); box-shadow: 0 16px 34px rgba(15,23,42,.06); border-radius: 24px; }
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-panel h2,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel h2,
.smart-pos-panel h2 { color:#0f2a6b; }
.smart-pos-dark .smart-pos-mini-stat,
.smart-pos-dark .smart-pos-chart-card,
.smart-pos-dark .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-panel,
.smart-pos-dark .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel,
.smart-pos-dark .smart-pos-terminal-all-sales { border-color: rgba(96,165,250,.16); box-shadow: 0 18px 36px rgba(2,6,23,.34); }
.smart-pos-dark .smart-pos-chart-panel { background: linear-gradient(180deg,#0f172a 0%,#111c34 100%); }
.smart-pos-dark .smart-pos-chart-card:nth-child(4n+1) { background: linear-gradient(180deg,#11203c 0%,#162848 100%); }
.smart-pos-dark .smart-pos-chart-card:nth-child(4n+2) { background: linear-gradient(180deg,#112a24 0%,#16362d 100%); }
.smart-pos-dark .smart-pos-chart-card:nth-child(4n+3) { background: linear-gradient(180deg,#332612 0%,#402f15 100%); }
.smart-pos-dark .smart-pos-chart-card:nth-child(4n+4) { background: linear-gradient(180deg,#24133c 0%,#2d1a49 100%); }


/* v2.7.2 premium target header + ranking medals */
.smart-pos-target-hero {
    margin: 18px 0 24px;
    padding: 24px;
    border-radius: 28px;
    background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    border: 1px solid rgba(191,219,254,.45);
    box-shadow: 0 18px 38px rgba(15,23,42,.08);
    overflow: hidden;
    position: relative;
}
.smart-pos-target-hero::before {
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0));
    pointer-events:none;
}
.smart-pos-target-hero__header {
    position:relative;
    z-index:1;
    margin-bottom:18px;
    padding: 22px 24px;
    border-radius: 24px;
    background: linear-gradient(90deg,#ff3b30 0%,#38bdf8 58%,#9333ea 100%);
    color:#fff;
    box-shadow: 0 18px 34px rgba(59,130,246,.24);
    animation: smartPosPulseGlow 2.8s ease-in-out infinite;
}
.smart-pos-target-hero__eyebrow {
    display:inline-block;
    font-size:12px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    margin-bottom:10px;
}
.smart-pos-target-hero__header h3 { margin: 0 0 8px; color:#fff; font-size: 28px; }
.smart-pos-target-hero__header p { margin:0; color: rgba(255,255,255,.92); font-size: 15px; }
.smart-pos-target-summary-grid {
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap:18px;
}
.smart-pos-target-ranking-card,
.smart-pos-target-chart-card {
    border-radius: 24px;
    padding: 18px;
    border:1px solid rgba(191,219,254,.45);
    box-shadow: 0 14px 30px rgba(15,23,42,.06);
}
.smart-pos-target-ranking-card { background: linear-gradient(180deg,#fff7f7 0%,#fffdfd 100%); }
.smart-pos-target-chart-card { background: linear-gradient(180deg,#f7fbff 0%,#ffffff 100%); }
.smart-pos-target-ranking-card h4,
.smart-pos-target-chart-card h4 { margin:0 0 14px; color:#132a67; font-size:20px; }
.smart-pos-target-ranking-list,
.smart-pos-target-chart-list { display:grid; gap:12px; }
.smart-pos-target-ranking-item {
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    border-radius:20px;
    color:#132a67;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.smart-pos-target-ranking-item.is-gold { background: linear-gradient(90deg,#fff3c4,#ffe08a); }
.smart-pos-target-ranking-item.is-silver { background: linear-gradient(90deg,#eef2f7,#dbe4f0); }
.smart-pos-target-ranking-item.is-bronze { background: linear-gradient(90deg,#ffe1d1,#ffc4a8); }
.smart-pos-target-medal { font-size:28px; line-height:1; }
.smart-pos-target-ranking-copy { display:grid; gap:2px; }
.smart-pos-target-ranking-copy strong { font-size:17px; }
.smart-pos-target-ranking-copy small { color:#546987; font-weight:700; }
.smart-pos-target-ranking-score {
    margin-left:auto;
    min-width:66px;
    text-align:center;
    padding:8px 12px;
    border-radius:999px;
    color:#fff;
    font-weight:800;
    background: linear-gradient(135deg,#2563eb,#8b5cf6);
    box-shadow: 0 10px 18px rgba(37,99,235,.24);
}
.smart-pos-target-chart-row {
    display:grid;
    gap:8px;
    padding:14px 16px;
    border-radius:20px;
    border:1px solid rgba(191,219,254,.35);
    background: linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.smart-pos-target-chart-row--1 { border-bottom:4px solid #ef4444; }
.smart-pos-target-chart-row--2 { border-bottom:4px solid #22c55e; }
.smart-pos-target-chart-row--3 { border-bottom:4px solid #3b82f6; }
.smart-pos-target-chart-row--4 { border-bottom:4px solid #f59e0b; }
.smart-pos-target-chart-row--5 { border-bottom:4px solid #a855f7; }
.smart-pos-target-chart-labels { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.smart-pos-target-chart-labels strong { color:#132a67; font-size:16px; }
.smart-pos-target-chart-labels span { color:#60748f; font-weight:700; font-size:13px; }
.smart-pos-target-chart-track {
    position:relative;
    height:22px;
    border-radius:999px;
    background: linear-gradient(90deg,#edf4ff,#f8fbff);
    overflow:hidden;
}
.smart-pos-target-chart-fill {
    position:absolute;
    inset:0 auto 0 0;
    width:0;
    border-radius:999px;
    background: linear-gradient(90deg,#ff3b30 0%,#22c55e 38%,#3b82f6 72%,#9333ea 100%);
    box-shadow: 0 10px 18px rgba(59,130,246,.20);
    transition: width 1.6s cubic-bezier(.22,.61,.36,1);
}
.smart-pos-target-chart-track em {
    position:absolute;
    top:50%;
    right:10px;
    transform:translateY(-50%);
    font-style:normal;
    font-weight:800;
    color:#132a67;
}
@keyframes smartPosPulseGlow {
    0%,100% { box-shadow: 0 18px 34px rgba(59,130,246,.24); transform: translateY(0); }
    50% { box-shadow: 0 24px 40px rgba(147,51,234,.22); transform: translateY(-2px); }
}
body.smart-pos-dark-mode .smart-pos-target-hero {
    background: linear-gradient(180deg,#0f172a 0%,#111c34 100%);
    border-color: rgba(96,165,250,.18);
    box-shadow: 0 20px 40px rgba(2,6,23,.35);
}
body.smart-pos-dark-mode .smart-pos-target-ranking-card,
body.smart-pos-dark-mode .smart-pos-target-chart-card {
    background: linear-gradient(180deg,#111b31 0%,#16233d 100%);
    border-color: rgba(96,165,250,.16);
}
body.smart-pos-dark-mode .smart-pos-target-ranking-card h4,
body.smart-pos-dark-mode .smart-pos-target-chart-card h4,
body.smart-pos-dark-mode .smart-pos-target-chart-labels strong,
body.smart-pos-dark-mode .smart-pos-target-chart-track em,
body.smart-pos-dark-mode .smart-pos-target-ranking-copy strong,
body.smart-pos-dark-mode .smart-pos-target-ranking-score { color:#f8fbff; }
body.smart-pos-dark-mode .smart-pos-target-ranking-copy small,
body.smart-pos-dark-mode .smart-pos-target-chart-labels span { color:#c6d5ea; }
body.smart-pos-dark-mode .smart-pos-target-chart-row { background: linear-gradient(180deg,#13203a 0%,#182744 100%); border-color: rgba(96,165,250,.14); }
body.smart-pos-dark-mode .smart-pos-target-chart-track { background: linear-gradient(90deg,#0d1729,#162741); }
@media (max-width: 980px) {
    .smart-pos-target-summary-grid { grid-template-columns: 1fr; }
}


/* v2.7.3 premium glass dashboard patch */
.smart-pos-premium-header,
.smart-pos-terminal-premium-header {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    padding: 22px 24px;
    margin: 0 0 22px;
    background: linear-gradient(135deg, rgba(255,99,132,.88), rgba(139,92,246,.84) 38%, rgba(59,130,246,.84) 68%, rgba(16,185,129,.82));
    box-shadow: 0 24px 60px rgba(31,41,55,.18);
    color: #fff;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.smart-pos-premium-header::before,
.smart-pos-terminal-premium-header::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 25px;
    background: linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.08));
    pointer-events: none;
}
.smart-pos-premium-header::after,
.smart-pos-terminal-premium-header::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    right: -60px;
    top: -110px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255,255,255,.34), rgba(255,255,255,0));
    animation: smartPosFloatGlow 7s ease-in-out infinite;
}
.smart-pos-premium-header__inner,
.smart-pos-terminal-premium-header__inner { position: relative; z-index: 2; }
.smart-pos-premium-header__top,
.smart-pos-terminal-premium-header__top {
    display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:18px;
}
.smart-pos-premium-header__title,
.smart-pos-terminal-premium-header__title {
    margin:0; font-size:26px; font-weight:800; letter-spacing:.02em; color:#fff;
}
.smart-pos-premium-header__sub,
.smart-pos-terminal-premium-header__sub {
    margin:6px 0 0; color:rgba(255,255,255,.82); font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
}
.smart-pos-premium-badge {
    display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px;
    background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.26); box-shadow: inset 0 1px 0 rgba(255,255,255,.24);
    font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em;
}
.smart-pos-premium-badge__pulse {
    width:10px; height:10px; border-radius:999px; background:#fff; box-shadow:0 0 0 0 rgba(255,255,255,.7); animation:smartPosPulse 2s infinite;
}
.smart-pos-premium-header__stats,
.smart-pos-terminal-premium-header__stats {
    display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); gap:14px;
}
.smart-pos-premium-pill {
    position:relative; overflow:hidden; border-radius:20px; padding:16px 18px;
    background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 14px 28px rgba(15,23,42,.12);
}
.smart-pos-premium-pill::after {
    content:""; position:absolute; inset:0; background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.16) 50%, transparent 80%);
    transform: translateX(-120%); animation: smartPosShineWide 6s linear infinite;
}
.smart-pos-premium-pill span { display:block; position:relative; z-index:1; color:rgba(255,255,255,.72); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.smart-pos-premium-pill strong { display:block; position:relative; z-index:1; margin-top:8px; color:#fff; font-size:24px; font-weight:800; }

.smart-pos-dashboard-live-sections .smart-pos-panel,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-panel {
    background: linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.56));
    border:1px solid rgba(255,255,255,.6);
    box-shadow: 0 20px 45px rgba(15,23,42,.10);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.smart-pos-dashboard-live-sections .smart-pos-mini-stat,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat,
.smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card {
    border-radius:22px;
    border:1px solid rgba(255,255,255,.55);
    box-shadow: 0 20px 44px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.38);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.smart-pos-dashboard-live-sections .smart-pos-mini-stat:hover,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat:hover,
.smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat:hover,
.smart-pos-dashboard-live-sections .smart-pos-stat-card:hover,
.smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card:hover {
    transform: translateY(-4px) scale(1.01);
}

body.smart-pos-dark-mode .smart-pos-premium-header,
body.smart-pos-dark-mode .smart-pos-terminal-premium-header,
.smart-pos-dark .smart-pos-terminal-premium-header {
    background: linear-gradient(135deg, rgba(244,63,94,.78), rgba(124,58,237,.78) 42%, rgba(37,99,235,.78) 74%, rgba(5,150,105,.76));
    box-shadow: 0 24px 60px rgba(2,6,23,.44);
}
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-panel,
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-mini-stat,
body.smart-pos-dark-mode .smart-pos-dashboard-live-sections .smart-pos-stat-card,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-panel,
body.smart-pos-dark-mode .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat,
.smart-pos-dark .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel,
.smart-pos-dark .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-mini-stat,
.smart-pos-dark .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-terminal-card,
.smart-pos-dark .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-panel,
.smart-pos-dark .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-mini-stat {
    background: linear-gradient(180deg, rgba(15,23,42,.78), rgba(30,41,59,.68));
    border-color: rgba(148,163,184,.18);
    box-shadow: 0 20px 44px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.04);
}
body.smart-pos-dark-mode .smart-pos-premium-pill,
.smart-pos-dark .smart-pos-premium-pill { background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.12); }

@keyframes smartPosPulse {
    0% { box-shadow: 0 0 0 0 rgba(255,255,255,.65); }
    70% { box-shadow: 0 0 0 14px rgba(255,255,255,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}
@keyframes smartPosFloatGlow {
    0%,100% { transform: translateY(0) translateX(0); opacity:.9; }
    50% { transform: translateY(12px) translateX(-14px); opacity:1; }
}
@keyframes smartPosShineWide {
    0% { transform: translateX(-130%); }
    100% { transform: translateX(130%); }
}
@media (max-width: 782px) {
    .smart-pos-premium-header__title,
    .smart-pos-terminal-premium-header__title { font-size:22px; }
    .smart-pos-premium-header,
    .smart-pos-terminal-premium-header { padding:18px; border-radius:22px; }
    .smart-pos-premium-header__stats,
    .smart-pos-terminal-premium-header__stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
}


/* v2.7.4 premium glass sidebar + animated menu icons + premium login */
:root{
  --sp-premium-red: linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);
  --sp-premium-green: linear-gradient(135deg,#34d399 0%,#10b981 100%);
  --sp-premium-blue: linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);
  --sp-premium-purple: linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%);
  --sp-premium-orange: linear-gradient(135deg,#fbbf24 0%,#f97316 100%);
}
.smart-pos-terminal-sidebar,
.smart-pos-admin-menu{
  position:relative;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(245,247,255,.72)) !important;
  border:1px solid rgba(255,255,255,.45) !important;
  box-shadow:0 22px 60px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.65) !important;
}
.smart-pos-terminal-sidebar::before,
.smart-pos-admin-menu::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at top left,rgba(96,165,250,.22),transparent 34%),
             radial-gradient(circle at bottom right,rgba(168,85,247,.18),transparent 30%),
             radial-gradient(circle at center right,rgba(34,197,94,.14),transparent 26%);
  border-radius:inherit;
}
.smart-pos-terminal-brand,
.smart-pos-terminal-usercard,
.smart-pos-terminal-sidebar__footer{
  position:relative;
  z-index:1;
}
.smart-pos-terminal-brand{
  background:linear-gradient(135deg,rgba(255,107,107,.12),rgba(96,165,250,.12),rgba(167,139,250,.16));
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.smart-pos-terminal-brand__badge{
  background:linear-gradient(135deg,#ef4444,#7c3aed,#0ea5e9) !important;
  box-shadow:0 10px 24px rgba(124,58,237,.28);
}
.smart-pos-terminal-usercard{
  background:rgba(255,255,255,.56);
  border:1px solid rgba(255,255,255,.46);
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.smart-pos-terminal-nav{position:relative;z-index:1;}
.smart-pos-terminal-nav button,
.smart-pos-admin-menu a{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.40) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.54)) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.smart-pos-terminal-nav button::after,
.smart-pos-admin-menu a::after{
  content:"";
  position:absolute;
  inset:-120% auto auto -55%;
  width:55%;
  height:240%;
  transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
  opacity:0;
}
.smart-pos-terminal-nav button:hover,
.smart-pos-admin-menu a:hover,
.smart-pos-terminal-nav button.is-active,
.smart-pos-admin-menu a.is-active{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(37,99,235,.16);
  border-color:rgba(96,165,250,.55) !important;
}
.smart-pos-terminal-nav button:hover::after,
.smart-pos-admin-menu a:hover::after,
.smart-pos-terminal-nav button.is-active::after,
.smart-pos-admin-menu a.is-active::after{
  animation:smartPosShine 1.3s ease;
}
.smart-pos-terminal-nav button:nth-child(1), .smart-pos-admin-menu a:nth-child(1){background:linear-gradient(135deg,rgba(255,107,107,.18),rgba(255,255,255,.72)) !important;}
.smart-pos-terminal-nav button:nth-child(2), .smart-pos-admin-menu a:nth-child(2){background:linear-gradient(135deg,rgba(52,211,153,.18),rgba(255,255,255,.72)) !important;}
.smart-pos-terminal-nav button:nth-child(3), .smart-pos-admin-menu a:nth-child(3){background:linear-gradient(135deg,rgba(96,165,250,.18),rgba(255,255,255,.72)) !important;}
.smart-pos-terminal-nav button:nth-child(4), .smart-pos-admin-menu a:nth-child(4){background:linear-gradient(135deg,rgba(167,139,250,.18),rgba(255,255,255,.72)) !important;}
.smart-pos-terminal-nav button:nth-child(5), .smart-pos-admin-menu a:nth-child(5){background:linear-gradient(135deg,rgba(251,191,36,.20),rgba(255,255,255,.72)) !important;}
.smart-pos-terminal-nav button:nth-child(6), .smart-pos-admin-menu a:nth-child(6){background:linear-gradient(135deg,rgba(244,114,182,.20),rgba(255,255,255,.72)) !important;}
.smart-pos-terminal-nav button:nth-child(7), .smart-pos-admin-menu a:nth-child(7){background:linear-gradient(135deg,rgba(45,212,191,.20),rgba(255,255,255,.72)) !important;}
.smart-pos-terminal-nav button:nth-child(8), .smart-pos-admin-menu a:nth-child(8){background:linear-gradient(135deg,rgba(129,140,248,.20),rgba(255,255,255,.72)) !important;}
.smart-pos-terminal-nav button:nth-child(9), .smart-pos-admin-menu a:nth-child(9){background:linear-gradient(135deg,rgba(250,204,21,.22),rgba(255,255,255,.72)) !important;}
.smart-pos-terminal-nav__icon{
  position:relative;
  width:44px;height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.48);
  background:linear-gradient(135deg,#fff,#eef4ff);
  box-shadow:0 10px 24px rgba(59,130,246,.16);
  animation:smartPosIconFloat 3.6s ease-in-out infinite;
}
.smart-pos-terminal-nav button:nth-child(2) .smart-pos-terminal-nav__icon{animation-delay:.2s;}
.smart-pos-terminal-nav button:nth-child(3) .smart-pos-terminal-nav__icon{animation-delay:.4s;}
.smart-pos-terminal-nav button:nth-child(4) .smart-pos-terminal-nav__icon{animation-delay:.6s;}
.smart-pos-terminal-nav button:nth-child(5) .smart-pos-terminal-nav__icon{animation-delay:.8s;}
.smart-pos-terminal-nav button:nth-child(6) .smart-pos-terminal-nav__icon{animation-delay:1s;}
.smart-pos-terminal-nav button:nth-child(7) .smart-pos-terminal-nav__icon{animation-delay:1.2s;}
.smart-pos-terminal-nav button:nth-child(8) .smart-pos-terminal-nav__icon{animation-delay:1.4s;}
.smart-pos-terminal-nav button:nth-child(9) .smart-pos-terminal-nav__icon{animation-delay:1.6s;}
.smart-pos-admin-menu a{
  padding-left:44px !important;
}
.smart-pos-admin-menu a::before{
  position:absolute;
  left:14px;top:50%;transform:translateY(-50%);
  width:20px;height:20px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:15px;line-height:1;
  animation:smartPosIconPulse 2.8s ease-in-out infinite;
}
.smart-pos-admin-menu a:nth-child(1)::before{content:"📊";}
.smart-pos-admin-menu a:nth-child(2)::before{content:"🧑‍💼";animation-delay:.2s;}
.smart-pos-admin-menu a:nth-child(3)::before{content:"🏪";animation-delay:.4s;}
.smart-pos-admin-menu a:nth-child(4)::before{content:"🛒";animation-delay:.6s;}
.smart-pos-admin-menu a:nth-child(5)::before{content:"📦";animation-delay:.8s;}
.smart-pos-admin-menu a:nth-child(6)::before{content:"🏷️";animation-delay:1s;}
.smart-pos-admin-menu a:nth-child(7)::before{content:"⚙️";animation-delay:1.2s;}
.smart-pos-admin-menu a:nth-child(8)::before{content:"🧾";animation-delay:1.4s;}
.smart-pos-admin-menu a:nth-child(9)::before{content:"🧱";animation-delay:1.6s;}
.smart-pos-terminal-logout{
  background:linear-gradient(135deg,#ef4444,#f97316) !important;
  color:#fff !important;
  box-shadow:0 14px 26px rgba(239,68,68,.25);
}
body.smart-pos-dark-mode .smart-pos-terminal-sidebar,
body.smart-pos-dark-mode .smart-pos-admin-menu{
  background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(17,24,39,.70)) !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
body.smart-pos-dark-mode .smart-pos-terminal-usercard,
body.smart-pos-dark-mode .smart-pos-terminal-brand,
body.smart-pos-dark-mode .smart-pos-terminal-nav button,
body.smart-pos-dark-mode .smart-pos-admin-menu a{
  background:linear-gradient(135deg,rgba(30,41,59,.78),rgba(51,65,85,.62)) !important;
  border-color:rgba(148,163,184,.16) !important;
  color:#e2e8f0 !important;
}
.smart-pos-premium-login{position:relative;isolation:isolate;}
.smart-pos-premium-login::before{
  content:"";position:absolute;inset:0;border-radius:28px;pointer-events:none;
  background:radial-gradient(circle at top left,rgba(255,107,107,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(96,165,250,.18),transparent 34%),radial-gradient(circle at center,rgba(167,139,250,.12),transparent 40%);
}
.smart-pos-premium-login .smart-pos-terminal-login__card{
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(247,249,255,.76)) !important;
  border:1px solid rgba(255,255,255,.52) !important;
  box-shadow:0 24px 60px rgba(37,99,235,.14), inset 0 1px 0 rgba(255,255,255,.70) !important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-radius:28px !important;
}
.smart-pos-premium-login .smart-pos-terminal-login__brandline{background:linear-gradient(135deg,rgba(239,68,68,.10),rgba(124,58,237,.14),rgba(14,165,233,.10)) !important;color:#6d28d9 !important;border:1px solid rgba(167,139,250,.18);}
.smart-pos-premium-login .smart-pos-terminal-login__button{background:linear-gradient(135deg,#ef4444,#7c3aed,#06b6d4) !important;background-size:200% 200%;box-shadow:0 16px 30px rgba(124,58,237,.24);animation:smartPosGradientShift 6s ease infinite;}
.smart-pos-premium-login .smart-pos-terminal-login input[type="text"],
.smart-pos-premium-login .smart-pos-terminal-login input[type="password"]{background:rgba(255,255,255,.78);border:1px solid rgba(96,165,250,.18) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 18px rgba(148,163,184,.08);}
.smart-pos-premium-login .smart-pos-terminal-login__title{
  background:linear-gradient(135deg,#ef4444,#7c3aed,#0ea5e9);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
@keyframes smartPosIconFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
@keyframes smartPosIconPulse{0%,100%{transform:translateY(-50%) scale(1);opacity:1;}50%{transform:translateY(-50%) scale(1.12);opacity:.88;}}
@keyframes smartPosGradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
@keyframes smartPosShine{0%{left:-55%;opacity:0;}12%{opacity:.95;}100%{left:140%;opacity:0;}}


/* v2.7.5 Premium glass order history + invoice popup */
.smart-pos-order-history-wrap,
.smart-pos-terminal-order-history,
.smart-pos-orders-panel,
.smart-pos-invoice-popup,
.smart-pos-modal .smart-pos-receipt,
.smart-pos-receipt-wrap {
    background: linear-gradient(135deg, rgba(255,255,255,0.72), rgba(255,255,255,0.48));
    border: 1px solid rgba(255,255,255,0.55);
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.14);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-radius: 24px;
}

.smart-pos-order-history-wrap table,
.smart-pos-terminal-order-history table,
.smart-pos-orders-panel table {
    border-collapse: separate;
    border-spacing: 0 12px;
}

.smart-pos-order-history-wrap table thead th,
.smart-pos-terminal-order-history table thead th,
.smart-pos-orders-panel table thead th {
    background: linear-gradient(135deg, #ef4444, #8b5cf6);
    color: #fff;
    border: 0 !important;
    padding: 14px 12px !important;
}

.smart-pos-order-history-wrap table tbody tr,
.smart-pos-terminal-order-history table tbody tr,
.smart-pos-orders-panel table tbody tr {
    background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(244,247,255,0.88));
    box-shadow: 0 12px 28px rgba(15,23,42,.08);
}

.smart-pos-order-history-wrap table tbody td,
.smart-pos-terminal-order-history table tbody td,
.smart-pos-orders-panel table tbody td {
    padding: 14px 12px !important;
    border-top: 1px solid rgba(226,232,240,.9) !important;
    border-bottom: 1px solid rgba(226,232,240,.9) !important;
}

.smart-pos-order-history-wrap table tbody td:first-child,
.smart-pos-terminal-order-history table tbody td:first-child,
.smart-pos-orders-panel table tbody td:first-child {
    border-left: 1px solid rgba(226,232,240,.9) !important;
    border-radius: 16px 0 0 16px;
}

.smart-pos-order-history-wrap table tbody td:last-child,
.smart-pos-terminal-order-history table tbody td:last-child,
.smart-pos-orders-panel table tbody td:last-child {
    border-right: 1px solid rgba(226,232,240,.9) !important;
    border-radius: 0 16px 16px 0;
}

.smart-pos-badge-paid,
.smart-pos-status-paid,
.smart-pos-payment-paid {
    display:inline-flex;align-items:center;gap:6px;
    padding:7px 12px;border-radius:999px;font-weight:800;
    color:#065f46;background:linear-gradient(135deg,#bbf7d0,#86efac);
    box-shadow: inset 0 0 0 1px rgba(22,163,74,.15);
}
.smart-pos-badge-paid::before,
.smart-pos-status-paid::before,
.smart-pos-payment-paid::before {content:"";width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 12px #16a34a;}

.smart-pos-badge-unpaid,
.smart-pos-status-unpaid,
.smart-pos-payment-unpaid {
    display:inline-flex;align-items:center;gap:6px;
    padding:7px 12px;border-radius:999px;font-weight:800;
    color:#9a3412;background:linear-gradient(135deg,#fed7aa,#fdba74);
    box-shadow: inset 0 0 0 1px rgba(234,88,12,.14);
}
.smart-pos-badge-unpaid::before,
.smart-pos-status-unpaid::before,
.smart-pos-payment-unpaid::before {content:"";width:8px;height:8px;border-radius:50%;background:#f97316;box-shadow:0 0 12px #f97316;}

.smart-pos-invoice-popup,
.smart-pos-modal,
.smart-pos-receipt-wrap {
    position: relative;
    overflow: hidden;
}
.smart-pos-invoice-popup::before,
.smart-pos-modal::before,
.smart-pos-receipt-wrap::before {
    content:""; position:absolute; inset:0 0 auto 0; height:6px;
    background: linear-gradient(90deg, #ef4444, #22c55e, #3b82f6, #8b5cf6);
}
.smart-pos-invoice-popup .button,
.smart-pos-modal .button,
.smart-pos-order-history-wrap .button,
.smart-pos-terminal-order-history .button,
.smart-pos-orders-panel .button {
    border:0 !important; border-radius:12px !important; font-weight:700 !important;
    box-shadow: 0 10px 22px rgba(59,130,246,.18) !important;
}
.smart-pos-invoice-popup .button-primary,
.smart-pos-modal .button-primary,
.smart-pos-order-history-wrap .button-primary,
.smart-pos-terminal-order-history .button-primary,
.smart-pos-orders-panel .button-primary {
    background: linear-gradient(135deg,#2563eb,#8b5cf6) !important; color:#fff !important;
}
.smart-pos-order-history-wrap .button:not(.button-primary),
.smart-pos-terminal-order-history .button:not(.button-primary),
.smart-pos-orders-panel .button:not(.button-primary) {
    background: linear-gradient(135deg,#ecfeff,#eef2ff) !important; color:#1e3a8a !important;
}

body.smart-pos-dark-mode .smart-pos-order-history-wrap,
body.smart-pos-dark-mode .smart-pos-terminal-order-history,
body.smart-pos-dark-mode .smart-pos-orders-panel,
body.smart-pos-dark-mode .smart-pos-invoice-popup,
body.smart-pos-dark-mode .smart-pos-modal .smart-pos-receipt,
body.smart-pos-dark-mode .smart-pos-receipt-wrap {
    background: linear-gradient(135deg, rgba(15,23,42,0.78), rgba(30,41,59,0.72));
    border-color: rgba(148,163,184,0.18);
}
body.smart-pos-dark-mode .smart-pos-order-history-wrap table tbody tr,
body.smart-pos-dark-mode .smart-pos-terminal-order-history table tbody tr,
body.smart-pos-dark-mode .smart-pos-orders-panel table tbody tr {
    background: linear-gradient(135deg, rgba(30,41,59,.96), rgba(51,65,85,.92));
}


/* v2.7.6 premium glass customer ledger + unpaid history */
.smart-pos-ledger-screen{position:relative;}
.smart-pos-ledger-screen .smart-pos-order-history-form,
.smart-pos-ledger-screen .smart-pos-table-card,
.smart-pos-ledger-summary{background:linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.46));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.45);box-shadow:0 20px 44px rgba(28,40,87,.12);border-radius:24px;}
.smart-pos-ledger-screen .smart-pos-order-history-form{padding:18px 18px 6px;margin-bottom:18px;}
.smart-pos-ledger-summary{padding:14px;margin:18px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}
.smart-pos-ledger-summary .smart-pos-mini-stat{border-radius:18px;padding:16px 14px;color:#fff;box-shadow:0 12px 24px rgba(15,23,42,.14);position:relative;overflow:hidden;}
.smart-pos-ledger-summary .smart-pos-mini-stat:nth-child(1){background:linear-gradient(135deg,#ff6b6b,#ff8e53);}
.smart-pos-ledger-summary .smart-pos-mini-stat:nth-child(2){background:linear-gradient(135deg,#00b894,#00cec9);}
.smart-pos-ledger-summary .smart-pos-mini-stat:nth-child(3){background:linear-gradient(135deg,#6c5ce7,#8e7dff);}
.smart-pos-ledger-summary .smart-pos-mini-stat:nth-child(4){background:linear-gradient(135deg,#0984e3,#74b9ff);}
.smart-pos-ledger-summary .smart-pos-mini-stat:nth-child(5){background:linear-gradient(135deg,#fdcb6e,#e17055);}
.smart-pos-ledger-summary .smart-pos-mini-stat:nth-child(6){background:linear-gradient(135deg,#2d3436,#636e72);}
.smart-pos-ledger-summary .smart-pos-mini-stat::after{content:'';position:absolute;inset:auto -20% -40% auto;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.16);}
.smart-pos-section-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px;}
.smart-pos-section-title h3{margin:0;font-size:22px;}
.smart-pos-section-title p{margin:4px 0 0;color:#5b6478;}
.smart-pos-ledger-table-card,.smart-pos-unpaid-history-card{padding:18px;}
.smart-pos-ledger-table{border-collapse:separate!important;border-spacing:0 10px;}
.smart-pos-ledger-table thead th{background:linear-gradient(135deg,#6c5ce7,#0984e3)!important;color:#fff;border:none;padding:14px 12px;}
.smart-pos-ledger-table tbody tr{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,248,255,.9));box-shadow:0 12px 26px rgba(41,52,98,.08);}
.smart-pos-ledger-table tbody td{padding:14px 12px;border-top:1px solid rgba(108,92,231,.08);border-bottom:1px solid rgba(108,92,231,.08);}
.smart-pos-ledger-table tbody td:first-child{border-left:1px solid rgba(108,92,231,.08);border-radius:16px 0 0 16px;}
.smart-pos-ledger-table tbody td:last-child{border-right:1px solid rgba(108,92,231,.08);border-radius:0 16px 16px 0;}
.smart-pos-unpaid-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:16px;}
.smart-pos-unpaid-history-item{position:relative;padding:16px;border-radius:22px;background:linear-gradient(135deg,#fff7f7,#fff);border:1px solid rgba(255,107,107,.18);box-shadow:0 18px 32px rgba(255,107,107,.12);overflow:hidden;}
.smart-pos-unpaid-history-item::before{content:'';position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,#ff6b6b,#ff9f43,#6c5ce7);}
.smart-pos-unpaid-history-item__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.smart-pos-unpaid-history-item__badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-weight:700;font-size:12px;letter-spacing:.02em;}
.smart-pos-unpaid-history-item h4{margin:0 0 6px;font-size:18px;color:#222b45;}
.smart-pos-unpaid-history-item p{margin:0 0 12px;color:#667085;}
.smart-pos-unpaid-history-item__amount{font-size:28px;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#6c5ce7,#0984e3);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px;}
.smart-pos-unpaid-history-item__meta{display:grid;gap:6px;color:#5b6478;font-size:12px;}
.smart-pos-due-modal{position:fixed;inset:0;background:rgba(9,16,35,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:99999;}
.smart-pos-due-modal[hidden]{display:none!important;}
.smart-pos-due-modal__dialog{width:min(480px,100%);border-radius:28px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(246,247,255,.72));box-shadow:0 30px 70px rgba(13,24,54,.28);overflow:hidden;}
.smart-pos-due-modal__header{padding:18px 20px;background:linear-gradient(135deg,#6c5ce7,#0984e3);color:#fff;}
.smart-pos-due-modal__header h3{margin:0 0 4px;font-size:22px;}
.smart-pos-due-modal__body{padding:20px;}
.smart-pos-due-modal__body .smart-pos-inline-form--due-update{display:grid;gap:12px;}
.smart-pos-due-modal__body input[type="number"]{width:100%;min-height:48px;border-radius:16px;border:1px solid rgba(108,92,231,.24);padding:0 14px;background:#fff;}
.smart-pos-due-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;}
.smart-pos-due-trigger{border:none!important;border-radius:14px!important;background:linear-gradient(135deg,#6c5ce7,#8e7dff)!important;color:#fff!important;box-shadow:0 14px 24px rgba(108,92,231,.28);}
.smart-pos-due-trigger:hover{transform:translateY(-1px);}
body.smart-pos-dark-mode .smart-pos-ledger-screen .smart-pos-order-history-form,body.smart-pos-dark-mode .smart-pos-ledger-screen .smart-pos-table-card,body.smart-pos-dark-mode .smart-pos-ledger-summary{background:linear-gradient(135deg,rgba(23,29,54,.82),rgba(35,42,72,.72));border-color:rgba(255,255,255,.08);box-shadow:0 20px 44px rgba(0,0,0,.28);}
body.smart-pos-dark-mode .smart-pos-section-title p,body.smart-pos-dark-mode .smart-pos-unpaid-history-item p,body.smart-pos-dark-mode .smart-pos-unpaid-history-item__meta{color:#cfd7ff;}
body.smart-pos-dark-mode .smart-pos-ledger-table tbody tr{background:linear-gradient(135deg,rgba(25,31,58,.92),rgba(34,42,73,.92));}
body.smart-pos-dark-mode .smart-pos-ledger-table tbody td,body.smart-pos-dark-mode .smart-pos-ledger-table tbody td:first-child,body.smart-pos-dark-mode .smart-pos-ledger-table tbody td:last-child{border-color:rgba(255,255,255,.06);color:#f1f5ff;}
body.smart-pos-dark-mode .smart-pos-unpaid-history-item{background:linear-gradient(135deg,rgba(30,36,64,.95),rgba(42,50,84,.92));border-color:rgba(255,107,107,.2);}
body.smart-pos-dark-mode .smart-pos-unpaid-history-item h4{color:#fff;}
body.smart-pos-dark-mode .smart-pos-due-modal__dialog{background:linear-gradient(135deg,rgba(22,29,54,.96),rgba(34,41,74,.95));border-color:rgba(255,255,255,.08);}


/* v2.7.7 dashboard style manager */
.smart-pos-profit-panel .smart-pos-panel-head,.smart-pos-report-card--profit-loss .smart-pos-panel-head{position:relative;overflow:hidden;}
.smart-pos-profit-panel .smart-pos-panel-head::after,.smart-pos-report-card--profit-loss .smart-pos-panel-head::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,0));pointer-events:none;}
.smart-pos-settings-wrap .smart-pos-color-control select,.smart-pos-settings-wrap select[name^="smart_pos_settings"],.smart-pos-settings-wrap input[type="color"]{min-height:42px;border-radius:12px;border:1px solid #cfe0ff;padding:4px 10px;box-shadow:0 8px 18px rgba(15,23,42,.04);}
.smart-pos-settings-wrap .form-table th{width:280px;}
.smart-pos-settings-wrap .description{max-width:720px;}


/* v2.7.8 dashboard style manager */
.smart-pos-style-manager{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:24px;align-items:start}
.smart-pos-style-manager__controls,.smart-pos-style-preview{background:#fff;border:1px solid #dbe5f4;border-radius:22px;padding:20px;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.smart-pos-style-manager__controls label>span{display:block;font-weight:700;color:#14213d;margin-bottom:8px}
.smart-pos-style-group-select{min-width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:14px;background:#fff}
.smart-pos-style-group-fields{margin-top:18px}
.smart-pos-style-group-fields h3{margin:0 0 12px;color:#14213d}
.smart-pos-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.smart-pos-style-grid label{background:#f8fbff;border:1px solid #dbe5f4;border-radius:16px;padding:12px}
.smart-pos-style-grid input[type="color"]{width:100%;height:48px;border:0;background:none;padding:0}
.smart-pos-style-preview__hero,.smart-pos-style-preview__card{background:linear-gradient(135deg,var(--preview-start),var(--preview-end));color:var(--preview-text);border-radius:22px;border:1px solid rgba(255,255,255,.35);box-shadow:0 16px 40px rgba(37,99,235,.12)}
.smart-pos-style-preview__hero{padding:24px 26px;margin-bottom:18px}
.smart-pos-style-preview__hero h3,.smart-pos-style-preview__hero p{color:var(--preview-text)!important;margin:0}
.smart-pos-style-preview__hero p{opacity:.88;margin-top:8px}
.smart-pos-style-preview__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.smart-pos-style-preview__card{padding:18px 20px;min-height:96px;display:flex;flex-direction:column;justify-content:space-between}
.smart-pos-style-preview__card span,.smart-pos-style-preview__card strong{color:var(--preview-text)!important}
.smart-pos-style-manager-card .submit{margin-top:18px}

.smart-pos-all-sales-panel{background:linear-gradient(180deg,var(--spos-panel-all-sales-start),var(--spos-panel-all-sales-end))!important}
.smart-pos-outlet-summary-panel{background:linear-gradient(180deg,var(--spos-panel-outlet-summary-start),var(--spos-panel-outlet-summary-end))!important}
.smart-pos-monthly-target-panel{background:linear-gradient(180deg,var(--spos-panel-monthly-target-start),var(--spos-panel-monthly-target-end))!important}
.smart-pos-profit-panel{background:linear-gradient(180deg,var(--spos-panel-profit-start),var(--spos-panel-profit-end))!important}
.smart-pos-chart-panel{background:linear-gradient(180deg,var(--spos-panel-chart-start),var(--spos-panel-chart-end))!important}
.smart-pos-stock-panel{background:linear-gradient(180deg,var(--spos-panel-stock-start),var(--spos-panel-stock-end))!important}
.smart-pos-all-sales-panel .smart-pos-panel-head h2,.smart-pos-all-sales-panel .smart-pos-panel-head p{color:var(--spos-panel-all-sales-text)!important}
.smart-pos-outlet-summary-panel .smart-pos-panel-head h2,.smart-pos-outlet-summary-panel .smart-pos-panel-head p{color:var(--spos-panel-outlet-summary-text)!important}
.smart-pos-monthly-target-panel .smart-pos-panel-head h2,.smart-pos-monthly-target-panel .smart-pos-panel-head p{color:var(--spos-panel-monthly-target-text)!important}
.smart-pos-profit-panel .smart-pos-panel-head h2,.smart-pos-profit-panel .smart-pos-panel-head p{color:var(--spos-panel-profit-text)!important}
.smart-pos-chart-panel .smart-pos-panel-head h2,.smart-pos-chart-panel .smart-pos-panel-head p{color:var(--spos-panel-chart-text)!important}
.smart-pos-stock-panel .smart-pos-panel-head h2,.smart-pos-stock-panel .smart-pos-panel-head p{color:var(--spos-panel-stock-text)!important}

#adminmenu .wp-has-current-submenu>a,#adminmenu .current>a{background:linear-gradient(135deg,var(--spos-admin-menu-start),var(--spos-admin-menu-end))!important;color:var(--spos-admin-menu-text)!important}
.smart-pos-terminal-nav button,.smart-pos-terminal-menu button,.smart-pos-terminal-bottom-nav button,.smart-pos-terminal-actions button{background:linear-gradient(135deg,var(--spos-terminal-menu-start),var(--spos-terminal-menu-end))!important;color:var(--spos-terminal-menu-text)!important;border-color:rgba(255,255,255,.24)!important}

@media (max-width: 900px){.smart-pos-style-manager{grid-template-columns:1fr}.smart-pos-style-grid,.smart-pos-style-preview__cards{grid-template-columns:1fr}}

.smart-pos-admin-theme-preset-select,.smart-pos-terminal-theme-preset-select {
    min-width: 220px;
}
.smart-pos-theme-preview {
    transition: all .25s ease;
}
.smart-pos-theme-default.smart-pos-theme-preview {
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    color: #14213d;
    border: 1px solid rgba(37, 99, 235, 0.12);
    box-shadow: 0 10px 26px rgba(20, 33, 61, 0.06);
}
.smart-pos-theme-premium.smart-pos-theme-preview {
    background: linear-gradient(135deg, #ff4d4d 0%, #22c55e 35%, #2563eb 68%, #8b5cf6 100%);
    color: #fff;
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.16);
}
.smart-pos-theme-glass.smart-pos-theme-preview {
    background: linear-gradient(135deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.12) 100%);
    color: #14213d;
    border: 1px solid rgba(255,255,255,0.38);
    box-shadow: 0 22px 48px rgba(59, 130, 246, 0.14);
    backdrop-filter: blur(14px);
}

/* v2.7.9 stable update + 3 UI style presets */
.smart-pos-theme-preset-select {
    min-width: 220px;
}
.smart-pos-theme-default .smart-pos-premium-header,
.smart-pos-theme-default .smart-pos-premium-login,
.smart-pos-theme-default .smart-pos-panel,
.smart-pos-theme-default .smart-pos-chart-card,
.smart-pos-theme-default .smart-pos-style-preview__hero,
.smart-pos-theme-default .smart-pos-style-preview__card,
.smart-pos-theme-default .smart-pos-terminal-layout .smart-pos-panel,
.smart-pos-theme-default .smart-pos-admin-menu a,
.smart-pos-theme-default .smart-pos-terminal-nav a {
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    color: #14213d;
    border: 1px solid rgba(37, 99, 235, 0.12);
    box-shadow: 0 10px 26px rgba(20, 33, 61, 0.06);
    backdrop-filter: none;
}
.smart-pos-theme-default .smart-pos-premium-header,
.smart-pos-theme-default .smart-pos-style-preview__hero {
    background: linear-gradient(135deg, #eff6ff 0%, #eef2ff 50%, #fdf2f8 100%);
}
.smart-pos-theme-premium .smart-pos-premium-header,
.smart-pos-theme-premium .smart-pos-premium-login,
.smart-pos-theme-premium .smart-pos-style-preview__hero {
    background: linear-gradient(135deg, #ff3d54 0%, #22c55e 33%, #2563eb 66%, #9333ea 100%);
    color: #ffffff;
}
.smart-pos-theme-premium .smart-pos-panel,
.smart-pos-theme-premium .smart-pos-chart-card,
.smart-pos-theme-premium .smart-pos-style-preview__card,
.smart-pos-theme-premium .smart-pos-terminal-layout .smart-pos-panel {
    background: linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(246,248,255,0.98) 100%);
    border: 1px solid rgba(147, 51, 234, 0.12);
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.10);
}
.smart-pos-theme-premium .smart-pos-admin-menu a,
.smart-pos-theme-premium .smart-pos-terminal-nav a {
    background: linear-gradient(135deg, var(--spos-terminal-menu-start, #ff4d4d) 0%, var(--spos-terminal-menu-end, #7c3aed) 100%);
    color: var(--spos-terminal-menu-text, #ffffff);
    box-shadow: 0 14px 24px rgba(124, 58, 237, 0.20);
}
.smart-pos-theme-glass .smart-pos-premium-header,
.smart-pos-theme-glass .smart-pos-premium-login,
.smart-pos-theme-glass .smart-pos-panel,
.smart-pos-theme-glass .smart-pos-chart-card,
.smart-pos-theme-glass .smart-pos-style-preview__hero,
.smart-pos-theme-glass .smart-pos-style-preview__card,
.smart-pos-theme-glass .smart-pos-terminal-layout .smart-pos-panel,
.smart-pos-theme-glass .smart-pos-admin-menu a,
.smart-pos-theme-glass .smart-pos-terminal-nav a {
    background: linear-gradient(135deg, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0.12) 100%);
    border: 1px solid rgba(255,255,255,0.34);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.smart-pos-theme-glass .smart-pos-premium-header,
.smart-pos-theme-glass .smart-pos-style-preview__hero {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.70) 0%, rgba(124, 58, 237, 0.72) 100%);
    color: #ffffff;
}
.smart-pos-theme-glass .smart-pos-admin-menu a,
.smart-pos-theme-glass .smart-pos-terminal-nav a {
    color: #ffffff;
}


/* v2.8.0 unified style preset coverage + safe update patch */
.smart-pos-theme-default .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-default .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-default .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{
  background:linear-gradient(135deg,#ffffff 0%,#f5f8ff 100%) !important;
  border:1px solid rgba(37,99,235,.10);
  box-shadow:0 10px 22px rgba(15,23,42,.06);
}
.smart-pos-theme-default .smart-pos-dashboard-live-sections .smart-pos-panel,
.smart-pos-theme-default .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel,
.smart-pos-theme-default .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-panel{
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%) !important;
  border:1px solid rgba(148,163,184,.18);
}
.smart-pos-theme-premium .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-premium .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-premium .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{
  color:#13234b;
  border:1px solid rgba(167,139,250,.16);
  box-shadow:0 16px 34px rgba(124,58,237,.12), inset 0 1px 0 rgba(255,255,255,.65);
}
.smart-pos-theme-premium .smart-pos-dashboard-live-sections .smart-pos-stat-card--products,
.smart-pos-theme-premium .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card--products{background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%) !important;}
.smart-pos-theme-premium .smart-pos-dashboard-live-sections .smart-pos-stat-card--categories,
.smart-pos-theme-premium .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card--categories{background:linear-gradient(135deg,#ecfeff 0%,#dff7ff 100%) !important;}
.smart-pos-theme-premium .smart-pos-dashboard-live-sections .smart-pos-stat-card--outlets,
.smart-pos-theme-premium .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card--outlets{background:linear-gradient(135deg,#ecfdf3 0%,#dff7ea 100%) !important;}
.smart-pos-theme-premium .smart-pos-dashboard-live-sections .smart-pos-stat-card--customers,
.smart-pos-theme-premium .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card--customers{background:linear-gradient(135deg,#fff7ed 0%,#fef3c7 100%) !important;}
.smart-pos-theme-premium .smart-pos-dashboard-live-sections .smart-pos-stat-card--total-orders,
.smart-pos-theme-premium .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card--total-orders{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%) !important;}
.smart-pos-theme-premium .smart-pos-dashboard-live-sections .smart-pos-stat-card--paid-orders,
.smart-pos-theme-premium .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card--paid-orders{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%) !important;}
.smart-pos-theme-premium .smart-pos-dashboard-live-sections .smart-pos-panel,
.smart-pos-theme-premium .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel,
.smart-pos-theme-premium .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-panel{
  background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,251,255,.98) 100%) !important;
  border:1px solid rgba(167,139,250,.14);
  box-shadow:0 18px 36px rgba(124,58,237,.10);
}
.smart-pos-theme-premium .smart-pos-terminal-nav button,
.smart-pos-theme-premium .smart-pos-terminal-menu button,
.smart-pos-theme-premium .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-premium .smart-pos-terminal-actions button,
.smart-pos-theme-premium #adminmenu .wp-has-current-submenu>a,
.smart-pos-theme-premium #adminmenu .current>a{
  box-shadow:0 14px 28px rgba(124,58,237,.20), inset 0 1px 0 rgba(255,255,255,.28);
}
.smart-pos-theme-glass .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-glass .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-glass .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card,
.smart-pos-theme-glass .smart-pos-dashboard-live-sections .smart-pos-panel,
.smart-pos-theme-glass .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel,
.smart-pos-theme-glass .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-panel{
  background:linear-gradient(135deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.14) 100%) !important;
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 18px 42px rgba(15,23,42,.12);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.smart-pos-theme-glass .smart-pos-terminal-nav button,
.smart-pos-theme-glass .smart-pos-terminal-menu button,
.smart-pos-theme-glass .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-glass .smart-pos-terminal-actions button{
  box-shadow:0 14px 30px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.24);
}
.smart-pos-style-manager__notice{margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#ecfdf3,#eff6ff);border:1px solid rgba(52,211,153,.22);color:#0f2a6b;font-weight:600;}


/* v2.8.1 menu layout styles */
.smart-pos-menu-layout-horizontal .smart-pos-admin-menu{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
  align-items:stretch;
}
.smart-pos-menu-layout-horizontal .smart-pos-admin-menu a{
  justify-content:center;
  text-align:center;
}
.smart-pos-menu-layout-horizontal .smart-pos-terminal-app{
  grid-template-columns:1fr !important;
}
.smart-pos-menu-layout-horizontal .smart-pos-terminal-sidebar{
  position:sticky;
  top:14px;
  width:100%;
  max-width:none;
  display:block;
  margin-bottom:18px;
}
.smart-pos-menu-layout-horizontal .smart-pos-terminal-nav{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
}
.smart-pos-menu-layout-horizontal .smart-pos-terminal-nav button{
  min-height:88px;
  justify-content:center;
}
.smart-pos-menu-layout-horizontal .smart-pos-terminal-sidebar__footer{display:none;}

.smart-pos-menu-layout-compact .smart-pos-admin-menu{
  gap:8px;
  padding:10px;
}
.smart-pos-menu-layout-compact .smart-pos-admin-menu a{
  padding:9px 12px !important;
  font-size:12px !important;
  border-radius:14px !important;
}
.smart-pos-menu-layout-compact .smart-pos-terminal-app{
  grid-template-columns:120px minmax(0,1fr) !important;
}
.smart-pos-menu-layout-compact .smart-pos-terminal-sidebar{
  width:120px;
  padding:12px 8px;
}
.smart-pos-menu-layout-compact .smart-pos-terminal-nav{
  gap:8px;
}
.smart-pos-menu-layout-compact .smart-pos-terminal-nav button{
  padding:10px 8px !important;
  min-height:64px;
  border-radius:16px !important;
}
.smart-pos-menu-layout-compact .smart-pos-terminal-nav__icon{
  width:34px;
  height:34px;
  font-size:11px;
}
.smart-pos-menu-layout-compact .smart-pos-terminal-nav__text strong{
  font-size:12px !important;
}
.smart-pos-menu-layout-compact .smart-pos-terminal-nav__text small{
  font-size:10px !important;
  line-height:1.2;
}
.smart-pos-menu-layout-compact .smart-pos-terminal-sidebar__footer{
  font-size:11px;
}

.smart-pos-menu-layout-vertical .smart-pos-admin-menu{
  display:flex;
  flex-wrap:wrap;
}
.smart-pos-menu-layout-vertical .smart-pos-terminal-app{
  grid-template-columns:300px minmax(0,1fr);
}

@media (max-width: 980px){
  .smart-pos-menu-layout-horizontal .smart-pos-terminal-nav,
  .smart-pos-menu-layout-horizontal .smart-pos-admin-menu{grid-template-columns:repeat(2,minmax(0,1fr));}
  .smart-pos-menu-layout-compact .smart-pos-terminal-app,
  .smart-pos-menu-layout-vertical .smart-pos-terminal-app{grid-template-columns:1fr !important;}
}


/* v2.8.8 terminal contrast fix + 7 UI presets */
.smart-pos-theme-sunset .smart-pos-premium-header,
.smart-pos-theme-sunset .smart-pos-premium-login,
.smart-pos-theme-sunset .smart-pos-style-preview__hero{background:linear-gradient(135deg,#ff6b6b 0%,#ffb347 48%,#8b5cf6 100%);color:#ffffff;}
.smart-pos-theme-sunset .smart-pos-panel,
.smart-pos-theme-sunset .smart-pos-chart-card,
.smart-pos-theme-sunset .smart-pos-style-preview__card,
.smart-pos-theme-sunset .smart-pos-terminal-layout .smart-pos-panel{background:linear-gradient(135deg,#fff7ed 0%,#fff1f2 100%)!important;border:1px solid rgba(251,146,60,.18);box-shadow:0 18px 36px rgba(251,146,60,.12);}
.smart-pos-theme-sunset .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-sunset .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-sunset .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{color:#4a1831;border:1px solid rgba(244,114,182,.18);}
.smart-pos-theme-sunset .smart-pos-terminal-nav a,
.smart-pos-theme-sunset .smart-pos-admin-menu a,
.smart-pos-theme-sunset .smart-pos-terminal-nav button,
.smart-pos-theme-sunset .smart-pos-terminal-menu button,
.smart-pos-theme-sunset .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-sunset .smart-pos-terminal-actions button{background:linear-gradient(135deg,#ff6b6b 0%,#ffb347 50%,#8b5cf6 100%);color:#ffffff;box-shadow:0 14px 28px rgba(244,114,182,.18);}
.smart-pos-theme-ocean .smart-pos-premium-header,
.smart-pos-theme-ocean .smart-pos-premium-login,
.smart-pos-theme-ocean .smart-pos-style-preview__hero{background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 45%,#14b8a6 100%);color:#ffffff;}
.smart-pos-theme-ocean .smart-pos-panel,
.smart-pos-theme-ocean .smart-pos-chart-card,
.smart-pos-theme-ocean .smart-pos-style-preview__card,
.smart-pos-theme-ocean .smart-pos-terminal-layout .smart-pos-panel{background:linear-gradient(135deg,#eff6ff 0%,#ecfeff 100%)!important;border:1px solid rgba(59,130,246,.16);box-shadow:0 18px 36px rgba(37,99,235,.10);}
.smart-pos-theme-ocean .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-ocean .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-ocean .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{color:#0f294d;border:1px solid rgba(20,184,166,.18);}
.smart-pos-theme-ocean .smart-pos-terminal-nav a,
.smart-pos-theme-ocean .smart-pos-admin-menu a,
.smart-pos-theme-ocean .smart-pos-terminal-nav button,
.smart-pos-theme-ocean .smart-pos-terminal-menu button,
.smart-pos-theme-ocean .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-ocean .smart-pos-terminal-actions button{background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 52%,#14b8a6 100%);color:#ffffff;box-shadow:0 14px 28px rgba(37,99,235,.18);}
.smart-pos-theme-forest .smart-pos-premium-header,
.smart-pos-theme-forest .smart-pos-premium-login,
.smart-pos-theme-forest .smart-pos-style-preview__hero{background:linear-gradient(135deg,#16a34a 0%,#22c55e 50%,#0f766e 100%);color:#ffffff;}
.smart-pos-theme-forest .smart-pos-panel,
.smart-pos-theme-forest .smart-pos-chart-card,
.smart-pos-theme-forest .smart-pos-style-preview__card,
.smart-pos-theme-forest .smart-pos-terminal-layout .smart-pos-panel{background:linear-gradient(135deg,#ecfdf3 0%,#f0fdf4 48%,#ecfeff 100%)!important;border:1px solid rgba(34,197,94,.18);box-shadow:0 18px 36px rgba(34,197,94,.10);}
.smart-pos-theme-forest .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-forest .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-forest .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{color:#123427;border:1px solid rgba(22,163,74,.18);}
.smart-pos-theme-forest .smart-pos-terminal-nav a,
.smart-pos-theme-forest .smart-pos-admin-menu a,
.smart-pos-theme-forest .smart-pos-terminal-nav button,
.smart-pos-theme-forest .smart-pos-terminal-menu button,
.smart-pos-theme-forest .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-forest .smart-pos-terminal-actions button{background:linear-gradient(135deg,#16a34a 0%,#22c55e 55%,#0f766e 100%);color:#ffffff;box-shadow:0 14px 28px rgba(22,163,74,.18);}
.smart-pos-theme-midnight .smart-pos-premium-header,
.smart-pos-theme-midnight .smart-pos-premium-login,
.smart-pos-theme-midnight .smart-pos-style-preview__hero{background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 45%,#7c3aed 100%);color:#ffffff;}
.smart-pos-theme-midnight .smart-pos-panel,
.smart-pos-theme-midnight .smart-pos-chart-card,
.smart-pos-theme-midnight .smart-pos-style-preview__card,
.smart-pos-theme-midnight .smart-pos-terminal-layout .smart-pos-panel{background:linear-gradient(135deg,#0f172a 0%,#172554 48%,#1f2937 100%)!important;border:1px solid rgba(96,165,250,.16);box-shadow:0 18px 36px rgba(15,23,42,.30);color:#eef2ff;}
.smart-pos-theme-midnight .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-midnight .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-midnight .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{background:linear-gradient(135deg,#172554 0%,#111827 100%)!important;color:#eef2ff;border:1px solid rgba(96,165,250,.18);box-shadow:0 16px 34px rgba(15,23,42,.28);}
.smart-pos-theme-midnight .smart-pos-dashboard-live-sections .smart-pos-panel *, 
.smart-pos-theme-midnight .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel *,
.smart-pos-theme-midnight .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-panel *,
.smart-pos-theme-midnight .smart-pos-dashboard-live-sections .smart-pos-stat-card *,
.smart-pos-theme-midnight .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card *,
.smart-pos-theme-midnight .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card *{color:#eef2ff !important;}
.smart-pos-theme-midnight .smart-pos-terminal-nav a,
.smart-pos-theme-midnight .smart-pos-admin-menu a,
.smart-pos-theme-midnight .smart-pos-terminal-nav button,
.smart-pos-theme-midnight .smart-pos-terminal-menu button,
.smart-pos-theme-midnight .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-midnight .smart-pos-terminal-actions button{background:linear-gradient(135deg,#1d4ed8 0%,#7c3aed 100%);color:#ffffff;box-shadow:0 14px 28px rgba(37,99,235,.24);}
.smart-pos-terminal-page.smart-pos-theme-glass .smart-pos-terminal-sidebar,
.smart-pos-terminal-page.smart-pos-theme-glass .smart-pos-terminal-sidebar *{color:#0f172a;}
body.smart-pos-dark-mode.smart-pos-theme-glass .smart-pos-terminal-sidebar,
body.smart-pos-dark-mode.smart-pos-theme-glass .smart-pos-terminal-sidebar *{color:#f8fafc;}
.smart-pos-terminal-page:not(.smart-pos-dark-mode) .smart-pos-terminal-sidebar,
.smart-pos-terminal-page:not(.smart-pos-dark-mode) .smart-pos-terminal-header-card,
.smart-pos-terminal-page:not(.smart-pos-dark-mode) .smart-pos-terminal-dashboard .smart-pos-panel{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,251,255,.95) 100%);}
.smart-pos-terminal-page:not(.smart-pos-dark-mode) .smart-pos-terminal-sidebar .smart-pos-terminal-user-card,
.smart-pos-terminal-page:not(.smart-pos-dark-mode) .smart-pos-terminal-card,
.smart-pos-terminal-page:not(.smart-pos-dark-mode) .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-panel{color:#14213d!important;}
body.smart-pos-dark-mode .smart-pos-terminal-sidebar,
body.smart-pos-dark-mode .smart-pos-terminal-header-card,
body.smart-pos-dark-mode .smart-pos-terminal-dashboard .smart-pos-panel{background:linear-gradient(135deg,rgba(15,23,42,.96) 0%,rgba(30,41,59,.92) 100%);}


/* v2.9.2 admin + terminal hover/active menu color sync */
.smart-pos-admin-menu a{background:linear-gradient(135deg,var(--spos-admin-menu-start),var(--spos-admin-menu-end))!important;color:var(--spos-admin-menu-text)!important;}
.smart-pos-admin-menu a:hover{background:linear-gradient(135deg,var(--spos-admin-menu-hover-start),var(--spos-admin-menu-hover-end))!important;color:var(--spos-admin-menu-hover-text)!important;}
.smart-pos-admin-menu a.is-active{background:linear-gradient(135deg,var(--spos-admin-menu-active-start),var(--spos-admin-menu-active-end))!important;color:var(--spos-admin-menu-active-text)!important;}
.smart-pos-terminal-nav button{color:var(--spos-terminal-menu-text)!important;}
.smart-pos-terminal-nav button:hover{background:linear-gradient(135deg,var(--spos-terminal-menu-hover-start),var(--spos-terminal-menu-hover-end))!important;color:var(--spos-terminal-menu-hover-text)!important;}
.smart-pos-terminal-nav button.is-active{background:linear-gradient(135deg,var(--spos-terminal-menu-active-start),var(--spos-terminal-menu-active-end))!important;color:var(--spos-terminal-menu-active-text)!important;}
body.smart-pos-dark-mode .smart-pos-admin-menu a:hover{background:linear-gradient(135deg,var(--spos-admin-menu-hover-start),var(--spos-admin-menu-hover-end))!important;color:var(--spos-admin-menu-hover-text)!important;}
body.smart-pos-dark-mode .smart-pos-admin-menu a.is-active{background:linear-gradient(135deg,var(--spos-admin-menu-active-start),var(--spos-admin-menu-active-end))!important;color:var(--spos-admin-menu-active-text)!important;}


/* v2.9.7 terminal ui style + dark/light responsive sync */
.smart-pos-terminal-page .smart-pos-terminal-app{
  background: linear-gradient(180deg, rgba(248,250,252,.98) 0%, rgba(239,246,255,.98) 100%) !important;
  transition: background .22s ease, color .22s ease;
}
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-terminal-app{
  background: linear-gradient(180deg, #0f172a 0%, #111827 52%, #1e1b4b 100%) !important;
}
.smart-pos-terminal-page .smart-pos-terminal-sidebar{
  background: linear-gradient(180deg, color-mix(in srgb, var(--spos-terminal-menu-start) 18%, #ffffff 82%), color-mix(in srgb, var(--spos-terminal-menu-end) 14%, #f8fafc 86%)) !important;
  border-color: color-mix(in srgb, var(--spos-terminal-menu-start) 18%, rgba(15,23,42,.08)) !important;
}
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-terminal-sidebar{
  background: linear-gradient(180deg, color-mix(in srgb, var(--spos-terminal-menu-start) 26%, #0f172a 74%), color-mix(in srgb, var(--spos-terminal-menu-end) 24%, #111827 76%)) !important;
  border-color: rgba(148,163,184,.20) !important;
}
.smart-pos-terminal-page .smart-pos-terminal-content,
.smart-pos-terminal-page .smart-pos-terminal-main,
.smart-pos-terminal-page .smart-pos-terminal-view{
  background: transparent !important;
}
.smart-pos-terminal-page .smart-pos-terminal-nav button,
.smart-pos-terminal-page .smart-pos-terminal-menu button,
.smart-pos-terminal-page .smart-pos-terminal-bottom-nav button,
.smart-pos-terminal-page .smart-pos-terminal-actions button{
  background: linear-gradient(135deg, var(--spos-terminal-menu-start), var(--spos-terminal-menu-end)) !important;
  color: var(--spos-terminal-menu-text) !important;
  border: 1px solid color-mix(in srgb, var(--spos-terminal-menu-text) 20%, transparent) !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--spos-terminal-menu-start) 24%, transparent) !important;
}
.smart-pos-terminal-page .smart-pos-terminal-nav button .smart-pos-terminal-nav__icon,
.smart-pos-terminal-page .smart-pos-terminal-menu button .smart-pos-terminal-nav__icon,
.smart-pos-terminal-page .smart-pos-terminal-bottom-nav button .smart-pos-terminal-nav__icon,
.smart-pos-terminal-page .smart-pos-terminal-actions button .smart-pos-terminal-nav__icon{
  background: color-mix(in srgb, var(--spos-terminal-menu-text) 16%, transparent) !important;
  color: var(--spos-terminal-menu-text) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 34%, transparent);
}
.smart-pos-terminal-page .smart-pos-terminal-nav button .smart-pos-terminal-nav__text strong,
.smart-pos-terminal-page .smart-pos-terminal-nav button .smart-pos-terminal-nav__text small,
.smart-pos-terminal-page .smart-pos-terminal-menu button .smart-pos-terminal-nav__text strong,
.smart-pos-terminal-page .smart-pos-terminal-menu button .smart-pos-terminal-nav__text small{
  color: var(--spos-terminal-menu-text) !important;
}
.smart-pos-terminal-page .smart-pos-terminal-nav button .smart-pos-terminal-nav__text small,
.smart-pos-terminal-page .smart-pos-terminal-menu button .smart-pos-terminal-nav__text small{
  opacity: .9;
}
.smart-pos-terminal-page .smart-pos-terminal-nav button:hover,
.smart-pos-terminal-page .smart-pos-terminal-menu button:hover,
.smart-pos-terminal-page .smart-pos-terminal-bottom-nav button:hover,
.smart-pos-terminal-page .smart-pos-terminal-actions button:hover{
  background: linear-gradient(135deg, var(--spos-terminal-menu-hover-start), var(--spos-terminal-menu-hover-end)) !important;
  color: var(--spos-terminal-menu-hover-text) !important;
  transform: translateY(-2px);
}
.smart-pos-terminal-page .smart-pos-terminal-nav button:hover .smart-pos-terminal-nav__icon,
.smart-pos-terminal-page .smart-pos-terminal-menu button:hover .smart-pos-terminal-nav__icon,
.smart-pos-terminal-page .smart-pos-terminal-bottom-nav button:hover .smart-pos-terminal-nav__icon,
.smart-pos-terminal-page .smart-pos-terminal-actions button:hover .smart-pos-terminal-nav__icon,
.smart-pos-terminal-page .smart-pos-terminal-nav button:hover .smart-pos-terminal-nav__text strong,
.smart-pos-terminal-page .smart-pos-terminal-nav button:hover .smart-pos-terminal-nav__text small{
  color: var(--spos-terminal-menu-hover-text) !important;
}
.smart-pos-terminal-page .smart-pos-terminal-nav button.is-active,
.smart-pos-terminal-page .smart-pos-terminal-menu button.is-active,
.smart-pos-terminal-page .smart-pos-terminal-bottom-nav button.is-active,
.smart-pos-terminal-page .smart-pos-terminal-actions button.is-active,
.smart-pos-terminal-page .smart-pos-terminal-nav button[aria-current="page"]{
  background: linear-gradient(135deg, var(--spos-terminal-menu-active-start), var(--spos-terminal-menu-active-end)) !important;
  color: var(--spos-terminal-menu-active-text) !important;
  box-shadow: 0 18px 36px color-mix(in srgb, var(--spos-terminal-menu-active-start) 28%, transparent) !important;
}
.smart-pos-terminal-page .smart-pos-terminal-nav button.is-active .smart-pos-terminal-nav__icon,
.smart-pos-terminal-page .smart-pos-terminal-menu button.is-active .smart-pos-terminal-nav__icon,
.smart-pos-terminal-page .smart-pos-terminal-nav button.is-active .smart-pos-terminal-nav__text strong,
.smart-pos-terminal-page .smart-pos-terminal-nav button.is-active .smart-pos-terminal-nav__text small,
.smart-pos-terminal-page .smart-pos-terminal-nav button[aria-current="page"] .smart-pos-terminal-nav__icon,
.smart-pos-terminal-page .smart-pos-terminal-nav button[aria-current="page"] .smart-pos-terminal-nav__text strong,
.smart-pos-terminal-page .smart-pos-terminal-nav button[aria-current="page"] .smart-pos-terminal-nav__text small{
  color: var(--spos-terminal-menu-active-text) !important;
}
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-terminal-brand,
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-terminal-usercard,
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-terminal-sidebar__footer,
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-terminal-sidebar__footer *{
  color: #e5eefc !important;
}
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-terminal-panel,
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-panel,
body.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-chart-card{
  backdrop-filter: blur(14px);
}
body.smart-pos-terminal-page.smart-pos-terminal-menu-responsive .smart-pos-terminal-nav button{
  grid-template-columns: 40px minmax(0,1fr);
  min-height: 58px;
  padding: 10px;
}
body.smart-pos-terminal-page.smart-pos-terminal-menu-responsive .smart-pos-terminal-nav__text strong{
  font-size: 14px !important;
}
body.smart-pos-terminal-page.smart-pos-terminal-menu-responsive .smart-pos-terminal-nav__text small{
  font-size: 11px !important;
}
@media (max-width: 920px){
  .smart-pos-terminal-page .smart-pos-terminal-sidebar{width: min(86vw, 320px) !important;}
  .smart-pos-terminal-page .smart-pos-terminal-nav button{grid-template-columns: 40px minmax(0,1fr); min-height: 58px;}
  .smart-pos-terminal-page .smart-pos-terminal-nav__text strong{font-size:14px !important;}
  .smart-pos-terminal-page .smart-pos-terminal-nav__text small{font-size:11px !important;}
}
@media (max-width: 640px){
  .smart-pos-terminal-page .smart-pos-terminal-nav button,
  .smart-pos-terminal-page .smart-pos-terminal-menu button,
  .smart-pos-terminal-page .smart-pos-terminal-bottom-nav button{
    border-radius: 14px !important;
  }
  .smart-pos-terminal-page .smart-pos-terminal-nav__icon{width:38px;height:38px;border-radius:12px;}
}


/* v3.0.0 terminal top controls visibility + responsive text fix */
.smart-pos-dashboard-controls .button,
.smart-pos-dashboard-controls button,
.smart-pos-dashboard-controls .smart-pos-theme-toggle,
.smart-pos-dashboard-controls .smart-pos-live-toggle,
.smart-pos-dashboard-controls .smart-pos-manual-refresh {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-width:160px;
  white-space:nowrap !important;
  line-height:1.2 !important;
  opacity:1 !important;
  visibility:visible !important;
  text-indent:0 !important;
  font-size:14px !important;
}
.smart-pos-dashboard-controls .smart-pos-control-label,
.smart-pos-dashboard-controls .button span,
.smart-pos-dashboard-controls button span,
.smart-pos-dashboard-controls .smart-pos-live-status,
.smart-pos-dashboard-controls .smart-pos-theme-toggle,
.smart-pos-dashboard-controls .smart-pos-live-toggle,
.smart-pos-dashboard-controls .smart-pos-manual-refresh {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:none !important;
}
.smart-pos-terminal-page .smart-pos-dashboard-controls .smart-pos-theme-toggle,
.smart-pos-terminal-page .smart-pos-dashboard-controls .smart-pos-manual-refresh {
  color:#0f172a !important;
  border-color:rgba(59,130,246,.18) !important;
}
.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-dashboard-controls .smart-pos-theme-toggle,
.smart-pos-terminal-page.smart-pos-dark-mode .smart-pos-dashboard-controls .smart-pos-manual-refresh {
  color:#ffffff !important;
}
.smart-pos-terminal-page .smart-pos-dashboard-controls .smart-pos-live-status {
  min-height:42px;
  white-space:nowrap !important;
}
@media (max-width: 768px) {
  .smart-pos-dashboard-controls .button,
  .smart-pos-dashboard-controls button,
  .smart-pos-dashboard-controls .smart-pos-live-status {
    min-width:auto;
    width:100%;
    justify-content:flex-start !important;
    font-size:13px !important;
  }
}


.smart-pos-layout-manager{margin-top:24px;padding:18px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.smart-pos-layout-list{display:grid;gap:10px;margin-top:12px}
.smart-pos-layout-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dbe4ff;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#eef2ff);cursor:move;user-select:none}
.smart-pos-layout-item__drag{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#2563eb;color:#fff;font-weight:700;flex:0 0 28px}
.smart-pos-layout-item.is-dragging{opacity:.55}

.smart-pos-theme-coral .smart-pos-premium-header,
.smart-pos-theme-coral .smart-pos-premium-login,
.smart-pos-theme-coral .smart-pos-style-preview__hero{background:linear-gradient(135deg,#fb7185 0%,#f97316 52%,#ef4444 100%);color:#ffffff;}
.smart-pos-theme-coral .smart-pos-panel,
.smart-pos-theme-coral .smart-pos-chart-card,
.smart-pos-theme-coral .smart-pos-style-preview__card,
.smart-pos-theme-coral .smart-pos-terminal-layout .smart-pos-panel{background:linear-gradient(135deg,#fff7ed 0%,#fff1f2 100%)!important;border:1px solid rgba(249,115,22,.16);box-shadow:0 18px 36px rgba(249,115,22,.10);}
.smart-pos-theme-coral .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-coral .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-coral .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{color:#4c1d1d;border:1px solid rgba(251,113,133,.20);}
.smart-pos-theme-coral .smart-pos-terminal-nav a,
.smart-pos-theme-coral .smart-pos-admin-menu a,
.smart-pos-theme-coral .smart-pos-terminal-nav button,
.smart-pos-theme-coral .smart-pos-terminal-menu button,
.smart-pos-theme-coral .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-coral .smart-pos-terminal-actions button{background:linear-gradient(135deg,#fb7185 0%,#f97316 52%,#ef4444 100%);color:#ffffff;box-shadow:0 14px 28px rgba(249,115,22,.18);}

.smart-pos-theme-aqua .smart-pos-premium-header,
.smart-pos-theme-aqua .smart-pos-premium-login,
.smart-pos-theme-aqua .smart-pos-style-preview__hero{background:linear-gradient(135deg,#06b6d4 0%,#14b8a6 46%,#22c55e 100%);color:#ffffff;}
.smart-pos-theme-aqua .smart-pos-panel,
.smart-pos-theme-aqua .smart-pos-chart-card,
.smart-pos-theme-aqua .smart-pos-style-preview__card,
.smart-pos-theme-aqua .smart-pos-terminal-layout .smart-pos-panel{background:linear-gradient(135deg,#ecfeff 0%,#f0fdfa 100%)!important;border:1px solid rgba(20,184,166,.16);box-shadow:0 18px 36px rgba(20,184,166,.10);}
.smart-pos-theme-aqua .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-aqua .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-aqua .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{color:#083344;border:1px solid rgba(34,197,94,.16);}
.smart-pos-theme-aqua .smart-pos-terminal-nav a,
.smart-pos-theme-aqua .smart-pos-admin-menu a,
.smart-pos-theme-aqua .smart-pos-terminal-nav button,
.smart-pos-theme-aqua .smart-pos-terminal-menu button,
.smart-pos-theme-aqua .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-aqua .smart-pos-terminal-actions button{background:linear-gradient(135deg,#06b6d4 0%,#14b8a6 46%,#22c55e 100%);color:#ffffff;box-shadow:0 14px 28px rgba(20,184,166,.18);}

.smart-pos-theme-violet .smart-pos-premium-header,
.smart-pos-theme-violet .smart-pos-premium-login,
.smart-pos-theme-violet .smart-pos-style-preview__hero{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 45%,#ec4899 100%);color:#ffffff;}
.smart-pos-theme-violet .smart-pos-panel,
.smart-pos-theme-violet .smart-pos-chart-card,
.smart-pos-theme-violet .smart-pos-style-preview__card,
.smart-pos-theme-violet .smart-pos-terminal-layout .smart-pos-panel{background:linear-gradient(135deg,#faf5ff 0%,#fdf2f8 100%)!important;border:1px solid rgba(139,92,246,.16);box-shadow:0 18px 36px rgba(124,58,237,.12);}
.smart-pos-theme-violet .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-violet .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-violet .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{color:#3b0764;border:1px solid rgba(236,72,153,.16);}
.smart-pos-theme-violet .smart-pos-terminal-nav a,
.smart-pos-theme-violet .smart-pos-admin-menu a,
.smart-pos-theme-violet .smart-pos-terminal-nav button,
.smart-pos-theme-violet .smart-pos-terminal-menu button,
.smart-pos-theme-violet .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-violet .smart-pos-terminal-actions button{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 45%,#ec4899 100%);color:#ffffff;box-shadow:0 14px 28px rgba(124,58,237,.18);}

.smart-pos-theme-lime .smart-pos-premium-header,
.smart-pos-theme-lime .smart-pos-premium-login,
.smart-pos-theme-lime .smart-pos-style-preview__hero{background:linear-gradient(135deg,#84cc16 0%,#22c55e 48%,#0ea5e9 100%);color:#ffffff;}
.smart-pos-theme-lime .smart-pos-panel,
.smart-pos-theme-lime .smart-pos-chart-card,
.smart-pos-theme-lime .smart-pos-style-preview__card,
.smart-pos-theme-lime .smart-pos-terminal-layout .smart-pos-panel{background:linear-gradient(135deg,#f7fee7 0%,#f0fdf4 100%)!important;border:1px solid rgba(132,204,22,.16);box-shadow:0 18px 36px rgba(132,204,22,.10);}
.smart-pos-theme-lime .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-lime .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-lime .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{color:#365314;border:1px solid rgba(14,165,233,.16);}
.smart-pos-theme-lime .smart-pos-terminal-nav a,
.smart-pos-theme-lime .smart-pos-admin-menu a,
.smart-pos-theme-lime .smart-pos-terminal-nav button,
.smart-pos-theme-lime .smart-pos-terminal-menu button,
.smart-pos-theme-lime .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-lime .smart-pos-terminal-actions button{background:linear-gradient(135deg,#84cc16 0%,#22c55e 48%,#0ea5e9 100%);color:#ffffff;box-shadow:0 14px 28px rgba(132,204,22,.18);}

.smart-pos-theme-copper .smart-pos-premium-header,
.smart-pos-theme-copper .smart-pos-premium-login,
.smart-pos-theme-copper .smart-pos-style-preview__hero{background:linear-gradient(135deg,#b45309 0%,#f59e0b 45%,#92400e 100%);color:#ffffff;}
.smart-pos-theme-copper .smart-pos-panel,
.smart-pos-theme-copper .smart-pos-chart-card,
.smart-pos-theme-copper .smart-pos-style-preview__card,
.smart-pos-theme-copper .smart-pos-terminal-layout .smart-pos-panel{background:linear-gradient(135deg,#fffbeb 0%,#fff7ed 100%)!important;border:1px solid rgba(180,83,9,.16);box-shadow:0 18px 36px rgba(180,83,9,.10);}
.smart-pos-theme-copper .smart-pos-dashboard-live-sections .smart-pos-stat-card,
.smart-pos-theme-copper .smart-pos-terminal-view[data-terminal-view="dashboard"] .smart-pos-stat-card,
.smart-pos-theme-copper .smart-pos-terminal-view[data-terminal-view="reports"] .smart-pos-stat-card{color:#451a03;border:1px solid rgba(245,158,11,.16);}
.smart-pos-theme-copper .smart-pos-terminal-nav a,
.smart-pos-theme-copper .smart-pos-admin-menu a,
.smart-pos-theme-copper .smart-pos-terminal-nav button,
.smart-pos-theme-copper .smart-pos-terminal-menu button,
.smart-pos-theme-copper .smart-pos-terminal-bottom-nav button,
.smart-pos-theme-copper .smart-pos-terminal-actions button{background:linear-gradient(135deg,#b45309 0%,#f59e0b 45%,#92400e 100%);color:#ffffff;box-shadow:0 14px 28px rgba(180,83,9,.18);}


.smart-pos-terminal-layout-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:12px}
.smart-pos-terminal-layout-mode .smart-pos-terminal-nav [data-terminal-target],
.smart-pos-terminal-layout-mode .smart-pos-terminal-view[data-terminal-view="dashboard"] [data-smart-pos-card]{cursor:move;position:relative;outline:2px dashed rgba(37,99,235,.28);outline-offset:4px}
.smart-pos-layout-editing.is-dragging{opacity:.45}
.smart-pos-terminal-layout-trigger,.smart-pos-terminal-layout-save,.smart-pos-terminal-layout-reset{border-radius:12px}
@media (max-width: 920px){.smart-pos-terminal-layout-controls{width:100%;margin-left:0;margin-top:8px}}


.smart-pos-admin-layout-mode [data-smart-pos-menu-item],
.smart-pos-admin-layout-mode [data-smart-pos-card],
.smart-pos-admin-layout-mode [data-smart-pos-panel],
.smart-pos-terminal-layout-mode [data-terminal-target],
.smart-pos-terminal-layout-mode [data-smart-pos-card],
.smart-pos-terminal-layout-mode [data-smart-pos-panel] {
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
}

.smart-pos-admin-layout-mode .is-dragging,
.smart-pos-terminal-layout-mode .is-dragging {
    opacity: .8;
    outline: 2px dashed rgba(59,130,246,.45);
}


.smart-pos-layout-handle{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;margin-right:8px;border:1px dashed #94a3b8;border-radius:8px;background:#fff;color:#334155;cursor:grab;touch-action:none;vertical-align:middle;}
.smart-pos-layout-handle.hidden{display:none !important;}
.smart-pos-layout-editing{position:relative;}
.smart-pos-layout-editing .smart-pos-layout-handle{display:inline-flex;}
.is-dragging{box-shadow:0 8px 24px rgba(15,23,42,.18);}
.smart-pos-layout-placeholder{border:2px dashed #94a3b8;border-radius:12px;background:rgba(148,163,184,.12);min-height:40px;box-sizing:border-box;}
.smart-pos-layout-dragging, .smart-pos-layout-dragging *{user-select:none !important;}

/* v3.5.5 Terminal Theme Apply Fix - real terminal UI scope */
body.smart-pos-terminal-page,
html.smart-pos-terminal-page{
  transition: background .22s ease, color .22s ease;
}
.smart-pos-terminal-theme-control{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.smart-pos-terminal-theme-select{
  min-height:36px!important;
  border-radius:12px!important;
  border:1px solid rgba(148,163,184,.35)!important;
  padding:6px 34px 6px 12px!important;
  font-weight:700!important;
  color:#0f172a!important;
  background:#fff!important;
}
.smart-pos-terminal-theme-reset{
  min-height:36px!important;
  border-radius:12px!important;
}
body.smart-pos-terminal-page.smart-pos-theme-default{--spt-bg:#f8fafc;--spt-bg2:#eef2ff;--spt-text:#0f172a;--spt-muted:#475569;--spt-sidebar:#ffffff;--spt-panel:#ffffff;--spt-border:rgba(148,163,184,.28);--spt-menu-start:#2563eb;--spt-menu-end:#4f46e5;--spt-menu-text:#ffffff;--spt-card:#ffffff;--spt-table:#f8fafc;}
body.smart-pos-terminal-page.smart-pos-theme-premium{--spt-bg:#fff7ed;--spt-bg2:#eef2ff;--spt-text:#111827;--spt-muted:#475569;--spt-sidebar:#fff7ed;--spt-panel:#ffffff;--spt-border:rgba(147,51,234,.18);--spt-menu-start:#ff4d4d;--spt-menu-end:#7c3aed;--spt-menu-text:#ffffff;--spt-card:#fff7ed;--spt-table:#fff1f2;}
body.smart-pos-terminal-page.smart-pos-theme-glass{--spt-bg:rgba(219,234,254,.72);--spt-bg2:rgba(243,232,255,.72);--spt-text:#0f172a;--spt-muted:#334155;--spt-sidebar:rgba(255,255,255,.58);--spt-panel:rgba(255,255,255,.62);--spt-border:rgba(255,255,255,.55);--spt-menu-start:#2563eb;--spt-menu-end:#9333ea;--spt-menu-text:#ffffff;--spt-card:rgba(255,255,255,.68);--spt-table:rgba(255,255,255,.56);}
body.smart-pos-terminal-page.smart-pos-theme-sunset{--spt-bg:#fff7ed;--spt-bg2:#fdf2f8;--spt-text:#431407;--spt-muted:#7c2d12;--spt-sidebar:#fff7ed;--spt-panel:#fffaf5;--spt-border:rgba(251,146,60,.24);--spt-menu-start:#ff6b6b;--spt-menu-end:#8b5cf6;--spt-menu-text:#ffffff;--spt-card:#fff1f2;--spt-table:#fffbeb;}
body.smart-pos-terminal-page.smart-pos-theme-ocean{--spt-bg:#eff6ff;--spt-bg2:#ecfeff;--spt-text:#082f49;--spt-muted:#075985;--spt-sidebar:#f0f9ff;--spt-panel:#ffffff;--spt-border:rgba(14,165,233,.22);--spt-menu-start:#0ea5e9;--spt-menu-end:#14b8a6;--spt-menu-text:#ffffff;--spt-card:#ecfeff;--spt-table:#f0f9ff;}
body.smart-pos-terminal-page.smart-pos-theme-forest{--spt-bg:#ecfdf3;--spt-bg2:#f0fdf4;--spt-text:#052e16;--spt-muted:#166534;--spt-sidebar:#f0fdf4;--spt-panel:#ffffff;--spt-border:rgba(34,197,94,.22);--spt-menu-start:#16a34a;--spt-menu-end:#0f766e;--spt-menu-text:#ffffff;--spt-card:#ecfdf3;--spt-table:#f0fdf4;}
body.smart-pos-terminal-page.smart-pos-theme-midnight{--spt-bg:#0f172a;--spt-bg2:#1e1b4b;--spt-text:#eef2ff;--spt-muted:#cbd5e1;--spt-sidebar:#111827;--spt-panel:#172554;--spt-border:rgba(96,165,250,.24);--spt-menu-start:#1d4ed8;--spt-menu-end:#7c3aed;--spt-menu-text:#ffffff;--spt-card:#1e293b;--spt-table:#111827;}
body.smart-pos-terminal-page.smart-pos-theme-coral{--spt-bg:#fff1f2;--spt-bg2:#ffedd5;--spt-text:#4c0519;--spt-muted:#9f1239;--spt-sidebar:#fff7ed;--spt-panel:#ffffff;--spt-border:rgba(251,113,133,.24);--spt-menu-start:#fb7185;--spt-menu-end:#f97316;--spt-menu-text:#ffffff;--spt-card:#fff1f2;--spt-table:#fff7ed;}
body.smart-pos-terminal-page.smart-pos-theme-aqua{--spt-bg:#ecfeff;--spt-bg2:#f0fdfa;--spt-text:#083344;--spt-muted:#0f766e;--spt-sidebar:#ecfeff;--spt-panel:#ffffff;--spt-border:rgba(20,184,166,.24);--spt-menu-start:#06b6d4;--spt-menu-end:#22c55e;--spt-menu-text:#ffffff;--spt-card:#f0fdfa;--spt-table:#ecfeff;}
body.smart-pos-terminal-page.smart-pos-theme-violet{--spt-bg:#faf5ff;--spt-bg2:#fdf2f8;--spt-text:#2e1065;--spt-muted:#6d28d9;--spt-sidebar:#faf5ff;--spt-panel:#ffffff;--spt-border:rgba(139,92,246,.24);--spt-menu-start:#7c3aed;--spt-menu-end:#ec4899;--spt-menu-text:#ffffff;--spt-card:#f5f3ff;--spt-table:#faf5ff;}
body.smart-pos-terminal-page.smart-pos-theme-lime{--spt-bg:#f7fee7;--spt-bg2:#ecfccb;--spt-text:#1a2e05;--spt-muted:#4d7c0f;--spt-sidebar:#f7fee7;--spt-panel:#ffffff;--spt-border:rgba(132,204,22,.28);--spt-menu-start:#84cc16;--spt-menu-end:#16a34a;--spt-menu-text:#ffffff;--spt-card:#ecfccb;--spt-table:#f7fee7;}
body.smart-pos-terminal-page.smart-pos-theme-copper{--spt-bg:#fff7ed;--spt-bg2:#fef3c7;--spt-text:#431407;--spt-muted:#92400e;--spt-sidebar:#fffbeb;--spt-panel:#ffffff;--spt-border:rgba(217,119,6,.28);--spt-menu-start:#d97706;--spt-menu-end:#92400e;--spt-menu-text:#ffffff;--spt-card:#fef3c7;--spt-table:#fff7ed;}
body.smart-pos-terminal-page .smart-pos-terminal-app{
  background:linear-gradient(135deg,var(--spt-bg),var(--spt-bg2))!important;
  color:var(--spt-text)!important;
}
body.smart-pos-terminal-page .smart-pos-terminal-sidebar,
body.smart-pos-terminal-page .smart-pos-terminal-topbar,
body.smart-pos-terminal-page .smart-pos-terminal-shell{
  background:var(--spt-sidebar)!important;
  color:var(--spt-text)!important;
  border-color:var(--spt-border)!important;
}
body.smart-pos-terminal-page .smart-pos-terminal-main,
body.smart-pos-terminal-page .smart-pos-terminal-view{
  color:var(--spt-text)!important;
}
body.smart-pos-terminal-page .smart-pos-terminal-brand,
body.smart-pos-terminal-page .smart-pos-terminal-usercard,
body.smart-pos-terminal-page .smart-pos-terminal-current,
body.smart-pos-terminal-page .smart-pos-terminal-sidebar__footer,
body.smart-pos-terminal-page .smart-pos-terminal-sidebar__footer *,
body.smart-pos-terminal-page .smart-pos-terminal-current-title,
body.smart-pos-terminal-page .smart-pos-terminal-current-subtitle{
  color:var(--spt-text)!important;
}
body.smart-pos-terminal-page .smart-pos-terminal-usercard span,
body.smart-pos-terminal-page .smart-pos-terminal-usercard em,
body.smart-pos-terminal-page .smart-pos-terminal-current-subtitle{
  color:var(--spt-muted)!important;
}
body.smart-pos-terminal-page .smart-pos-terminal-nav button,
body.smart-pos-terminal-page .smart-pos-terminal-menu button,
body.smart-pos-terminal-page .smart-pos-terminal-actions button,
body.smart-pos-terminal-page .smart-pos-terminal-bottom-nav button{
  background:linear-gradient(135deg,var(--spt-menu-start),var(--spt-menu-end))!important;
  color:var(--spt-menu-text)!important;
  border-color:color-mix(in srgb,var(--spt-menu-text) 20%,transparent)!important;
}
body.smart-pos-terminal-page .smart-pos-terminal-nav button *,
body.smart-pos-terminal-page .smart-pos-terminal-menu button *,
body.smart-pos-terminal-page .smart-pos-terminal-actions button *,
body.smart-pos-terminal-page .smart-pos-terminal-bottom-nav button *{
  color:var(--spt-menu-text)!important;
}
body.smart-pos-terminal-page .smart-pos-panel,
body.smart-pos-terminal-page .smart-pos-chart-card,
body.smart-pos-terminal-page .smart-pos-terminal-card,
body.smart-pos-terminal-page .smart-pos-stat-card,
body.smart-pos-terminal-page .smart-pos-mini-stat,
body.smart-pos-terminal-page .smart-pos-cart-panel,
body.smart-pos-terminal-page .smart-pos-product-grid,
body.smart-pos-terminal-page .smart-pos-settings-card,
body.smart-pos-terminal-page .smart-pos-terminal-view[data-terminal-view="pos"] .smart-pos-wrap{
  background:var(--spt-panel)!important;
  color:var(--spt-text)!important;
  border-color:var(--spt-border)!important;
}
body.smart-pos-terminal-page .smart-pos-stat-card,
body.smart-pos-terminal-page .smart-pos-mini-stat{
  background:linear-gradient(135deg,var(--spt-card),var(--spt-panel))!important;
}
body.smart-pos-terminal-page table,
body.smart-pos-terminal-page .smart-pos-table-wrap,
body.smart-pos-terminal-page .smart-pos-receipt-preview,
body.smart-pos-terminal-page .smart-pos-invoice-preview,
body.smart-pos-terminal-page .smart-pos-modal,
body.smart-pos-terminal-page .smart-pos-receipt-modal,
body.smart-pos-terminal-page .smart-pos-terminal-popup{
  background:var(--spt-panel)!important;
  color:var(--spt-text)!important;
  border-color:var(--spt-border)!important;
}
body.smart-pos-terminal-page th{
  background:var(--spt-table)!important;
  color:var(--spt-text)!important;
}
body.smart-pos-terminal-page.smart-pos-theme-midnight input,
body.smart-pos-terminal-page.smart-pos-theme-midnight select,
body.smart-pos-terminal-page.smart-pos-theme-midnight textarea{
  background:#0f172a!important;
  color:#eef2ff!important;
  border-color:rgba(148,163,184,.35)!important;
}
body.smart-pos-terminal-page.smart-pos-theme-midnight .smart-pos-panel *,
body.smart-pos-terminal-page.smart-pos-theme-midnight .smart-pos-stat-card *,
body.smart-pos-terminal-page.smart-pos-theme-midnight .smart-pos-mini-stat *,
body.smart-pos-terminal-page.smart-pos-theme-midnight .smart-pos-terminal-shell *{
  color:inherit;
}


/* Smart POS v3.5.9 - Outlet-wise 10 Cart/Menu Styles */
.smart-pos-cart-style-preview{display:grid;grid-template-columns:160px minmax(220px,1fr);gap:14px;align-items:stretch;max-width:620px}
.smart-pos-cart-style-preview__menu{display:flex;align-items:center;justify-content:center;min-height:72px;border-radius:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.smart-pos-cart-style-preview__cart{display:grid;gap:8px;border-radius:18px;padding:16px}
.smart-pos-cart-style-preview__cart button{border:0;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}
.smart-pos-cart-menu-style-classic .smart-pos-cart-style-preview__menu,
.smart-pos-terminal-app.smart-pos-cart-menu-style-classic .smart-pos-terminal-nav > button{background:#ffffff;color:#1e293b;border:1px solid #dbe4f0;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.smart-pos-cart-menu-style-classic .smart-pos-cart-style-preview__cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-classic .smart-pos-cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-classic .smart-pos-payment,
.smart-pos-terminal-app.smart-pos-cart-menu-style-classic .smart-pos-checkout-panel{background:#ffffff;color:#0f172a;border:1px solid #dbe4f0}
.smart-pos-cart-menu-style-classic .smart-pos-cart-style-preview__cart button,
.smart-pos-terminal-app.smart-pos-cart-menu-style-classic .smart-pos-checkout-btn{background:#2563eb;color:#fff}

.smart-pos-cart-menu-style-glass .smart-pos-cart-style-preview__menu,
.smart-pos-terminal-app.smart-pos-cart-menu-style-glass .smart-pos-terminal-nav > button{background:rgba(255,255,255,.42);color:#0f172a;border:1px solid rgba(255,255,255,.62);box-shadow:0 18px 42px rgba(37,99,235,.16);backdrop-filter:blur(14px)}
.smart-pos-cart-menu-style-glass .smart-pos-cart-style-preview__cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-glass .smart-pos-cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-glass .smart-pos-payment,
.smart-pos-terminal-app.smart-pos-cart-menu-style-glass .smart-pos-checkout-panel{background:rgba(255,255,255,.55);color:#0f172a;border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(16px)}
.smart-pos-cart-menu-style-glass .smart-pos-cart-style-preview__cart button,
.smart-pos-terminal-app.smart-pos-cart-menu-style-glass .smart-pos-checkout-btn{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff}

.smart-pos-cart-menu-style-dark .smart-pos-cart-style-preview__menu,
.smart-pos-terminal-app.smart-pos-cart-menu-style-dark .smart-pos-terminal-nav > button{background:#0f172a;color:#f8fafc;border:1px solid #334155;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.smart-pos-cart-menu-style-dark .smart-pos-cart-style-preview__cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-dark .smart-pos-cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-dark .smart-pos-payment,
.smart-pos-terminal-app.smart-pos-cart-menu-style-dark .smart-pos-checkout-panel{background:#111827;color:#f8fafc;border:1px solid #374151}
.smart-pos-cart-menu-style-dark .smart-pos-cart-style-preview__cart button,
.smart-pos-terminal-app.smart-pos-cart-menu-style-dark .smart-pos-checkout-btn{background:#22c55e;color:#06220f}

.smart-pos-cart-menu-style-gradient .smart-pos-cart-style-preview__menu,
.smart-pos-terminal-app.smart-pos-cart-menu-style-gradient .smart-pos-terminal-nav > button{background:linear-gradient(135deg,#ff4d4d,#7c3aed);color:#fff;border:0;box-shadow:0 16px 34px rgba(124,58,237,.26)}
.smart-pos-cart-menu-style-gradient .smart-pos-cart-style-preview__cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-gradient .smart-pos-cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-gradient .smart-pos-payment,
.smart-pos-terminal-app.smart-pos-cart-menu-style-gradient .smart-pos-checkout-panel{background:linear-gradient(135deg,#fff7ed,#f5f3ff);color:#111827;border:1px solid #fde68a}
.smart-pos-cart-menu-style-gradient .smart-pos-cart-style-preview__cart button,
.smart-pos-terminal-app.smart-pos-cart-menu-style-gradient .smart-pos-checkout-btn{background:linear-gradient(135deg,#f97316,#ec4899);color:#fff}

.smart-pos-cart-menu-style-minimal .smart-pos-cart-style-preview__menu,
.smart-pos-terminal-app.smart-pos-cart-menu-style-minimal .smart-pos-terminal-nav > button{background:#f8fafc;color:#334155;border:1px solid #e2e8f0;box-shadow:none}
.smart-pos-cart-menu-style-minimal .smart-pos-cart-style-preview__cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-minimal .smart-pos-cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-minimal .smart-pos-payment,
.smart-pos-terminal-app.smart-pos-cart-menu-style-minimal .smart-pos-checkout-panel{background:#fff;color:#111827;border:1px solid #e5e7eb;box-shadow:none}
.smart-pos-cart-menu-style-minimal .smart-pos-cart-style-preview__cart button,
.smart-pos-terminal-app.smart-pos-cart-menu-style-minimal .smart-pos-checkout-btn{background:#111827;color:#fff}

.smart-pos-cart-menu-style-rounded .smart-pos-cart-style-preview__menu,
.smart-pos-terminal-app.smart-pos-cart-menu-style-rounded .smart-pos-terminal-nav > button{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:999px;box-shadow:0 10px 24px rgba(79,70,229,.12)}
.smart-pos-cart-menu-style-rounded .smart-pos-cart-style-preview__cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-rounded .smart-pos-cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-rounded .smart-pos-payment,
.smart-pos-terminal-app.smart-pos-cart-menu-style-rounded .smart-pos-checkout-panel{background:#f8fbff;color:#172554;border:1px solid #c7d2fe;border-radius:28px}
.smart-pos-cart-menu-style-rounded .smart-pos-cart-style-preview__cart button,
.smart-pos-terminal-app.smart-pos-cart-menu-style-rounded .smart-pos-checkout-btn{background:#4f46e5;color:#fff;border-radius:999px}

.smart-pos-cart-menu-style-compact .smart-pos-cart-style-preview__menu,
.smart-pos-terminal-app.smart-pos-cart-menu-style-compact .smart-pos-terminal-nav > button{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:10px;min-height:42px;padding:8px 10px;box-shadow:none}
.smart-pos-terminal-app.smart-pos-cart-menu-style-compact .smart-pos-terminal-nav > button .smart-pos-terminal-nav__text small{display:none}
.smart-pos-cart-menu-style-compact .smart-pos-cart-style-preview__cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-compact .smart-pos-cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-compact .smart-pos-payment,
.smart-pos-terminal-app.smart-pos-cart-menu-style-compact .smart-pos-checkout-panel{background:#fff;color:#0f172a;border:1px solid #dbeafe;border-radius:12px;padding:12px}
.smart-pos-cart-menu-style-compact .smart-pos-cart-style-preview__cart button,
.smart-pos-terminal-app.smart-pos-cart-menu-style-compact .smart-pos-checkout-btn{background:#0ea5e9;color:#fff;border-radius:10px}

.smart-pos-cart-menu-style-neon .smart-pos-cart-style-preview__menu,
.smart-pos-terminal-app.smart-pos-cart-menu-style-neon .smart-pos-terminal-nav > button{background:#030712;color:#67e8f9;border:1px solid #22d3ee;box-shadow:0 0 18px rgba(34,211,238,.38), inset 0 0 20px rgba(124,58,237,.18)}
.smart-pos-cart-menu-style-neon .smart-pos-cart-style-preview__cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-neon .smart-pos-cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-neon .smart-pos-payment,
.smart-pos-terminal-app.smart-pos-cart-menu-style-neon .smart-pos-checkout-panel{background:#080b16;color:#e0f2fe;border:1px solid #22d3ee;box-shadow:0 0 20px rgba(34,211,238,.18)}
.smart-pos-cart-menu-style-neon .smart-pos-cart-style-preview__cart button,
.smart-pos-terminal-app.smart-pos-cart-menu-style-neon .smart-pos-checkout-btn{background:#22d3ee;color:#04111d}

.smart-pos-cart-menu-style-pastel .smart-pos-cart-style-preview__menu,
.smart-pos-terminal-app.smart-pos-cart-menu-style-pastel .smart-pos-terminal-nav > button{background:linear-gradient(135deg,#ffe4e6,#e0f2fe);color:#334155;border:1px solid #fecdd3;box-shadow:0 12px 28px rgba(251,113,133,.14)}
.smart-pos-cart-menu-style-pastel .smart-pos-cart-style-preview__cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-pastel .smart-pos-cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-pastel .smart-pos-payment,
.smart-pos-terminal-app.smart-pos-cart-menu-style-pastel .smart-pos-checkout-panel{background:#fff7fb;color:#334155;border:1px solid #fbcfe8}
.smart-pos-cart-menu-style-pastel .smart-pos-cart-style-preview__cart button,
.smart-pos-terminal-app.smart-pos-cart-menu-style-pastel .smart-pos-checkout-btn{background:#fb7185;color:#fff}

.smart-pos-cart-menu-style-premium .smart-pos-cart-style-preview__menu,
.smart-pos-terminal-app.smart-pos-cart-menu-style-premium .smart-pos-terminal-nav > button{background:linear-gradient(135deg,#111827,#7c3aed);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 45px rgba(17,24,39,.22)}
.smart-pos-cart-menu-style-premium .smart-pos-cart-style-preview__cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-premium .smart-pos-cart,
.smart-pos-terminal-app.smart-pos-cart-menu-style-premium .smart-pos-payment,
.smart-pos-terminal-app.smart-pos-cart-menu-style-premium .smart-pos-checkout-panel{background:linear-gradient(135deg,#ffffff,#f5f3ff);color:#111827;border:1px solid #ddd6fe;box-shadow:0 18px 42px rgba(124,58,237,.12)}
.smart-pos-cart-menu-style-premium .smart-pos-cart-style-preview__cart button,
.smart-pos-terminal-app.smart-pos-cart-menu-style-premium .smart-pos-checkout-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}

.smart-pos-terminal-app[class*="smart-pos-cart-menu-style-"] .smart-pos-terminal-nav > button{transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
.smart-pos-terminal-app[class*="smart-pos-cart-menu-style-"] .smart-pos-terminal-nav > button:hover{transform:translateY(-1px)}
.smart-pos-terminal-app[class*="smart-pos-cart-menu-style-"] .smart-pos-invoice-preview,
.smart-pos-terminal-app[class*="smart-pos-cart-menu-style-"] .smart-pos-invoice-popup,
.smart-pos-terminal-app[class*="smart-pos-cart-menu-style-"] .smart-pos-modal{color:inherit}


/* Smart POS v3.6.0 - Theme responsive contrast fix for panels/tables */
.smart-pos-terminal-app,
.smart-pos-wrap {
    --spos-theme-surface: #ffffff;
    --spos-theme-surface-soft: #f8fafc;
    --spos-theme-border: #dbe4f0;
    --spos-theme-text: #0f172a;
    --spos-theme-muted: #475569;
    --spos-theme-heading: #0f172a;
    --spos-theme-table-head-bg: #f8fafc;
    --spos-theme-table-head-text: #1e293b;
    --spos-theme-row-bg: #ffffff;
    --spos-theme-row-alt: #f8fafc;
}

.smart-pos-terminal-app.smart-pos-theme-default,
.smart-pos-terminal-app.smart-pos-theme-premium,
.smart-pos-terminal-app.smart-pos-theme-glass,
.smart-pos-terminal-app.smart-pos-theme-sunset,
.smart-pos-terminal-app.smart-pos-theme-ocean,
.smart-pos-terminal-app.smart-pos-theme-forest,
.smart-pos-terminal-app.smart-pos-theme-coral,
.smart-pos-terminal-app.smart-pos-theme-lime,
.smart-pos-terminal-app.smart-pos-theme-copper {
    --spos-theme-surface: rgba(255,255,255,.94);
    --spos-theme-surface-soft: rgba(248,250,252,.96);
    --spos-theme-border: rgba(203,213,225,.9);
    --spos-theme-text: #0f172a;
    --spos-theme-muted: #475569;
    --spos-theme-heading: #0f172a;
    --spos-theme-table-head-bg: #f8fafc;
    --spos-theme-table-head-text: #172033;
    --spos-theme-row-bg: rgba(255,255,255,.96);
    --spos-theme-row-alt: #f8fafc;
}

.smart-pos-terminal-app.smart-pos-theme-midnight,
.smart-pos-terminal-app.smart-pos-theme-violet,
.smart-pos-terminal-app.smart-pos-theme-aqua {
    --spos-theme-surface: rgba(15,23,42,.94);
    --spos-theme-surface-soft: rgba(30,41,59,.96);
    --spos-theme-border: rgba(148,163,184,.36);
    --spos-theme-text: #f8fafc;
    --spos-theme-muted: #cbd5e1;
    --spos-theme-heading: #ffffff;
    --spos-theme-table-head-bg: rgba(30,41,59,.98);
    --spos-theme-table-head-text: #ffffff;
    --spos-theme-row-bg: rgba(15,23,42,.92);
    --spos-theme-row-alt: rgba(30,41,59,.88);
}

/* Apply readable theme colors to terminal report/panel areas */
.smart-pos-terminal-app .smart-pos-panel,
.smart-pos-terminal-app .smart-pos-report-panel,
.smart-pos-terminal-app .smart-pos-dashboard-panel,
.smart-pos-terminal-app .smart-pos-outlet-statement,
.smart-pos-terminal-app .smart-pos-terminal-section,
.smart-pos-terminal-app .smart-pos-terminal-card,
.smart-pos-terminal-app .smart-pos-statement-card,
.smart-pos-terminal-app .smart-pos-table-wrap,
.smart-pos-terminal-app .smart-pos-history-panel,
.smart-pos-terminal-app .smart-pos-terminal-view .smart-pos-settings-card {
    background: var(--spos-theme-surface) !important;
    color: var(--spos-theme-text) !important;
    border-color: var(--spos-theme-border) !important;
}

.smart-pos-terminal-app .smart-pos-panel h1,
.smart-pos-terminal-app .smart-pos-panel h2,
.smart-pos-terminal-app .smart-pos-panel h3,
.smart-pos-terminal-app .smart-pos-report-panel h1,
.smart-pos-terminal-app .smart-pos-report-panel h2,
.smart-pos-terminal-app .smart-pos-report-panel h3,
.smart-pos-terminal-app .smart-pos-dashboard-panel h1,
.smart-pos-terminal-app .smart-pos-dashboard-panel h2,
.smart-pos-terminal-app .smart-pos-dashboard-panel h3,
.smart-pos-terminal-app .smart-pos-outlet-statement h1,
.smart-pos-terminal-app .smart-pos-outlet-statement h2,
.smart-pos-terminal-app .smart-pos-outlet-statement h3,
.smart-pos-terminal-app .smart-pos-terminal-view h1,
.smart-pos-terminal-app .smart-pos-terminal-view h2,
.smart-pos-terminal-app .smart-pos-terminal-view h3,
.smart-pos-terminal-app .smart-pos-terminal-view strong {
    color: var(--spos-theme-heading) !important;
    text-shadow: none !important;
}

.smart-pos-terminal-app .smart-pos-panel p,
.smart-pos-terminal-app .smart-pos-report-panel p,
.smart-pos-terminal-app .smart-pos-dashboard-panel p,
.smart-pos-terminal-app .smart-pos-outlet-statement p,
.smart-pos-terminal-app .smart-pos-terminal-view .description,
.smart-pos-terminal-app .smart-pos-terminal-view small {
    color: var(--spos-theme-muted) !important;
    text-shadow: none !important;
}

/* Fix report table headers: no white-on-light issue */
.smart-pos-terminal-app table,
.smart-pos-terminal-app .smart-pos-table,
.smart-pos-terminal-app .smart-pos-order-history-table,
.smart-pos-terminal-app .smart-pos-outlet-statement table {
    color: var(--spos-theme-text) !important;
    border-color: var(--spos-theme-border) !important;
}

.smart-pos-terminal-app table thead,
.smart-pos-terminal-app .smart-pos-table thead,
.smart-pos-terminal-app .smart-pos-order-history-table thead,
.smart-pos-terminal-app .smart-pos-outlet-statement table thead {
    background: var(--spos-theme-table-head-bg) !important;
}

.smart-pos-terminal-app table th,
.smart-pos-terminal-app .smart-pos-table th,
.smart-pos-terminal-app .smart-pos-order-history-table th,
.smart-pos-terminal-app .smart-pos-outlet-statement table th,
.smart-pos-terminal-app [class*="statement"] th,
.smart-pos-terminal-app [class*="report"] th {
    background: var(--spos-theme-table-head-bg) !important;
    color: var(--spos-theme-table-head-text) !important;
    border-color: var(--spos-theme-border) !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}

.smart-pos-terminal-app table td,
.smart-pos-terminal-app .smart-pos-table td,
.smart-pos-terminal-app .smart-pos-order-history-table td,
.smart-pos-terminal-app .smart-pos-outlet-statement table td,
.smart-pos-terminal-app [class*="statement"] td,
.smart-pos-terminal-app [class*="report"] td {
    background: var(--spos-theme-row-bg) !important;
    color: var(--spos-theme-text) !important;
    border-color: var(--spos-theme-border) !important;
    text-shadow: none !important;
}

.smart-pos-terminal-app table tbody tr:nth-child(even) td,
.smart-pos-terminal-app .smart-pos-table tbody tr:nth-child(even) td,
.smart-pos-terminal-app .smart-pos-order-history-table tbody tr:nth-child(even) td,
.smart-pos-terminal-app .smart-pos-outlet-statement table tbody tr:nth-child(even) td {
    background: var(--spos-theme-row-alt) !important;
}

/* Common div-grid table style used by some report blocks */
.smart-pos-terminal-app .smart-pos-table-header,
.smart-pos-terminal-app .smart-pos-table-row,
.smart-pos-terminal-app .smart-pos-report-header,
.smart-pos-terminal-app .smart-pos-report-row,
.smart-pos-terminal-app .smart-pos-statement-header,
.smart-pos-terminal-app .smart-pos-statement-row {
    color: var(--spos-theme-text) !important;
    border-color: var(--spos-theme-border) !important;
    text-shadow: none !important;
}

.smart-pos-terminal-app .smart-pos-table-header,
.smart-pos-terminal-app .smart-pos-report-header,
.smart-pos-terminal-app .smart-pos-statement-header {
    background: var(--spos-theme-table-head-bg) !important;
    color: var(--spos-theme-table-head-text) !important;
}

.smart-pos-terminal-app .smart-pos-table-header *,
.smart-pos-terminal-app .smart-pos-report-header *,
.smart-pos-terminal-app .smart-pos-statement-header * {
    color: var(--spos-theme-table-head-text) !important;
    text-shadow: none !important;
}

/* Inputs/dropdowns must remain visible in dark/light themes */
.smart-pos-terminal-app input,
.smart-pos-terminal-app select,
.smart-pos-terminal-app textarea {
    background: var(--spos-theme-surface-soft) !important;
    color: var(--spos-theme-text) !important;
    border-color: var(--spos-theme-border) !important;
}

.smart-pos-terminal-app input::placeholder,
.smart-pos-terminal-app textarea::placeholder {
    color: var(--spos-theme-muted) !important;
    opacity: .86;
}

/* Invoice/modal text contrast */
.smart-pos-terminal-app .smart-pos-invoice-popup,
.smart-pos-terminal-app .smart-pos-invoice-preview,
.smart-pos-terminal-app .smart-pos-modal,
.smart-pos-terminal-app .smart-pos-modal * {
    text-shadow: none !important;
}

.smart-pos-terminal-app.smart-pos-theme-midnight .smart-pos-invoice-popup,
.smart-pos-terminal-app.smart-pos-theme-violet .smart-pos-invoice-popup,
.smart-pos-terminal-app.smart-pos-theme-aqua .smart-pos-invoice-popup,
.smart-pos-terminal-app.smart-pos-theme-midnight .smart-pos-modal,
.smart-pos-terminal-app.smart-pos-theme-violet .smart-pos-modal,
.smart-pos-terminal-app.smart-pos-theme-aqua .smart-pos-modal {
    background: #0f172a !important;
    color: #f8fafc !important;
}

/* Admin report table contrast for selected dark admin themes */
.smart-pos-wrap.smart-pos-theme-midnight,
.smart-pos-wrap.smart-pos-theme-violet,
.smart-pos-wrap.smart-pos-theme-aqua {
    --spos-theme-surface: rgba(15,23,42,.94);
    --spos-theme-surface-soft: rgba(30,41,59,.96);
    --spos-theme-border: rgba(148,163,184,.36);
    --spos-theme-text: #f8fafc;
    --spos-theme-muted: #cbd5e1;
    --spos-theme-heading: #ffffff;
    --spos-theme-table-head-bg: rgba(30,41,59,.98);
    --spos-theme-table-head-text: #ffffff;
    --spos-theme-row-bg: rgba(15,23,42,.92);
    --spos-theme-row-alt: rgba(30,41,59,.88);
}

.smart-pos-wrap.smart-pos-theme-midnight table th,
.smart-pos-wrap.smart-pos-theme-violet table th,
.smart-pos-wrap.smart-pos-theme-aqua table th,
.smart-pos-wrap.smart-pos-theme-midnight [class*="statement"] th,
.smart-pos-wrap.smart-pos-theme-violet [class*="statement"] th,
.smart-pos-wrap.smart-pos-theme-aqua [class*="statement"] th {
    background: var(--spos-theme-table-head-bg) !important;
    color: var(--spos-theme-table-head-text) !important;
    text-shadow: none !important;
}


/* Smart POS v3.6.1 - Terminal POS Options Section Menu */
.smart-pos-pos-section-menu{position:relative;display:flex;justify-content:flex-end;margin:0 0 16px;z-index:50}
.smart-pos-pos-section-menu__button{border:0;border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:800;letter-spacing:.03em;box-shadow:0 14px 30px rgba(37,99,235,.2);cursor:pointer}
.smart-pos-pos-section-menu__panel{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,90vw);background:var(--spos-theme-surface,#fff);color:var(--spos-theme-text,#0f172a);border:1px solid var(--spos-theme-border,#dbe4f0);border-radius:18px;padding:12px;box-shadow:0 24px 58px rgba(15,23,42,.18)}
.smart-pos-pos-section-menu__item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;font-weight:700;cursor:pointer;color:var(--spos-theme-text,#0f172a)}
.smart-pos-pos-section-menu__item:hover{background:var(--spos-theme-surface-soft,#f8fafc)}
.smart-pos-pos-section-menu__item input{width:18px;height:18px}
.smart-pos-pos-section-menu__actions{display:flex;gap:8px;padding:10px 4px 2px}
.smart-pos-pos-section-menu__actions button{flex:1;border:1px solid var(--spos-theme-border,#dbe4f0);border-radius:12px;padding:8px 10px;background:var(--spos-theme-surface-soft,#f8fafc);color:var(--spos-theme-text,#0f172a);font-weight:800;cursor:pointer}
.smart-pos-section-hidden{display:none !important}
.smart-pos-terminal-app.smart-pos-theme-midnight .smart-pos-pos-section-menu__button,
.smart-pos-terminal-app.smart-pos-theme-violet .smart-pos-pos-section-menu__button,
.smart-pos-terminal-app.smart-pos-theme-aqua .smart-pos-pos-section-menu__button{background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:#020617}


/* Smart POS v3.6.3 - Terminal Sell Menu Group */
.smart-pos-terminal-nav-group{display:grid;gap:8px}
.smart-pos-terminal-nav-group__toggle{position:relative;width:100%;display:flex;align-items:center;gap:12px}
.smart-pos-terminal-nav-group__chevron{margin-left:auto;font-weight:900;transition:transform .2s ease}
.smart-pos-terminal-nav-group.is-open .smart-pos-terminal-nav-group__chevron{transform:rotate(180deg)}
.smart-pos-terminal-nav-group__items{display:none;gap:8px;padding-left:14px;margin-top:2px;border-left:2px solid rgba(255,255,255,.28)}
.smart-pos-terminal-nav-group.is-open .smart-pos-terminal-nav-group__items{display:grid}
.smart-pos-terminal-nav-group__items button{min-height:58px;font-size:92%;opacity:.96}
.smart-pos-terminal-nav-group__items .smart-pos-terminal-nav__icon{transform:scale(.88)}
.smart-pos-terminal-nav-group.is-active > .smart-pos-terminal-nav-group__toggle{box-shadow:0 18px 36px rgba(37,99,235,.18)}
.smart-pos-terminal-app.smart-pos-theme-midnight .smart-pos-terminal-nav-group__items,
.smart-pos-terminal-app.smart-pos-theme-violet .smart-pos-terminal-nav-group__items,
.smart-pos-terminal-app.smart-pos-theme-aqua .smart-pos-terminal-nav-group__items{border-left-color:rgba(248,250,252,.28)}


/* Smart POS v3.6.5 - Terminal Orders quick search + invoice popup polish */
.smart-pos-orders-quick-tools{position:sticky;top:10px;z-index:30}
.smart-pos-orders-live-search{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.smart-pos-orders-live-search input[type="search"]{flex:1;min-width:260px;min-height:44px;border-radius:14px;padding:10px 14px;border:1px solid var(--spos-readable-border,#dbe4f0);background:var(--spos-readable-input-bg,#fff);color:var(--spos-readable-input-text,#0f172a)}
.smart-pos-orders-live-table tbody tr{transition:background .18s ease, opacity .18s ease}
.smart-pos-orders-live-table tbody tr:hover td{background:rgba(37,99,235,.08)!important}
.smart-pos-orders-invoice-popup-button,.smart-pos-terminal-table .smart-pos-invoice-popup-button{border-radius:999px!important;font-weight:800!important;white-space:nowrap}
.smart-pos-orders-live-table[data-no-live-results="true"]::after{content:"No matching orders found";display:block;padding:14px 16px;color:var(--spos-readable-muted,#475569);font-weight:700}


/* Smart POS v3.6.8 - Ultra Fast POS UI */
.smart-pos-terminal-app .smart-pos-terminal-view{transition:opacity .16s ease,transform .16s ease}
.smart-pos-terminal-app.smart-pos-ultra-switching .smart-pos-terminal-view.is-active{animation:smartPosUltraFadeIn .16s ease both}
@keyframes smartPosUltraFadeIn{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.smart-pos-terminal-app.smart-pos-ultra-loading::after{
    content:"Processing...";
    position:fixed;right:22px;bottom:22px;z-index:999999;
    padding:12px 16px;border-radius:999px;
    background:linear-gradient(135deg,#2563eb,#7c3aed);
    color:#fff;font-weight:900;box-shadow:0 18px 48px rgba(37,99,235,.35)
}
.smart-pos-live-hidden{display:none!important}
.smart-pos-fast-tap{transform:scale(.985);transition:transform .12s ease}
.smart-pos-terminal-app .smart-pos-product-card,
.smart-pos-terminal-app .smart-pos-product-tile,
.smart-pos-terminal-app [data-product-id],
.smart-pos-terminal-app [data-smart-pos-product]{will-change:transform}
.smart-pos-terminal-app input,
.smart-pos-terminal-app select,
.smart-pos-terminal-app textarea,
.smart-pos-terminal-app button{transition:border-color .14s ease,box-shadow .14s ease,background .14s ease,transform .14s ease}
.smart-pos-terminal-app input:focus,
.smart-pos-terminal-app select:focus,
.smart-pos-terminal-app textarea:focus{outline:none!important;border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.14)!important}
.smart-pos-terminal-app button:active{transform:scale(.985)}
.smart-pos-terminal-app .smart-pos-terminal-view:not(.is-active){display:none!important}
.smart-pos-terminal-app .smart-pos-terminal-view.is-active{display:block!important}


/* Smart POS v3.6.9 - Manual product quantity in Terminal POS cart */
.smart-pos-cart-row--quantity{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:10px;
    align-items:center;
}
.smart-pos-cart-row__info{min-width:0}
.smart-pos-cart-qty-control{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:4px;
    border-radius:14px;
    background:var(--spos-readable-soft,#f8fafc);
    border:1px solid var(--spos-readable-border,#dbe4f0);
}
.smart-pos-cart-qty-control button{
    width:30px;
    height:30px;
    border:0;
    border-radius:10px;
    background:linear-gradient(135deg,#2563eb,#7c3aed);
    color:#fff;
    font-size:18px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
}
.smart-pos-cart-qty-control .qty-input{
    width:58px!important;
    min-height:30px!important;
    height:30px!important;
    padding:4px 6px!important;
    border:1px solid var(--spos-readable-border,#dbe4f0)!important;
    border-radius:10px!important;
    text-align:center;
    font-size:14px!important;
    font-weight:800;
    background:var(--spos-readable-input-bg,#fff)!important;
    color:var(--spos-readable-input-text,#0f172a)!important;
}
.smart-pos-cart-row--quantity .remove-item{
    width:32px;
    height:32px;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
}
@media (max-width: 640px){
    .smart-pos-cart-row--quantity{
        grid-template-columns:1fr;
    }
    .smart-pos-cart-qty-control{
        justify-content:center;
        width:100%;
    }
}


/* Smart POS v3.7.0 - Every Outlet Sell Statement all-theme text visibility fix */
.smart-pos-terminal-app,
.smart-pos-wrap{
    --spos-statement-head-bg:#f8fafc;
    --spos-statement-head-text:#0f172a;
    --spos-statement-body-bg:#ffffff;
    --spos-statement-body-text:#0f172a;
    --spos-statement-border:#dbe4f0;
}
.smart-pos-terminal-app.smart-pos-theme-midnight,
.smart-pos-terminal-app.smart-pos-theme-violet,
.smart-pos-terminal-app.smart-pos-theme-aqua,
.smart-pos-wrap.smart-pos-theme-midnight,
.smart-pos-wrap.smart-pos-theme-violet,
.smart-pos-wrap.smart-pos-theme-aqua{
    --spos-statement-head-bg:#1e293b;
    --spos-statement-head-text:#ffffff;
    --spos-statement-body-bg:#0f172a;
    --spos-statement-body-text:#f8fafc;
    --spos-statement-border:rgba(148,163,184,.42);
}

/* Every Outlet Sell Statement header and all statement/report headers */
.smart-pos-terminal-app .smart-pos-outlet-statement,
.smart-pos-terminal-app [class*="outlet"][class*="statement"],
.smart-pos-wrap .smart-pos-outlet-statement,
.smart-pos-wrap [class*="outlet"][class*="statement"]{
    color:var(--spos-statement-body-text)!important;
    border-color:var(--spos-statement-border)!important;
    text-shadow:none!important;
}

.smart-pos-terminal-app .smart-pos-outlet-statement th,
.smart-pos-terminal-app .smart-pos-outlet-statement thead th,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] th,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] thead th,
.smart-pos-wrap .smart-pos-outlet-statement th,
.smart-pos-wrap .smart-pos-outlet-statement thead th,
.smart-pos-wrap [class*="outlet"][class*="statement"] th,
.smart-pos-wrap [class*="outlet"][class*="statement"] thead th{
    background:var(--spos-statement-head-bg)!important;
    color:var(--spos-statement-head-text)!important;
    border-color:var(--spos-statement-border)!important;
    font-weight:900!important;
    text-shadow:none!important;
    opacity:1!important;
}

.smart-pos-terminal-app .smart-pos-outlet-statement th *,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] th *,
.smart-pos-wrap .smart-pos-outlet-statement th *,
.smart-pos-wrap [class*="outlet"][class*="statement"] th *{
    color:var(--spos-statement-head-text)!important;
    text-shadow:none!important;
    opacity:1!important;
}

/* Div/grid header variants */
.smart-pos-terminal-app .smart-pos-outlet-statement .smart-pos-table-header,
.smart-pos-terminal-app .smart-pos-outlet-statement .smart-pos-report-header,
.smart-pos-terminal-app .smart-pos-outlet-statement .smart-pos-statement-header,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] .smart-pos-table-header,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] .smart-pos-report-header,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] .smart-pos-statement-header,
.smart-pos-wrap .smart-pos-outlet-statement .smart-pos-table-header,
.smart-pos-wrap .smart-pos-outlet-statement .smart-pos-report-header,
.smart-pos-wrap .smart-pos-outlet-statement .smart-pos-statement-header,
.smart-pos-wrap [class*="outlet"][class*="statement"] .smart-pos-table-header,
.smart-pos-wrap [class*="outlet"][class*="statement"] .smart-pos-report-header,
.smart-pos-wrap [class*="outlet"][class*="statement"] .smart-pos-statement-header{
    background:var(--spos-statement-head-bg)!important;
    color:var(--spos-statement-head-text)!important;
    border-color:var(--spos-statement-border)!important;
    text-shadow:none!important;
    opacity:1!important;
}
.smart-pos-terminal-app .smart-pos-outlet-statement .smart-pos-table-header *,
.smart-pos-terminal-app .smart-pos-outlet-statement .smart-pos-report-header *,
.smart-pos-terminal-app .smart-pos-outlet-statement .smart-pos-statement-header *,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] .smart-pos-table-header *,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] .smart-pos-report-header *,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] .smart-pos-statement-header *,
.smart-pos-wrap .smart-pos-outlet-statement .smart-pos-table-header *,
.smart-pos-wrap .smart-pos-outlet-statement .smart-pos-report-header *,
.smart-pos-wrap .smart-pos-outlet-statement .smart-pos-statement-header *,
.smart-pos-wrap [class*="outlet"][class*="statement"] .smart-pos-table-header *,
.smart-pos-wrap [class*="outlet"][class*="statement"] .smart-pos-report-header *,
.smart-pos-wrap [class*="outlet"][class*="statement"] .smart-pos-statement-header *{
    color:var(--spos-statement-head-text)!important;
    text-shadow:none!important;
    opacity:1!important;
}

/* Body readability */
.smart-pos-terminal-app .smart-pos-outlet-statement td,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] td,
.smart-pos-wrap .smart-pos-outlet-statement td,
.smart-pos-wrap [class*="outlet"][class*="statement"] td{
    background:var(--spos-statement-body-bg)!important;
    color:var(--spos-statement-body-text)!important;
    border-color:var(--spos-statement-border)!important;
    text-shadow:none!important;
    opacity:1!important;
}
.smart-pos-terminal-app .smart-pos-outlet-statement td *,
.smart-pos-terminal-app [class*="outlet"][class*="statement"] td *,
.smart-pos-wrap .smart-pos-outlet-statement td *,
.smart-pos-wrap [class*="outlet"][class*="statement"] td *{
    color:var(--spos-statement-body-text)!important;
    text-shadow:none!important;
    opacity:1!important;
}

/* Last-resort: all table headers must be readable in every light/dark theme */
.smart-pos-terminal-app:not(.smart-pos-theme-midnight):not(.smart-pos-theme-violet):not(.smart-pos-theme-aqua) table thead th,
.smart-pos-terminal-app:not(.smart-pos-theme-midnight):not(.smart-pos-theme-violet):not(.smart-pos-theme-aqua) table thead th *,
.smart-pos-wrap:not(.smart-pos-theme-midnight):not(.smart-pos-theme-violet):not(.smart-pos-theme-aqua) table thead th,
.smart-pos-wrap:not(.smart-pos-theme-midnight):not(.smart-pos-theme-violet):not(.smart-pos-theme-aqua) table thead th *{
    color:#0f172a!important;
    text-shadow:none!important;
    opacity:1!important;
}
.smart-pos-terminal-app.smart-pos-theme-midnight table thead th,
.smart-pos-terminal-app.smart-pos-theme-violet table thead th,
.smart-pos-terminal-app.smart-pos-theme-aqua table thead th,
.smart-pos-terminal-app.smart-pos-theme-midnight table thead th *,
.smart-pos-terminal-app.smart-pos-theme-violet table thead th *,
.smart-pos-terminal-app.smart-pos-theme-aqua table thead th *,
.smart-pos-wrap.smart-pos-theme-midnight table thead th,
.smart-pos-wrap.smart-pos-theme-violet table thead th,
.smart-pos-wrap.smart-pos-theme-aqua table thead th,
.smart-pos-wrap.smart-pos-theme-midnight table thead th *,
.smart-pos-wrap.smart-pos-theme-violet table thead th *,
.smart-pos-wrap.smart-pos-theme-aqua table thead th *{
    color:#ffffff!important;
    text-shadow:none!important;
    opacity:1!important;
}

/* Smart POS v3.7.1 - Simple Sell Build */
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-layout{gap:14px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-cart-panel,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-payment,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-checkout-panel{border-radius:20px!important;border:1px solid var(--spos-readable-border,#dbe4f0)!important;background:var(--spos-readable-card,#fff)!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel{padding:14px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel h2,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel h3,
.smart-pos-terminal-app .smart-pos-simple-sell-view [class*="customer"] h2,
.smart-pos-terminal-app .smart-pos-simple-sell-view [class*="customer"] h3{font-size:16px!important;margin:0 0 8px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel p,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel .description{display:none!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel form,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-fields,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel .smart-pos-stack-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel input,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel select,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel textarea,
.smart-pos-terminal-app .smart-pos-simple-sell-field{min-height:36px!important;height:36px!important;padding:7px 10px!important;border-radius:10px!important;font-size:13px!important;line-height:1.2!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel textarea,
.smart-pos-terminal-app .smart-pos-simple-sell-view textarea[placeholder*="Customer address"]{min-height:58px!important;max-height:70px!important;grid-column:1/-1!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-search,
.smart-pos-terminal-app .smart-pos-simple-sell-view input[placeholder*="Search user"]{grid-column:1/-1!important;margin:0 0 6px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-summary,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-totals,
.smart-pos-terminal-app .smart-pos-simple-sell-view [class*="customer-summary"],
.smart-pos-terminal-app .smart-pos-simple-sell-view [class*="customer-total"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-summary>*,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-totals>*,
.smart-pos-terminal-app .smart-pos-simple-sell-view [class*="customer-summary"]>*,
.smart-pos-terminal-app .smart-pos-simple-sell-view [class*="customer-total"]>*{padding:8px!important;border-radius:12px!important;font-size:12px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view #smart-pos-cart-items,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-cart-items{max-height:230px!important;overflow:auto!important;padding-right:4px}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-cart-row{padding:8px!important;border-radius:14px!important;gap:8px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-cart-row h4{font-size:13px!important;margin:0 0 3px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-cart-row p,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-cart-row span{font-size:12px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-total-row,
.smart-pos-terminal-app .smart-pos-simple-sell-view [class*="total-row"],
.smart-pos-terminal-app .smart-pos-simple-sell-view [class*="summary-row"]{min-height:34px!important;padding:6px 8px!important;border-radius:10px!important;font-size:13px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view #smart-pos-discount,
.smart-pos-terminal-app .smart-pos-simple-sell-view #smart-pos-vat,
.smart-pos-terminal-app .smart-pos-simple-sell-view #smart-pos-paid-amount,
.smart-pos-terminal-app .smart-pos-simple-sell-view #smart-pos-due-amount,
.smart-pos-terminal-app .smart-pos-simple-sell-view #smart-pos-discount-type,
.smart-pos-terminal-app .smart-pos-simple-sell-view #smart-pos-vat-type{min-height:38px!important;height:38px!important;border-radius:11px!important;font-size:13px!important;padding:7px 10px!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-checkout,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-checkout-btn,
.smart-pos-terminal-app .smart-pos-simple-sell-view button.smart-pos-checkout{min-height:50px!important;width:100%!important;border-radius:16px!important;border:0!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:0 18px 36px rgba(22,163,74,.24)!important}
.smart-pos-simple-checkout-pulse{animation:smartPosSimpleCheckoutPulse .22s ease both}
@keyframes smartPosSimpleCheckoutPulse{0%{transform:scale(1)}50%{transform:scale(1.025)}100%{transform:scale(1)}}
@media (max-width:782px){
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel form,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-fields,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-panel .smart-pos-stack-form{grid-template-columns:1fr!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-summary,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-customer-totals,
.smart-pos-terminal-app .smart-pos-simple-sell-view [class*="customer-summary"],
.smart-pos-terminal-app .smart-pos-simple-sell-view [class*="customer-total"]{grid-template-columns:1fr!important}
.smart-pos-terminal-app .smart-pos-simple-sell-view #smart-pos-cart-items,
.smart-pos-terminal-app .smart-pos-simple-sell-view .smart-pos-cart-items{max-height:190px!important}
}