:root{
 --bg:#f3f6fa;--panel:#fff;--text:#17263a;--muted:#728094;--line:#dfe6ee;
 --primary:#0b63ce;--primary2:#074a9e;--orange:#f58220;--sidebar:#092744;
 font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)
}
:root[data-theme="dark"]{--bg:#0e1722;--panel:#172331;--text:#eef5fc;--muted:#9db0c3;--line:#2b3b4d;--sidebar:#071b2e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}
.desktop-app-shell{display:flex;min-height:100vh;background:var(--bg)}
.desktop-sidebar{position:fixed;inset:0 auto 0 0;width:290px;background:linear-gradient(180deg,var(--sidebar),#061b30);color:#fff;display:flex;flex-direction:column;z-index:20;box-shadow:12px 0 34px #061b3014;transition:.2s}
.desktop-sidebar.collapsed{width:84px}.desktop-main-shell{margin-left:290px;min-width:0;width:calc(100% - 290px);transition:.2s}.sidebar-is-collapsed .desktop-main-shell{margin-left:84px;width:calc(100% - 84px)}
.desktop-brand{display:flex;gap:13px;align-items:center;padding:18px 18px 16px;border-bottom:1px solid #ffffff20}.desktop-brand img{width:51px;height:51px;object-fit:contain;background:#fff;border-radius:13px;padding:4px}.desktop-brand strong,.desktop-brand span{display:block}.desktop-brand strong{font-size:17px}.desktop-brand span{font-size:12px;color:#bcd0e3}.collapsed-brand{justify-content:center;padding-inline:10px}
.sidebar-search{margin:14px 14px 8px;display:flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid #ffffff22;border-radius:11px;padding:0 10px}.sidebar-search:focus-within{border-color:#79b8ff;background:#ffffff1c}.sidebar-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:10px 0}.sidebar-search input::placeholder{color:#adc2d5}.sidebar-search button{border:0;background:transparent;color:#fff;font-size:20px}
.grouped-navigation,.collapsed-navigation{overflow:auto;padding:4px 10px 14px;display:grid;align-content:start;gap:5px}.nav-group{border-bottom:1px solid #ffffff10}.nav-group-button,.nav-item-button,.collapsed-navigation button{width:100%;border:0;background:transparent;color:#d9e8f7;display:flex;align-items:center;gap:10px;border-radius:9px;text-align:left}.nav-group-button{padding:11px 10px;font-weight:750}.nav-group-button:hover,.nav-group.contains-active>.nav-group-button{background:#ffffff10;color:#fff}.nav-chevron{margin-left:auto;transition:.18s}.nav-group.open .nav-chevron{transform:rotate(90deg)}.nav-group-items{max-height:0;overflow:hidden;opacity:0;transition:max-height .24s ease,opacity .18s ease}.nav-group.open .nav-group-items{max-height:900px;opacity:1}.nav-item-button{padding:9px 9px 9px 27px;margin:2px 0;font-size:13px}.nav-item-button:hover{background:#ffffff0d}.nav-item-button.active{background:linear-gradient(90deg,#0b63ce,#1074e7);color:#fff;box-shadow:0 6px 18px #0002}.nav-item-button small{margin-left:auto;color:#f7ad66;font-size:9px;text-transform:uppercase}.desktop-sidebar-footer{margin-top:auto;padding:14px 18px;border-top:1px solid #ffffff18;font-size:11px;color:#bcd0e3}.status-dot{display:inline-block;width:8px;height:8px;background:#3bd17f;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #3bd17f20}
.collapsed-navigation{padding:12px 9px}.collapsed-navigation button{justify-content:center;padding:12px}.collapsed-navigation button.active{background:#0b63ce}.sidebar-cloud-dot{margin-top:auto;text-align:center;padding:18px;color:#3bd17f}
.desktop-topbar{position:sticky;top:0;z-index:15;height:78px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 26px}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:13px}.desktop-topbar h1{margin:0;font-size:23px}.desktop-topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.icon-button,.theme-button,.secondary-button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:10px 12px;display:inline-flex;align-items:center;gap:7px}.icon-button svg{width:19px}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.user-chip strong,.user-chip span{display:block}.user-chip span{font-size:11px;color:var(--muted);text-transform:capitalize}.avatar{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--orange));color:#fff;display:grid;place-items:center;font-weight:800}
.desktop-content{padding:26px;min-height:calc(100vh - 78px)}.panel,.kpis article{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}.desktop-coming{text-align:center;max-width:760px;margin:50px auto;padding:50px}.coming-icon{width:74px;height:74px;border-radius:22px;background:#e9f3ff;color:var(--primary);display:grid;place-items:center;margin:0 auto 18px}.desktop-coming h2{font-size:30px;margin:7px}.desktop-coming p{color:var(--muted);line-height:1.65}.coming-features{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:22px}.coming-features span{background:var(--bg);border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:12px}
.live-sync-pill,.cloud-license-pill{position:fixed;bottom:14px;z-index:40;padding:8px 11px;border-radius:10px;background:#e8f8ef;color:#167648;border:1px solid #a8dfbf;display:flex;gap:8px;font-size:10px}.live-sync-pill{right:118px}.cloud-license-pill{right:14px}
:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17263a;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.loading{min-height:100vh;display:grid;place-content:center;text-align:center}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#124a88,#071d35 60%)}.login-card{width:min(430px,92vw);padding:38px;background:white;border-radius:24px;box-shadow:0 30px 80px #0005}.login-card img{width:86px}.login-card h1{margin:8px 0}.login-card form,.form{display:grid;gap:14px;margin-top:24px}.login-card label,.form label{display:grid;gap:6px;text-transform:capitalize}.login-card input,.form input,.search input{padding:12px;border:1px solid #d8e0e9;border-radius:10px}.primary{background:#0b63ce;color:white;border:0;border-radius:10px;padding:12px 16px;font-weight:700}.error,.notice{padding:12px;border-radius:10px;background:#fff0f0;color:#a32929}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.app>aside{background:#092744;color:white;padding:20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid #ffffff22}.brand img{width:48px;height:48px;object-fit:contain;background:white;border-radius:12px}.brand small,.brand strong{display:block}.app nav{display:grid;gap:7px;margin-top:20px}.app nav button,.app footer button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#dbe9f7;padding:12px;border-radius:10px;text-align:left}.app nav button.active,.app nav button:hover{background:#ffffff18;color:white}.app nav svg,.app footer svg{width:19px}.app footer{margin-top:auto;display:grid;gap:4px}.app footer span,.app footer small{padding-left:12px}.app>main{padding:28px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.top h1{margin:4px 0}.eyebrow{font-size:12px;letter-spacing:.12em;color:#f58220;font-weight:800}.online{color:#14834e;font-weight:700}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpis article,.panel{background:white;border:1px solid #e0e7ef;border-radius:16px;padding:20px;box-shadow:0 10px 30px #14314e0b}.kpis span,.kpis small,.row small,td small{display:block;color:#728094}.kpis strong{display:block;font-size:28px;margin:7px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.panel h2{margin-top:0}.row,.cart-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head button,.actions button,td button{display:inline-flex;align-items:center;gap:7px;border:1px solid #d6dee8;background:white;border-radius:9px;padding:9px 12px}.panel-head .primary{background:#0b63ce;color:white}.search{display:flex;align-items:center;gap:8px;border:1px solid #d8e0e9;border-radius:10px;padding:0 10px;background:white;min-width:320px}.search input{border:0;outline:0;width:100%}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1f5}th{font-size:12px;color:#6a7888;text-transform:uppercase}.danger{color:#b32d2d;font-weight:800}.pos-grid{display:grid;grid-template-columns:1fr 390px;gap:16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;margin-top:16px}.product-grid button{display:grid;gap:7px;text-align:left;border:1px solid #dfe6ee;background:white;border-radius:14px;padding:16px}.product-grid button:hover{border-color:#0b63ce;transform:translateY(-1px)}.product-grid svg{color:#0b63ce}.cart{display:flex;flex-direction:column;min-height:640px}.cart-row>div:last-child{display:flex;align-items:center;gap:9px}.cart-row button{border:0;background:#fee;color:#a22;border-radius:50%;width:28px;height:28px}.empty{display:grid;place-items:center;min-height:200px;color:#7c8795}.total{margin-top:auto;display:flex;justify-content:space-between;font-size:25px;padding:20px 0}.checkout{width:100%;font-size:17px}.modal-bg{position:fixed;inset:0;background:#081a2caa;display:grid;place-items:center;z-index:50}.modal{width:min(760px,94vw);max-height:90vh;overflow:auto;background:white;border-radius:18px}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8ef}.modal>header button{border:0;background:transparent}.form{grid-template-columns:1fr 1fr;padding:20px;margin:0}.actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:10px}.actions button{padding:11px 16px;border:1px solid #d5dee8;border-radius:9px;background:white}.actions .primary{background:#0b63ce;color:white}@media(max-width:1000px){.app{grid-template-columns:85px 1fr}.brand div,.app nav button:not(.active){font-size:0}.brand img{width:44px}.app footer span,.app footer small{display:none}.kpis{grid-template-columns:1fr 1fr}.pos-grid{grid-template-columns:1fr}.cart{min-height:400px}}
button.refresh,.ops-actions button,.line-list button{display:inline-flex;align-items:center;gap:7px;border:1px solid #d6dee8;background:#fff;border-radius:9px;padding:10px 13px}
.refresh svg,.ops-actions svg{width:18px}.ops-actions{display:flex;gap:10px;margin-bottom:16px}.top-space{margin-top:16px}
.form select,.form textarea,.stocktake-list input{width:100%;padding:12px;border:1px solid #d8e0e9;border-radius:10px;background:#fff;font:inherit}
.form textarea{min-height:90px}.form .wide{grid-column:1/-1}.wide-modal{width:min(980px,96vw)}
.line-list{border:1px solid #e4eaf0;border-radius:12px;padding:12px;max-height:300px;overflow:auto}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef3f8;font-size:12px;font-weight:800}
.badge.RECEIVED,.badge.COMPLETED{background:#e7f7ee;color:#147847}.badge.PARTIAL,.badge.ORDERED,.badge.OPEN{background:#eef6ff;color:#0b63ce}
.positive{color:#147847;font-weight:800}.report-bar{display:grid;gap:6px;margin:12px 0}.report-bar>div{display:flex;justify-content:space-between}.report-bar i{height:10px;background:linear-gradient(90deg,#0b63ce,#f58220);border-radius:999px;min-width:3px}
.stocktake-body{padding:22px}.stocktake-list{display:grid;gap:9px;max-height:58vh;overflow:auto;margin-bottom:16px}.stocktake-list label{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #edf1f5}.stocktake-list small{display:block;color:#728094}
.loading-small{padding:30px;text-align:center}
@media(max-width:780px){.form{grid-template-columns:1fr}.form .wide,.actions{grid-column:1}.ops-actions{flex-wrap:wrap}.stocktake-list label{grid-template-columns:1fr 100px}}

.app,.app>aside,.app>main,.top{display:contents!important}
.refresh{display:none!important}
@media(max-width:900px){.desktop-sidebar{width:84px}.desktop-sidebar:not(.collapsed) .desktop-brand div,.desktop-sidebar:not(.collapsed) .sidebar-search,.desktop-sidebar:not(.collapsed) .nav-group-button span,.desktop-sidebar:not(.collapsed) .nav-item-button span,.desktop-sidebar:not(.collapsed) .desktop-sidebar-footer{display:none}.desktop-main-shell,.sidebar-is-collapsed .desktop-main-shell{margin-left:84px;width:calc(100% - 84px)}.topbar-actions .user-chip,.theme-button{display:none}.desktop-content{padding:15px}}

/* SmartPOS Web v1.3 transaction workflows */
.pos-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}
.pos-secondary-actions button,.qty-button,.payment-line button,.return-line button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:9px}
.qty-button{width:30px!important;height:30px!important;display:grid;place-items:center;padding:0!important}
.payment-total{display:flex;justify-content:space-between;align-items:center;padding:18px;border-radius:13px;background:linear-gradient(135deg,#0b63ce,#074a9e);color:#fff}
.payment-total strong{font-size:28px}.payment-lines,.return-lines{display:grid;gap:10px}
.payment-line{display:grid;grid-template-columns:170px 150px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px}
.payment-line input,.payment-line select,.return-line input{padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
.payment-balance{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:11px}
.payment-balance.paid{background:#e8f8ef;color:#167648}.payment-balance.due{background:#fff0f0;color:#a52d2d}
.return-line{display:grid;grid-template-columns:1fr 130px 140px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}
.return-line small{display:block;color:var(--muted);margin-top:4px}.return-line b{text-align:right}
.vms-note{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #8fbce8;background:#eef7ff;color:#0b5aa8;border-radius:11px}
.badge.OPEN{background:#eef6ff;color:#0b63ce}.badge.CONVERTED{background:#e8f8ef;color:#167648}.badge.CANCELLED{background:#f1f2f4;color:#697586}
@media(max-width:780px){.payment-line{grid-template-columns:1fr}.return-line{grid-template-columns:1fr 100px}.return-line b{grid-column:1/-1}.pos-secondary-actions{grid-template-columns:1fr}}

/* SmartPOS Web v1.4 payroll */
.actions-inline{display:flex;gap:8px}.actions-inline button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:9px 12px}.actions-inline .primary{background:var(--primary);color:#fff}
.payrun-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.payrun-summary>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.payrun-summary span,.payrun-summary strong{display:block}.payrun-summary span{font-size:11px;color:var(--muted);text-transform:uppercase}.payrun-summary strong{margin-top:5px}
.payroll-warning{padding:13px;border:1px solid #e3b56a;background:#fff8e8;color:#82540f;border-radius:10px;line-height:1.45}
.badge.ACTIVE,.badge.APPROVED,.badge.PAID{background:#e8f8ef;color:#167648}.badge.INACTIVE,.badge.TERMINATED,.badge.UNPAID{background:#fff0f0;color:#a52d2d}.badge.DRAFT{background:#eef6ff;color:#0b63ce}
@media(max-width:900px){.payrun-summary{grid-template-columns:1fr 1fr}.actions-inline{flex-wrap:wrap}}

/* SmartPOS Web v1.5 audit and security */
.muted{color:var(--muted);margin:4px 0 0}.audit-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:13px;margin-bottom:14px}.audit-filters label{display:grid;gap:5px;font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:700}.audit-filters input,.audit-filters select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}.audit-search{grid-column:span 2}.filter-reset{align-self:end;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
.audit-module-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}.audit-module-summary span{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 10px;font-size:11px}.audit-module-summary b{color:var(--primary)}
.table-scroll{overflow:auto}.audit-table{min-width:1200px}.audit-table tr.audit-warning{box-shadow:inset 4px 0 #e3a331}.audit-table tr.audit-critical{box-shadow:inset 4px 0 #c73d3d;background:#fff5f5}.audit-module{display:inline-block;padding:5px 8px;border-radius:7px;background:#eef6ff;color:#0b63ce;font-size:10px;font-weight:800}.badge.SUCCESS{background:#e8f8ef;color:#167648}.badge.FAILED{background:#fff0f0;color:#a52d2d}
.audit-detail{padding:20px;display:grid;gap:15px}.audit-detail .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.audit-detail .detail-grid>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.audit-detail .detail-grid span,.audit-detail .detail-grid strong{display:block}.audit-detail .detail-grid span{font-size:10px;color:var(--muted);text-transform:uppercase}.audit-detail .detail-grid strong{margin-top:4px}.audit-detail section{border:1px solid var(--line);border-radius:11px;padding:13px}.audit-detail h3{margin:0 0 9px}.audit-detail pre{margin:0;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#081a2c;color:#dcecff;padding:13px;border-radius:9px;font-size:11px}.audit-agent{word-break:break-word}
@media(max-width:1100px){.audit-filters{grid-template-columns:1fr 1fr}.audit-detail .detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.audit-filters,.audit-detail .detail-grid{grid-template-columns:1fr}.audit-search{grid-column:1}}

/* SmartPOS v1.2.5 licence enforcement */
.licence-block-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top left,#eaf4ff 0,#f5f8fc 45%,#edf2f8 100%)}
.licence-block-card{width:min(620px,96vw);background:var(--panel,#fff);border:1px solid var(--line,#dbe3ec);border-radius:22px;padding:34px;box-shadow:0 24px 70px #16345326;text-align:center}
.licence-block-card>img{width:170px;max-height:72px;object-fit:contain;margin-bottom:18px}.licence-state{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff0e6;color:#c75b00;font-size:11px;font-weight:900;letter-spacing:.12em}.licence-block-card h1{font-size:30px;margin:14px 0 8px}.licence-lead{color:var(--muted,#687789);line-height:1.55;margin:0 auto 22px;max-width:500px}
.licence-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.licence-details>div{padding:13px;border:1px solid var(--line,#dbe3ec);border-radius:12px;background:var(--bg,#f7f9fc)}.licence-details span,.licence-details strong{display:block}.licence-details span{font-size:10px;text-transform:uppercase;color:var(--muted,#687789);font-weight:800}.licence-details strong{margin-top:5px;word-break:break-word}
.data-safe-note{display:flex;gap:12px;text-align:left;margin:18px 0;padding:15px;border-radius:13px;background:#eaf8f0;color:#176c43}.data-safe-note svg{flex:0 0 auto}.data-safe-note p{margin:4px 0 0;line-height:1.45;font-size:13px}.dealer-contact{display:grid;gap:4px;padding:14px;border-radius:12px;background:#edf5ff;color:#164f91}.licence-actions{display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}.licence-actions a,.licence-actions button{border:0;border-radius:10px;padding:12px 17px;font-weight:800;text-decoration:none;cursor:pointer}.renew-button{background:#f58220;color:#fff}.licence-actions button{background:#0b63ce;color:#fff}
@media(max-width:600px){.licence-block-card{padding:24px 18px}.licence-details{grid-template-columns:1fr}.licence-block-card h1{font-size:25px}}


/* SmartPOS Web 2.1 navigation, touch POS and barcode updates */
.dashboard-solo-button{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;color:var(--sidebar-muted,#c9d7e5);padding:12px 13px;margin-bottom:7px;text-align:left}.dashboard-solo-button:hover,.dashboard-solo-button.active{background:rgba(255,255,255,.12);color:#fff}.dashboard-solo-button.active{box-shadow:inset 3px 0 #f58220}.touch-pos-shell{display:grid;gap:12px;min-height:calc(100vh - 130px)}.pos-command-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#082c52,#0c5ba4);color:#fff;border-radius:16px;padding:14px 18px}.pos-command-header h2{margin:2px 0}.pos-session-meta{display:grid;text-align:right;gap:2px}.pos-session-meta strong{font-size:21px}.pos-session-meta span{font-size:12px;color:#d9ebff}.pos-scan-row{display:grid;grid-template-columns:1fr 170px;gap:10px}.pos-scan-box{height:60px;background:#fff;border:2px solid #1680e8;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 15px;box-shadow:0 8px 24px #0b63ce18}.pos-scan-box input{border:0;outline:0;font-size:18px;width:100%}.pos-scan-box kbd,.shortcut-ribbon kbd{background:#0b63ce;color:#fff;border-radius:6px;padding:4px 7px;font-weight:800}.touch-action{border:0;border-radius:14px;font-weight:800;font-size:16px}.customer-touch{background:#fff;border:1px solid #d9e4ef;color:#0b4d89}.pos-category-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.pos-category-strip button{min-height:46px;padding:0 19px;border-radius:12px;border:1px solid #d9e3ed;background:#fff;font-weight:750;white-space:nowrap}.pos-category-strip button.active{background:#0b63ce;color:#fff;border-color:#0b63ce}.touch-pos-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);gap:12px;min-height:610px}.touch-products-panel,.touch-cart-panel{background:#fff;border:1px solid #dce5ee;border-radius:16px;padding:12px;min-width:0}.touch-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;max-height:650px;overflow:auto}.touch-product-grid button{min-height:135px;display:grid;align-content:center;justify-items:start;gap:6px;border:1px solid #dce5ee;background:#fff;border-radius:14px;padding:13px;text-align:left;touch-action:manipulation}.touch-product-grid button:hover{border-color:#0b63ce;box-shadow:0 8px 20px #0b63ce1f}.touch-product-grid button:active{transform:scale(.98)}.product-tile-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf4ff;color:#0b63ce}.touch-product-grid small{color:#718093}.cart-table-head,.touch-cart-row{display:grid;grid-template-columns:1fr 60px 105px;gap:8px;align-items:center}.cart-table-head{padding:8px 10px;color:#718093;font-size:12px;font-weight:800;text-transform:uppercase}.touch-cart-list{min-height:245px;max-height:340px;overflow:auto}.touch-cart-row{width:100%;border:0;border-top:1px solid #edf1f5;background:#fff;padding:11px 9px;text-align:left}.touch-cart-row.selected{background:#edf6ff;box-shadow:inset 4px 0 #0b63ce}.touch-cart-row small{display:block;color:#718093}.touch-cart-row>b,.touch-cart-row>strong{text-align:right}.touch-qty-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.touch-qty-pad button{min-height:48px;border-radius:10px;border:1px solid #d4dee8;background:#f8fafc;font-weight:800}.touch-qty-pad .danger-touch{background:#fff0f0;color:#b3261e}.pos-total-card{margin:10px 0;background:#071f39;color:#fff;border-radius:14px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between}.pos-total-card strong{font-size:31px;color:#55d8ff}.payment-touch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-touch-grid button{min-height:57px;border:0;border-radius:11px;background:#eaf4ff;color:#0a4f91;font-weight:850;font-size:15px}.payment-touch-grid .complete-touch{grid-column:1/-1;background:#0b9a55;color:#fff;font-size:18px;min-height:64px}.shortcut-ribbon{display:flex;gap:12px;overflow-x:auto;background:#071f39;color:#dbeafa;border-radius:12px;padding:9px 12px;font-size:12px;white-space:nowrap}.document-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.document-quick-actions button{border:1px solid #d7e1eb;background:#fff;border-radius:9px;padding:9px 12px}.barcode-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.barcode-settings-grid label{display:grid;gap:6px}.barcode-settings-grid input,.barcode-settings-grid select{padding:12px;border:1px solid #d8e0e9;border-radius:10px}.barcode-settings-grid .check-field{display:flex;align-items:center;gap:9px}.barcode-settings-grid .primary{justify-self:start}@media(max-width:1100px){.touch-pos-grid{grid-template-columns:1fr}.touch-products-panel{max-height:430px}.touch-cart-panel{min-height:520px}}@media(max-width:700px){.pos-command-header{align-items:flex-start}.pos-session-meta{display:none}.pos-scan-row{grid-template-columns:1fr}.touch-product-grid{grid-template-columns:repeat(2,1fr)}.payment-touch-grid{grid-template-columns:repeat(2,1fr)}.payment-touch-grid .complete-touch{grid-column:1/-1}.barcode-settings-grid{grid-template-columns:1fr}.shortcut-ribbon{position:sticky;bottom:4px}}

/* SmartPOS Web v2.2 One Design Engine */
.design-studio{display:grid;gap:14px}.designer-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.designer-toolbar h2{margin:4px 0}.designer-toolbar p{margin:0;color:var(--muted)}.designer-actions{display:flex;gap:8px;flex-wrap:wrap}.designer-actions button,.canvas-toolbar button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:9px 11px;font-weight:750}.designer-type-tabs{display:flex;gap:7px;overflow:auto}.designer-type-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 17px;border-radius:10px;font-weight:850}.designer-type-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.designer-workspace{display:grid;grid-template-columns:230px minmax(500px,1fr) 250px;gap:12px;align-items:start}.designer-workspace.preview-mode{grid-template-columns:1fr}.component-library,.property-panel,.designer-canvas-stage{background:var(--panel);border:1px solid var(--line);border-radius:15px}.component-library,.property-panel{padding:14px;position:sticky;top:86px;max-height:calc(100vh - 110px);overflow:auto}.component-library h3,.property-panel h3{margin:4px 0 10px}.component-library>p{font-size:12px;color:var(--muted)}.component-library>button,.saved-template-list button{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:9px;padding:9px;margin-bottom:7px;text-align:left}.saved-template-list{display:grid}.saved-template-list small{color:var(--muted)}.designer-canvas-stage{padding:12px;min-width:0}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.canvas-toolbar span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.designer-canvas{position:relative;width:100%;max-height:calc(100vh - 235px);margin:auto;border:1px dashed #9fb4c8;border-radius:9px;overflow:hidden;box-shadow:0 12px 30px #0b28451a;background-size:20px 20px;background-image:linear-gradient(to right,#d8e2ec55 1px,transparent 1px),linear-gradient(to bottom,#d8e2ec55 1px,transparent 1px)}.canvas-invoice{max-width:700px}.canvas-component{position:absolute;border:1px solid;overflow:hidden;cursor:move;box-shadow:0 4px 12px #10284012;transition:box-shadow .15s}.canvas-component.selected{outline:3px solid #1680e8;outline-offset:2px;box-shadow:0 8px 24px #1680e833}.move-handle{position:absolute;right:4px;top:4px;background:#1680e8;color:#fff;border-radius:5px;padding:3px}.designer-mock{height:100%;padding:10px;display:grid;align-content:center;gap:5px;overflow:hidden}.designer-mock small{display:block;color:#6d7c8d}.search-mock{border:2px solid #1680e8;border-radius:9px}.chip-mock{display:flex;gap:6px;align-items:center}.chip-mock span,.chip-mock b{padding:5px 9px;border-radius:8px;background:#eaf4ff}.product-mock{grid-template-columns:1fr 1fr}.product-mock span{display:grid;place-items:center;background:#edf5ff;border-radius:8px}.cart-mock span{border-top:1px solid #e4e9ef;padding-top:5px}.total-mock{background:#09243e;color:#fff}.total-mock strong{font-size:24px;color:#52d8ff}.pay-mock{grid-template-columns:1fr 1fr}.pay-mock span{display:grid;place-items:center;background:#eaf4ff;border-radius:8px;color:#0b63ce;font-weight:800}.shortcut-mock{background:#09243e;color:#fff;font-size:11px}.logo-mock{font-size:23px;font-weight:900;color:#0b63ce}.invoice-items-mock span{border-top:1px solid #e6ebf0;padding-top:4px}.signature-mock{border-bottom:1px solid #637586;align-content:end}.qr-mock{font-size:50px;text-align:center}.property-panel label{display:grid;grid-template-columns:1fr 92px;align-items:center;gap:8px;margin-bottom:9px;color:var(--muted);font-size:12px}.property-panel input[type=number]{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}.property-panel input[type=color]{width:92px;height:35px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.property-check{display:flex!important;grid-template-columns:none!important}.property-title{display:flex;justify-content:space-between;align-items:center;padding:9px;background:var(--bg);border-radius:9px;margin-bottom:12px}.property-title div{display:flex;gap:4px}.property-title button{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:6px;color:var(--text)}.property-empty{display:grid;place-items:center;text-align:center;padding:28px 8px;color:var(--muted)}
@media(max-width:1300px){.designer-workspace{grid-template-columns:190px minmax(450px,1fr) 220px}}@media(max-width:1000px){.designer-workspace{grid-template-columns:1fr}.component-library,.property-panel{position:static;max-height:none}.component-library{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.component-library h3,.component-library p,.saved-template-list{grid-column:1/-1}.designer-canvas{max-height:none}}


/* SmartPOS integrated POS designer */
.integrated-pos{display:grid;gap:12px}.integrated-pos-topbar{display:flex;justify-content:space-between;align-items:center}.integrated-pos-topbar h2{margin:3px 0}.integrated-pos-topbar p{margin:0;color:#718093}.integrated-pos-actions{display:flex;gap:9px;align-items:center}.integrated-pos-actions button,.integrated-pos-actions select{border:1px solid #ccd8e5;background:#fff;border-radius:9px;padding:10px 13px;display:flex;align-items:center;gap:7px}.integrated-pos-actions .primary{background:#0b63ce;color:#fff}.pos-designer-tabs{display:flex;border-bottom:1px solid #dce5ee;background:#fff;border-radius:12px 12px 0 0;padding:0 12px}.pos-designer-tabs button{border:0;background:transparent;padding:14px 18px}.pos-designer-tabs button.active{color:#0b63ce;border-bottom:3px solid #0b63ce}.pos-designer-controls{display:flex;gap:14px;background:#fff;border:1px solid #dce5ee;border-radius:12px;padding:12px}.pos-designer-controls label{display:flex;align-items:center;gap:8px}.pos-designer-controls select{padding:9px;border:1px solid #d5e0ea;border-radius:8px}.pos-designer-body{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.is-customizing .pos-designer-body{grid-template-columns:minmax(0,1fr) 270px}.pos-live-area{background:#eef3f8;border:1px solid #d7e1eb;border-radius:14px;padding:8px;min-width:0}.pos-search-customer{display:grid;grid-template-columns:minmax(0,1fr) 220px 48px;gap:7px}.pos-scan-box{min-height:54px}.customer-touch,.more-pos-button{border:1px solid #d6e0ea;background:#fff;border-radius:9px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.more-pos-button{font-size:24px}.pos-main-layout{display:grid;grid-template-columns:145px minmax(320px,1fr) minmax(350px,var(--cart-width)) 120px;gap:7px;margin-top:7px;min-height:610px}.pos-category-rail,.pos-product-area,.pos-cart-area,.pos-payment-rail{background:#fff;border:1px solid #dbe4ed;border-radius:8px;min-width:0}.pos-category-rail{padding:8px}.pos-category-rail h3{margin:0 -8px 6px;padding:11px;background:#0b4d89;color:#fff;font-size:14px}.pos-category-rail button{width:100%;border:0;background:transparent;text-align:left;padding:9px;border-radius:6px}.pos-category-rail button.active{background:#e7f2ff;color:#0b63ce}.pos-product-area{padding:8px}.product-tabs{display:flex;gap:6px;border-bottom:1px solid #e4eaf0;margin-bottom:8px}.product-tabs button{border:0;background:transparent;padding:10px}.product-tabs .active{color:#0b63ce;font-weight:800}.pos-product-area .touch-product-grid{max-height:560px}.touch-product-grid.size-small button{min-height:90px}.touch-product-grid.size-medium button{min-height:115px}.touch-product-grid.size-large button{min-height:140px}.pos-cart-area{padding:8px;display:flex;flex-direction:column}.pos-cart-area .cart-table-head,.pos-cart-area .touch-cart-row{grid-template-columns:minmax(120px,1fr) 48px 74px 85px}.pos-cart-area .touch-cart-list{min-height:220px;max-height:290px}.pos-function-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.pos-function-grid button{min-height:58px;border:1px solid #dbe4ed;background:#fff;border-radius:7px;font-weight:700}.pos-function-grid small{color:#718093}.pos-summary-lines{margin-top:auto;display:grid;gap:7px;padding:12px}.pos-summary-lines span,.pos-summary-lines strong{display:flex;justify-content:space-between}.pos-summary-lines>strong{font-size:23px;border-top:1px solid #dce4ec;padding-top:10px}.pos-payment-rail{display:grid;align-content:start;gap:7px;padding:7px}.pos-payment-rail button{min-height:66px;border:0;border-radius:8px;color:#fff;font-weight:850;display:grid;place-items:center}.pos-payment-rail small{display:block}.pos-payment-rail .cash{background:#14aa5b}.pos-payment-rail .card{background:#1769d2}.pos-payment-rail .eftpos{background:#00a0bb}.pos-payment-rail .split{background:#f28b16}.pos-payment-rail .mpaisa{background:#7854b8}.pos-payment-rail .print{background:#d73f6d}.pos-payment-rail .void{background:#df342c}.pos-status-footer{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid #dce5ee;border-radius:8px;margin-top:7px;padding:12px;font-size:13px}.is-customizing .designer-selectable{outline:1px dashed #1680e8;outline-offset:-2px;position:relative}.is-customizing .designer-selectable.selected{outline:3px solid #1680e8;box-shadow:0 0 0 3px #1680e820}.pos-component-settings{background:#fff;border:1px solid #dce5ee;border-radius:12px;padding:14px}.pos-component-settings h3{margin-top:0}.pos-component-settings label{display:grid;gap:6px;margin:14px 0}.pos-component-settings input,.pos-component-settings select{padding:9px;border:1px solid #d3dee8;border-radius:8px}.switch-line{grid-template-columns:1fr auto!important;align-items:center}.component-toggle-list{display:grid;gap:6px;margin-top:18px}.component-toggle-list button{display:flex;justify-content:space-between;border:1px solid #dce5ee;background:#fff;border-radius:8px;padding:9px;text-align:left}.component-toggle-list button.active{border-color:#0b63ce;background:#eef6ff}.mode-tablet .pos-main-layout{grid-template-columns:120px minmax(280px,1fr) minmax(320px,42%)}.mode-tablet .pos-payment-rail{grid-column:1/-1;grid-template-columns:repeat(7,1fr)}.mode-tablet .pos-payment-rail button{min-height:54px}.mode-touch .pos-main-layout{grid-template-columns:135px minmax(300px,1fr) minmax(360px,44%)}.mode-touch .pos-payment-rail{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.mode-touch .pos-payment-rail button{min-height:72px;font-size:16px}.mode-touch .touch-product-grid button{min-height:155px}.mode-computer .touch-product-grid button{min-height:110px}@media(max-width:1200px){.pos-main-layout{grid-template-columns:120px minmax(280px,1fr) minmax(320px,42%)}.pos-payment-rail{grid-column:1/-1;grid-template-columns:repeat(7,1fr)}.is-customizing .pos-designer-body{grid-template-columns:1fr}.pos-component-settings{order:-1}.pos-component-settings .component-toggle-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.integrated-pos-topbar{align-items:flex-start;gap:10px}.integrated-pos-actions{flex-wrap:wrap;justify-content:flex-end}.pos-search-customer{grid-template-columns:1fr}.pos-main-layout,.mode-tablet .pos-main-layout,.mode-touch .pos-main-layout{grid-template-columns:1fr}.pos-category-rail{display:flex;overflow:auto}.pos-category-rail h3{display:none}.pos-category-rail button{white-space:nowrap}.pos-payment-rail,.mode-tablet .pos-payment-rail,.mode-touch .pos-payment-rail{grid-column:auto;grid-template-columns:repeat(2,1fr)}.pos-status-footer{flex-wrap:wrap}.pos-designer-controls{flex-direction:column;align-items:flex-start}}


/* v2.3.2 move, resize and shortcut editor */
.pos-main-layout{display:flex!important;align-items:stretch;gap:7px;overflow-x:auto}
.pos-main-layout>.designer-selectable{min-width:90px;max-width:70%;box-sizing:border-box}
.is-customizing .pos-main-layout>.designer-selectable{cursor:grab}
.is-customizing .pos-main-layout>.designer-selectable:active{cursor:grabbing}
.designer-drag-handle{display:none;position:absolute;right:6px;top:5px;z-index:5;background:#0b63ce;color:white;border-radius:5px;padding:2px 7px;font-size:18px;line-height:1}
.is-customizing .designer-drag-handle{display:block}
.drag-help{margin-left:auto;color:#0b63ce;font-weight:750;align-self:center}
.shortcut-editor{background:#fff;border:1px solid #dce5ee;border-radius:12px;padding:16px;display:grid;gap:15px}
.shortcut-editor h3,.shortcut-editor p{margin:0 0 5px}
.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px}
.shortcut-grid label{display:grid;gap:5px;font-weight:700}
.shortcut-grid input{border:1px solid #ccd8e5;border-radius:8px;padding:10px;text-transform:uppercase}
.shortcut-editor>button{justify-self:start;border:1px solid #ccd8e5;background:#fff;border-radius:8px;padding:10px 13px}
.pos-component-settings input[type="range"]{padding:0;width:100%}
@media(max-width:1200px){.shortcut-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.pos-main-layout{flex-wrap:wrap}.pos-main-layout>.designer-selectable{max-width:100%}}
@media(max-width:700px){.shortcut-grid{grid-template-columns:1fr}.pos-main-layout{display:grid!important}.pos-main-layout>.designer-selectable{width:100%!important;max-width:100%}}

.invoice-entry{display:grid;grid-template-columns:1.2fr 1.5fr .55fr .7fr auto;gap:8px;align-items:center;margin-bottom:8px}.invoice-preview table{width:100%}.invoice-totals{display:flex;justify-content:flex-end;gap:24px;margin:18px 0;flex-wrap:wrap}@media(max-width:900px){.invoice-entry{grid-template-columns:1fr 1fr}.invoice-entry button{grid-column:span 2}}

/* v2.6.0 POS dual view */
.pos-view-switch{display:flex;border:1px solid #cbd8e5;border-radius:10px;overflow:hidden;background:#fff}.integrated-pos-actions .pos-view-switch button{border:0;border-radius:0;background:#fff;padding:10px 15px}.integrated-pos-actions .pos-view-switch button.active{background:#0b63ce;color:#fff}.normal-pos-shell{display:grid;gap:9px}.normal-pos-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) auto auto auto;gap:8px}.normal-pos-toolbar>button{border:1px solid #d5e0ea;background:#fff;border-radius:8px;padding:9px 12px;font-weight:700}.normal-pos-toolbar small{display:block;color:#718093}.normal-pos-search{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #1680e8;border-radius:9px;padding:0 12px}.normal-pos-search input{width:100%;height:44px;border:0;outline:0;font-size:15px}.normal-pos-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(430px,.65fr);gap:9px;min-height:610px}.normal-product-browser,.normal-sale-panel{background:#fff;border:1px solid #dbe4ed;border-radius:10px;min-width:0;overflow:hidden}.normal-category-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px;border-bottom:1px solid #e1e8ef}.normal-category-tabs button{border:1px solid #d7e1eb;background:#fff;border-radius:7px;padding:8px 12px;white-space:nowrap;font-weight:700}.normal-category-tabs button.active{background:#0b63ce;color:#fff;border-color:#0b63ce}.normal-product-table{padding:0 8px}.normal-product-head,.normal-product-list>button{display:grid;grid-template-columns:125px minmax(160px,1fr) 105px 65px 90px 54px;gap:8px;align-items:center}.normal-product-head{padding:11px 8px;color:#66788a;font-size:11px;font-weight:800;text-transform:uppercase;border-bottom:1px solid #e5ebf1}.normal-product-list{max-height:550px;overflow:auto}.normal-product-list>button{width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:9px 8px;text-align:left}.normal-product-list>button:hover{background:#f2f7fd}.normal-product-list small{display:block;color:#8291a0}.normal-product-list b{text-align:right}.normal-product-list em{font-style:normal;text-align:center;background:#eaf4ff;color:#0b63ce;border-radius:6px;padding:7px;font-weight:800}.normal-product-list .low-stock{color:#c6342e;font-weight:800}.normal-sale-panel{display:flex;flex-direction:column;padding:9px}.normal-sale-title{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 10px}.normal-sale-title div{display:grid}.normal-sale-title span{font-size:12px;color:#718093}.normal-sale-title button{border:1px solid #e2c5c5;background:#fff4f4;color:#b42318;border-radius:7px;padding:7px 10px}.normal-cart-head,.normal-cart-row{display:grid;grid-template-columns:minmax(130px,1fr) 58px 82px 90px 30px;gap:6px;align-items:center}.normal-cart-head{background:#f4f7fa;padding:8px;font-size:11px;font-weight:800;text-transform:uppercase;color:#6b7b8b}.normal-cart-list{min-height:250px;max-height:310px;overflow:auto}.normal-cart-row{padding:8px;border-bottom:1px solid #edf1f5}.normal-cart-row.selected{background:#edf6ff;box-shadow:inset 3px 0 #0b63ce}.normal-cart-row small{display:block;color:#7c8b99}.normal-cart-row input{width:54px;padding:7px;border:1px solid #d5dee7;border-radius:6px}.normal-cart-row>span:nth-child(3),.normal-cart-row>b{text-align:right}.normal-cart-row>button{border:0;background:transparent;color:#c6342e;font-size:20px}.normal-empty-cart{display:grid;place-items:center;min-height:245px;color:#7d8b98}.normal-sale-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.normal-sale-actions button{min-height:48px;border:1px solid #d7e1eb;background:#fff;border-radius:7px;font-weight:700}.normal-sale-actions small{display:block;color:#718093}.normal-totals{display:grid;gap:6px;padding:12px 5px;margin-top:auto}.normal-totals span,.normal-totals strong{display:flex;justify-content:space-between}.normal-totals strong{font-size:24px;border-top:1px solid #dce5ee;padding-top:9px}.normal-payments{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.normal-payments button{min-height:56px;border:0;border-radius:8px;color:#fff;font-weight:850}.normal-payments small{display:block}.normal-payments .cash{background:#14aa5b}.normal-payments .card{background:#1769d2}.normal-payments .eftpos{background:#00a0bb}.normal-payments .complete{grid-column:1/-1;background:#f28b16;font-size:17px}.normal-pos-footer{display:flex;justify-content:space-between;background:#fff;border:1px solid #dce5ee;border-radius:8px;padding:10px 12px;font-size:12px}.pos-view-normal .pos-live-area{background:#eef3f8}.pos-view-normal .pos-component-settings{display:none}@media(max-width:1250px){.normal-pos-workspace{grid-template-columns:1fr}.normal-sale-panel{min-height:560px}.normal-product-list{max-height:380px}}@media(max-width:800px){.normal-pos-toolbar{grid-template-columns:1fr 1fr}.normal-pos-search{grid-column:1/-1}.normal-product-head,.normal-product-list>button{grid-template-columns:90px minmax(130px,1fr) 60px 75px 46px}.normal-product-head span:nth-child(3),.normal-product-list>button>span:nth-child(3){display:none}.normal-pos-footer{flex-wrap:wrap}.pos-view-switch{width:100%}.integrated-pos-actions .pos-view-switch button{flex:1}}

/* v2.6.1 full-screen POS and cash customer controls */
.desktop-content:has(.integrated-pos){padding:8px 10px 10px;overflow:hidden}
.integrated-pos{width:100%;max-width:none;min-height:calc(100vh - 96px)}
.integrated-pos-topbar{padding:4px 2px}
.integrated-pos .pos-designer-body,.integrated-pos .pos-live-area,.normal-pos-shell{width:100%;max-width:none}
.integrated-pos .pos-live-area{min-height:calc(100vh - 175px)}
.normal-pos-workspace{grid-template-columns:minmax(0,1.55fr) minmax(390px,.75fr);min-height:calc(100vh - 245px)}
.normal-product-list{max-height:calc(100vh - 345px)}
.normal-cart-list{max-height:calc(100vh - 520px);min-height:250px}
.pos-customer-control{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:6px;min-width:0}
.pos-customer-control button{min-width:0}
.cash-customer-button{white-space:nowrap}
.add-customer-button{display:grid!important;place-items:center!important;border:1px solid #0b63ce!important;background:#0b63ce!important;color:#fff!important;border-radius:9px!important;padding:0!important;min-width:48px!important;min-height:48px!important;font-weight:900}
.add-customer-button:hover{background:#084f9f!important}
.normal-customer-control{grid-template-columns:auto 46px}
.normal-customer-control .cash-customer-button{border:1px solid #d5e0ea;background:#fff;border-radius:8px;padding:9px 12px;font-weight:700;display:flex;align-items:center;gap:7px}
.pos-search-customer{grid-template-columns:minmax(0,1fr) minmax(220px,280px) 48px}
@media(max-width:1050px){.normal-pos-workspace{grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr)}}
@media(max-width:850px){.desktop-content:has(.integrated-pos){padding:6px}.normal-pos-workspace{grid-template-columns:1fr}.normal-product-list{max-height:360px}.normal-cart-list{max-height:310px}.pos-search-customer{grid-template-columns:1fr}.pos-customer-control{grid-template-columns:1fr 52px}}

/* v2.6.2 POS customer selector */
.pos-customer-control{display:flex;align-items:center;gap:8px;min-width:220px}
.pos-customer-select{width:100%;min-width:190px;height:42px;border:1px solid var(--line,#d8dee9);border-radius:9px;background:var(--panel,#fff);color:inherit;padding:0 36px 0 12px;font-weight:700}
.normal-customer-control .pos-customer-control{min-width:260px}
.add-customer-button{flex:0 0 42px;height:42px;display:grid;place-items:center}
.pos-customer-modal{max-width:520px;position:relative}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.modal-close{width:40px;height:40px;display:grid;place-items:center;border-radius:10px}
.pos-customer-modal textarea{min-height:90px;resize:vertical}
@media(max-width:760px){.pos-customer-control,.normal-customer-control .pos-customer-control{min-width:0;width:100%}.pos-customer-select{min-width:0}}

/* v2.6.6 POS fullscreen */
.integrated-pos:fullscreen{background:#eef3f8;padding:12px;overflow:auto;width:100vw;height:100vh}
.integrated-pos.is-fullscreen{min-height:100vh;border-radius:0}
.integrated-pos.is-fullscreen .integrated-pos-topbar{position:sticky;top:0;z-index:30;background:#eef3f8;padding-bottom:8px}
.integrated-pos.is-fullscreen .pos-live-area{min-height:calc(100vh - 130px)}
.pos-fullscreen-button{display:inline-flex;align-items:center;gap:7px}
.products-head{align-items:center;gap:18px}.products-head>div:first-child h2{margin:0}.products-head>div:first-child small{display:block;margin-top:3px}.product-toolbar{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.product-toolbar .search{min-width:320px}.table-scroll{overflow:auto}.table-actions{display:flex;gap:6px;white-space:nowrap}.empty-state{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:8px;opacity:.75}.product-form{padding:4px 0}.form-section{padding:4px 0 16px}.form-section h3{margin:4px 0 12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid label span{font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{width:100%;box-sizing:border-box}.full-field{grid-column:1/-1}.product-profit-preview{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;justify-content:center}.product-profit-preview span{font-size:12px}.product-profit-preview strong{font-size:20px}.form-error{padding:10px 12px;border-radius:8px;background:#fee2e2;color:#991b1b;margin-bottom:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid var(--line)}@media(max-width:800px){.products-head,.product-toolbar{align-items:stretch;flex-direction:column}.product-toolbar .search{min-width:0}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}}

.product-master-form{max-height:78vh;overflow:auto;padding-right:4px}.product-master-form .form-section{margin-bottom:16px}.toggle-field{display:flex!important;align-items:center;gap:10px;padding-top:24px}.toggle-field input{width:auto}.sticky-actions{position:sticky;bottom:0;background:#fff;padding-top:12px;border-top:1px solid #e5e7eb;z-index:2}

/* Smart product master v2.9 */
.smart-product-form{background:#f5f7fb;padding:0 18px 18px}.product-form-hero{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;margin:0 -18px 18px;padding:22px 26px}.product-form-hero h2{margin:4px 0 6px;font-size:24px}.product-form-hero p{margin:0;color:#cbd5e1}.product-image-drop{height:140px;border:1.5px dashed rgba(255,255,255,.45);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:rgba(255,255,255,.08);overflow:hidden}.product-image-drop:hover{background:rgba(255,255,255,.14)}.product-image-drop img{width:100%;height:100%;object-fit:cover}.product-image-drop small{color:#cbd5e1}.smart-product-form .form-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 4px 14px rgba(15,23,42,.04)}.smart-product-form .form-section h3{margin:0 0 14px;color:#0f172a}.smart-select-row{display:grid;grid-template-columns:1fr 38px;gap:7px}.mini-add{border:0!important;border-radius:9px!important;background:#2563eb!important;color:white!important;font-size:22px!important;padding:0!important}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title-row h3{margin:0!important}.compact{padding:7px 11px!important;display:flex;align-items:center;gap:5px}.variant-price-table{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.variant-head,.variant-row{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr .8fr 36px;gap:8px;align-items:center;padding:9px 11px}.variant-head{background:#f1f5f9;font-size:12px;font-weight:700;color:#475569;text-transform:uppercase}.variant-row{border-top:1px solid #e2e8f0}.variant-row input{min-width:0}.icon-danger{border:0;background:#fee2e2;color:#b91c1c;border-radius:8px;font-size:20px;line-height:30px}.inline-empty{padding:18px;border:1px dashed #cbd5e1;border-radius:12px;text-align:center;color:#64748b;background:#f8fafc}@media(max-width:760px){.product-form-hero{grid-template-columns:1fr}.product-image-drop{height:120px}.variant-price-table{overflow-x:auto}.variant-head,.variant-row{min-width:680px}}
.smart-product-hero{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;padding:18px;border-radius:18px;background:linear-gradient(135deg,#f6f9ff,#eef4ff);border:1px solid #dbe7ff}.product-image-drop{height:160px;border:2px dashed #9fb8e8;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:#fff;overflow:hidden;text-align:center}.product-image-drop img{width:100%;height:100%;object-fit:contain;padding:8px}.product-image-drop small,.text-action{font-size:11px}.text-action{display:block;border:0;background:none;color:#245bbb;padding:4px 0;cursor:pointer;text-align:left}.field-with-add{display:grid;grid-template-columns:1fr 38px;gap:7px}.field-with-add>button{border-radius:9px;font-size:20px;font-weight:700}.size-price-table{display:grid;gap:9px}.size-price-row{display:grid;grid-template-columns:1fr 1.2fr .8fr .8fr .8fr 38px;gap:8px}.size-price-row input{min-width:0}.add-size-button{justify-self:start}.simple-form{display:grid;gap:12px}.simple-form label{display:grid;gap:6px}@media(max-width:760px){.smart-product-hero{grid-template-columns:1fr}.product-image-drop{height:190px}.size-price-row{grid-template-columns:1fr 1fr}.size-price-row button{grid-column:span 2}}

.tax-admin-shell{display:grid;gap:18px}.tax-admin-hero{display:flex;justify-content:space-between;align-items:center;padding:26px;border-radius:22px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--primary) 10%,var(--panel)));border:1px solid var(--border)}.tax-admin-hero h2{margin:4px 0 6px}.tax-admin-stat{min-width:130px;padding:16px 20px;border-radius:18px;background:var(--panel);border:1px solid var(--border);display:grid;gap:3px}.tax-admin-stat span{font-size:12px;color:var(--muted)}.tax-admin-stat strong{font-size:28px}.tax-admin-tabs{display:flex;gap:8px;padding:6px;background:var(--panel);border:1px solid var(--border);border-radius:14px;width:max-content}.tax-admin-tabs button{border:0;background:transparent;padding:10px 16px;border-radius:10px;font-weight:700}.tax-admin-tabs button.active{background:var(--primary);color:white}.tax-admin-panel{padding:22px}.tax-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.tax-rate-card{border:1px solid var(--border);border-radius:18px;padding:18px;background:var(--panel);display:grid;gap:14px}.tax-rate-card.default{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 35%,transparent)}.tax-rate-card header,.tax-rate-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.tax-rate-card header div{display:grid}.tax-rate-card header b{font-size:24px;color:var(--primary)}.tax-rate-card small,.tax-rate-card p{color:var(--muted)}.tax-rate-card footer>div{display:flex;gap:6px}.default-chip,.status-chip{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent)}.vms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vms-note{padding:14px;border-radius:12px;background:color-mix(in srgb,#f59e0b 12%,transparent);border:1px solid color-mix(in srgb,#f59e0b 30%,var(--border));font-size:13px}.danger-text{color:#dc2626!important}@media(max-width:760px){.tax-admin-hero{align-items:flex-start;flex-direction:column;gap:14px}.tax-admin-tabs{width:100%;overflow:auto}.vms-grid{grid-template-columns:1fr}}

.reminder-wrap{position:relative}.reminder-button{position:relative}.reminder-button.has-reminders{color:#d97706;background:#fff7ed}.reminder-button>span{position:absolute;right:-4px;top:-5px;background:#dc2626;color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:grid;place-items:center;font-weight:800}.reminder-panel{position:absolute;right:0;top:48px;width:min(390px,90vw);max-height:460px;overflow:auto;background:var(--panel,#fff);border:1px solid var(--border,#dbe4ec);border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.22);z-index:100;padding:10px}.reminder-panel header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 10px;border-bottom:1px solid var(--border,#e5e7eb)}.reminder-panel header button{border:0;background:transparent}.empty-reminders{padding:24px 12px;text-align:center;color:#64748b}.reminder-item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 10px;border-bottom:1px solid var(--border,#edf1f5)}.reminder-item div{display:flex;flex-direction:column}.reminder-item span,.reminder-item small{color:#64748b}.reminder-item small{grid-column:1/-1}.reminder-item.urgent{background:#fff7ed}.reminder-item.overdue{background:#fef2f2}.reminder-item.overdue small{color:#b91c1c;font-weight:700}
.form-tabs{display:flex;gap:8px;padding:0 0 14px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow:auto}.form-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:10px;font-weight:700;color:var(--muted);white-space:nowrap}.form-tabs button.active{background:var(--primary);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12)}.smart-form{padding:4px}.smart-card{background:linear-gradient(180deg,var(--panel),var(--panel-soft,#f7fafc));border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(16,35,56,.06)}.general-reminder-panel{width:min(430px,calc(100vw - 28px))}.general-reminder-panel header{align-items:flex-start}.general-reminder-panel header small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.reminder-head-actions{display:flex;gap:6px;align-items:center}.mini-primary{background:var(--primary)!important;color:#fff!important;padding:6px 10px!important;border-radius:8px!important}.reminder-item{position:relative;gap:10px}.reminder-copy{display:flex;flex-direction:column;min-width:0;flex:1}.reminder-type{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--primary)}.reminder-done{align-self:center;border:1px solid var(--border);border-radius:8px;padding:6px 9px;background:var(--panel);font-weight:700}.modal.wide-modal{max-width:920px}.supplier-master-form .form-section{min-height:300px}
.pos-settings-icon{width:44px;height:44px;padding:0!important;display:grid!important;place-items:center;border-radius:12px!important}
.pos-settings-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px;background:#f5f7fb;border:1px solid #dfe5ef;border-radius:16px;margin-bottom:16px}
.pos-settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.pos-settings-section h3{margin:0 0 4px}.pos-settings-section p{margin:0 0 16px;color:#64748b}
.pos-view-setting{display:flex;gap:8px;margin-bottom:14px}.pos-view-setting button{flex:1}.pos-view-setting button.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}
.pos-function-toggles{display:grid;gap:8px}.pos-function-toggles label{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}.pos-function-toggles label span{display:flex;flex-direction:column}.pos-function-toggles small{color:#64748b}.pos-function-toggles input{width:20px;height:20px}
@media(max-width:800px){.pos-settings-panel{grid-template-columns:1fr}}

/* v3.7.0 POS quick actions and resizable billing workspace */
.pos-quick-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:8px 10px;background:#fff;border:1px solid #dce5ee;border-radius:12px;box-shadow:0 5px 16px #12314b0d}
.pos-quick-buttons{display:flex;gap:7px;flex-wrap:wrap}.pos-quick-buttons button,.category-collapse-button{border:1px solid #d6e0ea;background:#f8fafc;border-radius:9px;padding:8px 12px;font-weight:750;color:#17324d}.pos-quick-buttons button:hover,.category-collapse-button:hover{background:#eaf4ff;border-color:#78aee5}.pos-quick-buttons small{display:block;font-size:10px;color:#64748b;margin-top:2px}
.resizable-pos-workspace{min-height:420px;max-height:calc(100vh - 150px);overflow:hidden}.resizable-pos-workspace .normal-product-browser,.resizable-pos-workspace .normal-sale-panel{height:100%;overflow:auto}
.pos-vertical-resizer{width:8px;cursor:col-resize;border-radius:8px;background:linear-gradient(90deg,transparent 2px,#b8c7d7 2px,#b8c7d7 6px,transparent 6px);transition:.15s}.pos-vertical-resizer:hover{background:linear-gradient(90deg,transparent 1px,#1680e8 1px,#1680e8 7px,transparent 7px)}
.pos-horizontal-resizer{height:14px;cursor:row-resize;display:grid;place-items:center;margin:2px 0 5px}.pos-horizontal-resizer span{width:90px;height:5px;border-radius:99px;background:#aebdcd}.pos-horizontal-resizer:hover span{background:#1680e8}
@media(max-width:900px){.pos-quick-toolbar{align-items:flex-start;flex-direction:column}.category-collapse-button{width:100%}.resizable-pos-workspace{display:grid!important;grid-template-columns:1fr!important;height:auto!important;max-height:none}.pos-vertical-resizer,.pos-horizontal-resizer{display:none}}

/* v3.7.1 compact POS header and resizable Touch billing workspace */
.compact-pos-topbar{justify-content:flex-end;min-height:0;padding:4px 0 8px;background:transparent;border:0}
.compact-pos-topbar .integrated-pos-actions{margin-left:auto}
.resizable-touch-workspace{min-height:420px;max-height:calc(100vh - 150px);overflow:hidden;align-items:stretch}
.resizable-touch-workspace>.pos-category-rail,
.resizable-touch-workspace>.pos-product-area,
.resizable-touch-workspace>.pos-cart-area,
.resizable-touch-workspace>.pos-payment-rail{height:100%;min-height:0!important;overflow:auto}
.resizable-touch-workspace .touch-product-grid{max-height:none;height:calc(100% - 54px)}
.resizable-touch-workspace .touch-cart-list{max-height:none;min-height:120px;flex:1}
.resizable-touch-workspace .pos-cart-area{display:flex;flex-direction:column}
.touch-height-resizer{margin:5px 0 7px}
@media(max-width:900px){.resizable-touch-workspace{height:auto!important;max-height:none;overflow:visible}.touch-height-resizer{display:none}}
.pos-button-designer{padding:20px;background:var(--panel,#fff);border-radius:16px;margin:12px 0}.button-designer-list{display:grid;gap:10px;margin-top:15px}.button-designer-row{display:grid;grid-template-columns:auto 1fr 150px 80px;gap:12px;align-items:end;padding:12px;border:1px solid var(--border,#dbe3ee);border-radius:12px}.button-order-controls{display:flex;gap:5px}.button-order-controls button{width:34px;height:34px}.button-visible-toggle{display:flex!important;align-items:center;gap:8px}.pos-action-small{padding:7px 10px!important;font-size:12px}.pos-action-medium{padding:10px 14px!important}.pos-action-large{padding:14px 20px!important;font-size:16px}.payment-checkout{display:grid;gap:18px}.payment-summary{text-align:center;padding:18px;border-radius:16px;background:linear-gradient(135deg,#eef6ff,#f8fbff)}.payment-summary strong{display:block;font-size:36px;margin:4px}.payment-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.payment-method-grid button{padding:14px;border-radius:12px}.payment-method-grid button.active{background:#1769e0;color:#fff;border-color:#1769e0}.payment-entry-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.payment-amount-panel{display:grid;gap:12px}.payment-amount-panel input{font-size:22px;padding:14px}.quick-cash-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-cash-buttons button{padding:10px 12px}.payment-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-keypad button{min-height:54px;font-size:20px;font-weight:700}.payment-result{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:12px}.payment-result.paid{background:#eaf8ef}.payment-result.due{background:#fff1ef}.payment-result strong{font-size:24px}.complete-payment-button{min-width:220px}@media(max-width:800px){.payment-entry-layout{grid-template-columns:1fr}.payment-method-grid{grid-template-columns:repeat(2,1fr)}.button-designer-row{grid-template-columns:1fr}}
/* v3.9.0 POS control placement */
.toolbar-settings-button{margin-left:auto;flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
.pos-quick-toolbar{align-items:center}
.pos-quick-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.pos-category-setting{display:flex!important;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.pos-category-setting span{display:flex;flex-direction:column;gap:3px}.pos-category-setting small{color:var(--muted)}
.cart-primary-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.cart-primary-actions button{min-height:52px;font-weight:700}
.cart-payment-button{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}
@media(max-width:900px){.cart-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pos-quick-toolbar{align-items:flex-start}.toolbar-settings-button{position:sticky;right:0}}
/* v4.0 payment speed and split tender */
.payment-method-grid .mpaisa-method{background:#fee2e2;border-color:#ef4444;color:#b91c1c}
.payment-method-grid .mpaisa-method.active{background:#dc2626;border-color:#b91c1c;color:#fff}
.payment-part{border:1px solid #dbe4ef;border-radius:16px;padding:14px;background:#fff;margin-top:12px}
.payment-part-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.payment-part-heading span{font-weight:800;color:#0f766e}
.split-payment-part{border-color:#f59e0b;background:#fffbeb}
.split-payment-banner{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:12px;border-radius:10px;background:#fef3c7;color:#92400e}
.payment-second-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.payment-amount-panel input:focus,.payment-second-row input:focus{outline:3px solid rgba(37,99,235,.24);border-color:#2563eb;background:#eff6ff}
@media(max-width:720px){.payment-second-row{grid-template-columns:1fr}.split-payment-banner{flex-direction:column}}
.pos-popup-search{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.pos-popup-search input{border:0!important;outline:0;width:100%;font-size:16px}.pos-popup-list,.pos-stock-list{display:grid;gap:8px;max-height:58vh;overflow:auto}.pos-popup-list button,.pos-stock-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:left}.pos-popup-list button:hover{border-color:var(--primary);transform:translateY(-1px)}.pos-popup-list span,.pos-stock-list span{display:grid;gap:3px}.pos-popup-list small,.pos-stock-list small{color:var(--muted)}.pos-popup-list em,.pos-stock-list em{font-style:normal;font-weight:800}.pos-stock-list .low-stock{color:var(--danger)}

/* v4.2 compact product browsing */
.normal-clean-browser{height:100%;min-height:560px;display:flex;flex-direction:column}
.normal-search-empty{flex:1;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;color:#718093;padding:36px}
.normal-search-empty strong{font-size:20px;color:#26384a}.normal-search-empty small{max-width:420px}.normal-search-empty.compact{min-height:220px;flex:none}
.touch-category-line{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;padding:7px 8px;border-bottom:1px solid #dfe7ef;scrollbar-width:thin}
.touch-category-line button{flex:0 0 auto;border:1px solid #d7e1eb;background:#fff;border-radius:8px;padding:8px 12px;font-weight:750}
.touch-category-line button.active{background:#0b63ce;color:#fff;border-color:#0b63ce}
.touch-product-grid{gap:7px;padding:8px}
.touch-product-grid.size-small button{min-height:72px!important;padding:7px!important}
.touch-product-grid.size-medium button{min-height:92px!important;padding:9px!important}
.touch-product-grid.size-large button{min-height:116px!important;padding:11px!important}
.mode-touch .touch-product-grid.size-small button{min-height:76px!important}
.mode-touch .touch-product-grid.size-medium button{min-height:98px!important}
.mode-touch .touch-product-grid.size-large button{min-height:122px!important}
.touch-product-grid button strong{font-size:13px;line-height:1.15}.touch-product-grid button>span:not(.product-tile-icon){font-size:13px}.touch-product-grid button small{font-size:10px}
.touch-product-grid.size-small .product-tile-icon{display:none}

/* v4.3.0 compact touch product layout */
.pos-view-touch .pos-main-layout{overflow:hidden}
.pos-view-touch .pos-main-layout>.pos-cart-area{order:0!important;flex:0 0 25%!important;max-width:25%!important;min-width:250px}
.pos-view-touch .pos-main-layout>.pos-product-area{order:1!important;flex:1 1 75%!important;max-width:none!important;min-width:0}
.pos-view-touch .touch-product-grid{gap:6px!important;padding:6px!important;align-content:start}
.pos-view-touch .touch-product-grid button{min-height:96px!important;padding:6px!important;gap:3px!important;overflow:hidden}
.pos-view-touch .touch-product-grid button strong{font-size:12px!important;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-tile-image{width:100%;height:48px;border-radius:7px;background:#eef4f8;display:grid;place-items:center;color:#0b63ce;overflow:hidden}
.product-tile-image img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.product-tile-image svg{width:22px;height:22px}
.pos-view-touch .touch-product-grid button>span:not(.product-tile-image){font-size:12px}
.pos-view-touch .touch-product-grid button small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media(max-width:1100px){.pos-view-touch .pos-main-layout>.pos-cart-area{flex-basis:30%!important;max-width:30%!important}.pos-view-touch .pos-main-layout>.pos-product-area{flex-basis:70%!important}}
@media(max-width:800px){.pos-view-touch .pos-main-layout>.pos-cart-area,.pos-view-touch .pos-main-layout>.pos-product-area{max-width:100%!important;min-width:100%;flex-basis:100%!important}}

/* v4.4.0 cart item editing, full-image tiles and cart side setting */
.pos-cart-position-setting{display:grid;grid-template-columns:1fr 150px;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #e4ebf1}
.pos-cart-position-setting span{display:grid;gap:3px}.pos-cart-position-setting small{color:#718093}.pos-cart-position-setting select{padding:9px;border:1px solid #d5e0ea;border-radius:8px;background:#fff}
.pos-view-touch .pos-main-layout.cart-left>.pos-cart-area{order:0!important}.pos-view-touch .pos-main-layout.cart-left>.pos-product-area{order:1!important}
.pos-view-touch .pos-main-layout.cart-right>.pos-product-area{order:0!important}.pos-view-touch .pos-main-layout.cart-right>.pos-cart-area{order:1!important}
.touch-product-grid button{position:relative;padding:0!important;overflow:hidden;isolation:isolate;background:#e9eff5!important}
.touch-product-grid.size-small button{min-height:82px!important}.touch-product-grid.size-medium button{min-height:122px!important}.touch-product-grid.size-large button{min-height:168px!important}
.mode-touch .touch-product-grid.size-small button{min-height:82px!important}.mode-touch .touch-product-grid.size-medium button{min-height:122px!important}.mode-touch .touch-product-grid.size-large button{min-height:168px!important}
.product-tile-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.product-tile-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#0b63ce;background:linear-gradient(145deg,#eef4f8,#dfe9f1);z-index:-2}
.product-tile-placeholder svg{width:28px;height:28px}
.product-tile-overlay{position:absolute;inset:auto 0 0 0;display:grid!important;gap:2px;padding:18px 7px 7px!important;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff!important;z-index:1}
.product-tile-overlay strong,.product-tile-overlay span,.product-tile-overlay small{color:#fff!important;text-shadow:0 1px 2px #000;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-tile-overlay strong{font-size:12px!important}.product-tile-overlay span{font-size:13px!important;font-weight:850}.product-tile-overlay small{font-size:9px!important;opacity:.9}
.touch-cart-row{display:grid;grid-template-columns:minmax(90px,1fr) 38px 64px 72px 28px;gap:5px;align-items:center;width:100%;border:0;border-bottom:1px solid #e5ebf0;background:#fff;padding:8px;text-align:left;cursor:pointer}
.touch-cart-row.selected{background:#edf6ff;box-shadow:inset 3px 0 #0b63ce}.touch-cart-row b,.touch-cart-row>strong{text-align:right}.touch-cart-remove{border:0;background:#fff0f0;color:#c62828;border-radius:6px;width:26px;height:26px;font-size:18px;line-height:1;cursor:pointer}
.compact-pos-popup{display:grid;gap:14px;min-width:min(420px,80vw)}
.compact-pos-popup textarea{width:100%;resize:vertical;min-height:100px}
.compact-pos-popup>small{text-align:right;color:var(--muted)}
.discount-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.discount-type-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.discount-popup label{display:grid;gap:6px}
.discount-popup input{font-size:24px;font-weight:800;text-align:right}
.discount-preview{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--surface-2)}
.discount-preview span,.discount-preview strong{display:flex;justify-content:space-between;gap:20px}
.compact-pos-popup{display:grid;gap:14px;min-width:min(420px,80vw)}
.compact-pos-popup textarea{width:100%;resize:vertical;min-height:100px}
.compact-pos-popup>small{text-align:right;color:var(--muted)}
.discount-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.discount-type-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.discount-popup label{display:grid;gap:6px}
.discount-popup input{font-size:24px;font-weight:800;text-align:right}
.discount-preview{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--surface-2)}
.discount-preview span,.discount-preview strong{display:flex;justify-content:space-between;gap:20px}
.compact-pos-popup{display:grid;gap:14px;min-width:min(420px,80vw)}
.compact-pos-popup textarea{width:100%;resize:vertical;min-height:100px}
.compact-pos-popup>small{text-align:right;color:var(--muted)}
.discount-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.discount-type-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.discount-popup label{display:grid;gap:6px}
.discount-popup input{font-size:24px;font-weight:800;text-align:right}
.discount-preview{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--surface-2)}
.discount-preview span,.discount-preview strong{display:flex;justify-content:space-between;gap:20px}
.touch-inline-qty{width:54px;min-width:0;padding:6px 4px;text-align:center;font-weight:800;border-radius:8px}
/* v4.6.0 cleaner guided split-payment checkout */
.payment-checkout-neat{gap:14px}.neat-payment-summary{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:18px 20px}.neat-payment-summary strong{font-size:34px}.payment-summary-meta{display:grid;gap:5px;text-align:right;color:#64748b}.payment-step-label{display:flex;align-items:center;gap:12px;margin-bottom:14px}.payment-step-label>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1769e0;color:#fff}.payment-step-label div{display:grid}.payment-step-label small{color:#64748b}.active-payment-step{box-shadow:0 10px 28px rgba(15,23,42,.08)}.confirm-tender-button{width:100%;padding:13px}.confirmed-payments-card{border:1px solid #cbd5e1;border-radius:14px;overflow:hidden;background:#fff}.confirmed-payment-line{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px 16px}.confirmed-payment-line>div{display:grid}.confirmed-payment-line span,.confirmed-payment-line small{color:#64748b}.confirmed-payment-line>b{font-size:20px}.remaining-balance-strip{display:flex;justify-content:space-between;padding:12px 16px;background:#fff7ed;color:#9a3412;border-top:1px solid #fed7aa}.remaining-balance-strip strong{font-size:20px}.confirmed-payment-preview{display:flex;justify-content:space-between;margin-top:12px;padding:12px 14px;border-radius:10px;background:#ecfdf5;color:#047857}.payment-ledger{border:1px solid #dbe4ef;border-radius:14px;padding:14px 16px;background:#f8fafc}.payment-ledger h4{margin:0 0 10px}.payment-ledger>div{display:flex;justify-content:space-between;padding:6px 0}.payment-ledger-total{border-top:1px solid #cbd5e1;margin-top:6px;padding-top:12px!important;font-size:18px}.payment-ledger-total strong{font-size:22px}.mpaisa-method{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}@media(max-width:720px){.neat-payment-summary{align-items:flex-start;gap:10px}.payment-summary-meta{text-align:left}.confirmed-payment-line{grid-template-columns:1fr auto}.confirmed-payment-line button{grid-column:1/-1}}


.sale-complete-card{text-align:center;padding:8px 4px}.sale-complete-check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:4px auto 14px;background:#dcfce7;color:#15803d;font-size:34px;font-weight:800}.sale-complete-card h3{margin:0 0 6px;font-size:24px}.sale-complete-card p{margin:0 auto 18px;max-width:420px;color:var(--muted)}.sale-complete-total{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;padding:14px 16px;margin:0 auto 20px;max-width:360px}.sale-complete-total strong{font-size:22px}.sale-complete-card .modal-actions{justify-content:center}.sale-complete-card .modal-actions button{display:inline-flex;align-items:center;gap:7px}

/* Smart Reservations additions built on the exact SmartPOS theme/layout */
.sr-logo-tile{width:51px;height:51px;border-radius:13px;background:#fff;display:grid;place-items:center;color:var(--primary);font-size:20px;font-weight:900;letter-spacing:-1px}
.sr-view{display:grid;gap:16px}.sr-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sr-toolbar-left,.sr-toolbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sr-pos-booking-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:10px 0 12px}.sr-pos-booking-fields label{display:grid;gap:5px;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase}.sr-pos-booking-fields input,.sr-pos-booking-fields select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
.sr-tour-tile{position:relative;min-height:126px!important}.sr-tour-tile .product-tile-placeholder{min-height:55px}.sr-tour-meta{display:grid;gap:2px;font-size:10px;color:#dcecff}.sr-tour-meta b{color:#fff}
.sr-cart-guest{padding:10px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px}.sr-cart-guest input{padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}.sr-cart-guest .wide{grid-column:1/-1}
.sr-source-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px;border-bottom:1px solid var(--line)}.sr-source-strip label{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;display:grid;gap:4px}.sr-source-strip input{min-width:0;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text)}
.sr-pax-line{display:grid;grid-template-columns:1fr 64px 90px 90px 28px;gap:5px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.sr-pax-line input{width:100%;padding:7px;border:1px solid var(--line);border-radius:7px}.sr-pax-line b,.sr-pax-line strong{text-align:right}.sr-pax-line small{display:block;color:var(--muted)}
.sr-status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.sr-status-pill.confirmed{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.sr-payment-modal .modal{width:min(980px,96vw)}.sr-payment-choice{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sr-payment-choice button{min-height:60px;border:1px solid var(--line);background:var(--panel);border-radius:12px;font-weight:800}.sr-payment-choice button.active{background:var(--primary);border-color:var(--primary);color:#fff}
.sr-confirm-button{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.sr-orange-button{background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important}
.sr-table-wrap{overflow:auto}.sr-page-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.sr-page-card table{min-width:900px}.sr-empty-cart{display:grid;place-items:center;min-height:180px;color:var(--muted);text-align:center;padding:20px}.sr-role-chip{font-size:10px;color:var(--orange)!important;font-weight:900!important;text-transform:uppercase}
@media(max-width:1100px){.sr-pos-booking-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-source-strip{grid-template-columns:1fr}.sr-payment-choice{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.desktop-sidebar{width:84px}.desktop-main-shell{margin-left:84px;width:calc(100% - 84px)}.desktop-brand>div,.sidebar-search,.nav-group-button span,.nav-item-button span,.desktop-sidebar-footer{display:none}.nav-group-items{max-height:999px;opacity:1}.nav-item-button{padding:10px;justify-content:center}.desktop-topbar{padding:0 12px}.topbar-actions .user-chip>div:last-child,.secondary-button span{display:none}.desktop-content{padding:12px}.sr-pos-booking-fields{grid-template-columns:1fr}.pos-main-layout{flex-direction:column!important;height:auto!important}.pos-cart-area,.pos-product-area{max-width:100%!important;min-width:100%!important;flex-basis:auto!important}.sr-payment-choice{grid-template-columns:1fr 1fr}}

.sr-row-actions{display:flex;gap:6px;flex-wrap:wrap}.sr-row-actions button{border:1px solid #d8e1ec;background:#fff;color:#0b63ce;border-radius:8px;padding:7px 10px;font-weight:700;cursor:pointer}.sr-row-actions button.primary{background:#0b63ce;color:#fff;border-color:#0b63ce}
.sr-ticket-modal .ticket-modal-card{width:min(880px,94vw);max-height:94vh;overflow:auto}.ticket-paper{background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:24px;color:#10233f}.ticket-brand{display:flex;align-items:center;gap:14px;border-bottom:3px solid #0b63ce;padding-bottom:16px}.ticket-brand h2{margin:0}.ticket-brand span{color:#66758a}.ticket-type{margin-left:auto!important;background:#fff1e7;color:#dc6500!important;padding:8px 12px;border-radius:20px;font-weight:800;font-size:12px}.ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.ticket-grid>div,.ticket-finance>div{border:1px solid #e2e8f0;border-radius:10px;padding:11px}.ticket-grid small,.ticket-finance small,.ticket-bottom small{display:block;color:#66758a;margin-bottom:4px}.ticket-grid strong,.ticket-finance strong{display:block}.ticket-finance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.ticket-finance strong{font-size:18px;color:#0b63ce}.ticket-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e4e9f0;padding-top:18px}.ticket-bottom>div:first-child{flex:1}.ticket-bottom>div:first-child strong,.ticket-bottom>div:first-child span{display:block;margin-bottom:12px}.ticket-qr{text-align:center;min-width:170px}.ticket-qr img{width:150px;height:150px}.ticket-footer{text-align:center;border-top:1px solid #e4e9f0;margin-top:18px;padding-top:14px;color:#6a788c;font-size:12px}.ticket-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.ticket-actions button{padding:10px 16px;border-radius:9px;border:1px solid #d8e1ec;background:#fff;font-weight:800;cursor:pointer}.ticket-actions .primary{background:#0b63ce;color:#fff;border-color:#0b63ce}
@media(max-width:760px){.ticket-grid,.ticket-finance{grid-template-columns:1fr 1fr}.ticket-bottom{flex-direction:column}.ticket-qr{align-self:center}}

.sr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.sr-toolbar>div{display:flex;flex-direction:column}.sr-toolbar strong{font-size:18px}.sr-toolbar span{color:#6a788c;font-size:13px}.primary-action{background:#0b63ce;color:#fff;border:0;border-radius:9px;padding:10px 15px;font-weight:800;cursor:pointer}.sr-small-btn{border:1px solid #d4deea;background:#fff;color:#0b63ce;border-radius:8px;padding:7px 10px;font-weight:700;cursor:pointer}.sr-small-btn:disabled{opacity:.45;cursor:not-allowed}.sr-allocation-card{width:min(720px,94vw)}.sr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:8px 0}.sr-form-grid label{font-size:12px;font-weight:700;color:#526176}.sr-form-grid input,.sr-form-grid select{width:100%;margin-top:5px;border:1px solid #d6dfeb;border-radius:9px;padding:10px;background:#fff;color:#10233f}.sr-form-grid .full{grid-column:1/-1}.sr-settlement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.sr-settlement-summary>div{border:1px solid #e0e7ef;border-radius:10px;padding:12px}.sr-settlement-summary small{display:block;color:#68788e}.sr-settlement-summary strong{font-size:20px;color:#0b63ce}@media(max-width:700px){.sr-form-grid,.sr-settlement-summary{grid-template-columns:1fr}.sr-toolbar{align-items:flex-start;flex-direction:column}}

.sr-public-link{text-decoration:none;display:inline-flex;align-items:center}

.ticket-format-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f5f8fc;border:1px solid #e0e7f0;border-radius:11px;padding:12px 14px;margin-bottom:12px}.ticket-format-strip>div:first-child{display:flex;flex-direction:column}.ticket-format-strip span{color:#68778b;font-size:12px}.ticket-counters{display:flex;gap:7px;flex-wrap:wrap}.ticket-counters span{background:#fff;border:1px solid #dbe4ef;border-radius:999px;padding:6px 9px;color:#40526a;font-weight:700}.dual-ticket-actions{flex-wrap:wrap}.dual-ticket-actions button{min-width:150px}@media(max-width:700px){.ticket-format-strip{align-items:flex-start;flex-direction:column}.dual-ticket-actions{justify-content:stretch}.dual-ticket-actions button{flex:1 1 100%}}

.sr-journey-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#eef5ff;color:#0b63ce;font-size:11px;font-weight:800}

.sr-row-actions button[data-cancel]{color:#a22;border-color:#e6caca}.sr-row-actions button[data-refund]{color:#8a5b00;border-color:#ead9aa}

.sr-setup-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sr-setup-tabs button{border:1px solid #d6e0eb;background:#fff;color:#4e6076;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.sr-setup-tabs button.active{background:#0b63ce;color:#fff;border-color:#0b63ce}

.sr-company-logo{object-fit:contain;display:block}.sr-company-logo.login{width:72px;height:72px}.sr-company-logo.ticket{width:62px;height:62px}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:10px}.sr-branding-card{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center}.sr-brand-preview{min-height:180px;border:1px dashed #b9c8da;border-radius:14px;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:20px}.sr-brand-preview img{max-width:220px;max-height:150px;object-fit:contain}.sr-brand-placeholder{color:#718197;font-weight:700}.sr-brand-fields label{display:block;font-size:12px;font-weight:800;color:#53647a;margin-bottom:12px}.sr-brand-fields input{width:100%;box-sizing:border-box;margin-top:5px;padding:11px;border:1px solid #d5deea;border-radius:9px}.sr-brand-fields small{display:block;color:#6b7b90;line-height:1.5;margin-bottom:15px}.sr-brand-actions{display:flex;justify-content:flex-end;gap:9px}.thermal-logo img{max-width:42mm;max-height:18mm;object-fit:contain;margin-bottom:3mm}@media(max-width:700px){.sr-branding-card{grid-template-columns:1fr}}

.sr-manifest-filters{display:grid;grid-template-columns:220px 320px 160px;gap:12px;margin-bottom:14px;align-items:end}.sr-manifest-filters label{font-size:12px;font-weight:800;color:#53647a}.sr-manifest-filters input,.sr-manifest-filters select{width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #d5deea;border-radius:9px;background:#fff}.sr-manifest-total{background:#102d52;color:#fff;border-radius:12px;padding:10px 16px}.sr-manifest-total small{display:block;opacity:.75}.sr-manifest-total strong{font-size:25px}.sr-fleet-capacity{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:14px}.sr-fleet-capacity article{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:13px}.sr-fleet-capacity article span{font-size:10px;font-weight:900;color:#f58220;letter-spacing:.12em}.sr-fleet-capacity article strong,.sr-fleet-capacity article small{display:block}.sr-fleet-capacity article strong{margin:4px 0;color:#102d52}.sr-fleet-capacity article small{color:#6a7a8e}@media(max-width:800px){.sr-manifest-filters{grid-template-columns:1fr}.sr-manifest-total{width:auto}}

.sr-finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.sr-finance-grid article{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:14px}.sr-finance-grid span{display:block;color:#6a798c;font-size:12px;font-weight:700}.sr-finance-grid strong{display:block;color:#102d52;font-size:24px;margin-top:5px}.sr-report-filter{display:flex;gap:12px;margin-bottom:14px}.sr-report-filter label{font-size:12px;font-weight:800;color:#53647a}.sr-report-filter input{display:block;margin-top:5px;padding:10px;border:1px solid #d5deea;border-radius:9px}.sr-report-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sr-page-card h3{margin:0 0 12px}@media(max-width:850px){.sr-report-columns{grid-template-columns:1fr}.sr-report-filter{flex-direction:column}}

.sr-reseller-hero{background:linear-gradient(135deg,#102d52,#174879);color:#fff;border-radius:15px;padding:20px 24px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.sr-reseller-hero span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#ff9b42}.sr-reseller-hero h2{margin:4px 0;font-size:27px}.sr-reseller-hero p{margin:0;opacity:.8}.sr-reseller-hero>div:last-child{text-align:right}.sr-reseller-hero small,.sr-reseller-hero strong{display:block}.sr-reseller-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.sr-reseller-step{display:flex;gap:9px;align-items:center;margin:5px 0 13px;color:#102d52}.sr-reseller-step b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f58220;color:#fff}.sr-field{display:block;font-size:12px;font-weight:800;color:#53647a;margin-bottom:18px}.sr-field select{width:100%;padding:11px;margin-top:5px;border:1px solid #d5deea;border-radius:9px}.sr-reseller-summary{height:max-content}.sr-reseller-summary>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5ebf2}.sr-reseller-summary p{font-size:12px;line-height:1.5;color:#68778b}.sr-reseller-total strong{font-size:21px;color:#102d52}.sr-reseller-paid{display:flex;gap:8px;align-items:flex-start;font-size:12px;font-weight:800;margin:15px 0}.sr-reseller-summary .primary-action{width:100%;padding:13px}@media(max-width:900px){.sr-reseller-layout{grid-template-columns:1fr}.sr-reseller-hero{align-items:flex-start;gap:12px;flex-direction:column}.sr-reseller-hero>div:last-child{text-align:left}}

.sr-shift-open{max-width:760px}.sr-shift-open .primary-action{margin-top:4px}.sr-variance{color:#b04736}.sr-shift-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf7ed;color:#27743a;font-size:11px;font-weight:800}

.sr-waiver-pill{display:inline-flex;border-radius:999px;padding:5px 8px;background:#fff3e8;color:#a65c14;font-size:10px;font-weight:900}.sr-waiver-pill.done{background:#eaf7ed;color:#26743b}.sr-form-grid textarea{width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #d5deea;border-radius:9px;padding:11px;font:inherit;resize:vertical}

.ticket-qr-stack{display:flex;gap:14px;align-items:flex-start;justify-content:flex-end}.ticket-qr-stack .ticket-qr{min-width:145px}.ticket-qr-stack .waiver-qr{border-left:1px solid #e4e9f0;padding-left:14px}.ticket-qr-stack .waiver-qr small{color:#d76800;font-weight:800}
@media(max-width:760px){.ticket-qr-stack{width:100%;justify-content:center;flex-wrap:wrap}.ticket-qr-stack .waiver-qr{border-left:0;padding-left:0}}

.sr-email-status{font-size:10px;font-weight:800;color:#55708f}.sr-email-status.sent{color:#28713b}

.sr-communication-note{padding:10px 12px;background:#f5f8fc;border-radius:9px;color:#617187;font-size:12px}

.sr-customer-portal-link{font-weight:800}

.sr-control-date label{font-size:12px;font-weight:800;color:#53647a}.sr-control-date input{display:block;margin-top:5px;padding:9px 11px;border:1px solid #d5deea;border-radius:9px}.sr-control-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.sr-control-summary>div{background:#102d52;color:#fff;border-radius:12px;padding:13px 16px}.sr-control-summary small{display:block;opacity:.72}.sr-control-summary strong{display:block;font-size:26px;margin-top:3px}.sr-departure-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.sr-departure-card{background:#fff;border:1px solid #dce5ef;border-radius:15px;padding:16px;box-shadow:0 8px 22px rgba(24,48,80,.06)}.sr-departure-card header{display:flex;justify-content:space-between;gap:12px;align-items:start}.sr-departure-card header span{font-size:11px;font-weight:800;color:#f58220}.sr-departure-card h3{margin:4px 0 0;color:#102d52}.sr-load-badge{background:#eef5ff;color:#0b63ce;border-radius:999px;padding:7px 10px;font-weight:900}.sr-capacity-bar{height:8px;background:#edf1f6;border-radius:99px;overflow:hidden;margin:14px 0}.sr-capacity-bar i{display:block;height:100%;background:#0b63ce;border-radius:99px}.sr-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sr-control-grid>div{border:1px solid #e4eaf1;border-radius:9px;padding:9px}.sr-control-grid small{display:block;color:#6a798c;font-size:10px}.sr-control-grid strong{display:block;margin-top:3px;font-size:17px;color:#102d52}.sr-control-actions{display:flex;gap:8px;margin-top:13px}.sr-control-actions button{flex:1;border:1px solid #cbd8e7;background:#fff;color:#0b63ce;border-radius:9px;padding:9px;font-weight:800;cursor:pointer}@media(max-width:720px){.sr-control-summary{grid-template-columns:1fr}.sr-control-grid{grid-template-columns:1fr 1fr}.sr-departure-board{grid-template-columns:1fr}}

.sr-receipt-paper{background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:22px}.sr-receipt-totals{margin:16px 0 0 auto;max-width:360px}.sr-receipt-totals>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e2e8f0}.sr-receipt-totals .grand{font-size:20px;color:#102d52;font-weight:900}

.sr-statement-actions{display:flex;gap:8px}.sr-report-filter select{display:block;margin-top:5px;padding:10px;border:1px solid #d5deea;border-radius:9px;min-width:220px}@media(max-width:700px){.sr-statement-actions{width:100%;flex-direction:column}.sr-statement-actions button{width:100%}}

.sr-status-pill.waiting{background:#fff3e8;color:#9a5b1a}

.sr-backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sr-backup-grid article p{color:#68778b;line-height:1.5}.sr-backup-grid input[type=file]{display:block;width:100%;box-sizing:border-box;border:1px solid #d7e1ec;border-radius:9px;padding:10px;margin:10px 0}.sr-danger-action{background:#a83838;color:#fff;border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.sr-export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.sr-export-grid button{border:1px solid #cfdbea;background:#fff;color:#0b63ce;border-radius:9px;padding:11px;font-weight:800;cursor:pointer}.sr-backup-info{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sr-backup-info>div{border:1px solid #e1e8f0;border-radius:9px;padding:12px}.sr-backup-info small{display:block;color:#6a788c}.sr-backup-info strong{font-size:22px;color:#102d52}@media(max-width:760px){.sr-backup-grid{grid-template-columns:1fr}.sr-backup-info{grid-template-columns:1fr 1fr}}

.sr-perm-empty{padding:28px;text-align:center;color:#728195}.sr-perm-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0}.sr-perm-head>div:first-child{display:flex;flex-direction:column}.sr-perm-head span{font-size:12px;color:#6d7b8d}.sr-perm-head>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.sr-perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sr-perm-grid label{display:flex;align-items:center;gap:9px;border:1px solid #dfe6ef;border-radius:9px;padding:10px;font-size:12px;font-weight:800;color:#40536d}.sr-perm-grid input{width:17px;height:17px}@media(max-width:700px){.sr-perm-grid{grid-template-columns:1fr}.sr-perm-head{align-items:flex-start;flex-direction:column}}

.sr-notify-tools{display:flex;align-items:center;gap:8px}.sr-notify-count{background:#fff3e8;color:#9b5a18;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.sr-notification-list{display:grid;gap:9px}.sr-notification{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:start;background:#fff;border:1px solid #dce5ef;border-left:4px solid #f58220;border-radius:11px;padding:13px}.sr-notification.read{opacity:.65;border-left-color:#aab7c6}.sr-notification-icon{width:34px;height:34px;border-radius:50%;background:#fff0e2;color:#a85b12;display:grid;place-items:center;font-weight:900}.sr-notification header{display:flex;justify-content:space-between;gap:12px}.sr-notification header span{font-size:11px;color:#778497}.sr-notification p{margin:5px 0;color:#4c5d72}.sr-notification small{color:#748196}@media(max-width:650px){.sr-notification{grid-template-columns:34px 1fr}.sr-notification>button{grid-column:2}.sr-notification header{flex-direction:column;gap:2px}}

.sr-inline-date{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.sr-inline-date input{padding:9px;border:1px solid #d4deea;border-radius:8px}.sr-departure-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:13px}.sr-departure-card{background:#fff;border:1px solid #dce5ef;border-top:4px solid #0b63ce;border-radius:12px;padding:15px}.sr-departure-card.boarding{border-top-color:#f58220}.sr-departure-card.departed{border-top-color:#6b7c93}.sr-departure-card.completed{border-top-color:#268a55}.sr-departure-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sr-departure-card header>div{display:flex;gap:10px}.sr-departure-card header strong,.sr-departure-card header small{display:block}.sr-departure-card header small{color:#738196;margin-top:2px}.sr-departure-time{background:#eaf3ff;color:#075db9;padding:8px;border-radius:8px;font-size:17px;font-weight:900}.sr-op-status{font-size:10px;font-weight:900;background:#edf2f7;padding:6px 8px;border-radius:999px}.sr-departure-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.sr-departure-metrics>div{background:#f7f9fc;border-radius:8px;padding:9px;text-align:center}.sr-departure-metrics small{display:block;color:#738196}.sr-departure-metrics strong{font-size:17px}.sr-departure-assets{display:flex;gap:6px;flex-wrap:wrap;min-height:30px}.sr-departure-assets span{background:#f1f5f9;border-radius:6px;padding:5px 7px;font-size:11px}.sr-departure-actions{border-top:1px solid #edf1f5;margin-top:12px;padding-top:12px;display:flex;justify-content:flex-end}.sr-complete-mark{color:#268a55}@media(max-width:600px){.sr-departure-board{grid-template-columns:1fr}.sr-departure-metrics{grid-template-columns:1fr 1fr}}

.sr-status-pill.no-show{background:#fbe9e9;color:#a63737}

.sr-severity{font-size:10px;font-weight:900;padding:5px 7px;border-radius:999px;background:#eef2f6}.sr-severity.medium{background:#fff2dc;color:#94601d}.sr-severity.high{background:#fde8df;color:#a64d2b}.sr-severity.critical{background:#f8dddd;color:#a32727}.sr-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #d5deea;border-radius:9px;padding:10px;font:inherit;resize:vertical}

.sr-disruption-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.sr-disruption-card{background:#fff;border:1px solid #dce5ef;border-top:4px solid #2f7bd5;border-radius:12px;padding:14px}.sr-disruption-card.suspended{border-top-color:#e49a2f;background:#fffaf2}.sr-disruption-card.cancelled{border-top-color:#b83b3b;background:#fff7f7}.sr-disruption-card header{display:flex;justify-content:space-between;gap:10px}.sr-disruption-card header>div{display:flex;gap:10px}.sr-disruption-card header span{font-size:18px;font-weight:900;color:#0b63ce}.sr-disruption-card header strong,.sr-disruption-card header small{display:block}.sr-disruption-card header small{margin-top:3px;color:#718094}.sr-disruption-card header>b{font-size:10px;border-radius:999px;background:#edf2f7;padding:6px 8px;height:max-content}.sr-disruption-reason{background:#f7f9fc;border-radius:8px;padding:9px;color:#55667b;font-size:12px}.sr-disruption-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.sr-disruption-actions button{border:1px solid #ccd8e6;background:#fff;color:#0b63ce;border-radius:8px;padding:9px 10px;font-weight:800;cursor:pointer}.sr-disruption-actions button.danger{color:#a82d2d;border-color:#e3bcbc}.sr-bulk-warning{background:#fff5e8;color:#91571c;border-radius:9px;padding:11px;font-size:12px;margin-top:12px}

.sr-route-stops{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sr-route-stops label{border:1px solid #dfe6ef;border-radius:8px;padding:8px;font-size:12px}.sr-transfer-groups{display:grid;gap:12px}.sr-transfer-card{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:14px}.sr-transfer-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sr-transfer-card header strong,.sr-transfer-card header small{display:block}.sr-transfer-card header small{color:#718094;margin-top:3px}.sr-transfer-card header>span{background:#eaf3ff;color:#0b63ce;padding:7px 9px;border-radius:999px;font-weight:900}.sr-transfer-card table{width:100%;border-collapse:collapse}.sr-transfer-card th,.sr-transfer-card td{padding:8px;border-bottom:1px solid #edf1f5;text-align:left;font-size:12px}@media(max-width:700px){.sr-route-stops{grid-template-columns:1fr}.sr-transfer-card{overflow:auto}}

.sr-village-capacity{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-bottom:14px}.sr-village-capacity article{background:#fff;border:1px solid #dce5ef;border-radius:10px;padding:12px}.sr-village-capacity span{font-size:10px;font-weight:900;color:#f58220;letter-spacing:.12em}.sr-village-capacity strong,.sr-village-capacity small{display:block}.sr-village-capacity strong{color:#102d52;margin:4px 0}.sr-village-capacity small{color:#6d7c8e}

.sr-weekday-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sr-weekday-grid label{display:flex;align-items:center;gap:7px;border:1px solid #dfe6ef;border-radius:8px;padding:8px;font-size:12px}.sr-help-text{color:#65758a;line-height:1.6}@media(max-width:650px){.sr-weekday-grid{grid-template-columns:1fr 1fr}}
.sr-capacity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px}.sr-capacity-card{background:#fff;border:1px solid #dce5ef;border-top:4px solid #0b63ce;border-radius:12px;padding:14px}.sr-capacity-card.closed{border-top-color:#b83b3b;background:#fff9f9}.sr-capacity-card header{display:flex;justify-content:space-between;gap:10px}.sr-capacity-card header>div{display:flex;gap:10px}.sr-capacity-card header span{font-size:18px;font-weight:900;color:#0b63ce}.sr-capacity-card header strong,.sr-capacity-card header small{display:block}.sr-capacity-card header small{color:#718094;margin-top:3px}.sr-capacity-card header>b{font-size:10px;background:#edf2f7;border-radius:999px;padding:6px 8px;height:max-content}.sr-capacity-card.closed header>b{background:#f8dddd;color:#a32727}.sr-capacity-meter{height:8px;background:#edf2f7;border-radius:99px;overflow:hidden;margin:14px 0}.sr-capacity-meter i{display:block;height:100%;background:#0b63ce}.sr-capacity-numbers{display:flex;justify-content:space-between;font-size:11px;color:#6c7c90}.sr-capacity-numbers b{color:#102d52}
.sr-agent-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.sr-agent-summary article{background:#fff;border:1px solid #dce5ef;border-radius:11px;padding:13px}.sr-agent-summary small{display:block;color:#718094}.sr-agent-summary strong{display:block;color:#102d52;font-size:21px;margin-top:4px}@media(max-width:900px){.sr-agent-summary{grid-template-columns:1fr 1fr}}@media(max-width:520px){.sr-agent-summary{grid-template-columns:1fr}}


/* ============================================================
   SMART RESERVATIONS NEW SIDEBAR LAYOUT
   Flat, searchable SmartPOS-style navigation
   ============================================================ */
.sr-new-shell{--sr-side-w:286px;--sr-side-mini:78px}
.sr-new-sidebar{
  width:var(--sr-side-w)!important;
  background:#082642!important;
  background:linear-gradient(180deg,#082b4a 0%,#071f37 58%,#061a2e 100%)!important;
  box-shadow:8px 0 28px rgba(5,28,49,.13)!important;
  border-right:1px solid rgba(255,255,255,.05);
  overflow:hidden;
}
.sr-new-main{margin-left:var(--sr-side-w)!important;width:calc(100% - var(--sr-side-w))!important;transition:margin-left .22s ease,width .22s ease}
.sr-side-brand{height:78px;display:flex;align-items:center;gap:11px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.09);flex:none}
.sr-side-brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0d76dc,#0755a6);display:grid;place-items:center;color:#fff;font-weight:950;font-size:15px;box-shadow:0 7px 18px rgba(0,0,0,.22);flex:none}
.sr-side-brand-copy{min-width:0;display:grid;gap:2px}
.sr-side-brand-copy strong{font-size:16px;letter-spacing:.01em;color:#fff}
.sr-side-brand-copy span{font-size:10px;color:#a9c0d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-sidebar-collapse{margin-left:auto;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#cfe0ef;cursor:pointer;font-size:21px;line-height:1}
.sr-sidebar-collapse:hover{background:rgba(255,255,255,.12);color:#fff}

.sr-side-primary{padding:13px 11px 7px;display:grid;gap:6px;flex:none}
.sr-new-booking-cta{height:44px;border:0;border-radius:10px;background:linear-gradient(135deg,#f58220,#f06d08);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:850;cursor:pointer;box-shadow:0 8px 20px rgba(245,130,32,.18)}
.sr-new-booking-cta:hover{filter:brightness(1.06)}
.sr-new-booking-cta.active{box-shadow:0 0 0 2px rgba(255,255,255,.16),0 8px 20px rgba(245,130,32,.2)}

.sr-side-search{height:39px;margin:5px 11px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:9px;display:flex;align-items:center;gap:7px;padding:0 9px;flex:none}
.sr-side-search>span{color:#9eb8ce;font-size:17px}
.sr-side-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:12px;padding:0}
.sr-side-search input::placeholder{color:#8fa9bf}
.sr-side-search button{border:0;background:transparent;color:#7f9bb2;font-size:16px;cursor:pointer;padding:2px}
.sr-side-search:focus-within{border-color:rgba(48,150,241,.7);box-shadow:0 0 0 3px rgba(11,99,206,.13)}

.sr-flat-navigation{overflow-y:auto;overflow-x:hidden;padding:0 9px 13px;display:block;align-content:unset;gap:unset;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.sr-side-section{margin:3px 0 10px}
.sr-side-section-title{height:27px;display:flex;align-items:center;padding:0 11px;color:#7899b5;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.sr-side-section-items{display:grid;gap:2px}
.sr-side-link{width:100%;height:38px;border:0;border-radius:8px;background:transparent;color:#c9d9e7;display:flex;align-items:center;gap:11px;padding:0 11px;text-align:left;cursor:pointer;font-size:12.5px;font-weight:650;position:relative;transition:background .14s ease,color .14s ease,transform .14s ease}
.sr-side-link:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(1px)}
.sr-side-link.active{background:linear-gradient(90deg,rgba(11,99,206,.98),rgba(14,113,216,.84));color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.sr-side-link.active:before{content:"";position:absolute;left:-9px;top:8px;bottom:8px;width:3px;background:#f58220;border-radius:0 3px 3px 0}
.sr-side-icon{width:21px;min-width:21px;height:21px;display:grid;place-items:center;font-size:15px;color:#9db7cd}
.sr-side-link.active .sr-side-icon,.sr-side-link:hover .sr-side-icon{color:#fff}
.sr-dashboard-link{margin-bottom:1px}

.sr-side-footer{border-top:1px solid rgba(255,255,255,.09);padding:11px;display:grid;gap:9px;flex:none;background:rgba(0,0,0,.06)}
.sr-side-user{display:flex;align-items:center;gap:9px;min-width:0}
.sr-side-avatar{width:34px;height:34px;border-radius:9px;background:#0b63ce;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900;flex:none}
.sr-side-user-copy{min-width:0;display:grid;gap:1px}
.sr-side-user-copy strong{font-size:11px;color:#eef6fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-side-user-copy span{font-size:9px;color:#8fa9bf;text-transform:uppercase;letter-spacing:.08em}
.sr-side-status{font-size:9px;color:#87a4bb;display:flex;align-items:center;padding-left:2px}
.sr-side-status .status-dot{width:6px;height:6px;margin-right:6px}

.sr-sidebar-backdrop{display:none}

/* Desktop collapsed mode */
.sr-sidebar-collapsed .sr-new-sidebar{width:var(--sr-side-mini)!important}
.sr-sidebar-collapsed .sr-new-main{margin-left:var(--sr-side-mini)!important;width:calc(100% - var(--sr-side-mini))!important}
.sr-sidebar-collapsed .sr-side-brand{padding:0 18px}
.sr-sidebar-collapsed .sr-side-brand-copy,
.sr-sidebar-collapsed .sr-side-section-title,
.sr-sidebar-collapsed .sr-side-text,
.sr-sidebar-collapsed .sr-side-search,
.sr-sidebar-collapsed .sr-side-user-copy{display:none!important}
.sr-sidebar-collapsed .sr-sidebar-collapse{position:absolute;left:61px;top:25px;width:25px;height:28px;background:#123b5d;transform:rotate(180deg);z-index:3}
.sr-sidebar-collapsed .sr-side-primary{padding:13px 10px 7px}
.sr-sidebar-collapsed .sr-new-booking-cta{width:48px;margin:auto;padding:0}
.sr-sidebar-collapsed .sr-new-booking-cta>span:first-child{font-size:20px}
.sr-sidebar-collapsed .sr-flat-navigation{padding-left:10px;padding-right:10px}
.sr-sidebar-collapsed .sr-side-section{margin-bottom:5px}
.sr-sidebar-collapsed .sr-side-link{width:48px;height:43px;padding:0;justify-content:center;margin:0 auto}
.sr-sidebar-collapsed .sr-side-link.active:before{left:-10px}
.sr-sidebar-collapsed .sr-side-icon{width:24px;min-width:24px;font-size:16px}
.sr-sidebar-collapsed .sr-side-footer{align-items:center;justify-items:center;padding:11px 8px}
.sr-sidebar-collapsed .sr-side-status{padding:0}

/* Mobile drawer */
.sr-mobile-menu{display:none}
@media(max-width:900px){
 .sr-new-main,.sr-sidebar-collapsed .sr-new-main{margin-left:0!important;width:100%!important}
 .sr-new-sidebar,.sr-sidebar-collapsed .sr-new-sidebar{width:286px!important;transform:translateX(-102%);transition:transform .22s ease;box-shadow:18px 0 40px rgba(0,0,0,.25)!important}
 .sr-sidebar-mobile-open .sr-new-sidebar{transform:translateX(0)}
 .sr-sidebar-mobile-open .sr-sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(4,20,33,.48);z-index:19;backdrop-filter:blur(2px)}
 .sr-mobile-menu{display:grid}
 .sr-sidebar-collapsed .sr-side-brand-copy,
 .sr-sidebar-collapsed .sr-side-section-title,
 .sr-sidebar-collapsed .sr-side-text,
 .sr-sidebar-collapsed .sr-side-search,
 .sr-sidebar-collapsed .sr-side-user-copy{display:initial!important}
 .sr-sidebar-collapsed .sr-side-brand-copy,.sr-sidebar-collapsed .sr-side-user-copy{display:grid!important}
 .sr-sidebar-collapsed .sr-side-section-title{display:flex!important}
 .sr-sidebar-collapsed .sr-side-search{display:flex!important}
 .sr-sidebar-collapsed .sr-sidebar-collapse{display:none}
 .sr-sidebar-collapsed .sr-side-primary{padding:13px 11px 7px}
 .sr-sidebar-collapsed .sr-new-booking-cta{width:auto;margin:0}
 .sr-sidebar-collapsed .sr-flat-navigation{padding:0 9px 13px}
 .sr-sidebar-collapsed .sr-side-link{width:100%;height:38px;padding:0 11px;justify-content:flex-start;margin:0}
 .sr-sidebar-collapsed .sr-side-footer{align-items:initial;justify-items:initial;padding:11px}
 .sr-sidebar-collapsed .sr-side-status{padding-left:2px}
 .sr-sidebar-collapse{display:none}
}

/* Smart Reservations Layout 2 - Modern Light Sidebar */
.sr2-shell{--sr2w:282px;--sr2mini:76px}
.sr2-sidebar{width:var(--sr2w)!important;background:#fff!important;color:#172b45!important;border-right:1px solid #e5ebf2!important;box-shadow:5px 0 22px rgba(20,48,77,.06)!important;overflow:hidden}
.sr2-main{margin-left:var(--sr2w)!important;width:calc(100% - var(--sr2w))!important;transition:.2s ease}
.sr2-brand{height:83px;padding:0 17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf1f5;flex:none}
.sr2-logo{width:43px;height:43px;border-radius:12px;background:#fff;border:2px solid #1281dd;color:#075caf;display:grid;place-items:center;font-weight:950;box-shadow:0 4px 12px rgba(13,100,190,.08);flex:none}
.sr2-brand-copy{display:grid;gap:2px;line-height:1.04;min-width:0}.sr2-brand-copy strong{font-size:15px;color:#10243d}.sr2-brand-copy span{font-size:9px;color:#8a99aa;text-transform:uppercase;letter-spacing:.09em}
.sr2-collapse{margin-left:auto;border:1px solid #e1e7ee;background:#fff;color:#52677d;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:20px;box-shadow:0 2px 7px rgba(0,0,0,.04)}
.sr2-action-wrap{padding:15px 16px 9px;flex:none}.sr2-new-booking{height:44px;width:100%;border:0;border-radius:8px;background:#0874db;color:#fff;font-weight:850;text-transform:none;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 7px 16px rgba(8,116,219,.17)}.sr2-new-booking:hover{background:#0568c7}
.sr2-search{margin:3px 16px 11px;height:37px;border:1px solid #e1e7ef;background:#f8fafc;border-radius:8px;display:flex;align-items:center;padding:0 9px;gap:6px;flex:none}.sr2-search>span{color:#8798aa;font-size:16px}.sr2-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:11px;color:#223a55}.sr2-search button{border:0;background:transparent;color:#9aa8b6;cursor:pointer}.sr2-search:focus-within{border-color:#7db8ef;box-shadow:0 0 0 3px #eaf5ff}
.sr2-nav{flex:1;overflow-y:auto;padding:0 11px 14px;scrollbar-width:thin;scrollbar-color:#d5dee7 transparent}
.sr2-menu-section{padding:3px 0 7px;border-bottom:1px solid #eef2f6;margin-bottom:4px}.sr2-menu-heading{font-size:9px;font-weight:900;color:#8b98a8;letter-spacing:.1em;text-transform:uppercase;padding:9px 10px 5px}
.sr2-menu-item{height:35px;width:100%;border:0;border-radius:7px;background:transparent;color:#263a50;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:11.5px;font-weight:620;cursor:pointer;text-align:left;position:relative}.sr2-menu-item:hover{background:#f3f7fb;color:#075fb9}.sr2-menu-item.active{background:#e6f1fc;color:#0568cb;font-weight:800}.sr2-menu-item.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:#0874db}.sr2-menu-icon{width:19px;min-width:19px;height:19px;display:grid;place-items:center;color:#61778d;font-size:14px}.sr2-menu-item.active .sr2-menu-icon{color:#0874db}.sr2-dashboard{margin:3px 0 5px}
.sr2-profile{height:67px;margin:0 12px 12px;padding:9px 10px;border-radius:9px;background:#f7f9fc;border:1px solid #e8edf3;display:flex;align-items:center;gap:9px;flex:none}.sr2-avatar{width:36px;height:36px;border-radius:50%;background:#0874db;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.sr2-profile-copy{display:grid;gap:1px;min-width:0}.sr2-profile-copy strong{font-size:11px;color:#1d3046;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr2-profile-copy span{font-size:9px;color:#8998a8}.sr2-profile-chevron{margin-left:auto;color:#74869a}
.sr2-backdrop{display:none}.sr2-mobile-toggle{display:none}

/* collapsed */
.sr2-collapsed .sr2-sidebar{width:var(--sr2mini)!important}.sr2-collapsed .sr2-main{margin-left:var(--sr2mini)!important;width:calc(100% - var(--sr2mini))!important}.sr2-collapsed .sr2-brand{padding:0 16px}.sr2-collapsed .sr2-brand-copy,.sr2-collapsed .sr2-menu-heading,.sr2-collapsed .sr2-menu-label,.sr2-collapsed .sr2-search,.sr2-collapsed .sr2-profile-copy,.sr2-collapsed .sr2-profile-chevron,.sr2-collapsed .sr2-hide-collapse{display:none}.sr2-collapsed .sr2-collapse{position:absolute;left:61px;top:26px;width:25px;height:27px;transform:rotate(180deg);z-index:3}.sr2-collapsed .sr2-action-wrap{padding:15px 12px 9px}.sr2-collapsed .sr2-new-booking{width:48px}.sr2-collapsed .sr2-nav{padding-left:13px;padding-right:13px}.sr2-collapsed .sr2-menu-section{border-bottom:0;padding-bottom:2px}.sr2-collapsed .sr2-menu-item{width:48px;height:40px;padding:0;justify-content:center}.sr2-collapsed .sr2-menu-icon{width:21px}.sr2-collapsed .sr2-profile{width:48px;height:48px;margin:7px 13px 13px;padding:6px;justify-content:center}.sr2-collapsed .sr2-avatar{width:34px;height:34px}

@media(max-width:900px){
 .sr2-main,.sr2-collapsed .sr2-main{margin-left:0!important;width:100%!important}.sr2-sidebar,.sr2-collapsed .sr2-sidebar{width:282px!important;transform:translateX(-103%);transition:transform .22s ease;z-index:30}.sr2-mobile-open .sr2-sidebar{transform:translateX(0)}.sr2-mobile-open .sr2-backdrop{display:block;position:fixed;inset:0;background:rgba(8,31,52,.42);z-index:29}.sr2-mobile-toggle{display:grid}.sr2-collapse{display:none}.sr2-collapsed .sr2-brand-copy,.sr2-collapsed .sr2-menu-heading,.sr2-collapsed .sr2-menu-label,.sr2-collapsed .sr2-search,.sr2-collapsed .sr2-profile-copy,.sr2-collapsed .sr2-profile-chevron,.sr2-collapsed .sr2-hide-collapse{display:initial}.sr2-collapsed .sr2-brand-copy,.sr2-collapsed .sr2-profile-copy{display:grid}.sr2-collapsed .sr2-menu-heading{display:block}.sr2-collapsed .sr2-search{display:flex}.sr2-collapsed .sr2-action-wrap{padding:15px 16px 9px}.sr2-collapsed .sr2-new-booking{width:100%}.sr2-collapsed .sr2-nav{padding:0 11px 14px}.sr2-collapsed .sr2-menu-section{border-bottom:1px solid #eef2f6;padding-bottom:7px}.sr2-collapsed .sr2-menu-item{width:100%;height:35px;padding:0 10px;justify-content:flex-start}.sr2-collapsed .sr2-profile{width:auto;height:67px;margin:0 12px 12px;padding:9px 10px;justify-content:flex-start}
}

.sr-agent-credit-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 14px}.sr-agent-credit-strip>div{background:#fff;border:1px solid #e1e8f0;border-radius:10px;padding:12px}.sr-agent-credit-strip small{display:block;color:#718094;font-size:10px}.sr-agent-credit-strip strong{display:block;color:#102d52;font-size:18px;margin-top:3px}.sr-account-status-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f5}.sr-account-status-line span{color:#68788c}.sr-account-status-line b{color:#183650}@media(max-width:850px){.sr-agent-credit-strip{grid-template-columns:1fr 1fr}}@media(max-width:520px){.sr-agent-credit-strip{grid-template-columns:1fr}}

/* ============================================================
   SMART RESERVATIONS - RESPONSIVE ALL SCREEN SIZES
   Windows desktop/laptop, tablet, mobile
   ============================================================ */

:root{
  --sr-content-pad:clamp(12px,1.8vw,24px);
  --sr-gap:clamp(8px,1.2vw,16px);
  --sr-radius:clamp(8px,1vw,12px);
  --sr-font:clamp(12px,.86vw,14px);
}

*{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{font-size:var(--sr-font)}
img,svg,video,canvas{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%;font:inherit}
input,select,textarea{min-width:0}
table{max-width:100%}
code,pre{max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word}

.desktop-app-shell,
.desktop-main-shell,
.desktop-content,
.main-content,
.sr-new-main,
.sr2-main,
.sr-page-card,
.card,
.modal,
.ticket-modal-card,
.sr-allocation-card{min-width:0;max-width:100%}

.desktop-content,.main-content{
  padding:var(--sr-content-pad)!important;
  overflow-x:hidden!important;
}

.sr-page-card,.card{
  border-radius:var(--sr-radius);
}

.sr-toolbar{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.sr-toolbar>div:first-child{
  min-width:0;
  flex:1 1 260px;
}

.sr-toolbar strong,
.desktop-topbar h1,
.topbar-left h1{
  overflow-wrap:anywhere;
}

.sr-toolbar>button,
.sr-toolbar>a,
.primary-action,
.secondary-button{
  max-width:100%;
}

.sr-form-grid,
.grid,
.sr-finance-grid,
.sr-report-columns,
.sr-reseller-layout,
.sr-capacity-grid,
.sr-agent-summary,
.sr-agent-credit-strip{
  min-width:0;
}

.sr-form-grid>*,
.grid>*,
.sr-finance-grid>*,
.sr-report-columns>*,
.sr-reseller-layout>*,
.sr-capacity-grid>*,
.sr-agent-summary>*,
.sr-agent-credit-strip>*{
  min-width:0;
}

.sr-table-wrap,
.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}

.sr-table-wrap table,
.table-wrap table{
  width:100%;
  min-width:680px;
}

.modal-bg{
  padding:clamp(8px,2vw,24px)!important;
  overflow:auto!important;
}

.modal,
.ticket-modal-card,
.sr-allocation-card{
  width:min(760px,calc(100vw - 24px))!important;
  max-height:calc(100vh - 24px)!important;
  overflow:auto!important;
  margin:auto!important;
}

.ticket-actions,
.sr-disruption-actions,
.sr-row-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.ticket-actions>*,
.sr-disruption-actions>*,
.sr-row-actions>*{
  min-width:0;
}

.desktop-topbar{
  min-width:0;
  gap:10px;
}

.topbar-left{
  min-width:0;
  flex:1;
}

.topbar-left>div{
  min-width:0;
}

.topbar-actions{
  min-width:0;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.user-chip{
  min-width:0;
}

.user-chip>div:last-child{
  min-width:0;
}

.user-chip strong{
  max-width:180px;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Medium Windows laptops */
@media (max-width:1366px){
  .desktop-content,.main-content{padding:14px!important}
  .sr-form-grid{gap:10px!important}
  .sr-agent-credit-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sr-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Small laptop / large tablet */
@media (max-width:1100px){
  .sr-report-columns,
  .sr-reseller-layout{
    grid-template-columns:1fr!important;
  }

  .sr-capacity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .sr-agent-summary,
  .sr-agent-credit-strip,
  .sr-finance-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .desktop-topbar{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* Tablet */
@media (max-width:900px){
  html,body{font-size:14px}

  .desktop-main-shell,
  .sr-new-main,
  .sr2-main,
  .sr-sidebar-collapsed .sr-new-main,
  .sr2-collapsed .sr2-main{
    width:100%!important;
    margin-left:0!important;
  }

  .desktop-content,.main-content{
    padding:12px!important;
  }

  .desktop-topbar{
    min-height:64px;
    align-items:center;
  }

  .topbar-actions .user-chip{
    display:none;
  }

  .topbar-actions .secondary-button span{
    display:none;
  }

  .sr-form-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .sr-form-grid .full{
    grid-column:1/-1!important;
  }

  .sr-capacity-grid,
  .sr-agent-summary,
  .sr-agent-credit-strip,
  .sr-finance-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .sr-toolbar{
    align-items:flex-start;
  }

  .sr-toolbar>button,
  .sr-toolbar>a{
    flex:0 1 auto;
  }

  .modal,
  .ticket-modal-card,
  .sr-allocation-card{
    width:calc(100vw - 18px)!important;
    max-height:calc(100vh - 18px)!important;
  }
}

/* Phone landscape / small tablet */
@media (max-width:700px){
  .desktop-content,.main-content{
    padding:10px!important;
  }

  .desktop-topbar{
    padding:8px 10px!important;
  }

  .topbar-left h1{
    font-size:clamp(16px,5vw,20px)!important;
    line-height:1.1;
  }

  .topbar-left p{
    font-size:10px!important;
    white-space:normal!important;
  }

  .sr-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%;
  }

  .sr-toolbar>button,
  .sr-toolbar>a,
  .primary-action{
    width:100%;
    justify-content:center;
  }

  .sr-form-grid,
  .sr-capacity-grid,
  .sr-agent-summary,
  .sr-agent-credit-strip,
  .sr-finance-grid,
  .sr-report-columns,
  .grid{
    grid-template-columns:1fr!important;
  }

  .sr-form-grid>*,
  .sr-form-grid .full{
    grid-column:1!important;
  }

  .ticket-actions,
  .sr-disruption-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .ticket-actions>*,
  .sr-disruption-actions>*{
    width:100%;
  }

  .sr-table-wrap{
    margin-left:0!important;
    margin-right:0!important;
  }

  .sr-table-wrap table{
    min-width:620px;
    font-size:11px;
  }

  .sr-page-card,.card{
    padding:12px!important;
  }

  .sr-reseller-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}

/* Phone portrait */
@media (max-width:520px){
  :root{
    --sr-content-pad:8px;
    --sr-gap:8px;
  }

  body{font-size:13px}

  .desktop-topbar{
    min-height:58px;
  }

  .topbar-actions{
    gap:5px!important;
  }

  .topbar-actions .icon-button,
  .sr2-mobile-toggle,
  .sr-mobile-menu{
    width:36px!important;
    height:36px!important;
  }

  .secondary-button{
    padding:8px!important;
  }

  .sr-page-card,.card{
    border-radius:9px!important;
    padding:10px!important;
  }

  .sr-toolbar strong{
    font-size:16px!important;
  }

  .sr-toolbar span,
  .sr-toolbar p{
    font-size:10px!important;
  }

  input,select,textarea{
    width:100%!important;
    min-height:40px;
  }

  button{
    min-height:38px;
  }

  .sr-table-wrap table{
    min-width:560px;
  }

  .sr-agent-credit-strip,
  .sr-agent-summary,
  .sr-finance-grid{
    gap:7px!important;
  }

  .sr-agent-credit-strip>div,
  .sr-agent-summary>article,
  .sr-finance-grid>article{
    padding:10px!important;
  }

  .sr-agent-credit-strip strong,
  .sr-agent-summary strong,
  .sr-finance-grid strong{
    font-size:16px!important;
  }

  .modal-bg{
    padding:4px!important;
  }

  .modal,
  .ticket-modal-card,
  .sr-allocation-card{
    width:calc(100vw - 8px)!important;
    max-height:calc(100vh - 8px)!important;
    border-radius:9px!important;
  }

  .modal header{
    gap:7px;
  }

  .sr-side-brand,
  .sr2-brand{
    height:68px!important;
  }
}

/* Very small phones */
@media (max-width:380px){
  .desktop-content,.main-content{padding:6px!important}
  .sr-page-card,.card{padding:8px!important}
  .topbar-left p{display:none!important}
  .sr-table-wrap table{min-width:520px}
}

/* Landscape phones / short screens */
@media (max-height:520px) and (orientation:landscape){
  .sr2-brand,.sr-side-brand{height:56px!important}
  .sr2-profile,.sr-side-footer{display:none!important}
  .sr2-new-booking,.sr-new-booking-cta{height:38px!important}
  .modal,.ticket-modal-card,.sr-allocation-card{max-height:calc(100vh - 8px)!important}
}


/* SMART RESERVATIONS BOOKING POS REBUILD */
.sr-booking-pos{--pos-blue:#086fd1;--pos-navy:#123454;--pos-border:#dfe7ef;--pos-bg:#f4f7fb;color:#20364d}
.sr-pos-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.sr-pos-head h2{margin:2px 0 2px;font-size:24px;color:#112f4e}.sr-pos-head p{margin:0;color:#76879a;font-size:12px}.sr-pos-eyebrow{font-size:9px;font-weight:900;letter-spacing:.14em;color:#f58220}
.sr-pos-head-actions{display:flex;gap:7px;flex-wrap:wrap}.sr-pos-light-btn{border:1px solid #dce5ee;background:#fff;color:#34526e;border-radius:8px;padding:9px 12px;font-weight:750;cursor:pointer}
.sr-pos-statusbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--pos-border);border-radius:10px;padding:9px 12px;margin-bottom:12px;font-size:11px;color:#5f7387}.sr-pos-statusbar b{color:#0a6dc8}.sr-pos-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22b573;margin-right:6px}.sr-pos-confirm-rule{margin-left:auto;color:#9b5c08;font-weight:800;background:#fff4df;border-radius:999px;padding:5px 9px}
.sr-pos-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px;align-items:start}.sr-pos-entry{display:grid;gap:12px;min-width:0}.sr-pos-card{background:#fff;border:1px solid var(--pos-border);border-radius:12px;padding:14px;min-width:0}.sr-pos-section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sr-pos-section-title>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#e7f2fd;color:#066dcc;font-weight:900}.sr-pos-section-title div{display:grid;gap:1px}.sr-pos-section-title strong{font-size:13px;color:#173651}.sr-pos-section-title small{font-size:10px;color:#8391a1}
.sr-pos-tour-control{display:grid;grid-template-columns:2fr 1fr;gap:9px;margin-bottom:10px}.sr-pos-tour-control label,.sr-pos-form label{font-size:10px;font-weight:800;color:#607386}.sr-pos-tour-control select,.sr-pos-form input,.sr-pos-form select{display:block;width:100%;margin-top:5px;border:1px solid #d8e2ec;border-radius:8px;background:#fff;padding:10px;color:#20364d;min-height:40px}.sr-pos-tour-control select:focus,.sr-pos-form input:focus,.sr-pos-form select:focus{outline:none;border-color:#76b5ec;box-shadow:0 0 0 3px #e8f4ff}
.sr-pos-tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sr-pos-tour-tile{border:1px solid #e0e8f0;background:#fbfcfe;border-radius:10px;padding:10px;text-align:left;display:grid;gap:4px;color:#31506c;cursor:pointer}.sr-pos-tour-tile:hover{border-color:#8fc1ed;background:#f4f9fe}.sr-pos-tour-tile.selected{border:2px solid var(--pos-blue);background:#eaf4fe;padding:9px}.sr-pos-tour-date{font-size:9px;color:#7b8c9d}.sr-pos-tour-tile strong{font-size:12px;color:#173c5d}.sr-pos-tour-tile small{font-size:9px;color:#75889a}.sr-pos-tour-tile>b{font-size:12px;color:#0a68bf}.sr-pos-tour-tile em{font-style:normal;font-size:8px;color:#8b98a5;font-weight:600}
.sr-pos-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sr-pos-form .wide{grid-column:1/-1}.sr-pos-guest-form{grid-template-columns:2fr 1fr}.sr-pos-guest-form label:nth-child(4),.sr-pos-guest-form label:nth-child(5){grid-column:auto}.sr-pos-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sr-pos-pax-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sr-pos-pax-card{border:1px solid #e0e8f0;border-radius:10px;padding:11px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;background:#fbfcfe}.sr-pos-pax-card>div:first-child{display:grid}.sr-pos-pax-card strong{font-size:12px;color:#1a3b59}.sr-pos-pax-card small{font-size:9px;color:#8392a2}.sr-pos-pax-card>b{color:#0b66b9;font-size:13px;min-width:70px;text-align:right}.sr-pos-stepper{display:grid;grid-template-columns:32px 48px 32px;align-items:center;border:1px solid #d7e1ea;border-radius:8px;overflow:hidden;background:#fff}.sr-pos-stepper button{border:0;background:#f3f7fa;height:34px;font-size:17px;color:#31506d;cursor:pointer}.sr-pos-stepper input{border:0;width:48px;text-align:center;height:34px;font-weight:800;color:#173b5b;outline:0}
.sr-pos-summary{position:sticky;top:86px;display:grid;gap:10px;min-width:0}.sr-pos-summary-card{background:#fff;border:1px solid #dce5ee;border-radius:13px;box-shadow:0 10px 28px rgba(26,61,91,.08);overflow:hidden}.sr-pos-summary-head{padding:14px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e8eef4}.sr-pos-summary-head>div{display:grid;gap:3px}.sr-pos-summary-head span:first-child{font-size:8px;font-weight:900;letter-spacing:.12em;color:#8392a2}.sr-pos-summary-head strong{font-size:14px;color:#173a58}.sr-pos-seat-badge{font-size:9px!important;color:#187240!important;background:#e8f7ef;border-radius:999px;padding:6px 8px;height:max-content;white-space:nowrap}
.sr-pos-trip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#e8eef3;border-bottom:1px solid #e3eaf1}.sr-pos-trip>div{background:#f8fafc;padding:10px}.sr-pos-trip small{display:block;font-size:8px;color:#8996a4}.sr-pos-trip strong{font-size:10px;color:#263f56;overflow-wrap:anywhere}
.sr-pos-summary-lines{padding:10px 14px}.sr-pos-summary-lines>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf1f5;font-size:11px;color:#617488}.sr-pos-summary-lines b{color:#203e59}
.sr-pos-total{padding:14px;background:#112f4e;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:end}.sr-pos-total>span{font-size:11px;font-weight:800}.sr-pos-total strong{font-size:26px}.sr-pos-total small{grid-column:1/-1;font-size:8px;opacity:.72;margin-top:3px}
.sr-pos-summary-actions{padding:12px}.sr-pos-pay-btn{width:100%;border:0;background:linear-gradient(135deg,#0874db,#055eb8);color:#fff;border-radius:9px;min-height:52px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:900;cursor:pointer;box-shadow:0 7px 17px rgba(8,116,219,.18)}.sr-pos-pay-btn b{font-size:16px}.sr-pos-secondary-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:7px}.sr-pos-secondary-actions button{border:1px solid #dce5ed;background:#f8fafc;color:#405a72;border-radius:7px;padding:8px 5px;font-size:9px;font-weight:750;cursor:pointer}
.sr-pos-summary-note{margin:0 12px 12px;background:#f1f7fd;border-radius:8px;padding:9px;display:flex;gap:7px;align-items:flex-start;color:#60778d}.sr-pos-summary-note>span{color:#16824a;font-weight:900}.sr-pos-summary-note p{margin:0;font-size:9px;line-height:1.4}
.sr-pos-staff-card{background:#fff;border:1px solid #e0e7ee;border-radius:10px;padding:10px 12px;display:grid;gap:1px}.sr-pos-staff-card span{font-size:8px;color:#8796a5;text-transform:uppercase}.sr-pos-staff-card strong{font-size:11px;color:#26435d}.sr-pos-staff-card small{font-size:8px;color:#8796a5}
@media(max-width:1180px){.sr-pos-workspace{grid-template-columns:minmax(0,1fr) 310px}.sr-pos-tour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sr-pos-workspace{grid-template-columns:1fr}.sr-pos-summary{position:static}.sr-pos-summary-card{display:block}.sr-pos-head{align-items:flex-start}.sr-pos-tour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sr-pos-head{display:grid}.sr-pos-head-actions{display:grid;grid-template-columns:1fr 1fr}.sr-pos-head-actions .primary-action{grid-column:1/-1}.sr-pos-statusbar{gap:7px}.sr-pos-confirm-rule{margin-left:0}.sr-pos-tour-control,.sr-pos-form,.sr-pos-guest-form,.sr-pos-source-grid,.sr-pos-pax-grid{grid-template-columns:1fr}.sr-pos-form .wide,.sr-pos-guest-form label{grid-column:1!important}.sr-pos-tour-grid{grid-template-columns:1fr}.sr-pos-pax-card{grid-template-columns:1fr auto}.sr-pos-pax-card>b{grid-column:1/-1;text-align:left}.sr-pos-trip{grid-template-columns:1fr 1fr}.sr-pos-trip>div:last-child{grid-column:1/-1}.sr-pos-secondary-actions{grid-template-columns:1fr}.sr-pos-summary{width:100%}}

/* SRS POS PACKAGE + SAVED PAYMENT */
.sr-pos-product-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.sr-pos-product-switch button{border:1px solid #dce5ee;background:#f8fafc;border-radius:9px;padding:11px;font-weight:850;color:#405c76;cursor:pointer}.sr-pos-product-switch button.active{background:#0874db;color:#fff;border-color:#0874db}
.sr-pos-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.sr-pos-zone{border:1px solid #dfe7ef;background:#fff;border-radius:9px;padding:10px;text-align:left;display:grid;gap:4px;cursor:pointer}.sr-pos-zone strong{font-size:11px;color:#193c5d}.sr-pos-zone span{font-size:9px;color:#74879a}.sr-pos-zone.active{border:2px solid #0874db;background:#edf6ff;padding:9px}
.sr-pos-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sr-pos-package{border:1px solid #dde6ee;background:#fbfcfe;border-radius:10px;padding:12px;text-align:left;display:grid;gap:3px;cursor:pointer}.sr-pos-package>span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#7b8d9e}.sr-pos-package strong{font-size:16px;color:#123e67}.sr-pos-package small{font-size:9px;color:#788a9a}.sr-pos-package.active{border:2px solid #f58220;background:#fff8f1;padding:11px}
.sr-pos-head-actions button b{background:#eaf3fc;color:#0869c1;border-radius:999px;padding:2px 6px;margin-left:4px}.sr-saved-pay-modal{width:min(1000px,calc(100vw - 30px))!important}.sr-pos-stepper button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:800px){.sr-pos-zone-grid,.sr-pos-package-grid{grid-template-columns:1fr}.sr-pos-product-switch{grid-template-columns:1fr}}