:root{
    --teal:#075f5d;
    --blue:#12a8e0;
    --white:#ffffff;
    --text:#303844;
    --muted:#6f7b86;
    --line:#dfe7ec;
    --panel:#f8fafb;
}
*{box-sizing:border-box}
html,body,input,select,button,textarea{font-family:"Times New Roman",Times,serif}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);padding-bottom:58px}
a{text-decoration:none;color:inherit}
.topbar{
    min-height:78px;background:var(--teal);color:#fff;display:flex;align-items:center;
    justify-content:space-between;padding:10px 32px;box-shadow:0 5px 18px rgba(0,0,0,.12)
}
.brand-wrap{display:flex;align-items:center;gap:12px}
.brand-mark{
    width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#0d75b7);
    display:grid;place-items:center;font-size:27px;font-weight:700
}
.brand-title{font-size:25px;font-weight:700}.brand-sub{font-size:11px;letter-spacing:.15em}
.topbar nav{display:flex;gap:22px}.topbar nav a{font-weight:700}
.page-shell{max-width:1480px;margin:auto;padding:26px 28px 46px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:35px 8px}
.eyebrow{color:var(--blue);font-weight:700;letter-spacing:.06em}
.hero h1{font-size:55px;line-height:1.04;margin:15px 0}.hero h1 span{color:var(--blue)}
.hero p,.lead{color:var(--muted);line-height:1.65}
.hero-actions{display:flex;gap:14px;margin-top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:12px 20px;font-weight:700;cursor:pointer}
.btn.primary{background:var(--blue);color:#fff}.btn.outline{background:#fff;border:1px solid var(--blue);color:var(--blue)}
.btn.wide{width:min(520px,100%);margin:20px auto 0;display:flex}.btn.small{padding:8px 14px}
.hero-card,.registration-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.05)}
.hero-card{padding:22px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpis>div{padding:16px;border:1px solid var(--line);border-radius:12px}
.kpis small,.kpis b{display:block}.chart-placeholder{height:180px;margin-top:12px;background:linear-gradient(180deg,#fff,#f5f9fb);border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--blue)}
.module-overview{text-align:center;padding:22px 0}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.module-summary{border:1px solid var(--line);border-radius:12px;padding:20px;font-weight:700}
.registration-card,.admin-shell{padding:24px}
.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.stepper span{padding:10px;text-align:center;border-bottom:2px solid var(--line)}.stepper .active{color:var(--blue);border-color:var(--blue);font-weight:700}.stepper .done{color:var(--teal);font-weight:700}
.registration-card h1,.admin-shell h1{font-size:37px;margin-bottom:5px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
label{font-weight:700;color:var(--text)}input,select{width:100%;margin-top:7px;padding:12px;border:1px solid #ccd8df;border-radius:9px;background:#fff;font-size:15px}
.module-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.module-card{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;min-height:110px}
.module-card input{width:20px;height:20px;accent-color:var(--blue);margin-top:3px}
.module-card div{display:flex;flex-direction:column;gap:6px}.module-card strong{font-size:17px}.module-card span{font-weight:400;color:var(--muted);line-height:1.35}.module-card em{color:var(--blue);font-style:normal}
.module-card:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px rgba(18,168,224,.08)}
.module-card.static{cursor:default}
.price-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:22px;padding:20px;border:1px solid #cfe6ec;border-radius:14px;background:#f4f9f9}
.price-panel>div:first-child span,.price-panel>div:first-child strong,.price-panel>div:first-child small{display:block}.price-panel>div:first-child strong{font-size:35px;color:#087e91;margin:5px 0}
.price-lines{display:grid;gap:7px}.price-lines div{display:flex;justify-content:space-between;border-bottom:1px dashed #cad7dc;padding-bottom:5px}
.review-grid,.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.review-grid>div,.admin-kpis>div{border:1px solid var(--line);border-radius:12px;padding:16px}.review-grid span,.review-grid b,.admin-kpis span,.admin-kpis strong{display:block}.admin-kpis strong{font-size:27px;color:var(--blue);margin-top:6px}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-card{padding:20px}.admin-card form{display:grid;gap:10px}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:auto;margin:0}
.discount-list{display:grid;gap:8px;margin-top:15px}.discount-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}
.module-pricing{margin-top:18px}.admin-module-grid{display:grid;gap:8px}.admin-module-row{display:grid!important;grid-template-columns:2fr 1fr .7fr .5fr;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.admin-module-row small{display:block;color:var(--muted)}
.status-strip{
    position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--teal);color:#fff;min-height:56px;
    display:flex;align-items:center;justify-content:space-around;gap:12px;padding:7px 18px;border-top:3px solid var(--blue);font-size:14px
}
.status-strip b{color:#d6f5ff}.status-strip select{width:auto;margin:0;padding:6px 26px 6px 8px}.fullscreen{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:7px;padding:7px 10px;cursor:pointer}
@media(max-width:1000px){.hero,.admin-grid{grid-template-columns:1fr}.module-select-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{padding:10px 14px}.topbar nav{display:none}.page-shell{padding:16px 12px 100px}.hero h1{font-size:40px}.form-grid,.module-select-grid,.price-panel,.review-grid,.admin-kpis{grid-template-columns:1fr}.stepper{grid-template-columns:1fr 1fr}.status-strip{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.admin-module-row{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}}

.registration-actions{
    display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:22px
}
.registration-actions .btn{min-width:280px}
.btn.demo{
    background:var(--teal);color:#fff;border:1px solid var(--teal)
}
.btn.demo:hover{filter:brightness(1.08)}
.demo-note{text-align:center;color:var(--muted);font-size:14px;margin:10px 0 0}
.demo-badge{
    display:inline-block;background:var(--blue);color:#fff;border-radius:999px;
    padding:8px 14px;font-weight:700;letter-spacing:.05em
}
.demo-success{text-align:center}
.demo-success .module-select-grid{text-align:left}
.demo-total{
    margin:24px auto 0;max-width:520px;padding:20px;border-radius:14px;
    background:#f4f9f9;border:1px solid #cfe6ec
}
.demo-total span,.demo-total strong,.demo-total small{display:block}
.demo-total strong{font-size:38px;color:var(--blue);margin:5px 0}

.auth-shell{
    min-height:calc(100vh - 190px);
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    max-width:1050px;
    margin:30px auto;
    border:1px solid var(--line);
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 16px 45px rgba(0,0,0,.07)
}
.auth-side{
    background:var(--teal);
    color:#fff;
    padding:48px 38px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.auth-side h1{font-size:42px;margin:12px 0}
.auth-side p{font-size:17px;line-height:1.6;color:#e8ffff}
.auth-brand{font-size:20px;font-weight:700;color:#fff}
.auth-points{display:grid;gap:12px;margin-top:22px;color:#fff}
.auth-card{background:#fff;padding:42px 38px}
.auth-card h2{font-size:32px;margin:10px 0 22px}
.auth-card form{display:grid;gap:14px}
.remember-row{display:flex;align-items:center;gap:8px}
.remember-row input{width:auto;margin:0}
.auth-links{text-align:center;margin-top:18px;color:var(--blue);font-weight:700}
.auth-links span{color:#aaa;padding:0 6px}
.auth-admin-link{
    margin-top:20px;
    padding:12px;
    border:1px dashed var(--line);
    border-radius:9px;
    text-align:center;
    color:var(--muted)
}
.auth-admin-link a{color:var(--blue);font-weight:700}
.success-message{
    padding:12px 14px;border-radius:9px;background:#eefafa;border:1px solid #b8e0df;
    color:var(--teal);font-weight:700;margin-bottom:15px
}
.validation{color:#b42318;font-weight:700}
.tenant-dashboard{padding:8px}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.dashboard-module:hover{border-color:var(--blue);transform:translateY(-1px)}
@media(max-width:800px){
    .auth-shell{grid-template-columns:1fr}
    .auth-side{padding:30px 24px}
    .auth-card{padding:30px 24px}
}

.tenant-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.tenant-table{width:100%;border-collapse:collapse;min-width:1050px}
.tenant-table th,.tenant-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.tenant-table th{background:#f5f8fa;color:var(--teal)}
.tenant-table td small{display:block;color:var(--muted);margin-top:3px}
.tenant-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tenant-actions form{display:inline-flex}
.status-chip{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef3f5}
.status-active{background:#e7f7f4;color:#075f5d}.status-freedemo{background:#e8f5fb;color:#087ca8}
.status-suspended,.status-expired{background:#fff0f0;color:#a82323}
.status-grace{background:#fff8e5;color:#8a6610}
.support-mode-banner{
    position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:13px 18px;margin:-26px -28px 22px;background:#075f5d;color:#fff;border-bottom:4px solid #12a8e0
}
.support-mode-banner strong,.support-mode-banner span{display:block}
.support-mode-banner span{margin-top:3px;color:#e6ffff}
.btn.support-exit{background:#fff;color:#075f5d;border:1px solid #fff}
.audit-list{display:grid;gap:8px}
.audit-list>div{display:grid;grid-template-columns:180px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.audit-list small{color:var(--muted)}
.support-strip-note{font-weight:700;color:#fff;background:#12a8e0;padding:5px 9px;border-radius:6px}
@media(max-width:700px){
    .support-mode-banner{margin:-16px -12px 18px;align-items:flex-start;flex-direction:column}
    .audit-list>div{grid-template-columns:1fr}
}

textarea{
    width:100%;margin-top:7px;padding:12px;border:1px solid #ccd8df;border-radius:9px;
    background:#fff;font-family:"Times New Roman",Times,serif;font-size:15px;resize:vertical
}
.live-kpis{grid-template-columns:repeat(4,1fr)}
.temporary-password-box{
    padding:14px 16px;margin-bottom:16px;border-radius:10px;background:#fff7dd;border:1px solid #e5c65b;
    display:flex;gap:10px;align-items:center;flex-wrap:wrap
}
.temporary-password-box code{
    font-size:18px;background:#fff;padding:5px 9px;border:1px solid #e5c65b;border-radius:6px
}
.credential-grid{
    display:grid;grid-template-columns:1fr 1.4fr 1fr 1.6fr;gap:12px;align-items:center
}
.credential-grid>div{padding:12px;border:1px solid var(--line);border-radius:10px}
.credential-grid span,.credential-grid b{display:block}
.credential-grid span{color:var(--muted);font-size:13px;margin-bottom:4px}
@media(max-width:1000px){
    .live-kpis{grid-template-columns:repeat(2,1fr)}
    .credential-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
    .live-kpis,.credential-grid{grid-template-columns:1fr}
}

.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-logo{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}
.brand-copy strong{font-size:22px;color:#fff;white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:8px}
.main-nav a{color:#fff;text-decoration:none;padding:9px 12px;border-radius:8px;font-weight:700}
.main-nav a:hover{background:rgba(255,255,255,.12)}


/* v1.7 application shell */
html,body{height:100%}
body.app-body{overflow:hidden;padding:0;background:#eef3f6}
.app-frame{
    height:100vh;
    display:grid;
    grid-template-columns:245px minmax(0,1fr);
    grid-template-rows:72px minmax(0,1fr) 44px;
    grid-template-areas:
      "top top"
      "side content"
      "status status";
}
.app-topbar{
    grid-area:top;background:#075f5d;color:#fff;
    display:flex;align-items:center;justify-content:space-between;
    padding:8px 18px;border-bottom:3px solid #12a8e0;
}
.app-brand{display:flex;align-items:center;gap:12px;min-width:0}
.app-logo{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}
.app-brand strong{font-size:22px;display:block;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-brand small{font-size:10px;color:#aeeaff;font-weight:700}
.app-top-actions{display:flex;align-items:center;gap:10px}
.app-top-actions select{width:auto;margin:0;padding:7px 28px 7px 9px}
.top-user{font-weight:700}
.top-action-btn{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:34px;padding:6px 12px;border:1px solid rgba(255,255,255,.55);
    background:transparent;color:#fff;border-radius:7px;text-decoration:none;cursor:pointer;font-weight:700
}
.top-action-btn.exit{background:#fff;color:#075f5d}
.app-sidebar{
    grid-area:side;background:linear-gradient(180deg,#06494d,#075f5d);
    color:#fff;padding:13px 9px;overflow-y:auto
}
.sidebar-section-title{
    padding:8px 10px;color:#91dff3;font-size:11px;letter-spacing:.12em;font-weight:700
}
.sidebar-section-title.support-title{color:#fff4a8}
.app-sidebar a{
    display:block;color:#fff;text-decoration:none;padding:10px 12px;margin:2px 0;border-radius:7px;
    font-size:14px;font-weight:700
}
.app-sidebar a:hover{background:#12a8e0}
.app-content{
    grid-area:content;overflow:auto;background:#f5f8fa;padding:16px
}
.app-statusbar{
    grid-area:status;background:#075f5d;color:#fff;display:flex;align-items:center;
    justify-content:space-around;gap:12px;padding:5px 14px;border-top:2px solid #12a8e0;
    font-size:13px;white-space:nowrap
}
.app-statusbar b{color:#9fe9ff}

/* Full viewport forms: compact two/three-column layouts, internal scrolling only when unavoidable */
.app-content .registration-card,
.app-content .admin-shell,
.app-content .auth-shell,
.app-content .form-page{
    max-width:none!important;
    width:100%!important;
    min-height:calc(100vh - 150px);
    margin:0!important;
}
.app-content .registration-card,
.app-content .admin-shell{
    padding:16px!important;
}
.app-content .form-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px 12px!important;
}
.app-content .form-grid label{font-size:13px}
.app-content input,.app-content select,.app-content textarea{
    padding:8px 10px!important;margin-top:4px!important;min-height:36px
}
.app-content .module-select-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important
}
.app-content .module-card{
    min-height:72px!important;padding:9px 11px!important
}
.app-content .module-card span{font-size:12px}
.app-content .module-card strong{font-size:14px}
.app-content .price-panel{
    padding:12px!important;margin-top:10px!important
}
.app-content h1{margin-top:0}
.registration-actions{
    position:sticky;bottom:-1px;background:#fff;padding:8px 0 2px;z-index:5
}

/* public login */
.public-body{margin:0;min-height:100vh;background:#f3f7f9}
.login-page{
    min-height:100vh;display:grid;grid-template-columns:1fr 1fr;
    align-items:stretch
}
.login-brand-panel{
    background:linear-gradient(150deg,#075f5d,#043c41);color:#fff;padding:8vh 7vw;
    display:flex;flex-direction:column;justify-content:center
}
.login-logo{width:90px;height:90px;object-fit:contain;background:#fff;border-radius:18px;padding:7px}
.login-brand-panel h1{font-size:42px;margin:18px 0 8px}
.login-brand-panel p{font-size:18px;color:#d8faff}
.login-feature{margin-top:15px;font-size:16px}
.login-form-panel{
    max-width:580px;width:100%;margin:auto;padding:45px
}
.login-form-panel h2{font-size:36px;margin:10px 0}
.login-form-panel form{display:grid;gap:13px}

/* landing left menu/right dashboard */
.landing-workspace{
    display:grid;grid-template-columns:275px minmax(0,1fr);gap:14px;
    min-height:calc(100vh - 150px)
}
.landing-menu-card{
    background:#075f5d;border-radius:14px;padding:14px;display:flex;flex-direction:column;
    color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.08)
}
.landing-logo{text-align:center;padding:6px 0 13px}
.landing-logo img{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:13px;padding:5px}
.landing-logo h1{font-size:21px;margin:7px 0;color:#fff}
.landing-menu{
    padding:10px 11px;border-radius:7px;color:#fff;text-decoration:none;font-weight:700
}
.landing-menu:hover,.landing-menu.active{background:#12a8e0}
.landing-auth-actions{display:grid;gap:8px;margin-top:auto;padding-top:14px}
.landing-auth-actions .btn{width:100%}
.btn.dark{background:#043c41;color:#fff}
.landing-dashboard{background:#fff;border:1px solid #dce5ea;border-radius:14px;padding:22px}
.landing-hero h1{font-size:48px;line-height:1.05;margin:12px 0}
.landing-hero h1 span{color:#12a8e0}
.landing-hero p{font-size:16px;color:#667789;max-width:850px}
.landing-panels{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:12px;margin-top:16px}
.preview-chart{height:190px;display:flex;align-items:flex-end;background:#f8fbfd;border-radius:10px;padding:15px}
.preview-bars{display:flex;align-items:flex-end;gap:10px;width:100%;height:100%}
.preview-bars i{display:block;flex:1;background:#12a8e0;border-radius:5px 5px 0 0}
.feature-lines{display:grid;gap:11px}
.big-blue{display:block;font-size:27px;color:#12a8e0;margin:15px 0}

@media(max-width:1100px){
    .app-content .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .app-content .module-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .landing-panels{grid-template-columns:1fr}
}
@media(max-width:850px){
    body.app-body{overflow:auto}
    .app-frame{
        height:auto;min-height:100vh;
        grid-template-columns:1fr;
        grid-template-rows:auto auto minmax(0,1fr) auto;
        grid-template-areas:"top" "side" "content" "status"
    }
    .app-sidebar{display:flex;overflow-x:auto;gap:4px}
    .app-sidebar .sidebar-section-title{display:none}
    .app-sidebar a{white-space:nowrap}
    .app-topbar{flex-wrap:wrap}
    .app-statusbar{flex-wrap:wrap;white-space:normal}
    .landing-workspace{grid-template-columns:1fr}
    .landing-menu-card{min-height:auto}
    .login-page{grid-template-columns:1fr}
    .login-brand-panel{display:none}
}


/* v1.8 Public Tenant Login refinement */
.tenant-public-login{
    min-height:calc(100vh - 155px)!important;
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    grid-template-columns:1fr 1fr!important;
}
.tenant-public-login .auth-side{
    border-radius:18px 0 0 18px;
    padding:55px 40px!important;
}
.tenant-public-login .auth-card{
    border-radius:0 18px 18px 0;
    padding:42px 38px!important;
}
html[dir="rtl"] .tenant-public-login .auth-side{
    border-radius:0 18px 18px 0;
}
html[dir="rtl"] .tenant-public-login .auth-card{
    border-radius:18px 0 0 18px;
}
html[dir="rtl"] .auth-card,
html[dir="rtl"] .auth-side{
    text-align:right;
}
html[dir="rtl"] .remember-row{
    justify-content:flex-start;
}
html[dir="rtl"] .auth-links,
html[dir="rtl"] .auth-admin-link{
    text-align:center;
}
html[dir="rtl"] .app-top-actions,
html[dir="rtl"] .app-statusbar{
    direction:rtl;
}
html[dir="rtl"] .app-sidebar{
    direction:rtl;
}
@media(max-width:850px){
    .tenant-public-login{
        grid-template-columns:1fr!important;
    }
    .tenant-public-login .auth-side{
        border-radius:18px 18px 0 0!important;
    }
    .tenant-public-login .auth-card{
        border-radius:0 0 18px 18px!important;
    }
}

.language-form{margin:0;display:inline-flex;align-items:center}
.language-form select{margin:0;width:auto;min-width:105px}
html[dir="rtl"] .auth-side,
html[dir="rtl"] .auth-card,
html[dir="rtl"] .app-content{text-align:right}
html[dir="rtl"] .app-topbar,
html[dir="rtl"] .app-statusbar{direction:rtl}
html[dir="rtl"] .remember-row{justify-content:flex-start}


/* v2.0 Financial Accounting hierarchical menu */
.sidebar-module,
.sidebar-subgroup{
    margin:0;
    border:0;
}
.sidebar-module > summary,
.sidebar-subgroup > summary{
    list-style:none;
    cursor:pointer;
    user-select:none;
    position:relative;
}
.sidebar-module > summary::-webkit-details-marker,
.sidebar-subgroup > summary::-webkit-details-marker{display:none}
.sidebar-module > summary{
    padding:11px 30px 11px 16px;
    font-weight:700;
}
.sidebar-module > summary::after,
.sidebar-subgroup > summary::after{
    content:"›";
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    transition:transform .18s ease;
}
.sidebar-module[open] > summary::after,
.sidebar-subgroup[open] > summary::after{
    transform:translateY(-50%) rotate(90deg);
}
.sidebar-subgroup > summary{
    padding:9px 29px 9px 31px;
    font-weight:700;
    font-size:14px;
    opacity:.96;
}
.sidebar-subgroup > a{
    padding-left:48px!important;
    font-size:13px!important;
}
html[dir="rtl"] .sidebar-module > summary::after,
html[dir="rtl"] .sidebar-subgroup > summary::after{
    right:auto;
    left:13px;
}
html[dir="rtl"] .sidebar-module > summary{
    padding-right:16px;
    padding-left:30px;
}
html[dir="rtl"] .sidebar-subgroup > summary{
    padding-right:31px;
    padding-left:29px;
}
html[dir="rtl"] .sidebar-subgroup > a{
    padding-left:12px!important;
    padding-right:48px!important;
}


/* v2.1 operational module submenu links */
.sidebar-module > a{
    display:block;
    padding-left:34px!important;
    font-size:13px!important;
    opacity:.96;
}
.sidebar-module > a:hover{
    background:rgba(18,168,224,.85)!important;
}
html[dir="rtl"] .sidebar-module > a{
    padding-left:12px!important;
    padding-right:34px!important;
}

/* v2.2 Smart ERP Forms */
.smart-form-page{height:100%;display:flex;flex-direction:column;gap:10px}
.smart-form-head{display:flex;justify-content:space-between;gap:16px}.smart-form-head h1{margin:2px 0;font-size:30px}.smart-form-head p{margin:0;color:var(--muted)}
.smart-two{display:grid;grid-template-columns:.9fr 1.5fr;gap:12px;min-height:0;flex:1}
.smart-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:0 5px 17px rgba(0,0,0,.035);min-height:0}.smart-card h2{font-size:18px;margin:0 0 11px;color:var(--teal)}
.smart-form{display:flex;flex-direction:column;height:100%}.smart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 11px}.smart-grid .span-2{grid-column:span 2}.smart-grid .span-3{grid-column:span 3}
.smart-grid label{font-size:13px}.smart-grid input,.smart-grid select{padding:8px 9px!important;min-height:35px!important}
.smart-actions{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:12px}
.smart-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.smart-list-head h2{margin:0}.smart-search{max-width:240px!important;margin:0!important}
.smart-table-wrap{overflow:auto;max-height:calc(100vh - 255px);border:1px solid var(--line);border-radius:9px}.smart-table{width:100%;border-collapse:collapse;font-size:13px}.smart-table th{position:sticky;top:0;background:#eef6f8;color:#075f5d;z-index:2}.smart-table th,.smart-table td{padding:8px 9px;border-bottom:1px solid #e7edf0;text-align:left}.smart-table tbody tr:hover{background:#f4fbfd}
.invoice-head-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.invoice-lines-card{flex:1;min-height:0}.invoice-page .smart-table-wrap{max-height:calc(100vh - 365px)}.invoice-table select,.invoice-table input{margin:0!important;padding:6px!important;min-height:31px!important}.invoice-table .item-select{min-width:235px}
.invoice-total{text-align:right;background:#075f5d;color:#fff;border-radius:11px;padding:10px 17px;min-width:190px}.invoice-total small,.invoice-total strong{display:block}.invoice-total strong{font-size:24px}
.icon-btn{border:0;border-radius:6px;width:30px;height:30px;cursor:pointer}.icon-btn.danger{background:#fff0f0;color:#a62323;font-size:20px}.sticky-actions{position:sticky;bottom:0;background:#f5f8fa;padding:8px 0 0}.btn.teal{background:#075f5d;color:#fff}.btn.small{padding:7px 11px}
@media(max-width:1000px){.smart-two{grid-template-columns:1fr}.smart-grid,.invoice-head-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-grid .span-3{grid-column:span 2}}

/* v2.3 Inventory Engine */
.inventory-entry-page .inventory-head-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stock-entry-table .system-qty{font-weight:700;color:#075f5d}
.stock-entry-table .difference{font-weight:700;color:#087fe7}
.stock-entry-table input,.stock-entry-table select{min-width:90px}
.stock-entry-table .item-select{min-width:250px}
.stock-balance-grid{max-height:calc(100vh - 230px)}
@media(max-width:1000px){.inventory-entry-page .inventory-head-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v2.4 */
.stock-entry-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stock-entry-tools .smart-search{max-width:235px!important}.barcode-box{border:2px solid #d97817!important}.item-search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:5px;margin-bottom:8px}.item-search-results button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;text-align:left;cursor:pointer}.item-search-results button:hover{background:#f4fbfd}.item-search-results small{display:block;color:var(--muted)}.stock-entry-table .unit-select{min-width:135px}.search-empty{padding:8px;color:#9b4a00}

/* v2.5 Multi Unit + VAT */
.stock-summary{display:flex;gap:8px;align-items:stretch}
.stock-summary>div{background:#075f5d;color:#fff;border-radius:10px;padding:8px 13px;min-width:125px;text-align:right}
.stock-summary small,.stock-summary strong{display:block}.stock-summary strong{font-size:18px;margin-top:2px}
.stock-entry-table{table-layout:auto;min-width:1040px}
.stock-entry-table th,.stock-entry-table td{padding:6px 5px!important}
.stock-entry-table .c-no{width:32px}.stock-entry-table .c-item{min-width:230px}
.stock-entry-table .c-unit{width:118px}.stock-entry-table .c-system{width:72px}
.stock-entry-table .c-qty{width:72px}.stock-entry-table .c-cost{width:84px}
.stock-entry-table .c-vatp{width:62px}.stock-entry-table .c-vata{width:78px}
.stock-entry-table .c-net{width:96px}.stock-entry-table .c-delete{width:34px}
.stock-entry-table .unit-select{min-width:108px!important;width:108px!important}
.stock-entry-table .compact-num{min-width:68px!important;width:68px!important}
.stock-entry-table .vat-num{min-width:54px!important;width:54px!important}
.stock-entry-table .system-qty,.stock-entry-table .difference{white-space:nowrap;text-align:right}
.stock-entry-table .money-cell{white-space:nowrap;text-align:right;font-weight:700}
.smart-separator{border:0;border-top:1px solid var(--line);margin:16px 0}
.unit-help{margin-top:9px;padding:8px 10px;border-radius:8px;background:#f0f8fa;color:#42616b;font-size:13px}
.check-row{display:flex!important;align-items:center;gap:7px}.check-row input{width:auto!important;min-height:auto!important;margin:0!important}
@media(max-width:800px){.stock-summary{width:100%}.stock-summary>div{flex:1}.smart-form-head{flex-wrap:wrap}}

/* v2.6 Trading + POS */
.trade-entry-table{min-width:1040px}
.trade-entry-table th,.trade-entry-table td{padding:6px 5px!important}
.trade-entry-table .c-no{width:32px}.trade-entry-table .c-item{min-width:235px}
.trade-entry-table .c-unit{width:116px}.trade-entry-table .c-system{width:72px}
.trade-entry-table .c-qty{width:70px}.trade-entry-table .c-cost{width:82px}
.trade-entry-table .c-disc{width:58px}.trade-entry-table .c-vatp{width:58px}
.trade-entry-table .c-vata{width:76px}.trade-entry-table .c-net{width:92px}
.trade-entry-table .trade-unit{min-width:108px!important;width:108px!important}
.trade-entry-table .compact-rate{min-width:76px!important;width:76px!important}
.trade-entry-table .stock-cell{text-align:right;font-weight:700;color:#075f5d}
.pos-page{height:100%;min-height:0}.pos-page form{height:100%;display:flex;flex-direction:column;gap:9px}
.pos-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:end}
.pos-toolbar h1{font-size:25px;margin:1px 0}.pos-toolbar-fields{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px;flex:1;max-width:760px}
.pos-toolbar-fields label{font-size:12px}.pos-toolbar-fields input,.pos-toolbar-fields select{padding:7px 8px!important;min-height:34px!important}
.pos-layout{display:grid;grid-template-columns:1.2fr .9fr;gap:10px;min-height:0;flex:1}
.pos-browser,.pos-cart{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;min-height:0}
.pos-browser{display:flex;flex-direction:column}.pos-searchbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.pos-searchbar input{margin:0!important;padding:9px!important}.pos-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:auto;padding:2px;align-content:start}
.pos-tile{min-height:105px;background:#fff;border:1px solid #dce7ea;border-radius:11px;padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:.15s}
.pos-tile:hover{border-color:#12a8e0;box-shadow:0 6px 16px rgba(7,95,93,.10);transform:translateY(-1px)}
.pos-tile-code{font-size:11px;color:#087fe7;font-weight:800}.pos-tile b{color:#075f5d;font-size:14px;line-height:1.2}.pos-tile small{color:#758791;margin-top:auto}.pos-tile strong{font-size:16px}
.pos-cart{display:flex;flex-direction:column}.pos-cart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pos-cart-head h2{margin:0;font-size:18px;color:#075f5d}
.pos-cart-scroll{overflow:auto;flex:1;border:1px solid var(--line);border-radius:9px}.pos-cart-table{width:100%;border-collapse:collapse;font-size:12px;min-width:690px}.pos-cart-table th{position:sticky;top:0;background:#eef6f8;z-index:2;color:#075f5d}.pos-cart-table td,.pos-cart-table th{padding:6px;border-bottom:1px solid #e7edf0;text-align:left}
.pos-cart-table td:first-child b,.pos-cart-table td:first-child span{display:block}.pos-cart-table td:first-child span{font-size:11px;color:#687c85}
.pos-cart-table input,.pos-cart-table select{margin:0!important;padding:5px!important;min-height:29px!important}.pos-cart-table .pos-unit{width:95px}.pos-cart-table .pos-rate{width:67px}.pos-cart-table .pos-vat-pct{width:48px}
.qty-stepper{display:flex;align-items:center}.qty-stepper button{width:24px;height:29px;border:1px solid #ccdbe2;background:#f7fafb;cursor:pointer}.qty-stepper input{width:55px;text-align:center;border-left:0!important;border-right:0!important;border-radius:0!important}
.pos-vat-amount{display:block;text-align:right;font-size:10px;color:#6e7f87}.pos-net-cell{text-align:right;font-weight:800}
.pos-totals{padding:8px 3px 3px;display:grid;gap:3px}.pos-totals>div{display:flex;justify-content:space-between}.pos-grand{border-top:1px solid #cfdde2;padding-top:6px;margin-top:3px;color:#075f5d}.pos-grand strong{font-size:22px}
.pos-remarks{font-size:12px}.pos-remarks input{margin:3px 0 0!important;padding:7px!important}.pos-pay{width:100%;min-height:45px;font-size:17px;margin-top:6px}
@media(max-width:1150px){.pos-layout{grid-template-columns:1fr}.pos-browser{max-height:48vh}.pos-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.pos-cart{min-height:430px}}
@media(max-width:800px){.pos-toolbar{align-items:stretch;flex-direction:column}.pos-toolbar-fields{grid-template-columns:1fr 1fr;max-width:none}.pos-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-searchbar{grid-template-columns:1fr}}

/* v2.7 Dedicated Multiple Unit */
.multiunit-selector-grid{grid-template-columns:minmax(280px,.6fr) 1.4fr;align-items:end}
.multiunit-item-summary{display:flex;gap:18px;flex-wrap:wrap;background:#f4fafb;border:1px solid #dce8eb;border-radius:9px;padding:9px 12px;font-size:13px}
.multiunit-layout{grid-template-columns:.85fr 1.65fr}
.multiunit-flags{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:11px}
.multiunit-flags label{display:flex;gap:7px;align-items:center;background:#f7fafb;border:1px solid #e1eaed;border-radius:7px;padding:7px 9px;font-size:13px}
.multiunit-flags input{width:auto!important;min-height:auto!important;margin:0!important}
.multiunit-actions{white-space:nowrap}.inline-form{display:inline}.danger-soft{background:#fff1f0;color:#9c2c24;border:1px solid #f0cbc7}
@media(max-width:1050px){.multiunit-layout{grid-template-columns:1fr}.multiunit-selector-grid{grid-template-columns:1fr}}

/* v2.8 Commercial Workflow */
.workflow-new-buttons{display:flex;gap:7px;flex-wrap:wrap}
.workflow-filter{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:9px}
.workflow-filter>a{padding:7px 11px;border:1px solid #dce7ea;border-radius:8px;text-decoration:none;color:#42616b;background:#fff;font-size:13px}
.workflow-filter>a.active,.workflow-filter>a:hover{background:#075f5d;color:#fff;border-color:#075f5d}
.workflow-filter .smart-search{margin-left:auto!important}
.workflow-list{max-height:calc(100vh - 250px)}
.workflow-actions{white-space:nowrap}.workflow-actions .inline-form{margin-right:4px}
.status-pill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#edf3f5;color:#48616a}
.status-approved{background:#e7f7ef;color:#17643b}.status-draft{background:#eef3f5;color:#60717a}
.status-completed{background:#e9f2ff;color:#15589b}.status-pendingapproval{background:#fff4da;color:#8b5b00}
.status-partiallyfulfilled{background:#fff0df;color:#9b4d00}.status-cancelled{background:#fdeceb;color:#9b2f27}

/* v2.9 Authorization Approval Finance */
.security-grid{grid-template-columns:1fr 1fr}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.permission-grid label{display:flex;align-items:center;gap:8px;background:#f7fafb;border:1px solid #e0e9ec;border-radius:8px;padding:8px}
.permission-grid input{width:auto!important;min-height:auto!important;margin:0!important}
.approval-decision-form{display:grid;grid-template-columns:minmax(140px,1fr) auto auto;gap:5px;align-items:center}
.approval-decision-form input{margin:0!important;padding:6px!important}
.notification-list{display:grid;gap:7px}.notification-row{display:flex;justify-content:space-between;gap:15px;padding:10px;border:1px solid #e0e9ec;border-radius:9px}
.notification-row.unread{border-left:4px solid #d97817;background:#fffaf5}.notification-row p{margin:3px 0}.notification-row small{color:#788b93}
.finance-filter{display:flex;align-items:end;gap:8px;margin-bottom:10px}.finance-filter label{font-size:12px}.finance-filter input{margin:3px 0 0!important;padding:7px!important}
.empty-state{text-align:center;padding:25px;color:#758891}
@media(max-width:900px){.security-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.approval-decision-form{grid-template-columns:1fr}}

.access-denied-card{max-width:620px;margin:8vh auto;text-align:center;padding:35px!important}.access-denied-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#fff1f0;color:#a1382f;font-size:35px;font-weight:800;border:1px solid #f0cbc7}

/* v2.10 Multi Branch / Bin Location */
.org-master-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.org-master-grid .smart-card h2,.org-master-grid h3{margin-top:0;color:#075f5d}
.org-master-grid form{display:grid;gap:7px}
.stock-entry-table .c-bin{min-width:145px;width:145px}
.stock-entry-table .from-bin,.stock-entry-table .to-bin{min-width:140px!important;width:140px!important}
@media(max-width:950px){.org-master-grid{grid-template-columns:1fr}}


/* v2.10.2 Stock Hierarchy Layout Fix */
.hierarchy-card,
.configured-bins-card{
    position:relative;
    display:block;
    width:100%;
    clear:both;
    overflow:visible;
}
.hierarchy-title,
.configured-bins-head{
    min-height:48px;
    align-items:center;
}
.section-note{
    margin:2px 0 0;
    font-size:12px;
    color:#6b8088;
}
.stock-hierarchy-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:start;
    width:100%;
}
.hierarchy-form{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:9px;
    min-width:0;
    min-height:245px;
    padding:14px;
    background:#fbfdfd;
    border:1px solid #dce7ea;
    border-radius:12px;
    overflow:visible;
}
.hierarchy-step{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:2px;
}
.hierarchy-step span{
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#075f5d;
    color:#fff;
    font-size:12px;
    font-weight:700;
    flex:0 0 auto;
}
.hierarchy-step h3{
    margin:0!important;
    color:#075f5d;
    font-size:17px;
}
.hierarchy-form label{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:0;
    min-width:0;
    font-size:12px;
    font-weight:700;
}
.hierarchy-form input,
.hierarchy-form select{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    margin:0!important;
    padding:7px 9px!important;
    box-sizing:border-box;
}
.hierarchy-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}
.hierarchy-save{
    width:100%;
    margin-top:auto;
    min-height:38px;
}
.configured-bins-card{
    margin-top:14px;
}
.configured-bins-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}
.configured-bins-head .smart-search{
    width:min(320px,100%)!important;
    margin:0!important;
}
.configured-bins-table-wrap{
    display:block;
    width:100%;
    max-height:360px;
    overflow:auto;
    margin-top:8px;
    position:relative;
}
#binTable{
    width:100%;
    min-width:760px;
    table-layout:auto;
    border-collapse:collapse;
}
#binTable thead th{
    position:sticky;
    top:0;
    z-index:2;
}
#binTable th,
#binTable td{
    white-space:nowrap;
    vertical-align:middle;
}
@media(max-width:1050px){
    .stock-hierarchy-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:760px){
    .stock-hierarchy-grid{
        grid-template-columns:1fr;
    }
    .hierarchy-fields{
        grid-template-columns:1fr;
    }
    .hierarchy-form{
        min-height:auto;
    }
    .configured-bins-head{
        align-items:stretch;
    }
    .configured-bins-head .smart-search{
        width:100%!important;
    }
}

/* v2.11 Compact Dashboard + Global Theme */
:root{--app-font:"Calibri Light",Calibri,"Segoe UI",Arial,sans-serif;--theme:#066b67;--theme-dark:#034f4d;--theme-soft:#eaf6f5;--accent:#0799db}
:root[data-theme="blue"]{--theme:#1267b2;--theme-dark:#0c477d;--theme-soft:#edf5fd;--accent:#159ee8}
:root[data-theme="purple"]{--theme:#6741b7;--theme-dark:#462982;--theme-soft:#f2edfb;--accent:#855bd4}
:root[data-theme="orange"]{--theme:#c75b09;--theme-dark:#8e3f05;--theme-soft:#fff2e8;--accent:#f07b1a}
:root[data-theme="red"]{--theme:#b83232;--theme-dark:#812121;--theme-soft:#fff0f0;--accent:#e14a4a}
:root[data-theme="navy"]{--theme:#173b65;--theme-dark:#0d2949;--theme-soft:#edf3f8;--accent:#2874b9}
:root[data-theme="brown"]{--theme:#754027;--theme-dark:#502a19;--theme-soft:#f8f0eb;--accent:#9b5b37}
:root[data-theme="green"]{--theme:#146b39;--theme-dark:#0b4b27;--theme-soft:#edf8f1;--accent:#249650}
:root[data-theme="maroon"]{--theme:#8b123e;--theme-dark:#600b2a;--theme-soft:#fbedf2;--accent:#b52a59}
:root[data-theme="gray"]{--theme:#58636e;--theme-dark:#39424a;--theme-soft:#f0f2f4;--accent:#7b8792}
html,body,button,input,select,textarea{font-family:var(--app-font),serif}
:root[data-font-size="small"]{font-size:14px}:root[data-font-size="normal"]{font-size:16px}:root[data-font-size="large"]{font-size:18px}
.app-topbar,.app-statusbar{background:var(--theme)!important}.app-sidebar{background:linear-gradient(180deg,var(--theme-dark),var(--theme))!important}
.app-sidebar a:hover,.app-sidebar details[open]>summary{background:rgba(255,255,255,.08)}
.top-icon-btn{width:38px;height:36px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:transparent;color:#fff;font-weight:700;font-size:17px;cursor:pointer}
.menu-collapsed .app-sidebar{width:0!important;min-width:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden;border:0}
.menu-collapsed .app-content{margin-left:0!important}
.appearance-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.15);z-index:1098;display:none}.appearance-backdrop.open{display:block}
.appearance-panel{position:fixed;right:-370px;top:70px;width:340px;max-width:calc(100vw - 20px);background:#fff;z-index:1099;padding:18px;border-radius:14px 0 0 14px;box-shadow:0 16px 45px rgba(0,0,0,.2);transition:.2s;display:grid;gap:12px;color:#17263b}.appearance-panel.open{right:0}
.appearance-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e4eaef;padding-bottom:10px}.appearance-head h2{margin:2px 0}.appearance-head button{border:0;background:none;font-size:25px;cursor:pointer}
.theme-swatches{display:grid;grid-template-columns:repeat(5,38px);gap:10px}.theme-swatches button{width:32px;height:32px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #ccd7df;cursor:pointer}
.theme-swatches [data-theme="teal"]{background:#066b67}.theme-swatches [data-theme="blue"]{background:#1267b2}.theme-swatches [data-theme="purple"]{background:#6741b7}.theme-swatches [data-theme="orange"]{background:#e66c10}.theme-swatches [data-theme="red"]{background:#d83b3b}.theme-swatches [data-theme="navy"]{background:#173b65}.theme-swatches [data-theme="brown"]{background:#754027}.theme-swatches [data-theme="green"]{background:#146b39}.theme-swatches [data-theme="maroon"]{background:#8b123e}.theme-swatches [data-theme="gray"]{background:#58636e}
.appearance-panel select{height:40px;border:1px solid #ccd8e1;border-radius:8px;padding:0 10px}.font-size-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.font-size-buttons button{height:38px;border:1px solid #ccd8e1;background:#fff;cursor:pointer}.appearance-actions{display:flex;justify-content:space-between;gap:10px;margin-top:8px}

.executive-dashboard{padding:14px;max-width:1800px;margin:auto}.dash-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dash-title h1{margin:0;color:#1c2d46;font-size:27px}.dash-title p{margin:3px 0;color:#647386}
.dash-kpis{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:9px}.dash-kpi{background:#fff;border:1px solid #e1e8ed;border-radius:10px;padding:12px;display:flex;gap:10px;box-shadow:0 2px 8px rgba(20,42,60,.05)}.dash-kpi i{width:38px;height:38px;display:grid;place-items:center;background:var(--theme-soft);border-radius:10px;font-style:normal}.dash-kpi div{min-width:0}.dash-kpi small{display:block;font-size:10px;color:#53647b}.dash-kpi strong{display:block;font-size:19px;margin:4px 0;color:#14243b}.dash-kpi span{font-size:10px;color:#278a58}
.dash-grid-3{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:10px;margin-top:10px}.dash-panel{background:#fff;border:1px solid #e1e8ed;border-radius:10px;padding:11px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel-title h2{margin:0;color:var(--theme-dark);font-size:15px;text-transform:uppercase}.panel-title span{border:1px solid #dde6ec;border-radius:6px;padding:5px 8px;font-size:11px}.panel-title a{font-size:11px;color:#087fd0;text-decoration:none}.summary-numbers{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e8edf1;border-radius:7px}.summary-numbers div{padding:8px;border-right:1px solid #e8edf1}.summary-numbers div:last-child{border:0}.summary-numbers small,.financial-body small{display:block;color:#607086;font-size:10px}.summary-numbers b{font-size:16px}
.mini-chart{height:90px;display:flex;align-items:end;gap:8px;padding:8px 5px 0;border-bottom:1px solid #dbe6eb}.mini-chart i{flex:1;background:linear-gradient(180deg,var(--theme),var(--theme-soft));border-radius:4px 4px 0 0}.mini-chart.alt i{background:linear-gradient(180deg,var(--accent),#eaf6fc)}
.financial-body{display:grid;grid-template-columns:1fr 130px;align-items:center}.financial-body b{display:block;font-size:15px;margin:2px 0 7px}.profit-ring{width:105px;height:105px;border-radius:50%;border:16px solid var(--theme);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.profit-ring strong{font-size:17px}.profit-ring small{font-size:10px}
.dash-grid-bottom{display:grid;grid-template-columns:1.1fr 1.45fr .82fr;gap:10px;margin-top:10px}.dash-table-wrap{overflow:auto}.dash-table{width:100%;border-collapse:collapse;font-size:11px}.dash-table th{background:#f2f7f8;text-align:left;color:#38536a}.dash-table th,.dash-table td{padding:7px;border-bottom:1px solid #edf1f3;white-space:nowrap}.status-low{color:#e43a3a}.empty-cell{text-align:center;color:#7d8993;padding:18px!important}.approval-row{display:flex;justify-content:space-between;padding:9px 4px;border-bottom:1px solid #edf1f3}.approval-row b{background:#e4f6ec;color:#20804d;padding:3px 9px;border-radius:12px}
.quick-actions{display:grid;grid-template-columns:repeat(9,1fr);gap:9px;margin-top:10px}.quick-actions a{min-height:70px;background:#fff;border:1px solid #e1e8ed;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-decoration:none;color:#26374e;font-size:20px}.quick-actions span{font-size:11px;font-weight:700}
@media(max-width:1300px){.dash-kpis{grid-template-columns:repeat(3,1fr)}.quick-actions{grid-template-columns:repeat(5,1fr)}}@media(max-width:950px){.dash-grid-3,.dash-grid-bottom{grid-template-columns:1fr}.dash-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.dash-kpis{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.executive-dashboard{padding:8px}}

/* v2.11.1 Sidebar Collapse / Full Dashboard Stretch Fix */
.app-frame{
    display:grid !important;
    grid-template-columns:245px minmax(0,1fr) !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
    width:100vw !important;
    max-width:100vw !important;
    min-height:100vh;
    overflow:hidden;
}
.app-topbar{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    width:100% !important;
}
.app-sidebar{
    grid-column:1 !important;
    grid-row:2 !important;
    width:245px !important;
    min-width:245px !important;
    max-width:245px !important;
    position:relative !important;
    left:auto !important;
    top:auto !important;
    bottom:auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    transition:width .18s ease,min-width .18s ease,max-width .18s ease,padding .18s ease,opacity .15s ease !important;
}
.app-content{
    grid-column:2 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:0 !important;
    box-sizing:border-box !important;
    overflow:auto !important;
}
.app-statusbar{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    width:100% !important;
}
body.menu-collapsed .app-frame{
    grid-template-columns:0 minmax(0,1fr) !important;
}
body.menu-collapsed .app-sidebar{
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin:0 !important;
    border:0 !important;
    opacity:0;
    pointer-events:none;
    overflow:hidden !important;
}
body.menu-collapsed .app-content{
    grid-column:2 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
}
body.menu-collapsed .executive-dashboard{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:16px !important;
    padding-right:16px !important;
}
body.menu-collapsed .dash-kpis,
body.menu-collapsed .dash-grid-3,
body.menu-collapsed .dash-grid-bottom,
body.menu-collapsed .quick-actions{
    width:100% !important;
    max-width:none !important;
}
@media(max-width:900px){
    .app-frame{
        grid-template-columns:220px minmax(0,1fr) !important;
    }
    .app-sidebar{
        width:220px !important;
        min-width:220px !important;
        max-width:220px !important;
    }
    body.menu-collapsed .app-frame{
        grid-template-columns:0 minmax(0,1fr) !important;
    }
    body.menu-collapsed .app-sidebar{
        width:0 !important;
        min-width:0 !important;
        max-width:0 !important;
    }
}

/* v2.12 Finance */
.finance-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compact-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.compact-form-grid label{display:flex;flex-direction:column;gap:4px}.compact-form-grid input,.compact-form-grid select{min-height:37px}.span-2{grid-column:span 2}.voucher-table input,.voucher-table select{width:100%;min-width:100px}.voucher-table th:nth-child(2){min-width:230px}.voucher-total-bar{display:flex;justify-content:flex-end;gap:24px;padding:10px;background:#eef7f7;border-radius:8px}.voucher-total-bar b{margin-left:7px}.finance-fast-links{padding:0 14px 8px}.finance-fast-links a{display:block;padding:5px 10px 5px 25px;color:#fff;text-decoration:none;font-size:13px}.finance-fast-links a:hover{background:rgba(255,255,255,.08)}@media(max-width:900px){.finance-settings-grid{grid-template-columns:1fr}.compact-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.compact-form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}

/* v2.12.1 Tenant Login - No Left Sidebar */
body.tenant-login-page .app-frame{
    grid-template-columns:minmax(0,1fr) !important;
}
body.tenant-login-page .app-content{
    grid-column:1 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:0 !important;
    box-sizing:border-box !important;
}
body.tenant-login-page .app-topbar,
body.tenant-login-page .app-statusbar{
    grid-column:1 !important;
}
body.tenant-login-page .app-sidebar{
    display:none !important;
}
body.tenant-login-page .public-auth-shell,
body.tenant-login-page .login-shell,
body.tenant-login-page .tenant-login-shell{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* v2.13 Sub-Ledger / Financial Reports */
.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.statement-grid.statement-3{grid-template-columns:repeat(3,1fr)}.statement-row{display:flex;justify-content:space-between;gap:15px;padding:7px 3px;border-bottom:1px solid #edf1f3;font-size:13px}.statement-total{display:flex;justify-content:space-between;margin-top:8px;padding:10px;background:var(--theme-soft);border-radius:8px;font-weight:700}.statement-result{margin-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:17px}.statement-result strong{font-size:22px;color:var(--theme)}
.vat-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:10px}.vat-payable{border-color:var(--theme)!important;background:var(--theme-soft)!important}
.allocation-summary{display:flex;gap:28px;flex-wrap:wrap;padding:10px;background:#f5fafb;border:1px solid #e0eaee;border-radius:8px;margin-bottom:12px}
.period-reopen-form,.journal-reverse-form{display:flex;gap:5px;align-items:center}.period-reopen-form input,.journal-reverse-form input{min-width:150px;max-width:220px;padding:5px 7px!important;margin:0!important}
.opening-balance-form .unit-help{margin-top:12px}
@media(max-width:1000px){.statement-grid.statement-3{grid-template-columns:1fr}.vat-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.statement-grid{grid-template-columns:1fr}.vat-summary-grid{grid-template-columns:1fr}.period-reopen-form,.journal-reverse-form{flex-direction:column;align-items:stretch}}

/* v2.13.1 Reference Transaction Form Template */
.erp-entry-template{gap:10px;padding:0 4px 4px}.erp-entry-template .smart-form-head{align-items:center}.erp-entry-template .smart-form-head h1{font-size:30px;font-weight:700;display:flex;align-items:baseline;gap:12px}.erp-entry-template .eyebrow{font-size:25px;font-weight:500;color:#078dcc;letter-spacing:0}.erp-entry-template .smart-form-head p{font-size:13px}.erp-entry-template .smart-card{border-radius:9px;padding:13px;box-shadow:0 4px 14px rgba(25,55,70,.06)}.erp-entry-template .section-caption{margin:-2px 0 13px;color:#05645f;font-size:15px;font-weight:800;text-transform:uppercase}.erp-entry-template .invoice-head-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 18px}.erp-entry-template label{font-weight:700;color:#20303d;font-size:12px}.erp-entry-template input,.erp-entry-template select{border:1px solid #cbd8e1!important;border-radius:7px!important;background:#fff;min-height:42px!important;padding:8px 12px!important;font-size:14px}.erp-entry-template .invoice-lines-card{padding:13px}.erp-entry-template .smart-list-head{margin-bottom:10px}.erp-entry-template .smart-list-head h2{font-size:15px;text-transform:uppercase}.erp-entry-template .stock-entry-tools{margin-left:auto}.erp-entry-template .stock-entry-tools .smart-search{min-height:40px!important;max-width:250px!important}.erp-entry-template .barcode-box{border:1px solid #b8c7d2!important}.erp-entry-template .trade-entry-table{min-width:1050px}.erp-entry-template .trade-entry-table th{background:#eaf5f7;color:#075f5d;font-weight:800}.erp-entry-template .trade-entry-table td{padding:5px!important}.erp-entry-template .trade-entry-table input,.erp-entry-template .trade-entry-table select{min-height:37px!important;padding:6px 9px!important}.erp-entry-template .workflow-bottom{display:grid;grid-template-columns:auto minmax(140px,1fr) auto;gap:18px;align-items:center;padding:4px 4px 0}.erp-entry-template .workflow-actions{display:flex;gap:12px}.erp-entry-template .workflow-more{justify-self:center}.erp-entry-template .workflow-totals{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));border:1px solid #dbe4e9;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 3px 10px rgba(20,55,70,.05)}.erp-entry-template .workflow-total{padding:10px 14px;text-align:center;border-right:1px solid #edf1f3;min-width:105px}.erp-entry-template .workflow-total:last-child{border:0;background:#005b58;color:#fff}.erp-entry-template .workflow-total small,.erp-entry-template .workflow-total strong{display:block;white-space:nowrap}.erp-entry-template .workflow-total small{font-size:11px;margin-bottom:7px}.erp-entry-template .workflow-total strong{font-size:17px}.erp-entry-template .doc-summary-btn{white-space:nowrap}.erp-entry-template .import-btn{border-color:#23b67a!important;color:#087b53!important}.erp-entry-template .settings-btn{min-width:40px;padding-left:10px!important;padding-right:10px!important}.erp-entry-template .stock-summary{display:none}.erp-entry-template .sticky-actions{position:static;background:transparent;padding:0}
@media(max-width:1250px){.erp-entry-template .workflow-bottom{grid-template-columns:1fr}.erp-entry-template .workflow-more{justify-self:start}.erp-entry-template .workflow-totals{width:100%;overflow:auto}.erp-entry-template .invoice-head-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.erp-entry-template .invoice-head-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-entry-template .smart-form-head h1{font-size:24px}.erp-entry-template .eyebrow{font-size:20px}}
@media(max-width:600px){.erp-entry-template .invoice-head-grid{grid-template-columns:1fr}.erp-entry-template .workflow-actions{flex-wrap:wrap}.erp-entry-template .workflow-totals{grid-template-columns:repeat(2,1fr)}}

/* v2.13.2 Compact Transaction Header + Frozen Totals */
.erp-entry-template{
    min-height:100%;
}
.erp-entry-template .smart-form-head{
    min-height:58px;
    align-items:flex-start;
    margin-bottom:0;
}
.erp-entry-template .entry-heading-block{
    min-width:0;
}
.erp-entry-template .entry-title{
    display:flex !important;
    align-items:baseline !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    margin:0 0 3px !important;
    white-space:nowrap;
    line-height:1.05;
    font-size:29px !important;
}
.erp-entry-template .entry-title span{
    color:#078dcc;
    font-size:24px;
    font-weight:500;
    letter-spacing:0;
}
.erp-entry-template .entry-title b{
    color:#243247;
    font-size:30px;
    font-weight:700;
}
.erp-entry-template .entry-heading-block p{
    margin:0;
    line-height:1.2;
}
.erp-entry-template .invoice-head-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:9px 14px !important;
}
.erp-entry-template .compact-card{
    padding-top:10px !important;
    padding-bottom:11px !important;
}
.erp-entry-template .section-caption{
    margin-bottom:9px !important;
}
.erp-entry-template .invoice-head-grid input,
.erp-entry-template .invoice-head-grid select{
    min-height:38px !important;
    height:38px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
}
.erp-entry-template .remarks-compact{
    grid-column:auto !important;
    min-width:0;
}
.erp-entry-template .remarks-compact input{
    min-width:0 !important;
    width:100% !important;
}
.erp-entry-template form{
    display:flex;
    flex-direction:column;
    min-height:0;
    flex:1 1 auto;
}
.erp-entry-template .invoice-lines-card{
    flex:1 1 auto;
    min-height:245px;
    margin-bottom:0;
}
.erp-entry-template .invoice-lines-card .smart-table-wrap{
    max-height:calc(100vh - 395px);
}
.erp-entry-template .workflow-sticky-footer{
    position:sticky !important;
    bottom:0 !important;
    z-index:25 !important;
    background:#f4f7f9;
    border-top:1px solid #d7e2e8;
    box-shadow:0 -6px 18px rgba(20,49,65,.10);
    margin:0 -4px -4px !important;
    padding:7px 8px !important;
    min-height:67px;
}
.erp-entry-template .workflow-sticky-footer .workflow-actions{
    gap:8px;
}
.erp-entry-template .workflow-sticky-footer .workflow-actions .btn,
.erp-entry-template .workflow-sticky-footer .workflow-more .btn{
    min-height:39px;
    padding-top:7px;
    padding-bottom:7px;
    white-space:nowrap;
}
.erp-entry-template .workflow-sticky-footer .workflow-totals{
    grid-template-columns:repeat(6,minmax(90px,1fr)) !important;
    max-width:730px;
}
.erp-entry-template .workflow-sticky-footer .workflow-total{
    min-width:90px !important;
    padding:6px 10px !important;
}
.erp-entry-template .workflow-sticky-footer .workflow-total small{
    font-size:10px !important;
    margin-bottom:3px !important;
}
.erp-entry-template .workflow-sticky-footer .workflow-total strong{
    font-size:15px !important;
}
@media(max-width:1250px){
    .erp-entry-template .workflow-sticky-footer{
        grid-template-columns:auto auto minmax(0,1fr) !important;
        gap:8px !important;
    }
    .erp-entry-template .workflow-sticky-footer .workflow-more{
        justify-self:start !important;
    }
    .erp-entry-template .workflow-sticky-footer .workflow-totals{
        width:100% !important;
        max-width:none;
    }
}
@media(max-width:1050px){
    .erp-entry-template .invoice-head-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    .erp-entry-template .workflow-sticky-footer{
        grid-template-columns:1fr !important;
        position:relative !important;
    }
}
@media(max-width:760px){
    .erp-entry-template .entry-title{
        gap:7px !important;
        font-size:22px !important;
    }
    .erp-entry-template .entry-title span{font-size:18px;}
    .erp-entry-template .entry-title b{font-size:23px;}
    .erp-entry-template .invoice-head-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:560px){
    .erp-entry-template .invoice-head-grid{
        grid-template-columns:1fr !important;
    }
}

/* v2.13.3 Compact Entry Title + Toolbar */
.erp-entry-template .entry-title{
    font-size:23px !important;
    gap:8px !important;
    margin-bottom:2px !important;
}
.erp-entry-template .entry-title span{
    font-size:19px !important;
    font-weight:600 !important;
}
.erp-entry-template .entry-title b{
    font-size:24px !important;
    font-weight:700 !important;
}
.erp-entry-template .smart-form-head{
    min-height:48px !important;
}
.erp-entry-template .entry-heading-block p{
    font-size:12px !important;
}
.erp-entry-template .compact-card{
    padding-top:10px !important;
}
.erp-entry-template .stock-entry-tools{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:nowrap;
}
.erp-entry-template .stock-entry-tools .barcode-box{
    max-width:250px !important;
    min-width:210px !important;
}
.erp-entry-template .stock-entry-tools .settings-btn{
    order:2;
    min-width:40px !important;
    width:40px !important;
    height:40px !important;
    padding:0 !important;
    display:grid;
    place-items:center;
    flex:0 0 40px;
}
.erp-entry-template .stock-entry-tools #workflowSearch{
    order:3;
    max-width:250px !important;
    min-width:180px !important;
}
.erp-entry-template .stock-entry-tools #workflowAddLine{
    order:4;
    white-space:nowrap;
}
@media(max-width:900px){
    .erp-entry-template .stock-entry-tools{
        flex-wrap:wrap;
    }
    .erp-entry-template .stock-entry-tools .barcode-box,
    .erp-entry-template .stock-entry-tools #workflowSearch{
        min-width:160px !important;
        flex:1 1 180px;
    }
}
@media(max-width:600px){
    .erp-entry-template .entry-title{
        font-size:19px !important;
        gap:5px !important;
    }
    .erp-entry-template .entry-title span{
        font-size:16px !important;
    }
    .erp-entry-template .entry-title b{
        font-size:20px !important;
    }
}

/* v2.13.4 Universal Transaction Entry Template */
.erp-entry-template .smart-form-head,
.finance-voucher .smart-form-head{
    min-height:44px !important;
    align-items:flex-start !important;
    margin-bottom:0 !important;
}
.erp-entry-template .entry-title,
.finance-voucher .entry-title{
    display:flex !important;
    align-items:baseline !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
    white-space:nowrap !important;
    line-height:1 !important;
    margin:0 0 3px !important;
}
.erp-entry-template .entry-title span,
.finance-voucher .entry-title span{
    color:#078dcc !important;
    font-size:17px !important;
    font-weight:600 !important;
}
.erp-entry-template .entry-title b,
.finance-voucher .entry-title b{
    color:#243247 !important;
    font-size:21px !important;
    font-weight:700 !important;
}
.erp-entry-template .entry-heading-block p,
.finance-voucher .entry-heading-block p{
    margin:0 !important;
    font-size:11px !important;
    line-height:1.15 !important;
}
.erp-entry-template .compact-card,
.finance-voucher .compact-doc-head{
    padding:9px 12px !important;
}
.erp-entry-template .invoice-head-grid,
.erp-entry-template .inventory-head-grid,
.finance-voucher .compact-form-grid{
    gap:8px 12px !important;
}
.erp-entry-template .invoice-head-grid input,
.erp-entry-template .invoice-head-grid select,
.erp-entry-template .inventory-head-grid input,
.erp-entry-template .inventory-head-grid select,
.finance-voucher .compact-doc-head input,
.finance-voucher .compact-doc-head select{
    min-height:36px !important;
    height:36px !important;
    padding:5px 9px !important;
}
.erp-entry-template .remarks-compact{
    grid-column:auto !important;
    min-width:0 !important;
}
.erp-entry-template .stock-entry-tools{
    gap:6px !important;
}
.erp-entry-template .stock-entry-tools .settings-btn{
    order:2 !important;
}
.erp-entry-template .stock-entry-tools #invoiceSearch,
.erp-entry-template .stock-entry-tools #workflowSearch,
.erp-entry-template .stock-entry-tools #itemSearchBox{
    order:3 !important;
}
.erp-entry-template .stock-entry-tools #invoiceAddLine,
.erp-entry-template .stock-entry-tools #workflowAddLine{
    order:4 !important;
}
.erp-entry-template .workflow-sticky-footer{
    position:sticky !important;
    bottom:0 !important;
    z-index:30 !important;
}
.erp-entry-template .universal-sticky-actions{
    position:sticky !important;
    bottom:0 !important;
    z-index:30 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    background:#f4f7f9 !important;
    border-top:1px solid #d7e2e8 !important;
    box-shadow:0 -5px 16px rgba(20,49,65,.09);
    padding:7px 8px !important;
}
.erp-entry-template .stock-summary-inline{
    display:flex !important;
    margin-left:auto !important;
    gap:6px !important;
}
.erp-entry-template .stock-summary-inline > div{
    min-width:115px !important;
    padding:6px 10px !important;
    border-radius:7px !important;
}
.erp-entry-template .stock-summary-inline small{
    font-size:10px !important;
}
.erp-entry-template .stock-summary-inline strong{
    font-size:15px !important;
}
.finance-voucher{
    gap:8px !important;
}
@media(max-width:900px){
    .erp-entry-template .entry-title,
    .finance-voucher .entry-title{
        white-space:normal !important;
        flex-wrap:wrap !important;
    }
    .erp-entry-template .universal-sticky-actions{
        position:relative !important;
        flex-wrap:wrap !important;
    }
    .erp-entry-template .stock-summary-inline{
        width:100% !important;
        margin-left:0 !important;
    }
}

/* v2.13.5 Header Visibility + Full Width Tenant Workspace */
.erp-entry-template .compact-card,
.erp-entry-template form > .compact-card{
    display:block !important;
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:7px 12px 8px !important;
    margin-bottom:7px !important;
}
.erp-entry-template .invoice-head-grid,
.erp-entry-template .inventory-head-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-rows:auto !important;
    align-items:end !important;
    gap:4px 11px !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
}
.erp-entry-template .invoice-head-grid label,
.erp-entry-template .inventory-head-grid label{
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
    min-width:0 !important;
    margin:0 !important;
    line-height:1.05 !important;
    font-size:11px !important;
}
.erp-entry-template .invoice-head-grid input,
.erp-entry-template .invoice-head-grid select,
.erp-entry-template .inventory-head-grid input,
.erp-entry-template .inventory-head-grid select{
    width:100% !important;
    min-width:0 !important;
    min-height:32px !important;
    height:32px !important;
    padding:4px 8px !important;
    margin:0 !important;
    line-height:1.1 !important;
    box-sizing:border-box !important;
    font-size:12px !important;
}
.erp-entry-template .remarks-compact{
    grid-column:auto !important;
}
.erp-entry-template .smart-form-head{
    min-height:38px !important;
    padding-top:2px !important;
    padding-bottom:3px !important;
}
.erp-entry-template .entry-title{
    gap:5px !important;
    margin:0 0 2px !important;
}
.erp-entry-template .entry-title span{
    font-size:15px !important;
}
.erp-entry-template .entry-title b{
    font-size:18px !important;
}
.erp-entry-template .entry-heading-block p{
    font-size:10px !important;
    line-height:1.05 !important;
}
.erp-entry-template .doc-summary-btn{
    min-height:34px !important;
    height:34px !important;
    padding:5px 12px !important;
    font-size:11px !important;
}
.erp-entry-template .invoice-lines-card{
    position:relative !important;
    z-index:1 !important;
    margin-top:0 !important;
}
.erp-entry-template .smart-list-head{
    min-height:42px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
}
.erp-entry-template .stock-entry-tools .barcode-box{
    min-width:185px !important;
    max-width:215px !important;
    height:34px !important;
}
.erp-entry-template .stock-entry-tools #workflowSearch,
.erp-entry-template .stock-entry-tools #invoiceSearch,
.erp-entry-template .stock-entry-tools #itemSearchBox{
    min-width:165px !important;
    max-width:210px !important;
    height:34px !important;
}
.erp-entry-template .stock-entry-tools .settings-btn,
.erp-entry-template .stock-entry-tools #workflowAddLine,
.erp-entry-template .stock-entry-tools #invoiceAddLine{
    min-height:34px !important;
    height:34px !important;
}
body.tenant-authenticated.menu-collapsed .app-content{
    width:100% !important;
    max-width:100% !important;
}
body.tenant-authenticated.menu-collapsed .smart-form-page,
body.tenant-authenticated.menu-collapsed .executive-dashboard{
    max-width:none !important;
    width:100% !important;
}
@media(max-width:900px){
    .erp-entry-template .invoice-head-grid,
    .erp-entry-template .inventory-head-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:560px){
    .erp-entry-template .invoice-head-grid,
    .erp-entry-template .inventory-head-grid{
        grid-template-columns:1fr !important;
    }
}

/* v2.14 Return Accounting + Traceability */
.trace-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.trace-node{border-top:4px solid var(--theme)!important}.trace-node h2{margin:4px 0;font-size:20px;color:var(--theme-dark)}
.trace-node p{margin:4px 0 8px}.status-pill{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--theme-soft);color:var(--theme-dark);font-size:11px}
.erp-entry-template #originalInvoice{min-width:0}
@media(max-width:1100px){.trace-flow{grid-template-columns:1fr 1fr}}@media(max-width:650px){.trace-flow{grid-template-columns:1fr}}

/* v2.14.2 Force full-width tenant workspace immediately after login */
body.tenant-authenticated.menu-collapsed .app-frame{
    grid-template-columns:0 minmax(0,1fr) !important;
}
body.tenant-authenticated.menu-collapsed .app-sidebar{
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    border:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}
body.tenant-authenticated.menu-collapsed .app-content{
    grid-column:2 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:0 !important;
}

/* v2.16 Settlement Lifecycle */
.settlement-preview{padding:10px 12px!important}.settlement-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.settlement-preview-grid>div{background:var(--theme-soft);border:1px solid #dce8eb;border-radius:8px;padding:10px}
.settlement-preview-grid small{display:block;font-size:10px;color:#657487}.settlement-preview-grid strong{display:block;margin-top:4px;font-size:19px;color:var(--theme-dark)}
@media(max-width:700px){.settlement-preview-grid{grid-template-columns:1fr}}

/* v2.17 Retail / Restaurant POS Integration */
.pos-toolbar-fields{grid-template-columns:repeat(4,minmax(130px,1fr))!important;max-width:980px!important}
.restaurant-order-strip{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;gap:7px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 9px}
.restaurant-order-strip label{display:flex;flex-direction:column;gap:2px;font-size:11px;margin:0}.restaurant-order-strip input,.restaurant-order-strip select{height:32px!important;min-height:32px!important;margin:0!important;padding:4px 7px!important}
.restaurant-table-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:#657487;padding-bottom:7px}.restaurant-table-status span{display:flex;align-items:center;gap:3px}
.table-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#98a6ad}.table-dot.free{background:#29a15e}.table-dot.occupied{background:#e24242}.table-dot.reserved{background:#e1a01b}.table-dot.dirty{background:#7d6fa7}
.pos-cart-table{min-width:755px!important}.pos-cart-table .pos-disc{width:48px}
.pos-payment-summary{display:flex;justify-content:space-between;gap:8px;align-items:center;background:var(--theme-soft);border:1px solid #dce8eb;border-radius:7px;padding:6px 8px;font-size:11px;color:#40576a;margin-top:4px}
.pos-payment-summary b{color:var(--theme-dark);font-size:13px}
@media(max-width:1200px){.restaurant-order-strip{grid-template-columns:repeat(3,minmax(130px,1fr))}.pos-toolbar-fields{grid-template-columns:repeat(2,minmax(140px,1fr))!important}}
@media(max-width:700px){.restaurant-order-strip{grid-template-columns:1fr 1fr}.pos-payment-summary{flex-direction:column;align-items:flex-start}}

/* v2.18 POS Operations */
.pos-void-form{display:flex;gap:5px;align-items:center}.pos-void-form input{min-width:150px;max-width:220px;height:30px!important;padding:4px 7px!important;margin:0!important}
.shift-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.shift-kpis>div{background:var(--theme-soft);border:1px solid #dce8eb;border-radius:8px;padding:10px}.shift-kpis small{display:block;font-size:10px;color:#667786}.shift-kpis strong{display:block;margin-top:4px;font-size:16px;color:var(--theme-dark)}
.pos-program-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pos-program-grid .smart-card{min-width:0}.pos-program-grid .compact-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.pos-program-grid{grid-template-columns:1fr}.pos-program-grid .compact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.shift-kpis{grid-template-columns:1fr}.pos-program-grid .compact-form-grid{grid-template-columns:1fr}.pos-void-form{flex-direction:column;align-items:stretch}}

/* v2.19 Cashier Kiosk Workspace */
body.pos-kiosk-page{overflow:hidden!important;background:#eef3f5!important}
body.pos-kiosk-page .app-topbar,body.pos-kiosk-page .app-sidebar,body.pos-kiosk-page .appearance-panel,body.pos-kiosk-page .appearance-backdrop{display:none!important}
body.pos-kiosk-page .app-frame{display:block!important;width:100vw!important;height:100vh!important;min-height:100vh!important}
body.pos-kiosk-page .app-content{display:block!important;width:100vw!important;max-width:none!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}
.cashier-kiosk{height:100vh;display:flex;flex-direction:column;background:#eef3f5;font-size:12px}
.cashier-kiosk>form{height:100%;display:flex;flex-direction:column;min-height:0}
.cashier-header{height:58px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;background:#fff;border-bottom:1px solid #d8e2e7;box-shadow:0 2px 7px rgba(20,45,60,.07);z-index:5}
.cashier-brand{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.cashier-brand strong{font-size:18px;color:var(--theme-dark)}.cashier-brand span{font-size:12px;color:#70808c}
.cashier-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.cashier-meta label{display:flex;flex-direction:column;font-size:9px;color:#60717f}.cashier-meta select{height:30px!important;min-height:30px!important;min-width:155px;max-width:230px;padding:3px 6px!important;margin:0!important;font-size:11px}
.cashier-user{padding:7px 9px;background:#f1f5f7;border-radius:7px;font-weight:700;white-space:nowrap}.cashier-print-toggle,.cashier-logoff{height:34px;border-radius:7px;border:1px solid #cad7dc;padding:0 10px;font-weight:700;cursor:pointer;white-space:nowrap;background:#fff}.cashier-print-toggle.active{background:#e7f7ee;border-color:#8ed0aa;color:#197744}.cashier-logoff{background:#fff1f1;border-color:#efb7b7;color:#a62424}
.cashier-functionbar{display:flex;gap:5px;align-items:center;padding:5px 8px;background:#f8fbfc;border-bottom:1px solid #d8e2e7;overflow-x:auto;min-height:46px}.pos-fn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 11px;border:1px solid #bfcdd4;background:#fff;color:#304a5b;border-radius:7px;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap;cursor:pointer}.pos-fn.primary{background:var(--theme);border-color:var(--theme);color:#fff}
.restaurant-kiosk-strip{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:5px;padding:5px 8px;background:#fff;border-bottom:1px solid #dde6ea}.restaurant-kiosk-strip label{display:flex;flex-direction:column;font-size:9px;color:#62717d}.restaurant-kiosk-strip input,.restaurant-kiosk-strip select{height:30px!important;min-height:30px!important;padding:3px 6px!important;margin:0!important;font-size:11px}
.pos-kiosk-grid{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);gap:7px;padding:7px;flex:1;min-height:0}
.kiosk-cart-panel,.kiosk-items-panel{min-height:0;background:#fff;border:1px solid #d8e2e7;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.kiosk-panel-title{height:39px;display:flex;align-items:center;justify-content:space-between;padding:5px 9px;border-bottom:1px solid #e1e8eb;background:#fbfdfe}.kiosk-panel-title h2{margin:0;font-size:15px}.kiosk-panel-title span{font-size:10px;color:#70818c}
.kiosk-cart-scroll{flex:1;min-height:0;overflow:auto}.kiosk-cart-table{min-width:690px!important;width:100%;border-collapse:collapse}.kiosk-cart-table th{position:sticky;top:0;z-index:2;background:#eff5f7;font-size:10px;padding:6px}.kiosk-cart-table td{padding:5px;font-size:11px}.kiosk-cart-table input,.kiosk-cart-table select{height:29px!important;min-height:29px!important;padding:3px 4px!important;font-size:10px}
.kiosk-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;background:#f3f7f9;border-top:1px solid #d8e2e7}.kiosk-totals>div{background:#fff;border:1px solid #dce5e9;border-radius:7px;padding:5px 7px}.kiosk-totals span{display:block;font-size:9px;color:#677986}.kiosk-totals b,.kiosk-totals strong{display:block;margin-top:2px;font-size:13px}.kiosk-totals .kiosk-net{background:var(--theme-soft);border-color:#acd8d4}.kiosk-totals .kiosk-net strong{font-size:19px;color:var(--theme-dark)}
.kiosk-bottom-fields{display:grid;grid-template-columns:125px 1fr 150px;gap:5px;padding:5px;border-top:1px solid #d8e2e7}.kiosk-bottom-fields input,.kiosk-bottom-fields select{height:34px!important;margin:0!important;padding:4px 7px!important}.kiosk-settle-button{border:0;border-radius:7px;background:var(--theme);color:#fff;font-size:13px;font-weight:900;cursor:pointer}
.kiosk-search-row{display:grid;grid-template-columns:1fr 1.25fr;gap:5px;padding:6px;border-bottom:1px solid #d8e2e7}.kiosk-search-row input{height:36px!important;margin:0!important;padding:5px 9px!important}
.kiosk-item-tiles{flex:1;min-height:0;overflow:auto;padding:6px!important;display:grid!important;grid-template-columns:repeat(3,minmax(95px,1fr))!important;align-content:start;gap:6px!important}.kiosk-item-tiles .pos-tile{min-height:75px!important;padding:7px!important;font-size:11px!important}
.cashier-toast{position:fixed;top:62px;left:50%;transform:translateX(-50%);z-index:80;max-width:70vw;box-shadow:0 5px 18px rgba(0,0,0,.15)}
.pos-modal[hidden]{display:none!important}.pos-modal{position:fixed;inset:0;z-index:200;background:rgba(15,29,38,.58);display:grid;place-items:center;padding:20px}.pos-modal-card{width:min(780px,95vw);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.3);padding:12px}.payment-modal-card{width:min(900px,96vw)}.pos-modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e8eb;padding:0 0 8px;margin-bottom:10px}.pos-modal-head h2{margin:0;font-size:20px}.pos-modal-head button{width:34px;height:34px;border:0;border-radius:50%;font-size:22px;cursor:pointer}
.payment-mode-large{text-align:center;font-size:19px;font-weight:900;color:var(--theme-dark);padding:8px}.tender-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tender-grid label,.delivery-customer-grid label{display:flex;flex-direction:column;font-size:11px}.tender-grid input,.delivery-customer-grid input{height:42px!important;font-size:17px!important;font-weight:700!important}
.tender-big-values{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.tender-big-values>div{border:1px solid #d9e4e8;border-radius:10px;padding:10px;text-align:center;background:#f8fbfc}.tender-big-values small{display:block;font-size:10px;color:#697a86}.tender-big-values strong{display:block;font-size:25px;margin-top:5px;color:var(--theme-dark)}
.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.aggregator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.aggregator-choice{min-height:55px;border:2px solid #d8e3e7;background:#fff;border-radius:9px;font-weight:800;cursor:pointer}.aggregator-choice.selected{border-color:var(--theme);background:var(--theme-soft);color:var(--theme-dark)}.delivery-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.held-bill-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.held-bill-card{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;text-align:left;border:1px solid #d7e2e7;background:#fff;border-radius:9px;padding:10px;cursor:pointer}.held-bill-card:hover{background:var(--theme-soft)}
.pos-complete-screen{height:100vh;overflow:auto;display:grid;place-items:center;padding:16px;background:#eef3f5}.pos-complete-card{width:min(900px,96vw);background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 12px 40px rgba(24,47,61,.14)}.complete-check{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#daf3e4;color:#18854c;font-size:42px}.pos-complete-card h1{margin:8px 0 2px}.settlement-large-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.settlement-large-grid>div{background:#f7fafb;border:1px solid #d9e4e8;border-radius:10px;padding:12px}.settlement-large-grid small{display:block}.settlement-large-grid strong{display:block;font-size:27px;color:var(--theme-dark);margin-top:5px}.complete-actions{display:flex;justify-content:center;gap:8px}
.pos-print-receipt{width:80mm;background:#fff;padding:5mm;color:#000;font-family:Arial,sans-serif;font-size:11px}.receipt-title{text-align:center}.receipt-title h2{margin:0;font-size:17px}.receipt-title p{margin:2px}.receipt-meta{display:grid;gap:2px;border-top:1px dashed #000;border-bottom:1px dashed #000;padding:5px 0;margin:5px 0}.pos-print-receipt table{width:100%;border-collapse:collapse}.pos-print-receipt th,.pos-print-receipt td{padding:3px 1px;border-bottom:1px dotted #aaa;text-align:right}.pos-print-receipt th:first-child,.pos-print-receipt td:first-child{text-align:left}.receipt-totals{margin-top:5px}.receipt-totals>div{display:flex;justify-content:space-between;padding:2px}.receipt-net{font-size:15px;font-weight:900;border-top:1px solid #000;border-bottom:1px solid #000}.receipt-footer{text-align:center;margin-top:8px}
@media screen{.pos-print-receipt{position:absolute;left:-10000px;top:0}}
@media print{body *{visibility:hidden!important}.pos-print-receipt,.pos-print-receipt *{visibility:visible!important}.pos-print-receipt{position:absolute!important;left:0!important;top:0!important;width:80mm!important;padding:3mm!important}.no-print{display:none!important}@page{size:80mm auto;margin:0}}
@media(max-width:1100px){.cashier-meta label{display:none}.pos-kiosk-grid{grid-template-columns:56% 44%}.kiosk-item-tiles{grid-template-columns:repeat(2,minmax(95px,1fr))!important}.restaurant-kiosk-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.cashier-user{display:none}.pos-kiosk-grid{grid-template-columns:1fr}.kiosk-items-panel{min-height:38vh}.kiosk-cart-panel{min-height:50vh}.cashier-kiosk{overflow:auto}.cashier-kiosk>form{height:auto}.pos-kiosk-grid{flex:none}.settlement-large-grid,.tender-big-values{grid-template-columns:1fr 1fr}}

.cashier-ops-page{height:100vh;overflow:auto;background:#eef3f5}.cashier-ops-page>.smart-form-page{padding:8px!important;max-width:none!important;width:100%!important}
.cashier-ops-page .cashier-header form{margin:0}
.refund-kiosk{overflow:auto}.refund-summary-strip{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.2fr;gap:7px;padding:8px;background:#fff;border-bottom:1px solid #d8e2e7}.refund-summary-strip>div,.refund-summary-strip label{background:#f7fafb;border:1px solid #dbe5e9;border-radius:8px;padding:7px}.refund-summary-strip small{display:block;font-size:9px;color:#6e7e89}.refund-summary-strip strong{font-size:14px}.refund-summary-strip label{display:flex;flex-direction:column;font-size:10px}.refund-summary-strip input{height:32px!important;margin:2px 0 0!important}
.refund-lines-panel{margin:8px;background:#fff;border:1px solid #d8e2e7;border-radius:10px;overflow:hidden;flex:1}.refund-table input.refund-qty{height:34px!important;font-weight:800;font-size:14px}
.refund-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;align-items:center;gap:16px;background:#fff;border-top:1px solid #d8e2e7;padding:8px 12px;box-shadow:0 -4px 12px rgba(0,0,0,.08)}.refund-footer small{display:block}.refund-footer strong{font-size:22px;color:var(--theme-dark)}
@media(max-width:900px){.refund-summary-strip{grid-template-columns:1fr 1fr}}

/* v2.20 cashier login + compact actions */
.cashier-launch-screen{height:100vh;display:grid;place-items:center;background:#eef3f5}.cashier-launch-card{width:min(760px,94vw);padding:28px;background:#fff;border-radius:18px;text-align:center;box-shadow:0 18px 50px rgba(20,45,60,.14)}.cashier-launch-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.cashier-launch-options a{padding:30px 15px;border:2px solid #dbe5e9;border-radius:15px;text-decoration:none;color:#243d4b}.cashier-launch-options a:hover{border-color:var(--theme);background:var(--theme-soft)}.launch-icon{display:block;font-size:48px}.cashier-launch-options strong{display:block;font-size:22px}.cashier-launch-options small{display:block;margin-top:6px}
.login-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0 12px}.login-method-tabs button{height:42px;border:1px solid #cad7dc;border-radius:8px;background:#fff;font-weight:800}.login-method-tabs button.active{background:var(--theme);color:#fff;border-color:var(--theme)}.card-login-hint{font-size:11px;padding:8px;background:#f4f8fa;border-radius:7px;margin-bottom:8px}
.cart-stat-strip{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px 5px 0}.cart-stat-strip>div{display:flex;align-items:center;justify-content:space-between;padding:5px 9px;border:1px solid #dce5e9;border-radius:7px;background:#fbfdfe}.cart-stat-strip span{font-size:10px;color:#667985}.cart-stat-strip strong{font-size:15px;color:var(--theme-dark)}
.under-total-actions{border-top:1px solid #d8e2e7;border-bottom:0;min-height:43px;padding:4px 5px;justify-content:flex-start}.under-total-actions .pos-fn{height:32px;padding:0 8px;font-size:10px}
.payment-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 12px}.payment-choice-grid button{min-height:82px;border:2px solid #d8e3e7;border-radius:12px;background:#fff;font-size:28px;cursor:pointer}.payment-choice-grid button strong{display:block;font-size:14px;margin-top:3px}.payment-choice-grid button small{display:block;font-size:9px}.payment-choice-grid button.selected{border-color:var(--theme);background:var(--theme-soft);color:var(--theme-dark)}
.aggregator-choice{display:flex;flex-direction:column;align-items:center;justify-content:center}.aggregator-icon{font-size:26px;line-height:1.2}.aggregator-choice strong{font-size:11px;margin-top:3px}

/* v2.21 Restaurant Table Service */
.restaurant-floor-page,.restaurant-order-page,.restaurant-bill-page,.kds-screen{min-height:100vh;background:#eef3f5;padding:10px}
.restaurant-service-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #d9e4e8;border-radius:12px;padding:10px 12px;margin-bottom:8px}.restaurant-service-head h1{margin:0;font-size:21px}.restaurant-service-head p{margin:3px 0 0;color:#657784}.restaurant-service-actions{display:flex;gap:6px}
.floor-sections{display:flex;gap:6px;overflow:auto;padding:6px 0}.floor-sections a{padding:8px 12px;border-radius:8px;background:#fff;border:1px solid #d6e2e7;text-decoration:none;color:#304b5c;font-weight:700;white-space:nowrap}.floor-sections a.active{background:var(--theme);color:#fff;border-color:var(--theme)}
.floor-legend{display:flex;gap:12px;align-items:center;padding:6px 8px;font-size:11px}.floor-legend span{display:flex;gap:4px;align-items:center}.floor-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.floor-dot.free{background:#2aa55e}.floor-dot.busy{background:#e34e4e}.floor-dot.bill{background:#ef9d23}.floor-dot.reserved{background:#766ad0}.floor-dot.dirty{background:#7b8790}
.restaurant-floor-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:8px}.floor-table-card{background:#fff;border:2px solid #dbe5e9;border-radius:13px;padding:10px;min-height:160px;display:flex;flex-direction:column;gap:7px}.floor-table-card.busy,.floor-table-card.occupied{border-color:#e75c5c;background:#fff7f7}.floor-table-card.billrequested{border-color:#f1a13b;background:#fff9ef}.floor-table-card.reserved{border-color:#8478d4;background:#f8f7ff}.floor-table-card.dirty{border-color:#88959d;background:#f5f6f7}.table-card-top{display:flex;justify-content:space-between;align-items:center}.table-card-top strong{font-size:22px;color:var(--theme-dark)}.table-card-top span{font-size:10px;color:#71818c}.table-chair-count{font-size:13px;font-weight:700}.table-session-info{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:10px}.table-session-info span:last-child{grid-column:1/-1;font-size:12px}.table-status-label{font-size:11px;font-weight:900;text-transform:uppercase}.table-card-actions{display:flex;gap:5px;margin-top:auto}
.compact-seat-modal{width:min(620px,94vw)}.seat-form-grid{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:8px}.seat-form-grid label{display:flex;flex-direction:column;font-size:11px}.seat-form-grid input,.seat-form-grid select{height:38px!important;margin:2px 0!important}
.restaurant-order-layout{display:grid;grid-template-columns:34% 66%;gap:8px;min-height:calc(100vh - 105px)}.table-kot-history,.table-order-entry{background:#fff;border:1px solid #d8e2e7;border-radius:10px;min-height:0;overflow:hidden;display:flex;flex-direction:column}.kot-history-scroll{flex:1;overflow:auto;padding:6px}.kot-history-card{border:1px solid #dce5e9;border-left:5px solid #95a7b1;border-radius:8px;padding:7px;margin-bottom:6px}.kot-history-card.new{border-left-color:#e39a24}.kot-history-card.preparing{border-left-color:#e05845}.kot-history-card.ready{border-left-color:#299d67}.kot-history-card.served{border-left-color:#6686a3}.kot-history-card>div{display:flex;justify-content:space-between}.kot-history-card small{color:#6d7c87}.kot-history-card ul{margin:6px 0 0;padding-left:18px}.kot-history-card li{margin:3px 0}.kot-history-card li span,.kot-history-card li small{display:block}.table-bill-actions{display:flex;gap:5px;padding:6px;border-top:1px solid #d8e2e7}.table-bill-actions form{margin:0}
.table-live-meta{display:flex;align-items:center;gap:8px}.table-live-meta span{font-size:10px;color:#6d7e88}.table-live-meta strong{font-size:18px;color:var(--theme-dark)}
.kot-entry-body{display:grid;grid-template-columns:58% 42%;gap:6px;flex:1;min-height:0;padding:6px}.kot-cart{overflow:auto;border:1px solid #dce5e9;border-radius:8px}.kot-cart input,.kot-cart select{height:30px!important;margin:0!important;padding:3px 5px!important;font-size:10px}.kot-item-grid{overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:5px;align-content:start}.kot-item-tile{min-height:78px;border:1px solid #d6e2e7;border-radius:9px;background:#fff;text-align:left;padding:7px;cursor:pointer}.kot-item-tile:hover{background:var(--theme-soft);border-color:var(--theme)}.kot-item-tile b,.kot-item-tile small,.kot-item-tile strong{display:block}.kot-item-tile b{font-size:11px}.kot-item-tile small{font-size:9px;color:#6a7b87;margin-top:2px}.kot-item-tile strong{font-size:11px;color:var(--theme-dark);margin-top:4px}.kot-footer{display:grid;grid-template-columns:1fr 100px 100px;gap:6px;border-top:1px solid #d9e3e7;padding:5px}.kot-footer label{display:flex;flex-direction:column;font-size:9px}.kot-footer input{height:31px!important;margin:1px 0!important}.kot-footer>div{background:#f4f8fa;border-radius:7px;padding:5px}.kot-footer span{display:block;font-size:9px}.kot-footer b{font-size:14px}
.kot-print-page{min-height:100vh;background:#eef3f5;display:grid;place-items:center;padding:15px}.kot-print-ticket{width:80mm;background:#fff;padding:5mm;font-family:Arial,sans-serif;font-size:12px}.kot-print-ticket h1,.kot-print-ticket h2{text-align:center;margin:3px}.kot-print-line{padding:6px 0;border-bottom:1px dashed #777}.kot-print-line b,.kot-print-line span{display:block}.kot-print-line span{font-size:11px;margin-top:2px}.kot-print-actions{display:flex;gap:6px}
.kds-screen{background:#17242c;color:#fff}.kds-header{display:flex;justify-content:space-between;align-items:center;padding:8px}.kds-header h1{margin:0}.kds-header p{margin:2px 0;color:#aebdc5}.kds-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:8px}.kds-ticket{background:#24343d;border-radius:12px;border-top:7px solid #d8942c;overflow:hidden}.kds-ticket.preparing{border-top-color:#df5948}.kds-ticket.ready{border-top-color:#2ea36c}.kds-ticket-head{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px;background:#1e2c34}.kds-ticket-head b{font-size:16px}.kds-ticket-head strong{font-size:18px}.kds-ticket ul{list-style:none;padding:8px 10px;margin:0}.kds-ticket li{padding:6px 0;border-bottom:1px solid #3b4b53}.kds-ticket li b,.kds-ticket li small{display:block}.kds-ticket li small{color:#b8c6cc}.kds-actions{padding:8px}.kds-actions button{width:100%;height:40px;border:0;border-radius:8px;font-weight:900;background:#f0a239;color:#fff}.kds-ticket.preparing .kds-actions button{background:#e15a47}.kds-ticket.ready .kds-actions button{background:#2fa66d}
.restaurant-bill-layout{display:grid;grid-template-columns:66% 34%;gap:8px}.restaurant-bill-total{display:flex;justify-content:flex-end;gap:14px;align-items:center;padding:10px;border-top:1px solid #d8e2e7}.restaurant-bill-total strong{font-size:23px;color:var(--theme-dark)}.cashier-settlement-card form{display:grid;gap:8px}.cashier-settlement-card label{display:flex;flex-direction:column;font-size:11px}.cashier-settlement-card input,.cashier-settlement-card select{height:38px!important;margin:2px 0!important}
@media print{.kot-print-actions{display:none!important}.kot-print-ticket{position:absolute;left:0;top:0;width:80mm!important;padding:3mm!important}@page{size:80mm auto;margin:0}}
@media(max-width:1250px){.restaurant-floor-grid{grid-template-columns:repeat(4,1fr)}.kds-grid{grid-template-columns:repeat(3,1fr)}.kot-item-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.restaurant-floor-grid{grid-template-columns:repeat(2,1fr)}.restaurant-order-layout,.restaurant-bill-layout{grid-template-columns:1fr}.kds-grid{grid-template-columns:repeat(2,1fr)}.seat-form-grid{grid-template-columns:1fr}}

@media print{
 .kot-print-ticket,.kot-print-ticket *{visibility:visible!important}
 .kot-print-ticket{position:absolute!important;left:0!important;top:0!important;width:80mm!important;padding:3mm!important}
 .restaurant-bill-page,.restaurant-bill-page *{visibility:visible!important}
 .restaurant-bill-page{position:absolute!important;left:0!important;top:0!important;width:100%!important;background:#fff!important;padding:0!important}
 .restaurant-bill-page .cashier-settlement-card,.restaurant-bill-page .restaurant-service-head a,.restaurant-bill-page button{display:none!important}
}

/* v2.22 Restaurant Direct Orders */
.restaurant-direct-modebar{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:5px;padding:5px 8px;background:#f6fafb;border-bottom:1px solid #d8e2e7}
.restaurant-direct-modebar button{height:45px;border:1px solid #cfdce2;border-radius:8px;background:#fff;color:#314b5a;font-size:17px;cursor:pointer}
.restaurant-direct-modebar button strong{display:inline-block;margin-left:4px;font-size:11px;vertical-align:middle}
.restaurant-direct-modebar button.selected{background:var(--theme);border-color:var(--theme);color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.12)}
.direct-order-strip{grid-template-columns:160px 180px 1fr 125px 90px 130px!important}
.dinein-floor-link{height:30px!important;align-self:end}
.direct-customer-strip{display:grid;grid-template-columns:1.1fr 1fr 1.1fr 1.6fr 145px 170px;gap:5px;padding:5px 8px;background:#fff8e9;border-bottom:1px solid #ead9b8;align-items:end}
.direct-customer-strip label{display:flex;flex-direction:column;font-size:9px;color:#596d79}
.direct-customer-strip input{height:31px!important;min-height:31px!important;margin:1px 0 0!important;padding:4px 7px!important;font-size:11px}
.field-rule{font-size:8px;color:#80909a;font-weight:700}.required-rule{color:#b72f2f!important}
.aggregator-open-inline{height:31px!important;margin-bottom:0}.selected-aggregator-label{height:31px;display:flex;align-items:center;padding:0 7px;border:1px solid #dfcfad;border-radius:7px;background:#fff;font-size:10px;font-weight:800;color:#695532}
.aggregator-mode-help{padding:10px;background:#f5f8fa;border:1px solid #dce5e9;border-radius:8px;color:#536a78;font-size:11px;margin-top:8px}
@media(max-width:1200px){.restaurant-direct-modebar{grid-template-columns:repeat(5,minmax(100px,1fr))}.direct-customer-strip{grid-template-columns:repeat(3,1fr)}.direct-order-strip{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.restaurant-direct-modebar{grid-template-columns:1fr 1fr}.direct-customer-strip{grid-template-columns:1fr 1fr}.direct-order-strip{grid-template-columns:1fr 1fr!important}}

/* v2.23 Touch Visual POS — larger, colorful, 3D touch targets */
.touch-modebar{display:flex!important;justify-content:center!important;gap:9px!important;padding:9px 12px!important;background:linear-gradient(180deg,#171c33,#10152a)!important;overflow-x:auto;box-shadow:0 3px 10px rgba(10,18,40,.24)}
.touch-mode-btn{height:50px;min-width:112px;padding:0 14px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:25px!important;background:linear-gradient(180deg,#313951,#20283f)!important;color:#fff!important;box-shadow:0 5px 0 #0c1020,0 8px 15px rgba(0,0,0,.22)!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;text-decoration:none!important;font-weight:900;cursor:pointer;transition:.12s transform,.12s filter}
.touch-mode-btn span{font-size:20px}.touch-mode-btn strong{font-size:12px!important;margin:0!important}.touch-mode-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.touch-mode-btn:active{transform:translateY(4px);box-shadow:0 1px 0 #0c1020,0 3px 6px rgba(0,0,0,.2)!important}
.touch-mode-btn.dinein{background:linear-gradient(180deg,#ffad24,#ec7b08)!important;box-shadow:0 5px 0 #a74a00,0 8px 15px rgba(235,121,0,.28)!important}.touch-mode-btn.takeaway{background:linear-gradient(180deg,#42a5f5,#1976d2)!important;box-shadow:0 5px 0 #0d4d93,0 8px 15px rgba(25,118,210,.25)!important}.touch-mode-btn.delivery{background:linear-gradient(180deg,#33c48d,#128a5d)!important;box-shadow:0 5px 0 #086541,0 8px 15px rgba(18,138,93,.25)!important}.touch-mode-btn.drive{background:linear-gradient(180deg,#8d75ef,#5c46bf)!important;box-shadow:0 5px 0 #3b2b86,0 8px 15px rgba(92,70,191,.25)!important}.touch-mode-btn.online{background:linear-gradient(180deg,#29b6d8,#087d9c)!important;box-shadow:0 5px 0 #04566c,0 8px 15px rgba(8,125,156,.25)!important}.touch-mode-btn.staff{background:linear-gradient(180deg,#ef6f8c,#bf3f61)!important;box-shadow:0 5px 0 #83253f,0 8px 15px rgba(191,63,97,.25)!important}.touch-mode-btn.orders{background:linear-gradient(180deg,#65758b,#3f4d60)!important;box-shadow:0 5px 0 #27313e,0 8px 15px rgba(39,49,62,.25)!important}
.touch-mode-btn.selected{outline:3px solid rgba(255,255,255,.72);outline-offset:-4px;filter:brightness(1.14)}

.under-total-actions{display:grid!important;grid-template-columns:repeat(4,minmax(92px,1fr));gap:7px!important;padding:7px!important;background:#f4f7f9!important}
.touch-action{min-height:45px!important;height:45px!important;border:0!important;border-radius:10px!important;color:#fff!important;font-size:10px!important;font-weight:900!important;box-shadow:0 4px 0 rgba(0,0,0,.2),0 6px 11px rgba(0,0,0,.12)!important;text-shadow:0 1px 1px rgba(0,0,0,.25);transition:.1s}.touch-action:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.25)!important}
.touch-action.hold{background:linear-gradient(#f8b234,#e7840c)!important}.touch-action.recall{background:linear-gradient(#49a7f3,#1b75c4)!important}.touch-action.void{background:linear-gradient(#eb6370,#c92f42)!important}.touch-action.refund{background:linear-gradient(#9b7cf0,#684bc2)!important}.touch-action.handover{background:linear-gradient(#36bda6,#178771)!important}.touch-action.clear{background:linear-gradient(#8393a5,#536274)!important}.touch-action.discount{background:linear-gradient(#ef79ac,#c53e79)!important}.touch-action.aggregator{background:linear-gradient(#f2a23a,#df7110)!important}

.touch-menu-panel{background:#f6f8fa!important}.touch-search-row{padding:8px!important;background:#fff!important}.touch-search-box{display:flex;align-items:center;gap:6px;border:2px solid #dde5ea;border-radius:11px;background:#f8fafb;padding:0 9px}.touch-search-box:focus-within{border-color:#ff9818;box-shadow:0 0 0 3px rgba(255,152,24,.12)}.touch-search-box span{font-size:17px}.touch-search-box input{border:0!important;background:transparent!important;box-shadow:none!important;padding-left:2px!important;font-size:13px!important}
.touch-menu-workspace{display:grid;grid-template-columns:112px 1fr;flex:1;min-height:0}.touch-category-rail{overflow:auto;padding:6px;background:#f1f4f6;border-right:1px solid #d9e2e7}.touch-category-btn{width:100%;min-height:72px;margin-bottom:6px;border:1px solid #d6e1e6;border-radius:12px;background:linear-gradient(180deg,#fff,#f5f7f8);box-shadow:0 3px 0 #ccd5da,0 5px 9px rgba(25,45,60,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;color:#263e4d;cursor:pointer}.touch-category-btn.active{background:linear-gradient(180deg,#ffad25,#f1840f);border-color:#e77800;color:#fff;box-shadow:0 4px 0 #b95800,0 6px 12px rgba(231,120,0,.24)}.touch-category-btn img{width:38px;height:38px;object-fit:cover;border-radius:10px}.cat-visual{font-size:27px;line-height:1}.touch-category-btn b{font-size:9px;line-height:1.15;text-align:center}
.touch-product-area{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.visual-item-tiles{grid-template-columns:repeat(3,minmax(125px,1fr))!important;padding:8px!important;gap:9px!important}.visual-pos-tile{min-height:174px!important;padding:0!important;border:0!important;border-radius:14px!important;overflow:hidden;background:#fff!important;box-shadow:0 5px 0 #d6dde1,0 8px 15px rgba(26,46,58,.14)!important;text-align:left!important;display:flex!important;flex-direction:column!important;transition:.12s!important}.visual-pos-tile:hover{transform:translateY(-2px);box-shadow:0 7px 0 #cfd8dd,0 11px 18px rgba(26,46,58,.16)!important}.visual-pos-tile:active{transform:translateY(4px);box-shadow:0 1px 0 #ccd5da,0 4px 8px rgba(26,46,58,.13)!important}
.pos-item-photo{height:96px;width:100%;overflow:hidden;background:linear-gradient(135deg,#f6eee3,#e7f3ee);position:relative}.pos-item-photo img{width:100%;height:100%;object-fit:cover}.pos-item-photo.fallback{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fff7e8 0,#f6e2c2 48%,#e8cda6 100%)}.pos-item-photo.fallback span{font-size:48px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.16));z-index:2}.pos-item-photo.fallback i{position:absolute;width:74px;height:19px;border-radius:50%;bottom:10px;background:rgba(107,70,39,.14);filter:blur(2px)}
.pos-item-tile-body{padding:7px 9px;display:grid;grid-template-columns:1fr auto;gap:2px 5px;width:100%;flex:1}.pos-item-tile-body .pos-tile-code{font-size:8px;color:#85939d}.pos-item-tile-body b{grid-column:1/-1;font-size:11px;color:#233a49;line-height:1.15;min-height:25px}.pos-item-tile-body small{font-size:8px;color:#7e8b94}.pos-item-tile-body strong{font-size:12px;color:#e47b0d;text-align:right}.visual-empty-products{grid-column:1/-1;padding:40px;text-align:center;color:#80909b;background:#fff;border-radius:12px}

.kiosk-cart-table .qty-stepper button{width:31px!important;height:31px!important;border-radius:9px!important;font-size:17px!important;font-weight:900;background:linear-gradient(#fff,#edf2f4)!important;box-shadow:0 2px 0 #cfd8dd}.kiosk-cart-table .qty-stepper button:active{transform:translateY(2px);box-shadow:none}.kiosk-cart-table .remove-pos-row{width:31px!important;height:31px!important;border-radius:9px!important;font-size:17px!important}
.cart-stat-strip>div{min-height:48px;background:linear-gradient(180deg,#fff,#f4f8fa)!important;box-shadow:0 2px 0 #dce5e9}.cart-stat-strip strong{font-size:19px!important}
.kiosk-totals>div{min-height:55px!important;box-shadow:0 2px 0 #dae3e7}.kiosk-totals .kiosk-net{background:linear-gradient(180deg,#0f756d,#075951)!important;color:#fff!important}.kiosk-totals .kiosk-net span,.kiosk-totals .kiosk-net strong{color:#fff!important}.kiosk-settle-button{min-height:45px!important;background:linear-gradient(180deg,#ffad24,#e97b08)!important;box-shadow:0 4px 0 #aa5100,0 7px 12px rgba(234,123,8,.23);font-size:14px!important}.kiosk-settle-button:active{transform:translateY(3px);box-shadow:0 1px 0 #aa5100}
.pos-category-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pos-category-preview span{padding:6px 9px;border:1px solid #d6e1e6;border-radius:8px;background:#f8fafb}.item-master-visual{display:flex;align-items:center;gap:8px}.item-master-visual img,.item-master-visual>span{width:42px;height:42px;border-radius:9px;object-fit:cover;display:grid;place-items:center;background:#f3f6f8;font-size:24px}.item-master-visual em{font-size:9px;color:#83919a}

/* Touch Dine-In floor */
.touch-floor-page{height:100vh;display:flex;flex-direction:column;background:#edf1f3;overflow:hidden}.touch-pos-topnav{height:62px;min-height:62px;background:linear-gradient(180deg,#171c33,#11162b);display:flex;align-items:center;gap:10px;padding:6px 14px;color:#fff;box-shadow:0 4px 12px rgba(14,20,41,.22);z-index:5}.touch-pos-title{display:flex;align-items:center;gap:7px;min-width:165px;font-size:18px;color:#ff9b18}.touch-pos-title span{font-size:24px}.touch-pos-modes{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;overflow-x:auto}.touch-pos-modes a{height:42px;padding:0 13px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(#303850,#20273d);color:#fff;text-decoration:none;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:900;box-shadow:0 3px 0 #0c1020}.touch-pos-modes a.active{background:linear-gradient(#ffad24,#ec7b08);box-shadow:0 3px 0 #a74a00}.touch-pos-modes a:active{transform:translateY(2px);box-shadow:none}.touch-logout{height:42px;padding:0 18px;border:0;border-radius:22px;background:linear-gradient(#ef6252,#c9362a);color:#fff;font-weight:900;box-shadow:0 3px 0 #8d2019;cursor:pointer}
.touch-floor-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 245px;flex:1;min-height:0}.touch-section-rail{padding:9px;background:#fff;border-right:1px solid #dbe3e7;overflow:auto}.touch-section-card{min-height:64px;margin-bottom:7px;border:1px solid #d8e1e6;border-radius:12px;background:linear-gradient(#fff,#f5f7f8);box-shadow:0 3px 0 #d3dbe0;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:8px;text-decoration:none;color:#263d4a}.touch-section-card .section-visual{grid-row:1/3;width:40px;height:40px;border-radius:10px;background:#edf3f5;display:grid;place-items:center;font-size:23px}.touch-section-card b{font-size:11px}.touch-section-card small{font-size:9px;color:#84919a}.touch-section-card.active{background:linear-gradient(#ffad24,#ed7d09);border-color:#e97900;color:#fff;box-shadow:0 4px 0 #b45800}.touch-section-card.active .section-visual{background:rgba(255,255,255,.92);color:#e77e0b}.touch-section-card.active small{color:#fff}.touch-floor-legend{display:grid;gap:7px;padding:10px 4px;font-size:9px;color:#687984}.touch-floor-legend span{display:flex;gap:6px;align-items:center}
.touch-table-canvas{min-width:0;min-height:0;display:flex;flex-direction:column;padding:9px}.touch-floor-caption{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dae3e7;border-radius:11px;padding:8px 11px;margin-bottom:8px}.touch-floor-caption h1{font-size:17px;margin:0}.touch-floor-caption p{font-size:9px;color:#788892;margin:2px 0 0}.floor-kpis{display:flex;gap:6px}.floor-kpis span{padding:6px 10px;border-radius:8px;background:#f2f6f8;font-size:9px}.floor-kpis b{font-size:15px;margin-right:3px;color:#0e736b}
.touch-table-grid{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:10px;overflow:auto;padding:1px 2px 14px}.touch-table-card{min-height:265px;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #d9e3e7;box-shadow:0 6px 0 #d5dde1,0 10px 18px rgba(23,43,55,.13);display:flex;flex-direction:column}.touch-table-status{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(#41bc78,#249b5d);color:#fff;font-size:10px;font-weight:900}.touch-table-card.busy .touch-table-status,.touch-table-card.occupied .touch-table-status{background:linear-gradient(#ed5969,#d83f52)}.touch-table-card.billrequested .touch-table-status{background:linear-gradient(#ffad2f,#ed7d0b)}.touch-table-card.reserved .touch-table-status{background:linear-gradient(#8d78e6,#6550bd)}.touch-table-status b{padding:2px 6px;border-radius:8px;background:rgba(0,0,0,.14)}
.touch-table-photo{height:118px;padding:5px;background:#f6f8f9}.touch-table-photo img{width:100%;height:100%;object-fit:contain}
.touch-table-scene{height:118px;position:relative;background:radial-gradient(ellipse at center,#fff 0,#f7f9fa 62%,#edf1f3 100%)}.touch-table-scene .table-top{position:absolute;width:82px;height:54px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#f4b766,#b86f28);border:4px solid #9b5a22;box-shadow:0 8px 0 #7e451b,0 12px 15px rgba(81,46,24,.2)}.touch-table-scene .table-top:after{content:"";position:absolute;left:50%;top:46px;width:12px;height:30px;transform:translateX(-50%);background:linear-gradient(90deg,#7e451b,#b97533,#7e451b);border-radius:3px}.touch-table-scene .table-top i{position:absolute;width:23px;height:23px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#fff,#f3e8d2 58%,#d0b991 60%);box-shadow:12px -5px 0 -5px #71a758,-12px 4px 0 -5px #e25943}
.touch-table-scene .chair{position:absolute;width:35px;height:35px;border-radius:14px 14px 9px 9px;background:linear-gradient(145deg,#70dbc7,#21a98f);border:3px solid #168c75;box-shadow:0 5px 0 #116d5d,0 8px 10px rgba(0,0,0,.15)}.touch-table-scene .c1{left:19%;top:18%}.touch-table-scene .c2{right:19%;top:18%}.touch-table-scene .c3{left:19%;bottom:13%}.touch-table-scene .c4{right:19%;bottom:13%}.touch-table-scene .c5{left:4%;top:44%}.touch-table-scene .c6{right:4%;top:44%}.touch-table-scene .c7{left:42%;top:4%}.touch-table-scene .c8{left:42%;bottom:2%}
.touch-table-info{display:flex;justify-content:space-between;align-items:center;padding:7px 10px 3px}.touch-table-info h3{font-size:13px;margin:0}.touch-table-info small{font-size:8px;color:#83919a}.chair-pill{padding:4px 7px;border-radius:9px;background:#eef3f5;font-size:9px;font-weight:800}.touch-session-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;padding:4px 9px;font-size:8px;color:#60717c}.touch-session-meta span{padding:4px;border-radius:6px;background:#f4f7f8;text-align:center}.touch-table-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px 9px 9px;margin-top:auto}.touch-card-btn{min-height:34px;border:0;border-radius:8px;color:#fff!important;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.18)}button.touch-card-btn{width:calc(100% - 18px);margin:7px 9px 9px}.touch-card-btn.green{background:linear-gradient(#31bb67,#16994d)}.touch-card-btn.orange{background:linear-gradient(#ffa72a,#eb7b08)}.touch-card-btn.teal{background:linear-gradient(#2ab6a8,#128879)}.touch-unavailable{margin:auto;padding:8px 12px;border-radius:9px;background:#eef2f4;color:#73828c;font-weight:800}
.touch-floor-sidepanel{background:#fff;border-left:1px solid #d9e2e7;display:flex;flex-direction:column;min-height:0}.sidepanel-head{height:64px;display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid #dce5e9}.sidepanel-head>span{font-size:27px}.sidepanel-head b,.sidepanel-head small{display:block}.sidepanel-head b{font-size:13px}.sidepanel-head small{font-size:8px;color:#82919a}.active-table-list{flex:1;overflow:auto;padding:7px}.active-table-row{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:7px;padding:7px;margin-bottom:6px;border:1px solid #dce5e9;border-radius:10px;background:#fafcfd;text-decoration:none;color:#263d49}.active-table-badge{width:42px;height:42px;border-radius:10px;background:linear-gradient(#ed5d6b,#d33c4e);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;box-shadow:0 3px 0 #a52a37}.active-table-row b,.active-table-row small{display:block}.active-table-row b{font-size:10px}.active-table-row small{font-size:8px;color:#788892}.mini-occupancy{font-size:10px;color:#e17c10}.sidepanel-quick{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px;border-top:1px solid #dce5e9}.sidepanel-quick a{min-height:38px;border-radius:8px;background:linear-gradient(#ffad24,#eb7c08);color:#fff;text-decoration:none;display:grid;place-items:center;font-size:9px;font-weight:900;box-shadow:0 3px 0 #a95000}.sidepanel-quick a:last-child{grid-column:1/-1;background:linear-gradient(#e65e50,#ba382e);box-shadow:0 3px 0 #84251f}
.touch-seat-modal{width:min(720px,94vw)!important}.touch-seat-grid{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:9px}.touch-seat-grid label{display:flex;flex-direction:column;font-size:10px;font-weight:700}.touch-seat-grid select{height:46px!important;font-size:13px!important}.guest-stepper{display:grid;grid-template-columns:50px 1fr 50px;gap:5px}.guest-stepper button{height:48px;border:0;border-radius:10px;background:linear-gradient(#ffad24,#ec7b08);color:#fff;font-size:25px;font-weight:900;box-shadow:0 3px 0 #a74a00}.guest-stepper input{height:48px!important;text-align:center;font-size:20px!important;font-weight:900!important}.touch-big-btn{min-height:45px!important;padding:0 22px!important}

@media(max-width:1250px){.touch-floor-shell{grid-template-columns:155px 1fr 210px}.touch-table-grid{grid-template-columns:repeat(2,minmax(185px,1fr))}.visual-item-tiles{grid-template-columns:repeat(2,minmax(125px,1fr))!important}.touch-mode-btn{min-width:95px;padding:0 9px!important}}
@media(max-width:900px){.touch-floor-shell{grid-template-columns:120px 1fr}.touch-floor-sidepanel{display:none}.touch-table-grid{grid-template-columns:repeat(2,minmax(165px,1fr))}.touch-pos-title{min-width:auto}.touch-pos-modes a{min-width:78px;padding:0 8px}.touch-category-rail{width:auto}.touch-menu-workspace{grid-template-columns:90px 1fr}}


/* v2.24 DEFAULT 3D TOUCH POS THEME
   Reference direction: navy header, orange primary, white cards, colorful 3D touch controls. */
:root{
  --pos-navy:#171c33;
  --pos-navy-2:#10152a;
  --pos-orange:#f79416;
  --pos-orange-hi:#ffad26;
  --pos-orange-shadow:#b85c00;
  --pos-blue:#2789df;
  --pos-blue-shadow:#14599b;
  --pos-green:#27ad63;
  --pos-green-shadow:#14713e;
  --pos-red:#e34d59;
  --pos-red-shadow:#a72734;
  --pos-purple:#735bd2;
  --pos-purple-shadow:#46349a;
  --pos-teal:#1aa99b;
  --pos-teal-shadow:#0d7067;
  --pos-pink:#d74f88;
  --pos-pink-shadow:#96315c;
  --pos-slate:#66758a;
  --pos-slate-shadow:#3c4859;
  --pos-yellow:#e8a11d;
  --pos-yellow-shadow:#a9670a;
}

/* Make the supplied reference palette the default inside all POS/KDS/Restaurant workspaces. */
.cashier-kiosk,
.cashier-ops-page,
.touch-floor-page,
.restaurant-order-page,
.restaurant-bill-page,
.kds-screen,
.pos-complete-screen{
  --theme:var(--pos-orange);
  --theme-dark:#c96a08;
  --theme-soft:#fff2df;
  font-family:Inter,Segoe UI,Arial,sans-serif;
}

/* Common 3D press behavior for every clickable operational control. */
.cashier-kiosk button,
.cashier-kiosk a.pos-fn,
.cashier-kiosk a.touch-mode-btn,
.cashier-ops-page button,
.cashier-ops-page a.btn,
.touch-floor-page button,
.touch-floor-page a.touch-card-btn,
.touch-floor-page a.touch-section-card,
.touch-floor-page a.touch-pos-modes,
.touch-floor-page .touch-pos-modes a,
.touch-floor-page .sidepanel-quick a,
.restaurant-order-page button,
.restaurant-order-page a.btn,
.restaurant-bill-page button,
.restaurant-bill-page a.btn,
.kds-screen button,
.kds-screen a.btn,
.pos-complete-screen button,
.pos-complete-screen a.btn{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  user-select:none;
  transition:transform .08s ease,filter .08s ease,box-shadow .08s ease;
}
.cashier-kiosk button:active,
.cashier-kiosk a.pos-fn:active,
.cashier-kiosk a.touch-mode-btn:active,
.cashier-ops-page button:active,
.cashier-ops-page a.btn:active,
.touch-floor-page button:active,
.touch-floor-page .touch-pos-modes a:active,
.touch-floor-page a.touch-card-btn:active,
.touch-floor-page a.touch-section-card:active,
.touch-floor-page .sidepanel-quick a:active,
.restaurant-order-page button:active,
.restaurant-order-page a.btn:active,
.restaurant-bill-page button:active,
.restaurant-bill-page a.btn:active,
.kds-screen button:active,
.kds-screen a.btn:active,
.pos-complete-screen button:active,
.pos-complete-screen a.btn:active{
  transform:translateY(3px) scale(.99)!important;
  filter:brightness(.98);
}

/* Header/nav from supplied screen. */
.cashier-header,
.touch-pos-topnav{
  background:linear-gradient(180deg,var(--pos-navy),var(--pos-navy-2))!important;
  color:#fff!important;
  border-bottom:0!important;
}
.cashier-header .cashier-brand strong,
.cashier-header .cashier-brand span,
.cashier-header .cashier-user{color:#fff!important}
.cashier-header .cashier-user{background:rgba(255,255,255,.08)!important}
.touch-pos-title{color:#ff9d19!important}

/* Main orange 3D actions. */
.cashier-kiosk .kiosk-settle-button,
.cashier-kiosk .pos-confirm-settle,
.restaurant-order-page #kotForm button[type="submit"],
.restaurant-order-page .table-bill-actions .btn.primary,
.restaurant-bill-page .cashier-settlement-card .btn.primary,
.pos-complete-screen .complete-actions .btn.primary,
.touch-floor-page .touch-card-btn.orange,
.touch-floor-page .seat-table-btn,
.touch-floor-page .touch-big-btn.btn.primary{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(180deg,var(--pos-orange-hi),var(--pos-orange))!important;
  box-shadow:0 5px 0 var(--pos-orange-shadow),0 9px 16px rgba(201,105,0,.22)!important;
  text-shadow:0 1px 1px rgba(90,40,0,.25);
  font-weight:900!important;
}
.cashier-kiosk .kiosk-settle-button:hover,
.cashier-kiosk .pos-confirm-settle:hover,
.restaurant-order-page #kotForm button[type="submit"]:hover,
.restaurant-bill-page .cashier-settlement-card .btn.primary:hover{
  filter:brightness(1.05);
}

/* Modal secondary and close controls. */
.pos-modal .btn.outline,
.restaurant-order-page .btn.outline,
.restaurant-bill-page .btn.outline,
.cashier-ops-page .btn.outline,
.pos-complete-screen .btn.outline{
  border:0!important;color:#fff!important;
  background:linear-gradient(180deg,#7e8da0,var(--pos-slate))!important;
  box-shadow:0 4px 0 var(--pos-slate-shadow),0 7px 12px rgba(55,69,86,.18)!important;
  font-weight:900!important;
}
.pos-modal-head>button{
  color:#fff!important;border:0!important;
  background:linear-gradient(180deg,#67758a,#3f4c60)!important;
  box-shadow:0 3px 0 #293443!important;
}

/* Top direct-order modes — same layout/palette as supplied reference. */
.touch-modebar .touch-mode-btn{
  min-height:48px!important;
  border-radius:24px!important;
  color:#fff!important;
}
.touch-modebar .touch-mode-btn.dinein{background:linear-gradient(#ffad26,#f1870d)!important;box-shadow:0 5px 0 #a95000,0 8px 14px rgba(233,123,8,.28)!important}
.touch-modebar .touch-mode-btn.takeaway{background:linear-gradient(#596781,#303a53)!important;box-shadow:0 5px 0 #181e31,0 8px 14px rgba(13,20,37,.22)!important}
.touch-modebar .touch-mode-btn.delivery{background:linear-gradient(#31b486,#16825f)!important;box-shadow:0 5px 0 #0d593f,0 8px 14px rgba(18,130,95,.22)!important}
.touch-modebar .touch-mode-btn.drive{background:linear-gradient(#5d6b85,#333e57)!important;box-shadow:0 5px 0 #1b2234,0 8px 14px rgba(13,20,37,.22)!important}
.touch-modebar .touch-mode-btn.online{background:linear-gradient(#2f9bc8,#176c98)!important;box-shadow:0 5px 0 #0f4869,0 8px 14px rgba(23,108,152,.22)!important}
.touch-modebar .touch-mode-btn.staff{background:linear-gradient(#69768d,#3b465c)!important;box-shadow:0 5px 0 #222b3c,0 8px 14px rgba(13,20,37,.22)!important}
.touch-modebar .touch-mode-btn.orders{background:linear-gradient(#4f5d76,#2c354d)!important;box-shadow:0 5px 0 #171e31,0 8px 14px rgba(13,20,37,.22)!important}
.touch-modebar .touch-mode-btn.selected{
  background:linear-gradient(#ffad26,#f1870d)!important;
  box-shadow:0 5px 0 #a95000,0 8px 14px rgba(233,123,8,.28)!important;
  outline:2px solid rgba(255,255,255,.5)!important;
}

/* Function buttons below totals: unique colors for quick recognition. */
.under-total-actions .touch-action{
  min-height:49px!important;
  height:49px!important;
  border-radius:11px!important;
  font-size:10px!important;
  letter-spacing:.1px;
}
.under-total-actions .hold{background:linear-gradient(#ffb332,#eb850e)!important;box-shadow:0 5px 0 #a95300,0 8px 13px rgba(235,133,14,.22)!important}
.under-total-actions .recall{background:linear-gradient(#45a8f2,var(--pos-blue))!important;box-shadow:0 5px 0 var(--pos-blue-shadow),0 8px 13px rgba(39,137,223,.22)!important}
.under-total-actions .void{background:linear-gradient(#ef6570,var(--pos-red))!important;box-shadow:0 5px 0 var(--pos-red-shadow),0 8px 13px rgba(227,77,89,.2)!important}
.under-total-actions .refund{background:linear-gradient(#8d77e5,var(--pos-purple))!important;box-shadow:0 5px 0 var(--pos-purple-shadow),0 8px 13px rgba(115,91,210,.2)!important}
.under-total-actions .handover{background:linear-gradient(#35bdb0,var(--pos-teal))!important;box-shadow:0 5px 0 var(--pos-teal-shadow),0 8px 13px rgba(26,169,155,.2)!important}
.under-total-actions .clear{background:linear-gradient(#8290a3,var(--pos-slate))!important;box-shadow:0 5px 0 var(--pos-slate-shadow),0 8px 13px rgba(102,117,138,.2)!important}
.under-total-actions .discount{background:linear-gradient(#e66ca4,var(--pos-pink))!important;box-shadow:0 5px 0 var(--pos-pink-shadow),0 8px 13px rgba(215,79,136,.2)!important}
.under-total-actions .aggregator{background:linear-gradient(#f2b13c,var(--pos-yellow))!important;box-shadow:0 5px 0 var(--pos-yellow-shadow),0 8px 13px rgba(232,161,29,.2)!important}

/* Payment buttons are also 3D and color-coded. */
.payment-choice-grid button,
.bill-payment-choices button{
  min-height:88px!important;
  border:0!important;
  border-radius:14px!important;
  color:#fff!important;
  font-size:29px!important;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
}
.payment-choice-grid button[data-pay-choice="Cash"],
.bill-payment-choices button[data-pay="Cash"]{
  background:linear-gradient(#39bd70,#1d9e55)!important;
  box-shadow:0 6px 0 #116d3a,0 10px 16px rgba(29,158,85,.2)!important;
}
.payment-choice-grid button[data-pay-choice="Card"],
.bill-payment-choices button[data-pay="Card"]{
  background:linear-gradient(#4aa8ef,#287fc8)!important;
  box-shadow:0 6px 0 #18558c,0 10px 16px rgba(40,127,200,.2)!important;
}
.payment-choice-grid button[data-pay-choice="Split"],
.bill-payment-choices button[data-pay="Split"]{
  background:linear-gradient(#8b78e7,#6753c7)!important;
  box-shadow:0 6px 0 #443492,0 10px 16px rgba(103,83,199,.2)!important;
}
.payment-choice-grid button[data-pay-choice="Credit"],
.bill-payment-choices button[data-pay="Credit"]{
  background:linear-gradient(#f1ae37,#d98413)!important;
  box-shadow:0 6px 0 #995709,0 10px 16px rgba(217,132,19,.2)!important;
}
.payment-choice-grid button.selected,
.bill-payment-choices button.selected{
  outline:4px solid #fff!important;
  outline-offset:-7px!important;
  filter:brightness(1.08);
}

/* Category and product tiles become true touch cards. */
.touch-category-btn{
  min-height:78px!important;
  border-radius:13px!important;
  box-shadow:0 5px 0 #d0d8dc,0 8px 13px rgba(29,47,58,.12)!important;
}
.touch-category-btn.active{
  background:linear-gradient(#ffad26,#f1870d)!important;
  box-shadow:0 5px 0 #a95000,0 8px 13px rgba(241,135,13,.22)!important;
}
.visual-pos-tile,
.kot-item-tile{
  border-radius:14px!important;
  box-shadow:0 6px 0 #d4dce0,0 10px 17px rgba(27,44,54,.14)!important;
}
.visual-pos-tile:active,
.kot-item-tile:active{
  transform:translateY(4px)!important;
  box-shadow:0 2px 0 #ccd5da,0 4px 8px rgba(27,44,54,.11)!important;
}

/* Table/floor buttons — colors by action. */
.touch-table-card{
  box-shadow:0 7px 0 #d2d9dd,0 11px 20px rgba(23,42,53,.14)!important;
}
.touch-card-btn.green{background:linear-gradient(#36bf70,#1ca155)!important;box-shadow:0 4px 0 #126f39!important}
.touch-card-btn.teal{background:linear-gradient(#31b9ad,#168d82)!important;box-shadow:0 4px 0 #0d625a!important}
.touch-card-btn.orange{background:linear-gradient(#ffad26,#f1870d)!important;box-shadow:0 4px 0 #a95000!important}
.touch-section-card{
  box-shadow:0 4px 0 #d1dade,0 7px 12px rgba(28,45,56,.1)!important;
}
.touch-section-card.active{
  background:linear-gradient(#ffad26,#f1870d)!important;
  box-shadow:0 5px 0 #a95000,0 8px 13px rgba(241,135,13,.22)!important;
}
.sidepanel-quick a:nth-child(1){background:linear-gradient(#4ba8f0,#287fc8)!important;box-shadow:0 4px 0 #18558c!important}
.sidepanel-quick a:nth-child(2){background:linear-gradient(#35bd8c,#19865f)!important;box-shadow:0 4px 0 #0f5b40!important}
.sidepanel-quick a:nth-child(3){background:linear-gradient(#ef6254,#ca3c31)!important;box-shadow:0 4px 0 #92281f!important}

/* KOT/order workflow controls. */
.restaurant-order-page .table-bill-actions .btn.primary{min-height:44px!important}
.restaurant-order-page .table-bill-actions .btn.outline{min-height:44px!important}
.restaurant-order-page #kotForm button[type="submit"]{min-height:45px!important;border-radius:10px!important}
.kot-item-tile{background:linear-gradient(#fff,#f8fafb)!important}
.kot-item-tile:hover{border-color:#f19a22!important}

/* KDS action colors by status. */
.kds-actions button{
  min-height:46px!important;border:0!important;border-radius:10px!important;
  color:#fff!important;font-size:12px!important;font-weight:900!important;
}
.kds-ticket.new .kds-actions button{
  background:linear-gradient(#f5ad37,#dc8313)!important;
  box-shadow:0 5px 0 #995509!important;
}
.kds-ticket.preparing .kds-actions button{
  background:linear-gradient(#e95e55,#c83931)!important;
  box-shadow:0 5px 0 #8e251f!important;
}
.kds-ticket.ready .kds-actions button{
  background:linear-gradient(#36bd73,#1d9d58)!important;
  box-shadow:0 5px 0 #126c3b!important;
}

/* Refund/completion/operations buttons. */
.refund-footer .btn.primary{
  min-height:48px!important;border:0!important;color:#fff!important;
  background:linear-gradient(#8c76e5,#6753c7)!important;
  box-shadow:0 5px 0 #443492,0 8px 13px rgba(103,83,199,.2)!important;
}
.pos-complete-screen .complete-actions .danger-soft{
  border:0!important;color:#fff!important;
  background:linear-gradient(#eb6257,#c83c31)!important;
  box-shadow:0 5px 0 #8f281f,0 8px 13px rgba(200,60,49,.2)!important;
}
.cashier-logoff,.touch-logout{
  border:0!important;color:#fff!important;
  background:linear-gradient(#ef6255,#cf3d32)!important;
  box-shadow:0 4px 0 #93291f,0 7px 12px rgba(207,61,50,.2)!important;
}
.cashier-print-toggle{
  border:0!important;
  background:linear-gradient(#fff,#e9eef1)!important;
  color:#344858!important;
  box-shadow:0 4px 0 #c8d2d7,0 7px 11px rgba(40,58,69,.12)!important;
}
.cashier-print-toggle.active{
  background:linear-gradient(#43bf75,#249d5a)!important;
  color:#fff!important;
  box-shadow:0 4px 0 #166d3e,0 7px 11px rgba(36,157,90,.18)!important;
}

/* Bigger hit areas everywhere on touch POS without enlarging reports/forms. */
.cashier-kiosk .btn,
.cashier-kiosk .pos-fn,
.cashier-ops-page .btn,
.restaurant-order-page .btn,
.restaurant-bill-page .btn,
.pos-complete-screen .btn{
  min-height:42px;
  padding-left:14px!important;
  padding-right:14px!important;
  border-radius:9px!important;
}
.pos-modal .btn{min-height:44px!important;border-radius:10px!important}
.pos-modal-head>button{width:39px!important;height:39px!important}

/* Preserve reference layout on standard 1366–1920 touch displays. */
@media(min-width:1280px){
  .under-total-actions{grid-template-columns:repeat(8,minmax(78px,1fr))!important}
  .touch-product-area .visual-item-tiles{grid-template-columns:repeat(3,minmax(135px,1fr))!important}
}

.touch-3d-orange{background:linear-gradient(#ffad26,#f1870d)!important;box-shadow:0 5px 0 #a95000!important;color:#fff!important;border:0!important}
.touch-3d-blue{background:linear-gradient(#49a7ef,#287fc8)!important;box-shadow:0 5px 0 #18558c!important;color:#fff!important;border:0!important}
.touch-3d-green{background:linear-gradient(#39bd70,#1d9e55)!important;box-shadow:0 5px 0 #116d3a!important;color:#fff!important;border:0!important}
.touch-3d-purple{background:linear-gradient(#8b78e7,#6753c7)!important;box-shadow:0 5px 0 #443492!important;color:#fff!important;border:0!important}

/* v2.25 localized full-screen POS + hardware settings + thermal formats */
html:has(body.pos-kiosk-page),html:has(.touch-floor-page),html:has(.restaurant-order-page),html:has(.restaurant-bill-page){overflow:hidden!important}
body.pos-kiosk-page{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.pos-kiosk-page .app-shell,body.pos-kiosk-page .app-frame,body.pos-kiosk-page .app-content{position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important}
.cashier-kiosk,.touch-floor-page,.restaurant-order-page,.restaurant-bill-page,.kds-screen{width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important}
.cashier-hardware-settings{height:36px;display:flex;align-items:center;padding:0 10px;border-radius:9px;text-decoration:none;color:#fff!important;font-size:10px;font-weight:900;background:linear-gradient(#8d79e8,#6550c4);box-shadow:0 4px 0 #433391}
.kiosk-bottom-fields{grid-template-columns:125px minmax(120px,1fr) 132px 160px!important}.kiosk-receipt-button{height:44px;border:0;border-radius:9px;color:#fff;background:linear-gradient(#36b8ad,#168b80);box-shadow:0 4px 0 #0d625a,0 7px 12px rgba(22,139,128,.18);font-size:12px;font-weight:900;cursor:pointer}.kiosk-receipt-button:active{transform:translateY(3px);box-shadow:0 1px 0 #0d625a}
html[dir="rtl"] .cashier-header,html[dir="rtl"] .touch-pos-topnav{direction:rtl}html[dir="rtl"] .pos-kiosk-grid{direction:rtl}html[dir="rtl"] .kiosk-cart-table,html[dir="rtl"] .thermal-ticket{direction:rtl}html[dir="rtl"] .touch-menu-workspace{grid-template-columns:1fr 112px}html[dir="rtl"] .touch-category-rail{border-right:0;border-left:1px solid #d9e2e7}

.pos-hardware-settings{padding:10px;min-height:100vh;background:#eef3f5}.hardware-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hardware-settings-grid .smart-card{margin:0}.hardware-toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:8px 0}.hardware-toggle-grid label{min-height:42px;display:flex;align-items:center;gap:7px;border:1px solid #d8e2e7;border-radius:9px;padding:7px;background:#f8fbfc;font-weight:700}.hardware-toggle-grid input{width:20px!important;height:20px!important}.hardware-savebar{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:10px;background:rgba(238,243,245,.94);border-top:1px solid #d5e0e4}.hardware-savebar button{min-width:190px;min-height:48px}
.receipt-template-settings{grid-column:1/-1}
@media(max-width:900px){.hardware-settings-grid{grid-template-columns:1fr}.receipt-template-settings{grid-column:auto}.kiosk-bottom-fields{grid-template-columns:1fr 1fr!important}.cashier-hardware-settings{display:none}}

/* Shared 80mm thermal ticket styling based on supplied KOT/receipt/bill samples. */
.thermal-ticket{width:80mm;box-sizing:border-box;background:#fff;color:#555;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.15;padding:2.5mm;margin:0 auto}
.thermal-center{text-align:center}.thermal-brand{font-size:19px;font-weight:800;margin-bottom:5px}.thermal-title{font-size:20px;font-weight:900;margin:8px 0 5px}.thermal-header-line{font-size:15px;font-weight:700;margin:3px 0}.thermal-rule{border-top:1px solid #222;margin:5px 0}.thermal-meta.two-col{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:12px}.thermal-meta.two-col>div:nth-child(even){text-align:right}.thermal-table{width:100%;border-collapse:collapse}.thermal-table th{font-size:13px;font-weight:900;border-top:1px solid #222;border-bottom:1px solid #222;padding:4px 2px}.thermal-table td{padding:3px 2px;vertical-align:top}.thermal-table th:first-child,.thermal-table td:first-child{text-align:left}.thermal-table th:not(:first-child),.thermal-table td:not(:first-child){text-align:right}.kot-table th:nth-child(2),.kot-table td:nth-child(2){text-align:left}.kot-note-row td{padding-top:0!important;font-style:italic;font-size:10px}.thermal-kot-note{font-size:10px;font-style:italic;padding:4px 0}.thermal-summary{display:flex;gap:8px;font-size:14px}.thermal-user{font-size:12px;margin-top:7px}.thermal-qr{width:115px;height:115px;margin-top:4px}.thermal-small{font-size:9px}.thermal-thanks{font-size:16px;font-weight:900;margin-top:7px}.thermal-customer{padding:4px 0}.thermal-totals{font-size:13px}.thermal-totals>div{display:grid;grid-template-columns:1fr auto;gap:8px;padding:2px}.thermal-totals>div:first-child{grid-template-columns:1fr auto auto;border-top:1px solid #222}.thermal-total{font-size:15px;font-weight:900;border-top:1px solid #222;border-bottom:1px solid #222;padding:4px 0!important}
.kot-reference-ticket{font-size:12px}.kot-reference-ticket .thermal-brand{font-size:18px}.final-bill-ticket{font-size:12px}

@media screen{
 .pos-print-receipt.thermal-ticket{position:absolute!important;left:-10000px!important;top:0!important}
 .kot-print-ticket{position:static}
}
@media print{
 html,body{width:80mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
 body *{visibility:hidden!important}
 .thermal-ticket,.thermal-ticket *{visibility:visible!important}
 .thermal-ticket{position:absolute!important;left:0!important;top:0!important;width:80mm!important;margin:0!important;padding:2.5mm!important}
 .no-print,.kot-print-actions{display:none!important}
 @page{size:80mm auto;margin:0}
}

.pos-kiosk-language{position:fixed;right:112px;top:10px;z-index:500;display:flex;align-items:center;gap:5px;height:38px;padding:0 7px;border-radius:10px;background:rgba(255,255,255,.12);backdrop-filter:blur(4px)}
.pos-kiosk-language span{font-size:16px}.pos-kiosk-language select{height:30px!important;min-height:30px!important;width:90px!important;margin:0!important;padding:2px 5px!important;border:0!important;border-radius:7px!important;background:#fff!important;color:#223342!important;font-size:10px!important;font-weight:800}
html[dir="rtl"] .pos-kiosk-language{right:auto;left:112px}
@media(max-width:900px){.pos-kiosk-language{right:70px;top:11px}.pos-kiosk-language select{width:72px!important}html[dir="rtl"] .pos-kiosk-language{right:auto;left:70px}}

.customer-display-screen{width:100vw;height:100dvh;background:linear-gradient(135deg,#10152a,#1e2946);color:#fff;display:flex;flex-direction:column;overflow:hidden}
.customer-display-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;background:rgba(0,0,0,.18);border-bottom:3px solid #f79416}.customer-display-header h1{font-size:30px;margin:0;color:#ffad26}.customer-display-header p{margin:4px 0 0;color:#d6ddeb}.customer-display-header #cdClock{font-size:28px;font-weight:800}
.customer-display-main{display:grid;grid-template-columns:1fr 320px;gap:14px;flex:1;min-height:0;padding:14px}.customer-display-main>section{background:#fff;color:#243746;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.customer-display-main h2{margin:0;padding:14px 18px;background:#f7f9fa;border-bottom:1px solid #dbe4e8;font-size:22px}.customer-display-items{overflow:auto;padding:10px}.customer-display-items>div:not(.empty-cell){display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:14px;border-bottom:1px solid #e1e7ea;font-size:18px}.customer-display-items strong{color:#e47a0c;font-size:20px}.customer-display-main>aside{display:grid;gap:10px;align-content:end}.customer-display-main>aside>div{background:#fff;color:#243746;border-radius:14px;padding:15px;box-shadow:0 6px 0 rgba(0,0,0,.12)}.customer-display-main small{display:block;font-size:13px;color:#70808b}.customer-display-main strong{display:block;font-size:27px;margin-top:4px}.customer-display-main .cd-net{background:linear-gradient(#ffad26,#f1870d);color:#fff}.customer-display-main .cd-net small{color:#fff}.customer-display-main .cd-net strong{font-size:38px}.customer-display-screen footer{text-align:center;padding:12px;font-size:18px;font-weight:800;color:#ffbd52}

/* v2.26 Smart POS: language changes text only; POS geometry never mirrors/reflows. */
.pos-kiosk-page .cashier-kiosk,
.pos-kiosk-page .touch-floor-page,
.pos-kiosk-page .restaurant-order-page,
.pos-kiosk-page .restaurant-bill-page,
.pos-kiosk-page .kds-screen,
.pos-kiosk-page .customer-display-screen{
  direction:ltr!important;
}
.pos-text-rtl .cashier-kiosk label,
.pos-text-rtl .cashier-kiosk .cashier-brand,
.pos-text-rtl .cashier-kiosk .pos-item-tile-body,
.pos-text-rtl .touch-floor-page .touch-section-card,
.pos-text-rtl .touch-floor-page .touch-table-info,
.pos-text-rtl .touch-floor-page .sidepanel-head,
.pos-text-rtl .restaurant-order-page label,
.pos-text-rtl .restaurant-bill-page label,
.pos-text-rtl .kds-screen .kds-ticket{
  text-align:right;
}
.pos-text-rtl .cashier-kiosk input,
.pos-text-rtl .cashier-kiosk textarea,
.pos-text-rtl .cashier-kiosk select,
.pos-text-rtl .restaurant-order-page input,
.pos-text-rtl .restaurant-order-page textarea{
  direction:rtl;
  text-align:right;
}
.pos-text-rtl .cashier-kiosk .qty-stepper input,
.pos-text-rtl .cashier-kiosk input[type=number]{
  direction:ltr;
  text-align:center;
}
.pos-text-rtl .touch-pos-topnav,
.pos-text-rtl .touch-pos-modes,
.pos-text-rtl .touch-floor-shell,
.pos-text-rtl .touch-table-grid,
.pos-text-rtl .touch-menu-workspace,
.pos-text-rtl .pos-kiosk-grid{
  direction:ltr!important;
}
.pos-assigned-context{min-width:210px;max-width:310px;height:38px;display:flex;align-items:center;gap:7px;padding:4px 9px;border-radius:9px;background:rgba(255,255,255,.12);color:#fff;overflow:hidden}
.pos-assigned-context>span{font-size:18px}.pos-assigned-context div{min-width:0}.pos-assigned-context small,.pos-assigned-context b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-assigned-context small{font-size:8px;opacity:.75}.pos-assigned-context b{font-size:10px}
.operational-profile-card{margin-top:10px}.operational-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.operational-profile-grid label{display:flex;flex-direction:column;font-size:10px}.profile-readonly{min-height:40px;padding:6px 8px;border:1px solid #d8e2e7;border-radius:8px;background:#f5f8fa}.profile-readonly b,.profile-readonly span{display:block}.profile-readonly span{font-size:9px;color:#71818b}.operational-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.operational-toggle-grid label{display:grid;grid-template-columns:24px 1fr;gap:6px;align-items:start;padding:8px;border:1px solid #d8e2e7;border-radius:9px;background:#f8fbfc}.operational-toggle-grid input{width:20px!important;height:20px!important}.operational-toggle-grid b,.operational-toggle-grid small{display:block}.operational-toggle-grid small{font-size:9px;color:#70808a;margin-top:2px}.smart-context-note{margin-top:8px;padding:8px 10px;border-radius:8px;background:#fff6e7;border:1px solid #f0d5a5;font-size:10px}
.minimal-seat-grid{grid-template-columns:1.15fr 1fr 1fr!important}.smart-seat-context{display:flex;align-items:center;gap:7px;min-height:48px;padding:7px;border:1px solid #dbe4e8;border-radius:9px;background:#f7fafb}.smart-seat-context>span{font-size:22px}.smart-seat-context small,.smart-seat-context b{display:block}.smart-seat-context small{font-size:8px;color:#788892}.smart-seat-context b{font-size:10px}.quick-seat-form{margin:0 9px 9px}.quick-seat-form .touch-card-btn{width:100%!important;margin:0!important}
@media(max-width:1100px){.operational-profile-grid{grid-template-columns:repeat(2,1fr)}.operational-toggle-grid{grid-template-columns:1fr}.minimal-seat-grid{grid-template-columns:1fr!important}.smart-seat-context{display:none}}

/* v2.27 Metallic Black Virtual Keyboard / Numpad */
.soft-keyboard{
  position:fixed;left:50%;bottom:10px;transform:translate(-50%,24px) scale(.98);
  z-index:10000;opacity:0;pointer-events:none;transition:.14s ease;
  width:min(980px,calc(100vw - 18px));filter:drop-shadow(0 18px 35px rgba(0,0,0,.42));
}
.soft-keyboard.show{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.soft-keyboard.numpad-mode{width:min(390px,calc(100vw - 18px))}
.vk-shell{
  border:1px solid #5f6872;border-radius:17px;padding:8px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 20%),
    linear-gradient(145deg,#282d33,#090b0e 58%,#161a1f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 5px rgba(0,0,0,.9),0 0 0 2px #101317;
}
.vk-head{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 6px;color:#eef4f8}
.vk-head>div{display:flex;align-items:center;gap:8px}.vk-led{width:9px;height:9px;border-radius:50%;background:#32e68b;box-shadow:0 0 9px #32e68b}
.vk-title{font-size:12px;letter-spacing:.2px}.vk-head-actions button{
  height:28px;min-width:42px;border:0;border-radius:7px;color:#fff;font-weight:900;
  background:linear-gradient(#4b5663,#252b32);box-shadow:0 3px 0 #080a0c;
}
.vk-head-actions .vk-switch-keyboard{background:linear-gradient(#2b9ee7,#17649a);box-shadow:0 3px 0 #0b3c61}
.vk-head-actions .vk-switch-numpad{background:linear-gradient(#30bd7a,#18864f);box-shadow:0 3px 0 #0a5330}
.vk-head-actions .vk-close{background:linear-gradient(#ef6158,#b92d28);box-shadow:0 3px 0 #711812}
.vk-body{display:flex;flex-direction:column;gap:6px}.vk-row{display:flex;gap:6px}
.vk-key{
  flex:1;min-width:36px;height:48px;border:1px solid #606973;border-radius:8px;
  color:#f8fbfd;font-size:15px;font-weight:800;text-shadow:0 1px 1px #000;
  background:linear-gradient(180deg,#454b52 0,#252a30 42%,#111418 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 0 #050607,0 6px 8px rgba(0,0,0,.48);
}
.vk-key:active{transform:translateY(3px);box-shadow:inset 0 1px 4px #000,0 1px 0 #050607}
.vk-key.space{flex:6}
.vk-key.special{font-size:11px}
.vk-key.key-tab{background:linear-gradient(#4ca8ee,#246fa9);box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 0 #123f62}
.vk-key.key-enter{background:linear-gradient(#37c978,#168f4c);box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 0 #07542b}
.vk-key.key-space{background:linear-gradient(#8e73e1,#5740b0);box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 0 #34256d}
.vk-key.key-f11{background:linear-gradient(#f2ad35,#d77a09);box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 0 #8a4800}
.vk-key.key-backspace{background:linear-gradient(#ec655d,#b9322d);box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 0 #741b17}
.vk-key.key-clear{background:linear-gradient(#dc5790,#a72d62);box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 0 #67153a}
.vk-key.key-close{background:linear-gradient(#697482,#373e47);box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 0 #171b20}
.vk-key.key-shift,.vk-key.key-caps{background:linear-gradient(#26b9b0,#14756f);box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 0 #084641}
.vk-key.active{outline:2px solid #ffb52d;filter:brightness(1.18)}
.vk-hint{text-align:center;color:#aab5be;font-size:9px;padding:8px 2px 1px;letter-spacing:.2px}
.numpad-mode .vk-key{height:58px;font-size:20px}
.soft-field-wrap{display:flex;align-items:stretch;gap:4px;min-width:0}.soft-field-wrap>input,.soft-field-wrap>textarea{min-width:0;flex:1}
.soft-field-wrap.compact{gap:2px}.soft-input-btn{
  flex:0 0 auto;min-width:38px;border:0;border-radius:7px;color:#fff;font-size:10px;font-weight:900;
  background:linear-gradient(#3d4650,#1d2228);box-shadow:0 3px 0 #080a0c;cursor:pointer
}
.soft-input-btn:hover{filter:brightness(1.15)}.soft-input-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #080a0c}
.soft-input-btn.mini{min-width:31px;font-size:8px;padding:0 3px}
.pos-search-soft{height:100%}.pos-search-soft input{height:100%}

/* Combo / modifier master & touch selector */
.resto-custom-master,.resto-custom-grid{margin-top:10px}.modifier-master-group,.combo-master-card{
  margin-top:8px;padding:8px;border:1px solid #d7e1e5;border-radius:10px;background:#f8fbfc
}
.modifier-master-group>div:first-child,.combo-master-card>div:first-child{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.modifier-master-group small,.combo-master-card small{color:#71818a}.modifier-chip-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.modifier-chip-row span{padding:5px 8px;border-radius:14px;background:#eaf2f5;border:1px solid #cddde3;font-size:9px;font-weight:800}
.modifier-chip-row em{color:#e47a0c;font-style:normal;margin-left:3px}
.item-customize-card{width:min(720px,94vw)!important;max-height:90vh;overflow:auto}
.customize-groups{display:grid;gap:9px;padding:9px}.custom-group{padding:9px;border:1px solid #dbe4e8;border-radius:11px;background:#f8fafb}
.custom-group.invalid{border:2px solid #e04a56;background:#fff2f3}.custom-group-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.custom-group-title b,.custom-group-title small{display:block}.custom-group-title small{font-size:9px;color:#71808b;margin-top:2px}
.custom-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.custom-choice{position:relative;display:block;cursor:pointer}.custom-choice input{position:absolute;opacity:0}
.custom-choice span{min-height:55px;display:flex;flex-direction:column;justify-content:center;padding:7px 9px;border:2px solid #d6e0e4;border-radius:10px;background:#fff;box-shadow:0 3px 0 #cbd5d9}
.custom-choice input:checked+span{border-color:#f79316;background:#fff4e5;box-shadow:0 3px 0 #bc6508}
.custom-choice b,.custom-choice small{display:block}.custom-choice small{color:#e47a0c;margin-top:2px}
.customize-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:9px;background:#fff;border-top:1px solid #dde5e8}
.customize-footer>div:first-child{margin-right:auto}.customize-footer small,.customize-footer strong{display:block}.customize-footer strong{font-size:18px;color:#e37808}
.direct-kitchen-controls{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;padding:0 9px 9px}.direct-kitchen-controls label{font-size:10px;font-weight:800}
.kot-selection-summary,.pos-line-selection{display:block;color:#7d5bd1;font-size:9px;font-style:normal;margin-top:3px;max-width:220px;white-space:normal}
.kot-item-tile em,.pos-customize-badge{display:block;font-style:normal;font-size:8px;color:#8259c9;margin-top:3px}
.kot-cart .kot-note-select{margin-bottom:4px;width:100%}.kot-cart .kot-remark{width:100%}
@media(max-width:800px){
 .custom-choice-grid{grid-template-columns:repeat(2,1fr)}
 .direct-kitchen-controls{grid-template-columns:1fr}
 .vk-key{height:42px;font-size:12px}.soft-keyboard{bottom:4px}
}

.thermal-line-note{display:block;font-size:8px;font-style:italic;color:#666;margin-top:1px}

/* v2.28 Simplified order-taking POS */
.cashier-kiosk .simplified-modebar{margin:0!important;min-height:58px!important;padding:5px 10px!important}
.cashier-kiosk .pos-kiosk-grid{top:auto!important;flex:1!important;min-height:0!important}
.cashier-kiosk{display:flex!important;flex-direction:column!important}
.cashier-kiosk>form{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1!important}
.cashier-header{flex:0 0 auto}
.header-orders-button{position:relative;height:38px;min-width:88px;border:0;border-radius:9px;color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.header-orders-button b,.touch-mode-btn.orders em{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;padding:0 5px;border-radius:10px;background:#ef3f47;color:#fff;font-size:9px;font-style:normal}
.touch-mode-btn.orders{position:relative}.touch-mode-btn.orders em{position:absolute;right:4px;top:3px}
.header-context-selector{max-width:260px}
.kiosk-bottom-fields{grid-template-columns:minmax(160px,1fr) 132px 160px!important}
.order-confirm-card{width:min(790px,95vw)!important;max-height:92vh;overflow:auto}
.order-confirm-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:linear-gradient(90deg,#17243a,#273854);color:#fff;border-radius:10px;margin:9px}
.order-confirm-summary span{font-size:13px;font-weight:800}.order-confirm-summary strong{font-size:22px;color:#ffad24}
.order-confirm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px 9px 9px}
.order-confirm-grid label{display:flex;flex-direction:column;font-size:10px;font-weight:800;gap:3px}
.order-confirm-grid label small{font-size:8px;color:#788894;font-weight:600}
.order-confirm-grid .wide{grid-column:span 2}
.order-confirm-aggregator{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;padding:7px;border:1px solid #d7e1e6;border-radius:9px;background:#f8fafb}
.order-confirm-aggregator span{font-size:10px;font-weight:800;color:#5e6d78}
.order-confirm-hint{margin:0 9px 7px;padding:7px 9px;background:#eef7ff;border:1px solid #cfe4f5;border-radius:8px;color:#486271;font-size:9px}
.pending-orders-card{width:min(900px,95vw)!important;max-height:88vh;display:flex;flex-direction:column}
.pending-orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid #dce4e8;background:#f7fafb;font-size:9px;color:#647681}
.pending-orders-list{padding:8px;display:grid;gap:7px;overflow:auto;min-height:220px;max-height:65vh}
.pending-order-row{display:grid;grid-template-columns:46px 1fr 150px 90px;align-items:center;gap:8px;padding:8px;border:1px solid #d8e2e6;border-radius:10px;background:#fff;box-shadow:0 3px 0 #d5dee2}
.pending-order-row.online{border-left:5px solid #169fd1}.pending-order-row.dinein{border-left:5px solid #f39a15}.pending-order-row.held{border-left:5px solid #7e62cf}
.pending-order-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf3f6;font-size:21px}
.pending-order-main strong,.pending-order-main span,.pending-order-main small{display:block}.pending-order-main strong{font-size:12px}.pending-order-main span{font-size:10px;margin-top:2px}.pending-order-main small{font-size:8px;color:#7a8993;margin-top:2px}
.pending-order-amount{text-align:right}.pending-order-amount em{display:block;font-style:normal;font-size:9px;color:#16875c;margin-top:2px}
.pending-order-row>button{height:38px;border:0;border-radius:8px;color:#fff;font-weight:900;background:linear-gradient(#2e9edc,#176ca4);box-shadow:0 3px 0 #0d476f}
.online-order-toast{position:fixed;right:18px;top:82px;z-index:12000;width:min(390px,calc(100vw - 24px));display:grid;grid-template-columns:48px 1fr auto;gap:9px;align-items:center;padding:10px 11px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#13243b,#1b5d79);border:1px solid #3f91ac;box-shadow:0 14px 30px rgba(0,0,0,.35);transform:translateX(30px);opacity:0;transition:.18s ease}
.online-order-toast.show{transform:translateX(0);opacity:1}.online-order-toast-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(#1cc5df,#11829c);box-shadow:0 4px 0 #07556a}
.online-order-toast small,.online-order-toast strong,.online-order-toast span{display:block}.online-order-toast small{font-size:8px;color:#9beeff;letter-spacing:.7px}.online-order-toast strong{font-size:13px;color:#fff}.online-order-toast span{font-size:9px;color:#c9e2eb;margin-top:2px}
.online-order-toast button{height:36px;border:0;border-radius:8px;padding:0 9px;background:linear-gradient(#ffad27,#e88008);color:#fff;font-size:9px;font-weight:900;box-shadow:0 3px 0 #9d5200}
@media(max-width:900px){
 .order-confirm-grid{grid-template-columns:repeat(2,1fr)}.order-confirm-grid .wide{grid-column:span 2}
 .pending-order-row{grid-template-columns:40px 1fr 78px}.pending-order-amount{display:none}
 .header-context-selector{display:none}.header-orders-button{min-width:64px}
}

.pending-order-detail{grid-column:2/-1;margin-top:5px;padding:7px 9px;border-radius:8px;background:#f3f8fa;border:1px solid #d6e5ea;font-size:9px}
.pending-order-detail>div:first-child b,.pending-order-detail>div:first-child span,.pending-order-detail>div:first-child small{display:block}
.pending-detail-lines{display:grid;gap:3px;margin-top:6px;padding-top:5px;border-top:1px dashed #bccdd4}
.pending-detail-lines>span{display:grid;grid-template-columns:1fr auto;gap:8px}.pending-detail-lines small{grid-column:1/-1;color:#7255aa}

/* v2.29 Kitchen Display — screenshot-matched dense touch board */
.kds-v229{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;background:#142630!important;color:#fff!important;padding:10px!important;box-sizing:border-box;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.kds-v229 .kds-header{height:82px;flex:0 0 82px;display:flex;align-items:center;justify-content:space-between;border-bottom:0!important;padding:8px 10px!important;background:#13232c!important}
.kds-v229 .kds-header h1{font-size:32px!important;line-height:1!important;margin:0!important;color:#fff!important}.kds-v229 .kds-header p{font-size:14px!important;color:#c7e4ec!important;margin:7px 0 0!important}
.kds-head-actions{display:flex;align-items:center;gap:10px}.kds-head-actions .btn{background:#fff!important;color:#0799dc!important;border:2px solid #19a8e6!important;min-height:46px!important;padding:0 22px!important;font-weight:900!important}
.kds-live{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:9px;background:#213640;color:#90efc0;font-size:10px;font-weight:900}.kds-live i{width:8px;height:8px;border-radius:50%;background:#20d77a;box-shadow:0 0 10px #20d77a}
.kds-status-strip{height:30px;display:flex;align-items:center;gap:18px;padding:0 8px;color:#c5d4da;font-size:10px}.kds-status-strip span{display:flex;align-items:center;gap:5px}.kds-status-strip i{width:9px;height:9px;border-radius:50%}.kds-status-strip i.new{background:#f2a01b}.kds-status-strip i.preparing{background:#e54a52}.kds-status-strip i.ready{background:#25b96d}.kds-status-strip strong{margin-left:auto;color:#fff}
.kds-v229 .kds-grid{flex:1;min-height:0;overflow:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(260px,1fr))!important;grid-auto-rows:minmax(300px,auto)!important;gap:8px!important;padding:0!important;align-content:start}
.kds-v229 .kds-ticket{min-width:0!important;background:#223741!important;border-radius:11px!important;overflow:hidden!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important}
.kds-v229 .kds-ticket.new{border-top:8px solid #f2a01b!important}.kds-v229 .kds-ticket.preparing{border-top:8px solid #e94f56!important}.kds-v229 .kds-ticket.ready{border-top:8px solid #26b76a!important}
.kds-v229 .kds-ticket-head{height:54px;display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:8px!important;padding:0 10px!important;background:#182e38!important;color:#fff!important}
.kds-v229 .kds-ticket-head b{font-size:16px!important;overflow-wrap:anywhere}.kds-v229 .kds-ticket-head span{font-size:13px!important;white-space:nowrap}.kds-v229 .kds-ticket-head strong{font-size:18px!important;white-space:nowrap}
.kds-ticket-sub{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#1c323c;color:#9db0b8;font-size:9px}.kds-ticket-sub em{font-style:normal;text-transform:uppercase;font-weight:900}
.kds-v229 .kds-ticket ul{list-style:none!important;margin:0!important;padding:7px 10px!important;flex:1!important;overflow:auto!important}
.kds-v229 .kds-ticket li{padding:8px 0!important;border-bottom:1px solid #3c5058!important}.kds-v229 .kds-ticket li b{font-size:15px!important;color:#fff!important}.kds-v229 .kds-ticket li small{display:block!important;margin-top:4px!important;color:#9bd6e9!important;font-size:11px!important;font-style:italic}
.kds-v229 .kds-actions{padding:8px!important;background:#223741!important}.kds-v229 .kds-action{width:100%!important;min-height:48px!important;border:0!important;border-radius:9px!important;color:#fff!important;font-weight:900!important;font-size:12px!important;box-shadow:0 5px 0 rgba(0,0,0,.25)!important;cursor:pointer!important}
.kds-action.start{background:linear-gradient(#f7a826,#e98b0d)!important}.kds-action.ready{background:linear-gradient(#ef5c58,#d83d3b)!important}.kds-action.served{background:linear-gradient(#32c875,#1ea95d)!important}
.kds-action:active{transform:translateY(3px)!important;box-shadow:0 2px 0 rgba(0,0,0,.25)!important}
.kds-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9cb0b9}.kds-empty span{font-size:58px}.kds-empty strong{font-size:24px;color:#fff;margin-top:8px}.kds-empty small{margin-top:5px}
@media(max-width:1100px){.kds-v229 .kds-grid{grid-template-columns:repeat(3,minmax(240px,1fr))!important}.kds-v229 .kds-header h1{font-size:26px!important}}
@media(max-width:800px){.kds-v229 .kds-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}}

/* v2.29 Restaurant KOT > Receipt > Final Bill workflow */
.restaurant-billing-v229{padding-bottom:18px}.billing-sequence-strip{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:5px;margin:8px 0;padding:8px;border:1px solid #d5e0e5;border-radius:11px;background:#f7fafb}.billing-sequence-strip>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:0 8px;align-items:center;padding:6px;border-radius:9px;background:#fff}.billing-sequence-strip>div>span{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dfe7eb;color:#51636d;font-weight:900}.billing-sequence-strip>div.done>span{background:#1eae69;color:#fff}.billing-sequence-strip b{font-size:11px}.billing-sequence-strip small{font-size:8px;color:#71808a}.billing-sequence-strip>i{text-align:center;font-size:28px;font-style:normal;color:#f09413}
.restaurant-bill-layout.v229{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr)!important;align-items:start}.bill-side-stack{display:grid;gap:10px}.bill-section-head{display:flex;align-items:center;justify-content:space-between}.bill-section-head h2,.bill-section-head p{margin:0}.bill-section-head p{font-size:9px;color:#6e7f89;margin-top:3px}
.receipt-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.receipt-action-grid form{margin:0}.receipt-action-grid button{width:100%;min-height:62px;border:0;border-radius:10px;color:#fff;font-weight:900;cursor:pointer}.receipt-action-grid button small{font-size:8px;font-weight:700;opacity:.88}.split-receipt-form{display:grid!important;grid-template-columns:95px 1fr;gap:6px}.split-count{display:grid;grid-template-columns:28px 1fr 28px;align-items:stretch}.split-count button,.split-count input{border:1px solid #ccd9df;text-align:center;font-weight:900}.split-count button{background:#eef3f5}.split-count input{min-width:0}
.receipt-list{display:grid;gap:6px;margin-bottom:9px}.receipt-summary-card{display:grid;grid-template-columns:1fr 150px 90px;gap:8px;align-items:center;padding:7px 9px;border:1px solid #d6e1e6;border-radius:9px;background:#fbfdfe}.receipt-summary-card>div span,.receipt-summary-card>div b,.receipt-summary-card>div small{display:block}.receipt-summary-card>div span{font-size:8px;color:#8656c5;text-transform:uppercase;font-weight:900}.receipt-summary-card>div b{font-size:11px}.receipt-summary-card>div small{font-size:8px;color:#71818a}.receipt-summary-card>strong{text-align:right;font-size:15px;color:#057f75}
.bill-kot-title{margin:7px 0 4px;font-size:12px}.bill-lines-wrap{max-height:290px;overflow:auto;border:1px solid #e0e7ea;border-radius:8px}.bill-kot-table{margin:0}.bill-kot-table td,.bill-kot-table th{font-size:9px!important;padding:5px!important}
.table-operation-card form{display:grid;gap:6px;margin:8px 0 12px}.table-operation-card label{font-size:9px;font-weight:800}.table-operation-card select{width:100%;margin-top:3px}.final-bill-note{padding:7px 9px;border:1px solid #f3d39e;border-radius:8px;background:#fff6e8;margin-bottom:8px}.final-bill-note b,.final-bill-note span{display:block}.final-bill-note b{font-size:10px}.final-bill-note span{font-size:8px;color:#786a54;margin-top:2px}
.cashier-settlement-card .payment-choice-grid{grid-template-columns:repeat(2,1fr)!important}.negative-stock-setting{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.negative-stock-setting select{max-width:130px!important}
.receipt-print-actions{display:flex;justify-content:center;gap:8px;margin:10px}
@media(max-width:1000px){.restaurant-bill-layout.v229{grid-template-columns:1fr!important}.receipt-action-grid{grid-template-columns:1fr 1fr}.billing-sequence-strip{grid-template-columns:1fr}.billing-sequence-strip>i{display:none}}

/* v2.30 POS input, search, credit and line instruction controls */
.touch-search-box{pointer-events:auto!important;position:relative!important}
.touch-search-box input{pointer-events:auto!important;cursor:text!important;user-select:text!important;padding-right:38px!important}
.search-soft-key{position:absolute;right:4px;top:4px;bottom:4px;width:32px;border:0;border-radius:7px;background:linear-gradient(#3f4a55,#171c22);color:#fff;box-shadow:0 3px 0 #080a0c;font-size:13px;z-index:3}
.kiosk-bottom-fields{gap:5px!important}.general-instruction-select{min-width:150px!important;max-width:210px!important}
.pos-bottom-action{min-width:104px!important;min-height:38px!important;border:0!important;border-radius:8px!important;color:#fff!important;font-size:9px!important;font-weight:900!important;box-shadow:0 4px 0 rgba(0,0,0,.3)!important}
.touch-3d-teal{background:linear-gradient(#27bdb1,#128176)!important}.touch-3d-purple{background:linear-gradient(#8a70dd,#5940b3)!important}.touch-3d-blue{background:linear-gradient(#31a7ea,#1870ab)!important}
#posCart tr{cursor:pointer}.selected-pos-line{outline:2px solid #f39a14!important;outline-offset:-2px;background:#fff7e9!important}
.extended-item-customize{grid-template-columns:1fr 1fr!important}.extended-item-customize .wide{grid-column:1/-1}.extended-item-customize small{font-size:8px;color:#73838c;margin-top:2px}
.credit-customer-card{width:min(720px,94vw)!important}.credit-balance-banner{display:flex;align-items:center;justify-content:space-between;margin:8px;padding:10px 12px;border-radius:10px;background:linear-gradient(90deg,#5c2d74,#8b4db1);color:#fff}.credit-balance-banner span{font-size:11px}.credit-balance-banner strong{font-size:21px}
.payment-mode-large{font-weight:900}.tender-big-values #bigBalance{color:#e45342}
@media(max-width:950px){.pos-bottom-action{min-width:80px!important;font-size:8px!important}.general-instruction-select{max-width:140px!important}.extended-item-customize{grid-template-columns:1fr!important}.extended-item-customize .wide{grid-column:auto}}

.general-instruction-text{min-width:150px!important;max-width:230px!important}.kiosk-bottom-fields{display:flex!important;align-items:center!important;overflow-x:auto!important;white-space:nowrap!important}

/* v2.32 movable larger metallic keyboard/numpad */
.soft-keyboard{width:min(1040px,calc(100vw - 18px))!important;max-height:calc(100vh - 14px)!important;overflow:auto!important;touch-action:none!important}
.soft-keyboard.numpad-mode{width:min(440px,calc(100vw - 18px))!important}
.vk-head{height:48px!important;cursor:move!important;user-select:none!important;padding:0 10px 8px!important}
.vk-head-actions button{height:36px!important;min-width:58px!important;padding:0 12px!important;font-size:13px!important;border-radius:9px!important}
.vk-head-actions .vk-close{min-width:72px!important}
.vk-title{font-size:14px!important}.vk-key{height:56px!important;min-width:42px!important;font-size:18px!important;border-radius:9px!important}.vk-key.special{font-size:13px!important}.numpad-mode .vk-key{height:68px!important;font-size:24px!important}.vk-hint{font-size:11px!important;padding:10px 4px 2px!important}.soft-keyboard.dragging{transition:none!important;opacity:1!important}
@media(max-width:800px){.vk-key{height:49px!important;font-size:16px!important}.numpad-mode .vk-key{height:58px!important;font-size:21px!important}.vk-head-actions button{min-width:50px!important;height:34px!important;font-size:12px!important}}

/* v2.32 Restaurant order/billing compact responsive redesign */
.restaurant-order-page,.restaurant-bill-page{min-height:100dvh;max-width:100vw;overflow-x:hidden;padding:8px!important;box-sizing:border-box}
.restaurant-service-head{min-height:64px!important;padding:8px 12px!important;gap:10px!important}.restaurant-service-head h1{font-size:21px!important;margin:0!important}.restaurant-service-head p{font-size:12px!important;margin:3px 0 0!important}.restaurant-service-actions{display:flex;gap:6px;flex-wrap:wrap}.restaurant-service-actions .btn{min-height:38px!important;padding:8px 13px!important}
.restaurant-order-layout{height:calc(100dvh - 86px)!important;min-height:520px!important;grid-template-columns:minmax(280px,34%) minmax(0,66%)!important;gap:8px!important;overflow:hidden!important}.table-kot-history,.table-order-entry{min-height:0!important;overflow:hidden!important}.kot-history-scroll{height:calc(100% - 95px)!important;overflow:auto!important}.table-order-entry form{height:100%!important;display:flex!important;flex-direction:column!important;min-height:0!important}.kiosk-search-row{flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(180px,1fr) 40px minmax(190px,1fr)!important;gap:6px!important}.kot-entry-body{flex:1!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,58%) minmax(260px,42%)!important;gap:6px!important;overflow:hidden!important}.kot-cart,.kot-item-grid{min-height:0!important;overflow:auto!important}.kot-footer{flex:0 0 auto!important;min-height:70px!important;padding:6px!important}.kot-item-grid{grid-template-columns:repeat(3,minmax(120px,1fr))!important;align-content:start!important}.kot-item-tile{min-height:92px!important;padding:8px!important}.kot-note-select{width:100%!important;min-width:135px!important;height:34px!important;overflow:auto!important}.kot-note-select:focus{height:118px!important;position:relative!important;z-index:5!important}.kot-cart table{table-layout:fixed!important;width:100%!important}.kot-cart th:nth-child(1){width:25%}.kot-cart th:nth-child(2){width:12%}.kot-cart th:nth-child(3){width:12%}.kot-cart th:nth-child(4){width:14%}.kot-cart th:nth-child(5){width:30%}.kot-cart th:nth-child(6){width:7%}.kot-cart input,.kot-cart select{max-width:100%!important;box-sizing:border-box!important}.item-customize-card{width:min(720px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}.item-override-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px}.item-override-grid label{font-size:10px;font-weight:800}.item-override-grid input{width:100%;box-sizing:border-box;margin-top:3px}
.restaurant-billing-v232{padding-bottom:16px!important}.compact-bill-head{position:relative!important}.compact-sequence{margin:6px 0!important;padding:6px!important}.restaurant-bill-layout.v232{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(315px,.7fr)!important;gap:8px!important;align-items:start!important}.receipt-builder-card,.compact-bill-side>.smart-card{padding:10px!important}.receipt-builder-toolbar{display:grid;grid-template-columns:auto 160px minmax(170px,220px);gap:8px;align-items:end;margin:8px 0}.receipt-builder-toolbar label{font-size:10px;font-weight:800}.receipt-builder-toolbar input{width:100%;box-sizing:border-box}.kot-builder-list{display:grid;gap:7px;max-height:58dvh;overflow:auto;padding-right:2px}.kot-builder-card{border:1px solid #d5e1e6;border-radius:10px;overflow:hidden;background:#fff}.kot-builder-card>header{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;background:#edf5f7;font-size:10px}.kot-builder-lines{display:grid}.kot-builder-line{display:grid;grid-template-columns:minmax(170px,1.5fr) 82px 82px 90px 58px;gap:6px;align-items:center;padding:6px 8px;border-top:1px solid #edf1f3;font-size:9px}.kot-builder-line label{font-size:8px;font-weight:800}.kot-builder-line input{width:100%;box-sizing:border-box;height:32px}.line-pick{display:flex!important;align-items:center;gap:6px;font-size:10px!important}.line-pick input{width:auto!important;height:auto!important}.kot-line-price{text-align:right;font-weight:900;color:#087a74}.compact-bill-side{display:grid;gap:8px;min-width:0}.compact-receipts{max-height:225px;overflow:auto}.receipt-summary-card{grid-template-columns:minmax(0,1fr) 94px 36px 52px!important;gap:5px!important;padding:6px!important}.receipt-summary-card label{display:flex;align-items:center;gap:5px;min-width:0}.receipt-summary-card label span{min-width:0}.receipt-summary-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-split-form{display:none!important;grid-template-columns:1fr auto;gap:6px;align-items:end;margin-top:7px;padding:7px;border:1px solid #d7e0e5;border-radius:8px;background:#f7fafb}.hidden-split-form.show{display:grid!important}.compact-table-ops form{display:grid!important;grid-template-columns:1fr 100px!important;gap:6px!important;margin:6px 0!important}.compact-table-ops select{min-width:0}.compact-settlement form{display:grid;grid-template-columns:1fr 1fr;gap:6px}.compact-settlement form>label:first-child,.compact-settlement .payment-choice-grid,.compact-settlement .remember-row,.compact-settlement form>.wide{grid-column:1/-1}.compact-settlement label{font-size:9px}.compact-settlement input,.compact-settlement select{width:100%;box-sizing:border-box}.compact-total{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3px!important;margin:6px 0!important}.receipt-payment-timer{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:8px;background:#fff5df;border:1px solid #f0d08d;font-size:9px}.receipt-payment-timer strong{font-size:16px;color:#ce6c00}.receipt-reminder-toast{position:fixed;right:18px;bottom:18px;z-index:13000;padding:12px 16px;border-radius:12px;background:#202d39;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.32);font-size:12px}.compact-move-modal{width:min(440px,94vw)!important;padding-bottom:10px}.compact-move-modal form{display:grid;gap:8px;padding:9px}.compact-move-modal label{font-size:10px;font-weight:800}.compact-move-modal input,.compact-move-modal select{width:100%;box-sizing:border-box;margin-top:3px}
@media(max-width:1100px){.restaurant-bill-layout.v232{grid-template-columns:1fr!important}.kot-builder-list{max-height:48dvh}.restaurant-order-layout{grid-template-columns:minmax(240px,31%) minmax(0,69%)!important}.kot-entry-body{grid-template-columns:minmax(0,60%) minmax(240px,40%)!important}.kot-item-grid{grid-template-columns:repeat(2,minmax(120px,1fr))!important}}
@media(max-width:800px){.restaurant-order-layout{height:auto!important;display:block!important;overflow:visible!important}.table-kot-history{max-height:330px!important;margin-bottom:8px}.table-order-entry form{height:auto!important}.kot-entry-body{height:620px!important}.kiosk-search-row{grid-template-columns:1fr 38px!important}.kiosk-search-row .touch-3d-orange{grid-column:1/-1}.restaurant-service-head{align-items:flex-start!important}.restaurant-service-actions{margin-left:auto}.kot-builder-line{grid-template-columns:minmax(150px,1fr) 70px 70px}.kot-line-price,.move-kot-line{grid-column:auto}.receipt-builder-toolbar{grid-template-columns:1fr 1fr}.receipt-builder-toolbar button{grid-column:1/-1}.item-override-grid{grid-template-columns:1fr}}
@media(max-width:560px){.kot-entry-body{display:block!important;height:auto!important}.kot-cart{max-height:430px!important}.kot-item-grid{max-height:450px!important;grid-template-columns:repeat(2,minmax(100px,1fr))!important}.kot-builder-line{grid-template-columns:1fr 60px 60px}.line-pick{grid-column:1/-1}.receipt-summary-card{grid-template-columns:1fr 76px 34px!important}.receipt-summary-card .purple{grid-column:1/-1}.compact-table-ops form{grid-template-columns:1fr!important}.compact-settlement form{grid-template-columns:1fr}.compact-total{grid-template-columns:1fr 1fr!important}}

/* v2.32 final viewport / print / master refinements */
.vk-key.key-back{background:linear-gradient(#ec655d,#b9322d)!important;box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 0 #741b17!important}
body:has(.restaurant-order-page) .restaurant-service-actions,body:has(.restaurant-bill-page) .restaurant-service-actions{margin-right:118px!important}
html:has(.restaurant-bill-page),body:has(.restaurant-bill-page){overflow:auto!important;height:auto!important}.restaurant-bill-page{height:auto!important;min-height:100dvh!important;overflow:visible!important}
.item-pos-rights-form{display:flex;align-items:center;gap:4px;white-space:nowrap}.item-pos-rights-form label{display:flex;align-items:center;gap:2px;font-size:9px;font-weight:800}.item-pos-rights-form input{width:14px!important;height:14px!important}.item-pos-rights-form .btn{padding:4px 6px!important;min-height:26px!important}
.pos-line-kitchen-select{display:block;width:100%;height:28px;margin-top:3px;font-size:9px}.pos-line-kitchen-select:focus{height:100px;position:relative;z-index:8}
@media print{.restaurant-receipt-print,.pos-complete-screen{margin:0!important;padding:0!important}.thermal-ticket{box-shadow:none!important;border:0!important;color:#111!important;font-size:12px!important}.thermal-table th,.thermal-table td{color:#111!important}.thermal-qr{max-width:31mm!important;max-height:31mm!important}}
@media(max-width:900px){body:has(.restaurant-order-page) .restaurant-service-actions,body:has(.restaurant-bill-page) .restaurant-service-actions{margin-right:92px!important}}
.allocated-line{opacity:.58;background:#f5f7f8}.line-pick small{display:block;font-size:7px;color:#7b8b94;font-weight:600;margin-top:2px}
.kot-note-picker{position:relative;width:100%}.kot-note-picker summary{list-style:none;cursor:pointer;height:32px;display:flex;align-items:center;padding:0 8px;border:1px solid #ccd9df;border-radius:7px;background:#fff;font-size:9px;font-weight:800}.kot-note-picker summary::-webkit-details-marker{display:none}.kot-note-picker[open] summary{border-color:#f19a19}.kot-note-menu{position:absolute;z-index:50;left:0;right:0;top:35px;max-height:170px;overflow:auto;padding:5px;border:1px solid #bfcdd4;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18)}.kot-note-menu label{display:flex;align-items:center;gap:6px;padding:5px 6px;font-size:10px;cursor:pointer;border-radius:6px}.kot-note-menu label:hover{background:#eef6f8}.kot-note-menu input{width:18px!important;height:18px!important;flex:0 0 18px}
.pos-line-kitchen-picker{position:relative;margin-top:3px}.pos-line-kitchen-picker summary{list-style:none;cursor:pointer;height:26px;display:flex;align-items:center;padding:0 6px;border:1px solid #cfd9de;border-radius:6px;background:#fff;font-size:8px;font-weight:800}.pos-line-kitchen-picker summary::-webkit-details-marker{display:none}.pos-line-kitchen-menu{position:absolute;z-index:60;left:0;min-width:175px;top:29px;max-height:160px;overflow:auto;padding:4px;border:1px solid #bdcad0;border-radius:7px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.2)}.pos-line-kitchen-menu label{display:flex;align-items:center;gap:5px;padding:4px;font-size:9px}.pos-line-kitchen-menu input{width:16px!important;height:16px!important}

/* v2.33 Core ERP framework */
.erp-module summary{display:flex!important;align-items:center!important;gap:7px!important}
.erp-module-icon{width:22px;display:inline-flex;justify-content:center}
.erp-menu-dot{display:inline-block;width:15px;color:#67aab9}
.erp-dashboard-link{background:linear-gradient(90deg,rgba(12,137,148,.18),rgba(12,137,148,.04))!important;border-left:3px solid #0a9298!important}
.data-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 8px;padding:6px;border:1px solid #dce6e9;border-radius:10px;background:#f8fbfc}
.data-tool{min-height:34px;padding:7px 10px;border:1px solid #cfdce1;border-radius:8px;background:#fff;color:#30515e;font-size:10px;font-weight:900;cursor:pointer;text-decoration:none}
.data-tool.primary{background:linear-gradient(#159ca3,#08747a);color:#fff;border-color:#08747a}
.import-definition-tabs{display:flex;gap:6px;flex-wrap:wrap}.import-definition-tabs a{padding:7px 10px;border-radius:8px;border:1px solid #d6e2e6;background:#fff;font-size:9px;font-weight:800}.import-definition-tabs a.active{background:#0b8f95;color:#fff}
.import-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.import-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.import-actions form{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.import-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}.import-kpis>div{padding:10px;border-radius:10px;border:1px solid #d8e3e7;background:#fff}.import-kpis b,.import-kpis span{display:block}.import-kpis b{font-size:19px;color:#087b80}.import-kpis span{font-size:9px;color:#73838b}.import-kpis .error b{color:#c8444c}
.import-error-row{background:#fff1f2!important}.import-row-data{display:flex;gap:6px;flex-wrap:wrap}.import-row-data span{font-size:8px;padding:3px 5px;border-radius:5px;background:#eef4f6}.import-confirm-bar{position:sticky;bottom:8px;display:flex;justify-content:flex-end;margin-top:8px}.import-workflow-note{padding:9px 12px;border-radius:9px;background:#fff6df;border:1px solid #efd69a;font-size:9px}
@media(max-width:900px){.import-layout{grid-template-columns:1fr}.import-kpis{grid-template-columns:repeat(2,1fr)}.data-toolbar{overflow-x:auto;flex-wrap:nowrap}}

/* v2.35 Restaurant Standard Order Screen */
.restaurant-standard-pos{height:100vh;min-height:650px;background:#eef3f5;display:flex;flex-direction:column;overflow:hidden;color:#172637;font-family:Arial,Helvetica,sans-serif}
.restaurant-standard-pos *{box-sizing:border-box}
.rsp-topbar{height:66px;flex:0 0 66px;background:linear-gradient(180deg,#111a36,#08132a);display:flex;align-items:center;gap:10px;padding:7px 12px;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.22);z-index:5}
.rsp-brand{width:205px;flex:0 0 205px}.rsp-brand b{display:block;font-size:18px}.rsp-brand small{font-size:10px;color:#cbd5e1}
.rsp-modes{display:flex;align-items:center;gap:7px;flex:1;justify-content:center;min-width:0}
.rsp-mode{min-height:48px;min-width:105px;padding:8px 13px;border-radius:25px;background:linear-gradient(#3b4a68,#23304c);color:#fff!important;text-decoration:none!important;font-weight:900;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.15);box-shadow:0 5px 0 rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.18);white-space:nowrap}
.rsp-mode.active,.rsp-mode.take{background:linear-gradient(#ffae22,#ed7800)}.rsp-mode.delivery{background:linear-gradient(#20b98f,#087c6c)}.rsp-mode.drive{background:linear-gradient(#4c6282,#263653)}.rsp-mode.online{background:linear-gradient(#29a8d9,#087ead)}.rsp-mode.staff{background:linear-gradient(#62728e,#344158)}
.rsp-signoff{padding:14px 16px;border-radius:10px;background:linear-gradient(#f25b66,#d83542);color:#fff!important;text-decoration:none!important;font-weight:900;font-size:11px;box-shadow:0 4px 0 #a7202b}
.rsp-layout{display:grid;grid-template-columns:310px minmax(550px,1fr) 500px;gap:7px;flex:1;min-height:0;padding:7px}
.rsp-floor-panel,.rsp-order-panel,.rsp-menu-panel{min-height:0;overflow:hidden}.rsp-floor-panel{display:flex;flex-direction:column;gap:7px}
.rsp-box,.rsp-current-bill,.rsp-kitchen-panel,.rsp-menu-panel{background:#fff;border:1px solid #d5e0e4;border-radius:9px;box-shadow:0 2px 5px rgba(30,54,70,.05)}
.rsp-box-head{height:34px;padding:7px 9px;border-bottom:1px solid #dbe5e8;display:flex;align-items:center;justify-content:space-between;font-size:10px}.rsp-box-head button{border:0;background:#eaf4f6;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:900}
.rsp-sections{flex:0 0 210px;overflow:hidden}.rsp-section-list{height:176px;overflow:auto;padding:5px}.rsp-section-btn{width:100%;min-height:31px;border:0;border-radius:6px;background:#fff;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;padding:5px 7px;font-size:9px;cursor:pointer}.rsp-section-btn:hover{background:#f1f7f8}.rsp-section-btn.selected{background:linear-gradient(90deg,#ff9f12,#f27d00);color:#fff;box-shadow:0 3px 0 #c86500}.rsp-section-btn span{font-size:15px}.rsp-section-btn small{font-size:8px}
.rsp-tables-box{flex:1;min-height:240px;overflow:hidden}.rsp-table-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;max-height:calc(100% - 62px);overflow:auto}.rsp-table-wrap[hidden]{display:none!important}.rsp-table{min-height:62px;border:1px solid #ccd9de;border-radius:7px;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#263746!important;font-size:8px;background:#fff}.rsp-table b{font-size:15px}.rsp-table span{font-weight:900;margin:2px 0}.rsp-table small{font-size:7px}.rsp-table.status-free{border-color:#79c9a5;color:#1b7d55!important}.rsp-table.status-occupied,.rsp-table.status-busy{border-color:#ef8589;color:#c32d38!important;background:#fff6f6}.rsp-table.status-billrequested{border-color:#dda13e;color:#a76700!important;background:#fff9eb}.rsp-table.status-reserved{border-color:#f1a245;color:#d87500!important}.rsp-table.status-dirty{border-color:#98a5af;color:#57636c!important}.rsp-table.current{outline:3px solid #1797d2;outline-offset:-2px}
.rsp-status-legend{padding:3px 7px;display:flex;gap:9px;flex-wrap:wrap;font-size:7px;color:#65757e}
.rsp-table-info{flex:0 0 165px}.rsp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.rsp-info-grid span{display:flex;justify-content:space-between;font-size:8px;border-bottom:1px dashed #e1e9ec;padding-bottom:3px}.rsp-info-grid b{font-size:8px}.rsp-table-actions{display:flex;gap:5px;padding:0 8px 8px}.rsp-small-action{flex:1;padding:8px 6px;border-radius:6px;text-align:center;text-decoration:none!important;color:#fff!important;font-size:8px;font-weight:900;box-shadow:0 3px 0 rgba(0,0,0,.25)}.rsp-small-action.blue{background:linear-gradient(#239ce6,#1471b5)}.rsp-small-action.purple{background:linear-gradient(#8959d9,#6040a8)}
.rsp-order-panel{display:flex;flex-direction:column}.rsp-order-panel form{height:100%;display:flex;flex-direction:column;gap:6px;min-height:0}
.rsp-current-bill{flex:1;min-height:245px;overflow:hidden;display:flex;flex-direction:column}.rsp-bill-head{height:38px;display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-bottom:1px solid #dce6e9}.rsp-bill-head b{font-size:11px}.rsp-bill-head small{font-size:8px;margin-left:10px;color:#70818b}.rsp-kot-history-mini{border:0;background:#edf5f7;border-radius:7px;padding:6px 9px;font-size:8px;font-weight:900}
.rsp-cart-scroll{position:relative;flex:1;overflow:auto}.rsp-cart-table{width:100%;border-collapse:collapse;table-layout:fixed}.rsp-cart-table th{position:sticky;top:0;z-index:2;background:#edf5f7;padding:7px 4px;font-size:8px;color:#075b67}.rsp-cart-table td{padding:5px 4px;border-bottom:1px solid #e3eaed;font-size:8px;vertical-align:middle}.rsp-cart-table tr.selected{background:#fff5df;outline:2px solid #f39a19;outline-offset:-2px}.rsp-cart-table th:nth-child(1){width:28px}.rsp-cart-table th:nth-child(2){width:25%}.rsp-cart-table th:nth-child(3){width:16%}.rsp-cart-table th:nth-child(4){width:17%}.rsp-cart-table th:nth-child(5){width:11%}.rsp-cart-table th:nth-child(6),.rsp-cart-table th:nth-child(7){width:8%}.rsp-cart-table th:nth-child(8){width:10%}.rsp-cart-table th:nth-child(9){width:34px}
.rsp-line-item b,.rsp-line-item span{display:block}.rsp-line-item b{font-size:8px}.rsp-line-item span{font-size:8px;margin-top:2px}.rsp-line-item small{display:block;color:#6c7881;font-size:6px}
.rsp-cart-table input,.rsp-cart-table select{width:100%;height:29px;border:1px solid #c9d8dd;border-radius:6px;padding:3px;font-size:8px;background:#fff}.rsp-qty{display:grid;grid-template-columns:27px 1fr 27px;align-items:center}.rsp-qty input{text-align:center;border-radius:0}.rsp-qty button{height:29px;border:1px solid #c9d8dd;background:#f4f8f9;font-weight:900}.rsp-qty button:first-child{border-radius:6px 0 0 6px}.rsp-qty button:last-child{border-radius:0 6px 6px 0}.rsp-line-remove{width:27px;height:27px;border:0;border-radius:7px;background:#ffecec;color:#df414b;font-size:14px}
.rsp-empty-cart{position:absolute;inset:42px 0 0;display:grid;place-items:center;color:#90a0a8;font-size:10px;pointer-events:none}.rsp-selected-line-hint{margin:5px 7px 7px;padding:7px 9px;border:1px solid #cce3f0;background:#edf8ff;border-radius:6px;color:#1670ae;font-size:8px}
.rsp-totals{display:grid;grid-template-columns:.75fr .75fr 1.1fr 1.1fr 1.1fr 1.45fr;gap:5px;flex:0 0 55px}.rsp-totals>div{background:#fff;border:1px solid #d9e3e6;border-radius:7px;padding:7px}.rsp-totals small,.rsp-totals b{display:block}.rsp-totals small{font-size:7px;color:#657781}.rsp-totals b{font-size:12px;margin-top:4px}.rsp-totals .net{background:linear-gradient(135deg,#0b8d82,#087066);color:#fff}.rsp-totals .net small{color:#d8fffa}.rsp-totals .net b{font-size:16px}
.rsp-function-row{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;flex:0 0 43px}.rsp-function-row .fn{border:0;border-radius:6px;color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:900;box-shadow:0 4px 0 rgba(0,0,0,.25);cursor:pointer}.fn.hold{background:#f59a0e}.fn.recall{background:#2194dc}.fn.void{background:#e74655}.fn.exchange{background:#7050cb}.fn.handover{background:#16a28f}.fn.clear{background:#59677b}.fn.discount{background:#da3e84}.fn.aggregator{background:#ee8b12}
.rsp-kitchen-panel{flex:0 0 180px;padding:8px}.rsp-kitchen-title{display:flex;align-items:center;gap:7px;font-size:9px}.rsp-kitchen-title span{font-size:7px;color:#697a84}.rsp-kitchen-notes{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:6px}.rsp-kitchen-notes label{height:27px;border:1px solid #cedce1;border-radius:6px;display:flex;align-items:center;padding:4px 6px;gap:5px;font-size:7px;cursor:pointer;background:#fff}.rsp-kitchen-notes label:has(input:checked){background:#e8f9ef;border-color:#6bc594;color:#166f46}.rsp-kitchen-notes input{width:14px;height:14px}.rsp-manual-instruction{margin-top:7px}.rsp-manual-instruction>label{display:flex;align-items:center;gap:6px;font-size:8px}.rsp-manual-instruction label span{font-size:7px;color:#6f8089}.rsp-manual-row{display:grid;grid-template-columns:1fr 76px;gap:5px;margin-top:4px}.rsp-manual-row textarea{height:49px;resize:none;border:1px solid #cbd9de;border-radius:6px;padding:7px;font-size:8px}.rsp-manual-row button{border:0;border-radius:7px;background:linear-gradient(#1ba98e,#087d6d);color:#fff;font-weight:900;font-size:8px;box-shadow:0 3px 0 #07594e}.rsp-manual-instruction>small{display:block;font-size:7px;color:#e05252;margin-top:3px}.rsp-manual-instruction>small.saved{color:#129457}
.rsp-bottom-actions{display:grid;grid-template-columns:1fr 145px 105px 115px;gap:5px;flex:0 0 43px}.rsp-bottom-actions>input{border:1px solid #c9d8dd;border-radius:7px;padding:7px;font-size:8px}.rsp-bottom-actions .bottom{border:0;border-radius:7px;color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;box-shadow:0 4px 0 rgba(0,0,0,.25)}.bottom.print-kot{background:linear-gradient(#22aa7c,#087e5e)}.bottom.receipt{background:linear-gradient(#159da0,#087277)}.bottom.settle{background:linear-gradient(#ffa821,#e77c00)}
.rsp-menu-panel{display:flex;flex-direction:column}.rsp-search-row{height:51px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px;border-bottom:1px solid #dbe5e8}.rsp-search-row input{min-width:0;border:1px solid #cad8dd;border-radius:7px;padding:7px;font-size:8px}
.rsp-menu-body{display:grid;grid-template-columns:88px 1fr;gap:5px;flex:1;min-height:0;padding:5px}.rsp-category-list{overflow:auto;display:flex;flex-direction:column;gap:5px}.rsp-category{min-height:64px;border:1px solid #d5e0e4;border-radius:9px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 0 #d5e0e4;font-size:7px}.rsp-category span{font-size:22px}.rsp-category.active{background:linear-gradient(#ffa720,#ef7c00);color:#fff;box-shadow:0 4px 0 #c76400}
.rsp-products-wrap{display:flex;flex-direction:column;min-width:0;min-height:0}.rsp-products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;overflow:auto;align-content:start;flex:1}.rsp-product-card{min-height:142px;border:0;border-radius:9px;background:#fff;text-align:left;padding:6px;display:flex;flex-direction:column;box-shadow:0 5px 0 #dce3e6;cursor:pointer}.rsp-product-card:hover{transform:translateY(-1px);box-shadow:0 7px 0 #d6dfe2}.rsp-product-card img,.rsp-product-placeholder{width:100%;height:72px;border-radius:7px;object-fit:cover;background:#f7ecd4;display:grid;place-items:center;font-size:30px}.rsp-product-card small{font-size:6px;color:#788892;margin-top:5px}.rsp-product-card b{font-size:8px;min-height:21px}.rsp-product-card span{font-size:6px;color:#98a4aa}.rsp-product-card strong{font-size:10px;color:#ef7e00;margin-top:auto}.rsp-pagination{height:38px;display:flex;align-items:center;justify-content:center;gap:5px}.rsp-pagination button{width:28px;height:28px;border:1px solid #d0dce1;border-radius:7px;background:#fff;font-size:8px;font-weight:900}.rsp-pagination button.active{background:#f39413;color:#fff;border-color:#f39413}
.rsp-footer{height:40px;flex:0 0 40px;background:#08142c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:8px}.rsp-footer b{font-size:8px}
.rsp-history-modal{width:min(680px,90vw);max-height:80vh}.rsp-history-list{max-height:60vh;overflow:auto;padding:8px}.rsp-history-card{border:1px solid #d9e3e6;border-left:4px solid #f49a16;border-radius:7px;padding:7px;margin-bottom:6px}.rsp-history-card>div{display:flex;justify-content:space-between}.rsp-history-card p{margin:5px 0;padding-top:4px;border-top:1px solid #edf1f2;display:flex;justify-content:space-between;font-size:8px}.rsp-history-card p small{color:#d66d14}
@media(max-width:1350px){.rsp-layout{grid-template-columns:270px minmax(500px,1fr) 410px}.rsp-mode{min-width:88px;padding:8px;font-size:9px}.rsp-products{grid-template-columns:repeat(3,1fr)}.rsp-kitchen-notes{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.restaurant-standard-pos{height:auto;min-height:100vh;overflow:auto}.rsp-layout{grid-template-columns:250px 1fr}.rsp-menu-panel{grid-column:1/-1;min-height:620px}.rsp-floor-panel{min-height:700px}.rsp-order-panel{min-height:700px}.rsp-modes{overflow-x:auto;justify-content:flex-start}.rsp-mode{flex:0 0 auto}.rsp-products{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.rsp-topbar{height:auto;flex-wrap:wrap}.rsp-brand{width:auto;flex:1}.rsp-modes{order:3;width:100%;flex-basis:100%}.rsp-layout{display:block}.rsp-floor-panel,.rsp-order-panel,.rsp-menu-panel{margin-bottom:8px}.rsp-sections{height:180px}.rsp-table-info{height:auto}.rsp-products{grid-template-columns:repeat(2,1fr)}.rsp-function-row{grid-template-columns:repeat(4,1fr);height:auto}.rsp-function-row .fn{min-height:38px}.rsp-kitchen-notes{grid-template-columns:repeat(2,1fr)}.rsp-kitchen-panel{height:auto}.rsp-bottom-actions{grid-template-columns:1fr 1fr;height:auto}.rsp-bottom-actions>*{min-height:40px}.rsp-footer{display:none}}

.rsp-signoff-form{margin:0}.rsp-signoff{border:0;cursor:pointer}

/* v2.35.1 unified floor */
.rsp-language-form{margin:0}.rsp-language-form select{height:40px;min-width:92px;border:0;border-radius:8px;padding:0 9px;background:#fff;color:#172637;font-size:9px;font-weight:900}
.rsp-empty-table-info{height:83px;padding:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#71828b}.rsp-empty-table-info>span{font-size:22px}.rsp-empty-table-info>b{font-size:10px;margin:2px 0}.rsp-empty-table-info>small{font-size:7px;max-width:220px}
.rsp-no-table-bill{min-height:280px}.rsp-select-table-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#687b85}.rsp-select-table-message>span{font-size:48px}.rsp-select-table-message h2{margin:7px 0 4px;font-size:18px;color:#183846}.rsp-select-table-message p{max-width:520px;font-size:9px;line-height:1.45}
.rsp-floor-kpis{display:grid;grid-template-columns:repeat(3,100px);gap:8px;margin-top:12px}.rsp-floor-kpis>div{background:#f4fafb;border:1px solid #d9e6e9;border-radius:8px;padding:8px}.rsp-floor-kpis b,.rsp-floor-kpis small{display:block}.rsp-floor-kpis b{font-size:18px;color:#0b8588}.rsp-floor-kpis small{font-size:7px;color:#72818a}
.rsp-floor-mode .disabled{opacity:.55;filter:saturate(.65)}.rsp-floor-mode .rsp-table{width:100%;cursor:pointer}.rsp-floor-mode button.rsp-table{font-family:inherit}
@media(max-width:1350px){.rsp-language-form select{min-width:76px}.rsp-brand{width:175px;flex-basis:175px}}

/* v2.36 Separate Floor + Order Taking */
.restaurant-floor-v236,.restaurant-order-v236{height:100vh;background:#f3f6f7;color:#172437;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;overflow:hidden}
.restaurant-floor-v236 *,.restaurant-order-v236 *{box-sizing:border-box}

/* shared top navigation */
.rf36-topbar,.ro36-topbar{height:66px;flex:0 0 66px;background:linear-gradient(180deg,#111a36,#07142d);display:flex;align-items:center;gap:10px;padding:7px 14px;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.22)}
.rf36-brand,.ro36-brand{width:190px;flex:0 0 190px;line-height:1}.rf36-brand strong,.ro36-brand strong{display:block;font-size:26px;letter-spacing:.5px}.rf36-brand span,.ro36-brand span{font-size:14px;font-weight:800}
.rf36-modes,.ro36-modes{display:flex;gap:8px;align-items:center;flex:1;min-width:0;overflow-x:auto}
.rf36-modes a,.ro36-modes a{min-height:46px;padding:0 16px;border-radius:12px;background:linear-gradient(#40506d,#24324e);color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:0 4px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.2)}
.rf36-modes a.active,.ro36-modes a.active{background:linear-gradient(#ffad22,#ef7b00)}.rf36-modes a:nth-child(2),.ro36-modes a:nth-child(2){background:linear-gradient(#f7bf3e,#e8900f)}.rf36-modes a:nth-child(3),.ro36-modes a:nth-child(3){background:linear-gradient(#21b777,#07905d)}.rf36-modes a:nth-child(4),.ro36-modes a:nth-child(4){background:linear-gradient(#2298d7,#1473bd)}
.rf36-lang,.ro36-lang{margin:0}.rf36-lang select,.ro36-lang select{height:42px;border:0;border-radius:9px;padding:0 12px;font-size:13px;font-weight:800}
.rf36-logout,.ro36-logout{height:44px;border:0;border-radius:10px;padding:0 16px;background:linear-gradient(#f45a61,#d93441);color:#fff;font-size:13px;font-weight:900;box-shadow:0 4px 0 #a3202b}

/* Floor screen */
.rf36-shell{display:grid;grid-template-columns:260px minmax(700px,1fr) 305px;gap:8px;flex:1;min-height:0;padding:8px}
.rf36-sections,.rf36-table-area,.rf36-active{min-height:0;background:#fff;border:1px solid #dce5e8;border-radius:10px;overflow:hidden}
.rf36-sections{padding:10px;display:flex;flex-direction:column;gap:7px}.rf36-panel-title{font-size:15px;font-weight:900;padding:4px 5px 8px;border-bottom:1px solid #e2e9ec}
.rf36-section{width:100%;min-height:66px;border:1px solid #dbe4e7;border-radius:10px;background:#fff;display:grid;grid-template-columns:42px 1fr;align-items:center;text-align:left;padding:9px 10px;cursor:pointer}.rf36-section>span{font-size:27px}.rf36-section b{display:block;font-size:15px}.rf36-section small{display:block;font-size:12px;color:#657780;margin-top:4px}.rf36-section.active{background:linear-gradient(135deg,#ff9f11,#ef7f00);color:#fff;border-color:#ed8000;box-shadow:0 4px 0 #ca6900}.rf36-section.active small{color:#fff}
.rf36-status-box{margin-top:auto;border-top:1px solid #e1e8eb;padding:10px 4px 2px}.rf36-status-box h3{font-size:14px;margin:0 0 8px}.rf36-status-box>span{display:grid;grid-template-columns:14px 80px 1fr;gap:5px;align-items:center;margin:8px 0;font-size:12px}.rf36-status-box i{width:11px;height:11px;border-radius:3px;display:block}.rf36-status-box small{font-size:10px;color:#73818a}.rf36-status-box i.free{background:#1daf64}.rf36-status-box i.occupied{background:#e63c48}.rf36-status-box i.bill{background:#f1900e}.rf36-status-box i.reserved{background:#7156cc}.rf36-status-box i.dirty{background:#687680}.rf36-status-box i.maintenance{background:#5542a2}
.rf36-select-help{background:#eef6ff;border-radius:10px;padding:13px;display:flex;gap:10px;align-items:center}.rf36-select-help>span{font-size:34px}.rf36-select-help b{font-size:14px;color:#0956b4}.rf36-select-help small{display:block;font-size:11px;line-height:1.5;margin-top:3px}
.rf36-table-area{display:flex;flex-direction:column}.rf36-heading{height:72px;flex:0 0 72px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #dfe7ea}.rf36-heading h1{font-size:22px;margin:0}.rf36-heading p{font-size:12px;color:#677983;margin:5px 0 0}.rf36-kpis{display:flex;gap:8px}.rf36-kpis span{padding:9px 12px;border-radius:9px;background:#f2f7f8;font-size:11px}.rf36-kpis b{font-size:22px;color:#087e82;margin-right:3px}
.rf36-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:12px;padding:12px;overflow:auto;align-content:start}.rf36-table-card{background:#fff;border:1px solid #d8e1e4;border-radius:12px;overflow:hidden;box-shadow:0 5px 10px rgba(37,58,72,.08)}.rf36-table-card[hidden]{display:none!important}
.rf36-status-strip{height:34px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:12px;font-weight:900}.state-free .rf36-status-strip{background:linear-gradient(#2bbd6d,#169d54)}.state-occupied .rf36-status-strip{background:linear-gradient(#f15463,#d93d4b)}.state-billrequested .rf36-status-strip{background:linear-gradient(#ffa21e,#ed8205)}.state-reserved .rf36-status-strip{background:linear-gradient(#ffad20,#ed8500)}.state-dirty .rf36-status-strip,.state-maintenance .rf36-status-strip{background:linear-gradient(#7d8892,#5b6771)}
.rf36-table-art{height:118px;display:flex;align-items:center;justify-content:center;background:#f7f9fa}.rf36-table-art img{max-width:82%;max-height:108px;object-fit:contain}.state-occupied .rf36-table-art{background:#fff7f7}.state-billrequested .rf36-table-art{background:#fff8ea}
.rf36-table-name{display:flex;align-items:center;justify-content:space-between;padding:8px 11px 1px}.rf36-table-name h3{font-size:17px;margin:0}.rf36-table-name span{font-size:12px;background:#f0f5f6;border-radius:7px;padding:4px 7px}.rf36-table-code{display:block;padding:0 11px 7px;color:#85939a;font-size:10px}
.rf36-meta{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:5px;padding:0 8px 8px}.rf36-meta span{background:#f4f7f8;border-radius:7px;padding:7px 4px;text-align:center;font-size:10px}
.rf36-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 9px}.rf36-actions a{height:38px;border-radius:7px;color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;box-shadow:0 4px 0 rgba(0,0,0,.22)}.rf36-actions a.green{background:linear-gradient(#27bd71,#0ba355)}.rf36-actions a.orange{background:linear-gradient(#ffa51b,#ee8300)}.rf36-actions a.teal{background:linear-gradient(#2bb6a8,#0b9185)}
.rf36-seat-btn,.rf36-quick-seat button{width:calc(100% - 16px);margin:4px 8px 10px;height:39px;border:0;border-radius:7px;background:linear-gradient(#ffa722,#ef8300);font-size:12px;font-weight:900;box-shadow:0 4px 0 #cb6e00}.rf36-disabled{margin:5px 8px 10px;text-align:center;padding:9px;border-radius:7px;background:#eceff1;color:#6e7a80;font-size:12px;font-weight:800}
.rf36-active{display:flex;flex-direction:column}.rf36-active-title{height:70px;display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #dfe7ea}.rf36-active-title>span{font-size:35px}.rf36-active-title b{font-size:15px}.rf36-active-title small{display:block;font-size:10px;color:#77868e;margin-top:2px}.rf36-active-list{flex:1;overflow:auto;padding:9px}.rf36-active-list>a{display:grid;grid-template-columns:52px 1fr auto;gap:9px;align-items:center;text-decoration:none!important;color:#172437!important;border:1px solid #d9e2e5;border-radius:10px;padding:9px;margin-bottom:8px}.rf36-active-list .badge{width:52px;height:48px;border-radius:10px;background:#e9434f;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900}.rf36-active-list b{font-size:13px}.rf36-active-list small{display:block;font-size:10px;color:#6f7e86;margin-top:3px}.rf36-active-list strong{font-size:11px;color:#ef8200}
.rf36-quick-links{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid #dfe7ea}.rf36-quick-links a{height:42px;border-radius:7px;color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;box-shadow:0 4px 0 rgba(0,0,0,.22)}.rf36-quick-links .blue{background:#158fd6}.rf36-quick-links .green{background:#0fa46a}.rf36-quick-links .red{background:#e04442;grid-column:1/-1}
.rf36-footer,.ro36-footer{height:42px;flex:0 0 42px;background:#07172f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px}

/* Dedicated order taking screen */
.ro36-table-head{height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #dbe4e7}.ro36-table-head>div{display:flex;align-items:center;gap:12px}.ro36-table-head b{font-size:24px}.ro36-table-head span.occupied{background:#ffe5e7;color:#d92d38;border-radius:18px;padding:6px 12px;font-size:12px;font-weight:900}.ro36-table-head small{font-size:13px}.ro36-change-table{background:linear-gradient(#ee4f45,#d52f2c);color:#fff!important;text-decoration:none!important;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:900}
.ro36-shell{display:grid;grid-template-columns:minmax(720px,1fr) 430px;gap:8px;flex:1;min-height:0;padding:8px;margin:0}.ro36-bill,.ro36-menu{min-height:0}.ro36-bill{display:flex;flex-direction:column;gap:7px}.ro36-bill-card,.ro36-kitchen,.ro36-menu{background:#fff;border:1px solid #d9e2e5;border-radius:10px}.ro36-bill-card{flex:1;min-height:290px;overflow:hidden;display:flex;flex-direction:column}.ro36-section-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #dce5e8}.ro36-section-head h2{font-size:18px;margin:0}.ro36-section-head button{height:32px;border:1px solid #d3dfe3;border-radius:7px;background:#fff;padding:0 12px;font-size:11px;font-weight:900;margin-left:5px}
.ro36-cart-scroll{flex:1;overflow:auto;position:relative}.ro36-cart-table{width:100%;border-collapse:collapse;table-layout:fixed}.ro36-cart-table th{position:sticky;top:0;z-index:2;background:#edf4f6;padding:9px 5px;font-size:11px;color:#0a5661}.ro36-cart-table td{padding:7px 5px;border-bottom:1px solid #e4ebed;font-size:11px}.ro36-cart-table tr.selected{background:#fff4dc;outline:2px solid #f49a15;outline-offset:-2px}.ro36-cart-table th:nth-child(1){width:35px}.ro36-cart-table th:nth-child(2){width:26%}.ro36-cart-table th:nth-child(3){width:16%}.ro36-cart-table th:nth-child(4){width:16%}.ro36-cart-table th:nth-child(5){width:11%}.ro36-cart-table th:nth-child(6),.ro36-cart-table th:nth-child(7){width:8%}.ro36-cart-table th:nth-child(8){width:10%}.ro36-cart-table th:nth-child(9){width:38px}
.ro36-cart-table input,.ro36-cart-table select{width:100%;height:34px;border:1px solid #cbd9de;border-radius:6px;padding:4px;font-size:11px}.rsp-line-item b{font-size:11px!important}.rsp-line-item span{font-size:12px!important}.rsp-line-item small{font-size:9px!important}.rsp-qty{display:grid;grid-template-columns:31px 1fr 31px}.rsp-qty button{height:34px!important;font-size:16px}.rsp-qty input{height:34px!important}
.ro36-empty{position:absolute;inset:44px 0 0;display:grid;place-items:center;color:#84929a;font-size:13px}.ro36-line-hint{padding:8px 12px;background:#eef7ff;color:#136fb2;font-size:11px}
.ro36-totals{display:grid;grid-template-columns:.8fr .8fr 1.1fr 1.1fr 1.1fr 1.45fr;gap:6px;flex:0 0 67px}.ro36-totals>div{background:#fff;border:1px solid #d9e2e5;border-radius:8px;padding:8px}.ro36-totals small,.ro36-totals b{display:block}.ro36-totals small{font-size:10px;color:#687981}.ro36-totals b{font-size:15px;margin-top:6px}.ro36-totals .net{background:linear-gradient(135deg,#0b8b7f,#086b63);color:#fff}.ro36-totals .net small{color:#d7fff9}.ro36-totals .net b{font-size:20px}
.ro36-functions{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;flex:0 0 48px}.ro36-functions>*{border:0;border-radius:7px;color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;box-shadow:0 4px 0 rgba(0,0,0,.22)}.ro36-functions .void{background:#df3b45}.ro36-functions .exchange{background:#6c49c7}.ro36-functions .handover{background:#079b91}.ro36-functions .clear{background:#576577}.ro36-functions .discount{background:#d93f81}.ro36-functions .aggregator{background:#e98b12}
.ro36-kitchen{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;padding:10px;flex:0 0 175px}.ro36-kitchen-title{display:flex;align-items:center;gap:6px;margin-bottom:7px}.ro36-kitchen-title b{font-size:13px}.ro36-kitchen-title span{font-size:10px;color:#6b7981}.ro36-note-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ro36-note-grid label{min-height:32px;border:1px solid #d0dde1;border-radius:6px;display:flex;align-items:center;gap:5px;padding:5px 7px;font-size:10px}.ro36-note-grid label:has(input:checked){background:#eaf9ef;border-color:#65c58e}.ro36-note-grid input{width:16px;height:16px}
.ro36-manual textarea{width:100%;height:86px;border:1px solid #ccd9de;border-radius:7px;padding:9px;font-size:12px;resize:none}.ro36-manual button{margin-top:5px;height:31px;border:0;border-radius:6px;background:#0d9583;color:#fff;font-size:10px;font-weight:900}.ro36-manual small{display:block;font-size:9px;color:#d34e54;margin-top:4px}
.ro36-bottom{display:grid;grid-template-columns:1fr 190px 120px 135px;gap:7px;flex:0 0 48px}.ro36-bottom>*{border:0;border-radius:7px;min-height:43px}.ro36-bottom input{border:1px solid #cddade;padding:8px;font-size:11px}.ro36-bottom button,.ro36-bottom a{display:flex;align-items:center;justify-content:center;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:900;box-shadow:0 4px 0 rgba(0,0,0,.22)}.ro36-bottom .print-kot{background:#0da166}.ro36-bottom .receipt{background:#1685c6}.ro36-bottom .settle{background:#ef8b00}
.ro36-menu{display:flex;flex-direction:column;overflow:hidden}.ro36-search{height:86px;display:grid;grid-template-columns:1fr;gap:7px;padding:9px;border-bottom:1px solid #dce4e7}.ro36-search input{height:32px;border:1px solid #cbd8dd;border-radius:7px;padding:6px 9px;font-size:11px}.ro36-menu-body{display:grid;grid-template-columns:88px 1fr;gap:7px;flex:1;min-height:0;padding:7px}.ro36-categories{display:flex;flex-direction:column;gap:6px;overflow:auto}.ro36-categories .rsp-category{min-height:68px;border:1px solid #d6e0e4;border-radius:8px;background:#fff;font-size:10px}.ro36-categories .rsp-category span{font-size:24px}.ro36-categories .rsp-category b{display:block;font-size:10px}.ro36-categories .rsp-category.active{background:linear-gradient(#ffa41c,#ee7e00);color:#fff;box-shadow:0 4px 0 #ca6600}
.ro36-products-wrap{display:flex;flex-direction:column;min-height:0}.ro36-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:auto;align-content:start;flex:1}.ro36-products .rsp-product-card{min-height:155px;border:0;border-radius:9px;background:#fff;text-align:left;padding:6px;display:flex;flex-direction:column;box-shadow:0 5px 0 #dce3e6}.ro36-products .rsp-product-card img,.ro36-products .rsp-product-placeholder{width:100%;height:78px;object-fit:cover;border-radius:7px;background:#f7ecd4;display:grid;place-items:center;font-size:30px}.ro36-products .rsp-product-card small{font-size:8px;color:#77858d;margin-top:5px}.ro36-products .rsp-product-card b{font-size:11px;line-height:1.2}.ro36-products .rsp-product-card span{font-size:8px;color:#8b979d}.ro36-products .rsp-product-card strong{font-size:13px;color:#ed7900;margin-top:auto}
.pos-item-added-toast{position:fixed;left:50%;bottom:52px;transform:translate(-50%,20px);z-index:99999;background:linear-gradient(#59b96d,#348d48);color:#fff;border-radius:7px;padding:12px 20px;display:flex;align-items:center;gap:9px;font-size:14px;box-shadow:0 7px 20px rgba(0,0,0,.24);opacity:0;pointer-events:none;transition:.2s}.pos-item-added-toast span{font-size:24px}.pos-item-added-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1400px){.rf36-shell{grid-template-columns:225px minmax(650px,1fr) 270px}.rf36-grid{gap:8px}.rf36-table-art{height:105px}.ro36-shell{grid-template-columns:minmax(650px,1fr) 390px}.rf36-modes a,.ro36-modes a{padding:0 11px;font-size:11px}.rf36-brand,.ro36-brand{width:160px;flex-basis:160px}.rf36-brand strong,.ro36-brand strong{font-size:22px}}
@media(max-width:1100px){.restaurant-floor-v236,.restaurant-order-v236{height:auto;min-height:100vh;overflow:auto}.rf36-shell{grid-template-columns:220px 1fr}.rf36-active{grid-column:1/-1;min-height:330px}.rf36-grid{grid-template-columns:repeat(2,1fr)}.ro36-shell{grid-template-columns:1fr}.ro36-menu{min-height:650px}.ro36-products{grid-template-columns:repeat(4,1fr)}}


/* v2.36.1 Floor card visibility + whole-card click fix */
.restaurant-floor-v236 .rf36-table-area{min-height:0!important;overflow:hidden!important}
.restaurant-floor-v236 .rf36-grid{
    flex:1 1 0!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    align-content:start!important;
    grid-auto-rows:minmax(285px,max-content)!important;
    padding-bottom:18px!important
}
.restaurant-floor-v236 .rf36-table-card{
    min-height:285px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
    position:relative!important
}
.restaurant-floor-v236 .rf36-table-card.is-openable,
.restaurant-floor-v236 .rf36-table-card.is-seatable{cursor:pointer!important}
.restaurant-floor-v236 .rf36-table-card.is-openable:hover,
.restaurant-floor-v236 .rf36-table-card.is-seatable:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(28,57,76,.16)!important;
    border-color:#9ccbd4!important
}
.restaurant-floor-v236 .rf36-status-strip{flex:0 0 34px!important}
.restaurant-floor-v236 .rf36-table-art{height:98px!important;flex:0 0 98px!important}
.restaurant-floor-v236 .rf36-table-art img{max-height:92px!important;max-width:76%!important}
.restaurant-floor-v236 .rf36-table-name{flex:0 0 auto!important;padding-top:7px!important}
.restaurant-floor-v236 .rf36-table-code{flex:0 0 auto!important}
.restaurant-floor-v236 .rf36-meta{flex:0 0 auto!important}
.restaurant-floor-v236 .rf36-card-hint{
    margin:0 8px 6px;
    padding:5px 7px;
    border-radius:6px;
    background:#eef7ff;
    color:#176aa4;
    text-align:center;
    font-size:9px;
    font-weight:800
}
.restaurant-floor-v236 .rf36-actions,
.restaurant-floor-v236 .rf36-quick-seat,
.restaurant-floor-v236 .rf36-seat-btn,
.restaurant-floor-v236 .rf36-disabled{margin-top:auto!important}
.restaurant-floor-v236 .rf36-seat-btn{flex:0 0 39px!important}
@media(max-width:1400px){
  .restaurant-floor-v236 .rf36-grid{grid-auto-rows:minmax(265px,max-content)!important}
  .restaurant-floor-v236 .rf36-table-card{min-height:265px!important}
  .restaurant-floor-v236 .rf36-table-art{height:82px!important;flex-basis:82px!important}
  .restaurant-floor-v236 .rf36-table-art img{max-height:78px!important}
}


/* v2.43 Compact Tenant Login + Calibri Light menu typography */
body.tenant-login-page{padding-bottom:52px;overflow:hidden}
body.tenant-login-page .app-content{overflow:auto!important}
body.tenant-login-page .auth-shell.tenant-public-login{
    width:min(1160px,calc(100vw - 32px))!important;
    max-width:1160px!important;
    min-height:0!important;
    height:auto!important;
    max-height:calc(100vh - 142px);
    margin:16px auto!important;
    grid-template-columns:.92fr 1.08fr;
    border-radius:18px;
}
body.tenant-login-page .tenant-public-login .auth-side{padding:28px 36px}
body.tenant-login-page .tenant-public-login .auth-side h1{font-size:38px;margin:8px 0 14px;font-weight:400}
body.tenant-login-page .tenant-public-login .auth-side p{font-size:16px;line-height:1.45;margin:0 0 12px}
body.tenant-login-page .tenant-public-login .auth-brand{font-size:19px;font-weight:400}
body.tenant-login-page .tenant-public-login .auth-points{gap:9px;margin-top:14px;font-size:15px}
body.tenant-login-page .tenant-public-login .auth-card{padding:28px 36px;overflow:auto}
body.tenant-login-page .tenant-public-login .auth-card h2{font-size:31px;margin:6px 0 15px;font-weight:400}
body.tenant-login-page .tenant-public-login .auth-card form{gap:9px}
body.tenant-login-page .tenant-public-login label{font-weight:400}
body.tenant-login-page .tenant-public-login input,
body.tenant-login-page .tenant-public-login select{margin-top:5px;padding:10px 12px;font-size:15px}
body.tenant-login-page .tenant-public-login .login-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.tenant-login-page .tenant-public-login .login-method-tabs button{min-height:42px;font-weight:400}
body.tenant-login-page .tenant-public-login .btn.wide{margin:8px auto 0;min-height:44px;font-size:16px;font-weight:400}
body.tenant-login-page .tenant-public-login .auth-links{margin-top:10px;font-weight:400}
body.tenant-login-page .tenant-public-login .auth-admin-link{display:none!important}

/* Menus: requested Calibri Light, readable and non-bold */
.app-sidebar,.app-sidebar a,.app-sidebar summary,.app-topbar nav,.app-topbar nav a,
.topbar nav,.topbar nav a,.module-menu,.module-menu a,.menu-link,.menu-item{
    font-family:"Calibri Light",Calibri,"Segoe UI",Arial,sans-serif!important;
    font-weight:400!important;
    font-size:15px;
}
@media(max-height:760px){
 body.tenant-login-page .auth-shell.tenant-public-login{margin:8px auto!important;max-height:calc(100vh - 120px)}
 body.tenant-login-page .tenant-public-login .auth-side{padding:20px 30px}
 body.tenant-login-page .tenant-public-login .auth-card{padding:20px 30px}
 body.tenant-login-page .tenant-public-login .auth-side h1{font-size:32px}
 body.tenant-login-page .tenant-public-login .auth-points{gap:6px;margin-top:8px}
 body.tenant-login-page .tenant-public-login .auth-card h2{font-size:27px;margin-bottom:10px}
 body.tenant-login-page .tenant-public-login .auth-card form{gap:6px}
 body.tenant-login-page .tenant-public-login input{padding:8px 10px}
}
@media(max-width:800px){
 body.tenant-login-page{overflow:auto}
 body.tenant-login-page .auth-shell.tenant-public-login{grid-template-columns:1fr;max-height:none;width:calc(100vw - 20px)!important}
 body.tenant-login-page .tenant-public-login .auth-side{display:none}
 body.tenant-login-page .tenant-public-login .auth-card{padding:24px 20px}
}

/* v2.44 unified Back Office */
:root{--bo-teal:#087f82;--bo-dark:#13303b;--bo-border:#d7e2e5;--bo-bg:#f4f7f8}
body:not(.pos-kiosk-page){font-family:"Calibri Light","Calibri","Segoe UI",Arial,sans-serif;background:var(--bo-bg)}
.app-sidebar a,.app-sidebar summary,.sidebar-module a,.sidebar-module summary{
    font-family:"Calibri Light","Calibri","Segoe UI",Arial,sans-serif!important;
    font-weight:400!important;
    font-size:14px!important;
    line-height:1.2!important
}
.bo-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 7px;padding:10px 14px;border:1px solid var(--bo-border);border-radius:9px;background:#fff;box-shadow:0 2px 6px rgba(32,62,77,.05)}
.bo-page-head h1{margin:0;font-family:"Calibri Light","Calibri",sans-serif;font-size:22px;font-weight:400;color:#153d48;white-space:nowrap}
.bo-page-head p{margin:2px 0 0;font-size:12px;color:#6f7f86}
.bo-page-context{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.bo-page-context span{padding:5px 8px;border-radius:6px;background:#eef5f6;font-size:11px;color:#536970}.bo-page-context b{font-weight:600;color:#173f49}
.bo-data-toolbar{display:flex;align-items:center;gap:5px;min-height:46px;margin-bottom:7px;padding:6px;border:1px solid var(--bo-border);border-radius:9px;background:#fff;overflow-x:auto}
.bo-tool{height:33px;padding:0 10px;border:1px solid #cbd9dd;border-radius:6px;background:linear-gradient(#fff,#f1f5f6);color:#294752!important;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:"Calibri Light","Calibri",sans-serif;font-size:11px;font-weight:400;cursor:pointer}
.bo-tool:hover{border-color:#8abec1;background:#edf8f8}.bo-tool.primary{background:linear-gradient(#129b9d,#087a7d);border-color:#087a7d;color:#fff!important}
.bo-toolbar-search{margin-left:auto;min-width:190px;height:33px;border:1px solid #cbd9dd;border-radius:6px;display:flex;align-items:center;padding:0 7px;background:#fff}.bo-toolbar-search input{width:100%;border:0;outline:0;font:400 11px "Calibri Light","Calibri",sans-serif;background:transparent}.bo-toolbar-search span{margin-right:5px;color:#56818c}
body:not(.pos-kiosk-page) .smart-card,body:not(.pos-kiosk-page) .smart-form-page,body:not(.pos-kiosk-page) .erp-entry-template{font-family:"Calibri Light","Calibri","Segoe UI",Arial,sans-serif}
body:not(.pos-kiosk-page) table th{font-family:"Calibri Light","Calibri",sans-serif;font-size:12px;font-weight:600}
body:not(.pos-kiosk-page) table td,body:not(.pos-kiosk-page) label,body:not(.pos-kiosk-page) input,body:not(.pos-kiosk-page) select,body:not(.pos-kiosk-page) textarea{font-family:"Calibri Light","Calibri",sans-serif;font-size:12px}
@media(max-width:900px){.bo-page-head{align-items:flex-start;flex-direction:column}.bo-page-head h1{white-space:normal}.bo-page-context{justify-content:flex-start}.bo-toolbar-search{min-width:170px}.bo-data-toolbar{overflow-x:auto}}

/* v2.45 simplified tenant menu + landscape transactions */
body:not(.pos-kiosk-page) .app-sidebar{width:245px}
body:not(.pos-kiosk-page) .sidebar-section-title{font-family:"Calibri Light","Calibri",sans-serif;font-size:12px;font-weight:400;letter-spacing:.4px}
body:not(.pos-kiosk-page) .sidebar-module>summary{
    min-height:38px!important;padding:9px 10px!important;border-radius:6px!important;
    font-family:"Calibri Light","Calibri",sans-serif!important;font-size:14px!important;font-weight:400!important
}
body:not(.pos-kiosk-page) .sidebar-subgroup>summary{
    min-height:32px!important;padding:7px 10px 7px 28px!important;
    font-family:"Calibri Light","Calibri",sans-serif!important;font-size:13px!important;font-weight:400!important;color:#3c5b65
}
body:not(.pos-kiosk-page) .sidebar-subgroup>a{
    min-height:30px!important;padding:7px 9px 7px 40px!important;
    font-family:"Calibri Light","Calibri",sans-serif!important;font-size:12px!important;font-weight:400!important
}
body:not(.pos-kiosk-page) .erp-module-icon{font-size:15px;width:22px}
body:not(.pos-kiosk-page) .erp-menu-dot{font-size:9px;width:12px}

/* Transaction Entry always uses a wide top workspace. */
body:not(.pos-kiosk-page) .erp-entry-template,
body:not(.pos-kiosk-page) .invoice-page{
    width:100%!important;max-width:none!important;margin:0!important
}
body:not(.pos-kiosk-page) .erp-entry-template form,
body:not(.pos-kiosk-page) .invoice-page form{
    width:100%!important;max-width:none!important
}
body:not(.pos-kiosk-page) .workflow-header,
body:not(.pos-kiosk-page) .invoice-header-grid,
body:not(.pos-kiosk-page) .entry-header-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(120px,1fr))!important;
    gap:7px!important;
    align-items:end!important
}
body:not(.pos-kiosk-page) .workflow-sticky-footer{
    position:static!important;bottom:auto!important;z-index:auto!important;margin-top:6px!important
}
body:not(.pos-kiosk-page) .trade-entry-table{min-width:1050px}
body:not(.pos-kiosk-page) .smart-table-wrap{overflow-x:auto!important}

/* Record list is deliberately below entry, never beside it. */
.bo-record-list{clear:both;width:100%;margin:10px 0 18px;background:#fff;border:1px solid #d6e1e4;border-radius:9px;overflow:hidden;box-shadow:0 2px 6px rgba(33,61,74,.05)}
.bo-record-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;border-bottom:1px solid #dce5e8;background:#f7fafb}
.bo-record-list-head h2{margin:0;font:400 17px "Calibri Light","Calibri",sans-serif;color:#183f49}
.bo-record-list-head p{margin:2px 0 0;font:400 11px "Calibri Light","Calibri",sans-serif;color:#728188}
.bo-record-list-head>span{padding:5px 9px;border-radius:6px;background:#eaf4f5;color:#176b70;font-size:10px;white-space:nowrap}
.bo-record-table-wrap{max-height:340px;overflow:auto}
.bo-standard-table{width:100%;border-collapse:collapse;min-width:850px}
.bo-standard-table th{position:sticky;top:0;z-index:2;background:#edf4f5;padding:8px 9px;text-align:left;border-bottom:1px solid #cedcdf;font:600 11px "Calibri Light","Calibri",sans-serif;color:#31545d}
.bo-standard-table td{padding:7px 9px;border-bottom:1px solid #e6ecee;font:400 11px "Calibri Light","Calibri",sans-serif;color:#314c55}
.bo-standard-table tr:hover td{background:#f7fbfb}.bo-standard-table .num{text-align:right;font-variant-numeric:tabular-nums}
.bo-status{display:inline-block;padding:3px 7px;border-radius:10px;background:#eaf4f5;color:#176c70;font-size:9px}

/* Keep entry visible at standard desktop sizes, then records follow naturally. */
@media(min-width:1100px){
 body:not(.pos-kiosk-page) .erp-entry-template>.smart-form-head,
 body:not(.pos-kiosk-page) .invoice-page>.smart-form-head{margin-bottom:5px}
 body:not(.pos-kiosk-page) .erp-entry-template label,
 body:not(.pos-kiosk-page) .invoice-page label{font-size:11px}
 body:not(.pos-kiosk-page) .erp-entry-template input,
 body:not(.pos-kiosk-page) .erp-entry-template select,
 body:not(.pos-kiosk-page) .invoice-page input,
 body:not(.pos-kiosk-page) .invoice-page select{min-height:32px}
}
@media(max-width:1099px){
 body:not(.pos-kiosk-page) .workflow-header,
 body:not(.pos-kiosk-page) .invoice-header-grid,
 body:not(.pos-kiosk-page) .entry-header-grid{grid-template-columns:repeat(3,minmax(130px,1fr))!important}
}
@media(max-width:700px){
 body:not(.pos-kiosk-page) .workflow-header,
 body:not(.pos-kiosk-page) .invoice-header-grid,
 body:not(.pos-kiosk-page) .entry-header-grid{grid-template-columns:1fr!important}
 .bo-record-list-head{align-items:flex-start;flex-direction:column}
}


/* v2.47.1 Tenant menu visibility + accordion usability */
#tenantSidebar{
    background:linear-gradient(180deg,#087b73 0%,#056b67 100%)!important;
    color:#fff!important;
    scrollbar-color:rgba(255,255,255,.48) transparent;
}
#tenantSidebar .sidebar-section-title{
    color:#d7fffb!important;
    opacity:1!important;
    font:400 11px "Calibri Light","Calibri","Segoe UI",sans-serif!important;
    letter-spacing:.7px!important;
    padding:10px 12px 7px!important;
}
#tenantSidebar>a,
#tenantSidebar .erp-dashboard-link{
    color:#fff!important;
    opacity:1!important;
    font:400 14px "Calibri Light","Calibri","Segoe UI",sans-serif!important;
    text-decoration:none!important;
}
#tenantSidebar .erp-dashboard-link{
    display:flex!important;align-items:center!important;
    min-height:39px!important;margin:0 7px 7px!important;padding:8px 11px!important;
    border-radius:7px!important;background:rgba(0,0,0,.10)!important;
}
#tenantSidebar details.erp-module{
    margin:3px 7px!important;border-radius:8px!important;overflow:hidden!important;
    border:1px solid transparent!important;background:transparent!important;
}
#tenantSidebar details.erp-module>summary{
    color:#fff!important;opacity:1!important;
    min-height:41px!important;padding:9px 10px!important;
    display:flex!important;align-items:center!important;gap:8px!important;
    font:400 15px "Calibri Light","Calibri","Segoe UI",sans-serif!important;
    background:rgba(255,255,255,.055)!important;
    cursor:pointer!important;list-style:none!important;
}
#tenantSidebar details.erp-module>summary::-webkit-details-marker,
#tenantSidebar details.sidebar-subgroup>summary::-webkit-details-marker{display:none!important}
#tenantSidebar details.erp-module>summary::after{
    content:"›";margin-left:auto;font-size:18px;line-height:1;transition:transform .16s ease;
    color:#d7fffb!important;
}
#tenantSidebar details.erp-module[open]{
    background:rgba(0,0,0,.10)!important;border-color:rgba(255,255,255,.08)!important;
}
#tenantSidebar details.erp-module[open]>summary{
    background:#126f6c!important;color:#fff!important;
}
#tenantSidebar details.erp-module[open]>summary::after{transform:rotate(90deg)}
#tenantSidebar .erp-module-icon{
    color:#fff!important;opacity:1!important;width:23px!important;text-align:center!important;font-size:15px!important;
}
#tenantSidebar details.sidebar-subgroup{
    margin:2px 7px 3px 24px!important;border-radius:6px!important;overflow:hidden!important;
    background:rgba(255,255,255,.025)!important;
}
#tenantSidebar details.sidebar-subgroup>summary{
    color:#eafffc!important;opacity:1!important;
    min-height:35px!important;padding:7px 9px!important;
    display:flex!important;align-items:center!important;
    font:400 13px "Calibri Light","Calibri","Segoe UI",sans-serif!important;
    cursor:pointer!important;list-style:none!important;
}
#tenantSidebar details.sidebar-subgroup>summary::before{
    content:"▸";width:16px;color:#9fe9e2!important;font-size:10px;transition:transform .15s ease;
}
#tenantSidebar details.sidebar-subgroup[open]>summary{
    color:#fff!important;background:rgba(255,255,255,.09)!important;
}
#tenantSidebar details.sidebar-subgroup[open]>summary::before{transform:rotate(90deg)}
#tenantSidebar details.sidebar-subgroup>a{
    display:flex!important;align-items:center!important;gap:5px!important;
    min-height:31px!important;margin:1px 4px!important;padding:6px 8px 6px 15px!important;
    border-radius:5px!important;color:#d6f7f3!important;opacity:1!important;
    font:400 12px "Calibri Light","Calibri","Segoe UI",sans-serif!important;
    text-decoration:none!important;background:transparent!important;
}
#tenantSidebar details.sidebar-subgroup>a .erp-menu-dot{
    color:#83dcd4!important;opacity:1!important;width:12px!important;
}
#tenantSidebar details.sidebar-subgroup>a:hover{
    background:rgba(255,255,255,.12)!important;color:#fff!important;
}
#tenantSidebar a.menu-active,
#tenantSidebar .erp-dashboard-link.menu-active{
    background:#fff!important;color:#08736d!important;
    box-shadow:0 2px 7px rgba(0,0,0,.18)!important;
}
#tenantSidebar a.menu-active .erp-menu-dot{color:#08736d!important}
#tenantSidebar details.erp-module:has(a.menu-active)>summary{
    background:#0d9188!important;color:#fff!important;
}
#tenantSidebar details.sidebar-subgroup:has(a.menu-active)>summary{
    background:rgba(255,255,255,.14)!important;color:#fff!important;
}
#tenantSidebar summary:focus-visible,#tenantSidebar a:focus-visible{
    outline:2px solid #fff!important;outline-offset:-2px!important;
}
@media(max-width:900px){
 #tenantSidebar details.erp-module>summary{font-size:14px!important}
 #tenantSidebar details.sidebar-subgroup>summary{font-size:13px!important}
 #tenantSidebar details.sidebar-subgroup>a{font-size:12px!important}
}

/* v2.48 POS accounting/audit */
.bo-audit-filter{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;gap:8px;align-items:end;padding:10px;border-bottom:1px solid #dce5e8}
.bo-audit-filter label{font:400 11px "Calibri Light","Calibri",sans-serif;color:#4d6871}
.bo-audit-filter input,.bo-audit-filter select{width:100%;height:33px;margin-top:3px;border:1px solid #cbd9dd;border-radius:6px;padding:5px 7px}
@media(max-width:900px){.bo-audit-filter{grid-template-columns:repeat(2,minmax(140px,1fr))}}
@media(max-width:600px){.bo-audit-filter{grid-template-columns:1fr}}

/* v2.49 Back Office readability + POS-aligned theme */
:root{--bo-pos-teal:#087b73;--bo-pos-teal-dark:#056b67;--bo-pos-blue:#1976d2;--bo-pos-green:#188754;--bo-pos-orange:#e67e22;--bo-pos-red:#c53b3b;--bo-pos-purple:#7253a6}
body,.app-shell,.app-content{font-family:"Calibri Light","Calibri","Segoe UI",sans-serif!important;font-size:16px!important}
#tenantSidebar details.erp-module>summary{font-size:16px!important;min-height:44px!important}
#tenantSidebar details.sidebar-subgroup>summary{font-size:16px!important;min-height:40px!important}
#tenantSidebar details.sidebar-subgroup>a{font-size:16px!important;min-height:38px!important;line-height:1.25!important}
#tenantSidebar .erp-dashboard-link{font-size:16px!important;min-height:42px!important}
#tenantSidebar .sidebar-section-title{font-size:13px!important}
.app-content h1,.page-header h1,.bo-page-header h1{font-size:22px!important;line-height:1.15!important}
.app-content h2,.smart-card h2,.appearance-head h2{font-size:19px!important;line-height:1.2!important}
.app-content h3{font-size:17px!important}
.btn,.button,button,input,select,textarea{font-family:"Calibri Light","Calibri","Segoe UI",sans-serif}
.btn.primary,.btn-doc-new{background:var(--bo-pos-blue)!important;border-color:var(--bo-pos-blue)!important;color:#fff!important}
.btn.secondary{background:var(--bo-pos-orange)!important;border-color:var(--bo-pos-orange)!important;color:#fff!important}
.btn.success{background:var(--bo-pos-green)!important;border-color:var(--bo-pos-green)!important;color:#fff!important}
.btn.danger{background:var(--bo-pos-red)!important;border-color:var(--bo-pos-red)!important;color:#fff!important}
.btn.outline{background:#fff!important;border:1px solid var(--bo-pos-teal)!important;color:var(--bo-pos-teal-dark)!important}
.doc-toolbar,.doc-entry-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 14px;border-bottom:1px solid #dce6e8}
.doc-toolbar p,.doc-entry-head p{margin:3px 0 0;color:#60777c}
.doc-filter{display:flex;gap:8px;padding:10px 14px}
.doc-filter select{min-width:180px;height:38px}
.doc-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:14px}
.doc-grid label{font-size:14px;color:#405b61}
.doc-grid input,.doc-grid select,.doc-grid textarea{width:100%;margin-top:4px;min-height:38px;border:1px solid #c9d8dc;border-radius:6px;padding:7px 9px;font-size:16px}
.doc-grid .doc-wide{grid-column:1/-1}.doc-grid .doc-file{grid-column:span 2}
.doc-grid small{display:block;margin-top:3px;color:#70868b}
.doc-actions{display:flex;gap:8px;padding:0 14px 14px}
.doc-status{display:inline-block;padding:3px 7px;border-radius:12px;background:#e7f5f3;color:#086f68}
@media(max-width:1100px){.doc-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:650px){.doc-grid{grid-template-columns:1fr}.doc-grid .doc-file{grid-column:1}.doc-toolbar,.doc-entry-head{align-items:flex-start;flex-direction:column}}

/* v2.50 approved POS-style Back Office framework */
:root{--px-navy:#082f49;--px-teal:#087b73;--px-blue:#1976d2;--px-purple:#7b3fc6;--px-orange:#f08a16;--px-red:#ef4056;--px-green:#20a34a}
body.tenant-authenticated:not(.pos-kiosk-page){background:#f6f9fb!important;padding-bottom:94px}
body.tenant-authenticated:not(.pos-kiosk-page) .app-sidebar{display:block!important;width:275px!important;background:linear-gradient(180deg,#073759,#075472)!important}
body.tenant-authenticated:not(.pos-kiosk-page):not(.menu-collapsed) .app-content{margin-left:275px!important}
.px-top-shortcuts{display:flex;gap:7px;margin-left:auto;margin-right:16px;height:52px;align-items:center}.px-shortcut{height:48px;min-width:74px;padding:5px 10px;border:0;border-radius:6px;color:#fff!important;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font:400 12px "Calibri Light","Calibri",sans-serif;box-shadow:0 3px 8px rgba(0,0,0,.16);cursor:pointer}.px-shortcut span{font-size:18px;line-height:1}.px-shortcut.blue{background:var(--px-blue)}.px-shortcut.purple{background:var(--px-purple)}.px-shortcut.orange{background:var(--px-orange)}.px-shortcut.red{background:var(--px-red)}.px-shortcut.teal{background:#009b9d}
.px-entry-card,.px-list-card{background:#fff;border:1px solid #d7e2e7;border-radius:9px;margin:8px 0;overflow:hidden;box-shadow:0 2px 7px rgba(16,55,75,.06)}.px-entry-title,.px-list-title{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:linear-gradient(90deg,#087b73,#0b6965);color:#fff}.px-entry-title h2,.px-list-title h2{margin:0!important;font-size:18px!important;color:#fff!important}.px-entry-title p,.px-list-title p{margin:2px 0 0;font-size:12px;color:#e8fffd}.px-landscape-form{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:8px;padding:12px;align-items:end}.px-landscape-form.compact{grid-template-columns:repeat(4,minmax(150px,1fr))}.px-landscape-form label{font-size:13px;color:#36515c}.px-landscape-form input,.px-landscape-form select,.px-landscape-form textarea{display:block;width:100%;height:38px;margin-top:3px;border:1px solid #cbd8dd;border-radius:6px;padding:6px 8px;font-size:16px;background:#fff}.px-wide-2{grid-column:span 2}.px-form-actions{display:flex;gap:6px;align-items:end}.px-action,.px-mini{border:0;color:#fff;border-radius:6px;cursor:pointer}.px-action{min-height:38px;padding:7px 15px;font-size:14px}.px-mini{padding:5px 8px;font-size:11px}.blue{background:var(--px-blue)!important}.orange{background:var(--px-orange)!important}.red{background:var(--px-red)!important}.green{background:var(--px-green)!important}.purple{background:var(--px-purple)!important}.teal{background:#078d82!important}.navy{background:#365b7d!important}.px-list-title{background:#eef6f7;color:#173f4d}.px-list-title h2{color:#173f4d!important}.px-list-title p{color:#657c84}.px-search{height:36px;min-width:260px;border:1px solid #c9d8dc;border-radius:6px;padding:6px 10px}.px-table-wrap{overflow:auto;max-height:430px}.px-table{width:100%;border-collapse:collapse;min-width:900px}.px-table th{position:sticky;top:0;background:#edf4f6;padding:8px;border-bottom:1px solid #cfdee2;font-size:12px;text-align:left}.px-table td{padding:7px 8px;border-bottom:1px solid #e5ecef;font-size:13px}.px-table tr.selected td{background:#fff8df}.px-hidden-row td{opacity:.55}.px-functions{display:flex;gap:4px;align-items:center;white-space:nowrap}.px-functions form{display:inline}.px-status{padding:3px 7px;border-radius:12px;font-size:10px}.px-status.on{background:#dcf6e4;color:#167638}.px-status.off{background:#f0f0f0;color:#777}
.smart-two{display:block!important}.smart-two>.smart-card{margin-bottom:8px}.smart-grid{grid-template-columns:repeat(5,minmax(130px,1fr))!important}.smart-form-page h1{font-size:21px!important}.bo-page-head h1{font-size:21px!important}
.px-global-actions{position:fixed;left:275px;right:0;bottom:34px;z-index:950;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:6px 10px;background:#f4f8fa;border-top:1px solid #cad9de}.menu-collapsed .px-global-actions{left:0}.px-global-actions button{height:40px;border:0;border-radius:5px;color:#fff;font-size:14px;cursor:pointer}
.px-utility-modal{position:fixed;inset:0;z-index:2000;background:rgba(3,25,38,.5);display:grid;place-items:center}.px-utility-modal[hidden]{display:none}.px-utility-card{width:min(460px,92vw);background:#fff;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.3);overflow:hidden}.px-utility-head{display:flex;justify-content:space-between;padding:10px 12px;background:#073759;color:#fff}.px-utility-head button{border:0;background:transparent;color:#fff;font-size:22px}.px-utility-card>#pxUtilityBody{padding:14px}.px-calc input{width:100%;height:50px;text-align:right;font-size:24px;margin-bottom:8px}.px-calc>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.px-calc button,.px-more button{min-height:40px}.px-calc .equals{grid-column:1/-1;background:var(--px-green);color:#fff;border:0}.px-calendar{text-align:center}.px-calendar input{font-size:18px;padding:8px}.px-more{display:grid;gap:7px}
@media(max-width:1200px){.px-landscape-form{grid-template-columns:repeat(3,minmax(135px,1fr))}.px-top-shortcuts{display:none}}@media(max-width:800px){body.tenant-authenticated:not(.pos-kiosk-page) .app-sidebar{width:250px!important}.px-global-actions{left:0;grid-template-columns:repeat(4,1fr)}.px-landscape-form,.px-landscape-form.compact,.smart-grid{grid-template-columns:1fr!important}.px-wide-2{grid-column:span 1}}

/* v2.50.1 centered workspace + complete Arabic tenant menu */
body.tenant-authenticated:not(.pos-kiosk-page):not(.menu-collapsed) .app-content{
    margin:0!important;
    padding:14px 16px 92px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
}
body.tenant-authenticated:not(.pos-kiosk-page).menu-collapsed .app-content{
    margin:0!important;
    padding:14px 16px 92px!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content>*
{
    width:min(100%,1500px)!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) .bo-page-head,
body.tenant-authenticated:not(.pos-kiosk-page) .bo-data-toolbar,
body.tenant-authenticated:not(.pos-kiosk-page) .smart-form-page,
body.tenant-authenticated:not(.pos-kiosk-page) .px-entry-card,
body.tenant-authenticated:not(.pos-kiosk-page) .px-list-card,
body.tenant-authenticated:not(.pos-kiosk-page) .erp-entry-template,
body.tenant-authenticated:not(.pos-kiosk-page) .invoice-page,
body.tenant-authenticated:not(.pos-kiosk-page) .executive-dashboard{
    margin-left:auto!important;
    margin-right:auto!important;
}
html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page) .app-frame{
    grid-template-columns:minmax(0,1fr) 275px!important;
    grid-template-areas:
      "top top"
      "content side"
      "status status"!important;
}
html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page) .app-sidebar{
    grid-area:side!important;
    direction:rtl!important;
    text-align:right!important;
}
html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page) .app-content{
    grid-area:content!important;
    direction:rtl!important;
    text-align:right!important;
}
html[dir="rtl"] #tenantSidebar details.erp-module>summary,
html[dir="rtl"] #tenantSidebar details.sidebar-subgroup>summary,
html[dir="rtl"] #tenantSidebar details.sidebar-subgroup>a,
html[dir="rtl"] #tenantSidebar .erp-dashboard-link{
    text-align:right!important;
    direction:rtl!important;
}
html[dir="rtl"] #tenantSidebar details.erp-module>summary::after{
    margin-left:0!important;
    margin-right:auto!important;
    transform:rotate(180deg);
}
html[dir="rtl"] #tenantSidebar details.erp-module[open]>summary::after{transform:rotate(90deg)}
html[dir="rtl"] #tenantSidebar details.sidebar-subgroup>summary::before{
    order:2;margin-right:auto;transform:rotate(180deg)
}
html[dir="rtl"] #tenantSidebar details.sidebar-subgroup[open]>summary::before{transform:rotate(90deg)}
html[dir="rtl"] .px-global-actions{
    left:0!important;
    right:275px!important;
}
html[dir="rtl"] .menu-collapsed .px-global-actions{right:0!important}
html[dir="rtl"] .px-top-shortcuts{margin-left:16px;margin-right:auto;direction:rtl}
html[dir="rtl"] .px-landscape-form,
html[dir="rtl"] .smart-grid,
html[dir="rtl"] .doc-grid{direction:rtl}
@media(max-width:850px){
 html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page) .app-frame{
   grid-template-columns:1fr!important;
   grid-template-areas:"top" "side" "content" "status"!important
 }
 html[dir="rtl"] .px-global-actions{right:0!important}
 body.tenant-authenticated:not(.pos-kiosk-page) .app-content{padding-left:10px!important;padding-right:10px!important}
}

/* v2.51 complete module workspace */
.px-module-summary{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin:8px auto!important}
.px-summary-card{min-height:72px;border-radius:8px;padding:10px 13px;color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 3px 8px rgba(14,47,66,.12)}
.px-summary-card small{font-size:12px;opacity:.92}.px-summary-card strong{font-size:23px;font-weight:600;margin-top:3px}
.px-entry-tools{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.px-import-box{padding:8px 12px;background:#fff8de;border-bottom:1px solid #eadfba}.px-import-box form{display:flex;align-items:center;gap:6px}.px-import-box input[type=file]{max-width:330px}
.px-module-form{grid-template-columns:repeat(6,minmax(125px,1fr))!important}.px-inline-search{display:flex;gap:5px;align-items:center}.px-cell-sub{display:block;color:#71838b;font-size:10px;margin-top:2px}.px-status.posted{background:#dfe9ff;color:#214e9a}.px-dashboard-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.px-dashboard-panels>div{min-height:100px;padding:15px;border:1px solid #d8e5e8;border-radius:8px;background:#f9fcfd}.px-dashboard-panels h3{margin:0 0 8px;color:#096e69}.px-dashboard-panels p{font-size:18px;margin:0}
html[dir="rtl"] .px-entry-tools,html[dir="rtl"] .px-import-box form,html[dir="rtl"] .px-inline-search{direction:rtl}
@media(max-width:1100px){.px-module-summary{grid-template-columns:repeat(2,1fr)}.px-module-form{grid-template-columns:repeat(3,minmax(130px,1fr))!important}}
@media(max-width:650px){.px-module-summary,.px-dashboard-panels{grid-template-columns:1fr}.px-module-form{grid-template-columns:1fr!important}.px-import-box form{align-items:stretch;flex-direction:column}.px-import-box input[type=file]{max-width:none;width:100%}}

/* v2.52 workflow controls */
.px-audit-summary{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px;padding:12px}.px-audit-summary span{padding:9px 10px;border:1px solid #d9e5e8;border-radius:7px;background:#f8fbfc;font-size:13px}
.px-functions .px-mini.purple{background:#7b3fc6!important}.px-functions .px-mini.navy{background:#365b7d!important}.px-functions .px-mini.teal{background:#078d82!important;color:#fff!important;text-decoration:none}
@media(max-width:800px){.px-audit-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.px-audit-summary{grid-template-columns:1fr}}

/* v2.53 Retail / Restaurant operational dashboards */
.px-core-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px;margin:8px 0}
.px-kpi{min-height:94px;border-radius:10px;padding:13px 15px;color:#fff;box-shadow:0 4px 12px rgba(22,52,67,.13);display:flex;flex-direction:column;justify-content:center}
.px-kpi small{font-size:13px}.px-kpi strong{font-size:25px;line-height:1.15;margin:4px 0}.px-kpi span{font-size:11px;opacity:.9}
.px-core-actions{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:8px;margin:9px 0}
.px-launch{min-height:62px;border-radius:9px;color:#fff!important;text-decoration:none!important;display:flex;gap:9px;align-items:center;justify-content:center;padding:10px;font-size:14px;box-shadow:0 3px 8px rgba(22,52,67,.12)}
.px-launch:hover{transform:translateY(-1px);filter:brightness(1.04)}
@media(max-width:900px){.px-core-kpis,.px-core-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.px-core-kpis,.px-core-actions{grid-template-columns:1fr}}

/* v2.54 tenant user module assignment */
.user-module-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:14px}
.user-module-tile{min-height:88px;border:1px solid #cfdde2;border-radius:9px;padding:12px;background:#f8fbfc;display:grid;grid-template-columns:24px 1fr;align-items:center;cursor:pointer}
.user-module-tile input{width:18px;height:18px}.user-module-tile span{font-size:16px;font-weight:700}.user-module-tile small{grid-column:2;color:#6c8087}.user-module-tile:has(input:checked){border-color:#0b8e85;background:#e8f8f6;box-shadow:inset 4px 0 #0b8e85}
.user-module-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
@media(max-width:900px){.user-module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.user-module-grid{grid-template-columns:1fr}}

/* v2.79 Super Admin dashboard hardening */
.admin-kpis-v279{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
.admin-kpis-v279>div{min-width:0!important}
.admin-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.admin-quick-actions .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:1200px){.admin-kpis-v279{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.admin-kpis-v279{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v3.00.19.18 Restaurant Backoffice Control Center */
.resto-control-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;margin:0 0 16px;border-radius:16px;background:linear-gradient(135deg,#064e4d,#087b77);color:#fff;box-shadow:0 8px 24px #0002}.resto-control-hero span{font-size:12px;letter-spacing:1.4px;font-weight:700;opacity:.8}.resto-control-hero h1{font-size:42px;margin:2px 0}.resto-control-hero p{margin:0}.resto-control-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.resto-control-actions a,.resto-master-nav a{background:#fff;color:#064e4d;border-radius:9px;padding:9px 12px;text-decoration:none;font-weight:700;box-shadow:0 2px 8px #0002}.resto-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:16px}.resto-kpi-grid>div{background:#fff;border:1px solid #d8e7e6;border-radius:12px;padding:14px;box-shadow:0 3px 12px #0000000c}.resto-kpi-grid b{display:block;font-size:28px;color:#075f5d}.resto-kpi-grid span{font-size:13px;color:#526160}.resto-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;padding:14px}.resto-ready-card{border-radius:12px;padding:14px;border:1px solid #ddd;background:#fff}.resto-ready-card.ok{border-left:5px solid #16854f}.resto-ready-card.warn{border-left:5px solid #d98b10;background:#fffaf1}.resto-ready-card p{min-height:36px;margin:7px 0;color:#53605f;font-size:13px}.resto-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;padding-top:10px}.resto-rule-grid>div{border:1px solid #d8e7e6;border-radius:10px;padding:12px}.resto-rule-grid b,.resto-rule-grid span{display:block}.resto-rule-grid span{font-size:13px;color:#596665;margin-top:5px}.resto-master-nav{display:flex;justify-content:flex-end;margin:0 0 10px}@media(max-width:1000px){.resto-control-hero{align-items:flex-start;flex-direction:column}.resto-kpi-grid{grid-template-columns:repeat(2,1fr)}.resto-readiness-grid,.resto-rule-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.resto-kpi-grid,.resto-readiness-grid,.resto-rule-grid{grid-template-columns:1fr}.resto-control-actions a{width:100%}}

/* v3.00.19.23 Restaurant CRM / Membership / Loyalty */
.crm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.crm-kpis>div{background:#fff;border:1px solid #dbe7e8;border-radius:12px;padding:14px}.crm-kpis b,.crm-kpis span{display:block}.crm-kpis b{font-size:25px;color:#075f5d}.crm-segments{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.crm-segments a{padding:8px 12px;border-radius:18px;background:#eef6f7;color:#173d48;text-decoration:none;font-weight:700}.crm-segments a.active{background:#087b77;color:#fff}.crm-search{display:flex;gap:8px;margin:10px 0}.crm-search input{flex:1}.crm-profile-head{display:flex;justify-content:space-between;gap:15px;background:linear-gradient(135deg,#064e4d,#087b77);color:#fff;padding:20px;border-radius:14px;margin-bottom:14px}.crm-profile-head h1{margin:3px 0}.crm-profile-metrics{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.crm-profile-metrics span{background:#ffffff18;border:1px solid #ffffff33;border-radius:10px;padding:10px;min-width:105px}.crm-profile-metrics b,.crm-profile-metrics small{display:block}.crm-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.crm-member-badge{display:grid;grid-template-columns:1fr auto;gap:4px;background:#f4edff;border-left:5px solid #7437a0;border-radius:10px;padding:12px;margin:8px 0}.crm-member-badge strong{color:#7437a0}.crm-member-badge small{grid-column:1/-1}@media(max-width:850px){.crm-kpis{grid-template-columns:repeat(2,1fr)}.crm-two-col{grid-template-columns:1fr}.crm-profile-head{flex-direction:column}.crm-profile-metrics{justify-content:flex-start}}


/* v3.00.19.25 Restaurant user order-type rights */
.restaurant-order-rights{margin-top:14px}.restaurant-order-rights>b,.restaurant-order-rights>small{display:block}.restaurant-order-rights>small{color:#64748b;margin:3px 0 10px}
.restaurant-order-right-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;margin:10px 0 4px}.restaurant-order-right-grid label{display:flex;align-items:center;gap:9px;border:1px solid #cbd5e1;border-radius:10px;padding:12px;background:#fff;font-weight:700;cursor:pointer}.restaurant-order-right-grid input{width:20px;height:20px;accent-color:#087b77}.restaurant-order-right-grid label:has(input:checked){border-color:#087b77;background:#effcfb;box-shadow:0 0 0 1px #087b7722}.restaurant-user-access-card hr{border:0;border-top:1px solid #dfe7ea;margin:18px 0}@media(max-width:760px){.restaurant-order-right-grid{grid-template-columns:1fr 1fr}}


/* v3.00.19.30.2 HEAD OFFICE PRINT STANDARD — A4 */
@media print{
  @page{size:A4 portrait;margin:12mm}
  html,body{width:210mm!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important}
  body{font-family:"Times New Roman",serif!important;font-size:10pt!important}
  .container,.container-fluid,.main-content,.content,.report-page,.print-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-shadow:none!important}
  table{width:100%!important;border-collapse:collapse!important;page-break-inside:auto}
  thead{display:table-header-group}tfoot{display:table-footer-group}tr{page-break-inside:avoid;page-break-after:auto}
  th,td{font-size:9pt!important;padding:1.5mm!important}
  header,nav,.navbar,.sidebar,.app-sidebar,.bottom-status,.no-print,.btn,.toolbar,.data-toolbar{display:none!important}
  h1,h2,h3{page-break-after:avoid}a[href]:after{content:""!important}
}


/* v3.00.19.37.15.20 — operational Queue shell + tenant branding */
body.queue-operational-page .app-content{grid-column:1!important;margin-left:0!important;width:100%!important;max-width:none!important;}
body.queue-operational-page .app-frame{grid-template-columns:1fr!important;}
body.queue-operational-page .app-topbar{grid-column:1/-1!important;}
.tenant-company-logo{width:34px;height:34px;object-fit:contain;border-radius:6px;margin-left:10px;vertical-align:middle;background:#fff;padding:2px;border:1px solid rgba(255,255,255,.35);}
.tenant-logo-preview{display:block;margin:8px 0;}
.tenant-logo-preview img{width:90px;height:70px;object-fit:contain;border:1px solid #cfd8dc;border-radius:8px;background:#fff;padding:5px;}


/* v3.00.19.37.15.31 — Global Pozzix emblem + tenant/company header standard */
.app-brand{gap:10px!important;font-family:"Times New Roman",serif!important}
.app-brand .app-logo{width:48px!important;height:48px!important;min-width:48px!important;object-fit:contain!important;background:#fff!important;border-radius:8px!important;padding:3px!important;box-sizing:border-box!important;box-shadow:none!important}
.app-brand strong{font-family:"Times New Roman",serif!important;font-size:22px!important;font-weight:700!important;color:#fff!important;letter-spacing:0!important;line-height:1.05!important}
.restaurant-standard-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.restaurant-standard-brand .resto-standard-logo{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;object-fit:contain!important;background:#fff!important;border-radius:8px!important;padding:3px!important;box-sizing:border-box!important;mix-blend-mode:normal!important;filter:none!important}
.restaurant-standard-brand .resto-standard-subtitle{margin:0!important;font-family:"Times New Roman",serif!important;font-size:22px!important;font-weight:700!important;line-height:1.05!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.pozzix-standard-page-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.pozzix-standard-page-brand>img{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;object-fit:contain!important;background:#fff!important;border-radius:8px!important;padding:3px!important;box-sizing:border-box!important}
.pozzix-standard-page-brand>div>b{font-family:"Times New Roman",serif!important;font-size:20px!important;font-weight:700!important;line-height:1.05!important;color:#fff!important;white-space:nowrap!important}
.pozzix-standard-page-brand>div>span,.pozzix-standard-page-brand>div>h1{font-family:"Times New Roman",serif!important;color:#fff!important}
.qds-standard-logo{width:48px!important;height:48px!important;object-fit:contain!important;background:#fff!important;border-radius:8px!important;padding:3px!important;box-sizing:border-box!important}
@media(max-width:900px){.app-brand strong,.restaurant-standard-brand .resto-standard-subtitle{font-size:18px!important}.pozzix-standard-page-brand>div>b{font-size:17px!important}}

/* v3.00.19.37.15.35 — Global action-button typography standard */
button,
.btn,
a.btn,
a[role="button"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
  text-transform: uppercase !important;
  font-family: "Times New Roman", Times, serif;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: .01em;
  overflow: hidden;
  text-overflow: ellipsis;
}
button:not(.allow-button-wrap),
.btn:not(.allow-button-wrap),
a.btn:not(.allow-button-wrap),
a[role="button"]:not(.allow-button-wrap),
input[type="button"],
input[type="submit"],
input[type="reset"] {
  white-space: nowrap;
}
/* Icon-only controls keep their visual proportions. */
button:empty,
.btn:empty,
button[aria-label]:not(:has(span)):not(:has(strong)):not(:has(b)) {
  letter-spacing: 0;
}

/* v3.00.19.37.16.30 — Backoffice navigation and readability standard */
body.tenant-authenticated:not(.pos-kiosk-page),
body.tenant-authenticated:not(.pos-kiosk-page) input,
body.tenant-authenticated:not(.pos-kiosk-page) select,
body.tenant-authenticated:not(.pos-kiosk-page) textarea,
body.tenant-authenticated:not(.pos-kiosk-page) button,
body.tenant-authenticated:not(.pos-kiosk-page) table,
body.tenant-authenticated:not(.pos-kiosk-page) .app-content,
body.tenant-authenticated:not(.pos-kiosk-page) .app-sidebar {
  --app-font:"Times New Roman",Times,serif;
  font-family:"Times New Roman",Times,serif!important;
}
body.tenant-authenticated:not(.pos-kiosk-page){font-size:17px!important;line-height:1.35}
body.tenant-authenticated:not(.pos-kiosk-page) .app-frame{grid-template-columns:300px minmax(0,1fr)!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-sidebar{width:300px!important;min-width:300px!important;max-width:300px!important}
/* The app-frame grid already reserves the sidebar column. Do not add a second
   sidebar-width margin to the content or every form is displaced to the right. */
body.tenant-authenticated:not(.pos-kiosk-page):not(.menu-collapsed) .app-content{
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  max-width:none!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) .sidebar-section-title{font-family:inherit!important;font-size:14px!important;font-weight:700!important;letter-spacing:.06em}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.erp-module>summary{font-family:inherit!important;font-size:18px!important;font-weight:700!important;min-height:48px!important}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup>summary{font-family:inherit!important;font-size:16px!important;font-weight:700!important;min-height:43px!important}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup>a,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar .erp-dashboard-link{font-family:inherit!important;font-size:16px!important;min-height:42px!important;line-height:1.25!important}
.backend-menu-search{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:4px;margin:8px;padding:6px 7px;border:1px solid #37a9bd;border-radius:8px;background:#fff;color:#075f5d;box-shadow:0 3px 10px #001b2c33}
.backend-menu-search input{height:32px!important;min-height:32px!important;margin:0!important;padding:3px 5px!important;border:0!important;outline:0!important;background:#fff!important;color:#183f4b!important;font:700 15px "Times New Roman",Times,serif!important}
.backend-menu-search button{height:28px!important;min-width:28px!important;padding:0!important;border:0!important;border-radius:5px!important;background:#e8f3f6!important;color:#075f5d!important;font-size:19px!important;cursor:pointer}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content h1,
body.tenant-authenticated:not(.pos-kiosk-page) .page-header h1,
body.tenant-authenticated:not(.pos-kiosk-page) .bo-page-head h1{font-family:inherit!important;font-size:27px!important;font-weight:700!important;line-height:1.15!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content h2,
body.tenant-authenticated:not(.pos-kiosk-page) .smart-card h2,
body.tenant-authenticated:not(.pos-kiosk-page) .px-entry-title h2,
body.tenant-authenticated:not(.pos-kiosk-page) .px-list-title h2{font-family:inherit!important;font-size:22px!important;font-weight:700!important}
body.tenant-authenticated:not(.pos-kiosk-page) label{font-family:inherit!important;font-size:15px!important;font-weight:700!important}
body.tenant-authenticated:not(.pos-kiosk-page) input,
body.tenant-authenticated:not(.pos-kiosk-page) select,
body.tenant-authenticated:not(.pos-kiosk-page) textarea{font-size:16px!important;min-height:41px}
body.tenant-authenticated:not(.pos-kiosk-page) table th{font-family:inherit!important;font-size:15px!important;font-weight:700!important;padding:10px 9px!important}
body.tenant-authenticated:not(.pos-kiosk-page) table td{font-family:inherit!important;font-size:15px!important;padding:9px!important}
body.tenant-authenticated:not(.pos-kiosk-page) .btn,
body.tenant-authenticated:not(.pos-kiosk-page) .px-action,
body.tenant-authenticated:not(.pos-kiosk-page) .px-global-actions button,
body.tenant-authenticated:not(.pos-kiosk-page) .bo-tool{font-family:inherit!important;font-size:15px!important;min-height:41px!important}
body.tenant-authenticated:not(.pos-kiosk-page) .smart-card,
body.tenant-authenticated:not(.pos-kiosk-page) .px-entry-card,
body.tenant-authenticated:not(.pos-kiosk-page) .px-list-card{border-radius:10px!important;box-shadow:0 3px 11px rgba(8,55,76,.08)!important}
body.tenant-authenticated:not(.pos-kiosk-page) .px-global-actions{left:300px}
body.tenant-authenticated:not(.pos-kiosk-page).menu-collapsed .px-global-actions{left:0}
html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page):not(.menu-collapsed) .app-content{margin-left:0!important;margin-right:0!important}
html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page) .app-frame{grid-template-columns:minmax(0,1fr) 300px!important}
@media(max-width:900px){
 body.tenant-authenticated:not(.pos-kiosk-page) .app-frame{grid-template-columns:270px minmax(0,1fr)!important}
 body.tenant-authenticated:not(.pos-kiosk-page) .app-sidebar{width:270px!important;min-width:270px!important;max-width:270px!important}
 body.tenant-authenticated:not(.pos-kiosk-page):not(.menu-collapsed) .app-content{margin-left:0!important;margin-right:0!important}
 html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page):not(.menu-collapsed) .app-content{margin-left:0!important;margin-right:0!important}
 html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page) .app-frame{grid-template-columns:minmax(0,1fr) 270px!important}
 body.tenant-authenticated:not(.pos-kiosk-page) .px-global-actions{left:0}
}

/* v3.00.19.37.16.32 — final Backoffice grid alignment guard */
body.tenant-authenticated:not(.pos-kiosk-page) .app-frame{min-width:0!important}
body.tenant-authenticated:not(.pos-kiosk-page).menu-collapsed .app-frame{grid-template-columns:0 minmax(0,1fr)!important}
body.tenant-authenticated:not(.pos-kiosk-page).menu-collapsed .app-sidebar{width:0!important;min-width:0!important;max-width:0!important}
html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page).menu-collapsed .app-frame{grid-template-columns:minmax(0,1fr) 0!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content{
  min-width:0!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content>*{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* v3.00.19.37.16.33 — sharp 3D BackOffice navigation */
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar .erp-dashboard-link,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.erp-module>summary,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup>summary,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup>a{
  border-radius:3px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  transition:transform .08s ease,box-shadow .08s ease,filter .12s ease!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar .erp-dashboard-link,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.erp-module>summary{
  background:linear-gradient(180deg,#139c98 0%,#087a76 52%,#05625f 100%)!important;
  border-color:#35c4bf #044d4a #033d3b #29afa9!important;
  box-shadow:0 4px 0 #033f3d,0 6px 10px rgba(0,24,31,.38),inset 0 1px 0 rgba(255,255,255,.35)!important;
  margin-bottom:7px!important;
  text-shadow:0 1px 0 #003d3a!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.erp-module{
  overflow:visible!important;
  border-radius:3px!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.erp-module[open]{
  padding-bottom:5px!important;
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(0,36,42,.34)!important;
  box-shadow:inset 0 1px 7px rgba(0,0,0,.28)!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.erp-module[open]>summary,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.erp-module:has(a.menu-active)>summary{
  background:linear-gradient(180deg,#18b8b0 0%,#098b84 52%,#056a65 100%)!important;
  border-color:#5ce1db #045450 #033f3c #3ac8c1!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup>summary{
  background:linear-gradient(180deg,#176f78 0%,#0b5660 55%,#074650 100%)!important;
  border-color:#318b94 #053c45 #032f37 #287d86!important;
  box-shadow:0 3px 0 #032f37,0 4px 7px rgba(0,20,27,.3),inset 0 1px 0 rgba(255,255,255,.2)!important;
  margin-bottom:5px!important;
  text-shadow:0 1px 0 #002e35!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup[open]>summary,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup:has(a.menu-active)>summary{
  background:linear-gradient(180deg,#258b91 0%,#116b72 55%,#09565d 100%)!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup>a{
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,31,38,.2))!important;
  border-color:rgba(163,247,241,.32) rgba(0,38,44,.65) rgba(0,29,35,.78) rgba(116,223,216,.28)!important;
  box-shadow:0 2px 0 rgba(0,25,31,.72),inset 0 1px 0 rgba(255,255,255,.14)!important;
  margin-bottom:4px!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar .erp-dashboard-link:hover,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar summary:hover,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup>a:hover{
  filter:brightness(1.13)!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar .erp-dashboard-link:active,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar summary:active,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup>a:active{
  transform:translateY(2px)!important;
  box-shadow:0 1px 0 #032f37,inset 0 2px 5px rgba(0,0,0,.28)!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar a.menu-active,
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar .erp-dashboard-link.menu-active{
  color:#063f42!important;
  background:linear-gradient(180deg,#fff 0%,#dff9f7 58%,#b9e8e4 100%)!important;
  border-color:#fff #78bbb6 #579d98 #eafffd!important;
  box-shadow:0 3px 0 #4c918c,0 5px 9px rgba(0,20,27,.34),inset 0 1px 0 #fff!important;
  text-shadow:none!important;
}

/* v3.00.19.37.16.37 — desktop-first Tenant BackOffice */
body.tenant-authenticated:not(.pos-kiosk-page),
body.tenant-authenticated:not(.pos-kiosk-page) input,
body.tenant-authenticated:not(.pos-kiosk-page) select,
body.tenant-authenticated:not(.pos-kiosk-page) textarea,
body.tenant-authenticated:not(.pos-kiosk-page) button{
  font-family:"Times New Roman",Times,serif!important;
}
body.tenant-authenticated:not(.pos-kiosk-page){font-size:15px;line-height:1.25}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content input:not([type=checkbox]):not([type=radio]),
body.tenant-authenticated:not(.pos-kiosk-page) .app-content select,
body.tenant-authenticated:not(.pos-kiosk-page) .app-content textarea{
  min-height:32px!important;padding:5px 8px!important;border-radius:3px!important;font-size:15px!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content label{font-size:15px}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .btn,
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .bo-tool,
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .px-action{
  min-height:32px!important;padding:6px 14px!important;border-radius:3px!important;font-size:14px!important;
  box-shadow:0 3px 0 rgba(0,45,61,.42),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .btn:active,
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .bo-tool:active,
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .px-action:active{
  transform:translateY(2px);box-shadow:0 1px 0 rgba(0,45,61,.5),inset 0 2px 4px rgba(0,0,0,.16)!important;
}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content table th,
body.tenant-authenticated:not(.pos-kiosk-page) .app-content table td{font-size:14px;padding:7px 8px}

/* Desktop Chart of Accounts */
.coa-desktop{color:#102c3e;background:#edf3f6;border:1px solid #9cb3bf;min-height:calc(100vh - 155px)}
.coa-toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(#fdfefe,#dce8ed);border-bottom:2px solid #708f9d;box-shadow:inset 0 1px #fff}
.coa-title{min-width:230px;margin-right:auto}.coa-title span{display:block;color:#087c89;font-size:12px;font-weight:bold}.coa-title h1{margin:0;font-size:24px;line-height:1}
.coa-scope{display:flex;align-items:center;gap:6px;font-weight:bold}.coa-scope select{width:180px}
.coa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 14px;border:1px solid;border-radius:3px;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:bold;cursor:pointer;box-shadow:0 3px 0 #526d78,inset 0 1px rgba(255,255,255,.5);white-space:nowrap}
.coa-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #526d78}.coa-btn.blue{background:linear-gradient(#2ca7ee,#0875ba);border-color:#5cc5ff #075c91 #075c91 #45b8f8}.coa-btn.green{background:linear-gradient(#1abe69,#087d42);border-color:#50d994 #056632 #056632 #3dcc83}.coa-btn.navy{background:linear-gradient(#2479ad,#164b70);border-color:#58a3d0 #103b59 #103b59 #4d94bd}.coa-btn.teal{background:linear-gradient(#18aba7,#087570);border-color:#44cdc8 #055a57 #055a57 #35bbb6}.coa-btn.gray{background:linear-gradient(#8196a2,#556b77);border-color:#aebdc5 #40535d #40535d #9aabb4}
.coa-workspace{display:grid;grid-template-columns:minmax(370px,40%) minmax(520px,60%);gap:8px;padding:8px;min-height:620px}
.coa-tree-panel,.coa-entry-panel{background:#fff;border:1px solid #9db5c1;box-shadow:0 2px 5px rgba(15,55,73,.18);min-width:0}
.coa-tree-panel{display:flex;flex-direction:column}.coa-tree-tabs{display:flex;background:#d7e6ec;border-bottom:1px solid #91abb7;padding:5px 6px 0;gap:3px}.coa-tree-tabs button,.coa-entry-tabs button{border:1px solid #8ba4af;border-bottom:0;border-radius:3px 3px 0 0;background:linear-gradient(#f9fbfc,#c7d8df);padding:6px 12px;font-size:14px;cursor:pointer}.coa-tree-tabs button.active,.coa-entry-tabs button.active{background:#fff;color:#006f7a;font-weight:bold}
.coa-search{display:flex;align-items:center;margin:8px;border:1px solid #8aa8b6;background:#fff}.coa-search span{padding:0 8px;font-size:20px}.coa-search input{border:0!important;box-shadow:none!important;width:100%}
.coa-tree{overflow:auto;padding:0 8px 10px;max-height:560px}.coa-statement{margin:4px 0}.coa-statement-head,.coa-type-head,.coa-account{width:100%;border:0;text-align:left;cursor:pointer;color:#122d3d}.coa-statement-head{padding:7px;background:linear-gradient(#136f83,#075166);color:#fff;border:1px solid #073f50;font-size:16px}.coa-toggle{display:inline-block;width:18px;text-align:center;font-weight:bold}.coa-type-head{display:grid;grid-template-columns:20px 25px 1fr 30px;align-items:center;padding:6px 8px;background:linear-gradient(#edf5d9,#c9d8a9);border:1px solid #96aa70;border-top:0}.coa-type-head small{text-align:right;background:#fff;border:1px solid #aabd86;border-radius:10px;padding:1px 5px}.coa-account{display:grid;grid-template-columns:18px 75px 1fr auto;gap:5px;align-items:center;padding:5px 8px 5px calc(12px + (var(--depth) * 16px));border:1px solid #d2dde2;border-top:0;background:#fff;font-size:14px}.coa-account:hover,.coa-select.selected{background:#d9f1ff!important;box-shadow:inset 4px 0 #098ad3}.coa-account.inactive{color:#7a858b}.coa-account em{font-size:12px;color:#627681}
.coa-entry-panel{display:flex;flex-direction:column}.coa-selection{display:grid;grid-template-columns:130px 1fr;gap:2px 12px;padding:11px 14px;background:linear-gradient(#e6f4f3,#cae5e3);border-bottom:1px solid #8eb5b2}.coa-selection span{grid-row:1/3;font-weight:bold;color:#06736f}.coa-selection strong{font-size:20px}.coa-selection small{color:#526b75}
.coa-entry-tabs{display:flex;gap:3px;padding:8px 10px 0;background:#eef4f6;border-bottom:1px solid #9fb4bd}.coa-entry-tabs button{min-width:130px}
.coa-form{display:flex;flex-direction:column;flex:1}.coa-tab{display:none;padding:18px}.coa-tab.active{display:block}.coa-tab h2{margin:0 0 14px;color:#08777c;font-size:21px;border-bottom:1px solid #bdd0d8;padding-bottom:7px}.coa-form-grid{display:grid;grid-template-columns:minmax(150px,1fr) minmax(200px,1.5fr);gap:14px}.coa-form-grid label{display:flex;flex-direction:column;gap:4px;font-weight:bold}.coa-form-grid label.wide{grid-column:auto}.coa-form-grid input,.coa-form-grid select{width:100%;border:1px solid #87a6b4;background:#fff}.coa-check{align-self:end;flex-direction:row!important;align-items:center;height:32px}.coa-check input{width:16px!important;height:16px}.coa-help{color:#526975;background:#f4f8fa;border-left:4px solid #1595a1;padding:8px 10px}.coa-rule{display:flex;gap:12px;margin-top:18px;padding:12px;background:#fff4cb;border:1px solid #dec366}.coa-rule b{color:#765700}.coa-control-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px}.coa-control-grid>div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #bdd0d8;background:#f5f9fa}.coa-control-grid span{text-align:right;color:#526975}.coa-form-actions{display:flex;gap:8px;margin-top:auto;padding:10px 18px;background:#e5eef2;border-top:1px solid #9fb5bf}
@media(max-width:1050px){.coa-workspace{grid-template-columns:350px minmax(450px,1fr)}.coa-title{min-width:180px}.coa-toolbar{overflow-x:auto}.coa-scope span{display:none}}

/* v3.00.19.37.16.39 — integrated Finance Command Center */
.finance-command{display:flex;flex-direction:column;gap:10px;min-width:0}
.finance-command-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:13px 16px;color:#fff;background:linear-gradient(135deg,#073f59,#087e85);border:1px solid #042f43;box-shadow:0 3px 0 #032c3e,0 5px 11px rgba(6,42,57,.24)}
.finance-command-head span{font-size:12px;font-weight:bold;letter-spacing:.6px;color:#86ecf0}.finance-command-head h1{margin:2px 0;font-size:25px}.finance-command-head p{margin:0;color:#d9f5f5}
.finance-period-filter{display:flex;align-items:flex-end;gap:7px;white-space:nowrap}.finance-period-filter label{display:flex;flex-direction:column;gap:2px;color:#fff;font-weight:bold}.finance-period-filter input{width:145px}
.finance-quick-actions{display:grid;grid-template-columns:repeat(6,minmax(112px,1fr));gap:8px}.finance-quick-actions .fq{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 9px;color:#fff;text-decoration:none;font-weight:bold;border:1px solid;border-radius:3px;box-shadow:0 3px 0 rgba(0,34,48,.45),inset 0 1px rgba(255,255,255,.4)}.fq:active{transform:translateY(2px)}.fq.blue{background:linear-gradient(#269ce4,#0871b3)}.fq.green{background:linear-gradient(#1dbb65,#087b40)}.fq.red{background:linear-gradient(#f05d64,#bb2934)}.fq.violet{background:linear-gradient(#9564da,#6236a4)}.fq.amber{background:linear-gradient(#ffae2b,#d77a00)}.fq.teal{background:linear-gradient(#19aaa4,#08736f)}
.finance-kpis{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:8px}.finance-kpis .fk{position:relative;overflow:hidden;min-height:90px;padding:11px 12px;color:#fff;border:1px solid rgba(0,0,0,.22);box-shadow:0 3px 7px rgba(18,52,67,.2),inset 0 1px rgba(255,255,255,.35)}.finance-kpis .fk:after{content:"";position:absolute;width:55px;height:55px;border-radius:50%;right:-17px;bottom:-20px;background:rgba(255,255,255,.15)}.fk span,.fk small{display:block}.fk span{font-weight:bold}.fk b{display:block;margin:4px 0;font-size:23px}.fk small{color:rgba(255,255,255,.9)}.fk.blue{background:linear-gradient(135deg,#178ed8,#0a5f9a)}.fk.green{background:linear-gradient(135deg,#18aa61,#08723d)}.fk.orange{background:linear-gradient(135deg,#f39b1f,#c46a00)}.fk.cyan{background:linear-gradient(135deg,#159fa8,#087078)}.fk.purple{background:linear-gradient(135deg,#8255ca,#573393)}.fk.red{background:linear-gradient(135deg,#de4b55,#aa2530)}
.finance-command-grid{display:grid;grid-template-columns:minmax(360px,42%) minmax(460px,58%);gap:10px}.finance-panel{min-width:0;background:#fff;border:1px solid #a8bdc7;box-shadow:0 2px 6px rgba(18,52,67,.14)}.finance-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:linear-gradient(#fafdfe,#e2edf1);border-bottom:1px solid #a8bdc7}.finance-panel-head h2{margin:0;color:#075e6d;font-size:18px}.finance-panel-head p{margin:1px 0 0;color:#667c86;font-size:13px}.finance-panel-head a{font-weight:bold;color:#087ab1;text-decoration:none;white-space:nowrap}
.finance-snapshot{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:1px;background:#cedbe0}.finance-snapshot>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding:8px 10px;background:#fff}.finance-snapshot span{color:#526873}.finance-snapshot b{font-size:17px}.finance-snapshot .emphasis{grid-column:1/-1;background:#fff5d3;border-left:4px solid #e29b12}.finance-panel .smart-table{margin:0}.finance-panel .smart-table.compact th,.finance-panel .smart-table.compact td{padding:7px 8px}.finance-panel .num{text-align:right;font-variant-numeric:tabular-nums}.finance-panel .empty-cell{text-align:center;color:#73858d;padding:25px!important}.finance-recent .smart-table td small{display:block;color:#6a7e87}.grid-action{display:inline-block;padding:4px 10px;color:#fff!important;background:linear-gradient(#249ee0,#0872b0);border:1px solid #075d90;border-radius:2px;text-decoration:none;font-weight:bold;box-shadow:0 2px 0 #054a73}
.finance-report-links{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.finance-report-links a{padding:9px;text-align:center;color:#064f61;text-decoration:none;font-weight:bold;background:linear-gradient(#fff,#dcebef);border:1px solid #8ba9b5;border-radius:2px;box-shadow:0 3px 0 #6f919e}.finance-report-links a:active{transform:translateY(2px);box-shadow:0 1px 0 #6f919e}
@media(max-width:1200px){.finance-kpis{grid-template-columns:repeat(3,1fr)}.finance-quick-actions,.finance-report-links{grid-template-columns:repeat(3,1fr)}}

/* v3.00.19.37.16.44 — Pozzix Smart ERP Workspace */
body.smart-erp-enabled .app-content{background:#eef3f6}
body.smart-erp-enabled .px-entry-card,
body.smart-erp-enabled .px-list-card,
body.smart-erp-enabled .smart-card{border:1px solid #9fb5bf;border-radius:3px;box-shadow:0 3px 8px rgba(21,57,72,.14);background:#fff}
.smart-managed-form{position:relative}
.smart-form-state{grid-column:1/-1;display:flex;align-items:center;gap:7px;min-height:30px;padding:5px 9px;margin:-3px 0 7px;background:#edf5f7;border:1px solid #bfd0d7;color:#315764}
.smart-form-state small{margin-left:auto;color:#58717a;font-size:12px}.smart-state-dot{width:9px;height:9px;border-radius:50%;background:#15915a;box-shadow:0 0 0 3px rgba(21,145,90,.13)}
.smart-form-state[data-state="changed"]{background:#fff6d8;border-color:#dbc16c;color:#6c5200}.smart-form-state[data-state="changed"] .smart-state-dot{background:#e69500}
.smart-form-state[data-state="saving"]{background:#e4f2ff;border-color:#86b7de;color:#075b91}.smart-form-state[data-state="saving"] .smart-state-dot{background:#178dd2;animation:smartPulse .8s infinite alternate}
.smart-form-state[data-state="error"]{background:#ffebed;border-color:#dc9299;color:#922833}.smart-form-state[data-state="error"] .smart-state-dot{background:#d83243}
@keyframes smartPulse{to{transform:scale(1.45);opacity:.5}}
.smart-required{position:relative}.smart-required:after{content:" *";color:#d52839;font-weight:bold}.smart-required input,.smart-required select,.smart-required textarea{border-left:3px solid #158b99!important}
.smart-invalid{border-color:#cf2638!important;background:#fff0f1!important;box-shadow:0 0 0 2px rgba(207,38,56,.14)!important}
.smart-draft-notice{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:8px;color:#604800;background:linear-gradient(#fff9df,#f8e8aa);border:1px solid #d6b94e;box-shadow:0 2px 5px rgba(79,61,0,.13)}
.smart-draft-notice div{display:flex;flex-direction:column;margin-right:auto}.smart-draft-notice span{font-size:12px}.smart-draft-notice button{padding:5px 12px;border:1px solid #8e7422;background:linear-gradient(#fff,#e8cf73);font-weight:bold;cursor:pointer;box-shadow:0 2px 0 #8e7422}
.smart-managed-table{border-collapse:separate;border-spacing:0}.smart-managed-table thead th{position:sticky;top:0;z-index:2;background:linear-gradient(#087e8b,#056270)!important;color:#fff!important;border-bottom:2px solid #034651!important}
.smart-managed-table tbody tr{outline:none}.smart-managed-table tbody tr:hover,.smart-managed-table tbody tr:focus{background:#e5f5fb!important;box-shadow:inset 4px 0 #159bd2}.smart-managed-table tbody tr:nth-child(even){background:#f7fafb}
.smart-list-tools{display:flex;align-items:center;gap:9px;padding:7px 9px;background:linear-gradient(#f8fbfc,#dfeaed);border:1px solid #adc0c8;border-bottom:0}.smart-list-tools label{display:flex;align-items:center;min-width:260px;max-width:480px;flex:1;background:#fff;border:1px solid #8da9b5}.smart-list-tools label span{padding:0 8px;font-size:18px}.smart-list-tools input{width:100%;border:0!important;box-shadow:none!important}.smart-list-tools small{margin-left:auto;color:#526b75;white-space:nowrap}.smart-list-tools button{min-height:30px;padding:4px 11px;color:#fff;background:linear-gradient(#278fc5,#0b648e);border:1px solid #075374;border-radius:2px;font-weight:bold;box-shadow:0 2px 0 #06445f;cursor:pointer}
body.smart-erp-enabled input:focus,body.smart-erp-enabled select:focus,body.smart-erp-enabled textarea:focus{outline:0!important;border-color:#078da0!important;box-shadow:0 0 0 2px rgba(7,141,160,.18)!important}
body.smart-erp-enabled button:disabled{cursor:wait;filter:saturate(.55);opacity:.75}
@media(max-width:1050px){.smart-form-state small{display:none}}

/* v3.00.19.37.16.45 — compact desktop shell, icon rail and master workspaces */
body.tenant-authenticated:not(.pos-kiosk-page){--bo-menu-width:272px;--bo-rail-width:56px;--bo-top-height:70px;--bo-status-height:34px}
body.tenant-authenticated:not(.pos-kiosk-page) .app-frame{height:100dvh!important;min-height:100dvh!important;grid-template-columns:var(--bo-menu-width) minmax(0,1fr)!important;grid-template-rows:var(--bo-top-height) minmax(0,1fr) var(--bo-status-height)!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-sidebar{width:var(--bo-menu-width)!important;min-width:var(--bo-menu-width)!important;max-width:var(--bo-menu-width)!important;padding:8px 7px 10px!important;scrollbar-width:thin}
body.tenant-authenticated:not(.pos-kiosk-page).menu-collapsed .app-frame{grid-template-columns:var(--bo-rail-width) minmax(0,1fr)!important}
body.tenant-authenticated:not(.pos-kiosk-page).menu-collapsed .app-sidebar{display:block!important;width:var(--bo-rail-width)!important;min-width:var(--bo-rail-width)!important;max-width:var(--bo-rail-width)!important;padding:8px 5px!important;opacity:1!important;pointer-events:auto!important;overflow:hidden!important;border-right:1px solid #06424b!important}
body.tenant-authenticated.menu-collapsed #tenantSidebar .sidebar-section-title,
body.tenant-authenticated.menu-collapsed #tenantSidebar .backend-menu-search,
body.tenant-authenticated.menu-collapsed #tenantSidebar details.sidebar-subgroup,
body.tenant-authenticated.menu-collapsed #tenantSidebar details.erp-module > :not(summary){display:none!important}
body.tenant-authenticated.menu-collapsed #tenantSidebar .erp-dashboard-link{width:44px!important;height:42px!important;min-height:42px!important;padding:9px 4px!important;overflow:hidden!important;white-space:nowrap!important;font-size:0!important;text-align:center!important}
body.tenant-authenticated.menu-collapsed #tenantSidebar .erp-dashboard-link::first-letter{font-size:20px!important}
body.tenant-authenticated.menu-collapsed #tenantSidebar details.erp-module{margin:6px 0!important}
body.tenant-authenticated.menu-collapsed #tenantSidebar details.erp-module>summary{display:flex!important;width:44px!important;height:43px!important;min-height:43px!important;padding:6px 3px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;font-size:0!important;list-style:none!important}
body.tenant-authenticated.menu-collapsed #tenantSidebar details.erp-module>summary::after{display:none!important}
body.tenant-authenticated.menu-collapsed #tenantSidebar .erp-module-icon{display:block!important;margin:0!important;font-size:20px!important;line-height:1!important}
.sidebar-rail-toggle{position:fixed;z-index:1100;left:calc(var(--bo-menu-width) - 13px);top:calc(var(--bo-top-height) + 12px);width:27px;height:44px;padding:0;border:1px solid #07556a;border-radius:3px;color:#fff;background:linear-gradient(#1da5d9,#0873a6);font:bold 25px/1 "Times New Roman",serif;box-shadow:0 3px 0 #064966,0 5px 9px rgba(0,30,45,.22);cursor:pointer;transition:left .18s ease}
body.menu-collapsed .sidebar-rail-toggle{left:calc(var(--bo-rail-width) - 13px)}
html[dir="rtl"] .sidebar-rail-toggle{left:auto;right:calc(var(--bo-menu-width) - 13px)}html[dir="rtl"] body.menu-collapsed .sidebar-rail-toggle{right:calc(var(--bo-rail-width) - 13px)}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content{overflow:auto!important;padding:8px 10px 54px!important}
body.tenant-authenticated:not(.pos-kiosk-page) .bo-page-head{min-height:50px!important;padding:5px 10px!important;margin-bottom:5px!important}
body.tenant-authenticated:not(.pos-kiosk-page) .bo-page-head h1{font-size:22px!important;margin:0!important}body.tenant-authenticated:not(.pos-kiosk-page) .bo-page-head p{margin:1px 0!important;font-size:12px!important}
body.tenant-authenticated:not(.pos-kiosk-page) .px-global-actions{left:var(--bo-menu-width)!important;bottom:var(--bo-status-height)!important;padding:4px 8px!important}body.tenant-authenticated.menu-collapsed .px-global-actions{left:var(--bo-rail-width)!important}
.master-data-workspace{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.master-split-workspace{display:grid;grid-template-columns:minmax(270px,32%) minmax(520px,68%);gap:8px;min-height:0;flex:1;overflow:hidden}
.master-split-workspace>.px-entry-card,.master-split-workspace>.px-list-card{display:flex;flex-direction:column;margin:0!important;min-height:0;overflow:hidden}
.master-split-workspace .px-landscape-form,.master-split-workspace .px-landscape-form.compact{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:8px!important;overflow:auto;align-content:start}
.master-split-workspace .px-landscape-form label{min-width:0}.master-split-workspace .px-landscape-form input,.master-split-workspace .px-landscape-form select{height:31px!important;min-height:31px!important;margin-top:2px!important;padding:3px 6px!important;font-size:14px!important}.master-split-workspace .px-wide-2,.master-split-workspace .smart-form-state{grid-column:1/-1!important}
.master-split-workspace .px-form-actions{grid-column:1/-1;justify-content:flex-end}.master-split-workspace .px-action{min-height:31px!important;padding:4px 12px!important}
.master-split-workspace .px-entry-title,.master-split-workspace .px-list-title{min-height:43px;padding:5px 9px!important}.master-split-workspace .px-entry-title h2,.master-split-workspace .px-list-title h2{font-size:17px!important}.master-split-workspace .px-entry-title p,.master-split-workspace .px-list-title p{font-size:11px!important}
.master-split-workspace .px-table-wrap{flex:1;max-height:none!important;overflow:auto!important}.master-split-workspace .smart-list-tools{padding:4px 6px}.master-split-workspace .smart-list-tools label{min-width:180px}.master-split-workspace table th,.master-split-workspace table td{padding:5px 6px!important;font-size:13px!important}
.item-master-workspace{flex:1;height:auto;min-height:0;overflow:hidden}.item-master-workspace>.smart-form-head{padding:4px 8px!important;margin-bottom:5px!important}.item-master-workspace>.smart-form-head h1{font-size:20px!important;margin:0!important}.item-master-workspace>.smart-form-head p{font-size:11px;margin:1px 0}.item-master-workspace .smart-two{height:calc(100% - 52px);min-height:0;grid-template-columns:minmax(420px,42%) minmax(560px,58%)!important;gap:7px}.item-master-workspace .smart-two>.smart-card{height:100%;min-height:0;overflow:auto;padding:8px!important}.item-master-workspace .smart-grid{gap:5px!important}.item-master-workspace .smart-grid input,.item-master-workspace .smart-grid select{min-height:30px!important;height:30px!important;padding:3px 6px!important;font-size:13px!important}.item-master-workspace .smart-card h2{font-size:17px!important;margin:3px 0 5px!important}.item-master-workspace .smart-separator{margin:8px 0!important}.item-master-workspace .smart-table-wrap{height:calc(100% - 82px);overflow:auto!important}
.tab-list,.smart-tabs,.coa-entry-tabs,.coa-tree-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin}.tab-list>* ,.smart-tabs>* ,.coa-entry-tabs>* ,.coa-tree-tabs>*{flex:0 0 auto!important;white-space:nowrap!important}
@media(max-width:1100px){.master-split-workspace{grid-template-columns:minmax(250px,38%) minmax(480px,62%)}.master-split-workspace .px-landscape-form,.master-split-workspace .px-landscape-form.compact{grid-template-columns:1fr!important}.master-split-workspace .px-wide-2{grid-column:1!important}}
html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page) .app-frame{grid-template-columns:minmax(0,1fr) var(--bo-menu-width)!important}html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page).menu-collapsed .app-frame{grid-template-columns:minmax(0,1fr) var(--bo-rail-width)!important}html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page) .app-sidebar{grid-column:2!important}html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page) .app-content{grid-column:1!important}html[dir="rtl"] body.tenant-authenticated:not(.pos-kiosk-page) .px-global-actions{left:0!important;right:var(--bo-menu-width)!important}html[dir="rtl"] body.tenant-authenticated.menu-collapsed .px-global-actions{right:var(--bo-rail-width)!important}

/* v3.00.19.37.16.40 — linked document control and transaction trail */
.document-number-link{font-weight:bold;color:#087bbb;text-decoration:underline;text-underline-offset:2px}.document-source-link{color:#08788a;font-weight:bold}.trail-lock{padding:5px 9px;background:#fff2c8;border:1px solid #d8b858;color:#654c00;font-weight:bold}.trail-chain{display:flex;align-items:stretch;gap:7px;padding:12px;overflow-x:auto}.trail-node{display:grid;grid-template-columns:28px minmax(135px,1fr);gap:2px 8px;min-width:205px;padding:10px;background:linear-gradient(#f9fcfd,#dcebf0);border:1px solid #87a9b7;box-shadow:0 3px 0 #658b9a}.trail-node>span{grid-row:1/6;display:flex;align-items:center;justify-content:center;background:#087f91;color:#fff;font-size:18px;font-weight:bold}.trail-node small{color:#53707c}.trail-node b{font-size:16px;color:#064f67}.trail-node em{font-style:normal}.trail-node strong{color:#087548}.trail-node i{justify-self:start}.trail-node.final{background:linear-gradient(#f2fff5,#d3efda);border-color:#65a977;box-shadow:0 3px 0 #4c865d}.trail-arrow{display:flex;align-items:center;color:#078097;font-size:26px;font-weight:bold}.transaction-trail-page .smart-actions{display:flex;gap:7px}@media print{body.tenant-authenticated .app-sidebar,body.tenant-authenticated .app-header,body.tenant-authenticated .status-footer,.transaction-trail-page .smart-form-head .smart-actions{display:none!important}.transaction-trail-page{width:100%!important}.trail-node{break-inside:avoid}.smart-card{box-shadow:none!important}}

/* v3.00.19.37.16.46 — 80% equivalent compact density at browser zoom 100% */
body.tenant-authenticated:not(.pos-kiosk-page){--bo-menu-width:230px;--bo-top-height:58px;--bo-status-height:30px;font-size:13px!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-logo{width:40px;height:40px}body.tenant-authenticated:not(.pos-kiosk-page) .app-brand strong{font-size:18px}body.tenant-authenticated:not(.pos-kiosk-page) .app-topbar{padding:5px 12px!important}
body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.erp-module>summary{font-size:15px!important;min-height:38px!important}body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup>summary{font-size:14px!important;min-height:34px!important}body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar details.sidebar-subgroup>a,body.tenant-authenticated:not(.pos-kiosk-page) #tenantSidebar .erp-dashboard-link{font-size:13px!important;min-height:32px!important;padding:6px 9px!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content input:not([type=checkbox]):not([type=radio]),body.tenant-authenticated:not(.pos-kiosk-page) .app-content select,body.tenant-authenticated:not(.pos-kiosk-page) .app-content textarea{min-height:29px!important;font-size:13px!important;padding:3px 6px!important}body.tenant-authenticated:not(.pos-kiosk-page) .app-content label{font-size:13px!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .btn,body.tenant-authenticated:not(.pos-kiosk-page) .app-content .bo-tool,body.tenant-authenticated:not(.pos-kiosk-page) .app-content .px-action{min-height:29px!important;font-size:13px!important;padding:4px 10px!important}body.tenant-authenticated:not(.pos-kiosk-page) .app-content h1{font-size:22px!important}body.tenant-authenticated:not(.pos-kiosk-page) .app-content h2{font-size:17px!important}body.tenant-authenticated:not(.pos-kiosk-page) .app-content table th,body.tenant-authenticated:not(.pos-kiosk-page) .app-content table td{font-size:12px!important;padding:5px 6px!important}
body.tenant-authenticated:not(.pos-kiosk-page) .px-global-actions{left:var(--bo-menu-width)!important;padding:3px 7px!important}body.tenant-authenticated:not(.pos-kiosk-page) .px-global-actions button{height:32px!important;min-height:32px!important;font-size:12px!important}body.tenant-authenticated.menu-collapsed .px-global-actions{left:var(--bo-rail-width)!important}

/* Standard hierarchical Chart of Accounts */
.coa-modern-page{height:100%;display:flex;flex-direction:column;min-height:0;gap:6px}.coa-modern-head{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;color:#fff;background:linear-gradient(135deg,#063e58,#087b82);border:1px solid #032f43;box-shadow:0 3px 0 #032b3c}.coa-modern-head span{font-size:10px;color:#8cecf0;font-weight:bold}.coa-modern-head h1{margin:0!important;color:#fff!important}.coa-modern-head p{margin:1px 0}.coa-modern-head>div:last-child{display:flex;gap:6px}.coa-command{display:inline-flex;align-items:center;padding:5px 11px;color:#064e61!important;background:linear-gradient(#fff,#dcebef);border:1px solid #87a8b6;text-decoration:none;font-weight:bold;box-shadow:0 2px 0 #638795}.coa-command.blue{color:#fff!important;background:linear-gradient(#21a2e4,#0872ad)}
.coa-modern-workspace{display:grid;grid-template-columns:minmax(520px,64%) minmax(300px,36%);gap:7px;flex:1;min-height:0}.coa-tree-card,.coa-entry-card{min-height:0;background:#fff;border:1px solid #9eb5c0;box-shadow:0 2px 6px rgba(18,53,68,.14)}.coa-tree-card{display:flex;flex-direction:column}.coa-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;background:linear-gradient(#f9fcfd,#dfeaed);border-bottom:1px solid #9eb5c0}.coa-panel-title h2{margin:0!important}.coa-panel-title small{color:#607681}.coa-panel-title label{display:flex;align-items:center;min-width:240px;background:#fff;border:1px solid #8eabb7;padding-left:7px}.coa-panel-title input{width:100%;border:0!important;box-shadow:none!important}.coa-ledger-tree{flex:1;min-height:0;overflow:auto;padding:6px;background:#f5f8f9}.coa-ledger-group{margin-bottom:5px;border:1px solid #6f929f;background:#fff}.coa-ledger-group>summary{display:grid;grid-template-columns:18px 1fr 34px;align-items:center;padding:6px 8px;color:#fff;background:linear-gradient(#167687,#075665);cursor:pointer;list-style:none}.coa-ledger-group>summary em{text-align:center;font-style:normal;background:#fff;color:#075665;border-radius:10px}.coa-tree-branch{padding:4px 5px 5px 17px;border-left:1px dotted #6d929f}.coa-tree-branch.child{margin-left:11px;padding-left:13px}.coa-account-node>summary,.coa-account-leaf{display:grid;grid-template-columns:18px 70px minmax(150px,1fr) auto;align-items:center;gap:5px;min-height:28px;padding:3px 6px;border-bottom:1px solid #dce6ea;cursor:pointer;list-style:none}.coa-account-node>summary:hover,.coa-account-leaf:hover{background:#e5f5fb}.coa-account-node code,.coa-account-leaf code{font:bold 12px "Times New Roman",serif;color:#075e79}.coa-account-node small,.coa-account-leaf small{color:#657a83}.coa-plus:before{content:"+";display:inline-grid;place-items:center;width:14px;height:14px;background:#f7da21;border:1px solid #846f00;color:#111;font:bold 12px/1 Arial}.coa-account-node[open]>summary .coa-plus:before,.coa-ledger-group[open]>summary .coa-plus:before{content:"−"}.coa-plus.leaf:before{content:"•";background:transparent;border:0}.coa-empty{padding:8px;color:#73858d}
.coa-entry-card{display:flex;flex-direction:column;overflow:auto}.coa-compact-form{display:grid;gap:7px;padding:9px}.coa-compact-form label{display:flex;flex-direction:column;gap:2px}.coa-code-name{display:grid;grid-template-columns:1fr 2fr;gap:7px}.coa-entry-help{display:flex;gap:8px;padding:7px;background:#fff5cf;border:1px solid #d9bf60}.coa-entry-help span{font-size:11px}.coa-save{justify-self:end;padding:6px 14px;color:#fff;background:linear-gradient(#1bb567,#087a41);border:1px solid #056433;box-shadow:0 3px 0 #05552e;font-weight:bold}.coa-controls{margin-top:auto;border-top:1px solid #a9bec7;padding:8px}.coa-controls h3{margin:0 0 5px}.coa-controls>div{display:grid;grid-template-columns:100px 1fr;gap:6px;padding:4px;border-bottom:1px solid #e0e8eb}.coa-controls span{color:#55707a}
select[multiple]{height:auto!important;min-height:110px!important;padding:3px!important}select[multiple] option{padding:3px 5px}.px-landscape-form label>small{display:block;margin-top:2px;color:#5e737c;font-weight:normal}
@media(max-width:1050px){.coa-modern-workspace{grid-template-columns:minmax(480px,60%) minmax(280px,40%)}.coa-panel-title label{min-width:180px}}

/* v3.00.19.37.16.47 — safe desktop form reflow and focused master pages */
:root{--app-font:"Times New Roman",Times,serif}
html,body,button,input,select,textarea{font-family:"Times New Roman",Times,serif!important}
body.tenant-authenticated:not(.pos-kiosk-page){font-size:15px!important;--bo-menu-width:245px;--bo-top-height:64px;--bo-status-height:34px}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content{padding:10px 12px 58px!important;min-width:0!important;overflow:auto!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content label{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;font-size:14px!important;line-height:1.2!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content input:not([type=checkbox]):not([type=radio]),
body.tenant-authenticated:not(.pos-kiosk-page) .app-content select,
body.tenant-authenticated:not(.pos-kiosk-page) .app-content textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:38px!important;height:auto;font-size:15px!important;padding:7px 9px!important;margin:0!important;box-sizing:border-box!important;line-height:1.2!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content input[type=checkbox],
body.tenant-authenticated:not(.pos-kiosk-page) .app-content input[type=radio]{flex:0 0 auto;margin:0!important}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .check-row{flex-direction:row!important;align-items:center!important;min-height:38px;padding-top:18px}
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .btn,
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .bo-tool,
body.tenant-authenticated:not(.pos-kiosk-page) .app-content .px-action{min-height:36px!important;font-size:14px!important;padding:7px 13px!important;line-height:1.1!important}
.smart-form-page{height:auto!important;min-height:100%;overflow:visible!important}
.smart-card{overflow:visible;min-width:0;padding:14px!important}
.smart-card form{min-width:0}
.smart-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
.smart-two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:start!important;flex:none!important}
.permission-grid,.restaurant-order-right-grid,.operational-profile-grid,.operational-toggle-grid{align-items:start!important}
.permission-grid label,.restaurant-order-right-grid label,.operational-toggle-grid label{flex-direction:row!important;align-items:center!important;min-height:48px;overflow:visible!important}
.profile-readonly{min-height:38px;box-sizing:border-box}
.px-global-actions{z-index:900!important}
.master-page-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:7px;background:#e9f2f4;border:1px solid #a9c0c8;box-shadow:0 2px 0 #7998a4;flex:0 0 auto}
.master-page-tabs a{flex:0 0 auto;padding:8px 14px;color:#064f61;background:linear-gradient(#fff,#dce8ec);border:1px solid #8aa6b1;box-shadow:0 2px 0 #617f8a;text-decoration:none;font-weight:bold;white-space:nowrap}
.master-page-tabs a.active{color:#fff;background:linear-gradient(#1496d2,#0871a8);border-color:#075b86;box-shadow:inset 0 1px rgba(255,255,255,.35),0 2px 0 #064d73}
.focused-master-grid{display:block!important;margin:0!important}
.focused-master-grid>.smart-card{width:100%;margin:0!important}
.master-workspace-page>.smart-card{margin-top:0}
.master-workspace-page .smart-actions{position:static!important}
@media(max-width:1200px){.smart-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.operational-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.smart-grid,.smart-two{grid-template-columns:repeat(2,minmax(0,1fr))!important}.operational-profile-grid,.operational-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.smart-grid,.smart-two,.operational-profile-grid,.operational-toggle-grid,.restaurant-order-right-grid{grid-template-columns:1fr!important}.master-page-tabs{align-items:stretch}.app-content{overflow-x:hidden!important}}

/* ERP desktop entry density. The layout responds to viewport size after browser zoom. */
@media screen {
  body.tenant-authenticated:not(.pos-kiosk-page) .app-content{padding:8px 12px 48px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .app-content>.smart-form-page,
  body.tenant-authenticated:not(.pos-kiosk-page) .app-content>.erp-entry-template{width:100%!important;max-width:none!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-form-page{height:auto!important;min-height:0!important;gap:8px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-form-head{align-items:center;gap:10px}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-form-head h1{font-size:21px!important;margin:0 0 2px}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-form-head p{margin:0}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-card{min-width:0;padding:10px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-card h2{margin:0 0 7px!important;font-size:17px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-two{gap:9px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid,
  body.tenant-authenticated:not(.pos-kiosk-page) .compact-form-grid,
  body.tenant-authenticated:not(.pos-kiosk-page) .invoice-head-grid{gap:7px 10px!important;align-items:end}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid>.span-2{grid-column:span 2}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid>.span-3{grid-column:span 3}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid label,
  body.tenant-authenticated:not(.pos-kiosk-page) .compact-form-grid label{gap:3px!important;line-height:1.15!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
  body.tenant-authenticated:not(.pos-kiosk-page) .compact-form-grid :is(input,select,textarea){min-height:32px!important;padding:5px 7px!important;font-size:14px!important;box-sizing:border-box}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid .check-row{min-height:32px!important;padding-top:13px!important;flex-direction:row!important;align-items:center!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid .check-row input{width:auto!important;min-height:0!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-actions{margin-top:7px;padding-top:4px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-table-wrap{max-width:100%;overflow:auto}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-table-wrap :is(input:not([type=checkbox]):not([type=radio]),select){width:100%;min-height:29px!important;padding:3px 5px!important;margin:0!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-table th,
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-table td{padding:5px 7px!important;vertical-align:middle}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-table .check-row,
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-table label{min-height:0;padding:0;display:inline-flex!important;flex-direction:row!important;align-items:center!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-table input[type=checkbox]{width:auto!important}
}
@media screen and (max-width:1100px){body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media screen and (max-width:800px){body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid>.span-3{grid-column:span 2}}
@media screen and (max-width:580px){body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid,body.tenant-authenticated:not(.pos-kiosk-page) .compact-form-grid{grid-template-columns:1fr!important}body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid>.span-2,body.tenant-authenticated:not(.pos-kiosk-page) .smart-grid>.span-3{grid-column:auto}}

/* Master entry beside its searchable list when desktop width permits. */
@media screen and (min-width:1450px){
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-form-page>.smart-two{display:grid!important;grid-template-columns:minmax(390px,0.85fr) minmax(0,1.45fr)!important;align-items:start}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-form-page>.smart-two>.smart-card{margin:0!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-form-page>.smart-two .smart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-form-page>.smart-two .smart-grid>.span-3{grid-column:span 2}
  body.tenant-authenticated:not(.pos-kiosk-page) .smart-form-page>.smart-two .smart-table-wrap{max-height:calc(100dvh - 230px);min-height:250px}
}

/* Transaction workspace: document header, scrolling line grid, totals and posting footer. */
@media screen and (min-width:1050px) and (min-height:650px){
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page{min-height:0!important;gap:5px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page>.smart-form-head{min-height:30px;align-items:center}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page>.smart-form-head p{display:none}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page>form{height:calc(100dvh - 200px);min-height:440px;display:flex;flex-direction:column;gap:6px;min-width:0}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page.invoice-page>form{height:calc(100dvh - 265px)}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-document-header{flex:none;padding:7px 10px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-document-header .smart-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px 8px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-document-header .compact-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-document-header .remarks-compact{grid-column:span 2!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-document-header :is(input,select){height:32px!important;min-height:32px!important;padding:4px 7px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-line-body{flex:1 1 auto;min-height:0!important;display:flex;flex-direction:column;overflow:hidden;padding:7px 9px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-line-body>.smart-list-head{flex:none;margin-bottom:5px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-line-body>.smart-table-wrap{flex:1 1 auto;min-height:0;max-height:none!important;overflow:auto;overscroll-behavior:contain}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-line-body .smart-table{min-width:max-content}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-transaction-footer{flex:none;position:relative!important;inset:auto!important;min-width:0;margin:0!important;padding:7px 10px!important;border:1px solid #a9c4cd;border-radius:6px;background:#eff7f8;z-index:4}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .workflow-bottom.erp-transaction-footer{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-transaction-footer .workflow-totals{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;justify-content:flex-end;margin-left:auto}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-transaction-footer .workflow-total{min-width:78px;padding:2px 6px}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-transaction-footer :is(.workflow-total,.stock-summary-inline)>div{white-space:nowrap}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .form-actions.erp-transaction-footer{display:flex;align-items:center;gap:8px}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .voucher-total-bar{order:2;margin-left:auto;padding:4px 8px;display:flex;flex-wrap:wrap;gap:10px}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-transaction-footer .btn{white-space:nowrap}
}
@media screen and (min-width:1050px) and (max-width:1350px){body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-document-header .smart-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media screen and (max-width:1049px),screen and (max-height:649px){body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page>form{height:auto!important;min-height:0!important}body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-line-body>.smart-table-wrap{min-height:220px;max-height:50dvh!important}body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-transaction-footer{position:sticky;bottom:0;z-index:4;background:#eff7f8}}
@media print{.erp-transaction-page>form{height:auto!important;display:block!important}.erp-transaction-page .erp-line-body{overflow:visible!important}.erp-transaction-page .erp-line-body>.smart-table-wrap{max-height:none!important;overflow:visible!important}.erp-transaction-page .erp-transaction-footer{position:static!important}}

/* Financial Accounting workspace and forms. */
.finance-workspace-nav{display:flex;align-items:center;gap:5px;overflow-x:auto;white-space:nowrap;width:100%;max-width:none!important;padding:5px 8px;margin:0 0 7px!important;background:#fff;border:1px solid #bfd2d9;box-sizing:border-box}
.finance-workspace-nav a{padding:5px 9px;color:#075568;text-decoration:none;border:1px solid transparent;font:600 14px "Times New Roman",serif}
.finance-workspace-nav a:hover,.finance-workspace-nav a.active{background:#e4f5f8;border-color:#91cddc;color:#064b61}
.finance-workspace-nav a.active{box-shadow:inset 0 -2px #078eb0}
body.tenant-authenticated:not(.pos-kiosk-page) .finance-voucher>form{height:calc(100dvh - 245px)}
.finance-master-page .finance-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}
.finance-master-page .finance-master-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:end;margin-bottom:9px}
.finance-master-page .finance-master-form label{min-width:0}
.finance-master-page .finance-master-form button{justify-self:start;white-space:nowrap}
.finance-master-page .finance-master-list{max-height:calc(100dvh - 340px);min-height:160px;overflow:auto}
.finance-master-page .period-reopen-form{display:flex;align-items:center;gap:5px}.finance-master-page .period-reopen-form input{min-width:145px}
.finance-voucher .voucher-line-guide{font-size:13px;color:#455e69;margin-left:6px}
.finance-voucher .voucher-error{color:#982d21;background:#fff1ee;padding:5px 8px;margin:0;display:none}
.finance-voucher .voucher-error:not(:empty){display:block}
.finance-voucher .voucher-total-bar.is-unbalanced{background:#fff0eb;color:#9b3322}
.finance-voucher .voucher-total-bar.is-balanced{background:#e8f6ed;color:#175f36}
.finance-voucher .voucher-balance-btn{margin-left:auto;white-space:nowrap}
.finance-voucher .voucher-table :is(.voucher-debit,.voucher-credit){min-width:95px;text-align:right}
.finance-voucher .voucher-table .voucher-account{min-width:210px}
.coa-modern-head>div:last-child{flex-wrap:wrap}
.coa-entry-card .coa-related-links{display:flex;gap:6px;flex-wrap:wrap;padding:7px 9px;border-top:1px solid #d3e2e7}
.coa-entry-card .coa-related-links a{color:#075b72;font-weight:bold;padding:4px 7px;text-decoration:none;border:1px solid #c1d5dc}
.coa-compact-form :is(input,select){width:100%;min-height:33px;box-sizing:border-box}
@media(max-width:1000px){.finance-master-page .finance-settings-grid{grid-template-columns:1fr}.finance-master-page .finance-master-list{max-height:55dvh}}
@media(max-width:650px){.finance-master-page .finance-master-form{grid-template-columns:1fr 1fr}.finance-voucher .voucher-line-guide{display:none}}
@media(max-width:1049px),(max-height:649px){body.tenant-authenticated:not(.pos-kiosk-page) .finance-voucher>form{height:auto!important}}
.coa-all-accounts{border-top:1px solid #b9cdd6;background:#fff}
.coa-all-accounts>summary{padding:7px 10px;cursor:pointer;color:#075b70;font-weight:bold}
.coa-all-accounts .smart-table-wrap{max-height:260px!important;border:0;border-top:1px solid #dbe7eb}
.coa-all-accounts [hidden]{display:none}

/* Dense desktop ERP entries: common header, tall scrolling grid and compact footer. */
@media screen and (min-width:1050px) {
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-line-body .smart-table th,
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-line-body .smart-table td{padding:2px 5px!important;line-height:1.15}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-line-body .smart-table :is(input:not([type=checkbox]),select){height:26px!important;min-height:26px!important;padding:2px 5px!important;font-size:12px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-line-body .line-remove{height:25px;min-height:25px;width:25px;padding:0}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-document-header{padding:5px 8px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-transaction-footer{padding:5px 8px!important}
  body.tenant-authenticated:not(.pos-kiosk-page) .erp-transaction-page .erp-line-body{padding:5px 7px!important}
}
.opening-balance-page .opening-balance-table{min-width:790px!important;width:100%;table-layout:fixed}
.opening-balance-page .opening-balance-table th:nth-child(1){width:36px}
.opening-balance-page .opening-balance-table th:nth-child(2){width:120px}
.opening-balance-page .opening-balance-table th:nth-child(3){width:32%}
.opening-balance-page .opening-balance-table th:nth-child(4),.opening-balance-page .opening-balance-table th:nth-child(5){width:105px}
.opening-balance-page .opening-balance-table th:last-child{width:32px}
.opening-balance-page .opening-balance-table select[hidden]{display:none!important}
.opening-balance-page .opening-balance-table :is(.opening-debit,.opening-credit){text-align:right;font-variant-numeric:tabular-nums}
.opening-balance-page .entry-links,.smart-form-head .entry-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.opening-balance-page .entry-links a{color:#075b72;text-decoration:none;padding:3px 6px;font-size:13px}
.opening-balance-page .opening-footer{display:flex!important;align-items:center;gap:12px;justify-content:flex-end}
.opening-balance-page .opening-footer>span{margin-right:auto}
.opening-balance-page .opening-totals{display:flex;gap:14px;font-variant-numeric:tabular-nums}
.opening-balance-page .opening-totals b{color:#075f5d}
.opening-balance-page .voucher-error{color:#982d21;margin:0;font-size:13px}
body.tenant-authenticated:not(.pos-kiosk-page) .opening-balance-page>form{height:calc(100dvh - 235px)}
@media screen and (max-width:1049px),screen and (max-height:649px){body.tenant-authenticated:not(.pos-kiosk-page) .opening-balance-page>form{height:auto!important}}

/* Balance and Cash & Bank headers share aligned labels and input baselines. */
body.tenant-authenticated:not(.pos-kiosk-page) .opening-balance-page .erp-document-header .compact-form-grid{display:grid!important;grid-template-columns:minmax(170px,220px) minmax(0,1fr)!important;gap:8px!important;align-items:end}
body.tenant-authenticated:not(.pos-kiosk-page) .opening-balance-page .erp-document-header .compact-form-grid>.span-2{grid-column:2/-1!important}
body.tenant-authenticated:not(.pos-kiosk-page) .opening-balance-page .erp-document-header label,
body.tenant-authenticated:not(.pos-kiosk-page) .finance-voucher .erp-document-header label{display:flex!important;flex-direction:column!important;justify-content:end!important;min-width:0;gap:3px!important;margin:0!important}
body.tenant-authenticated:not(.pos-kiosk-page) .opening-balance-page .erp-document-header input,
body.tenant-authenticated:not(.pos-kiosk-page) .finance-voucher .erp-document-header :is(input,select){margin:0!important;width:100%;height:30px!important;min-height:30px!important;box-sizing:border-box}
body.tenant-authenticated:not(.pos-kiosk-page) .finance-voucher .erp-document-header .compact-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end!important;gap:6px 9px!important}
body.tenant-authenticated:not(.pos-kiosk-page) .finance-voucher .erp-document-header .span-2{grid-column:auto!important}
body.tenant-authenticated:not(.pos-kiosk-page) :is(.finance-filter,.bank-reconciliation-filter){display:flex;align-items:end;flex-wrap:wrap;gap:6px 9px}
body.tenant-authenticated:not(.pos-kiosk-page) :is(.finance-filter,.bank-reconciliation-filter)>label{display:flex;flex-direction:column;justify-content:end;gap:3px;min-width:150px;margin:0}
body.tenant-authenticated:not(.pos-kiosk-page) :is(.finance-filter,.bank-reconciliation-filter) :is(input,select){height:30px;min-height:30px;margin:0;padding:3px 7px;box-sizing:border-box}
body.tenant-authenticated:not(.pos-kiosk-page) :is(.finance-filter,.bank-reconciliation-filter) .btn{height:30px;min-height:30px}
.bank-reconciliation-page .bank-reconciliation-card{display:flex;flex-direction:column;min-height:0;padding:7px!important}
.bank-reconciliation-page .smart-list-head{display:flex;justify-content:space-between;align-items:end;gap:9px;flex-wrap:wrap}
.bank-reconciliation-page .smart-list-head h2{margin:0}.bank-reconciliation-page .smart-list-head small{color:#617780;font-size:12px}
.bank-reconciliation-page .smart-table-wrap{flex:1;max-height:calc(100dvh - 245px);min-height:200px}
.bank-reconciliation-page .bank-reconciliation-table{min-width:1260px}
.bank-reconciliation-page .bank-reconciliation-table th,.bank-reconciliation-page .bank-reconciliation-table td{padding:3px 6px!important;font-size:12px;vertical-align:middle}
.bank-reconciliation-page .bank-reconciliation-table th:nth-child(3){min-width:165px}
.bank-reconciliation-page .bank-reconciliation-table :is(input,select){height:27px;min-height:27px!important;margin:0!important;padding:2px 5px!important;font-size:12px}
.bank-reconciliation-page .bank-reconciliation-table td.amount{text-align:right;font-variant-numeric:tabular-nums}
.bank-reconciliation-page .bank-reconciliation-table td small{display:block;font-size:11px;color:#607681;white-space:nowrap}
.bank-reconciliation-page .reconciliation-state{margin-top:2px}
.bank-reconciliation-page .reconciliation-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 3px 0}
.bank-reconciliation-page .reconciliation-pager>div{display:flex;gap:6px}
.voucher-details-page .voucher-detail-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}
.voucher-details-page .voucher-detail-header>div{display:flex;flex-direction:column;gap:3px;padding:6px;border:1px solid #d8e5e9}
.voucher-details-page .voucher-detail-header b{font-size:12px;color:#566d78}
@media(max-width:750px){body.tenant-authenticated:not(.pos-kiosk-page) .opening-balance-page .erp-document-header .compact-form-grid,body.tenant-authenticated:not(.pos-kiosk-page) .finance-voucher .erp-document-header .compact-form-grid{grid-template-columns:1fr 1fr!important}.voucher-details-page .voucher-detail-header{grid-template-columns:1fr 1fr}}
@media(max-width:520px){body.tenant-authenticated:not(.pos-kiosk-page) .opening-balance-page .erp-document-header .compact-form-grid,body.tenant-authenticated:not(.pos-kiosk-page) .finance-voucher .erp-document-header .compact-form-grid{grid-template-columns:1fr!important}body.tenant-authenticated:not(.pos-kiosk-page) .opening-balance-page .erp-document-header .compact-form-grid>.span-2{grid-column:auto!important}}

/* Cash, bank and PDC use the same compact document header, line grid and totals footer. */
body.tenant-authenticated:not(.pos-kiosk-page) :is(.cash-bank-entry,.pdc-entry) .erp-document-header .compact-form-grid{grid-template-columns:minmax(155px,200px) minmax(200px,1fr) minmax(250px,2fr)!important;gap:6px 9px!important;align-items:end}
body.tenant-authenticated:not(.pos-kiosk-page) :is(.cash-bank-entry,.pdc-entry) .erp-document-header label{display:flex;flex-direction:column;justify-content:end;gap:3px;margin:0;min-width:0}
body.tenant-authenticated:not(.pos-kiosk-page) :is(.cash-bank-entry,.pdc-entry) .erp-document-header :is(input,select){min-height:30px!important;height:30px!important;width:100%;box-sizing:border-box;margin:0!important}
:is(.cash-bank-entry,.pdc-entry) :is(.cash-bank-grid,.pdc-grid){min-width:1060px!important;table-layout:fixed}
.cash-bank-grid th:nth-child(1),.pdc-grid th:nth-child(1){width:43px}
.cash-bank-grid th:nth-child(2),.pdc-grid th:nth-child(2){width:210px}
.cash-bank-grid th:nth-child(3),.pdc-grid th:nth-child(3){width:125px}
.cash-bank-grid th:nth-child(4),.pdc-grid th:nth-child(4){width:105px}
.cash-bank-grid th:nth-child(5),.pdc-grid th:nth-child(5){width:90px}
.cash-bank-grid th:nth-child(6),.pdc-grid th:nth-child(6){width:95px}
.cash-bank-grid th:nth-child(7),.pdc-grid th:nth-child(7){width:105px}
.cash-bank-grid th:last-child,.pdc-grid th:last-child{width:32px}
:is(.cash-bank-entry,.pdc-entry) :is(.cash-bank-grid,.pdc-grid) :is(input,select){min-width:0!important}
:is(.cash-bank-entry,.pdc-entry) :is(.cash-bank-grid,.pdc-grid) input[type=file]{width:145px!important;max-width:100%;font-size:11px!important}
:is(.cash-bank-entry,.pdc-entry) :is(.cash-bank-grid,.pdc-grid) .amount{text-align:right;font-variant-numeric:tabular-nums}
:is(.cash-bank-entry,.pdc-entry) .cash-bank-footer{display:flex!important;align-items:center;gap:12px;justify-content:flex-end}
:is(.cash-bank-entry,.pdc-entry) .cash-bank-footer>span{margin-right:auto}
:is(.cash-bank-entry,.pdc-entry) .cash-bank-totals{display:flex;flex-wrap:wrap;gap:12px;font-variant-numeric:tabular-nums}
:is(.cash-bank-entry,.pdc-entry) .cash-bank-totals b{color:#075f5d}
body.tenant-authenticated:not(.pos-kiosk-page) :is(.cash-bank-entry,.pdc-entry)>form{height:calc(100dvh - 235px)}
@media(max-width:820px){body.tenant-authenticated:not(.pos-kiosk-page) :is(.cash-bank-entry,.pdc-entry) .erp-document-header .compact-form-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){body.tenant-authenticated:not(.pos-kiosk-page) :is(.cash-bank-entry,.pdc-entry) .erp-document-header .compact-form-grid{grid-template-columns:1fr!important}}
@media(max-width:1049px),(max-height:649px){body.tenant-authenticated:not(.pos-kiosk-page) :is(.cash-bank-entry,.pdc-entry)>form{height:auto!important}}
/* Finance report page navigation */
.finance-report-pager { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; padding:10px 12px; font-size:12px; }
/* ERP master headers and transaction fields: common control baseline at desktop zoom 80%. */
body.tenant-authenticated:not(.pos-kiosk-page) :is(.coa-compact-form,.finance-master-form,.px-landscape-form,.compact-form-grid,.smart-grid)>label{
  display:flex;flex-direction:column;justify-content:flex-end;min-width:0;margin:0;line-height:1.15;
}
body.tenant-authenticated:not(.pos-kiosk-page) :is(.coa-compact-form,.finance-master-form,.px-landscape-form,.compact-form-grid,.smart-grid)>label :is(input,select,textarea){box-sizing:border-box;width:100%;margin:3px 0 0;min-height:32px;}
body.tenant-authenticated:not(.pos-kiosk-page) :is(.finance-master-form,.px-landscape-form,.compact-form-grid,.smart-grid){align-items:end;}
body.tenant-authenticated:not(.pos-kiosk-page) .px-module-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 10px;}
body.tenant-authenticated:not(.pos-kiosk-page) .px-module-form>.px-form-actions{grid-column:1/-1;justify-content:flex-end;}
body.tenant-authenticated:not(.pos-kiosk-page) .coa-compact-form .coa-code-name>label{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;}
body.tenant-authenticated:not(.pos-kiosk-page) label:has(> :is(input,select,textarea)[required]){position:relative;padding-inline-end:14px;}
body.tenant-authenticated:not(.pos-kiosk-page) label:has(> :is(input,select,textarea)[required])::after,
body.tenant-authenticated:not(.pos-kiosk-page) .smart-required::after{
 content:'*';position:absolute;inset-inline-end:1px;top:-2px;color:#c92838;font-weight:800;font-size:15px;line-height:1;
}
body.tenant-authenticated:not(.pos-kiosk-page) label:has(> :is(input,select,textarea)[required]) :is(input,select,textarea){width:calc(100% + 14px);}
.finance-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;margin:8px 0;}
.finance-kpis>div{background:#fff;border:1px solid #bed4df;border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;}
.finance-kpis small{color:#506979;font-size:12px}.finance-kpis strong{font-size:19px;color:#075c79;}
.finance-report-note{padding:5px 10px;margin:0;font-size:13px;}
.pdc-register-actions{min-width:290px}.pdc-register-actions form{display:flex;gap:4px;align-items:center;margin:3px 0;}
.pdc-register-actions input[type=date]{width:120px;min-width:120px}.pdc-register-actions input[name=reason]{width:145px;min-width:110px;}
.recipe-entry-card{overflow:visible}.recipe-header-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 9px;padding:9px;}
.recipe-header-grid label{white-space:normal}.recipe-body-title{border-radius:0;}
.recipe-cost-table{min-width:1120px}.recipe-cost-table th,.recipe-cost-table td{padding:5px 6px;}
.recipe-cost-table :is(input,select){height:30px;width:100%;min-width:64px;box-sizing:border-box;padding:2px 5px;}
.recipe-cost-table td:nth-child(2){min-width:200px}.recipe-cost-table .recipe-number{white-space:nowrap;}
.recipe-cost-table .amount{text-align:right;white-space:nowrap;}
.recipe-cost-footer{padding:9px;display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr) auto;gap:12px;align-items:end;background:#f3fafc;}
.recipe-cost-footer>div:first-child{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:6px;}
.recipe-cost-footer label{display:flex;flex-direction:column;font-size:12px;gap:2px;}
.recipe-cost-footer input{height:30px;box-sizing:border-box;width:100%;}
.recipe-cost-summary{display:flex;flex-direction:column;gap:3px;font-size:12px;}
.recipe-cost-summary span{display:flex;justify-content:space-between;gap:12px;}
.recipe-cost-summary strong{border-top:1px solid #abcbd3;padding-top:3px;font-size:14px;display:flex;justify-content:space-between;gap:12px;}
.recipe-cost-summary small{font-size:10px;color:#637681;}
@media(max-width:1100px){.recipe-header-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.recipe-cost-footer{grid-template-columns:1fr 1fr;}.recipe-cost-footer>button{grid-column:1/-1;justify-self:end;}}
@media(max-width:700px){.recipe-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.recipe-cost-footer{grid-template-columns:1fr;}.recipe-cost-footer>button{grid-column:1;}}
.related-masters{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:4px 0 9px;padding:6px 10px;background:#f0f7f9;border:1px solid #d4e5e8;border-radius:6px;font-size:12px;color:#355661}
.related-masters a{color:#075f74;font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.related-masters small{margin-left:auto;font-size:11px;color:#536773}
/* Application-wide ERP form consistency and safe feedback dialog. */
label.field-required{position:relative;padding-top:1px}
label.field-required>.required-mark{position:absolute;inset-inline-end:2px;top:-3px;color:#d71920;font:900 16px/1 Arial,sans-serif}
.erp-feedback-modal[hidden]{display:none}.erp-feedback-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px}
.erp-feedback-shade{position:absolute;inset:0;background:rgba(2,47,52,.66);backdrop-filter:blur(2px)}
.erp-feedback-box{position:relative;width:min(520px,94vw);background:#fff;border-radius:9px;box-shadow:0 18px 55px rgba(0,0,0,.38);overflow:hidden;border-top:5px solid #df2639;color:#1b303b}
.erp-feedback-modal[data-kind="success"] .erp-feedback-box{border-top-color:#07875f}
.erp-feedback-box header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#f3f7f8;font-size:19px}.erp-feedback-box header button{border:0;background:transparent;font-size:25px;cursor:pointer}
.erp-feedback-box #erpFeedbackText{padding:18px;font-size:15px;line-height:1.45;max-height:45vh;overflow:auto}.erp-feedback-box footer{padding:10px 16px 15px;text-align:right}
.px-landscape-form>label,.smart-grid>label,.compact-form-grid>label,.invoice-head-grid>label{display:flex;flex-direction:column;justify-content:flex-start;min-width:0}
.px-landscape-form input,.px-landscape-form select,.px-landscape-form textarea,.smart-grid input,.smart-grid select,.compact-form-grid input,.compact-form-grid select{box-sizing:border-box;width:100%}
@media(min-width:1000px){.px-landscape-form>label,.smart-grid>label,.compact-form-grid>label{align-self:start}}