/* V53 — compact, high-contrast black/yellow/white operations theme */
:root{color-scheme:light;--v2-canvas:#f4f3ee;--v2-card:#fff;--v2-ink:#171717;--v2-muted:#65645f;--v2-line:#dedcd3;--v2-navy:#171717;--v2-navy-2:#242424;--v2-blue:#d6a800;--v2-blue-soft:#fff2b8;--v2-lime:#f2c62f;--warm-gold:#e2b51e;--warm-gold-soft:#fff1b0;--warm-orange:#d69d16;--yellow:#f4c430;--ink:#171717;--bg:#f4f3ee;--paper:#fff;--line:#dedcd3;--mute:#65645f}
html,body{height:100%;overflow:hidden;background:var(--v2-canvas);color:var(--v2-ink);font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px;line-height:1.42}.app{height:100dvh;min-height:0;overflow:hidden}.topbar,header{height:60px;min-height:60px;background:#171717;color:#fff;border-bottom:2px solid #f4c430}.shell{height:calc(100dvh - 60px);min-height:0;grid-template-columns:224px minmax(0,1fr);overflow:hidden}.sidebar,#navigation{height:100%;overflow-y:auto;background:#191919;scrollbar-width:thin;scrollbar-color:#655820 #191919}.content{height:100%;width:100%;max-width:none;overflow:auto;padding:16px 18px;background:radial-gradient(circle at 98% 0,rgba(244,196,48,.12),transparent 27%),var(--v2-canvas);scrollbar-width:thin;scrollbar-color:#b99a29 transparent}.page.active{animation:v53PageIn .2s ease}.title{margin-bottom:13px;align-items:center}.title h2{font-size:clamp(21px,2vw,27px);letter-spacing:-.025em}.title p{font-size:12.5px;max-width:850px}.panel,.metric,.toolbar,.table-wrap{border-color:var(--v2-line);background:var(--v2-card);box-shadow:0 7px 22px rgba(23,23,23,.045)}.panel{padding:14px}.metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.metric{padding:13px 14px;min-height:88px}.metric small{font-size:10px;letter-spacing:.075em}.metric strong{font-size:clamp(21px,2vw,27px);margin-top:5px}.split,.dashboard-analytics{gap:11px;margin-top:11px}.toolbar{gap:7px;margin-bottom:11px;padding:9px;border-radius:12px}.toolbar input,.toolbar select,.toolbar button,input,select,textarea{min-height:38px;padding:8px 10px;border-radius:8px}.primary{background:#f4c430!important;border-color:#e1b31f!important;color:#171717!important;box-shadow:0 5px 14px rgba(197,151,0,.16)}.primary:hover{background:#e5b51f!important}.secondary,.file-picker{background:#f1f0ea;color:#272727;border:1px solid #d8d5ca}.nav{padding:9px 11px;margin:1px 0;border-radius:7px;color:#e7e7e2}.nav:hover{background:#2c2c2c;color:#fff}.nav.active{background:#f4c430!important;color:#171717!important;box-shadow:none}.nav-section{color:#dac66c}.table-wrap{max-width:100%;overflow:auto;padding:3px 10px}.table-wrap table{font-size:12px}.table-wrap th{position:sticky;top:0;z-index:1;padding:10px 7px;background:#f0eee6;color:#494843;font-size:9.5px}.table-wrap td{padding:9px 7px;line-height:1.3}.table-wrap td:nth-child(n+2){max-width:330px}.table-wrap td b,.table-wrap td small{white-space:normal}.notice{padding:10px 12px;margin-bottom:11px;border:1px solid #e3c65b;background:#fff5c9;color:#594500}.status,.badge,.item-tag,.filter-chip{font-size:10px}.theme-toggle,.notification-button,.menu-button,#quickRefreshV53{border:1px solid #4d4d4d;background:#252525;color:#fff;border-radius:8px;padding:8px 10px}.theme-toggle:hover,.notification-button:hover,.menu-button:hover,#quickRefreshV53:hover{border-color:#f4c430;color:#ffe27b}.account{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.account strong{color:#ffe06a}.v53-refresh-icon{display:inline-block;margin-right:5px}.v53-refreshing .v53-refresh-icon{animation:v53Spin .75s linear infinite}.v53-loadbar{position:fixed;left:0;right:0;top:0;height:3px;z-index:99999;pointer-events:none;opacity:0;transition:opacity .15s}.v53-loadbar::before{content:"";display:block;height:100%;width:35%;background:#f4c430;box-shadow:0 0 12px #f4c430;animation:v53Load 1s ease-in-out infinite}.v53-loadbar.active{opacity:1}.v53-toast{position:fixed;right:18px;bottom:18px;z-index:9999;padding:10px 13px;border-radius:10px;background:#171717;color:#fff;border-left:4px solid #f4c430;box-shadow:0 10px 30px #0003;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.v53-toast.show{opacity:1;transform:none}
body.dark-mode{color-scheme:dark;--v2-canvas:#111;--v2-card:#1b1b1b;--v2-ink:#f5f4ef;--v2-muted:#bbb9b0;--v2-line:#373737;--v2-navy:#0d0d0d;--v2-navy-2:#191919;--v2-blue:#f4c430;--v2-blue-soft:#3a3217;--v2-lime:#f4c430;--bg:#111;--paper:#1b1b1b;--ink:#f5f4ef;--line:#373737;--mute:#bbb9b0;background:#111;color:#f5f4ef}body.dark-mode .content{background:radial-gradient(circle at 98% 0,rgba(244,196,48,.075),transparent 28%),#111}body.dark-mode .topbar,body.dark-mode header,body.dark-mode .sidebar,body.dark-mode #navigation{background:#0d0d0d}body.dark-mode .panel,body.dark-mode .metric,body.dark-mode .toolbar,body.dark-mode .table-wrap{background:#1b1b1b;border-color:#373737;color:#f5f4ef;box-shadow:none}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode b,body.dark-mode strong{color:#fff}body.dark-mode .title p,body.dark-mode .muted,body.dark-mode .empty,body.dark-mode small{color:#bbb9b0}body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .hour-select{background:#151515;border-color:#484848;color:#fff}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#99978f}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:#f4c430;box-shadow:0 0 0 3px rgba(244,196,48,.13)}body.dark-mode thead th,body.dark-mode th{background:#292929;border-color:#414141;color:#dedbd0}body.dark-mode td{border-color:#333;color:#f0eee8}body.dark-mode tbody tr:hover td{background:#242424}body.dark-mode .secondary,body.dark-mode .file-picker{background:#292929;border-color:#454545;color:#f4f2eb}body.dark-mode .notice,body.dark-mode .priority-notification-banner{background:#302a14;border-color:#6b5a1d;color:#f7dfa0}body.dark-mode dialog{background:#1c1c1c;border:1px solid #3f3f3f;color:#f5f4ef}body.dark-mode .detail-grid div,body.dark-mode .catalog-result,body.dark-mode .inventory-highlight{background:#242424;border-color:#3b3b3b;color:#f4f2eb}body.dark-mode .auth{background:radial-gradient(circle at 20% 15%,rgba(244,196,48,.1),transparent 28%),#0f0f0f}body.dark-mode .auth-card{background:#1b1b1b;border-color:#3d3d3d}body.dark-mode .auth h1{color:#fff}body.dark-mode .secure-chip{background:#3a3217;color:#ffe17a}
@keyframes v53Spin{to{transform:rotate(360deg)}}@keyframes v53Load{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}@keyframes v53PageIn{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.content{padding:13px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar,#navigation{top:60px;max-height:calc(100dvh - 60px)}}
@media(max-width:560px){html,body{font-size:12.5px}.topbar,header{height:56px;min-height:56px;padding:0 10px}.shell{height:calc(100dvh - 56px)}.content{padding:10px}.title{margin-bottom:10px}.title p{display:block;line-height:1.3}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.metric{padding:10px;min-height:76px}.metric strong{font-size:19px}.panel{padding:11px}.table-wrap{padding:2px 6px}.table-wrap table{font-size:11px}.account strong,.login-state{display:none!important}.theme-toggle,.notification-button,#quickRefreshV53{padding:7px;font-size:0}.theme-toggle::first-letter,.notification-button::first-letter{font-size:12px}#quickRefreshV53 .v53-refresh-icon{font-size:14px;margin:0}.toolbar{flex-direction:column}.split,.dashboard-analytics{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.page.active,.v53-refresh-icon,.v53-loadbar::before{animation:none!important}}

/* V53.1 — component-specific readability and complete desktop table framing */
.app{grid-template-columns:224px minmax(0,1fr);grid-template-rows:60px minmax(0,1fr)}.app>header{height:60px;grid-template-columns:224px minmax(220px,1fr) auto;gap:16px;padding:0 18px 0 16px}.app>header .brand-mark{display:inline-flex!important;align-items:center;min-height:38px;padding:0 14px!important;border-radius:999px;background:#f4c430!important;color:#171717!important;font-weight:800!important;letter-spacing:.105em;text-shadow:none!important;box-shadow:none!important}.app>header h1{color:#fff!important}.app>header h1 em{color:#b9c6d8!important}.brand-mark{background:#f4c430;color:#171717;text-shadow:none}.auth .brand-mark{color:#171717!important}
#pos .catalog-result{border:1px solid #d6d2c4!important;background:#fff!important;color:#24231f!important;box-shadow:0 2px 7px rgba(0,0,0,.045)}#pos .catalog-result small{color:#67645c!important}#pos .catalog-result button{border:0;background:#242424!important;color:#fff!important;font-weight:800}body.dark-mode #pos .catalog-result{border-color:#4a4943!important;background:#242424!important;color:#f7f5ee!important}body.dark-mode #pos .catalog-result small{color:#c6c2b7!important}body.dark-mode #pos .catalog-result button{background:#f4c430!important;color:#171717!important}body.dark-mode #pos .pos-catalog-search{border-color:#3f3f3f;background:#181818}body.dark-mode #pos .pos-form{border-color:#3d3d3d;background:#1b1b1b}body.dark-mode #pos .pos-form label{color:#efede6}body.dark-mode #pos .pos-form input,body.dark-mode #pos .pos-form select,body.dark-mode #pos .pos-form textarea{border-color:#484848;background:#141414;color:#fff}body.dark-mode #pos .pos-summary{border-color:#3b3b3b;background:#191919;color:#f7f5ef}body.dark-mode #pos .payment-line select,body.dark-mode #pos .payment-line input{border-color:#4b4b4b;background:#f7f6f1;color:#222}
#transactions>.panel.table-wrap{overflow-x:hidden}#transactions>.panel.table-wrap table{width:100%;min-width:0;table-layout:fixed}#transactions>.panel.table-wrap th,#transactions>.panel.table-wrap td{white-space:normal;overflow-wrap:anywhere;vertical-align:middle}#transactions>.panel.table-wrap th:nth-child(1){width:14%}#transactions>.panel.table-wrap th:nth-child(2){width:13%}#transactions>.panel.table-wrap th:nth-child(3){width:23%}#transactions>.panel.table-wrap th:nth-child(4){width:8%}#transactions>.panel.table-wrap th:nth-child(5){width:8%}#transactions>.panel.table-wrap th:nth-child(6){width:11%}#transactions>.panel.table-wrap th:nth-child(7){width:13%}#transactions>.panel.table-wrap th:nth-child(8){width:7%}#transactions>.panel.table-wrap th:nth-child(9){width:3%}#transactions .transaction-preview,#transactions .transaction-summary-button small{white-space:normal;overflow:visible;text-overflow:clip}#transactions .more-items{max-width:100%;white-space:normal}#transactions .row-actions{flex-wrap:wrap;gap:5px}#transactions .row-actions button{font-size:10px}
#rentals>.panel.table-wrap table{width:100%;min-width:1050px;table-layout:fixed}#rentals>.panel.table-wrap th,#rentals>.panel.table-wrap td{white-space:normal;overflow-wrap:anywhere;vertical-align:middle}
body.dark-mode .pro-shop-category{border-color:#3f3f3f;background:#1d1d1d;color:#f4f2eb}body.dark-mode .pro-shop-category b{color:#fff}body.dark-mode .pro-shop-category small{color:#bdb9af}body.dark-mode .pro-shop-category.active{border-color:#f4c430;background:#302a14}body.dark-mode .transaction-summary-button{color:#f5f3ec}body.dark-mode .more-items{background:#3b3216;color:#ffe27a}
@media(max-width:1180px){#transactions>.panel.table-wrap{overflow-x:auto}#transactions>.panel.table-wrap table{min-width:980px}.app>header{grid-template-columns:224px minmax(220px,1fr) auto;gap:14px;padding-left:16px}.app>header .brand-mark{min-height:38px;padding:0 12px!important}}