/* MOB365 FREEZE BUNDLE — 2026-08-20
   Generated from legacy styles in their original cascade order.
   Do not reorder sections without regression testing. */

/* ===== SOURCE: login-enterprise.css ===== */
:host {
    display: block;
    min-height: 100dvh;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.bc-login-page {
    min-height: 100dvh;
    padding: 22px;
    display: grid;
    place-items: center;
    overflow: auto;
    background: #eef2f6;
    color: #172033;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.bc-login-shell {
    width: min(1180px, 100%);
    min-height: 690px;
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #c9d1dc;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(16, 24, 40, .13);
}

.bc-brand-panel {
    min-width: 0;
    padding: 34px 28px 26px;
    display: flex;
    flex-direction: column;
    background: #10233f;
    color: #fff;
}

.bc-brand-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bc-logo {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border: 1px solid #3c506c;
    border-radius: 4px;
    background: #0b766e;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}

.bc-product-name {
    color: #fff;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .3px;
}

.bc-product-edition {
    margin-top: 3px;
    color: #aebbd0;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.bc-divider {
    height: 1px;
    margin: 28px 0 22px;
    background: #31445f;
}

.bc-context-label,
.bc-section-kicker,
.bc-page-eyebrow {
    color: #0b766e;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.35px;
}

.bc-context-label {
    color: #aebbd0;
}

.bc-status-list {
    margin-top: 18px;
    display: grid;
    gap: 17px;
}

.bc-status-row {
    display: grid;
    grid-template-columns: 10px minmax(0,1fr);
    gap: 11px;
    align-items: start;
}

.bc-status-dot {
    width: 8px;
    height: 8px;
    margin-top: 4px;
    border: 1px solid #72809a;
    border-radius: 50%;
    background: #667085;
}

    .bc-status-dot.ok {
        border-color: #12b76a;
        background: #12b76a;
    }

    .bc-status-dot.off {
        border-color: #f04438;
        background: #f04438;
    }

    .bc-status-dot.neutral {
        border-color: #98a2b3;
        background: #98a2b3;
    }

.bc-status-row strong {
    display: block;
    color: #fff;
    font-size: 11px;
    font-weight: 750;
}

.bc-status-row small {
    display: block;
    margin-top: 3px;
    color: #aebbd0;
    font-size: 9px;
    line-height: 1.35;
}

.bc-brand-footer {
    margin-top: auto;
    padding-top: 22px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    border-top: 1px solid #31445f;
}

    .bc-brand-footer span,
    .bc-brand-footer strong {
        display: block;
    }

    .bc-brand-footer span {
        color: #8fa0b9;
        font-size: 8px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .8px;
    }

    .bc-brand-footer strong {
        margin-top: 4px;
        color: #fff;
        font-size: 10px;
        font-weight: 800;
    }

.bc-login-content {
    position: relative;
    min-width: 0;
    padding: 38px 48px 24px;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.bc-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7ec;
}

    .bc-page-header h1 {
        margin: 7px 0 0;
        color: #172033;
        font-size: 29px;
        line-height: 1.15;
        font-weight: 850;
        letter-spacing: -.5px;
    }

    .bc-page-header p {
        margin: 8px 0 0;
        color: #667085;
        font-size: 12px;
        line-height: 1.45;
    }

.bc-online-badge {
    height: 29px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #d0d5dd;
    border-radius: 3px;
    background: #f9fafb;
    color: #344054;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .6px;
}

    .bc-online-badge span {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #98a2b3;
    }

    .bc-online-badge.online span {
        background: #12b76a;
    }

    .bc-online-badge.offline span {
        background: #f04438;
    }

.bc-workspace-section,
.bc-credentials-section {
    padding-top: 22px;
}

.bc-section-heading {
    margin-bottom: 11px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
}

    .bc-section-heading.compact {
        margin-bottom: 10px;
    }

    .bc-section-heading h2 {
        margin: 4px 0 0;
        color: #344054;
        font-size: 14px;
        font-weight: 850;
    }

.bc-section-hint {
    color: #98a2b3;
    font-size: 9px;
}

.bc-module-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    border-top: 1px solid #d0d5dd;
    border-left: 1px solid #d0d5dd;
}

.bc-module {
    min-width: 0;
    min-height: 60px;
    padding: 10px 11px;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    border: 0;
    border-right: 1px solid #d0d5dd;
    border-bottom: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    text-align: left;
    cursor: pointer;
}

    .bc-module:hover:not(:disabled) {
        background: #f8fafc;
    }

    .bc-module.active {
        background: #eef8f7;
        box-shadow: inset 3px 0 0 #0b766e;
    }

.bc-module-code {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid #d0d5dd;
    border-radius: 3px;
    background: #f2f4f7;
    color: #475467;
    font-size: 9px;
    font-weight: 900;
}

.bc-module.active .bc-module-code {
    border-color: #0b766e;
    background: #0b766e;
    color: #fff;
}

.bc-module-copy {
    min-width: 0;
}

    .bc-module-copy strong,
    .bc-module-copy small {
        display: block;
    }

    .bc-module-copy strong {
        color: #172033;
        font-size: 12px;
        font-weight: 800;
    }

    .bc-module-copy small {
        margin-top: 3px;
        color: #667085;
        font-size: 9px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.bc-module-state {
    color: #98a2b3;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .6px;
}

.bc-module.active .bc-module-state {
    color: #0b766e;
}

.bc-error {
    margin-top: 16px;
    padding: 10px 12px;
    display: grid;
    gap: 3px;
    border: 1px solid #fecdca;
    border-radius: 3px;
    background: #fef3f2;
    color: #b42318;
}

    .bc-error strong {
        font-size: 10px;
    }

    .bc-error span {
        font-size: 10px;
    }

.bc-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.bc-field {
    display: block;
}

.bc-field > span {
    display: block;
    margin-bottom: 5px;
    color: #344054;
    font-size: 10px;
    font-weight: 800;
}

.bc-input {
    min-height: 45px;
    display: grid;
    grid-template-columns: 44px minmax(0,1fr);
    align-items: center;
    overflow: hidden;
    border: 1px solid #d0d5dd;
    border-radius: 3px;
    background: #fff;
}

    .bc-input:focus-within {
        border-color: #0b766e;
        box-shadow: 0 0 0 2px rgba(11,118,110,.08);
    }

    .bc-input b {
        height: 100%;
        display: grid;
        place-items: center;
        border-right: 1px solid #e4e7ec;
        background: #f9fafb;
        color: #667085;
        font-size: 8px;
        font-weight: 900;
    }

    .bc-input input {
        width: 100%;
        min-width: 0;
        height: 43px;
        padding: 0 12px;
        border: 0;
        outline: 0;
        background: transparent;
        color: #172033;
        font-size: 12px;
        font-weight: 750;
    }

        .bc-input input::placeholder {
            color: #98a2b3;
        }

.bc-login-actions {
    margin-top: 18px;
    padding-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-top: 1px solid #e4e7ec;
}

.bc-security-note {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #667085;
    font-size: 9px;
}

    .bc-security-note > span {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #12b76a;
    }

.bc-primary-action {
    min-width: 220px;
    height: 46px;
    padding: 0 10px 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid #0b766e;
    border-radius: 3px;
    background: #0b766e;
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
}

    .bc-primary-action:hover:not(:disabled) {
        background: #08665f;
    }

    .bc-primary-action b {
        min-width: 48px;
        height: 25px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255,255,255,.28);
        border-radius: 2px;
        background: rgba(255,255,255,.10);
        font-size: 8px;
    }

    .bc-primary-action:disabled {
        opacity: .6;
        cursor: not-allowed;
    }

.bc-content-footer {
    margin-top: auto;
    padding-top: 18px;
    display: flex;
    justify-content: space-between;
    color: #98a2b3;
    font-size: 8px;
    border-top: 1px solid #f2f4f7;
}

@media (max-width: 900px) {
    .bc-login-shell {
        grid-template-columns: 250px minmax(0,1fr);
    }

    .bc-login-content {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (max-width: 720px) {
    .bc-login-page {
        padding: 10px;
    }

    .bc-login-shell {
        min-height: calc(100dvh - 20px);
        grid-template-columns: 1fr;
    }

    .bc-brand-panel {
        display: none;
    }

    .bc-login-content {
        padding: 28px 18px 20px;
    }

    .bc-page-header {
        padding-top: 35px;
    }

    .bc-online-badge {
        position: absolute;
        top: 18px;
        right: 18px;
    }
}

@media (max-width: 540px) {
    .bc-module-grid,
    .bc-form-grid {
        grid-template-columns: 1fr;
    }

    .bc-form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }

    .bc-field-password {
        grid-column: 1;
        max-width: 380px;
    }

    .bc-login-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .bc-primary-action {
        width: 100%;
        min-width: 0;
    }

    .bc-section-hint {
        display: none;
    }
}
@media (max-width: 540px) {
    .bc-field-password {
        grid-column: auto;
        max-width: none;
    }
}

/* MOB365 Retail Enterprise login */
.bc-login-page {
    background:
        linear-gradient(rgba(16, 35, 63, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 35, 63, .025) 1px, transparent 1px),
        #eef2f6;
    background-size: 28px 28px;
}

.bc-login-shell {
    border: 1px solid rgba(16, 35, 63, .14);
    border-radius: 16px;
    box-shadow: 0 28px 70px rgba(16, 30, 50, .16);
}

.bc-brand-panel {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgba(22, 164, 151, .20), transparent 31%),
        linear-gradient(155deg, #17304f, #0d1d34 70%);
}

.bc-brand-panel::after {
    content: "";
    position: absolute;
    right: -105px;
    bottom: 52px;
    width: 245px;
    height: 245px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(255,255,255,.025), 0 0 0 76px rgba(255,255,255,.018);
    pointer-events: none;
}

.bc-brand-header,
.bc-status-list,
.bc-brand-footer,
.bc-context-label {
    position: relative;
    z-index: 1;
}

.bc-logo {
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 11px;
    background: linear-gradient(145deg, #0a9388, #08746c);
    box-shadow: 0 8px 18px rgba(4, 90, 83, .3);
}

.bc-product-name {
    font-size: 17px;
    letter-spacing: .2px;
}

.bc-product-edition {
    color: #a9bad0;
    letter-spacing: 1.7px;
}

.bc-login-content {
    padding-top: 42px;
}

.bc-page-header h1 {
    font-size: 32px;
    letter-spacing: -.8px;
}

.bc-online-badge {
    border-radius: 18px;
}

.bc-retail-workspace {
    min-height: 66px;
    padding: 11px 13px;
    display: grid;
    grid-template-columns: 40px minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    border: 1px solid #cee5e2;
    border-radius: 9px;
    background: linear-gradient(135deg, #f4fbfa, #f8fbfc);
    box-shadow: inset 3px 0 0 #0b766e;
}

.bc-retail-workspace-code {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #0b766e;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.bc-retail-workspace-copy strong,
.bc-retail-workspace-copy small {
    display: block;
}

.bc-retail-workspace-copy strong {
    color: #193736;
    font-size: 12px;
    font-weight: 850;
}

.bc-retail-workspace-copy small {
    margin-top: 4px;
    color: #687c7b;
    font-size: 9px;
}

.bc-retail-workspace-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #08736b;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .7px;
}

.bc-retail-workspace-state i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #12a36d;
    box-shadow: 0 0 0 3px rgba(18,163,109,.11);
}

.bc-input,
.bc-error,
.bc-primary-action {
    border-radius: 8px;
}

.bc-primary-action {
    background: linear-gradient(135deg, #09887e, #087169);
    box-shadow: 0 8px 18px rgba(8, 127, 118, .18);
}

.bc-primary-action:hover:not(:disabled) {
    background: linear-gradient(135deg, #087b73, #06645e);
    box-shadow: 0 11px 23px rgba(8, 127, 118, .24);
}

@media (max-width: 720px) {
    .bc-login-shell {
        border-radius: 10px;
    }

    .bc-login-content {
        padding-top: 32px;
    }
}
/* MOB365 Enterprise operator PIN */
.pin-mode-switch{display:flex;gap:8px;margin:0 0 18px;padding:5px;background:#eef2f6;border-radius:10px}
.pin-mode-switch button{flex:1;border:0;background:transparent;padding:11px 14px;border-radius:8px;color:#536273;font-weight:700;cursor:pointer}
.pin-mode-switch button.active{background:#fff;color:#102a43;box-shadow:0 2px 10px rgba(15,35,55,.09)}
.pin-mode-switch button:disabled{opacity:.45;cursor:not-allowed}
.pin-operator-card{display:flex;flex-direction:column;padding:18px 20px;margin-bottom:16px;border:1px solid #d9e3ec;border-left:4px solid #159a9c;border-radius:10px;background:#fff}
.pin-operator-card span{font-size:11px;letter-spacing:.12em;color:#718096;font-weight:800}
.pin-operator-card strong{font-size:22px;color:#102a43;margin:4px 0}
.pin-operator-card small{color:#718096}
.pin-only-grid{grid-template-columns:1fr!important}
.pin-setup-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(8,25,42,.72);backdrop-filter:blur(5px)}
.pin-setup-dialog{width:min(460px,100%);padding:30px;border-radius:16px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.pin-setup-dialog h2{margin:7px 0;color:#102a43}
.pin-setup-dialog p{margin:0 0 20px;color:#617184}
.pin-setup-dialog .bc-field{display:block;margin:14px 0}
.pin-setup-dialog .bc-primary-action{width:100%;margin-top:20px}


/* ===== SOURCE: mob365-suite-functional.css ===== */
:root {
    --suite-bg: #f3f6fa;
    --suite-surface: #ffffff;
    --suite-surface-soft: #f8fafc;
    --suite-text: #10233f;
    --suite-muted: #64748b;
    --suite-line: #dbe4ef;
    --suite-accent: #0f8f83;
    --suite-accent-dark: #0b6f67;
    --suite-danger: #c2413a;
    --suite-warning: #c47a00;
    --suite-success: #12805c;
}

.enterprise-module,
.suite-launcher {
    min-height: 100dvh;
    padding: 24px;
    background: var(--suite-bg);
    color: var(--suite-text);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.suite-launcher { max-width: none; padding: clamp(24px, 5vw, 72px); }
.suite-launcher-header { max-width: 1420px; margin: 0 auto 34px; display: flex; align-items: center; gap: 18px; }
.suite-launcher-logo { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 16px; background: linear-gradient(145deg,#0f8f83,#075c56); color:#fff; font-size:26px; font-weight:950; box-shadow:0 12px 28px rgba(15,143,131,.24); }
.suite-launcher-header small { color:var(--suite-accent); font-size:10px; font-weight:900; letter-spacing:1.5px; }
.suite-launcher-header h1 { margin:3px 0 4px; font-size:clamp(30px,4vw,46px); letter-spacing:-1.5px; }
.suite-launcher-header p { margin:0; color:var(--suite-muted); font-size:14px; }
.launcher-grid { max-width:1420px; margin:0 auto; display:grid; grid-template-columns:repeat(3,minmax(230px,1fr)); gap:18px; }
.launcher-grid a { min-height:230px; padding:26px; display:flex; flex-direction:column; border:1px solid var(--suite-line); border-radius:20px; background:#fff; color:var(--suite-text); text-decoration:none; box-shadow:0 8px 28px rgba(15,35,63,.06); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.launcher-grid a:hover { transform:translateY(-4px); border-color:#78c9c1; box-shadow:0 18px 36px rgba(15,35,63,.11); }
.launcher-grid i { width:54px; height:54px; display:grid; place-items:center; border-radius:15px; background:#eaf8f6; color:var(--suite-accent-dark); font-size:25px; font-style:normal; }
.launcher-grid b { margin-top:24px; font-size:22px; }
.launcher-grid span { margin-top:8px; color:var(--suite-muted); font-size:13px; line-height:1.5; }
.launcher-grid em { margin-top:auto; padding-top:22px; color:var(--suite-accent-dark); font-size:12px; font-style:normal; font-weight:900; }
@media(max-width:900px){.launcher-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:580px){.suite-launcher{padding:20px 14px}.launcher-grid{grid-template-columns:1fr}.launcher-grid a{min-height:190px}}

.enterprise-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
    padding: 18px 22px;
    border: 1px solid var(--suite-line);
    border-radius: 18px;
    background: var(--suite-surface);
    box-shadow: 0 8px 28px rgba(15, 35, 63, .06);
}

.module-brand {
    display: flex;
    align-items: center;
    gap: 14px;
}

.module-logo {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(145deg, #0f8f83, #0b6f67);
    color: #fff;
    font-size: 24px;
    box-shadow: 0 10px 24px rgba(15, 143, 131, .22);
}

.module-brand small,
.eyebrow {
    display: block;
    color: var(--suite-accent);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.3px;
}

.module-brand h1 {
    margin: 2px 0 2px;
    font-size: 29px;
    line-height: 1.05;
    letter-spacing: -.4px;
}

.module-brand p,
.panel-heading p {
    margin: 0;
    color: var(--suite-muted);
    font-size: 13px;
}

.topbar-status,
.panel-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.status-pill,
.count-badge,
.status-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid var(--suite-line);
    border-radius: 999px;
    background: #fff;
    color: #475569;
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
}

.status-pill.success,
.status-tag.success {
    border-color: #a7e7ce;
    background: #edfdf7;
    color: var(--suite-success);
}

.status-pill.warning,
.status-tag.warning {
    border-color: #f1d49b;
    background: #fff9eb;
    color: var(--suite-warning);
}

.status-tag.danger {
    border-color: #f1b7b3;
    background: #fff2f1;
    color: var(--suite-danger);
}

.primary-btn,
.secondary-btn,
.payment-btn {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 10px;
    font: inherit;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.primary-btn {
    border: 1px solid var(--suite-accent);
    background: var(--suite-accent);
    color: #fff;
}

.primary-btn:hover:not(:disabled) { background: var(--suite-accent-dark); }
.secondary-btn {
    border: 1px solid var(--suite-line);
    background: #fff;
    color: var(--suite-text);
}

.primary-btn:disabled,
.secondary-btn:disabled,
.payment-btn:disabled {
    cursor: not-allowed;
    opacity: .48;
}

.wide { width: 100%; margin-top: 10px; }

.workspace-panel {
    min-width: 0;
    border: 1px solid var(--suite-line);
    border-radius: 18px;
    background: var(--suite-surface);
    box-shadow: 0 8px 28px rgba(15, 35, 63, .05);
}

.panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--suite-line);
}

.panel-heading h2 {
    margin: 3px 0 0;
    font-size: 20px;
    letter-spacing: -.25px;
}

.suite-error {
    margin-bottom: 16px;
    padding: 13px 16px;
    border: 1px solid #f1b7b3;
    border-radius: 12px;
    background: #fff2f1;
    color: #a93631;
    font-size: 13px;
    font-weight: 750;
}

.cafe-workspace {
    display: grid;
    grid-template-columns: 300px minmax(460px, 1fr) 290px;
    gap: 16px;
    min-height: calc(100dvh - 145px);
}

.tabs-panel,
.order-panel,
.checkout-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tabs-panel .panel-actions { padding: 14px 16px; border-bottom: 1px solid var(--suite-line); }
.tabs-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    overflow: auto;
}

.tab-card {
    width: 100%;
    min-height: 76px;
    padding: 12px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--suite-line);
    border-radius: 13px;
    background: #fff;
    color: var(--suite-text);
    text-align: left;
    cursor: pointer;
}

.tab-card:hover,
.tab-card.selected {
    border-color: var(--suite-accent);
    background: #f0fdfa;
}

.tab-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #eef3f8;
}

.tab-copy { min-width: 0; }
.tab-copy strong,
.tab-copy small { display: block; }
.tab-copy strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tab-copy small { margin-top: 4px; color: var(--suite-muted); font-size: 11px; }
.tab-card b { font-size: 15px; }

.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--suite-muted);
}
.empty-state.compact { min-height: 160px; padding: 22px; }
.empty-state.large { flex: 1; min-height: 360px; padding: 40px; }
.empty-state strong { color: var(--suite-text); font-size: 17px; }
.empty-state span { margin-top: 7px; font-size: 12px; }
.empty-icon { margin-bottom: 12px; font-size: 42px; }

.order-summary-grid,
.module-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.order-summary-grid { padding: 18px; }
.order-summary-grid article,
.module-kpis article {
    padding: 14px 16px;
    border: 1px solid var(--suite-line);
    border-radius: 13px;
    background: var(--suite-surface-soft);
}
.order-summary-grid span,
.module-kpis span { display: block; color: var(--suite-muted); font-size: 11px; font-weight: 750; }
.order-summary-grid strong,
.module-kpis strong { display: block; margin-top: 7px; font-size: 18px; }

.operation-placeholder {
    margin: 0 18px 18px;
    padding: 22px;
    border: 1px dashed #b7c5d6;
    border-radius: 14px;
    background: #fbfdff;
}
.operation-placeholder h3 { margin: 5px 0 7px; }
.operation-placeholder p { margin: 0; color: var(--suite-muted); font-size: 13px; }
.capability-list { display: grid; gap: 8px; margin-top: 18px; font-size: 12px; font-weight: 750; }

.checkout-panel { padding-bottom: 18px; }
.checkout-total {
    margin: 18px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    background: #10233f;
    color: #fff;
}
.checkout-total span { font-size: 11px; font-weight: 900; letter-spacing: .7px; }
.checkout-total strong { font-size: 26px; }
.payment-btn { margin: 0 18px 10px; border: 1px solid transparent; color: #fff; }
.payment-btn.cash { background: #16a05d; }
.payment-btn.card { background: #2468d4; }
.payment-btn.neutral { background: #64748b; }
.integration-note { margin: 8px 18px 0; padding: 12px; border-radius: 10px; background: #f8fafc; color: var(--suite-muted); font-size: 11px; line-height: 1.45; }

.module-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
}
.module-kpis article { background: #fff; box-shadow: 0 6px 20px rgba(15, 35, 63, .04); }
.module-kpis strong { font-size: 25px; }

.restaurant-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 16px;
}
.floor-panel { min-height: 620px; }
.restaurant-table-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px;
    padding: 18px;
}
.restaurant-table {
    min-height: 150px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid var(--suite-line);
    border-radius: 16px;
    text-align: left;
    cursor: pointer;
}
.restaurant-table.free { background: #f0fdf7; border-color: #9fe4c8; }
.restaurant-table.occupied { background: #fff8ed; border-color: #f3cf91; }
.table-code { color: var(--suite-muted); font-size: 11px; font-weight: 900; }
.restaurant-table strong { margin-top: 6px; font-size: 19px; }
.restaurant-table small { margin-top: 5px; color: var(--suite-muted); }
.restaurant-table b { margin-top: auto; font-size: 21px; }
.restaurant-table em { margin-top: 7px; font-size: 11px; font-style: normal; font-weight: 900; }
.selected-table-panel { padding-bottom: 18px; }
.detail-list { padding: 8px 18px; }
.detail-list div { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--suite-line); }
.detail-list span { color: var(--suite-muted); font-size: 12px; }
.detail-list strong { font-size: 13px; }
.selected-table-panel > .wide { width: calc(100% - 36px); margin-left: 18px; margin-right: 18px; }

.data-workspace { overflow: hidden; }
.panel-actions.inline { margin-left: auto; }
.suite-search {
    width: min(360px, 42vw);
    height: 42px;
    padding: 0 13px;
    border: 1px solid var(--suite-line);
    border-radius: 10px;
    outline: none;
    font: inherit;
}
.suite-search:focus { border-color: var(--suite-accent); }
.enterprise-table { overflow: auto; }
.table-head,
.table-row {
    display: grid;
    grid-template-columns: 2.2fr 1fr 1fr 1fr .8fr 1fr;
    gap: 14px;
    align-items: center;
    min-width: 850px;
    padding: 14px 18px;
}
.table-head { background: #eef3f8; font-size: 11px; font-weight: 900; color: #475569; }
.table-row { border-top: 1px solid var(--suite-line); font-size: 12px; }
.table-row.attention { background: #fffaf2; }
.table-row strong,
.table-row small { display: block; }
.table-row small { margin-top: 4px; color: var(--suite-muted); }

.warehouse-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.warehouse-column { overflow: hidden; }
.document-list { display: grid; gap: 11px; padding: 14px; }
.document-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--suite-line);
    border-radius: 13px;
    background: #fff;
}
.document-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; background: #eef4f8; color: var(--suite-accent); font-size: 20px; font-weight: 900; }
.document-card strong,
.document-card span,
.document-card small { display: block; }
.document-card span { margin-top: 4px; font-size: 12px; }
.document-card small { margin-top: 4px; color: var(--suite-muted); }

@media (max-width: 1150px) {
    .cafe-workspace { grid-template-columns: 260px minmax(380px, 1fr); }
    .checkout-panel { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr repeat(3, 180px); align-items: center; gap: 10px; padding: 12px 18px; }
    .checkout-panel .panel-heading, .checkout-panel .integration-note { display: none; }
    .checkout-panel .checkout-total, .checkout-panel .payment-btn { margin: 0; }
}

@media (max-width: 850px) {
    .enterprise-module { padding: 14px; }
    .enterprise-topbar { align-items: flex-start; flex-direction: column; }
    .cafe-workspace, .restaurant-layout, .warehouse-board { grid-template-columns: 1fr; }
    .module-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .checkout-panel { grid-column: auto; display: flex; }
    .checkout-panel .panel-heading, .checkout-panel .integration-note { display: flex; }
    .checkout-panel .checkout-total { margin: 18px; }
    .checkout-panel .payment-btn { margin: 0 18px 10px; }
}

/* Café operational V6 */
.cafe-operational{grid-template-columns:280px minmax(520px,1fr) 390px}.products-panel{overflow:hidden}.cafe-search-row{display:flex;gap:10px;padding:14px 16px;border-bottom:1px solid #e5e7eb}.cafe-search-row input{flex:1;min-height:44px;border:1px solid #cbd5e1;border-radius:10px;padding:0 14px;font-weight:700}.cafe-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;padding:16px;max-height:calc(100vh - 285px);overflow:auto}.cafe-product-card{min-height:130px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;padding:14px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.04)}.cafe-product-card:hover:not(:disabled){border-color:#0f9488;transform:translateY(-1px)}.cafe-product-card b{margin-top:auto;color:#0f766e;font-size:17px}.product-symbol{width:38px;height:38px;border-radius:10px;background:#ecfdf5;color:#047857;display:grid;place-items:center;font-weight:900}.cafe-cart-lines{flex:1;overflow:auto;min-height:300px}.operational-cart{display:flex;flex-direction:column}.cafe-cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto 30px;gap:9px;align-items:center;padding:13px 12px;border-bottom:1px solid #e5e7eb}.cafe-cart-line small{display:block;color:#64748b;margin-top:3px}.qty-control{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.qty-control button{width:30px;height:30px;border:0;background:#f8fafc;font-weight:900;cursor:pointer}.qty-control span{min-width:30px;text-align:center;font-weight:900}.remove-line{border:0;border-radius:8px;background:#fee2e2;color:#b91c1c;width:28px;height:28px;font-weight:900}.suite-success{margin:0 10px 14px;padding:12px 16px;border:1px solid #a7f3d0;border-radius:10px;background:#ecfdf5;color:#047857;font-weight:800}@media(max-width:1250px){.cafe-operational{grid-template-columns:240px minmax(430px,1fr) 340px}}@media(max-width:980px){.cafe-operational{grid-template-columns:1fr}.tabs-panel,.checkout-panel{max-height:none}}

.module-tabs{display:flex;gap:8px;margin:0 0 16px;padding:6px;border:1px solid var(--suite-line);border-radius:14px;background:#fff;overflow:auto}.module-tabs button{min-height:42px;padding:0 18px;white-space:nowrap;border:0;border-radius:9px;background:transparent;color:#64748b;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.module-tabs button.active{background:#10233f;color:#fff}.module-tabs button:disabled{opacity:.45}.pharmacy-sale-grid{display:grid;grid-template-columns:minmax(520px,1fr) 370px;gap:16px}.pharmacy-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;padding:14px}.pharmacy-product{position:relative;min-height:94px;padding:14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--suite-line);border-radius:13px;background:#fff;text-align:left;color:var(--suite-text);cursor:pointer}.pharmacy-product:hover{border-color:var(--suite-accent)}.pharmacy-product>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf8f6;color:var(--suite-accent);font-size:20px}.pharmacy-product strong,.pharmacy-product small{display:block}.pharmacy-product small{margin-top:5px;color:var(--suite-muted)}.pharmacy-product b{color:var(--suite-accent-dark);font-size:16px}.pharmacy-product em{position:absolute;right:10px;bottom:7px;color:#b45309;font-size:9px;font-style:normal;font-weight:950}.pharmacy-selection{min-height:560px}.drug-card{display:grid;gap:16px;padding:20px}.drug-card>strong{font-size:20px}.drug-card>span{color:var(--suite-muted)}.clinical-warning{padding:13px;border:1px solid #f1d49b;border-radius:10px;background:#fff9eb;color:#9a5b00;font-size:12px;font-weight:800}.drug-card label,.suite-form-grid label{display:grid;gap:7px;color:#475569;font-size:11px;font-weight:850}.drug-card select,.suite-form-grid input{width:100%;height:44px;padding:0 12px;border:1px solid var(--suite-line);border-radius:9px;background:#fff;font:inherit}.status-action{min-height:32px;padding:0 11px;border:1px solid;border-radius:999px;background:#fff;font-size:10px;font-weight:900;cursor:pointer}.status-action.success{border-color:#9fe4c8;color:#087b55}.status-action.danger{border-color:#f1b7b3;color:#b4231b}.form-workspace{max-width:900px;overflow:hidden}.suite-form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px;padding:22px}.suite-form-grid .primary-btn{align-self:end}.pharmacy-table .table-row{min-height:68px}@media(max-width:920px){.pharmacy-sale-grid{grid-template-columns:1fr}.pharmacy-selection{min-height:360px}.suite-form-grid{grid-template-columns:1fr}}


/* ===== SOURCE: pos.css ===== */
/* ==========================================================
   MOB365 POS
   CASH / PAYMENT DIALOG
   ========================================================== */

.cash-popup-backdrop {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15,23,42,.65);
    overflow: auto;
}

.cash-popup {
    width: 100%;
    max-width: 460px;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 18px 50px rgba(15,23,42,.22);
    animation: popupIn .15s ease;
}

@keyframes popupIn {

    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.cash-popup h2 {
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: 800;
    color: #101828;
}

.cash-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 10px;
    padding: 12px 14px;
    border: 1px solid #e4e7ec;
    border-radius: 6px;
    background: #f9fafb;
}

    .cash-row span {
        color: #667085;
        font-size: 13px;
        font-weight: 600;
    }

    .cash-row strong {
        color: #101828;
        font-size: 15px;
        font-weight: 800;
    }

.cash-popup label {
    display: block;
    margin-top: 18px;
    margin-bottom: 6px;
    color: #344054;
    font-size: 12px;
    font-weight: 700;
}

.cash-popup input {
    width: 100%;
    height: 46px;
    padding: 0 14px;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    background: #fff;
    outline: none;
    font-size: 15px;
    font-weight: 700;
    transition: .15s;
}

    .cash-popup input:focus {
        border-color: #0b766e;
    }

.confirm-btn,
.close-btn {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: .15s;
}

.confirm-btn {
    margin-top: 18px;
    background: #0b766e;
    color: #fff;
}

    .confirm-btn:hover:not(:disabled) {
        background: #08665f;
    }

.close-btn {
    margin-top: 8px;
    background: #f3f4f6;
    color: #475467;
}

    .close-btn:hover {
        background: #e5e7eb;
    }

    .confirm-btn:disabled,
    .close-btn:disabled {
        opacity: .55;
        cursor: not-allowed;
    }

.login-error {
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid #fecdca;
    border-radius: 6px;
    background: #fef3f2;
    color: #b42318;
    font-size: 13px;
    font-weight: 700;
}

@media(max-width:600px) {

    .cash-popup {
        max-width: none;
        padding: 18px;
    }

        .cash-popup h2 {
            font-size: 20px;
        }

    .cash-row {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* ===== SOURCE: pos-sidebar.css ===== */
/* =========================================================
   MOB365 POS - CLASSIC ENTERPRISE SIDEBAR
   ========================================================= */

.pos-sidebar {
    width: 210px;
    min-width: 210px;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 10px 8px;
    overflow: hidden;
    border: 1px solid #263548;
    border-radius: 8px;
    background: #101828;
    color: #d0d5dd;
}

/* Logo */

.sidebar-logo {
    height: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    margin-bottom: 8px;
    border: 1px solid #344054;
    border-radius: 6px;
    background: #172033;
    color: #ffffff;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: 0.6px;
}

    .sidebar-logo::before {
        content: "M";
        width: 29px;
        height: 29px;
        margin-right: 10px;
        display: grid;
        place-items: center;
        border: 1px solid #667085;
        border-radius: 5px;
        background: #25334a;
        color: #ffffff;
        font-size: 14px;
        font-weight: 900;
    }

/* Navigimi */

.sidebar-nav {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 3px;
    scrollbar-width: thin;
    scrollbar-color: #475467 transparent;
}

    .sidebar-nav::-webkit-scrollbar {
        width: 5px;
    }

    .sidebar-nav::-webkit-scrollbar-track {
        background: transparent;
    }

    .sidebar-nav::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #475467;
    }

.sidebar-group {
    flex: 0 0 auto;
}

.sidebar-group-header {
    width: 100%;
    height: 31px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: transparent;
    color: #98a2b3;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: left;
    cursor: pointer;
}

    .sidebar-group-header:hover,
    .sidebar-group-header.open {
        color: #ffffff;
    }

    .sidebar-group-header b {
        font-size: 13px;
        font-weight: 500;
    }

.sidebar-group-items {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 2px;
}

/* Linku */

.sidebar-link {
    width: 100%;
    min-height: 39px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #d0d5dd;
    text-align: left;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

    .sidebar-link:hover {
        border-color: #344054;
        background: #1d2939;
        color: #ffffff;
    }

    .sidebar-link.active {
        border-color: #667085;
        background: #344054;
        color: #ffffff;
    }

/* Ikona klasike monokromatike */

.sidebar-icon {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border: 1px solid #475467;
    border-radius: 4px;
    background: #1d2939;
    color: #d0d5dd;
    font-size: 9px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.2px;
}

.sidebar-link:hover .sidebar-icon,
.sidebar-link.active .sidebar-icon {
    border-color: #98a2b3;
    background: #475467;
    color: #ffffff;
}

.sidebar-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 700;
}

/* Fundi */

.sidebar-spacer {
    display: none;
}

.logout-btn {
    flex: 0 0 auto;
    width: 100%;
    min-height: 42px;
    margin-top: 8px;
    padding: 0 8px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border: 1px solid #475467;
    border-radius: 5px;
    background: #172033;
    color: #fda29b;
    text-align: left;
    cursor: pointer;
}

    .logout-btn:hover {
        border-color: #b42318;
        background: #7a271a;
        color: #ffffff;
    }

        .logout-btn:hover .sidebar-icon {
            border-color: #fda29b;
            background: #912018;
            color: #ffffff;
        }

.logout-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 800;
}

/* Monitor� m� t� vegj�l */

@media (max-width: 1450px) and (min-width: 1101px) {
    .pos-sidebar {
        width: 190px;
        min-width: 190px;
        padding: 8px 6px;
    }

    .sidebar-link {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 6px;
        padding: 0 6px;
    }

    .sidebar-icon {
        width: 25px;
        height: 25px;
        font-size: 8px;
    }

    .sidebar-text,
    .logout-text {
        font-size: 10px;
    }
}

@media (max-width: 1100px) and (min-width: 901px) {
    .pos-sidebar {
        width: 170px;
        min-width: 170px;
    }

    .sidebar-logo {
        font-size: 12px;
    }
}

/* Tablet */

@media (max-width: 900px) {
    .pos-sidebar {
        width: 100%;
        min-width: 100%;
        height: 62px;
        min-height: 62px;
        flex-direction: row;
        align-items: center;
        padding: 6px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .sidebar-logo {
        width: 46px;
        min-width: 46px;
        height: 46px;
        min-height: 46px;
        padding: 0;
        margin: 0;
        justify-content: center;
        font-size: 0;
    }

        .sidebar-logo::before {
            margin: 0;
        }

    .sidebar-nav {
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .sidebar-group,
    .sidebar-group-items {
        display: flex;
        flex-direction: row;
    }

    .sidebar-group-header,
    .sidebar-text,
    .logout-text {
        display: none;
    }

    .sidebar-link,
    .logout-btn {
        width: 43px;
        min-width: 43px;
        height: 43px;
        min-height: 43px;
        padding: 0;
        margin: 0;
        grid-template-columns: 1fr;
        place-items: center;
    }
}


/* ===== SOURCE: pos-products.css ===== */
.market-workspace{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #d9e0e7;border-radius:8px}
.market-header{height:64px;flex:0 0 64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7ec;background:#fff}
.market-brand{display:flex;align-items:center;gap:11px}.market-brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#0b766e;color:#fff;font-size:18px;font-weight:900}.market-brand strong{display:block;font-size:15px;letter-spacing:.4px}.market-brand small{display:block;margin-top:1px;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}
.market-status{display:flex;align-items:center;gap:8px;color:#475467;font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px #d1fadf}
.market-search-shell{padding:20px 22px 14px;border-bottom:1px solid #e5e9ee;background:#f8fafb}.market-search-shell>label{display:block;margin-bottom:7px;color:#344054;font-size:11px;font-weight:800;letter-spacing:.8px}.market-search-box{height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;border:2px solid #aeb8c4;border-radius:7px;background:#fff;transition:border-color .12s,box-shadow .12s}.market-search-box:focus-within{border-color:#0b766e;box-shadow:0 0 0 3px rgba(11,118,110,.12)}.search-glyph{display:grid;place-items:center;color:#475467;font-size:24px}.market-search-box input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#101828;font-size:18px;font-weight:700}.market-search-box input::placeholder{color:#98a2b3;font-weight:600}.market-search-box kbd,.workflow-hints kbd{margin-right:10px;padding:5px 8px;border:1px solid #d0d5dd;border-bottom-width:2px;border-radius:4px;background:#f2f4f7;color:#475467;font:700 10px/1 Inter,"Segoe UI",sans-serif}
.barcode-message{margin:12px 22px 0;padding:9px 12px;border-radius:5px;font-size:12px;font-weight:700}.barcode-message.success{border:1px solid #a6f4c5;background:#ecfdf3;color:#067647}.barcode-message.info{border:1px solid #b2ddff;background:#eff8ff;color:#175cd3}.barcode-message.error{border:1px solid #fecdca;background:#fef3f2;color:#b42318}
.market-idle-state{flex:1;min-height:0;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#475467}.market-idle-state>strong{margin-top:18px;color:#1d2939;font-size:22px}.market-idle-state p{max-width:520px;margin:8px 0 0;font-size:14px;line-height:1.55}.scanner-illustration{width:104px;height:74px;padding:14px 16px;display:flex;align-items:stretch;justify-content:space-between;border:1px solid #d0d5dd;border-radius:8px;background:#f9fafb}.scanner-illustration span{width:5px;background:#344054}.scanner-illustration span:nth-child(2){width:2px}.scanner-illustration span:nth-child(3){width:9px}.scanner-illustration span:nth-child(4){width:3px}.workflow-hints{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.workflow-hints button{min-height:40px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:5px;background:#fff;color:#344054;font-size:12px;font-weight:750;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.workflow-hints button:hover:not(:disabled){border-color:#0b766e;background:#f0fdf9;color:#065f58}.workflow-hints button:disabled{opacity:.42;cursor:not-allowed}.workflow-hints kbd{margin-right:5px}.idle-spinner{width:30px;height:30px;border:3px solid #e4e7ec;border-top-color:#0b766e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.search-results-header{height:44px;flex:0 0 44px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e7ec;color:#344054;font-size:12px}.search-results-header strong{font-size:13px}.market-result-list{min-height:0;flex:1;overflow:auto}.market-result-row{width:100%;min-height:68px;padding:10px 20px;display:grid;grid-template-columns:110px minmax(0,1fr) auto 110px;align-items:center;gap:14px;border:0;border-bottom:1px solid #eaecf0;background:#fff;color:#101828;text-align:left}.market-result-row:hover,.market-result-row:focus-visible{outline:0;background:#f0fdf9}.market-result-row.in-cart{background:#f6fef9}.result-code{color:#475467;font:700 12px Consolas,monospace}.result-name{min-width:0}.result-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.result-name small{display:block;margin-top:4px;color:#98a2b3;font-size:11px}.result-cart-state{padding:4px 7px;border-radius:4px;background:#dcfae6;color:#067647;font-size:10px;font-weight:800;text-transform:uppercase}.result-price{text-align:right;color:#101828;font-size:17px;font-weight:800;white-space:nowrap}
@media(max-width:1050px){.market-result-row{grid-template-columns:88px minmax(0,1fr) 90px}.result-cart-state{display:none}}
@media(max-width:900px){.market-workspace{min-height:520px}.market-header{height:56px;flex-basis:56px}.market-search-shell{padding:14px}.market-result-row{grid-template-columns:70px minmax(0,1fr) 82px;padding:9px 12px}.market-search-box input{font-size:16px}}
.market-result-row.keyboard-selected {
    border-color: #14b8a6 !important;
    background: #ecfdf5 !important;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, .18);
}


/* ===== SOURCE: pos-cart.css ===== */
.pos-cart {
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(219,229,239,.98);
    border-radius: 28px;
    padding: 20px;
    height: calc(100vh - 36px);
    position: sticky;
    top: 18px;
    box-shadow: var(--pos-shadow);
    backdrop-filter: blur(14px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .pos-cart h3 {
        margin: 0 0 16px;
        font-size: 25px;
        font-weight: 950;
        letter-spacing: -.7px;
        flex-shrink: 0;
    }

.customer-box {
    background: linear-gradient(180deg, #f8fafc, #ffffff);
    border: 1px solid var(--pos-border);
    border-radius: 22px;
    padding: 14px;
    margin-bottom: 14px;
    position: relative;
    flex-shrink: 0;
}

    .customer-box label {
        display: block;
        font-size: 13px;
        font-weight: 950;
        color: #475569;
        margin-bottom: 8px;
    }

    .customer-box input,
    .customer-box select {
        width: 100%;
        height: 46px;
        border: 1px solid #dbe5ef;
        border-radius: 15px;
        padding: 0 14px;
        font-weight: 900;
        font-size: 14px;
        margin-bottom: 8px;
        background: white;
        color: var(--pos-text);
        outline: none;
    }

        .customer-box input:focus,
        .customer-box select:focus {
            border-color: var(--pos-primary);
            box-shadow: 0 0 0 4px rgba(15,118,110,.11);
        }

.customer-results {
    margin-top: 8px;
    display: grid;
    gap: 7px;
    max-height: 220px;
    overflow-y: auto;
    padding-right: 2px;
}

.customer-option {
    width: 100%;
    border: 1px solid var(--pos-border);
    background: white;
    border-radius: 14px;
    padding: 10px 12px;
    text-align: left;
    font-weight: 900;
    cursor: pointer;
    color: var(--pos-text);
}

    .customer-option:hover {
        background: var(--pos-primary-soft);
        border-color: rgba(15,118,110,.45);
    }

.selected-customer {
    margin-top: 6px;
    font-size: 13px;
    color: var(--pos-primary);
    font-weight: 800;
}

.cart-empty {
    color: var(--pos-muted);
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    padding: 14px;
    margin-bottom: 12px;
    font-weight: 700;
    flex: 1;
}

.cart-list {
    display: grid;
    gap: 9px;
    overflow-y: auto;
    padding-right: 4px;
    margin-bottom: 12px;
    flex: 1;
    min-height: 0;
}

.cart-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #edf2f7;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15,23,42,.04);
}

.cart-info {
    min-width: 0;
}

    .cart-info strong {
        display: block;
        max-width: 205px;
        line-height: 1.22;
        font-size: 14px;
        font-weight: 950;
        color: var(--pos-text);
    }

.cart-controls {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    padding: 4px;
    background: #f8fafc;
    border-radius: 14px;
}

    .cart-controls button {
        width: 30px;
        height: 30px;
        border-radius: 10px;
        border: 1px solid #dbe5ef;
        background: #ffffff;
        font-size: 16px;
        font-weight: 950;
        cursor: pointer;
    }

        .cart-controls button:hover {
            background: var(--pos-primary-soft);
            border-color: rgba(15,118,110,.42);
        }

    .cart-controls span {
        min-width: 22px;
        text-align: center;
        font-weight: 950;
    }

.cart-right {
    min-width: 98px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

    .cart-right b {
        font-size: 14px;
        white-space: nowrap;
    }

.remove-btn {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #fee2e2;
    color: #991b1b;
    font-size: 19px;
    font-weight: 950;
    cursor: pointer;
}

    .remove-btn:hover {
        background: #fecaca;
    }

.cancel-btn {
    height: 46px;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 18px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #fb7185, #ef4444);
    color: white;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 12px 22px rgba(239,68,68,.18);
    flex-shrink: 0;
}

    .cancel-btn:disabled {
        opacity: .42;
        cursor: not-allowed;
        box-shadow: none;
    }

.cart-total {
    margin-top: 0;
    padding: 16px 18px;
    border-radius: 22px;
    background: linear-gradient(135deg, #0f172a, #111827);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    box-shadow: none;
    z-index: 2;
    flex-shrink: 0;
}

    .cart-total span {
        font-size: 17px;
        font-weight: 900;
    }

    .cart-total strong {
        font-size: 29px;
        font-weight: 950;
        letter-spacing: -.8px;
    }

.items-count {
    margin-top: 8px;
    color: #475569;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}

.checkout-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 14px;
    flex-shrink: 0;
}

.cash-btn,
.card-btn {
    height: 56px;
    border: 0;
    border-radius: 18px;
    color: white;
    font-weight: 950;
    cursor: pointer;
    letter-spacing: .2px;
}

.cash-btn {
    background: linear-gradient(135deg, var(--pos-primary), var(--pos-primary-2));
    box-shadow: 0 14px 26px rgba(15,118,110,.22);
}

.card-btn {
    background: linear-gradient(135deg, var(--pos-accent), #60a5fa);
    box-shadow: 0 14px 26px rgba(37,99,235,.20);
}

.checkout-buttons button:disabled {
    background: #e5e7eb !important;
    color: #ffffff !important;
    box-shadow: none;
    opacity: 1;
    cursor: not-allowed;
}

.cash-popup-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.62);
    display: grid;
    place-items: center;
    z-index: 999999;
    backdrop-filter: blur(7px);
}

.cash-popup {
    width: 490px;
    max-width: 95vw;
    max-height: 92vh;
    overflow-y: auto;
    background: #ffffff;
    border-radius: 30px;
    padding: 30px;
    box-shadow: 0 35px 90px rgba(0,0,0,.28);
    position: relative;
    border: 1px solid rgba(255,255,255,.7);
}

.popup-x {
    position: absolute;
    top: 14px;
    right: 18px;
    border: 0;
    background: #f8fafc;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 26px;
    font-weight: 950;
    cursor: pointer;
    color: #64748b;
}

.cash-popup h2 {
    margin: 0 0 24px;
    font-size: 29px;
    font-weight: 950;
    letter-spacing: -.7px;
}

.cash-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 18px 0;
    gap: 18px;
}

    .cash-row span {
        font-size: 18px;
        color: #64748b;
        font-weight: 800;
    }

    .cash-row strong {
        font-size: 30px;
        font-weight: 950;
        text-align: right;
    }

.cash-popup label {
    display: block;
    margin-bottom: 8px;
    font-weight: 900;
    color: #334155;
}

.cash-input,
.cash-popup input {
    width: 100%;
    box-sizing: border-box;
    height: 66px;
    border: 1px solid #dbe5ef;
    border-radius: 18px;
    padding: 0 18px;
    font-size: 32px;
    font-weight: 950;
    text-align: right;
    outline: none;
    background: #f8fafc;
}

    .cash-input:focus,
    .cash-popup input:focus {
        border-color: var(--pos-primary);
        box-shadow: 0 0 0 4px rgba(15,118,110,.12);
        background: white;
    }

.cash-quick-buttons {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 12px;
}

    .cash-quick-buttons button {
        height: 50px;
        border: 0;
        border-radius: 14px;
        background: #f1f5f9;
        font-size: 16px;
        font-weight: 950;
        cursor: pointer;
    }

        .cash-quick-buttons button:hover {
            background: var(--pos-primary-soft);
        }

.change-positive {
    color: #059669;
}

.change-negative {
    color: #dc2626;
}

.confirm-btn,
.close-btn {
    width: 100%;
    height: 56px;
    border: 0;
    border-radius: 16px;
    margin-top: 12px;
    font-weight: 950;
    cursor: pointer;
}

.confirm-btn {
    background: linear-gradient(135deg, var(--pos-primary), var(--pos-primary-2));
    color: white;
}

    .confirm-btn:disabled {
        background: #cbd5e1;
        cursor: not-allowed;
    }

.close-btn {
    background: #f1f5f9;
    color: #0f172a;
}
.btn-title {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.1;
}

.btn-key {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 700;
    opacity: .8;
    letter-spacing: 1px;
}

.cash-btn,
.card-btn,
.cancel-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* MOB365 POS V2 - enterprise cart overrides */
.pos-cart{height:100%;min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d9e0e7!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
.pos-cart>h3{height:64px;min-height:64px;margin:0!important;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid #e4e7ec;color:#101828;font-size:16px!important;font-weight:800!important;letter-spacing:0!important}
.customer-box{margin:0!important;padding:14px 16px!important;border:0!important;border-bottom:1px solid #e4e7ec!important;border-radius:0!important;background:#f9fafb!important;box-shadow:none!important}.customer-box label{margin-bottom:6px!important;color:#475467!important;font-size:10px!important;letter-spacing:.8px}.customer-box input{height:42px!important;min-height:42px!important;padding:0 11px!important;border:1px solid #cfd6de!important;border-radius:5px!important;background:#fff!important;font-size:13px!important}.customer-box input:focus{border-color:#0b766e!important;box-shadow:0 0 0 3px rgba(11,118,110,.1)!important}.selected-customer{margin-top:8px!important;padding:0!important;border:0!important;background:transparent!important;color:#667085!important;font-size:11px!important}.selected-customer b{color:#344054!important}.customer-results{border-radius:5px!important;box-shadow:0 8px 22px rgba(16,24,40,.12)!important}
.cart-empty{flex:1!important;min-height:0!important;margin:0!important;padding:28px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;background:#fff!important;color:#98a2b3!important;text-align:center;font-size:13px!important}
.cart-list{flex:1!important;min-height:0!important;margin:0!important;padding:0!important;overflow:auto!important;border:0!important;border-radius:0!important;background:#fff!important}.cart-line{min-height:72px!important;margin:0!important;padding:11px 14px!important;border:0!important;border-bottom:1px solid #eaecf0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.cart-line:hover{background:#f9fafb!important}.cart-info strong{font-size:13px!important;color:#1d2939!important}.cart-controls{margin-top:7px!important;gap:0!important}.cart-controls button{width:30px!important;height:27px!important;border:1px solid #d0d5dd!important;border-radius:0!important;background:#fff!important;color:#344054!important;box-shadow:none!important}.cart-controls button:first-child{border-radius:4px 0 0 4px!important}.cart-controls button:last-child{border-radius:0 4px 4px 0!important}.cart-controls span{height:27px!important;min-width:34px!important;display:grid!important;place-items:center!important;border-top:1px solid #d0d5dd!important;border-bottom:1px solid #d0d5dd!important;background:#f9fafb!important;font-size:12px!important}.cart-right b{font-size:14px!important;color:#101828!important}.remove-btn{width:28px!important;height:28px!important;border-radius:4px!important;background:#fef3f2!important;color:#b42318!important;box-shadow:none!important}
.cancel-btn{order:20;min-height:40px!important;margin:0 14px 10px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid #fecdca!important;border-radius:5px!important;background:#fff!important;color:#b42318!important;box-shadow:none!important}.cancel-btn .btn-title{font-size:11px!important}.cancel-btn .btn-title::first-letter{font-size:0}.cancel-btn .btn-key{font-size:9px!important;color:#b42318!important}
.cart-total{margin:0!important;padding:16px 16px 4px!important;border-top:1px solid #d0d5dd!important;border-radius:0!important;background:#fff!important;color:#101828!important;box-shadow:none!important}.cart-total span{font-size:12px!important;color:#667085!important;text-transform:uppercase!important;letter-spacing:.8px!important}.cart-total strong,.cart-total b{font-size:30px!important;letter-spacing:-1px!important}.items-count{margin:0!important;padding:0 16px 12px!important;background:#fff!important;color:#667085!important;font-size:11px!important;text-align:right!important}
.checkout-buttons{margin:0!important;padding:0 14px 14px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;background:#fff!important}.cash-btn,.card-btn{min-height:58px!important;margin:0!important;border:0!important;border-radius:5px!important;box-shadow:none!important}.cash-btn{background:#0b766e!important;color:#fff!important}.card-btn{background:#101828!important;color:#fff!important}.cash-btn:hover,.card-btn:hover{filter:brightness(.96)!important;transform:none!important}.checkout-buttons .btn-title{font-size:13px!important}.checkout-buttons .btn-key{margin-top:3px!important;font-size:9px!important;opacity:.72!important}
.cash-popup-backdrop,.pos-print-overlay{backdrop-filter:none!important}.cash-popup,.pos-print-dialog{border-radius:8px!important;box-shadow:0 20px 50px rgba(16,24,40,.2)!important}.confirm-btn,.close-btn,.pos-print-btn{border-radius:5px!important;box-shadow:none!important}.confirm-btn{background:#0b766e!important}


/* ===== SOURCE: pos-checkout.css ===== */
.card-btn {
    background: linear-gradient(135deg, var(--pos-accent), #60a5fa);
    color: white;
    opacity: 1;
}

.card-btn:disabled {
    background: #e5e7eb !important;
    color: white;
    box-shadow: none;
}


/* ===== SOURCE: pos-customers.css ===== */
.customers-page {
    width: 100%;
    height: 100dvh;
    padding: 20px;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 14px;
    overflow: hidden;
    background: radial-gradient(circle at top left, rgba(20, 184, 166, .14), transparent 34%), radial-gradient(circle at bottom right, rgba(37, 99, 235, .09), transparent 34%), linear-gradient(135deg, #f8fafc 0%, #eef3f8 100%);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: #0f172a;
}

.customers-header {
    min-height: 92px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgba(219, 229, 239, .95);
    border-radius: 24px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .07);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.customers-heading {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.customers-heading-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(135deg, #ede9fe, #ddd6fe);
    font-size: 24px;
    box-shadow: inset 0 0 0 1px rgba(109, 40, 217, .08);
}

.customers-heading h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -.8px;
}

.customers-heading p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
}

    .customers-heading p strong {
        color: #0f766e;
        font-weight: 950;
    }

.back-pos-btn {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    box-shadow: 0 12px 24px rgba(15, 118, 110, .2);
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

    .back-pos-btn:hover {
        transform: translateY(-1px);
        filter: brightness(.98);
        box-shadow: 0 16px 28px rgba(15, 118, 110, .24);
    }

.customers-toolbar {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    align-items: center;
    gap: 12px;
}

.customer-search-box {
    min-width: 0;
    height: 58px;
    padding: 0 16px;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid #dbe5ef;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .055);
    transition: border-color .16s ease, box-shadow .16s ease;
}

    .customer-search-box:focus-within {
        border-color: #0f766e;
        box-shadow: 0 0 0 4px rgba(15, 118, 110, .1), 0 12px 26px rgba(15, 23, 42, .06);
    }

    .customer-search-box > span {
        font-size: 20px;
    }

    .customer-search-box input {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #0f172a;
        font-size: 16px;
        font-weight: 850;
    }

        .customer-search-box input::placeholder {
            color: #94a3b8;
            opacity: 1;
        }

.clear-search-btn {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 21px;
    line-height: 1;
    font-weight: 900;
}

    .clear-search-btn:hover {
        background: #fee2e2;
        color: #b91c1c;
    }

.customers-summary {
    height: 58px;
    padding: 0 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #dbe5ef;
    border-radius: 18px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

    .customers-summary span {
        color: #64748b;
        font-size: 11px;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: .6px;
    }

    .customers-summary strong {
        margin-top: 2px;
        color: #0f766e;
        font-size: 19px;
        line-height: 1;
        font-weight: 950;
    }

.customers-content {
    min-height: 0;
    overflow: hidden;
}

.customer-grid {
    height: 100%;
    min-height: 0;
    padding: 2px 5px 18px 2px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-auto-rows: 104px;
    align-content: start;
    gap: 12px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, .38) transparent;
}

    .customer-grid::-webkit-scrollbar {
        width: 8px;
    }

    .customer-grid::-webkit-scrollbar-track {
        background: transparent;
    }

    .customer-grid::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        border-radius: 999px;
        background: rgba(100, 116, 139, .34);
        background-clip: padding-box;
    }

        .customer-grid::-webkit-scrollbar-thumb:hover {
            background: rgba(71, 85, 105, .5);
            background-clip: padding-box;
        }

.customer-card {
    width: 100%;
    min-width: 0;
    height: 104px;
    padding: 14px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 12px;
    border: 1px solid #dbe5ef;
    border-radius: 19px;
    background: rgba(255, 255, 255, .94);
    color: #0f172a;
    text-align: left;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
}

    .customer-card:hover {
        transform: translateY(-2px);
        border-color: rgba(15, 118, 110, .5);
        background: #fff;
        box-shadow: 0 14px 28px rgba(15, 23, 42, .09);
    }

    .customer-card:focus-visible {
        outline: 3px solid rgba(20, 184, 166, .25);
        outline-offset: 2px;
    }

.customer-avatar {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, #ccfbf1, #e0f2fe);
    color: #0f766e;
    font-size: 16px;
    font-weight: 950;
    box-shadow: inset 0 0 0 1px rgba(15, 118, 110, .05);
}

.customer-info {
    min-width: 0;
}

.customer-name {
    display: -webkit-box;
    overflow: hidden;
    color: #0f172a;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 950;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.customer-code {
    margin-top: 5px;
    color: #0f766e;
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
}

.customer-city {
    min-width: 0;
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .customer-city span {
        flex: 0 0 auto;
        font-size: 12px;
    }

.customer-arrow {
    color: #94a3b8;
    font-size: 24px;
    font-weight: 700;
    transition: transform .14s ease, color .14s ease;
}

.customer-card:hover .customer-arrow {
    transform: translateX(2px);
    color: #0f766e;
}

.empty-box {
    height: 100%;
    min-height: 260px;
    padding: 30px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
    border: 1px dashed #cbd5e1;
    border-radius: 22px;
    background: rgba(255, 255, 255, .74);
    color: #64748b;
    text-align: center;
}

    .empty-box > span:not(.loading-spinner) {
        font-size: 36px;
    }

    .empty-box strong {
        color: #334155;
        font-size: 16px;
        font-weight: 950;
    }

    .empty-box small {
        font-size: 13px;
        font-weight: 750;
    }

    .empty-box button {
        min-height: 42px;
        margin-top: 5px;
        padding: 0 16px;
        border: 0;
        border-radius: 12px;
        background: #0f766e;
        color: #fff;
        font-size: 13px;
        font-weight: 900;
    }

.error-box {
    border-color: #fecaca;
    background: rgba(254, 226, 226, .7);
}

    .error-box strong {
        color: #991b1b;
    }

.loading-spinner {
    width: 34px;
    height: 34px;
    border: 4px solid #dbe5ef;
    border-top-color: #0f766e;
    border-radius: 50%;
    animation: customer-spin .8s linear infinite;
}

@keyframes customer-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1200px) {
    .customer-grid {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}

@media (max-width: 760px) {
    .customers-page {
        height: auto;
        min-height: 100dvh;
        padding: 12px;
        grid-template-rows: auto auto auto;
        overflow: visible;
    }

    .customers-header {
        align-items: stretch;
        flex-direction: column;
        border-radius: 20px;
    }

    .back-pos-btn {
        width: 100%;
    }

    .customers-toolbar {
        grid-template-columns: 1fr;
    }

    .customers-summary {
        display: none;
    }

    .customers-content {
        overflow: visible;
    }

    .customer-grid {
        height: auto;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        overflow: visible;
    }

    .customer-card {
        height: auto;
        min-height: 96px;
    }
}
.customer-row.keyboard-selected,
.customer-option.keyboard-selected {
    border-color: #14b8a6 !important;
    background: #ecfdf5 !important;
    box-shadow: inset 4px 0 0 #0f766e;
}


/* ===== SOURCE: pos-reports.css ===== */
.reports-page {
    padding: 25px;
}

.report-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 20px;
}

    .report-grid button {
        height: 120px;
        border: none;
        border-radius: 20px;
        background: white;
        font-size: 22px;
        font-weight: 900;
        cursor: pointer;
        box-shadow: 0 10px 20px rgba(0,0,0,.08);
    }

        .report-grid button:hover {
            transform: translateY(-3px);
        }


/* ===== SOURCE: possales.css ===== */
.pos-sales-page {
    width: 100%;
    height: 100dvh;
    padding: 20px;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: 14px;
    overflow: hidden;
    background: radial-gradient(circle at top left, rgba(20, 184, 166, .13), transparent 34%), radial-gradient(circle at bottom right, rgba(37, 99, 235, .08), transparent 34%), linear-gradient(135deg, #f8fafc 0%, #eef3f8 100%);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: #0f172a;
}

.sale-status {
    display: inline-flex;
    width: fit-content;
    margin-top: .35rem;
    padding: .22rem .55rem;
    border-radius: 999px;
    color: #64748b;
    background: #f1f5f9;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.sale-status.fiscalized {
    color: #047857;
    background: #d1fae5;
}

.sale-status.partial {
    color: #9a3412;
    background: #ffedd5;
}

.sale-status.returned {
    color: #1d4ed8;
    background: #dbeafe;
}

.sale-status.cancelled {
    color: #b91c1c;
    background: #fee2e2;
}

.cancel-modal {
    max-width: 650px;
}

.cancel-header {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

.cancel-warning {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #fed7aa;
    border-radius: 14px;
    color: #9a3412;
    background: #fff7ed;
}

.cancel-warning > span {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #ea580c;
    font-weight: 900;
}

.cancel-warning p {
    margin: .25rem 0 0;
    color: #7c2d12;
    line-height: 1.45;
}

.cancel-summary {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    gap: .75rem;
    margin: 1rem 0;
}

.cancel-summary > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .3rem;
    padding: .85rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.cancel-summary span {
    color: #64748b;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.cancel-summary strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cancel-confirm-check {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    margin-top: 1rem;
    color: #334155;
    font-weight: 650;
    cursor: pointer;
}

.cancel-confirm-check input {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    accent-color: #dc2626;
}

.cancel-submit {
    min-height: 44px;
    padding: .7rem 1.1rem;
    border: 0;
    border-radius: 10px;
    color: #fff;
    background: #dc2626;
    font-weight: 800;
}

.cancel-submit:hover:not(:disabled) {
    background: #b91c1c;
}

.cancel-submit:disabled {
    cursor: not-allowed;
    opacity: .45;
}

@media (max-width: 640px) {
    .cancel-summary {
        grid-template-columns: 1fr;
    }
}

.sales-header {
    min-height: 88px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgba(219, 229, 239, .95);
    border-radius: 24px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .07);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.sales-heading {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.sales-heading-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: linear-gradient(135deg, #ede9fe, #ddd6fe);
    font-size: 24px;
    box-shadow: inset 0 0 0 1px rgba(109, 40, 217, .08);
}

.sales-heading h1 {
    margin: 0;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -.8px;
}

.sales-heading p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
}

    .sales-heading p strong {
        color: #0f766e;
        font-weight: 950;
    }

.sales-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.back-pos-btn {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    box-shadow: 0 12px 24px rgba(15, 118, 110, .2);
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

    .back-pos-btn:hover {
        transform: translateY(-1px);
        filter: brightness(.98);
        box-shadow: 0 16px 28px rgba(15, 118, 110, .24);
    }

.sales-toolbar {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px 120px 120px;
    align-items: center;
    gap: 12px;
}

.sales-search-box {
    min-width: 0;
    height: 58px;
    padding: 0 16px;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid #dbe5ef;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .055);
    transition: border-color .16s ease, box-shadow .16s ease;
}

    .sales-search-box:focus-within {
        border-color: #0f766e;
        box-shadow: 0 0 0 4px rgba(15, 118, 110, .1), 0 12px 26px rgba(15, 23, 42, .06);
    }

    .sales-search-box > span {
        font-size: 20px;
    }

    .sales-search-box input {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #0f172a;
        font-size: 16px;
        font-weight: 850;
    }

        .sales-search-box input::placeholder {
            color: #94a3b8;
            opacity: 1;
        }

.clear-search-btn {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 21px;
    line-height: 1;
    font-weight: 900;
}

    .clear-search-btn:hover {
        background: #fee2e2;
        color: #b91c1c;
    }

.sales-summary-card {
    height: 58px;
    padding: 0 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #dbe5ef;
    border-radius: 18px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

    .sales-summary-card span {
        color: #64748b;
        font-size: 10px;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: .6px;
    }

    .sales-summary-card strong {
        margin-top: 3px;
        color: #0f766e;
        font-size: 18px;
        line-height: 1;
        font-weight: 950;
    }

.connection-badge {
    height: 58px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 18px;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .4px;
}

    .connection-badge.online {
        border: 1px solid #bbf7d0;
        background: #dcfce7;
        color: #15803d;
    }

    .connection-badge.offline {
        border: 1px solid #fed7aa;
        background: #ffedd5;
        color: #c2410c;
    }

.sales-message {
    padding: 11px 15px;
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 850;
}

    .sales-message.warning {
        border: 1px solid #fde68a;
        background: #fef3c7;
        color: #92400e;
    }

.sales-content {
    min-height: 0;
    overflow: hidden;
}

.sales-card {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #dbe5ef;
    border-radius: 22px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .07);
}

.sales-table-wrap {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, .38) transparent;
}

    .sales-table-wrap::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .sales-table-wrap::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        border-radius: 999px;
        background: rgba(100, 116, 139, .35);
        background-clip: padding-box;
    }

.sales-table {
    width: 100%;
    min-width: 920px;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

    .sales-table thead {
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .sales-table th {
        padding: 14px 16px;
        background: #f8fafc;
        border-bottom: 1px solid #e2e8f0;
        color: #475569;
        font-size: 11px;
        font-weight: 950;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: .55px;
    }

    .sales-table td {
        padding: 13px 16px;
        border-bottom: 1px solid #edf2f7;
        color: #0f172a;
        font-size: 13px;
        font-weight: 750;
        vertical-align: middle;
    }

    .sales-table tbody tr {
        transition: background .14s ease;
    }

        .sales-table tbody tr:hover {
            background: #f8fafc;
        }

.sale-document {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.document-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #ecfeff;
    font-size: 17px;
}

.sale-document div,
.sale-date {
    min-width: 0;
}

    .sale-document strong,
    .sale-date strong {
        display: block;
        overflow: hidden;
        color: #0f172a;
        font-size: 13px;
        font-weight: 950;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sale-document small,
    .sale-date small {
        display: block;
        margin-top: 3px;
        color: #94a3b8;
        font-size: 10px;
        font-weight: 750;
    }

.sale-customer {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.customer-avatar {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(135deg, #ccfbf1, #e0f2fe);
    color: #0f766e;
    font-size: 12px;
    font-weight: 950;
}

.sale-customer strong {
    overflow: hidden;
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.sale-total {
    color: #0f766e;
    font-size: 15px;
    font-weight: 950;
    white-space: nowrap;
}

.action-col {
    width: 120px;
    text-align: center !important;
}

.print-btn {
    min-height: 38px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    box-shadow: 0 8px 16px rgba(15, 118, 110, .16);
    transition: transform .14s ease, filter .14s ease;
}

    .print-btn:hover:not(:disabled) {
        transform: translateY(-1px);
        filter: brightness(.98);
    }

    .print-btn:disabled {
        cursor: not-allowed;
        opacity: .45;
        box-shadow: none;
    }

.sales-empty {
    height: 100%;
    min-height: 260px;
    padding: 30px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
    border: 1px dashed #cbd5e1;
    border-radius: 22px;
    background: rgba(255, 255, 255, .74);
    color: #64748b;
    text-align: center;
}

    .sales-empty > span:not(.loading-spinner) {
        font-size: 36px;
    }

    .sales-empty strong {
        color: #334155;
        font-size: 16px;
        font-weight: 950;
    }

    .sales-empty small {
        font-size: 13px;
        font-weight: 750;
    }

    .sales-empty button {
        min-height: 42px;
        margin-top: 5px;
        padding: 0 16px;
        border: 0;
        border-radius: 12px;
        background: #0f766e;
        color: #fff;
        font-size: 13px;
        font-weight: 900;
    }

    .sales-empty.error {
        border-color: #fecaca;
        background: rgba(254, 226, 226, .72);
    }

        .sales-empty.error strong {
            color: #991b1b;
        }

.loading-spinner {
    width: 34px;
    height: 34px;
    border: 4px solid #dbe5ef;
    border-top-color: #0f766e;
    border-radius: 50%;
    animation: sales-spin .8s linear infinite;
}

@keyframes sales-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1200px) {
    .sales-toolbar {
        grid-template-columns: minmax(0, 1fr) 160px 110px;
    }

    .connection-badge {
        display: none;
    }
}

@media (max-width: 820px) {
    .pos-sales-page {
        height: auto;
        min-height: 100dvh;
        padding: 12px;
        grid-template-rows: auto auto auto auto;
        overflow: visible;
    }

    .sales-header {
        align-items: stretch;
        flex-direction: column;
        border-radius: 20px;
    }

    .back-pos-btn {
        width: 100%;
    }

    .sales-toolbar {
        grid-template-columns: 1fr;
    }

    .sales-summary-card,
    .connection-badge {
        display: none;
    }

    .sales-content {
        overflow: visible;
    }

    .sales-card,
    .sales-table-wrap {
        height: auto;
        overflow: visible;
    }

    .sales-table {
        min-width: 0;
        border-collapse: separate;
    }

        .sales-table thead {
            display: none;
        }

        .sales-table,
        .sales-table tbody,
        .sales-table tr,
        .sales-table td {
            display: block;
            width: 100%;
        }

            .sales-table tbody {
                display: grid;
                gap: 12px;
                padding: 0;
            }

            .sales-table tr {
                padding: 14px;
                border: 1px solid #dbe5ef;
                border-radius: 18px;
                background: #fff;
                box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
            }

            .sales-table td {
                padding: 8px 0;
                display: grid;
                grid-template-columns: 110px minmax(0, 1fr);
                align-items: center;
                gap: 12px;
                border: 0;
                text-align: left !important;
            }

                .sales-table td::before {
                    content: attr(data-label);
                    color: #64748b;
                    font-size: 11px;
                    font-weight: 950;
                    text-transform: uppercase;
                    letter-spacing: .4px;
                }

    .sale-document,
    .sale-customer {
        min-width: 0;
    }

    .action-col {
        width: auto;
    }

    .print-btn {
        width: 100%;
    }
}
.return-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, .64);
    backdrop-filter: blur(4px);
}

.return-modal {
    width: min(860px, 100%);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .35);
}

.return-modal-header,
.return-modal-footer {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px;
}

.return-modal-header {
    justify-content: space-between;
    border-bottom: 1px solid #e2e8f0;
}

.return-modal-header span {
    color: #2563eb;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
}

.return-modal-header h2 {
    margin: 3px 0;
    color: #0f172a;
    font-size: 24px;
}

.return-modal-header p {
    margin: 0;
    color: #64748b;
}

.return-close {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 12px;
    background: #f1f5f9;
    color: #334155;
    font-size: 27px;
    cursor: pointer;
}

.return-modal-body {
    overflow-y: auto;
    padding: 20px 24px;
}

.return-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 90px;
    align-items: center;
    gap: 18px;
    margin-bottom: 10px;
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    background: #fff;
}

.return-line.selected {
    border-color: #60a5fa;
    background: #eff6ff;
}

.return-line-info {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.return-line-info strong {
    color: #0f172a;
}

.return-line-info small,
.return-line-info span {
    color: #64748b;
}

.return-quantity {
    display: flex;
    align-items: center;
}

.return-quantity button,
.return-quantity input {
    height: 42px;
    border: 1px solid #cbd5e1;
    background: #fff;
    text-align: center;
}

.return-quantity button {
    width: 42px;
    color: #1d4ed8;
    font-size: 22px;
    font-weight: 800;
    cursor: pointer;
}

.return-quantity button:first-child {
    border-radius: 10px 0 0 10px;
}

.return-quantity button:last-child {
    border-radius: 0 10px 10px 0;
}

.return-quantity input {
    width: 70px;
    border-right: 0;
    border-left: 0;
    color: #0f172a;
    font-weight: 800;
}

.return-line-total {
    color: #0f172a;
    text-align: right;
}

.return-reason {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 18px;
    color: #334155;
    font-weight: 700;
}

.return-reason textarea {
    resize: vertical;
    min-height: 82px;
    padding: 12px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    font: inherit;
}

.return-reason small {
    color: #64748b;
    font-weight: 400;
}

.return-error {
    margin-top: 12px;
    padding: 11px 13px;
    border-radius: 10px;
    background: #fef2f2;
    color: #b91c1c;
    font-weight: 700;
}

.return-modal-footer {
    justify-content: flex-end;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

.return-total {
    display: flex;
    margin-right: auto;
    flex-direction: column;
}

.return-total span {
    color: #64748b;
    font-size: 13px;
}

.return-total strong {
    color: #0f172a;
    font-size: 24px;
}

.return-cancel,
.return-submit {
    min-height: 44px;
    padding: 0 18px;
    border: 0;
    border-radius: 11px;
    font-weight: 800;
    cursor: pointer;
}

.return-cancel {
    background: #e2e8f0;
    color: #334155;
}

.return-submit {
    background: #2563eb;
    color: #fff;
}

.return-submit:disabled,
.return-cancel:disabled,
.return-close:disabled {
    cursor: not-allowed;
    opacity: .5;
}

@media (max-width: 700px) {
    .return-modal-backdrop {
        align-items: end;
        padding: 0;
    }

    .return-modal {
        max-height: 96vh;
        border-radius: 20px 20px 0 0;
    }

    .return-line {
        grid-template-columns: 1fr auto;
    }

    .return-quantity {
        grid-column: 1;
    }

    .return-line-total {
        grid-column: 2;
        grid-row: 2;
    }

    .return-modal-footer {
        flex-wrap: wrap;
    }

    .return-total {
        width: 100%;
    }

    .return-cancel,
    .return-submit {
        flex: 1;
    }
}


/* ===== SOURCE: cash-report.css ===== */
.cash-report-page {
    min-height: 100vh;
    padding: 24px;
    background:
        radial-gradient(circle at top left, rgba(20,184,166,.12), transparent 36%),
        linear-gradient(135deg, #f8fafc, #eef3f8);
    color: #0f172a;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.cash-report-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 26px;
    background: rgba(255,255,255,.82);
    border: 1px solid #dbe5ef;
    border-radius: 26px;
    padding: 18px;
    box-shadow: 0 12px 32px rgba(15,23,42,.07);
}

.cash-report-header h1 {
    margin: 0;
    font-size: 34px;
    font-weight: 950;
    letter-spacing: -.8px;
}

.back-pos-btn {
    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: white;
    border: 0;
    padding: 13px 18px;
    border-radius: 16px;
    cursor: pointer;
    font-weight: 950;
    box-shadow: 0 14px 26px rgba(15,118,110,.20);
}

.report-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 22px;
}

.report-card {
    background: rgba(255,255,255,.92);
    border: 1px solid #dbe5ef;
    border-radius: 26px;
    padding: 24px;
    box-shadow: 0 14px 34px rgba(15,23,42,.07);
    text-align: left;
}

.report-card h3 {
    margin: 0 0 12px;
    color: #64748b;
    font-size: 14px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.report-card span {
    font-size: 34px;
    font-weight: 950;
    color: #0f172a;
    letter-spacing: -.9px;
}

.report-card.total {
    background: linear-gradient(135deg, #0f172a, #0f766e);
    border-color: transparent;
}

.report-card.total h3,
.report-card.total span {
    color: white;
}

.salesperson-report {
    margin-top: 26px;
    background: rgba(255,255,255,.92);
    border: 1px solid #dbe5ef;
    border-radius: 26px;
    padding: 22px;
    box-shadow: 0 14px 34px rgba(15,23,42,.07);
    overflow: hidden;
}

.salesperson-table {
    width: 100%;
    border-collapse: collapse;
}

.salesperson-table th {
    background: #0f766e;
    color: white;
    padding: 15px;
    text-align: left;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.salesperson-table td {
    padding: 15px;
    border-bottom: 1px solid #edf2f7;
    font-weight: 700;
}

.salesperson-table tr:hover {
    background: #f8fafc;
}

@media (max-width: 900px) {
    .report-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* ===== SOURCE: pos-admin-pages.css ===== */
.pos-admin-page{min-height:100vh;padding:24px;background:radial-gradient(circle at top left,rgba(20,184,166,.12),transparent 36%),linear-gradient(135deg,#f8fafc,#eef3f8);color:#0f172a;font-family:Inter,"Segoe UI",Arial,sans-serif}
.pos-admin-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;background:rgba(255,255,255,.86);border:1px solid #dbe5ef;border-radius:26px;padding:18px 20px;box-shadow:0 12px 32px rgba(15,23,42,.07)}
.pos-admin-header h1{margin:0;font-size:32px;font-weight:950;letter-spacing:-.8px}.pos-admin-header p{margin:5px 0 0;color:#64748b;font-weight:800}
.pos-card,.report-card{background:rgba(255,255,255,.93);border:1px solid #dbe5ef;border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.pos-card h3,.report-card h3{margin:0 0 10px;color:#64748b;font-size:13px;font-weight:950;text-transform:uppercase}.pos-card strong,.report-card span{font-size:30px;font-weight:950;color:#0f172a}
.report-cards,.shift-grid,.close-grid,.cash-count-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.report-card.total{background:linear-gradient(135deg,#0f172a,#0f766e)}.report-card.total h3,.report-card.total span{color:white}.mt{margin-top:20px}
.pos-alert{padding:16px 18px;border-radius:18px;margin-bottom:16px;font-weight:900}.pos-alert.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.pos-alert.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.pos-input,.pos-textarea{width:100%;border:1px solid #dbe5ef;border-radius:18px;padding:14px 16px;font-size:16px;font-weight:800;outline:none;margin:8px 0 16px}.pos-input.big{font-size:30px;text-align:right;font-weight:950}.pos-textarea{min-height:110px;resize:vertical}
.primary-btn,.danger-btn,.back-pos-btn{border:0;border-radius:16px;padding:14px 20px;color:white;font-weight:950;cursor:pointer}.primary-btn,.back-pos-btn{background:linear-gradient(135deg,#0f766e,#14b8a6)}.danger-btn{background:linear-gradient(135deg,#ef4444,#b91c1c)}
.status-card{border-color:#86efac}.status-dot{width:14px;height:14px;background:#22c55e;display:inline-block;border-radius:999px;margin-bottom:8px}.warning{border-color:#facc15}.ok{border-color:#86efac}.ok-text{color:#047857;font-size:32px;font-weight:950}.bad-text{color:#b91c1c;font-size:32px;font-weight:950}
@media(max-width:1000px){.report-cards,.shift-grid,.close-grid,.cash-count-grid{grid-template-columns:repeat(2,1fr)}}

/* MOB365 settings page: isolated scroll and enterprise layout.
   The global POS shell intentionally locks body scrolling, therefore this
   page owns its scroll container instead of changing html/body. */
.pos-admin-page {
    position: fixed;
    inset: 0;
    z-index: 120;
    width: 100%;
    height: 100dvh;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    box-sizing: border-box;
    padding: 22px clamp(16px, 3vw, 42px) 110px;
    background:
        radial-gradient(circle at 8% 0, rgba(13,148,136,.11), transparent 30%),
        linear-gradient(145deg,#f5f8fb 0%,#edf3f7 100%);
}

.pos-admin-page *,
.pos-admin-page *::before,
.pos-admin-page *::after { box-sizing: border-box; }

.pos-admin-page .pos-admin-header,
.pos-admin-page .settings-layout,
.pos-admin-page .settings-footer,
.pos-admin-page > .pos-alert,
.pos-admin-page > .pos-card {
    width: min(1380px, 100%);
    margin-left: auto;
    margin-right: auto;
}

.pos-admin-page .pos-admin-header {
    min-height: 88px;
    margin-bottom: 18px;
    padding: 18px 22px;
    border: 1px solid #d9e3ec;
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
}

.pos-admin-page .pos-admin-header h1 {
    font-size: clamp(25px, 2.2vw, 32px);
    letter-spacing: -.65px;
}

.pos-admin-page .back-pos-btn {
    min-width: 92px;
    min-height: 44px;
    border: 1px solid #cbd8e5;
    border-radius: 11px;
    background: #fff;
    color: #0f172a;
    box-shadow: none;
}

.pos-admin-page .back-pos-btn:hover {
    border-color: #0f766e;
    color: #0f766e;
    background: #f0fdfa;
}

.settings-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

.settings-card {
    min-width: 0;
    padding: 20px;
    border: 1px solid #d9e3ec;
    border-radius: 16px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 7px 20px rgba(15,23,42,.045);
}

.settings-card.full-width { grid-column: 1 / -1; }

.settings-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #e5ebf1 !important;
}

.settings-title .settings-icon {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 11px !important;
    background: #e7f5f3 !important;
    color: #0f766e !important;
    font-size: 19px;
}

.settings-title h2 {
    margin: 0;
    color: #0f172a;
    font-size: 19px;
    font-weight: 900;
}

.settings-title p {
    margin: 3px 0 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 650;
}

.settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.field-group { min-width: 0; }
.field-group label {
    display: block;
    margin: 0 0 7px;
    color: #334155;
    font-size: 13px;
    font-weight: 800;
}

.pos-admin-page .pos-input,
.pos-admin-page .pos-textarea {
    width: 100%;
    margin: 0;
    border: 1px solid #cbd8e5;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    font-size: 15px;
    font-weight: 700;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.pos-admin-page .pos-input {
    min-height: 48px;
    padding: 0 14px;
}

.pos-admin-page .pos-input:focus,
.pos-admin-page .pos-textarea:focus {
    border-color: #0f9488;
    box-shadow: 0 0 0 4px rgba(15,148,136,.12);
}

.pos-admin-page .pos-input:disabled {
    cursor: not-allowed;
    background: #f1f5f9;
    color: #94a3b8;
}

.pos-admin-page .pos-textarea {
    min-height: 105px;
    padding: 13px 14px;
    resize: vertical;
}

.toggle-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    min-height: 68px;
    padding: 12px 0;
    border-bottom: 1px solid #edf1f5;
}

.toggle-row strong {
    display: block;
    color: #172033;
    font-size: 14px;
    font-weight: 850;
}

.toggle-row small {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
}

.danger-setting strong { color: #b42318; }

.switch {
    position: relative;
    flex: 0 0 48px;
    width: 48px;
    height: 27px;
}

.switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.switch .slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    border-radius: 999px;
    background: #cbd5e1;
    transition: .2s ease;
}

.switch .slider::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(15,23,42,.25);
    transition: .2s ease;
}

.switch input:checked + .slider {
    background: linear-gradient(135deg,#0f766e,#14b8a6);
}

.switch input:checked + .slider::before { transform: translateX(21px); }
.switch input:disabled + .slider { cursor: not-allowed; opacity: .48; }
.switch input:focus-visible + .slider { box-shadow: 0 0 0 4px rgba(15,148,136,.18); }

.settings-test-btn { margin-top: 14px; }

.pos-admin-page .secondary-btn,
.pos-admin-page .primary-btn {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    font-weight: 850;
}

.pos-admin-page .secondary-btn {
    border: 1px solid #cbd8e5;
    background: #fff;
    color: #172033;
}

.pos-admin-page .primary-btn {
    border: 1px solid #0f766e;
    background: linear-gradient(135deg,#0f766e,#0d9488);
    box-shadow: 0 8px 18px rgba(15,118,110,.18);
}

.pos-admin-page button:disabled { cursor: not-allowed; opacity: .55; }

.settings-footer {
    position: sticky;
    bottom: 12px;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
    padding: 12px;
    border: 1px solid rgba(203,216,229,.95);
    border-radius: 14px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 12px 30px rgba(15,23,42,.12);
    backdrop-filter: blur(12px);
}

@media (max-width: 900px) {
    .settings-layout { grid-template-columns: 1fr; }
    .settings-card.full-width { grid-column: auto; }
}

@media (max-width: 620px) {
    .pos-admin-page { padding: 12px 12px 96px; }
    .pos-admin-page .pos-admin-header {
        min-height: 0;
        align-items: flex-start;
        padding: 16px;
        border-radius: 14px;
    }
    .pos-admin-page .pos-admin-header p { font-size: 12px; }
    .settings-card { padding: 16px; border-radius: 14px; }
    .settings-grid { grid-template-columns: 1fr; }
    .settings-footer { bottom: 6px; }
    .settings-footer button { flex: 1; }
}


/* ===== SOURCE: pos-shift-professional.css ===== */
.pos-admin-page{min-height:100vh;padding:24px;background:radial-gradient(circle at top left,rgba(20,184,166,.12),transparent 36%),linear-gradient(135deg,#f8fafc,#eef3f8);color:#0f172a;font-family:Inter,"Segoe UI",Arial,sans-serif}.pos-admin-header,.shift-identity,.shift-report-head{display:flex;justify-content:space-between;align-items:center;gap:18px;background:rgba(255,255,255,.92);border:1px solid #dbe5ef;border-radius:26px;padding:20px 22px;box-shadow:0 14px 36px rgba(15,23,42,.07)}.pos-admin-header{margin-bottom:22px}.pos-admin-header h1,.shift-identity h2,.shift-report-head h2{margin:0;font-weight:950}.pos-admin-header p,.shift-identity p,.shift-report-head p{margin:5px 0 0;color:#64748b;font-weight:800}.header-actions,.close-actions{display:flex;gap:10px;flex-wrap:wrap}.back-pos-btn,.primary-btn,.secondary-btn,.danger-btn{border:0;border-radius:16px;padding:14px 20px;font-weight:950;cursor:pointer}.back-pos-btn,.primary-btn{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff}.secondary-btn{background:#e2e8f0;color:#0f172a}.danger-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.pos-card,.metric-card,.close-panel,.formula-card,.print-report{background:rgba(255,255,255,.94);border:1px solid #dbe5ef;border-radius:24px;box-shadow:0 14px 34px rgba(15,23,42,.07)}.pos-card,.close-panel{padding:22px}.metric-grid,.count-summary{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;margin-top:18px}.count-summary{grid-template-columns:repeat(3,minmax(180px,1fr))}.metric-card{padding:20px}.metric-card small{display:block;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;margin-bottom:10px}.metric-card strong{font-size:27px;font-weight:950}.metric-card.accent{background:linear-gradient(135deg,#ccfbf1,#ecfeff);border-color:#5eead4}.metric-card.dark{background:linear-gradient(135deg,#0f172a,#0f766e);color:#fff}.metric-card.dark small{color:#ccfbf1}.metric-card.success{border-color:#86efac}.metric-card.warning-card{border-color:#fbbf24}.status-pill{display:inline-flex;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:950}.status-pill.open{color:#166534;background:#dcfce7}.shift-time{text-align:right}.action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.action-grid button{min-height:58px;border:1px solid #dbe5ef;border-radius:18px;background:#fff;font-weight:950;cursor:pointer}.action-grid .danger-action{color:#fff;border-color:transparent;background:linear-gradient(135deg,#ef4444,#b91c1c)}.formula-card{margin-top:18px;padding:20px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:20px}.formula-card strong{color:#0f766e;font-size:28px}.pos-alert{padding:16px 18px;margin-bottom:16px;border-radius:18px;font-weight:900}.pos-alert.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.pos-alert.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.pos-input,.pos-textarea{width:100%;box-sizing:border-box;margin:8px 0 16px;padding:14px 16px;border:1px solid #dbe5ef;border-radius:18px;font-size:16px;font-weight:800}.pos-input.big{text-align:right;font-size:30px;font-weight:950}.pos-textarea{min-height:110px}.denomination-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:12px;margin-top:18px}.denomination-card{display:grid;grid-template-columns:1fr 90px 110px;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #dbe5ef;border-radius:18px}.denomination-card strong,.denomination-card small{display:block}.denomination-card input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:12px;font-weight:950;text-align:center}.denomination-card b{text-align:right}.close-panel{margin-top:18px}.difference-box{padding:18px;border-radius:18px;margin-bottom:18px}.difference-box small{display:block;font-weight:900}.difference-box strong{font-size:32px}.ok-difference{background:#dcfce7;color:#166534}.bad-difference{background:#fee2e2;color:#991b1b}.print-report{max-width:520px;margin:0 auto;padding:28px}.print-report h2{text-align:center}.print-report>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0}.print-report .grand-total{margin-top:10px;padding:14px;background:#0f172a;color:#fff;border-radius:14px}.empty-state{text-align:center}.mt{margin-top:18px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.action-grid{grid-template-columns:repeat(2,1fr)}.denomination-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.pos-admin-page{padding:12px}.pos-admin-header,.shift-identity,.shift-report-head{align-items:stretch;flex-direction:column}.metric-grid,.count-summary,.action-grid,.denomination-grid{grid-template-columns:1fr}.denomination-card{grid-template-columns:1fr 80px 100px}}@media print{.no-print,.pos-sidebar{display:none!important}.pos-admin-page{padding:0;background:#fff}.print-report{box-shadow:none;border:0;max-width:none}}


/* ===== SOURCE: mob365-premium.css ===== */
/* =========================================================
   MOB365 ENTERPRISE UI 2026
   Unified premium design for Login, POS and operational pages
   ========================================================= */
:root{--mob-navy:#101828;--mob-navy-2:#1d2939;--mob-teal:#087f74;--mob-teal-hover:#066b62;--mob-green:#067647;--mob-red:#b42318;--mob-amber:#b54708;--mob-blue:#175cd3;--mob-bg:#f2f4f7;--mob-panel:#fff;--mob-surface:#f8fafc;--mob-border:#d0d5dd;--mob-border-soft:#e4e7ec;--mob-text:#101828;--mob-muted:#667085;--mob-radius:10px;--mob-shadow:0 12px 32px rgba(16,24,40,.10)}
body{background:var(--mob-bg);color:var(--mob-text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{letter-spacing:0}.back-pos-btn,.primary-btn,.secondary-btn,.danger-btn,.confirm-btn,.close-btn{min-height:44px;border-radius:8px;font-weight:800;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.back-pos-btn:active,.primary-btn:active,.secondary-btn:active,.danger-btn:active,.confirm-btn:active{transform:translateY(1px)}
.primary-btn,.confirm-btn{border:1px solid var(--mob-teal)!important;background:var(--mob-teal)!important;color:#fff!important}.primary-btn:hover,.confirm-btn:hover{background:var(--mob-teal-hover)!important;border-color:var(--mob-teal-hover)!important}.secondary-btn,.back-pos-btn,.close-btn{border:1px solid var(--mob-border)!important;background:#fff!important;color:var(--mob-navy)!important}.secondary-btn:hover,.back-pos-btn:hover,.close-btn:hover{background:#f9fafb!important;border-color:#98a2b3!important}.danger-btn{border:1px solid var(--mob-red)!important;background:var(--mob-red)!important;color:#fff!important}
.pos-input,.pos-textarea,.field-group input,.field-group select,.field-group textarea{border:1px solid var(--mob-border)!important;border-radius:8px!important;background:#fff!important;color:var(--mob-text)!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important}.pos-input:focus,.pos-textarea:focus,.field-group input:focus,.field-group select:focus,.field-group textarea:focus{outline:0!important;border-color:var(--mob-teal)!important;box-shadow:0 0 0 3px rgba(8,127,116,.12)!important}

/* LOGIN */
.login-page{background:linear-gradient(135deg,#eef2f6 0%,#f8fafc 55%,#e7f4f2 100%)!important}.login-shell{width:min(1100px,calc(100vw - 40px))!important;min-height:650px!important;border:1px solid rgba(152,162,179,.45)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 28px 80px rgba(16,24,40,.18)!important;overflow:hidden!important}.login-brand{background:linear-gradient(155deg,#101828 0%,#152238 62%,#087f74 160%)!important}.brand-curve{opacity:.08!important}.brand-icon{border-radius:12px!important;background:#087f74!important;box-shadow:0 12px 28px rgba(8,127,116,.35)!important}.brand-title{letter-spacing:-1px!important}.brand-badge{border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;backdrop-filter:none!important}.module-btn{border-radius:8px!important}.module-btn.active{border-color:rgba(255,255,255,.20)!important;background:rgba(255,255,255,.11)!important}.login-form-side{background:#fff!important}.login-form{max-width:390px!important}.login-form h1{font-size:30px!important;letter-spacing:-.7px!important;color:var(--mob-navy)!important}.input-wrap input{height:52px!important;border:1px solid var(--mob-border)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}.input-wrap input:focus{border-color:var(--mob-teal)!important;box-shadow:0 0 0 4px rgba(8,127,116,.12)!important}.login-btn{height:52px!important;border-radius:8px!important;background:var(--mob-teal)!important;box-shadow:0 8px 18px rgba(8,127,116,.22)!important}.login-btn:hover{background:var(--mob-teal-hover)!important}.login-status{border-color:#a6f4c5!important;background:#ecfdf3!important;color:#067647!important}.login-footer,.login-bottom{color:var(--mob-muted)!important}

/* COMMON PAGE SHELL */
.pos-admin-page,.customers-page,.pos-sales-page,.reports-page,.cash-report-page{min-height:100dvh!important;padding:24px!important;background:var(--mob-bg)!important;color:var(--mob-text)!important}.pos-admin-header,.customers-header,.sales-header,.cash-report-header{margin-bottom:18px!important;padding:0 0 16px!important;border-bottom:1px solid var(--mob-border-soft)!important;background:transparent!important}.pos-admin-header h1,.customers-heading h1,.sales-heading h1,.cash-report-header h1{margin:0!important;color:var(--mob-navy)!important;font-size:26px!important;line-height:1.2!important;letter-spacing:-.5px!important}.pos-admin-header p,.customers-heading p,.sales-heading p,.cash-report-header p{margin:5px 0 0!important;color:var(--mob-muted)!important;font-size:13px!important}.pos-card,.settings-card,.report-card,.sales-summary-card,.metric-card,.formula-card,.print-report{border:1px solid var(--mob-border-soft)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 3px rgba(16,24,40,.04)!important}.pos-card,.settings-card{padding:20px!important}.pos-card:hover,.settings-card:hover,.report-card:hover,.metric-card:hover{box-shadow:0 5px 16px rgba(16,24,40,.07)!important}.pos-alert{border-radius:8px!important;border-width:1px!important;box-shadow:none!important}

/* TOOLBARS AND SEARCH */
.customers-toolbar,.sales-toolbar{padding:14px!important;border:1px solid var(--mob-border-soft)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 3px rgba(16,24,40,.04)!important}.customer-search-box,.sales-search-box{border:1px solid var(--mob-border)!important;border-radius:8px!important;background:#fff!important}.customer-search-box:focus-within,.sales-search-box:focus-within{border-color:var(--mob-teal)!important;box-shadow:0 0 0 3px rgba(8,127,116,.12)!important}.customers-summary,.sales-summary-card{color:var(--mob-muted)!important}

/* CUSTOMERS */
.customer-grid{gap:12px!important}.customer-card{min-height:86px!important;border:1px solid var(--mob-border-soft)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease!important}.customer-card:hover{transform:translateY(-1px)!important;border-color:#98a2b3!important;box-shadow:0 6px 14px rgba(16,24,40,.08)!important}.customer-avatar{border-radius:8px!important;background:#e7f4f2!important;color:var(--mob-teal)!important}.customer-name{color:var(--mob-navy)!important}.customer-code,.customer-city{color:var(--mob-muted)!important}

/* SALES */
.sales-table-wrap{border:1px solid var(--mob-border-soft)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 3px rgba(16,24,40,.04)!important;overflow:hidden!important}.sales-table thead th{background:#f9fafb!important;color:#475467!important;font-size:11px!important;letter-spacing:.5px!important;text-transform:uppercase!important;border-bottom:1px solid var(--mob-border)!important}.sales-table tbody tr{border-bottom:1px solid var(--mob-border-soft)!important}.sales-table tbody tr:hover{background:#f9fafb!important}.sale-total{color:var(--mob-navy)!important}.print-btn{border-radius:7px!important;background:#fff!important;border:1px solid var(--mob-border)!important;color:var(--mob-navy)!important}

/* SETTINGS / REPORTS */
.settings-layout,.report-grid,.metric-grid,.action-grid{gap:14px!important}.settings-title{padding-bottom:12px!important;border-bottom:1px solid var(--mob-border-soft)!important;color:var(--mob-navy)!important}.settings-icon{background:#e7f4f2!important;color:var(--mob-teal)!important;border-radius:7px!important}.metric-card.dark{background:var(--mob-navy)!important;color:#fff!important}.metric-card.success{border-left:3px solid var(--mob-green)!important}.metric-card.accent{border-left:3px solid var(--mob-teal)!important}.metric-card.warning-card{border-left:3px solid var(--mob-amber)!important}.report-card.total{background:var(--mob-navy)!important;color:#fff!important}.salesperson-table{border:1px solid var(--mob-border-soft)!important;border-radius:9px!important;overflow:hidden!important}

/* POS WORKSPACE */
.pos-layout{background:var(--mob-bg)!important}.products-panel,.pos-products,.products-shell,.cart-panel{border-color:var(--mob-border-soft)!important;border-radius:10px!important;box-shadow:0 1px 3px rgba(16,24,40,.04)!important}.products-header,.cart-header{border-bottom:1px solid var(--mob-border-soft)!important}.product-search input,.products-search input{border-radius:8px!important}.empty-state,.products-empty{color:var(--mob-muted)!important}.cart-total{background:var(--mob-navy)!important;border-radius:9px!important}.cash-btn{background:var(--mob-teal)!important;border:1px solid var(--mob-teal)!important;border-radius:8px!important;box-shadow:none!important}.cash-btn:hover{background:var(--mob-teal-hover)!important}.card-btn{background:var(--mob-navy)!important;border:1px solid var(--mob-navy)!important;border-radius:8px!important;box-shadow:none!important}.card-btn:hover{background:var(--mob-navy-2)!important}.cancel-btn{border:1px solid #fecdca!important;border-radius:8px!important;background:#fff!important;color:var(--mob-red)!important}.cart-item{border-bottom:1px solid var(--mob-border-soft)!important}.remove-btn{border-radius:6px!important}

/* PAYMENT MODALS */
.cash-popup-backdrop{padding:20px!important;background:rgba(16,24,40,.68)!important;backdrop-filter:blur(3px)!important}.cash-popup{position:relative!important;width:min(500px,100%)!important;max-height:calc(100dvh - 40px)!important;padding:28px 30px 30px!important;overflow-y:auto!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 28px 80px rgba(16,24,40,.32)!important}.cash-popup h2{margin:0 52px 4px 0!important;color:var(--mob-navy)!important;font-size:28px!important;line-height:1.15!important;letter-spacing:-.6px!important}.payment-kicker{display:block;margin-bottom:18px;color:var(--mob-muted);font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.popup-x{top:18px!important;right:18px!important;width:38px!important;height:38px!important;border:1px solid var(--mob-border-soft)!important;border-radius:8px!important;background:#f9fafb!important;color:#667085!important;font-size:22px!important}.popup-x:hover{background:#f2f4f7!important;color:var(--mob-navy)!important}.cash-row{min-height:64px!important;margin:10px 0!important;padding:12px 14px!important;border:1px solid var(--mob-border-soft)!important;border-radius:8px!important;background:#f9fafb!important}.cash-row span{color:var(--mob-muted)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.25px!important;text-transform:uppercase!important}.cash-row strong{color:var(--mob-navy)!important;font-size:18px!important}.cash-row.payment-total{min-height:88px!important;background:#fff!important;border-color:#b2ddda!important}.cash-row.payment-total strong{font-size:38px!important;letter-spacing:-1px!important}.cash-popup label{display:block!important;margin:16px 0 7px!important;color:#344054!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.4px!important}.cash-popup input[type=number],.cash-popup input[type=text]{width:100%!important;height:66px!important;padding:0 16px!important;border:1px solid var(--mob-border)!important;border-radius:9px!important;background:#fff!important;color:var(--mob-navy)!important;font-size:31px!important;font-weight:900!important;text-align:right!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}.cash-popup input:focus{outline:0!important;border-color:var(--mob-teal)!important;box-shadow:0 0 0 4px rgba(8,127,116,.12)!important}.cash-quick-buttons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 16px!important}.cash-quick-buttons button{min-height:48px!important;padding:0 8px!important;border:1px solid var(--mob-border)!important;border-radius:8px!important;background:#fff!important;color:var(--mob-navy)!important;font-size:14px!important;font-weight:900!important}.cash-quick-buttons button:hover{border-color:var(--mob-teal)!important;background:#e7f4f2!important;color:var(--mob-teal)!important}.cash-row.change-row{background:#ecfdf3!important;border-color:#abefc6!important}.cash-row.change-row strong,.change-positive{color:var(--mob-green)!important;font-size:30px!important}.cash-row.shortage-row{background:#fef3f2!important;border-color:#fecdca!important}.cash-row.shortage-row strong,.change-negative{color:var(--mob-red)!important}.payment-card-state{display:grid;place-items:center;gap:8px;margin:18px 0;padding:24px;border:1px solid var(--mob-border-soft);border-radius:9px;background:#f9fafb;text-align:center}.payment-card-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:12px;background:#e7f4f2;color:var(--mob-teal);font-size:27px;font-weight:900}.payment-card-state strong{font-size:18px;color:var(--mob-navy)}.payment-card-state span{font-size:13px;color:var(--mob-muted)}.cash-popup .confirm-btn{width:100%!important;min-height:56px!important;margin-top:18px!important;font-size:14px!important;letter-spacing:.25px!important}.cash-popup .close-btn{width:100%!important;min-height:46px!important;margin-top:9px!important}.cash-popup .confirm-btn:disabled{border-color:#d0d5dd!important;background:#eaecf0!important;color:#98a2b3!important;cursor:not-allowed!important}

/* SHIFT OPEN MODAL */
.cash-popup[aria-labelledby="open-shift-title"] .cash-row strong{font-size:15px!important}.cash-popup[aria-labelledby="open-shift-title"] input{height:52px!important;font-size:17px!important;text-align:left!important}

/* PRINT DIALOG OVERRIDES */
.pos-print-overlay{backdrop-filter:blur(3px)!important;background:rgba(16,24,40,.68)!important}.pos-print-dialog{border-radius:12px!important;border-color:var(--mob-border-soft)!important;box-shadow:0 28px 80px rgba(16,24,40,.30)!important}.pos-print-icon{border-radius:12px!important;background:#ecfdf3!important;color:var(--mob-green)!important}.pos-print-document{border:1px solid var(--mob-border-soft)!important;border-radius:8px!important;background:#f9fafb!important}.pos-print-btn{border-radius:8px!important}

@media(max-width:700px){.pos-admin-page,.customers-page,.pos-sales-page,.reports-page,.cash-report-page{padding:14px!important}.cash-popup{padding:24px 18px!important}.cash-quick-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cash-row.payment-total strong{font-size:32px!important}.login-shell{width:calc(100vw - 20px)!important;min-height:auto!important;border-radius:12px!important}}

/* =========================================================
   MOB365 ENTERPRISE REFINEMENT V3
   ========================================================= */
:root{
    --mob-shell:#ffffff;
    --mob-canvas:#eef2f6;
    --mob-ink:#0f172a;
    --mob-subtle:#64748b;
    --mob-line:#dbe3ea;
    --mob-line-strong:#c6d0db;
    --mob-brand:#0f766e;
    --mob-brand-dark:#115e59;
    --mob-sidebar:#0f172a;
}

/* LOGIN: restrained enterprise appearance */
.login-page{
    min-height:100dvh!important;
    display:grid!important;
    place-items:center!important;
    padding:32px!important;
    background:#eef2f6!important;
}
.login-shell-enterprise{
    width:min(1040px,calc(100vw - 48px))!important;
    min-height:620px!important;
    display:grid!important;
    grid-template-columns:44% 56%!important;
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 24px 64px rgba(15,23,42,.15)!important;
    overflow:hidden!important;
}
.login-brand-enterprise{
    position:relative!important;
    padding:54px 48px!important;
    display:flex!important;
    align-items:stretch!important;
    background:#0f172a!important;
    color:#fff!important;
}
.login-brand-enterprise::after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-110px;
    width:290px;
    height:290px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
}
.brand-content-enterprise{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    text-align:left!important;
}
.enterprise-mark{
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#0f766e;
    color:#fff;
    font-size:26px;
    font-weight:900;
    box-shadow:none;
}
.enterprise-product{
    margin-top:22px;
    font-size:16px;
    font-weight:900;
    letter-spacing:.8px;
}
.enterprise-product span{
    margin-left:7px;
    color:#5eead4;
}
.brand-content-enterprise h2{
    margin:58px 0 16px!important;
    color:#fff!important;
    font-size:38px!important;
    line-height:1.12!important;
    letter-spacing:-1.3px!important;
}
.enterprise-copy{
    max-width:360px;
    margin:0!important;
    color:#cbd5e1!important;
    font-size:14px!important;
    line-height:1.7!important;
}
.enterprise-features{
    width:100%;
    margin-top:36px;
    display:grid;
    gap:0;
    border-top:1px solid rgba(255,255,255,.12);
}
.enterprise-features div{
    min-height:52px;
    display:grid;
    grid-template-columns:40px 1fr;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.10);
}
.enterprise-features b{
    color:#5eead4;
    font-size:11px;
    letter-spacing:.8px;
}
.enterprise-features span{
    color:#e2e8f0;
    font-size:13px;
    font-weight:700;
}
.enterprise-meta{
    width:100%;
    margin-top:auto;
    padding-top:28px;
    display:flex;
    justify-content:space-between;
    color:#94a3b8;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.2px;
}
.login-form-enterprise{
    position:relative!important;
    padding:58px 70px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
}
.login-form-enterprise .login-status{
    top:28px!important;
    right:32px!important;
    padding:7px 11px!important;
    border-radius:999px!important;
    font-size:10px!important;
    letter-spacing:.7px!important;
}
.login-form-enterprise .login-form{
    width:100%!important;
    max-width:410px!important;
}
.login-eyebrow{
    margin-bottom:10px;
    color:#0f766e;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.4px;
}
.login-form-enterprise .login-form h1{
    margin:0!important;
    color:#0f172a!important;
    font-size:32px!important;
    line-height:1.15!important;
    letter-spacing:-.9px!important;
}
.login-form-enterprise .login-form>p{
    margin:9px 0 30px!important;
    color:#64748b!important;
    font-size:14px!important;
}
.enterprise-field{
    display:block;
    margin-bottom:16px;
}
.enterprise-field>span{
    display:block;
    margin:0 0 7px;
    color:#334155;
    font-size:12px;
    font-weight:800;
}
.login-form-enterprise .input-wrap{
    height:54px!important;
    display:grid!important;
    grid-template-columns:48px 1fr!important;
    align-items:center!important;
    border:1px solid #cbd5e1!important;
    border-radius:8px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:none!important;
}
.login-form-enterprise .input-wrap:focus-within{
    border-color:#0f766e!important;
    box-shadow:0 0 0 3px rgba(15,118,110,.12)!important;
}
.login-form-enterprise .input-wrap>b{
    height:100%;
    display:grid;
    place-items:center;
    border-right:1px solid #e2e8f0;
    background:#f8fafc;
    color:#475569;
    font-size:10px;
    letter-spacing:.8px;
}
.login-form-enterprise .input-wrap input{
    width:100%!important;
    height:100%!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:700!important;
}
.login-form-enterprise .input-wrap input:focus{box-shadow:none!important}
.login-form-enterprise .login-btn{
    width:100%!important;
    height:54px!important;
    margin-top:8px!important;
    border:1px solid #0f766e!important;
    border-radius:8px!important;
    background:#0f766e!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:.5px!important;
    box-shadow:none!important;
}
.login-form-enterprise .login-btn:hover{background:#115e59!important}
.login-security-note{
    margin-top:18px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#64748b;
    font-size:11px;
}
.login-security-note span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#16a34a;
}
.login-form-enterprise .login-footer{
    margin-top:34px!important;
    padding-top:18px!important;
    border-top:1px solid #e2e8f0!important;
    color:#94a3b8!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.4px!important;
}

/* Customer selection: operational table, not AI-style cards */
.customers-page{
    padding:20px!important;
    background:#eef2f6!important;
}
.customers-header{
    min-height:72px!important;
    margin-bottom:14px!important;
    padding:0 2px 14px!important;
    display:flex!important;
    align-items:center!important;
    border-bottom:1px solid #cfd8e3!important;
}
.customers-heading-icon{
    width:42px!important;
    height:42px!important;
    border-radius:8px!important;
    background:#0f766e!important;
    color:#fff!important;
    font-size:0!important;
}
.customers-heading-icon::after{
    content:"C";
    font-size:16px;
    font-weight:900;
}
.customers-heading h1{font-size:24px!important}
.customers-toolbar{
    margin-bottom:12px!important;
    padding:10px!important;
    border:1px solid #d5dee8!important;
    border-radius:9px!important;
    box-shadow:none!important;
}
.customer-search-box{height:48px!important}
.customers-summary{
    min-width:94px!important;
    height:48px!important;
    border:1px solid #d5dee8!important;
    border-radius:8px!important;
    background:#f8fafc!important;
}
.customer-table{
    height:calc(100dvh - 190px);
    display:flex;
    flex-direction:column;
    border:1px solid #d5dee8;
    border-radius:9px;
    background:#fff;
    overflow:hidden;
}
.customer-table-head,
.customer-row{
    display:grid;
    grid-template-columns:minmax(320px,1.8fr) 170px minmax(160px,1fr) 86px;
    align-items:center;
    gap:16px;
}
.customer-table-head{
    min-height:42px;
    padding:0 18px;
    border-bottom:1px solid #d5dee8;
    background:#f8fafc;
    color:#64748b;
    font-size:10px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
}
.customer-table-body{
    min-height:0;
    overflow:auto;
}
.customer-row{
    width:100%;
    min-height:58px;
    padding:0 18px;
    border:0;
    border-bottom:1px solid #edf1f5;
    background:#fff;
    color:#0f172a;
    text-align:left;
}
.customer-row:hover{
    background:#f8fafc;
    box-shadow:inset 3px 0 0 #0f766e;
}
.customer-primary{
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
}
.customer-row .customer-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:7px!important;
    background:#e6f3f1!important;
    color:#0f766e!important;
    font-size:11px!important;
    font-weight:900!important;
}
.customer-row .customer-name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#0f172a!important;
    font-size:13px!important;
    font-weight:800!important;
}
.customer-row .customer-code,
.customer-row .customer-city{
    color:#475569!important;
    font-size:12px!important;
    font-weight:700!important;
}
.customer-row .customer-arrow{
    justify-self:end;
    padding:6px 10px;
    border:1px solid #d5dee8;
    border-radius:6px;
    color:#334155;
    font-size:10px;
    font-weight:900;
}
.customer-row:hover .customer-arrow{
    border-color:#0f766e;
    color:#0f766e;
}

/* POS corrections */
.cart-total,
.cart-total *{
    color:#fff!important;
}
.cart-total{
    padding:18px 16px!important;
    background:#0f172a!important;
    border-radius:8px!important;
}
.cart-total strong,
.cart-total .grand-total,
.cart-total .total-value{
    font-size:31px!important;
    font-weight:900!important;
    letter-spacing:-.8px!important;
}
.market-idle-state{
    opacity:.82;
}
.market-idle-state .scanner-illustration{
    transform:scale(.88);
}

/* All operational pages */
.pos-admin-page,
.pos-sales-page,
.reports-page,
.cash-report-page{
    padding:20px!important;
    background:#eef2f6!important;
}
.pos-admin-header,
.sales-header,
.cash-report-header{
    min-height:72px!important;
    margin-bottom:14px!important;
    padding:0 2px 14px!important;
    border-bottom:1px solid #cfd8e3!important;
}
.pos-card,
.settings-card,
.report-card,
.metric-card,
.formula-card,
.sales-summary-card{
    border:1px solid #d5dee8!important;
    border-radius:9px!important;
    box-shadow:none!important;
}
.pos-card:hover,
.settings-card:hover,
.report-card:hover,
.metric-card:hover{
    box-shadow:none!important;
}
.back-pos-btn,
.primary-btn,
.secondary-btn,
.danger-btn,
.confirm-btn,
.close-btn,
.print-btn{
    border-radius:7px!important;
    box-shadow:none!important;
}

@media(max-width:900px){
    .login-page{padding:12px!important}
    .login-shell-enterprise{width:100%!important;min-height:auto!important;grid-template-columns:1fr!important}
    .login-brand-enterprise{display:none!important}
    .login-form-enterprise{padding:74px 24px 32px!important}
    .customer-table-head{display:none}
    .customer-table{height:auto;max-height:calc(100dvh - 180px)}
    .customer-row{grid-template-columns:minmax(0,1fr) 72px;gap:10px;padding:10px 12px}
    .customer-row .customer-code,.customer-row .customer-city{display:none}
}


/* ===== SOURCE: mob365-enterprise-v4.css ===== */
/* MOB365 POS Enterprise V4 — final visual system */
:root{--e-bg:#eef2f6;--e-surface:#fff;--e-surface-2:#f8fafc;--e-ink:#0f172a;--e-muted:#64748b;--e-line:#d7e0e8;--e-line-strong:#c3ced9;--e-brand:#0f766e;--e-brand-hover:#115e59;--e-navy:#0f172a;--e-success:#15803d;--e-warning:#b45309;--e-danger:#b42318;--e-radius:10px;--e-shadow:0 12px 32px rgba(15,23,42,.08)}
html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0;background:var(--e-bg);color:var(--e-ink)}
body{font-family:Inter,"Segoe UI",Arial,sans-serif}
/* LOGIN — fixed full viewport to guarantee true centering */
.login-page{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;padding:28px!important;display:grid!important;place-items:center!important;overflow:auto!important;background:linear-gradient(135deg,#eaf0f5 0%,#f8fafc 52%,#e8f3f2 100%)!important}
.login-shell-enterprise{width:min(1100px,calc(100vw - 56px))!important;min-height:640px!important;margin:auto!important;grid-template-columns:42% 58%!important;border:1px solid var(--e-line-strong)!important;border-radius:16px!important;box-shadow:0 30px 80px rgba(15,23,42,.18)!important}
.login-brand-enterprise{padding:54px 48px!important;background:#0f172a!important}.brand-content-enterprise h2{font-size:36px!important}.login-form-enterprise{padding:62px 74px!important}.login-form-enterprise .login-form{max-width:430px!important}.login-form-enterprise .login-form h1{font-size:34px!important}.enterprise-field>span{font-size:12px!important}.login-form-enterprise .input-wrap{height:58px!important}.login-form-enterprise .login-btn{height:58px!important}
/* universal admin canvas */
.pos-admin-page,.customers-page,.pos-sales-page,.reports-page,.cash-report-page{width:100%;min-height:100dvh;margin:0!important;padding:22px!important;background:var(--e-bg)!important;color:var(--e-ink)!important;overflow:auto!important}
.pos-admin-page>*:not(.cash-popup-backdrop),.customers-page>*,.pos-sales-page>*,.reports-page>*,.cash-report-page>*{max-width:1680px;margin-left:auto;margin-right:auto}
.pos-admin-header,.customers-header,.sales-header,.report-header,.cash-report-header{min-height:82px!important;margin-bottom:16px!important;padding:16px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid var(--e-line)!important;border-radius:12px!important;background:var(--e-surface)!important;box-shadow:0 5px 18px rgba(15,23,42,.04)!important}
.pos-admin-header h1,.customers-header h1,.sales-header h1,.report-header h1,.cash-report-header h1{margin:0!important;color:var(--e-ink)!important;font-size:26px!important;line-height:1.15!important;letter-spacing:-.6px!important}
.pos-admin-header p,.customers-header p,.sales-header p,.report-header p,.cash-report-header p{margin:5px 0 0!important;color:var(--e-muted)!important;font-size:13px!important;font-weight:600!important}
.back-pos-btn,.secondary-btn,.primary-btn,.danger-btn,.header-actions button{min-height:44px!important;padding:0 16px!important;border-radius:8px!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important}
.back-pos-btn,.secondary-btn{border:1px solid var(--e-line-strong)!important;background:#fff!important;color:var(--e-ink)!important}.back-pos-btn:hover,.secondary-btn:hover{border-color:var(--e-brand)!important;color:var(--e-brand)!important;background:#f0fdfa!important}
.primary-btn{border:1px solid var(--e-brand)!important;background:var(--e-brand)!important;color:#fff!important}.primary-btn:hover{background:var(--e-brand-hover)!important}.danger-btn,.danger-action{border-color:var(--e-danger)!important;background:var(--e-danger)!important;color:#fff!important}
.pos-card,.shift-identity,.shift-report-head,.formula-card,.print-report,.report-panel{border:1px solid var(--e-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.pos-card{padding:20px!important}.pos-input,.pos-textarea,.enterprise-input{width:100%;border:1px solid var(--e-line-strong)!important;border-radius:8px!important;background:#fff!important;color:var(--e-ink)!important}.pos-input{height:50px!important;padding:0 14px!important}.pos-textarea{min-height:110px!important;padding:12px 14px!important}.pos-input:focus,.pos-textarea:focus,.enterprise-input:focus{outline:0!important;border-color:var(--e-brand)!important;box-shadow:0 0 0 3px rgba(15,118,110,.12)!important}
/* metrics */
.metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 auto 16px!important}.metric-card{min-height:112px!important;padding:18px!important;border:1px solid var(--e-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}.metric-card small{color:var(--e-muted)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.45px!important;text-transform:uppercase}.metric-card strong{display:block!important;margin-top:12px!important;color:var(--e-ink)!important;font-size:28px!important;line-height:1!important}.metric-card.dark{background:var(--e-navy)!important;border-color:var(--e-navy)!important}.metric-card.dark small,.metric-card.dark strong{color:#fff!important}.metric-card.success{border-left:4px solid var(--e-success)!important}.metric-card.warning-card{border-left:4px solid var(--e-warning)!important}.metric-card.accent{border-left:4px solid var(--e-brand)!important}
.action-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.action-grid button{min-height:58px!important;border:1px solid var(--e-line-strong)!important;border-radius:9px!important;background:#fff!important;color:var(--e-ink)!important;font-size:13px!important;font-weight:850!important}.action-grid button:hover{border-color:var(--e-brand)!important;background:#f0fdfa!important;color:var(--e-brand)!important}.action-grid .danger-action{background:var(--e-danger)!important;color:#fff!important}
/* sales/customer tables */
.sales-table,.enterprise-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--e-line)!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important}.sales-table thead th,.enterprise-table thead th{height:46px!important;padding:0 14px!important;border-bottom:1px solid var(--e-line)!important;background:#f8fafc!important;color:#475569!important;font-size:10px!important;font-weight:900!important;letter-spacing:.65px!important;text-transform:uppercase!important;text-align:left!important}.sales-table tbody td,.enterprise-table tbody td{height:58px!important;padding:8px 14px!important;border-bottom:1px solid #e8edf2!important;color:var(--e-ink)!important;font-size:13px!important}.sales-table tbody tr:hover,.enterprise-table tbody tr:hover{background:#f8fbfb!important}
/* page toolbar */
.enterprise-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;margin:0 auto 16px;padding:14px;border:1px solid var(--e-line);border-radius:12px;background:#fff}.enterprise-search{height:50px;padding:0 15px;border:1px solid var(--e-line-strong);border-radius:8px;font-size:14px;font-weight:650}.enterprise-search:focus{outline:0;border-color:var(--e-brand);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.enterprise-badge{min-width:110px;padding:0 16px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--e-line);border-radius:8px;background:#f8fafc}.enterprise-badge small{color:var(--e-muted);font-size:9px;font-weight:900;letter-spacing:.7px}.enterprise-badge strong{margin-top:2px;color:var(--e-brand);font-size:18px}
/* dedicated feature pages */
.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.result-card{min-height:240px;padding:24px;border:1px solid var(--e-line);border-radius:12px;background:#fff}.result-card.empty{display:grid;place-items:center;color:var(--e-muted);text-align:center}.product-result{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.product-result h2{margin:0 0 8px;font-size:24px}.product-code{color:var(--e-muted);font-size:12px;font-weight:800}.product-price{font-size:42px;font-weight:950;color:var(--e-brand)}.product-meta{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-meta div{padding:14px;border:1px solid var(--e-line);border-radius:8px;background:#f8fafc}.product-meta small{display:block;color:var(--e-muted);font-size:10px;font-weight:900;text-transform:uppercase}.product-meta strong{display:block;margin-top:5px;font-size:16px}
.report-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report-launch{min-height:150px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid var(--e-line);border-radius:11px;background:#fff;color:var(--e-ink);text-align:left}.report-launch:hover{border-color:var(--e-brand);box-shadow:var(--e-shadow);transform:translateY(-1px)}.report-launch b{font-size:17px}.report-launch span{color:var(--e-muted);font-size:12px;line-height:1.55}.report-launch em{font-style:normal;color:var(--e-brand);font-size:12px;font-weight:900}
/* close shift */
.close-shift-form{padding:22px!important}.close-shift-form label{display:block;margin-bottom:7px;color:#334155;font-size:12px;font-weight:850}.close-shift-form input{height:64px!important;font-size:28px!important;font-weight:900!important;text-align:right!important}.difference-banner{padding:18px!important;border-radius:10px!important}.close-actions{display:flex!important;gap:10px!important;margin-top:16px!important}.close-actions button{min-height:48px!important}
/* remove decorative emoji emphasis */
.pos-admin-header h1,.customers-header h1,.sales-header h1{font-family:Inter,"Segoe UI",Arial,sans-serif!important}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.report-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr}.login-shell-enterprise{grid-template-columns:1fr!important;max-width:620px!important}.login-brand-enterprise{display:none!important}}
@media(max-width:700px){.login-page{padding:12px!important}.login-shell-enterprise{width:calc(100vw - 24px)!important;min-height:auto!important}.login-form-enterprise{padding:72px 24px 30px!important}.pos-admin-page,.customers-page,.pos-sales-page,.reports-page,.cash-report-page{padding:10px!important}.pos-admin-header{align-items:flex-start!important;gap:12px!important}.metric-grid,.report-launch-grid{grid-template-columns:1fr!important}.action-grid{grid-template-columns:1fr!important}.enterprise-toolbar{grid-template-columns:1fr}.close-actions{flex-direction:column!important}}
@media print{.no-print{display:none!important}.report-print-page{padding:0!important;background:#fff!important}.print-report{max-width:80mm!important;margin:0 auto!important;border:0!important}}
.close-panel{max-width:1680px;margin:0 auto;padding:22px;border:1px solid var(--e-line);border-radius:12px;background:#fff}.close-panel>label{display:block;margin:16px 0 7px;color:#334155;font-size:12px;font-weight:850}.close-panel .pos-input.big{height:64px!important;font-size:28px!important;font-weight:900!important;text-align:right!important}.difference-box{margin:14px 0;padding:18px;border:1px solid var(--e-line);border-radius:10px;background:#f8fafc}.difference-box.ok,.difference-box.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.difference-box.warning,.difference-box.danger{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.count-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.denomination-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.denomination-card{padding:14px;border:1px solid var(--e-line);border-radius:10px;background:#fff}.denomination-card input{width:100%;height:44px;margin-top:8px;border:1px solid var(--e-line-strong);border-radius:7px;text-align:center;font-weight:800}.mt{margin-top:16px!important}.pos-alert{max-width:1680px;margin:0 auto 14px;padding:13px 15px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#1e40af;font-size:13px;font-weight:700}.pos-alert.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.pos-alert.danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}
@media(max-width:1100px){.denomination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.count-summary,.denomination-grid{grid-template-columns:1fr}}


/* ===== SOURCE: mob365-pos-premium-v5.css ===== */
/* MOB365 POS Premium V5 - dedicated retail workstation */
:root{
  --p5-bg:#08111f;--p5-panel:#0f1b2d;--p5-panel-2:#132238;--p5-line:#20344f;
  --p5-text:#edf4ff;--p5-muted:#93a8c2;--p5-blue:#2574ea;--p5-green:#1dad62;
  --p5-red:#df4545;--p5-amber:#d99013;--p5-cyan:#118fa8;--p5-purple:#7b4acb;
}
html,body{height:100%;overflow:hidden;background:var(--p5-bg)!important}
.pos-app-shell{height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr) 38px;background:linear-gradient(145deg,#07101d,#0a1525 55%,#07101d);color:var(--p5-text)}
.pos-command-bar{display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--p5-line);background:#0a1422;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:4}
.command-brand{display:flex;align-items:center;gap:11px}.command-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#147d71,#20b7a5);font-size:19px;font-weight:950}.command-brand strong{display:block;font-size:15px;letter-spacing:.7px}.command-brand small{display:block;margin-top:2px;color:var(--p5-muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}
.command-statuses{display:flex;justify-content:center;gap:10px}.command-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #1f344e;border-radius:7px;background:#0d1a2b;color:#cbd8e8;font-size:11px;font-weight:800}.command-pill i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.command-pill.fiscal{color:#73e49b}.command-session{display:grid;gap:3px;text-align:right;color:var(--p5-muted);font-size:11px}.command-session strong{color:#fff}
.pos-layout-premium{min-height:0;display:grid!important;grid-template-columns:184px minmax(450px,1fr) 350px 190px!important;gap:10px!important;padding:10px!important;background:transparent!important;overflow:hidden!important}
.pos-layout-premium>.pos-sidebar,.pos-layout-premium>.pos-products,.pos-layout-premium>.pos-cart,.pos-layout-premium>.pos-quick-actions{height:100%!important;min-height:0!important;margin:0!important;position:relative!important;top:auto!important;border:1px solid var(--p5-line)!important;border-radius:8px!important;background:var(--p5-panel)!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;color:var(--p5-text)!important}
/* sidebar */
.pos-layout-premium .pos-sidebar{padding:10px!important;background:#0b1626!important}.pos-layout-premium .sidebar-logo{min-height:48px!important;display:flex!important;align-items:center!important;padding:0 13px!important;border-radius:7px!important;background:linear-gradient(135deg,#11796f,#169b8c)!important;color:#fff!important;font-size:15px!important;letter-spacing:.7px!important}.pos-layout-premium .sidebar-group-header{color:#9eb1c8!important}.pos-layout-premium .sidebar-link{min-height:42px!important;border-radius:6px!important;color:#d9e4f2!important}.pos-layout-premium .sidebar-link:hover{background:#152844!important}.pos-layout-premium .sidebar-link.active{background:linear-gradient(90deg,#1e6fd5,#2f83ed)!important;color:#fff!important;box-shadow:0 7px 16px rgba(37,116,234,.25)!important}.pos-layout-premium .logout-btn{border-color:#2b3f58!important;background:#101d30!important;color:#ff9d9d!important}
/* product workspace */
.pos-layout-premium .market-workspace{overflow:hidden!important;background:#0e1a2b!important}.pos-layout-premium .market-header{height:56px!important;flex-basis:56px!important;padding:0 16px!important;border-color:var(--p5-line)!important;background:#101e31!important}.pos-layout-premium .market-brand-mark{background:#197a70!important}.pos-layout-premium .market-brand strong{color:#fff!important}.pos-layout-premium .market-brand small,.pos-layout-premium .market-status{color:var(--p5-muted)!important}.pos-layout-premium .market-search-shell{padding:14px 16px 12px!important;border-color:var(--p5-line)!important;background:#0c1727!important}.pos-layout-premium .market-search-shell>label{color:#9fb2ca!important}.pos-layout-premium .market-search-box{height:54px!important;border:1px solid #38516f!important;border-radius:7px!important;background:#111f32!important}.pos-layout-premium .market-search-box:focus-within{border-color:#2d82ec!important;box-shadow:0 0 0 3px rgba(45,130,236,.13)!important}.pos-layout-premium .market-search-box input{color:#fff!important}.pos-layout-premium .market-search-box input::placeholder{color:#7890aa!important}.pos-layout-premium .market-search-box kbd,.pos-layout-premium .workflow-hints kbd{border-color:#3a4d65!important;background:#1b2a3e!important;color:#dbe8f7!important}.pos-layout-premium .market-idle-state{color:#91a5bd!important;background:radial-gradient(circle at center,rgba(31,54,81,.28),transparent 55%)}.pos-layout-premium .market-idle-state>strong{color:#f2f7ff!important}.pos-layout-premium .scanner-illustration{border-color:#38506b!important;background:#142237!important}.pos-layout-premium .scanner-illustration span{background:#89a0ba!important}.pos-layout-premium .workflow-hints button{border-color:#2c415c!important;background:#101e31!important;color:#dbe6f3!important}.pos-layout-premium .market-result-row{border-color:#1f324b!important;background:#101d2f!important;color:#fff!important}.pos-layout-premium .market-result-row:hover,.pos-layout-premium .market-result-row.in-cart{background:#142c43!important}.pos-layout-premium .result-code,.pos-layout-premium .result-name small{color:#8ea4bd!important}.pos-layout-premium .result-price{color:#fff!important}.pos-layout-premium .search-results-header{border-color:#20344d!important;color:#9fb2c8!important}
/* cart */
.pos-layout-premium .pos-cart{padding:14px!important;background:#0f1b2d!important}.pos-layout-premium .pos-cart h3{margin-bottom:12px!important;color:#fff!important;font-size:20px!important}.pos-layout-premium .customer-box{padding:12px!important;border-color:#263c57!important;border-radius:7px!important;background:#101f33!important}.pos-layout-premium .customer-box label{color:#a9bad0!important}.pos-layout-premium .customer-box input{height:42px!important;margin-bottom:6px!important;border-color:#36506d!important;border-radius:6px!important;background:#0c1727!important;color:#fff!important}.pos-layout-premium .selected-customer{color:#6cd6c7!important}.pos-layout-premium .cart-empty{display:grid;place-items:center;border-color:#324760!important;border-radius:7px!important;background:#0b1727!important;color:#8196af!important;text-align:center}.pos-layout-premium .cart-line{padding:10px!important;border-color:#213650!important;border-radius:7px!important;background:#111f32!important;box-shadow:none!important}.pos-layout-premium .cart-info strong,.pos-layout-premium .cart-right b{color:#f4f8ff!important}.pos-layout-premium .cart-controls{background:#0b1727!important}.pos-layout-premium .cart-controls button{border-color:#334a65!important;border-radius:5px!important;background:#17273b!important;color:#fff!important}.pos-layout-premium .remove-btn{border-radius:5px!important;background:#3a1b24!important;color:#ff8c99!important}.pos-layout-premium .cart-total{padding:14px 16px!important;border:1px solid #273b56!important;border-radius:7px!important;background:#091426!important}.pos-layout-premium .cart-total strong{font-size:30px!important}.pos-layout-premium .items-count{color:#9eb2c9!important}.pos-layout-premium .checkout-buttons{gap:8px!important}.pos-layout-premium .cash-btn,.pos-layout-premium .card-btn,.pos-layout-premium .cancel-btn{min-height:48px!important;border-radius:7px!important}.pos-layout-premium .cash-btn{background:#1c9b58!important;border-color:#24b566!important}.pos-layout-premium .card-btn{background:#1f64c3!important;border-color:#2b78df!important}.pos-layout-premium .cancel-btn{background:#2b1720!important;border-color:#5b2632!important;color:#ffadb5!important}
/* quick actions */
.pos-quick-actions{padding:12px;display:flex;flex-direction:column;gap:9px;background:#0b1626!important}.quick-actions-title{padding:4px 3px 9px;border-bottom:1px solid var(--p5-line)}.quick-actions-title span{display:block;color:#fff;font-size:11px;font-weight:900;letter-spacing:.8px}.quick-actions-title small{display:block;margin-top:3px;color:var(--p5-muted);font-size:10px}.quick-action{min-height:58px;padding:0 10px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid transparent;border-radius:7px;color:#fff;text-align:left;font-size:11px;font-weight:900;cursor:pointer;transition:filter .12s,transform .12s}.quick-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.quick-action .qa-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;background:rgba(255,255,255,.13);font-size:16px}.quick-action kbd{padding:4px 6px;border:1px solid rgba(255,255,255,.22);border-radius:4px;background:rgba(0,0,0,.12);font:800 9px/1 "Segoe UI"}.quick-action.pay{background:#198f50}.quick-action.card{background:#2467c6}.quick-action.customer{background:#275cb8}.quick-action.cancel{background:#c33b3b}.quick-action.history{background:#0d8194}.quick-action.price{background:#c27e0c}.quick-action.settings{background:#4e5c70}.quick-actions-foot{margin-top:auto;padding:11px 8px;display:flex;align-items:center;gap:9px;border:1px solid #253a55;border-radius:7px;background:#0e1c2e}.qa-ready-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.1)}.quick-actions-foot strong{display:block;color:#74e49a;font-size:10px}.quick-actions-foot small{display:block;margin-top:2px;color:#8197af;font-size:9px;line-height:1.25}
.pos-system-strip{display:flex;align-items:center;gap:22px;padding:0 16px;border-top:1px solid var(--p5-line);background:#091321;color:#8fa4bd;font-size:10px}.pos-system-strip span{display:inline-flex;align-items:center;gap:6px}.pos-system-strip i{width:7px;height:7px;border-radius:50%}.pos-system-strip i.ok{background:#22c55e}.pos-system-strip strong{margin-left:auto;color:#dce8f6;letter-spacing:.5px}
@media(max-width:1350px){.pos-layout-premium{grid-template-columns:158px minmax(380px,1fr) 320px 160px!important}.qa-label{font-size:10px}.command-statuses{gap:6px}.command-pill{padding:6px 8px}}
@media(max-width:1120px){.pos-layout-premium{grid-template-columns:92px minmax(350px,1fr) 310px!important}.pos-quick-actions{display:none!important}.pos-layout-premium .sidebar-text,.pos-layout-premium .sidebar-group-header span,.pos-layout-premium .logout-text{display:none!important}.pos-command-bar{grid-template-columns:190px 1fr auto}.command-pill.sync{display:none}}
@media(max-width:820px){html,body{overflow:auto}.pos-app-shell{height:auto;min-height:100dvh;grid-template-rows:auto auto auto}.pos-command-bar{min-height:64px;grid-template-columns:1fr auto}.command-statuses{display:none}.pos-layout-premium{grid-template-columns:1fr!important;overflow:visible!important}.pos-layout-premium>.pos-sidebar{display:none!important}.pos-layout-premium>.pos-products,.pos-layout-premium>.pos-cart{min-height:520px!important}.pos-system-strip{min-height:42px;flex-wrap:wrap;gap:8px 15px;padding:8px 12px}}


/* ===== SOURCE: mob365-pos-premium-v6-light.css ===== */
/* MOB365 POS Premium V6 - Light Retail Theme */
:root{--v6-bg:#eef3f8;--v6-panel:#fff;--v6-line:#d8e1eb;--v6-text:#172033;--v6-muted:#66758a;--v6-navy:#102238;--v6-green:#168b55;--v6-blue:#2569c9;--v6-shadow:0 10px 30px rgba(30,55,85,.10)}
html,body{background:var(--v6-bg)!important;color:var(--v6-text)!important}
.pos-app-shell{background:linear-gradient(180deg,#f8fafc 0,#edf3f8 100%)!important}
.pos-command-bar{background:#fff!important;border-bottom:1px solid var(--v6-line)!important;color:var(--v6-text)!important;box-shadow:0 2px 12px rgba(30,55,85,.06)!important}
.command-brand strong,.command-session strong{color:var(--v6-text)!important}.command-brand small,.command-session{color:var(--v6-muted)!important}
.command-pill{background:#f7fafc!important;border-color:#d7e1ec!important;color:#34445a!important}.command-pill.fiscal{color:#147647!important}
.pos-layout-premium{grid-template-columns:184px minmax(470px,1fr) 370px 205px!important;background:transparent!important}
.pos-layout-premium>.pos-sidebar,.pos-layout-premium>.pos-products,.pos-layout-premium>.pos-cart,.pos-layout-premium>.pos-quick-actions{border-color:var(--v6-line)!important;background:#fff!important;color:var(--v6-text)!important;box-shadow:var(--v6-shadow)!important}
.pos-layout-premium .pos-sidebar{background:var(--v6-navy)!important}.pos-layout-premium .market-workspace{background:#fff!important}
.pos-layout-premium .market-header{background:#fff!important;border-color:var(--v6-line)!important}.pos-layout-premium .market-brand strong{color:var(--v6-text)!important}.pos-layout-premium .market-brand small,.pos-layout-premium .market-status{color:var(--v6-muted)!important}
.pos-layout-premium .market-search-shell{background:#f7fafc!important;border-color:var(--v6-line)!important}.pos-layout-premium .market-search-shell>label{color:#41536b!important}.pos-layout-premium .market-search-box{background:#fff!important;border-color:#b9c8d9!important}.pos-layout-premium .market-search-box input{color:var(--v6-text)!important}.pos-layout-premium .market-search-box input::placeholder{color:#8b9aad!important}
.pos-layout-premium .market-idle-state{background:radial-gradient(circle at center,#f6f9fc,transparent 60%)!important;color:#718096!important}.pos-layout-premium .market-idle-state>strong{color:#2c3b50!important}.pos-layout-premium .scanner-illustration{background:#f5f8fb!important;border-color:#cad6e3!important}.pos-layout-premium .scanner-illustration span{background:#6f8198!important}.pos-layout-premium .workflow-hints button{background:#fff!important;border-color:#d2dce7!important;color:#33445a!important}
.pos-layout-premium .market-result-row{background:#fff!important;border-color:#dbe3ec!important;color:var(--v6-text)!important}.pos-layout-premium .market-result-row:hover,.pos-layout-premium .market-result-row.in-cart{background:#eef7ff!important}.pos-layout-premium .result-code,.pos-layout-premium .result-name small{color:#75859a!important}.pos-layout-premium .result-price{color:#172033!important}
/* Cart fixed layout */
.pos-layout-premium .pos-cart{display:grid!important;grid-template-rows:auto auto minmax(180px,1fr) auto auto auto auto!important;gap:10px!important;padding:14px!important;background:#fff!important;overflow:hidden!important}.pos-layout-premium .pos-cart h3{margin:0!important;color:#172033!important;font-size:21px!important}.pos-layout-premium .customer-box{padding:10px!important;background:#f7fafc!important;border-color:#dbe4ee!important}.pos-layout-premium .customer-box label{color:#506177!important}.pos-layout-premium .customer-box input{height:42px!important;background:#fff!important;border-color:#bdcad8!important;color:#172033!important}.pos-layout-premium .selected-customer{color:#147457!important}.pos-layout-premium .cart-list{min-height:0!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding-right:3px!important}.pos-layout-premium .cart-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:12px!important;background:#fff!important;border:1px solid #dce5ee!important;border-radius:10px!important;box-shadow:0 3px 12px rgba(29,52,80,.06)!important}.pos-layout-premium .cart-info strong,.pos-layout-premium .cart-right b{color:#172033!important}.pos-layout-premium .cart-controls{width:max-content!important;margin-top:8px!important;background:#f1f5f9!important}.pos-layout-premium .cart-controls button{width:34px!important;height:34px!important;background:#fff!important;border-color:#c8d4e0!important;color:#172033!important;font-size:18px!important}.pos-layout-premium .cart-controls span{min-width:38px!important;color:#172033!important;text-align:center!important}.pos-layout-premium .remove-btn{width:34px!important;height:34px!important;background:#fff1f2!important;color:#be2635!important}.pos-layout-premium .cart-empty{background:#f8fafc!important;border-color:#d8e2ec!important;color:#77869a!important}
.cart-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hold-cart-btn,.open-held-btn{min-height:43px;border:1px solid #cbd8e5;border-radius:8px;background:#fff;color:#26384f;font-weight:800;cursor:pointer}.hold-cart-btn{border-color:#d8b45a;background:#fff9e8}.open-held-btn b{display:inline-grid;min-width:22px;height:22px;margin-left:5px;place-items:center;border-radius:50%;background:#e7eff8}.hold-cart-btn:disabled{opacity:.45;cursor:not-allowed}
.pos-layout-premium .cart-total{background:#102238!important;border-color:#102238!important;color:#fff!important}.pos-layout-premium .cart-total strong{font-size:31px!important}.pos-layout-premium .items-count{color:#68788d!important}.pos-layout-premium .cancel-btn{background:#fff!important;border-color:#efc5ca!important;color:#bb2738!important}.pos-layout-premium .cash-btn{background:#168b55!important}.pos-layout-premium .card-btn{background:#2569c9!important}
/* Loyalty */
.loyalty-summary{width:100%;margin-top:8px;padding:9px 10px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;border:1px solid #e8c769;border-radius:9px;background:linear-gradient(135deg,#fff9df,#fff);color:#5e4810;text-align:left;cursor:pointer}.loyalty-summary small{display:block;color:#826b2a}.loyalty-star{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#f1bd2f;color:#fff}.loyalty-popup{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:30px;overflow-y:auto}.loyalty-card-visual{min-height:180px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#13263d,#1d6c68);color:#fff;box-shadow:0 18px 35px rgba(16,34,56,.24)}.loyalty-card-head,.loyalty-card-bottom{display:flex;justify-content:space-between;align-items:center}.loyalty-card-head span{font-weight:900}.loyalty-member-name{margin-top:30px;font-size:20px;font-weight:800}.loyalty-card-number{margin-top:12px;font:700 17px/1.4 monospace;letter-spacing:2px}.loyalty-card-bottom{margin-top:24px}.loyalty-input-group{display:block;margin-top:16px}.loyalty-input-group>span{display:block;margin:0 0 7px 2px;color:#536278;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.loyalty-input-group input{width:100%;height:52px;padding:0 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#172033;font:700 16px/1.2 inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.loyalty-input-group input::placeholder{color:#98a2b3;font-weight:600}.loyalty-input-group input:focus{border-color:#0b8b7d;box-shadow:0 0 0 3px rgba(11,139,125,.14)}.loyalty-input-group input:disabled{background:#f1f5f9;color:#94a3b8}.loyalty-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.loyalty-stats div{min-width:0;padding:10px;border-radius:9px;background:#f5f8fb}.loyalty-stats span{display:block;color:#718096;font-size:11px}.loyalty-stats strong{display:block;overflow:hidden;color:#172033;text-overflow:ellipsis;white-space:nowrap}.loyalty-warning{margin:14px 0;padding:12px;border-radius:9px;background:#fff5e8;color:#a15b09}.loyalty-note{display:block;margin-bottom:12px;color:#718096}.loyalty-popup .confirm-btn,.loyalty-popup .cancel-btn{min-height:52px;margin-top:10px}.loyalty-popup .confirm-btn:disabled{border-color:#d8dee7;background:#edf1f5;color:#9aa5b3;cursor:not-allowed;box-shadow:none}

@media (max-width:520px){.loyalty-popup{max-height:calc(100dvh - 16px);padding:20px 16px}.loyalty-card-visual{min-height:160px;padding:18px}.loyalty-member-name{margin-top:22px;font-size:18px}.loyalty-card-bottom{margin-top:18px}.loyalty-stats{gap:6px}.loyalty-stats div{padding:9px 7px}.loyalty-input-group input{font-size:15px}}
/* Held sales */
.held-sales-popup{width:min(700px,95vw)!important}.held-list{max-height:420px;overflow:auto;display:grid;gap:9px;margin:16px 0}.held-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:12px;border:1px solid #dce5ee;border-radius:10px;background:#f8fafc}.held-card small{display:block;margin-top:3px;color:#718096}.restore-held,.delete-held{min-height:38px;border:0;border-radius:7px;font-weight:800;cursor:pointer}.restore-held{padding:0 15px;background:#2569c9;color:#fff}.delete-held{width:38px;background:#feecef;color:#b52234}.held-empty{margin:18px 0;padding:30px;border:1px dashed #cbd7e3;border-radius:10px;color:#718096;text-align:center}
/* Quick actions light shell */
.pos-quick-actions{background:#fff!important}.quick-actions-title{border-color:#d8e1eb!important}.quick-actions-title span{color:#26384f!important}.quick-actions-title small{color:#718096!important}.quick-action{min-height:52px!important}.quick-action.loyalty{background:#a67a08}.quick-action.hold{background:#7a4eb1}.quick-action.pending{background:#157b79}.quick-actions-foot{background:#f6faf8!important;border-color:#d6e6de!important}.quick-actions-foot small{color:#718096!important}
.pos-system-strip{background:#fff!important;border-color:var(--v6-line)!important;color:#66758a!important}.pos-system-strip strong{color:#22344a!important}
.cash-popup{background:#fff!important;color:#172033!important}
@media(max-width:1450px){.pos-layout-premium{grid-template-columns:165px minmax(420px,1fr) 345px 178px!important}.quick-action{min-height:48px!important}.qa-label{font-size:9px!important}}


/* ===== SOURCE: mob365-pos-enterprise-fix.css ===== */
/* MOB365 POS Enterprise layout correction - loaded last */
html, body { width: 100%; height: 100%; overflow: hidden !important; }

.pos-app-shell {
    width: 100vw;
    height: 100dvh;
    min-width: 1180px;
    grid-template-rows: 58px minmax(0, 1fr) 32px !important;
    overflow: hidden;
}

.pos-command-bar { min-width: 0; }

.pos-layout-premium {
    width: 100%;
    min-width: 0;
    min-height: 0;
    grid-template-columns: 190px minmax(420px, 1fr) minmax(430px, 480px) 126px !important;
    gap: 8px !important;
    padding: 8px !important;
    overflow: hidden !important;
}

.pos-layout-premium > * { min-width: 0 !important; min-height: 0 !important; }
.pos-layout-premium .pos-sidebar { width: auto !important; }
.pos-layout-premium .pos-quick-actions { width: auto !important; padding: 8px !important; gap: 7px !important; }
.pos-layout-premium .quick-actions-title small,
.pos-layout-premium .quick-actions-foot { display: none !important; }
.pos-layout-premium .quick-action {
    min-height: 49px !important;
    padding: 0 7px !important;
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    gap: 5px !important;
    font-size: 9px !important;
}
.pos-layout-premium .quick-action .qa-icon { width: 25px !important; height: 25px !important; font-size: 13px !important; }
.pos-layout-premium .quick-action kbd { padding: 3px 4px !important; font-size: 8px !important; }

/* Retail workspace uses all available height */
.pos-layout-premium .market-workspace,
.pos-layout-premium .pos-cart,
.pos-layout-premium .pos-sidebar,
.pos-layout-premium .pos-quick-actions { height: 100% !important; }

/* Enterprise cart */
.pos-layout-premium .pos-cart {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
}

.pos-layout-premium .pos-cart > h3 {
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border-bottom: 1px solid #e4e7ec !important;
    font-size: 20px !important;
}

.pos-layout-premium .customer-box {
    padding: 10px 14px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e4e7ec !important;
    border-radius: 0 !important;
    flex: 0 0 auto !important;
}

.pos-layout-premium .cart-list {
    flex: 1 1 auto !important;
    min-height: 130px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #f8fafc !important;
}

.pos-layout-premium .cart-empty {
    flex: 1 1 auto !important;
    min-height: 150px !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.pos-layout-premium .cart-line {
    display: block !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 2px 7px rgba(16, 24, 40, .04) !important;
}

.cart-line-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.cart-info { min-width: 0; }
.cart-info strong {
    display: block;
    max-width: none !important;
    color: #101828 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}
.cart-description,
.cart-code {
    display: block;
    margin-top: 3px;
    color: #667085;
    font-size: 10px;
    line-height: 1.25;
}

.cart-line-details {
    margin-top: 9px;
    display: grid;
    grid-template-columns: .8fr .9fr 1.35fr .7fr;
    gap: 6px;
}
.cart-detail-cell {
    min-width: 0;
    padding: 6px 7px;
    border: 1px solid #eaecf0;
    border-radius: 5px;
    background: #f9fafb;
}
.cart-detail-cell span,
.cart-stock span,
.cart-line-total span {
    display: block;
    color: #667085;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .45px;
}
.cart-detail-cell strong {
    display: block;
    margin-top: 2px;
    color: #344054;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cart-detail-cell.discount strong { color: #b54708; }

.cart-line-footer {
    margin-top: 9px;
    display: grid;
    grid-template-columns: auto minmax(60px, .6fr) minmax(95px, 1fr);
    align-items: end;
    gap: 10px;
}
.pos-layout-premium .cart-controls { margin: 0 !important; }
.cart-stock strong,
.cart-line-total strong {
    display: block;
    margin-top: 2px;
    color: #101828;
    font-size: 12px;
}
.cart-line-total { text-align: right; }
.cart-line-total strong { font-size: 15px; }

.pos-layout-premium .cart-secondary-actions {
    flex: 0 0 auto;
    margin: 0;
    padding: 8px 10px;
    border-top: 1px solid #e4e7ec;
    background: #fff;
}

.cart-totals-summary {
    flex: 0 0 auto;
    padding: 8px 14px 4px;
    border-top: 1px solid #e4e7ec;
    background: #fff;
}
.cart-totals-summary > div {
    min-height: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #475467;
    font-size: 11px;
}
.cart-totals-summary strong { color: #344054; }
.cart-totals-summary .discount-row strong { color: #b54708; }

.pos-layout-premium .cart-total {
    flex: 0 0 auto;
    margin: 0 10px !important;
    padding: 10px 13px !important;
    border-radius: 6px !important;
}
.pos-layout-premium .cart-total span { font-size: 11px !important; }
.pos-layout-premium .cart-total strong { font-size: 27px !important; }

.pos-layout-premium .items-count {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 5px 14px 8px !important;
    display: flex;
    justify-content: space-between;
    background: #fff !important;
    font-size: 10px !important;
}

.pos-layout-premium .checkout-buttons {
    flex: 0 0 auto;
    padding: 0 10px 8px !important;
}
.pos-layout-premium .cash-btn,
.pos-layout-premium .card-btn { min-height: 48px !important; }
.pos-layout-premium .cancel-btn {
    flex: 0 0 auto;
    min-height: 34px !important;
    margin: 0 10px 8px !important;
}

/* Product result area */
.pos-layout-premium .market-result-list { overflow-y: auto !important; min-height: 0 !important; }
.pos-layout-premium .market-result-row { min-height: 62px !important; }

/* Café full screen and wider cart */
.enterprise-module.cafe-module {
    height: 100dvh;
    min-height: 720px;
    padding: 10px !important;
    overflow: hidden;
}
.enterprise-module.cafe-module .enterprise-topbar { min-height: 76px; margin-bottom: 10px; }
.enterprise-module.cafe-module .cafe-workspace {
    height: calc(100dvh - 106px);
    min-height: 0;
    grid-template-columns: 250px minmax(520px, 1fr) minmax(390px, 440px) !important;
    gap: 10px !important;
}
.enterprise-module.cafe-module .workspace-panel { min-height: 0; overflow: hidden; }
.enterprise-module.cafe-module .tabs-list,
.enterprise-module.cafe-module .cafe-products-grid,
.enterprise-module.cafe-module .cafe-cart-lines { min-height: 0; overflow-y: auto; }
.enterprise-module.cafe-module .cafe-products-grid {
    max-height: none !important;
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)) !important;
    align-content: start;
}
.enterprise-module.cafe-module .cafe-product-card { min-height: 118px !important; }
.enterprise-module.cafe-module .operational-cart { display: flex; flex-direction: column; }
.enterprise-module.cafe-module .cafe-cart-lines { flex: 1 1 auto; }
.enterprise-module.cafe-module .checkout-total,
.enterprise-module.cafe-module .payment-btn,
.enterprise-module.cafe-module .integration-note { flex: 0 0 auto; }

@media (max-width: 1500px) {
    .pos-layout-premium {
        grid-template-columns: 170px minmax(390px, 1fr) minmax(400px, 445px) 112px !important;
    }
    .pos-layout-premium .sidebar-text { font-size: 10px !important; }
    .enterprise-module.cafe-module .cafe-workspace {
        grid-template-columns: 225px minmax(450px, 1fr) 380px !important;
    }
}

@media (max-width: 1250px) {
    .pos-app-shell { min-width: 1024px; }
    .pos-layout-premium {
        grid-template-columns: 86px minmax(370px, 1fr) 400px !important;
    }
    .pos-layout-premium .pos-quick-actions { display: none !important; }
    .pos-layout-premium .sidebar-text,
    .pos-layout-premium .sidebar-group-header span,
    .pos-layout-premium .logout-text { display: none !important; }
}


/* ===== SOURCE: mob365-pos-final-layout.css ===== */
/* =========================================================
   MOB365 POS — FINAL ENTERPRISE LAYOUT
   Ky fajll duhet të ngarkohet i fundit.
   ========================================================= */

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

#app {
    width: 100%;
    height: 100%;
    min-height: 0;
}

/* =========================================================
   SHELL KRYESOR
   ========================================================= */

.pos-app-shell {
    width: 100%;
    height: 100dvh;
    min-height: 0;
    display: grid;
    grid-template-rows: 58px minmax(0, 1fr) 30px;
    overflow: hidden;
    background: #eef2f6;
    color: #101828;
}

/* Header */

.pos-command-bar {
    min-width: 0;
    height: 58px;
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto minmax(240px, 1fr);
    align-items: center;
    padding: 0 14px;
    border-bottom: 1px solid #d0d5dd;
    background: #ffffff;
    overflow: hidden;
}

.command-brand {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.command-mark {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: #087f74;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
}

.command-brand strong {
    display: block;
    color: #101828;
    font-size: 14px;
    font-weight: 850;
}

.command-brand small {
    display: block;
    margin-top: 2px;
    color: #667085;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.command-statuses {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.command-pill {
    height: 30px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    background: #f9fafb;
    color: #344054;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

    .command-pill i {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #12b76a;
    }

.command-session {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    color: #667085;
    font-size: 9px;
    white-space: nowrap;
}

/* =========================================================
   LAYOUT I POS-IT
   ========================================================= */

.pos-layout,
.pos-layout-premium {
    width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: grid !important;
    grid-template-columns: 228px minmax(420px, 1fr) minmax(450px, 500px) 126px !important;
    grid-template-rows: minmax(0, 1fr);
    gap: 8px;
    padding: 8px;
    overflow: hidden;
}

    /* Çdo kolonë lejohet të zvogëlohet pa dalë jashtë */

    .pos-layout > *,
    .pos-layout-premium > * {
        min-width: 0;
        min-height: 0;
        height: 100%;
    }

/* =========================================================
   SIDEBAR KLASIK
   ========================================================= */

.pos-sidebar {
    width: 228px !important;
    min-width: 228px !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 9px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #263548 !important;
    border-radius: 7px !important;
    background: #101828 !important;
    color: #d0d5dd !important;
    box-shadow: none !important;
}

/* Logo */

.sidebar-logo {
    width: 100%;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 0 8px !important;
    padding: 0 11px !important;
    display: flex !important;
    align-items: center !important;
    border: 1px solid #344054 !important;
    border-radius: 5px !important;
    background: #172033 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    letter-spacing: 0.4px !important;
}

    .sidebar-logo::before {
        content: "M";
        width: 28px !important;
        height: 28px !important;
        flex: 0 0 28px !important;
        margin-right: 9px !important;
        display: grid !important;
        place-items: center !important;
        border: 1px solid #667085 !important;
        border-radius: 4px !important;
        background: #25334a !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

/* Vetëm menyja bën scroll */

.sidebar-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    padding: 0 3px 8px 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #475467 transparent;
}

    .sidebar-nav::-webkit-scrollbar {
        width: 5px;
    }

    .sidebar-nav::-webkit-scrollbar-track {
        background: transparent;
    }

    .sidebar-nav::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #475467;
    }

.sidebar-group {
    flex: 0 0 auto !important;
}

.sidebar-group-header {
    width: 100% !important;
    height: 30px !important;
    padding: 0 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 0 !important;
    background: transparent !important;
    color: #98a2b3 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
}

    .sidebar-group-header:hover,
    .sidebar-group-header.open {
        color: #ffffff !important;
    }

.sidebar-group-items {
    margin-top: 2px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.sidebar-link {
    width: 100% !important;
    min-height: 38px !important;
    padding: 0 7px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 7px !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #d0d5dd !important;
    text-align: left !important;
    cursor: pointer !important;
}

    .sidebar-link:hover {
        border-color: #344054 !important;
        background: #1d2939 !important;
        color: #ffffff !important;
    }

    .sidebar-link.active {
        border-color: #667085 !important;
        background: #344054 !important;
        color: #ffffff !important;
    }

/* Ikonat monokromatike */

.sidebar-icon {
    width: 26px !important;
    height: 26px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #475467 !important;
    border-radius: 4px !important;
    background: #1d2939 !important;
    color: #d0d5dd !important;
    font-family: Inter, "Segoe UI", Arial, sans-serif !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.sidebar-link:hover .sidebar-icon,
.sidebar-link.active .sidebar-icon {
    border-color: #98a2b3 !important;
    background: #475467 !important;
    color: #ffffff !important;
}

.sidebar-text {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* Dalja mbetet gjithmonë poshtë */

.sidebar-spacer {
    display: none !important;
}

.logout-btn {
    flex: 0 0 42px !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 7px 0 0 !important;
    padding: 0 7px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 7px !important;
    border: 1px solid #475467 !important;
    border-radius: 5px !important;
    background: #172033 !important;
    color: #fda29b !important;
    text-align: left !important;
    cursor: pointer !important;
}

    .logout-btn:hover {
        border-color: #b42318 !important;
        background: #7a271a !important;
        color: #ffffff !important;
    }

.logout-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

/* =========================================================
   PRODUKTET
   ========================================================= */

.pos-products {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

/* Çdo zonë artikujsh duhet të bëjë scroll brenda vetes */

.products-content,
.products-grid,
.product-results,
.pos-products-list {
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* =========================================================
   SHPORTA
   ========================================================= */

.pos-cart {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

    .pos-cart > h3 {
        flex: 0 0 58px !important;
        height: 58px !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        display: flex !important;
        align-items: center !important;
        border-bottom: 1px solid #e4e7ec !important;
        color: #101828 !important;
        font-size: 17px !important;
        font-weight: 850 !important;
    }

.customer-box {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    border: 0 !important;
    border-bottom: 1px solid #e4e7ec !important;
    border-radius: 0 !important;
    background: #f9fafb !important;
}

    .customer-box label {
        margin-bottom: 5px !important;
        color: #475467 !important;
        font-size: 9px !important;
        font-weight: 850 !important;
        letter-spacing: 0.8px !important;
        text-transform: uppercase !important;
    }

    .customer-box input {
        width: 100% !important;
        height: 40px !important;
        padding: 0 10px !important;
        border: 1px solid #d0d5dd !important;
        border-radius: 5px !important;
        background: #ffffff !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

.selected-customer {
    margin-top: 6px !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

/* Vetëm artikujt bëjnë scroll */

.cart-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #ffffff !important;
}

.cart-empty {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 24px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #98a2b3 !important;
    text-align: center !important;
    font-size: 12px !important;
}

.cart-line {
    min-height: 86px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #eaecf0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

    .cart-line:hover {
        background: #f9fafb !important;
    }

.cart-info {
    min-width: 0 !important;
}

    .cart-info strong {
        display: block !important;
        max-width: none !important;
        color: #1d2939 !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 850 !important;
    }

.cart-right {
    min-width: 95px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

    .cart-right b {
        color: #101828 !important;
        font-size: 13px !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

/* Totali dhe pagesat nuk dalin poshtë ekranit */

.cart-secondary-actions,
.cart-summary,
.cart-total,
.items-count,
.checkout-buttons,
.cancel-btn {
    flex-shrink: 0 !important;
}

.cart-total {
    margin: 0 !important;
    padding: 12px 14px !important;
    border-top: 1px solid #d0d5dd !important;
    border-radius: 0 !important;
    background: #10233f !important;
    color: #ffffff !important;
}

    .cart-total span {
        color: #98a2b3 !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        letter-spacing: 1px !important;
        text-transform: uppercase !important;
    }

    .cart-total strong {
        font-size: 27px !important;
        font-weight: 900 !important;
    }

.items-count {
    margin: 0 !important;
    padding: 5px 13px !important;
    background: #ffffff !important;
    color: #667085 !important;
    font-size: 9px !important;
    text-align: right !important;
}

.checkout-buttons {
    margin: 0 !important;
    padding: 7px 12px 10px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    background: #ffffff !important;
}

.cash-btn,
.card-btn {
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

/* =========================================================
   QUICK ACTIONS
   ========================================================= */

.pos-quick-actions {
    width: 126px !important;
    min-width: 126px !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 9px 7px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.quick-actions-title {
    padding: 0 2px 7px !important;
    border-bottom: 1px solid #e4e7ec !important;
}

    .quick-actions-title span {
        font-size: 9px !important;
        line-height: 1.25 !important;
        letter-spacing: 0.8px !important;
    }

    .quick-actions-title small {
        display: none !important;
    }

.quick-action {
    width: 100% !important;
    min-height: 50px !important;
    padding: 6px !important;
    display: grid !important;
    grid-template-columns: 27px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 5px !important;
    border-radius: 5px !important;
    text-align: left !important;
}

.qa-icon {
    width: 25px !important;
    height: 25px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}

.qa-label {
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
}

.quick-action kbd {
    display: none !important;
}

.quick-actions-foot {
    display: none !important;
}

/* =========================================================
   STATUS BAR POSHTË
   ========================================================= */

.pos-system-strip {
    min-width: 0;
    height: 30px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    border-top: 1px solid #d0d5dd;
    background: #ffffff;
    color: #667085;
    font-size: 9px;
    white-space: nowrap;
}

    .pos-system-strip i {
        width: 6px;
        height: 6px;
        display: inline-block;
        border-radius: 50%;
        background: #12b76a;
    }

/* =========================================================
   PAYMENT DIALOG
   ========================================================= */

.cash-popup-backdrop {
    position: fixed;
    inset: 0;
    z-index: 99999;
    padding: 20px;
    display: grid;
    place-items: center;
    overflow-y: auto;
    background: rgba(15, 23, 42, 0.68);
}

.cash-popup {
    position: relative;
    width: min(470px, 100%);
    max-height: calc(100dvh - 40px);
    padding: 24px;
    overflow-y: auto;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(16, 24, 40, 0.24);
}

    .cash-popup h2 {
        margin: 0 42px 18px 0;
        color: #101828;
        font-size: 22px;
        line-height: 1.2;
        font-weight: 850;
    }

.cash-row {
    margin: 8px 0;
    padding: 11px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid #e4e7ec;
    border-radius: 5px;
    background: #f9fafb;
}

    .cash-row span {
        color: #667085;
        font-size: 12px;
        font-weight: 650;
    }

    .cash-row strong {
        color: #101828;
        font-size: 14px;
        font-weight: 850;
        text-align: right;
    }

.cash-popup label {
    display: block;
    margin: 14px 0 6px;
    color: #344054;
    font-size: 11px;
    font-weight: 800;
}

.cash-popup input {
    width: 100%;
    height: 48px;
    padding: 0 12px;
    border: 1px solid #d0d5dd;
    border-radius: 5px;
    outline: 0;
    background: #ffffff;
    color: #101828;
    font-size: 18px;
    font-weight: 850;
}

    .cash-popup input:focus {
        border-color: #0b766e;
        box-shadow: 0 0 0 3px rgba(11, 118, 110, 0.1);
    }

.confirm-btn,
.close-btn {
    width: 100%;
    min-height: 46px;
    border: 0;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
}

.confirm-btn {
    margin-top: 15px;
    background: #0b766e;
    color: #ffffff;
}

    .confirm-btn:hover:not(:disabled) {
        background: #08665f;
    }

.close-btn {
    margin-top: 7px;
    background: #f2f4f7;
    color: #475467;
}

    .confirm-btn:disabled,
    .close-btn:disabled {
        cursor: not-allowed;
        opacity: 0.55;
    }

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1500px) {
    .pos-layout,
    .pos-layout-premium {
        grid-template-columns: 190px minmax(360px, 1fr) minmax(410px, 450px) 112px !important;
    }

    .pos-sidebar {
        width: 190px !important;
        min-width: 190px !important;
    }

    .pos-quick-actions {
        width: 112px !important;
        min-width: 112px !important;
    }
}

@media (max-width: 1250px) {
    .pos-layout,
    .pos-layout-premium {
        grid-template-columns: 172px minmax(330px, 1fr) minmax(380px, 420px) 96px !important;
    }

    .pos-sidebar {
        width: 172px !important;
        min-width: 172px !important;
    }

    .pos-quick-actions {
        width: 96px !important;
        min-width: 96px !important;
    }

    .sidebar-text {
        font-size: 10px !important;
    }

    .qa-label {
        font-size: 7px !important;
    }
}

@media (max-width: 1050px) {
    .pos-app-shell {
        overflow: auto;
    }

    .pos-layout,
    .pos-layout-premium {
        min-width: 1020px;
    }
}


/* ===== SOURCE: cafe-suite-enterprise.css ===== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

.cafe-pos-shell {
    width: 100%;
    height: 100dvh;
    min-height: 0;
    display: grid;
    grid-template-rows: 64px auto auto minmax(0, 1fr) 28px;
    overflow: hidden;
    background: #edf1f5;
    color: #172033;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.cafe-commandbar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto minmax(360px, 1fr);
    align-items: center;
    gap: 16px;
    padding: 0 16px;
    border-bottom: 1px solid #cfd6df;
    background: #fff;
}

.cafe-brand {
    display: flex;
    align-items: center;
    gap: 11px;
}

.cafe-brand-mark {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 4px;
    background: #0b766e;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.cafe-brand-suite,
.cafe-context-label,
.cafe-eyebrow {
    display: block;
    color: #0b766e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1px;
}

.cafe-brand h1 {
    margin: 3px 0 0;
    font-size: 17px;
}

.cafe-command-center {
    display: flex;
    justify-content: center;
}

.cafe-order-context {
    min-width: 230px;
    padding: 6px 14px;
    border-left: 1px solid #d0d5dd;
    border-right: 1px solid #d0d5dd;
    text-align: center;
}

.cafe-order-context strong {
    display: block;
    margin-top: 3px;
    font-size: 11px;
}

.cafe-command-status {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.cafe-status-badge,
.cafe-command-btn {
    height: 30px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #d0d5dd;
    border-radius: 3px;
    background: #f9fafb;
    color: #344054;
    font-size: 9px;
    font-weight: 800;
}

.cafe-status-badge i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #12b76a;
}

.cafe-command-btn {
    background: #fff;
    cursor: pointer;
}

.cafe-alert {
    margin: 8px 10px 0;
    padding: 9px 12px;
    display: flex;
    gap: 8px;
    border: 1px solid;
    border-radius: 4px;
    font-size: 10px;
}

.cafe-alert.error {
    border-color: #fecdca;
    background: #fef3f2;
    color: #b42318;
}

.cafe-alert.success {
    border-color: #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.cafe-kpi-strip {
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    gap: 8px;
}

.cafe-kpi {
    min-height: 48px;
    padding: 7px 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #d0d5dd;
    border-radius: 4px;
    background: #fff;
    color: #475467;
    cursor: pointer;
}

.cafe-kpi span {
    font-size: 9px;
    font-weight: 800;
}

.cafe-kpi strong {
    color: #172033;
    font-size: 18px;
}

.cafe-kpi.free strong {
    color: #067647;
}

.cafe-kpi.occupied strong,
.cafe-kpi.debt strong {
    color: #b54708;
}

.cafe-kpi.selected {
    border-color: #0b766e;
    box-shadow: inset 0 -3px 0 #0b766e;
}

.cafe-pos-grid {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(360px, 470px) minmax(480px, 1fr) minmax(390px, 460px);
    gap: 8px;
    padding: 0 8px 8px;
    overflow: hidden;
}

.cafe-panel {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cfd6df;
    border-radius: 5px;
    background: #fff;
}

.cafe-panel-header {
    min-height: 58px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #e4e7ec;
}

.cafe-panel-header h2 {
    margin: 4px 0 0;
    font-size: 15px;
}

.cafe-count {
    min-width: 26px;
    height: 26px;
    padding: 0 7px;
    display: grid;
    place-items: center;
    border: 1px solid #d0d5dd;
    border-radius: 3px;
    background: #f9fafb;
    font-size: 9px;
    font-weight: 850;
}

.cafe-zone-filter {
    padding: 8px;
    display: flex;
    gap: 6px;
    overflow-x: auto;
    border-bottom: 1px solid #e4e7ec;
    background: #f9fafb;
}

.cafe-zone-filter button {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #d0d5dd;
    border-radius: 3px;
    background: #fff;
    color: #475467;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.cafe-zone-filter button.selected {
    border-color: #0b766e;
    background: #0b766e;
    color: #fff;
}

.cafe-table-grid {
    flex: 1;
    min-height: 0;
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(118px, auto);
    gap: 8px;
    align-content: start;
    overflow-y: auto;
    background: #f8fafc;
}

.cafe-table-card {
    min-width: 0;
    padding: 11px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border: 1px solid #d0d5dd;
    border-radius: 5px;
    background: #fff;
    color: #172033;
    text-align: left;
    cursor: pointer;
}

.cafe-table-card.free {
    border-left: 4px solid #12b76a;
}

.cafe-table-card.occupied {
    border-left: 4px solid #f79009;
    background: #fffcf5;
}

.cafe-table-card.selected {
    outline: 2px solid #0b766e;
    outline-offset: -2px;
}

.cafe-table-top {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.cafe-table-top strong {
    font-size: 13px;
}

.cafe-table-top i {
    min-width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f2f4f7;
    color: #667085;
    font-style: normal;
    font-size: 8px;
    font-weight: 900;
}

.cafe-table-zone {
    margin-top: 4px;
    color: #667085;
    font-size: 8px;
}

.cafe-table-state {
    width: fit-content;
    margin-top: 11px;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .7px;
}

.cafe-table-state.free {
    background: #ecfdf3;
    color: #067647;
}

.cafe-table-state.occupied {
    background: #fffaeb;
    color: #b54708;
}

.cafe-table-amount {
    margin-top: 6px;
    font-size: 18px;
}

.cafe-table-card small {
    margin-top: 4px;
    color: #667085;
    font-size: 8px;
}

.cafe-table-actions {
    min-height: 52px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #e4e7ec;
    background: #f9fafb;
}

.cafe-table-actions span,
.cafe-table-actions strong {
    display: block;
}

.cafe-table-actions span {
    color: #667085;
    font-size: 8px;
}

.cafe-table-actions strong {
    margin-top: 3px;
    font-size: 10px;
}

.cafe-btn {
    min-height: 36px;
    padding: 0 11px;
    border: 1px solid #d0d5dd;
    border-radius: 3px;
    background: #fff;
    color: #344054;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.cafe-btn.primary {
    border-color: #0b766e;
    background: #0b766e;
    color: #fff;
}

.cafe-btn:disabled,
.cafe-payment:disabled,
.cafe-table-card:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.cafe-order-state {
    height: 25px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #fedf89;
    border-radius: 3px;
    background: #fffaeb;
    color: #b54708;
    font-size: 9px;
    font-weight: 800;
}

.cafe-searchbar {
    padding: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
    border-bottom: 1px solid #e4e7ec;
    background: #f9fafb;
}

.cafe-search-input {
    height: 38px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    border: 1px solid #d0d5dd;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
}

.cafe-search-input span {
    display: grid;
    place-items: center;
    border-right: 1px solid #e4e7ec;
}

.cafe-search-input input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 0 10px;
}

.cafe-product-grid {
    flex: 1;
    min-height: 0;
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
    grid-auto-rows: minmax(112px, auto);
    gap: 7px;
    align-content: start;
    overflow-y: auto;
    background: #f8fafc;
}

.cafe-product-tile {
    min-height: 112px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #d0d5dd;
    border-radius: 4px;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.cafe-product-mark {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid #c8e8e4;
    border-radius: 3px;
    background: #eef8f7;
    color: #0b766e;
    font-size: 10px;
    font-weight: 900;
}

.cafe-product-copy {
    margin-top: 8px;
}

.cafe-product-copy strong,
.cafe-product-copy small {
    display: block;
}

.cafe-product-copy strong {
    font-size: 10px;
}

.cafe-product-copy small {
    margin-top: 4px;
    color: #667085;
    font-size: 8px;
}

.cafe-product-price {
    margin-top: auto;
    padding-top: 8px;
    color: #0b766e;
    font-size: 12px;
    font-weight: 900;
}

.cafe-cart-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.cafe-cart-line {
    min-height: 78px;
    padding: 10px 11px;
    display: grid;
    gap: 8px;
    border-bottom: 1px solid #eaecf0;
}

.cafe-cart-copy strong,
.cafe-cart-copy small {
    display: block;
}

.cafe-cart-copy strong {
    font-size: 10px;
}

.cafe-cart-copy small {
    margin-top: 3px;
    color: #667085;
    font-size: 8px;
}

.cafe-cart-actions {
    display: grid;
    grid-template-columns: auto minmax(72px, auto) 28px;
    justify-content: end;
    align-items: center;
    gap: 8px;
}

.cafe-qty {
    display: grid;
    grid-template-columns: 27px 34px 27px;
    border: 1px solid #d0d5dd;
    border-radius: 3px;
    overflow: hidden;
}

.cafe-qty button,
.cafe-qty span {
    height: 27px;
    display: grid;
    place-items: center;
    border: 0;
    background: #fff;
    font-weight: 850;
}

.cafe-qty span {
    border-left: 1px solid #e4e7ec;
    border-right: 1px solid #e4e7ec;
}

.cafe-remove {
    width: 28px;
    height: 28px;
    border: 1px solid #fecdca;
    border-radius: 3px;
    background: #fef3f2;
    color: #b42318;
    font-size: 14px;
    cursor: pointer;
}

.cafe-cart-summary {
    padding: 8px 12px;
    display: grid;
    gap: 5px;
    border-top: 1px solid #e4e7ec;
    background: #f9fafb;
}

.cafe-summary-row {
    display: flex;
    justify-content: space-between;
    color: #667085;
    font-size: 9px;
}

.cafe-total {
    min-height: 66px;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #10233f;
    color: #fff;
}

.cafe-total span {
    color: #aebbd0;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 1px;
}

.cafe-total strong {
    font-size: 24px;
}

.cafe-payment-grid {
    padding: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.cafe-payment {
    min-height: 50px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
}

.cafe-payment.cash {
    border-color: #12b76a;
    background: #ecfdf3;
    color: #067647;
}

.cafe-payment.card {
    border-color: #2e90fa;
    background: #eff8ff;
    color: #175cd3;
}

.cafe-payment small {
    font-size: 8px;
}

.cafe-integration-note {
    padding: 8px 11px 10px;
    border-top: 1px solid #e4e7ec;
    color: #667085;
    font-size: 8px;
    line-height: 1.35;
}

.cafe-empty {
    padding: 24px 16px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    color: #98a2b3;
    text-align: center;
}

.cafe-empty strong {
    color: #475467;
    font-size: 10px;
}

.cafe-empty span {
    font-size: 9px;
}

.cafe-statusbar {
    height: 28px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-top: 1px solid #cfd6df;
    background: #fff;
    color: #667085;
    font-size: 8px;
}

.cafe-statusbar i {
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
    background: #12b76a;
}

.cafe-statusbar-spacer {
    flex: 1;
}

@media (max-width: 1350px) {
    .cafe-pos-grid {
        grid-template-columns: 360px minmax(430px, 1fr) 390px;
    }
}

@media (max-width: 1120px) {
    .cafe-pos-shell {
        overflow-x: auto;
    }

    .cafe-pos-grid {
        min-width: 1080px;
    }

    .cafe-command-center {
        display: none;
    }

    .cafe-commandbar {
        grid-template-columns: 1fr auto;
    }
}

/* MOB365 Café / Restaurant POS — touch-first visual refresh */
:root {
    --cafe-ink: #172033;
    --cafe-muted: #667085;
    --cafe-line: #e5e9ef;
    --cafe-bg: #f5f7fa;
    --cafe-brand: #087f73;
    --cafe-brand-dark: #05665d;
    --cafe-navy: #142b4a;
}

.cafe-pos-shell {
    grid-template-rows: 72px auto auto minmax(0, 1fr) 32px;
    background: var(--cafe-bg);
    color: var(--cafe-ink);
}

.cafe-commandbar {
    grid-template-columns: minmax(280px, 1fr) auto minmax(420px, 1fr);
    padding: 0 22px;
    border-bottom-color: var(--cafe-line);
    box-shadow: 0 1px 4px rgba(16, 24, 40, .05);
}

.cafe-brand-mark {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(145deg, #11998c, #087f73);
    box-shadow: 0 5px 13px rgba(8, 127, 115, .22);
    font-size: 13px;
}

.cafe-brand-suite,
.cafe-context-label,
.cafe-eyebrow {
    font-size: 9px;
    letter-spacing: 1.25px;
}

.cafe-brand h1 { font-size: 19px; }
.cafe-order-context { min-width: 250px; padding: 7px 22px; }
.cafe-order-context strong { font-size: 13px; }

.cafe-status-badge,
.cafe-command-btn {
    height: 38px;
    padding: 0 13px;
    border-radius: 8px;
    font-size: 11px;
}

.cafe-command-btn:hover { border-color: #98a2b3; background: #f8fafc; }

.cafe-alert {
    margin: 10px 12px 0;
    padding: 11px 14px;
    border-radius: 8px;
    font-size: 12px;
}

.cafe-kpi-strip {
    padding: 10px 12px;
    gap: 10px;
}

.cafe-kpi {
    min-height: 58px;
    padding: 8px 16px;
    border-color: var(--cafe-line);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
}

.cafe-kpi span { font-size: 11px; }
.cafe-kpi strong { font-size: 21px; }
.cafe-kpi.selected { box-shadow: inset 0 -3px 0 var(--cafe-brand); }

.cafe-pos-grid {
    grid-template-columns: 330px minmax(560px, 1fr) 420px;
    gap: 12px;
    padding: 0 12px 12px;
}

.cafe-panel {
    border-color: var(--cafe-line);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .045);
}

.cafe-panel-header {
    min-height: 66px;
    padding: 12px 15px;
    border-bottom-color: var(--cafe-line);
}

.cafe-panel-header h2 { margin-top: 5px; font-size: 18px; }
.cafe-count { min-width: 30px; height: 30px; border-radius: 8px; font-size: 11px; }

.cafe-zone-filter { padding: 10px; gap: 8px; background: #fff; }
.cafe-zone-filter button {
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 11px;
}

.cafe-zone-filter button.selected { border-color: var(--cafe-brand); background: var(--cafe-brand); }

.cafe-table-grid {
    padding: 10px;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(104px, auto);
    gap: 9px;
    background: #f8fafc;
}

.cafe-table-card {
    padding: 13px 14px;
    border-color: var(--cafe-line);
    border-radius: 10px;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.cafe-table-card:hover { transform: translateY(-1px); box-shadow: 0 5px 14px rgba(16, 24, 40, .08); }
.cafe-table-card.free { border-left: 5px solid #12b76a; }
.cafe-table-card.occupied { border-left: 5px solid #f79009; }
.cafe-table-card.selected { outline: 2px solid var(--cafe-brand); }
.cafe-table-top strong { font-size: 15px; }
.cafe-table-top i { min-width: 27px; height: 27px; font-size: 10px; }
.cafe-table-zone { font-size: 10px; }
.cafe-table-state { margin-top: 8px; padding: 4px 7px; font-size: 8px; }
.cafe-table-amount { margin-top: 5px; font-size: 19px; }
.cafe-table-card small { font-size: 10px; }

.cafe-table-actions { min-height: 60px; padding: 10px 13px; }
.cafe-table-actions span { font-size: 10px; }
.cafe-table-actions strong { font-size: 12px; }
.cafe-btn { min-height: 42px; padding: 0 15px; border-radius: 8px; font-size: 11px; }
.cafe-btn.primary { border-color: var(--cafe-brand); background: var(--cafe-brand); }
.cafe-btn.primary:hover { background: var(--cafe-brand-dark); }
.cafe-order-state { height: 30px; border-radius: 7px; font-size: 10px; }

.cafe-searchbar { padding: 11px; gap: 8px; }
.cafe-search-input { height: 46px; grid-template-columns: 42px minmax(0, 1fr); border-radius: 9px; }
.cafe-search-input input { font-size: 14px; }

.cafe-product-grid {
    padding: 11px;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    grid-auto-rows: minmax(138px, auto);
    gap: 10px;
}

.cafe-product-tile {
    min-height: 138px;
    padding: 13px;
    border-color: var(--cafe-line);
    border-radius: 10px;
    transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.cafe-product-tile:hover:not(:disabled) {
    transform: translateY(-2px);
    border-color: #8dd4cd;
    box-shadow: 0 6px 16px rgba(8, 127, 115, .11);
}

.cafe-product-mark {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    font-size: 11px;
}

.cafe-product-copy { margin-top: 10px; }
.cafe-product-copy strong { font-size: 12px; line-height: 1.32; }
.cafe-product-copy small { font-size: 9px; }
.cafe-product-price { font-size: 15px; color: var(--cafe-brand-dark); }

.cafe-cart-line { min-height: 92px; padding: 13px 14px; gap: 10px; }
.cafe-cart-copy strong { font-size: 12px; line-height: 1.3; }
.cafe-cart-copy small { margin-top: 5px; font-size: 9px; }
.cafe-cart-actions { grid-template-columns: auto minmax(82px, auto) 34px; gap: 10px; }
.cafe-cart-actions > strong { font-size: 13px; }
.cafe-qty { grid-template-columns: 34px 40px 34px; border-radius: 7px; }
.cafe-qty button, .cafe-qty span { height: 34px; font-size: 14px; }
.cafe-remove { width: 34px; height: 34px; border-radius: 7px; font-size: 18px; }

.cafe-cart-summary { padding: 10px 15px; gap: 7px; }
.cafe-summary-row { font-size: 10px; }
.cafe-total { min-height: 76px; padding: 12px 16px; background: var(--cafe-navy); }
.cafe-total span { font-size: 10px; }
.cafe-total strong { font-size: 29px; }
.cafe-payment-grid { padding: 10px; gap: 9px; }
.cafe-payment { min-height: 60px; padding: 0 14px; border-radius: 9px; font-size: 12px; }
.cafe-payment small { font-size: 9px; }
.cafe-integration-note { padding: 9px 13px 12px; font-size: 9px; }
.cafe-empty strong { font-size: 12px; }
.cafe-empty span { font-size: 10px; }
.cafe-statusbar { height: 32px; padding: 0 12px; gap: 18px; font-size: 9px; }

@media (min-width: 1750px) {
    .cafe-pos-grid { grid-template-columns: 350px minmax(700px, 1fr) 440px; }
    .cafe-product-grid { grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); }
}

@media (max-width: 1450px) {
    .cafe-pos-grid { grid-template-columns: 300px minmax(500px, 1fr) 390px; }
    .cafe-product-grid { grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); }
}

/* V3: floor buttons on the left, products in the centre, checkout fixed right */
.cafe-pos-grid {
    grid-template-columns: 270px minmax(560px, 1fr) 410px;
}

.cafe-table-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 112px;
    gap: 10px;
}

.cafe-table-card {
    position: relative;
    padding: 10px 8px;
    align-items: center;
    justify-content: center;
    border-left-width: 1px !important;
    text-align: center;
}

.cafe-table-card.free { background: #f2fbf7; border-color: #8dd8b8; }
.cafe-table-card.occupied { background: #fff8eb; border-color: #efc16d; }
.cafe-table-card.selected { background: #e9f8f6; box-shadow: 0 0 0 3px rgba(11,118,110,.14); }

.cafe-table-top { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.cafe-table-top strong { font-size: 13px; }
.cafe-table-zone { margin-top: 1px; font-size: 8px; }
.cafe-table-state { position: absolute; top: 7px; right: 7px; margin: 0; }
.cafe-table-amount { margin-top: 4px; font-size: 14px; }
.cafe-table-card small { display: none; }

.cafe-table-symbol {
    width: 42px;
    height: 29px;
    display: grid;
    grid-template-columns: 7px 1fr 7px;
    grid-template-rows: 7px 1fr 7px;
    gap: 2px;
}
.cafe-table-symbol b { grid-column: 2; grid-row: 2; border-radius: 5px; background: currentColor; opacity: .78; }
.cafe-table-symbol i { width: 7px; height: 7px; border-radius: 2px; background: currentColor; opacity: .46; }
.cafe-table-symbol i:nth-child(1) { grid-column: 1; grid-row: 1; }
.cafe-table-symbol i:nth-child(2) { grid-column: 3; grid-row: 1; }
.cafe-table-symbol i:nth-child(4) { grid-column: 1; grid-row: 3; }
.cafe-table-symbol i:nth-child(5) { grid-column: 3; grid-row: 3; }
.cafe-table-card.free .cafe-table-symbol { color: #087a52; }
.cafe-table-card.occupied .cafe-table-symbol { color: #b35d00; }

.cafe-products-panel { min-width: 0; }
.cafe-cart-panel { position: relative; }

@media (max-width: 1450px) {
    .cafe-pos-grid { grid-template-columns: 240px minmax(480px, 1fr) 370px; }
    .cafe-table-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1080px) {
    .cafe-pos-shell { height: auto; min-height: 100dvh; overflow: auto; }
    .cafe-pos-grid { grid-template-columns: 230px minmax(480px, 1fr); overflow: visible; }
    .cafe-cart-panel { grid-column: 1 / -1; min-height: 520px; }
}

/* 2026-08-07 V6 — readable checkout + calm enterprise header */
.m3-cafe-v3 .cafe-commandbar{
    min-height:68px;
    padding:0 18px;
    background:linear-gradient(105deg,#0b2948 0%,#123b64 66%,#0b6f74 140%);
    border-bottom:1px solid rgba(255,255,255,.12);
    box-shadow:0 6px 18px rgba(12,39,68,.10);
}
.m3-cafe-v3 .cafe-brand{min-width:260px;gap:12px}
.m3-cafe-v3 .cafe-brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#0a7e78,#18a7a0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.m3-cafe-v3 .cafe-brand-suite{color:#67d8cf!important;font-size:9px!important;letter-spacing:.16em!important}
.m3-cafe-v3 .cafe-brand h1{color:#fff!important;font-size:18px!important;letter-spacing:-.01em;margin-top:2px!important}
.m3-cafe-v3 .cafe-command-center{border-color:rgba(255,255,255,.18)!important}
.m3-cafe-v3 .cafe-context-label{color:#67d8cf!important}
.m3-cafe-v3 .cafe-order-context strong{color:#fff!important}
.m3-cafe-v3 .cafe-command-status .cafe-status-badge,
.m3-cafe-v3 .cafe-command-status .cafe-command-btn{min-height:38px;border-radius:11px}

@media(min-width:1500px){
    .m3-cafe-v3 .cafe-pos-grid{grid-template-columns:390px minmax(650px,1fr) 460px!important;gap:10px!important;padding:0 10px 10px!important}
    .m3-cafe-v3 .cafe-product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;grid-auto-rows:126px!important;gap:9px!important;padding:10px!important}
}
.m3-cafe-v3 .cafe-product-tile{border-radius:12px!important;border-color:#dbe4ed!important;box-shadow:0 2px 8px rgba(15,35,58,.035);padding:11px!important;overflow:hidden}
.m3-cafe-v3 .cafe-product-tile:hover:not(:disabled){border-color:#9fb8cb!important;box-shadow:0 8px 20px rgba(15,35,58,.08)!important;transform:translateY(-1px)}
.m3-cafe-v3 .cafe-product-copy{min-width:0;width:100%;margin-top:9px!important}
.m3-cafe-v3 .cafe-product-copy strong{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px!important;line-height:1.25!important;min-height:30px}
.m3-cafe-v3 .cafe-product-copy small{font-size:9px!important;color:#718096!important}
.m3-cafe-v3 .cafe-product-price{font-size:15px!important;color:#08756d!important;padding-top:6px!important}
.m3-cafe-v3 .cafe-price-warning{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:99px;background:#fff2df;color:#a35c00;font-style:normal;font-size:8px;font-weight:900}

.m3-cafe-v3 .cafe-cart-panel{min-width:0}
.m3-cafe-v3 .cafe-cart-list{padding:0 10px;background:#fbfcfe}
.m3-cafe-v3 .cafe-cart-line{min-height:86px!important;padding:12px 4px!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:10px!important;background:#fff}
.m3-cafe-v3 .cafe-cart-copy{min-width:0}
.m3-cafe-v3 .cafe-cart-copy strong{font-size:12px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:normal!important}
.m3-cafe-v3 .cafe-cart-copy small{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-cafe-v3 .cafe-cart-actions{grid-template-columns:auto minmax(74px,auto) 32px!important;gap:7px!important}
.m3-cafe-v3 .cafe-cart-actions>strong{font-size:12px;white-space:nowrap;text-align:right}
.m3-cafe-v3 .cafe-qty{grid-template-columns:30px 34px 30px!important}
.m3-cafe-v3 .cafe-qty button,.m3-cafe-v3 .cafe-remove{height:30px!important;border-radius:8px!important}
.m3-cafe-v3 .cafe-summary-row{font-size:10px!important}
.m3-cafe-v3 .cafe-total{min-height:72px!important}
.m3-cafe-v3 .cafe-total strong{font-size:27px!important}


/* 2026-08-07 V7 — sales flow, readable catalog/cart */
.cafe-pos-shell{grid-template-rows:64px auto auto auto minmax(0,1fr) 28px}
.cafe-flowbar{margin:0 8px 8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cafe-flow-step{min-height:48px;padding:8px 10px;display:flex;align-items:center;gap:9px;border:1px solid #d8e1e8;border-radius:7px;background:#fff;color:#738195}
.cafe-flow-step>b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eef2f6;color:#607086;font-size:10px}
.cafe-flow-step span{min-width:0}.cafe-flow-step strong,.cafe-flow-step small{display:block}.cafe-flow-step strong{font-size:10px;color:#344054}.cafe-flow-step small{margin-top:2px;font-size:8px;color:#8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cafe-flow-step.active{border-color:#71bcb5;background:#f2fbf9}.cafe-flow-step.active>b{background:#0b766e;color:#fff}.cafe-flow-step.done{border-color:#b9dfcf;background:#f3fbf7}.cafe-flow-step.done>b{background:#12a36f;color:#fff}
.cafe-action-hint{margin:0 10px 8px;padding:9px 11px;border:1px dashed #93c7c1;border-radius:7px;background:#f5fbfa;color:#42645f;font-size:9px}
.cafe-action-hint b{color:#0b766e}
.cafe-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;padding:8px 10px 12px!important}
.cafe-product-tile{min-height:112px!important;padding:10px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto 1fr auto!important;align-items:start!important;gap:7px!important;border-radius:8px!important}
.cafe-product-mark{width:30px!important;height:30px!important;border-radius:9px!important;font-size:10px!important}
.cafe-product-copy{min-width:0!important}.cafe-product-copy strong{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;line-height:1.25!important;min-height:31px;font-size:11px!important}.cafe-product-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.cafe-product-price{grid-column:1/-1!important;align-self:end;font-size:13px!important;color:#08766e!important;border-top:1px solid #edf1f4;padding-top:6px;width:100%;text-align:right}
.cafe-product-tile.no-price{opacity:.58;background:#fafafa!important}.cafe-product-tile.no-price .cafe-product-price{color:#9b6b14!important}.cafe-price-warning{display:inline-block;margin-top:4px;padding:2px 5px;border-radius:4px;background:#fff4d8;color:#9c6500;font-size:7px!important;font-style:normal;font-weight:800}
.cafe-cart-line{display:block!important;padding:11px 12px!important}.cafe-cart-copy{min-width:0}.cafe-cart-copy strong{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;font-size:11px!important;line-height:1.25}.cafe-cart-copy small{display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cafe-cart-actions{margin-top:8px;display:grid!important;grid-template-columns:auto 1fr 30px;align-items:center;gap:8px}.cafe-cart-actions>strong{text-align:right;font-size:12px}.cafe-qty{justify-self:start}.cafe-remove{width:30px!important;height:30px!important}
@media(max-width:1500px){.cafe-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cafe-flow-step small{display:none}}

/* =========================================================
   MOB365 Cafe POS - Resizable operator workspace v20260807.8
   Tavolinat | Artikujt | Arka
   ========================================================= */
.m3-cafe-v3 .cafe-pos-grid.cafe-resizable-grid {
    --cafe-floor-width: 22%;
    --cafe-cart-width: 24%;
    grid-template-columns:
        minmax(260px, var(--cafe-floor-width))
        8px
        minmax(520px, 1fr)
        8px
        minmax(310px, var(--cafe-cart-width)) !important;
    gap: 0 !important;
    column-gap: 0 !important;
    padding: 0 10px 10px !important;
    align-items: stretch;
}

.m3-cafe-v3 .cafe-resizable-grid > .cafe-panel {
    border-radius: 10px;
}

.m3-cafe-v3 .cafe-resizable-grid > .cafe-tables-panel {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.m3-cafe-v3 .cafe-resizable-grid > .cafe-products-panel {
    border-radius: 6px;
}

.m3-cafe-v3 .cafe-resizable-grid > .cafe-cart-panel {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.cafe-panel-splitter {
    position: relative;
    z-index: 20;
    min-width: 8px;
    width: 8px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    touch-action: none;
    background: transparent;
}

.cafe-panel-splitter::before {
    content: "";
    position: absolute;
    inset: 0 -3px;
}

.cafe-panel-splitter span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 74px;
    transform: translate(-50%, -50%);
    border-radius: 99px;
    background: #c5d1de;
    box-shadow: 0 0 0 1px rgba(255,255,255,.72);
    transition: width .14s ease, height .14s ease, background .14s ease, box-shadow .14s ease;
}

.cafe-panel-splitter:hover span,
.cafe-panel-splitter.is-dragging span {
    width: 5px;
    height: 100px;
    background: #1677ff;
    box-shadow: 0 0 0 4px rgba(22,119,255,.10);
}

body.cafe-layout-resizing,
body.cafe-layout-resizing * {
    cursor: col-resize !important;
    user-select: none !important;
}

.cafe-layout-menu {
    position: relative;
}

.cafe-layout-menu > summary {
    list-style: none;
    cursor: pointer;
}

.cafe-layout-menu > summary::-webkit-details-marker {
    display: none;
}

.cafe-layout-menu[open] > summary {
    border-color: #8fb8ff;
    background: #f4f8ff;
    color: #145fc7;
}

.cafe-layout-popover {
    position: absolute;
    top: 38px;
    right: 0;
    z-index: 100;
    width: 236px;
    padding: 12px;
    display: grid;
    gap: 7px;
    border: 1px solid #d8e0e9;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15,23,42,.18);
}

.cafe-layout-popover strong {
    color: #172033;
    font-size: 12px;
}

.cafe-layout-popover small {
    margin: -2px 0 4px;
    color: #6f7f91;
    font-size: 9px;
    line-height: 1.45;
}

.cafe-layout-popover button {
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #d8e0e9;
    border-radius: 7px;
    background: #f8fafc;
    color: #25364b;
    text-align: left;
    font: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.cafe-layout-popover button:hover {
    border-color: #9fc0ed;
    background: #eff6ff;
    color: #155fbe;
}

.cafe-layout-popover button.reset {
    margin-top: 2px;
    color: #a23b34;
    background: #fff9f8;
}

/* Keep content readable while the operator changes panel widths. */
.m3-cafe-v3 .cafe-resizable-grid .cafe-product-grid {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
}

.m3-cafe-v3 .cafe-resizable-grid .cafe-cart-line {
    min-width: 0;
}

.m3-cafe-v3 .cafe-resizable-grid .cafe-cart-copy {
    min-width: 0;
}

.m3-cafe-v3 .cafe-resizable-grid .cafe-cart-copy strong {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 1199px) {
    .m3-cafe-v3 .cafe-pos-grid.cafe-resizable-grid {
        grid-template-columns: minmax(235px, 29%) minmax(460px, 1fr) minmax(300px, 31%) !important;
        gap: 8px !important;
        padding: 0 8px 8px !important;
    }

    .m3-cafe-v3 .cafe-panel-splitter {
        display: none !important;
    }
}

@media (max-width: 980px) {
    .m3-cafe-v3 .cafe-pos-grid.cafe-resizable-grid {
        grid-template-columns: 1fr !important;
        overflow-y: auto !important;
    }

    .m3-cafe-v3 .cafe-resizable-grid > .cafe-panel {
        min-height: 480px;
    }

    .cafe-layout-menu {
        display: none;
    }
}

/* MOB365 RC5 - Cafe floor + order density */
.m3-cafe-v3 .cafe-table-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:94px!important;gap:8px!important;padding:8px!important;align-content:start!important}
.m3-cafe-v3 .cafe-table-card{min-height:94px!important;padding:8px 7px!important;border-radius:18px!important;box-shadow:0 3px 10px rgba(10,37,64,.05)!important;overflow:hidden!important}
.m3-cafe-v3 .cafe-table-card:nth-child(3n+2){border-radius:46px!important}
.m3-cafe-v3 .cafe-table-top{gap:2px!important}.m3-cafe-v3 .cafe-table-top strong{font-size:11px!important}.m3-cafe-v3 .cafe-table-zone{font-size:7px!important}.m3-cafe-v3 .cafe-table-state{top:5px!important;right:5px!important;font-size:6px!important;padding:2px 5px!important}.m3-cafe-v3 .cafe-table-amount{font-size:12px!important;margin-top:2px!important}
.m3-cafe-v3 .cafe-table-symbol{width:30px!important;height:20px!important;grid-template-columns:5px 1fr 5px!important;grid-template-rows:5px 1fr 5px!important;gap:1px!important}
.m3-cafe-v3 .cafe-cart-lines{min-height:0!important}.m3-cafe-v3 .cafe-cart-line{min-height:74px!important;padding:9px 12px!important}.m3-cafe-v3 .cafe-cart-actions{margin-top:5px!important}.m3-cafe-v3 .cafe-cart-summary{padding:7px 14px!important;gap:3px!important}.m3-cafe-v3 .cafe-summary-row{min-height:17px!important;font-size:9px!important}.m3-cafe-v3 .cafe-total{min-height:58px!important;padding:9px 14px!important}.m3-cafe-v3 .cafe-payment-grid{padding:8px 10px!important;gap:8px!important}
@media(max-width:1450px){.m3-cafe-v3 .cafe-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* MOB365 RC6 — REAL CAFE FLOOR PLAN / COMPACT ORDER PANEL */
.m3-cafe-v3 .cafe-table-grid.cafe-floor-map{
  grid-template-columns:repeat(4,minmax(108px,1fr))!important;
  grid-auto-rows:132px!important;
  gap:10px 12px!important;
  padding:14px!important;
  background-color:#f8fbfd!important;
  background-image:linear-gradient(#dce7ee 1px,transparent 1px),linear-gradient(90deg,#dce7ee 1px,transparent 1px)!important;
  background-size:32px 32px!important;
}
.m3-cafe-v3 .cafe-floor-table{
  position:relative!important;min-height:0!important;height:118px!important;padding:12px!important;
  border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;
  overflow:visible!important;display:grid!important;place-items:center!important;outline:none!important;
}
.m3-cafe-v3 .cafe-floor-table:hover{transform:none!important;box-shadow:none!important}
.m3-cafe-v3 .cafe-floor-table .cafe-table-surface{
  position:relative;z-index:2;width:100%;height:92px;padding:20px 9px 8px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;border:2px solid #22b783;border-radius:16px;background:#f3fff9;
  box-shadow:0 5px 13px rgba(15,45,67,.08);text-align:center;
}
.m3-cafe-v3 .cafe-floor-table.round .cafe-table-surface{width:94px;height:94px;border-radius:50%;padding:20px 8px 8px}
.m3-cafe-v3 .cafe-floor-table.occupied .cafe-table-surface{border-color:#e9a11b;background:#fffaf0}
.m3-cafe-v3 .cafe-floor-table.selected .cafe-table-surface{border-color:#087d74;box-shadow:0 0 0 3px rgba(8,125,116,.16),0 6px 16px rgba(15,45,67,.12)}
.m3-cafe-v3 .cafe-floor-table .cafe-table-state{position:absolute!important;top:5px!important;right:7px!important;margin:0!important;padding:2px 5px!important;border-radius:999px!important;font-size:6px!important;line-height:1.2!important}
.m3-cafe-v3 .cafe-floor-table.round .cafe-table-state{right:50%!important;transform:translateX(50%);white-space:nowrap}
.m3-cafe-v3 .cafe-table-name{font-size:11px!important;line-height:1.15;color:#10243a}
.m3-cafe-v3 .cafe-floor-table .cafe-table-zone{font-size:7px!important;margin-top:3px;color:#6b7d8d}
.m3-cafe-v3 .cafe-floor-table .cafe-table-amount{font-size:12px!important;line-height:1.1;margin-top:6px!important;color:#10243a}
.m3-cafe-v3 .cafe-table-meta{font-size:6px!important;color:#788999;margin-top:2px}
.m3-cafe-v3 .cafe-chair{position:absolute;z-index:1;display:block;background:#9db0bd;border-radius:5px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}
.m3-cafe-v3 .chair-top,.m3-cafe-v3 .chair-bottom{width:36px;height:7px;left:50%;transform:translateX(-50%)}
.m3-cafe-v3 .chair-top{top:2px}.m3-cafe-v3 .chair-bottom{bottom:2px}
.m3-cafe-v3 .chair-left,.m3-cafe-v3 .chair-right{width:7px;height:34px;top:50%;transform:translateY(-50%)}
.m3-cafe-v3 .chair-left{left:1px}.m3-cafe-v3 .chair-right{right:1px}

/* Order data stays directly below the order instead of falling to the bottom. */
.m3-cafe-v3 .cafe-cart-panel{display:flex!important;flex-direction:column!important}
.m3-cafe-v3 .cafe-cart-list{flex:0 1 auto!important;min-height:96px!important;max-height:340px!important;overflow-y:auto!important;background:#fff!important}
.m3-cafe-v3 .cafe-cart-list:has(.cart-empty){flex:1 1 auto!important;max-height:none!important}
.m3-cafe-v3 .cafe-cart-line{min-height:66px!important;padding:8px 11px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}
.m3-cafe-v3 .cafe-cart-copy strong{font-size:10px!important;-webkit-line-clamp:1!important}
.m3-cafe-v3 .cafe-cart-copy small{margin-top:2px!important;font-size:7px!important}
.m3-cafe-v3 .cafe-cart-actions{margin-top:0!important;display:grid!important;grid-template-columns:auto 58px 28px!important;gap:6px!important;align-items:center!important}
.m3-cafe-v3 .cafe-qty{grid-template-columns:26px 30px 26px!important}
.m3-cafe-v3 .cafe-qty button,.m3-cafe-v3 .cafe-qty span{height:28px!important}
.m3-cafe-v3 .cafe-cart-summary{flex:0 0 auto!important;padding:8px 12px!important;gap:4px!important;border-top:1px solid #dfe7ed!important}
.m3-cafe-v3 .cafe-summary-row{min-height:16px!important;font-size:8px!important}
.m3-cafe-v3 .cafe-total{flex:0 0 auto!important;min-height:54px!important;padding:8px 12px!important}
.m3-cafe-v3 .cafe-total strong{font-size:24px!important}
.m3-cafe-v3 .cafe-payment-grid{flex:0 0 auto!important;padding:8px 10px!important}
.m3-cafe-v3 .cafe-integration-note{flex:0 0 auto!important;padding:5px 10px!important;font-size:7px!important}

@media(max-width:1550px){.m3-cafe-v3 .cafe-table-grid.cafe-floor-map{grid-template-columns:repeat(3,minmax(108px,1fr))!important}}
@media(max-width:1180px){.m3-cafe-v3 .cafe-table-grid.cafe-floor-map{grid-template-columns:repeat(2,minmax(108px,1fr))!important}}


/* ===== SOURCE: mob365-premium-v7.css ===== */
/* MOB365 Premium Enterprise v7 – final visual layer */
:root {
    --m365-navy: #0b1728;
    --m365-navy-2: #132740;
    --m365-teal: #0f8f83;
    --m365-teal-2: #18b7a5;
    --m365-gold: #d5a832;
    --m365-blue: #256fd3;
    --m365-surface: #ffffff;
    --m365-border: #d7e2ed;
    --m365-shadow: 0 12px 32px rgba(20, 45, 75, .10);
}

.command-mark,
.market-brand-mark {
    position: relative;
    overflow: hidden;
    background: linear-gradient(145deg, var(--m365-navy-2), var(--m365-teal)) !important;
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 7px 16px rgba(15, 143, 131, .22);
    color: #fff !important;
}

.command-mark::after,
.market-brand-mark::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--m365-gold);
}

.command-brand small {
    color: var(--m365-teal) !important;
    font-weight: 850;
    letter-spacing: 1.15px;
}

/* Collapsible left navigation */
.sidebar-brand-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 7px;
    align-items: center;
    margin-bottom: 9px;
}

.sidebar-brand-row .sidebar-logo {
    min-width: 0;
    height: 52px;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 31px minmax(0, 1fr);
    grid-template-rows: 1fr 1fr;
    column-gap: 9px;
    align-items: center;
    padding: 7px 9px !important;
    background: linear-gradient(135deg, #0e8278, #18a999) !important;
}

.sidebar-brand-row .sidebar-logo::before {
    grid-row: 1 / 3;
    margin: 0;
    background: var(--m365-navy-2);
    border-color: rgba(255, 255, 255, .28);
    box-shadow: inset 0 0 0 1px rgba(213, 168, 50, .25);
}

.sidebar-brand-name {
    align-self: end;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    letter-spacing: .6px;
    white-space: nowrap;
}

.sidebar-logo small {
    align-self: start;
    color: #d6fff9;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: 1.6px;
}

.sidebar-collapse-btn {
    width: 32px;
    height: 52px;
    border: 1px solid #314861;
    border-radius: 7px;
    background: #162940;
    color: #a9bed4;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.sidebar-collapse-btn:hover {
    border-color: #4f7195;
    background: #203a58;
    color: #fff;
}

.pos-layout-premium:has(> .pos-sidebar.is-collapsed) {
    grid-template-columns: 68px minmax(470px, 1fr) 370px 205px !important;
}

.pos-sidebar.is-collapsed {
    width: 68px !important;
    min-width: 68px !important;
    padding-inline: 7px !important;
}

.pos-sidebar.is-collapsed .sidebar-brand-row {
    display: flex;
    flex-direction: column;
}

.pos-sidebar.is-collapsed .sidebar-logo {
    width: 52px;
    min-width: 52px;
    grid-template-columns: 1fr;
    padding: 7px !important;
}

.pos-sidebar.is-collapsed .sidebar-logo::before {
    grid-row: auto;
    margin: 0 auto;
}

.pos-sidebar.is-collapsed .sidebar-brand-name,
.pos-sidebar.is-collapsed .sidebar-logo small,
.pos-sidebar.is-collapsed .sidebar-text,
.pos-sidebar.is-collapsed .logout-text,
.pos-sidebar.is-collapsed .sidebar-group-header span,
.pos-sidebar.is-collapsed .sidebar-group-header b {
    display: none !important;
}

.pos-sidebar.is-collapsed .sidebar-collapse-btn {
    width: 52px;
    height: 32px;
}

.pos-sidebar.is-collapsed .sidebar-group-header {
    height: 9px;
    min-height: 9px;
    padding: 0;
    border-top: 1px solid #29415b;
}

.pos-sidebar.is-collapsed .sidebar-group-items {
    gap: 6px;
}

.pos-sidebar.is-collapsed .sidebar-link,
.pos-sidebar.is-collapsed .logout-btn {
    min-height: 44px;
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
    padding: 0;
}

.pos-sidebar.is-collapsed .sidebar-icon {
    width: 32px;
    height: 32px;
}

/* Quick actions: shortcuts must always remain visible */
.pos-quick-actions {
    padding: 10px !important;
    gap: 7px !important;
}

.quick-actions-title {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 6px;
}

.quick-action {
    min-height: 54px !important;
    grid-template-columns: 29px minmax(0, 1fr) 36px !important;
    gap: 8px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    border-radius: 9px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}

.quick-action .qa-label {
    display: block !important;
    min-width: 0;
    font-size: 9.5px !important;
    line-height: 1.15;
}

.quick-action kbd {
    display: grid !important;
    min-width: 34px;
    height: 25px;
    place-items: center;
    padding: 0 4px !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    border-bottom-width: 2px !important;
    border-radius: 5px !important;
    background: rgba(0, 0, 0, .18) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 950 !important;
}

.quick-action:focus-visible,
.sidebar-link:focus-visible,
.sidebar-collapse-btn:focus-visible {
    outline: 3px solid rgba(37, 111, 211, .34);
    outline-offset: 2px;
}

/* Shared premium language for all enterprise/admin pages */
.pos-admin-page,
.suite-page,
.enterprise-module,
.suite-launcher,
.reports-page,
.cash-report-page,
.pos-sales-page,
.customers-page {
    background:
        radial-gradient(circle at 4% 0, rgba(24, 183, 165, .13), transparent 28%),
        linear-gradient(145deg, #f8fbfd, #edf3f8) !important;
}

.pos-admin-header,
.suite-header,
.enterprise-topbar,
.suite-launcher-header,
.pos-card,
.report-card,
.settings-card,
.workspace-panel {
    border-color: var(--m365-border) !important;
    box-shadow: var(--m365-shadow) !important;
}

.module-logo,
.suite-launcher-logo {
    background: linear-gradient(145deg, var(--m365-navy-2), var(--m365-teal)) !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15), 0 8px 18px rgba(15, 143, 131, .18);
}

.primary-btn,
.back-pos-btn {
    background: linear-gradient(135deg, #0d756d, var(--m365-teal-2)) !important;
}

@media (max-width: 1450px) and (min-width: 1121px) {
    .pos-layout-premium:has(> .pos-sidebar.is-collapsed) {
        grid-template-columns: 64px minmax(420px, 1fr) 345px 178px !important;
    }
}

@media (max-width: 1120px) {
    .sidebar-collapse-btn {
        display: none;
    }
}


/* ===== SOURCE: mob365-premium-v8-monochrome.css ===== */
/* MOB365 Premium Enterprise v8 — monochrome navigation and quick actions */
:root {
    --m365-action-bg: #132740;
    --m365-action-hover: #1a3554;
    --m365-action-border: #36506d;
    --m365-action-icon: #0f8f83;
}

.pos-layout-premium .pos-quick-actions .quick-action,
.pos-layout-premium .pos-quick-actions .quick-action.pay,
.pos-layout-premium .pos-quick-actions .quick-action.card,
.pos-layout-premium .pos-quick-actions .quick-action.customer,
.pos-layout-premium .pos-quick-actions .quick-action.loyalty,
.pos-layout-premium .pos-quick-actions .quick-action.hold,
.pos-layout-premium .pos-quick-actions .quick-action.pending,
.pos-layout-premium .pos-quick-actions .quick-action.price,
.pos-layout-premium .pos-quick-actions .quick-action.history,
.pos-layout-premium .pos-quick-actions .quick-action.cancel,
.pos-layout-premium .pos-quick-actions .quick-action.settings {
    border-color: var(--m365-action-border) !important;
    background: var(--m365-action-bg) !important;
    color: #eef6ff !important;
    box-shadow: none !important;
}

.pos-layout-premium .pos-quick-actions .quick-action:hover {
    border-color: #537493 !important;
    background: var(--m365-action-hover) !important;
    filter: none !important;
}

.pos-layout-premium .pos-quick-actions .quick-action .qa-icon {
    border: 1px solid #3d5b78 !important;
    background: #0d1f34 !important;
    color: #72d8cd !important;
}

.pos-layout-premium .pos-quick-actions .quick-action kbd {
    border-color: #4a6885 !important;
    background: #0b1b2d !important;
    color: #dcecff !important;
}

.pos-layout-premium .pos-quick-actions .quick-action.cancel .qa-label,
.pos-layout-premium .pos-quick-actions .quick-action.cancel .qa-icon {
    color: #ffb6b6 !important;
}

.pos-layout-premium .sidebar-icon,
.pos-layout-premium .logout-btn .sidebar-icon {
    border: 1px solid #3b526b !important;
    background: #13253b !important;
    color: #b8cce0 !important;
    font-family: "Segoe UI Symbol", "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.pos-layout-premium .sidebar-link:hover .sidebar-icon {
    border-color: #557391 !important;
    background: #1a304b !important;
    color: #ffffff !important;
}

.pos-layout-premium .sidebar-link.active {
    border: 1px solid #2b8e86 !important;
    background: #173b4b !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.pos-layout-premium .sidebar-link.active .sidebar-icon {
    border-color: #42aa9f !important;
    background: #0f514f !important;
    color: #d8fffa !important;
}

.pos-layout-premium .logout-btn {
    background: #101d30 !important;
}

.pos-layout-premium .logout-btn,
.pos-layout-premium .logout-btn .logout-text {
    color: #d9e4f2 !important;
}

.pos-layout-premium .logout-btn:hover {
    border-color: #7e5260 !important;
    background: #251b29 !important;
}

.pos-layout-premium .logout-btn:hover .logout-text,
.pos-layout-premium .logout-btn:hover .sidebar-icon {
    color: #ffb6b6 !important;
}


/* ===== SOURCE: mob365-sync-cash-v12.css ===== */
.enterprise-sync-page,
.enterprise-cash-page {
    --m365-navy: #0b1728;
    --m365-ink: #172235;
    --m365-muted: #667085;
    --m365-line: #e4e8ef;
    --m365-teal: #0f766e;
    --m365-soft: #f6f8fb;
}

.sync-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.sync-kpi,
.sync-command-card,
.sync-table-card,
.cash-enterprise-card,
.cash-context-card {
    background: #fff;
    border: 1px solid var(--m365-line);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(11, 23, 40, .055);
}

.sync-kpi {
    min-height: 128px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.sync-kpi-label {
    color: var(--m365-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.sync-kpi strong {
    color: var(--m365-ink);
    font-size: 28px;
}

.sync-kpi small,
.sync-command-card p,
.sync-table td small {
    color: var(--m365-muted);
}

.sync-state {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sync-state i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px currentColor;
    opacity: .8;
}

.sync-state.online { color: var(--m365-teal); }
.sync-state.offline { color: #b42318; }
.sync-time { font-size: 23px !important; }

.sync-command-card {
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.sync-command-card h2 { margin: 0 0 5px; }
.sync-command-card p { margin: 0; }
.sync-command-actions { display: flex; gap: 10px; }
.sync-command-actions button { min-width: 140px; }

.sync-table-card { overflow: hidden; }
.sync-table-wrap { overflow: auto; }
.sync-table { width: 100%; border-collapse: collapse; }
.sync-table th {
    padding: 13px 16px;
    background: var(--m365-soft);
    color: #475467;
    font-size: 12px;
    letter-spacing: .04em;
    text-align: left;
    text-transform: uppercase;
}
.sync-table td {
    padding: 15px 16px;
    border-top: 1px solid var(--m365-line);
    vertical-align: top;
}
.sync-table td strong,
.sync-table td small { display: block; }
.sync-amount { font-weight: 800; white-space: nowrap; }
.sync-badge {
    display: inline-block;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 800;
}
.sync-badge.pending { color: #344054; background: #f2f4f7; }
.sync-badge.failed { color: #b42318; background: #fef3f2; }
.sync-error {
    max-width: 280px;
    margin-top: 5px;
    color: #b42318 !important;
    overflow-wrap: anywhere;
}
.sync-table code { color: #344054; }
.sync-clickable { cursor: pointer; transition: background-color .15s ease; }
.sync-clickable:hover { background: #f0fdfa; }
.sync-detail-row td { padding: 0 18px 16px !important; background: #f8fafc; }
.sync-line-list { display: grid; gap: 7px; padding: 12px; border: 1px solid #cfe2e0; border-radius: 12px; background: #fff; }
.sync-line-list > div { display: grid; grid-template-columns: minmax(120px,1fr) minmax(190px,auto) 100px; gap: 16px; align-items: center; min-height: 34px; padding: 6px 10px; border-bottom: 1px solid #edf2f4; }
.sync-line-list > div:last-child { border-bottom: 0; }
.sync-line-list strong { color: #0b2f3a; }
.sync-line-list span { color: #526471; }
.sync-line-list b { text-align: right; color: #00897f; }
.sync-empty { padding: 48px 20px; text-align: center; color: var(--m365-muted); }
.sync-empty span { display: block; color: var(--m365-teal); font-size: 38px; }
.sync-empty strong { display: block; color: var(--m365-ink); font-size: 18px; margin: 6px 0; }
.sync-empty p { margin: 0; }

.cash-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr);
    gap: 18px;
    align-items: start;
}
.cash-enterprise-card { padding: 24px; }
.cash-context-card { padding: 20px; }
.cash-form-title { margin: 0 0 5px; color: var(--m365-ink); }
.cash-form-subtitle { margin: 0 0 22px; color: var(--m365-muted); }
.cash-field { margin-bottom: 18px; }
.cash-field label {
    display: block;
    color: #344054;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 7px;
}
.cash-amount-wrap { position: relative; }
.cash-amount-wrap .cash-currency {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--m365-muted);
    font-size: 22px;
    font-weight: 800;
}
.cash-amount-input {
    width: 100%;
    min-height: 72px;
    padding: 10px 70px 10px 18px;
    border: 2px solid #d0d5dd;
    border-radius: 12px;
    color: var(--m365-navy);
    background: #fff;
    font-size: 34px;
    font-weight: 800;
}
.cash-amount-input:focus {
    border-color: var(--m365-teal);
    box-shadow: 0 0 0 4px rgba(15, 118, 110, .12);
    outline: none;
}
.cash-enterprise-select,
.cash-enterprise-textarea {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    background: #fff;
    padding: 12px 14px;
    font: inherit;
}
.cash-enterprise-textarea { min-height: 104px; resize: vertical; }
.cash-submit {
    width: 100%;
    min-height: 52px;
    margin-top: 4px;
    border: 0;
    border-radius: 10px;
    background: var(--m365-navy);
    color: #fff;
    font-weight: 900;
    letter-spacing: .03em;
}
.cash-submit.out { background: #7a271a; }
.cash-submit:disabled { opacity: .55; cursor: not-allowed; }
.cash-context-title {
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--m365-line);
}
.cash-context-row {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    border-bottom: 1px solid #f0f2f5;
}
.cash-context-row span { color: var(--m365-muted); }
.cash-context-row strong { color: var(--m365-ink); text-align: right; }
.cash-notice {
    margin-top: 16px;
    padding: 12px;
    border-radius: 9px;
    background: var(--m365-soft);
    color: #475467;
    font-size: 13px;
    line-height: 1.45;
}
.cash-confirm {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #f2c94c;
    border-radius: 10px;
    background: #fffaeb;
}
.cash-confirm p { margin: 0 0 12px; color: #7a2e0e; }
.cash-confirm-actions { display: flex; gap: 10px; }

@media (max-width: 980px) {
    .sync-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cash-layout { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .sync-kpi-grid { grid-template-columns: 1fr; }
    .sync-command-card { align-items: stretch; flex-direction: column; }
    .sync-command-actions { flex-direction: column; }
    .sync-command-actions button { width: 100%; }
    .cash-enterprise-card { padding: 18px; }
}


/* ===== SOURCE: mob365-performance-data-v13.css ===== */
/* MOB365 v13: scroll i qëndrueshëm dhe layout pa prerje. */
html:has(.pos-sales-page),
body:has(.pos-sales-page) {
    height: 100%;
    overflow: hidden !important;
}

.pos-sales-page {
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.pos-sales-page .sales-content,
.pos-sales-page .sales-card {
    min-height: 0 !important;
    overflow: hidden !important;
}

.pos-sales-page .sales-table-wrap {
    height: 100% !important;
    min-height: 0 !important;
    overflow-x: auto !important;
    overflow-y: scroll !important;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
}

.pos-sales-page .sales-table thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
}

.pos-layout-premium .market-result-list {
    overflow-y: auto !important;
    scrollbar-gutter: stable;
}

@media (max-width: 820px) {
    html:has(.pos-sales-page),
    body:has(.pos-sales-page) {
        height: auto;
        overflow: auto !important;
    }

    .pos-sales-page {
        height: auto !important;
        min-height: 100dvh !important;
        overflow: visible !important;
    }

    .pos-sales-page .sales-content,
    .pos-sales-page .sales-card,
    .pos-sales-page .sales-table-wrap {
        height: auto !important;
        overflow: visible !important;
    }
}


/* ===== SOURCE: mob365-enterprise-final-v20.css ===== */
:root{--m-navy:#071a33;--m-blue:#1f5eff;--m-cyan:#0fb7b0;--m-bg:#eef3f8;--m-panel:#fff;--m-line:#d6e0ea;--m-text:#10243e;--m-muted:#69809a;--m-ok:#18a56f;--m-warn:#f3a51b;--m-danger:#dc4b57}
html,body{background:radial-gradient(circle at 15% 0,#dff7f5 0,transparent 28%),linear-gradient(135deg,#f7fafc,#e8eef5)!important;color:var(--m-text)}
button,a,input,select{font-family:Inter,Segoe UI,Arial,sans-serif}
/* Suite command center */
.suite-command-center{max-width:1500px!important;margin:0 auto;padding:26px!important}
.suite-command-center .suite-launcher-header{background:linear-gradient(125deg,#061a32 0%,#0b3155 55%,#0f7779 100%)!important;color:#fff!important;border:0!important;box-shadow:0 24px 55px rgba(4,25,50,.22)!important;padding:34px 38px!important;border-radius:26px!important}
.suite-command-center .suite-launcher-header h1{font-size:44px!important;letter-spacing:-1.5px;color:#fff!important}.suite-command-center .suite-launcher-header p,.suite-command-center .suite-launcher-header small{color:#cce6ee!important}
.suite-overview-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 22px}.suite-overview-strip article{background:#fff;border:1px solid var(--m-line);border-radius:18px;padding:18px 22px;box-shadow:0 10px 24px rgba(22,48,78,.07)}.suite-overview-strip span{display:block;font-size:11px;letter-spacing:1.2px;color:var(--m-muted);font-weight:800}.suite-overview-strip strong{display:block;margin-top:7px;font-size:22px}.suite-overview-strip .ok{color:var(--m-ok)}
.suite-command-center .launcher-grid{grid-template-columns:repeat(5,minmax(180px,1fr))!important;gap:18px!important}.suite-command-center .launcher-grid a{min-height:245px!important;border:1px solid #dbe4ee!important;border-radius:24px!important;background:linear-gradient(180deg,#fff 0,#f7faff 100%)!important;box-shadow:0 16px 34px rgba(22,48,78,.09)!important;padding:24px!important;position:relative;overflow:hidden}.suite-command-center .launcher-grid a:before{content:"";position:absolute;inset:auto -30px -45px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#d9e8ff,transparent 70%)}.suite-command-center .launcher-grid a:hover{transform:translateY(-7px);border-color:#7ea7ff!important;box-shadow:0 24px 45px rgba(31,94,255,.17)!important}.suite-command-center .launcher-grid i{width:64px!important;height:64px!important;border-radius:18px!important;background:linear-gradient(145deg,#082444,#0c8290)!important;display:grid!important;place-items:center!important;color:#fff;font-size:28px!important;box-shadow:0 12px 24px rgba(8,80,100,.24)}.suite-command-center .launcher-grid b{font-size:23px!important;margin-top:28px!important}.suite-command-center .launcher-grid em{color:var(--m-blue)!important;font-weight:800!important}
/* shared topbars */
.rest-top,.cafe-commandbar,.enterprise-topbar{background:linear-gradient(110deg,#061a32 0,#0b3155 68%,#0c6c72 100%)!important;color:#fff!important;border:0!important;box-shadow:0 18px 40px rgba(5,28,54,.18)!important}.rest-top h1,.cafe-commandbar h1,.enterprise-topbar h1{color:#fff!important}.rest-top small,.rest-top p,.cafe-commandbar small,.enterprise-topbar small,.enterprise-topbar p{color:#c9e0ea!important}.rest-status span,.rest-status b,.rest-status button,.cafe-status-badge,.cafe-command-btn,.topbar-status .status-pill,.topbar-status button{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:blur(10px)}
/* Restaurant floor map */
.rest-workspace{grid-template-columns:430px minmax(620px,1fr) 390px!important;gap:16px!important}.rest-tables,.rest-catalog,.rest-order{border-radius:20px!important;border:1px solid #d5e0eb!important;box-shadow:0 14px 34px rgba(24,52,84,.09)!important;background:#fff!important}.floor-map-grid{display:grid!important;grid-template-columns:repeat(3,minmax(105px,1fr))!important;grid-auto-rows:150px!important;gap:20px!important;padding:26px!important;background:linear-gradient(90deg,rgba(22,63,104,.035) 1px,transparent 1px),linear-gradient(rgba(22,63,104,.035) 1px,transparent 1px),#f4f7fb!important;background-size:28px 28px!important;align-content:start}.floor-table{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:3px solid #bad0e1!important;background:#fff!important;box-shadow:0 12px 26px rgba(31,54,84,.13)!important;transition:.2s ease!important;overflow:visible!important;padding:16px 10px!important}.floor-table.square{border-radius:22px!important}.floor-table.round{border-radius:50%!important}.floor-table:before,.floor-table:after{content:"";position:absolute;background:#9db1c3;border-radius:7px}.floor-table:before{width:45%;height:9px;top:-14px;box-shadow:0 calc(150px - 7px) 0 #9db1c3}.floor-table:after{height:42%;width:9px;left:-14px;box-shadow:calc(100% + 128px) 0 0 #9db1c3}.floor-table.free{border-color:#43c892!important;background:linear-gradient(145deg,#f5fff9,#e9fff4)!important}.floor-table.busy{border-color:#ffae35!important;background:linear-gradient(145deg,#fffaf0,#fff1d8)!important}.floor-table.selected{outline:5px solid rgba(31,94,255,.18)!important;border-color:var(--m-blue)!important;transform:scale(1.04)!important}.floor-table strong{font-size:16px!important}.floor-table b{font-size:20px!important;color:#071a33!important}.floor-table em{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.8px}.floor-table span{position:absolute;top:10px;left:12px;font-size:10px;color:var(--m-blue);font-weight:900}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:14px!important;padding:18px!important}.product-grid>button{min-height:150px!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f7faff)!important;border:1px solid #d9e3ed!important;box-shadow:0 10px 23px rgba(25,52,84,.08)!important}.product-grid>button:hover{transform:translateY(-4px);border-color:#73a0ff!important}.rest-order{background:linear-gradient(180deg,#fff,#f6f9fd)!important}.order-actions .pay{background:linear-gradient(90deg,#1f5eff,#6b5bff)!important;color:white!important}.order-actions .kitchen{background:linear-gradient(90deg,#071a33,#0b4468)!important}
/* Cafe floor plan */
.cafe-pos-grid{grid-template-columns:430px minmax(650px,1fr) 390px!important;gap:14px!important}.cafe-floor-map{display:grid!important;grid-template-columns:repeat(3,minmax(105px,1fr))!important;grid-auto-rows:145px!important;gap:18px!important;padding:24px!important;background:linear-gradient(90deg,rgba(22,63,104,.035) 1px,transparent 1px),linear-gradient(rgba(22,63,104,.035) 1px,transparent 1px),#f3f7fb!important;background-size:26px 26px!important}.cafe-floor-table{position:relative!important;border:3px solid #b8ccdc!important;box-shadow:0 12px 26px rgba(25,52,84,.12)!important;background:#fff!important;overflow:visible!important}.cafe-floor-table.square{border-radius:22px!important}.cafe-floor-table.round{border-radius:50%!important}.cafe-floor-table:before,.cafe-floor-table:after{content:"";position:absolute;background:#9caebd;border-radius:6px}.cafe-floor-table:before{width:42%;height:8px;top:-13px;left:29%;box-shadow:0 145px 0 #9caebd}.cafe-floor-table:after{height:38%;width:8px;left:-13px;top:31%;box-shadow:145px 0 0 #9caebd}.cafe-table-card.free{border-color:#3fc58e!important;background:linear-gradient(145deg,#f6fff9,#eafff3)!important}.cafe-table-card.occupied{border-color:#f1a726!important;background:linear-gradient(145deg,#fffaf1,#ffefd1)!important}.cafe-products-panel,.cafe-cart-panel,.cafe-tables-panel{border-radius:20px!important;box-shadow:0 14px 34px rgba(24,52,84,.09)!important}.cafe-product-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}.cafe-product-tile{min-height:150px!important;border-radius:18px!important;box-shadow:0 8px 20px rgba(25,52,84,.07)!important}.cafe-payment{border-radius:15px!important;font-weight:900!important}
/* Pharmacy international workflow */
.enterprise-module{max-width:none!important;padding:18px!important}.module-kpis{gap:14px!important}.module-kpis article{border-radius:18px!important;border:1px solid #d5e0eb!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 12px 28px rgba(24,52,84,.08)!important;position:relative;overflow:hidden}.module-kpis article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#1f5eff,#12b8ad)}.module-kpis strong{font-size:34px!important}.module-tabs{border-radius:18px!important;padding:7px!important;background:#fff!important;box-shadow:0 8px 20px rgba(24,52,84,.07)!important}.module-tabs button.active{background:linear-gradient(90deg,#071a33,#174b79)!important;color:#fff!important}.pharmacy-sale-grid{grid-template-columns:minmax(700px,1fr) 390px!important;gap:16px!important}.workspace-panel{border:1px solid #d6e0ea!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(24,52,84,.08)!important}.pharmacy-products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:14px!important;padding:18px!important}.pharmacy-product{min-height:115px!important;border:1px solid #d7e2ec!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;box-shadow:0 8px 20px rgba(24,52,84,.06)!important}.drug-card{background:linear-gradient(145deg,#f8fffd,#eafaf6)!important;border:1px solid #9edfd0!important;border-radius:18px!important;padding:20px!important}.clinical-warning{background:#fff5e7!important;border-left:5px solid #f2a31e!important;border-radius:12px!important;padding:14px!important}
/* Warehouse operations */
.warehouse-board{grid-template-columns:1fr 1fr!important;gap:18px!important}.warehouse-column{min-height:520px!important}.document-card{border:1px solid #d7e1eb!important;border-radius:16px!important;padding:16px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 8px 20px rgba(24,52,84,.06)!important}.document-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(145deg,#0d2948,#0f8a91)!important;color:#fff!important;display:grid!important;place-items:center!important}.suite-form-grid{background:#f7faff!important;border-radius:18px!important;padding:22px!important}.suite-form-grid input,.suite-form-grid select{height:50px!important;border-radius:12px!important;border:1px solid #cad8e6!important}.primary-btn{background:linear-gradient(90deg,#1f5eff,#5b58ef)!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 10px 20px rgba(31,94,255,.2)!important}
@media(max-width:1350px){.rest-workspace,.cafe-pos-grid{grid-template-columns:360px minmax(520px,1fr) 340px!important}.floor-map-grid,.cafe-floor-map{grid-template-columns:repeat(2,1fr)!important}.suite-command-center .launcher-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:1000px){.rest-workspace,.cafe-pos-grid,.pharmacy-sale-grid,.warehouse-board{grid-template-columns:1fr!important}.suite-command-center .launcher-grid{grid-template-columns:repeat(2,1fr)!important}.suite-overview-strip{grid-template-columns:1fr!important}}


/* ===== SOURCE: mob365-enterprise-v3-final.css ===== */
:root{--m3-bg:#eef2f7;--m3-panel:#fff;--m3-ink:#142033;--m3-muted:#6b778c;--m3-line:#dce3ed;--m3-navy:#10243f;--m3-blue:#1463ff;--m3-green:#14a06f;--m3-amber:#f3a21a;--m3-red:#e34d59;--m3-radius:18px;--m3-shadow:0 14px 40px rgba(20,32,51,.10)}
.m3-shell{min-height:100vh;background:var(--m3-bg);color:var(--m3-ink);font-family:Inter,Segoe UI,Arial,sans-serif}.m3-top{height:76px;background:linear-gradient(135deg,#0d1d34,#17375d);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 8px 24px #0d1d3433}.m3-brand{display:flex;align-items:center;gap:14px}.m3-logo{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#2b7cff,#4ad5ff);display:grid;place-items:center;font-weight:900;font-size:22px}.m3-brand h1{font-size:18px;margin:0}.m3-brand small{opacity:.68;letter-spacing:.12em}.m3-actions{display:flex;gap:10px;align-items:center}.m3-chip,.m3-btn{border:1px solid #ffffff26;background:#ffffff10;color:#fff;border-radius:11px;padding:10px 14px;font-weight:700}.m3-btn{cursor:pointer}.m3-btn.primary{background:var(--m3-blue);border-color:var(--m3-blue)}.m3-btn.success{background:var(--m3-green);border-color:var(--m3-green)}.m3-btn.danger{background:var(--m3-red);border-color:var(--m3-red)}.m3-btn.light{background:#fff;color:var(--m3-ink);border-color:var(--m3-line)}.m3-btn:disabled{opacity:.45;cursor:not-allowed}.m3-alert{margin:12px 20px;padding:12px 16px;border-radius:12px;background:#fff1f2;color:#a11b2b;border:1px solid #fecdd3}.m3-notice{background:#ecfdf5;color:#087a55;border-color:#a7f3d0}.m3-restaurant{display:grid;grid-template-columns:minmax(500px,1.2fr) minmax(480px,1fr) 390px;gap:12px;padding:12px;height:calc(100vh - 76px)}.m3-panel{background:var(--m3-panel);border:1px solid var(--m3-line);border-radius:var(--m3-radius);box-shadow:var(--m3-shadow);overflow:hidden;min-height:0}.m3-panel-head{height:68px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--m3-line)}.m3-panel-head h2{font-size:18px;margin:2px 0}.m3-panel-head small{color:var(--m3-muted);font-weight:800;letter-spacing:.11em}.m3-tabs{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--m3-line);overflow:auto}.m3-tabs button{white-space:nowrap;border:1px solid var(--m3-line);background:#f7f9fc;border-radius:10px;padding:9px 13px;font-weight:700;color:#526079}.m3-tabs button.active{background:var(--m3-navy);color:#fff;border-color:var(--m3-navy)}.m3-floor{position:relative;margin:12px;height:calc(100% - 126px);min-height:520px;border-radius:16px;overflow:auto;background-color:#f8fafc;background-image:linear-gradient(#dbe3ee 1px,transparent 1px),linear-gradient(90deg,#dbe3ee 1px,transparent 1px);background-size:28px 28px;border:1px solid var(--m3-line)}.m3-table{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #b9c5d5;background:#fff;color:var(--m3-ink);box-shadow:0 8px 18px #14203322;cursor:pointer;transition:.18s;z-index:2}.m3-table.round{border-radius:50%}.m3-table.square{border-radius:18px}.m3-table.rectangle{border-radius:24px}.m3-table.free{border-color:#60d4aa;background:#ecfdf5}.m3-table.busy{border-color:#f5b84c;background:#fff8e8}.m3-table.reserved{border-color:#8b7cf6;background:#f3f0ff}.m3-table.selected{outline:4px solid #1463ff55;transform:scale(1.04);z-index:3}.m3-table strong{font-size:19px}.m3-table span{font-size:12px;font-weight:800;color:var(--m3-muted)}.m3-table b{font-size:15px;margin-top:5px}.m3-table em{font-style:normal;font-size:11px;margin-top:4px}.m3-table .chairs{position:absolute;inset:-17px;pointer-events:none}.m3-table .chairs i{position:absolute;width:22px;height:12px;border-radius:5px;background:#aab6c6}.m3-table .chairs i:nth-child(1){top:0;left:50%;transform:translateX(-50%)}.m3-table .chairs i:nth-child(2){bottom:0;left:50%;transform:translateX(-50%)}.m3-table .chairs i:nth-child(3){left:0;top:50%;transform:translateY(-50%) rotate(90deg)}.m3-table .chairs i:nth-child(4){right:0;top:50%;transform:translateY(-50%) rotate(90deg)}.m3-catalog{display:flex;flex-direction:column}.m3-search{margin:12px 14px;display:flex;gap:8px}.m3-search input,.m3-field input,.m3-field select{width:100%;border:1px solid var(--m3-line);border-radius:11px;padding:12px 13px;font:inherit;outline:none}.m3-search input:focus,.m3-field input:focus,.m3-field select:focus{border-color:var(--m3-blue);box-shadow:0 0 0 3px #1463ff16}.m3-products{padding:0 14px 14px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.m3-product{min-height:126px;border:1px solid var(--m3-line);border-radius:14px;background:#fff;padding:12px;text-align:left;display:flex;flex-direction:column;cursor:pointer;position:relative}.m3-product:hover{border-color:#8bb5ff;box-shadow:0 8px 20px #1463ff18;transform:translateY(-1px)}.m3-product .station{font-size:10px;font-weight:900;color:#6b778c}.m3-product strong{margin-top:9px;line-height:1.2}.m3-product small{color:var(--m3-muted);margin-top:4px}.m3-product b{font-size:18px;margin-top:auto;color:#0f5bd4}.m3-product i{position:absolute;right:10px;bottom:10px;width:27px;height:27px;border-radius:9px;background:#eaf2ff;color:#1463ff;display:grid;place-items:center;font-style:normal;font-weight:900}.m3-order{display:flex;flex-direction:column}.m3-order-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px}.m3-stat{padding:10px;border-radius:11px;background:#f5f7fa}.m3-stat span{display:block;font-size:10px;color:var(--m3-muted);font-weight:800}.m3-stat strong{display:block;margin-top:3px}.m3-lines{flex:1;overflow:auto;padding:0 12px}.m3-line-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--m3-line)}.m3-line-item small{display:block;color:var(--m3-muted)}.m3-qty{display:flex;align-items:center;gap:6px}.m3-qty button{width:30px;height:30px;border:1px solid var(--m3-line);border-radius:8px;background:#fff}.m3-total{padding:14px;border-top:1px solid var(--m3-line);background:#f8fafc}.m3-total div{display:flex;justify-content:space-between}.m3-total strong{font-size:25px}.m3-order-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.m3-order-buttons .wide{grid-column:1/-1}.m3-empty{height:100%;min-height:220px;display:grid;place-content:center;text-align:center;color:var(--m3-muted);padding:30px}.m3-dialog-backdrop{position:fixed;inset:0;background:#071426aa;display:grid;place-items:center;z-index:1000;padding:20px}.m3-dialog{width:min(520px,100%);background:#fff;border-radius:20px;box-shadow:0 30px 90px #0006;padding:22px}.m3-dialog h2{margin-top:0}.m3-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.m3-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m3-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px}.m3-kpi{background:#fff;border:1px solid var(--m3-line);border-radius:15px;padding:16px;box-shadow:0 8px 22px #14203310}.m3-kpi span{color:var(--m3-muted);font-weight:700}.m3-kpi strong{display:block;font-size:27px;margin-top:5px}.m3-module-body{padding:0 14px 14px}.m3-pharmacy{display:grid;grid-template-columns:minmax(420px,1fr) minmax(330px,.75fr) 390px;gap:12px;height:calc(100vh - 190px)}.m3-list{overflow:auto}.m3-list-card{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px;border-bottom:1px solid var(--m3-line);cursor:pointer}.m3-list-card:hover{background:#f7faff}.m3-cart-footer{padding:14px;border-top:1px solid var(--m3-line)}.m3-warehouse{display:grid;grid-template-columns:320px 1fr 420px;gap:12px;height:calc(100vh - 170px)}.m3-doc{padding:13px;border-bottom:1px solid var(--m3-line);cursor:pointer}.m3-doc.active{background:#eaf2ff;border-left:4px solid var(--m3-blue)}.m3-table-data{width:100%;border-collapse:collapse}.m3-table-data th,.m3-table-data td{padding:11px;border-bottom:1px solid var(--m3-line);text-align:left}.m3-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf2f8;font-size:11px;font-weight:900}.m3-badge.green{background:#dcfce7;color:#087a55}.m3-badge.amber{background:#fff2cc;color:#8c5b00}.m3-badge.red{background:#fee2e2;color:#a11b2b}@media(max-width:1300px){.m3-restaurant{grid-template-columns:420px 1fr 350px}.m3-pharmacy{grid-template-columns:1fr 360px}.m3-pharmacy>.m3-panel:nth-child(2){display:none}.m3-warehouse{grid-template-columns:280px 1fr}}@media(max-width:980px){.m3-restaurant,.m3-pharmacy,.m3-warehouse{display:flex;flex-direction:column;height:auto}.m3-panel{min-height:500px}.m3-top{height:auto;padding:12px;gap:10px;flex-wrap:wrap}.m3-floor{height:600px}.m3-kpis{grid-template-columns:1fr 1fr}}
/* Café v3: true operational layout, loaded last */
.m3-cafe-v3{background:var(--m3-bg)!important;min-height:100vh}.m3-cafe-v3 .cafe-commandbar{height:76px!important;min-height:76px!important;background:linear-gradient(135deg,#0d1d34,#17375d)!important;border:0!important;padding:0 22px!important}.m3-cafe-v3 .cafe-kpi-strip{padding:12px!important;gap:10px!important;background:transparent!important}.m3-cafe-v3 .cafe-kpi{border-radius:14px!important;border:1px solid var(--m3-line)!important;box-shadow:0 8px 22px #14203310!important}.m3-cafe-v3 .cafe-pos-grid{grid-template-columns:minmax(480px,1.05fr) minmax(480px,1fr) 390px!important;gap:12px!important;padding:0 12px 12px!important;height:calc(100vh - 168px)!important}.m3-cafe-v3 .cafe-panel{border-radius:18px!important;border:1px solid var(--m3-line)!important;box-shadow:var(--m3-shadow)!important}.m3-cafe-v3 .cafe-floor-map{display:grid!important;grid-template-columns:repeat(3,minmax(130px,1fr))!important;gap:22px!important;padding:28px!important;background-color:#f8fafc!important;background-image:linear-gradient(#dbe3ee 1px,transparent 1px),linear-gradient(90deg,#dbe3ee 1px,transparent 1px)!important;background-size:28px 28px!important}.m3-cafe-v3 .cafe-floor-table{min-height:145px!important;border-radius:26px!important;border-width:3px!important;box-shadow:0 10px 24px #14203320!important;position:relative!important;overflow:visible!important}.m3-cafe-v3 .cafe-floor-table.round{border-radius:50%!important;aspect-ratio:1}.m3-cafe-v3 .cafe-table-symbol{transform:scale(1.2);margin-bottom:8px}.m3-cafe-v3 .cafe-product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:10px!important;padding:12px!important}.m3-cafe-v3 .cafe-product-tile{min-height:116px!important;border-radius:14px!important;border:1px solid var(--m3-line)!important;box-shadow:none!important}.m3-cafe-v3 .cafe-cart-panel{background:#fff!important}.m3-cafe-v3 .cafe-payment-actions button{min-height:52px!important;border-radius:12px!important;font-weight:850!important}
/* Suite hub cards */
.suite-page,.premium-suite-shell{background:var(--m3-bg)!important}.suite-card,.premium-module-card{border-radius:20px!important;border:1px solid var(--m3-line)!important;box-shadow:var(--m3-shadow)!important;transition:.2s!important}.suite-card:hover,.premium-module-card:hover{transform:translateY(-4px)!important;box-shadow:0 24px 55px #14203322!important}
@media(max-width:1350px){.m3-cafe-v3 .cafe-pos-grid{grid-template-columns:420px 1fr 360px!important}.m3-cafe-v3 .cafe-floor-map{grid-template-columns:repeat(2,1fr)!important}}


/* ===== SOURCE: mob365-suite-redesign-v31.css ===== */
/* MOB365 Suite Redesign v31 - touch-first production layout */
:root{--m31-bg:#eef3f8;--m31-panel:#fff;--m31-line:#d9e2ec;--m31-navy:#0b2442;--m31-navy2:#133b63;--m31-teal:#078b8d;--m31-blue:#1769e0;--m31-green:#0f9f6e;--m31-amber:#e59b12;--m31-red:#d9485f;--m31-muted:#64748b;--m31-shadow:0 12px 34px rgba(15,35,58,.10)}

/* launcher */
.suite-launcher.suite-command-center{min-height:100vh;max-width:none;margin:0;padding:30px 40px 44px;background:radial-gradient(circle at 85% 0,#d7f3f1 0,transparent 28%),linear-gradient(180deg,#f7fafc,#eaf0f6);font-family:Inter,Segoe UI,sans-serif}
.suite-launcher-header{max-width:1500px;margin:0 auto 22px;min-height:150px;border-radius:26px;padding:30px 34px;display:flex;align-items:center;gap:22px;background:linear-gradient(120deg,#071f3b 0,#0f365a 55%,#087d7d 100%);box-shadow:0 22px 55px rgba(8,37,66,.22);color:#fff}
.suite-launcher-logo{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;font-size:34px;font-weight:900;background:linear-gradient(145deg,#37a8ff,#00a69c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 12px 30px rgba(0,0,0,.22)}
.suite-launcher-header small{font-size:12px;letter-spacing:2px;font-weight:900;color:#8fd4e6}.suite-launcher-header h1{font-size:38px;line-height:1.05;margin:5px 0 8px}.suite-launcher-header p{margin:0;color:#d6e4ef;font-size:15px}
.suite-overview-strip{max-width:1500px;margin:0 auto 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.suite-overview-strip article{background:rgba(255,255,255,.88);border:1px solid var(--m31-line);border-radius:18px;padding:18px 22px;box-shadow:0 8px 22px rgba(15,35,58,.06)}.suite-overview-strip span{display:block;font-size:11px;letter-spacing:1.5px;color:var(--m31-muted);font-weight:900}.suite-overview-strip strong{display:block;margin-top:7px;font-size:24px;color:var(--m31-navy)}.suite-overview-strip .ok{color:var(--m31-green)}
.launcher-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:18px}.launcher-grid a{position:relative;min-height:238px;border:1px solid var(--m31-line);border-radius:24px;background:#fff;padding:24px;text-decoration:none;display:flex;flex-direction:column;box-shadow:var(--m31-shadow);overflow:hidden;transition:.18s ease}.launcher-grid a:before{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--m31-blue),var(--m31-teal))}.launcher-grid a:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(15,35,58,.16);border-color:#abc9ea}.launcher-grid i{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#edf6ff;color:#0d5fbf;font-style:normal;font-size:26px;font-weight:900;border:1px solid #d8e9fa}.launcher-grid b{font-size:23px;color:var(--m31-navy);margin-top:28px}.launcher-grid span{color:var(--m31-muted);font-size:14px;line-height:1.45;margin-top:8px}.launcher-grid em{margin-top:auto;padding-top:24px;color:var(--m31-blue);font-style:normal;font-weight:900;font-size:14px}

/* restaurant */
.m3-shell{height:100vh;overflow:hidden;background:var(--m31-bg);font-family:Inter,Segoe UI,sans-serif;color:var(--m31-navy)}
.m3-top{height:68px;padding:0 18px;background:linear-gradient(90deg,#071e39,#123d68);display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 4px 14px rgba(7,30,57,.2)}.m3-brand{display:flex;align-items:center;gap:12px}.m3-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#37a8ff,#08a2a2)}.m3-brand small{font-size:10px;letter-spacing:1.4px;color:#8fc5de;font-weight:900}.m3-brand h1{font-size:17px;margin:2px 0 0}.m3-actions{display:flex;gap:8px;align-items:center}.m3-chip,.m3-btn{min-height:42px;border-radius:11px}.m3-chip{display:flex;align-items:center;padding:0 14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);font-weight:800;font-size:13px}.m3-btn{border:1px solid #cbd8e6;background:#fff;color:var(--m31-navy);padding:0 15px;font-weight:800}.m3-btn.primary{background:var(--m31-blue);border-color:var(--m31-blue);color:#fff}.m3-btn.success{background:var(--m31-green);border-color:var(--m31-green);color:#fff}.m3-btn.light{background:#f8fafc}.m3-btn:disabled{opacity:.45}
.m3-restaurant{height:calc(100vh - 68px);padding:12px;display:grid;grid-template-columns:minmax(430px,1.05fr) minmax(520px,1.35fr) minmax(340px,.78fr);gap:12px}
.m3-panel{min-height:0;background:#fff;border:1px solid var(--m31-line);border-radius:18px;box-shadow:0 8px 24px rgba(15,35,58,.07);overflow:hidden;display:flex;flex-direction:column}.m3-panel-head{min-height:66px;padding:12px 15px;border-bottom:1px solid var(--m31-line);display:flex;align-items:center;justify-content:space-between}.m3-panel-head small{display:block;font-size:10px;letter-spacing:1.5px;color:var(--m31-teal);font-weight:900}.m3-panel-head h2{font-size:18px;margin:3px 0 0}.m3-badge{border-radius:999px;padding:7px 10px;background:#edf2f7;color:#334155;font-size:12px;font-weight:900}.m3-badge.green{background:#dcfce7;color:#087451}
.m3-tabs{padding:10px 12px;display:flex;gap:7px;overflow:auto;border-bottom:1px solid var(--m31-line)}.m3-tabs button{white-space:nowrap;min-height:38px;border-radius:10px;padding:0 14px;border:1px solid #d9e3ee;background:#f8fafc;color:#42546a;font-weight:800}.m3-tabs button.active{background:var(--m31-navy);border-color:var(--m31-navy);color:#fff}
.m3-floor{position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(128px,1fr));align-content:start;gap:12px;padding:14px;overflow:auto;background-color:#f6f9fc;background-image:linear-gradient(#e4ebf3 1px,transparent 1px),linear-gradient(90deg,#e4ebf3 1px,transparent 1px);background-size:24px 24px}
.m3-table{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:126px!important;border-radius:18px!important;padding:14px!important;border:2px solid #b9c7d6!important;background:#fff!important;color:var(--m31-navy)!important;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-items:start;text-align:left;box-shadow:0 7px 18px rgba(15,35,58,.08);overflow:hidden}.m3-table .chairs{display:none!important}.m3-table strong{font-size:20px;line-height:1}.m3-table span:not(.chairs){grid-column:1/-1;font-size:12px;color:#64748b;margin-top:7px}.m3-table b{font-size:18px;align-self:end}.m3-table em{font-size:11px;font-style:normal;align-self:end;color:#64748b;background:#eef3f8;padding:5px 7px;border-radius:8px}.m3-table.free{border-color:#41bf8d!important;background:#f3fff9!important}.m3-table.occupied,.m3-table.active{border-color:#f0ad2d!important;background:#fffaf0!important}.m3-table.selected{outline:4px solid rgba(23,105,224,.2);border-color:var(--m31-blue)!important;transform:translateY(-2px)}
.m3-search{padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid var(--m31-line)}.m3-search input{height:44px;border:1px solid #ccd8e5;border-radius:11px;padding:0 14px;font-size:14px;outline:none}.m3-search input:focus{border-color:var(--m31-blue);box-shadow:0 0 0 3px rgba(23,105,224,.12)}
.m3-products{padding:12px;display:grid;grid-template-columns:repeat(4,minmax(118px,1fr));grid-auto-rows:128px;gap:10px;overflow:auto}.m3-product{position:relative;border:1px solid #d7e1eb;border-radius:16px;background:#fff;padding:13px;text-align:left;display:flex;flex-direction:column;box-shadow:0 5px 14px rgba(15,35,58,.05)}.m3-product:hover{border-color:#82afe4;box-shadow:0 8px 20px rgba(23,105,224,.12)}.m3-product .station{font-size:9px;font-weight:900;letter-spacing:.8px;color:var(--m31-teal);background:#e8f8f7;padding:4px 6px;border-radius:6px;align-self:flex-start}.m3-product strong{font-size:14px;line-height:1.25;margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.m3-product small{font-size:10px;color:#7b8ba0;margin-top:4px}.m3-product b{font-size:16px;margin-top:auto;color:#073f57}.m3-product i{position:absolute;right:10px;bottom:10px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--m31-blue);color:#fff;font-style:normal;font-size:19px}.m3-empty{flex:1;display:grid;place-items:center;text-align:center;color:#718096}.m3-empty h3{color:var(--m31-navy)}
.m3-order-meta{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.m3-stat{min-height:58px;border:1px solid #dce5ee;background:#f8fafc;border-radius:12px;padding:9px;text-align:left}.m3-stat span{display:block;font-size:9px;letter-spacing:1px;color:#718096;font-weight:900}.m3-stat strong{display:block;margin-top:5px;font-size:14px;color:var(--m31-navy)}.m3-lines{flex:1;overflow:auto;padding:0 10px}.m3-line-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #e8eef4}.m3-line-item small{display:block;color:#7a899b;margin-top:3px}.m3-qty{display:flex;align-items:center;gap:6px}.m3-qty button{width:30px;height:30px;border-radius:8px;border:1px solid #d4deea;background:#fff;font-weight:900}.m3-total{padding:12px 14px;background:#09284a;color:#fff}.m3-total div{display:flex;justify-content:space-between;margin:4px 0}.m3-total div:last-child{margin-top:10px;font-size:20px}.m3-order-buttons{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.m3-order-buttons .wide{grid-column:1/-1}

/* café */
.cafe-enterprise-shell{background:var(--m31-bg)!important;min-height:100vh!important;padding:10px!important}.cafe-topbar{min-height:66px!important;border-radius:16px!important;background:linear-gradient(90deg,#071f3b,#123d68)!important;padding:0 18px!important}.cafe-kpi-strip{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin:10px 0!important}.cafe-kpi{min-height:62px!important;border-radius:14px!important;box-shadow:none!important}.cafe-pos-grid{height:calc(100vh - 150px)!important;display:grid!important;grid-template-columns:minmax(380px,.9fr) minmax(560px,1.35fr) minmax(340px,.78fr)!important;gap:10px!important}.cafe-panel{border-radius:16px!important;border:1px solid var(--m31-line)!important;box-shadow:0 8px 24px rgba(15,35,58,.07)!important}.cafe-panel-header{min-height:64px!important;padding:11px 14px!important}.cafe-zone-filter{padding:9px!important}.cafe-floor-map{display:grid!important;grid-template-columns:repeat(3,minmax(105px,1fr))!important;grid-auto-rows:118px!important;gap:10px!important;padding:12px!important;overflow:auto!important;background-color:#f6f9fc!important;background-image:linear-gradient(#e4ebf3 1px,transparent 1px),linear-gradient(90deg,#e4ebf3 1px,transparent 1px)!important;background-size:24px 24px!important}.cafe-floor-table{width:auto!important;height:auto!important;min-height:0!important;border-radius:17px!important;padding:11px!important;position:relative!important}.cafe-floor-table.round{border-radius:17px!important}.cafe-table-symbol{display:none!important}.cafe-table-top{display:block!important}.cafe-table-top strong{font-size:16px!important}.cafe-table-zone{font-size:10px!important;margin-top:5px!important}.cafe-table-state{position:absolute!important;right:8px!important;top:8px!important;font-size:8px!important}.cafe-table-amount{font-size:17px!important;margin-top:14px!important}.cafe-product-grid{grid-template-columns:repeat(4,minmax(120px,1fr))!important;grid-auto-rows:124px!important;gap:9px!important;padding:10px!important}.cafe-product-tile{border-radius:14px!important;padding:11px!important;box-shadow:none!important}.cafe-product-mark{width:30px!important;height:30px!important;border-radius:9px!important}.cafe-product-copy strong{font-size:13px!important;-webkit-line-clamp:2!important}.cafe-product-price{font-size:16px!important}.cafe-cart-panel .cafe-cart-list{overflow:auto!important}.cafe-payment-actions{position:sticky!important;bottom:0!important;background:#fff!important}

@media(max-width:1350px){.launcher-grid{grid-template-columns:repeat(3,1fr)}.m3-restaurant{grid-template-columns:minmax(370px,.9fr) minmax(480px,1.2fr) minmax(320px,.72fr)}.m3-products{grid-template-columns:repeat(3,1fr)}.m3-floor{grid-template-columns:repeat(2,1fr)}.cafe-pos-grid{grid-template-columns:minmax(330px,.85fr) minmax(470px,1.2fr) minmax(300px,.72fr)!important}.cafe-product-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:980px){.suite-overview-strip{grid-template-columns:1fr}.launcher-grid{grid-template-columns:repeat(2,1fr)}.m3-shell,.cafe-enterprise-shell{overflow:auto!important;height:auto!important}.m3-restaurant,.cafe-pos-grid{height:auto!important;grid-template-columns:1fr!important}.m3-panel{min-height:540px}.m3-order{min-height:620px}.cafe-panel{min-height:540px}.suite-launcher.suite-command-center{padding:18px}.suite-launcher-header{padding:22px}.suite-launcher-header h1{font-size:30px}}
@media(max-width:620px){.launcher-grid{grid-template-columns:1fr}.suite-launcher-header{align-items:flex-start}.suite-launcher-logo{width:58px;height:58px}.m3-products,.cafe-product-grid{grid-template-columns:repeat(2,1fr)!important}.m3-floor,.cafe-floor-map{grid-template-columns:repeat(2,1fr)!important}.m3-brand small{display:none}.m3-brand h1{font-size:14px}.m3-chip{display:none}}

/* MOB365 v32 functional refinements */
.m3-print-dialog{max-width:560px}.m3-fiscal-state{padding:14px 16px;border-radius:12px;margin:14px 0;font-weight:750}.m3-fiscal-state.ok{background:#eafaf1;color:#08713d;border:1px solid #a9e3c3}.m3-fiscal-state.error{background:#fff2f2;color:#a11b1b;border:1px solid #efb2b2}
.cafe-print-overlay{position:fixed;inset:0;background:rgba(5,22,40,.58);z-index:9999;display:grid;place-items:center;padding:20px}.cafe-print-dialog{width:min(560px,100%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.cafe-print-dialog h2{margin:0 0 8px}.cafe-fiscal-result{margin:18px 0;padding:14px;border-radius:12px;font-weight:800}.cafe-fiscal-result.ok{background:#eafaf1;color:#08713d;border:1px solid #a9e3c3}.cafe-fiscal-result.error{background:#fff1f1;color:#a11b1b;border:1px solid #efb2b2}.cafe-print-actions{display:flex;gap:10px;flex-wrap:wrap}
/* Café: 4 smaller tables per row on wide screens, less wasted height */
@media(min-width:1400px){.cafe-tables-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:142px!important}.cafe-table-card{min-height:142px!important;padding:14px!important}.cafe-table-symbol{transform:scale(.78);transform-origin:center}.cafe-table-top strong{font-size:14px!important}.cafe-table-amount{font-size:17px!important}}


/* MOB365 RC26 — Login responsive hardening 2026-08-20 */
.bc-login-page{width:100%;min-height:100dvh;overflow:auto!important}
.bc-login-shell{max-width:1180px;min-width:0}
.bc-login-content,.bc-brand-panel{min-width:0}
.bc-field input,.bc-field select,.bc-primary-action,.pin-mode-switch button{min-height:46px}
@media(max-width:900px){.bc-login-shell{grid-template-columns:220px minmax(0,1fr)!important;min-height:620px}.bc-brand-panel{padding:28px 20px!important}.bc-login-content{padding:34px 28px!important}.bc-form-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){.bc-login-page{padding:0!important;place-items:stretch!important}.bc-login-shell{width:100%!important;min-height:100dvh!important;border:0!important;border-radius:0!important;grid-template-columns:1fr!important}.bc-brand-panel{display:none!important}.bc-login-content{width:100%!important;padding:68px 20px 24px!important}.bc-page-header{padding-top:0!important}.bc-page-header h1{font-size:clamp(28px,8vw,38px)!important}.bc-form-grid,.pin-only-grid{grid-template-columns:1fr!important}.bc-field-password{grid-column:auto!important;max-width:none!important}.bc-module-grid{grid-template-columns:1fr 1fr!important}.bc-login-actions{align-items:stretch!important;flex-direction:column!important}.bc-primary-action{width:100%!important;min-width:0!important}.bc-content-footer{gap:10px!important;flex-wrap:wrap!important}}
@media(max-width:430px){.bc-login-content{padding:62px 14px 18px!important}.bc-module-grid{grid-template-columns:1fr!important}.pin-mode-switch{display:grid!important;grid-template-columns:1fr!important}.bc-online-badge{top:14px!important;right:14px!important}.bc-section-heading{align-items:flex-start!important}.bc-section-hint{display:none!important}}
@media(orientation:landscape) and (max-height:560px){.bc-login-page{place-items:start center!important}.bc-login-shell{min-height:auto!important}.bc-login-content{padding-top:58px!important}.bc-content-footer{margin-top:24px!important}}


/* MOB365 MIXED PAYMENT - additive, certification-safe UI rules */
.cash-btn,.card-btn,.mixed-btn{min-height:58px!important;margin:0!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
.mixed-btn{background:#7a4cc2!important;color:#fff!important}
.mixed-btn:hover{filter:brightness(.96)!important}
.mixed-btn:disabled{opacity:.45!important;cursor:not-allowed!important}
.pos-layout-premium .mixed-btn{min-height:48px!important;background:#6941c6!important;border:1px solid #7f56d9!important;color:#fff!important}
.mixed-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.mixed-payment-grid>div{min-width:0}
.mixed-payment-grid label{display:block;margin-bottom:6px;font-size:12px;font-weight:900;color:#475467}
.mixed-payment-grid input{width:100%;min-width:0;height:56px;border:1px solid #d0d5dd;border-radius:10px;padding:0 14px;text-align:right;font-size:22px;font-weight:900;color:#123456;background:#fff}
.mixed-card-amount{box-sizing:border-box;width:100%;min-width:0;height:56px;border:1px solid #d0d5dd;border-radius:10px;padding:0 14px;display:flex;align-items:center;justify-content:flex-end;text-align:right;font-size:22px;font-weight:900;color:#123456;background:#f8fafc;white-space:nowrap}
.mixed-card-note{margin-top:10px!important}
@media(max-width:700px){.checkout-buttons{grid-template-columns:1fr 1fr!important}.mixed-btn{grid-column:1/-1}.mixed-payment-grid{grid-template-columns:1fr}}


/* MOB365 MIXED PAYMENT - equal visual sizing for CASH and CARD.
   UI-only: does not change payment calculation or fiscalization. */
.mixed-payment-grid input[type=number],
.mixed-card-amount {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 66px !important;
    padding: 0 16px !important;
    border: 1px solid var(--mob-border, #d0d5dd) !important;
    border-radius: 9px !important;
    color: var(--mob-navy, #123456) !important;
    font-size: 31px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    font-family: inherit !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: 0 !important;
    text-align: right !important;
}

.mixed-payment-grid input[type=number] {
    background: #fff !important;
}

.mixed-card-amount {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background: #f8fafc !important;
    white-space: nowrap !important;
}


/* MOB365 POS 2026-08-24 — ATK decimal quantity + compact Albanian checkout */
.pos-layout-premium .pos-cart {
    padding: 14px !important;
}

.pos-layout-premium .pos-cart h3 {
    margin-bottom: 10px !important;
    font-size: 22px !important;
}

.pos-layout-premium .customer-box {
    padding: 10px !important;
    margin-bottom: 9px !important;
}

.pos-layout-premium .cart-list {
    gap: 7px !important;
    margin-bottom: 8px !important;
    scroll-behavior: smooth;
}

.pos-layout-premium .cart-line {
    padding: 8px 9px !important;
    border-radius: 12px !important;
    scroll-margin: 8px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.pos-layout-premium .cart-line.last-touched {
    border-color: #79c9a6 !important;
    box-shadow: 0 0 0 2px rgba(22,139,85,.08) !important;
}

.pos-layout-premium .cart-line-details {
    gap: 6px !important;
}

.pos-layout-premium .cart-detail-cell {
    padding: 6px 8px !important;
}

.pos-layout-premium .cart-line-footer {
    margin-top: 6px !important;
}

.pos-layout-premium .cart-controls {
    margin-top: 0 !important;
    gap: 4px !important;
    padding: 2px !important;
    min-height: 34px;
}

.pos-layout-premium .cart-controls button {
    width: 32px !important;
    height: 32px !important;
    border-radius: 7px !important;
}

.pos-layout-premium .cart-controls.decimal-quantity input {
    width: 92px !important;
    height: 32px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 7px !important;
    border: 1px solid #cbd8e5 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #102238 !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: center !important;
    font-variant-numeric: tabular-nums;
    outline: none;
}

.pos-layout-premium .cart-controls.decimal-quantity input:focus {
    border-color: #168b55 !important;
    box-shadow: 0 0 0 2px rgba(22,139,85,.12) !important;
}

.pos-layout-premium .cart-secondary-actions {
    gap: 7px !important;
    margin-top: 2px !important;
}

.pos-layout-premium .hold-cart-btn,
.pos-layout-premium .open-held-btn {
    min-height: 40px !important;
}

.pos-layout-premium .cart-totals-summary {
    padding: 8px 2px !important;
}

.pos-layout-premium .cart-total {
    min-height: 54px !important;
    padding: 10px 14px !important;
    border-radius: 9px !important;
}

.pos-layout-premium .items-count {
    margin-top: 5px !important;
    font-size: 12px !important;
}

/* Four checkout actions use exactly the same geometry. */
.pos-layout-premium .checkout-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    margin-top: 8px !important;
}

.pos-layout-premium .checkout-buttons .cash-btn,
.pos-layout-premium .checkout-buttons .card-btn,
.pos-layout-premium .checkout-buttons .mixed-btn,
.pos-layout-premium .checkout-buttons .cancel-btn {
    grid-column: auto !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    border-radius: 8px !important;
    border-width: 1px !important;
    border-style: solid !important;
    box-shadow: none !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
}

.pos-layout-premium .checkout-buttons .cash-btn {
    background: #168b55 !important;
    border-color: #168b55 !important;
    color: #fff !important;
}

.pos-layout-premium .checkout-buttons .card-btn {
    background: #2569c9 !important;
    border-color: #2569c9 !important;
    color: #fff !important;
}

.pos-layout-premium .checkout-buttons .mixed-btn {
    background: #6941c6 !important;
    border-color: #6941c6 !important;
    color: #fff !important;
}

.pos-layout-premium .checkout-buttons .cancel-btn {
    background: #d92d20 !important;
    border-color: #d92d20 !important;
    color: #fff !important;
}

.pos-layout-premium .checkout-buttons .btn-title {
    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap;
}

.pos-layout-premium .checkout-buttons .btn-key {
    margin-top: 3px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    opacity: .88;
}

@media (max-width: 700px) {
    .pos-layout-premium .checkout-buttons {
        grid-template-columns: 1fr 1fr !important;
    }

    .pos-layout-premium .checkout-buttons .mixed-btn,
    .pos-layout-premium .checkout-buttons .cancel-btn {
        grid-column: auto !important;
    }

    .pos-layout-premium .cart-controls.decimal-quantity input {
        width: 82px !important;
    }
}

/* MOB365 ATK correction receipt reprint actions */
.action-col .correction-print-btn{
    width:100%;
    min-height:34px;
    margin-top:6px;
    padding:0 9px;
    font-size:11px;
    white-space:nowrap;
    border-color:#cbd5e1!important;
    background:#f8fafc!important;
    color:#0f172a!important;
}
.action-col .correction-print-btn:hover:not(:disabled){
    background:#eef2f6!important;
}