:root{
  --primary:#f58334 !important;
  --primary-dark:#e5701f !important;
  --secondary:#0b1220 !important;
  --background:#070d18 !important;
  --surface:#101827 !important;
  --surface-soft:#0d1524 !important;
  --text:#f6f8fc !important;
  --muted:#8d9aaf !important;
  --border:#253247 !important;
  --success:#29b36f !important;
  --danger:#ff6b6b !important;
  --warning:#f2b24d !important;
  --info:#61a9ff !important;
  --shadow-sm:0 8px 20px rgba(0,0,0,.18) !important;
  --shadow-md:0 24px 60px rgba(0,0,0,.32) !important;
  --brand-gradient:linear-gradient(135deg,#0b1220,#101a2d) !important;
}
html,body{background:var(--background)!important;color:var(--text)!important}
body:not(.layout-login-page):not(.layout-receipt-page){background:var(--background)!important;color:var(--text)!important}
body{scrollbar-color:#36465f transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#36465f;border-radius:999px}::-webkit-scrollbar-track{background:transparent}
::placeholder{color:#6f7d93;opacity:1}
::selection{background:rgba(245,131,52,.25);color:#fff}

.v2-test-bar{position:sticky;top:0;z-index:9999;background:#f59b32;color:#201408;padding:10px 14px;text-align:center;font-size:13px;font-weight:900;letter-spacing:.08em;box-shadow:0 4px 18px rgba(0,0,0,.2)}
.app-shell,.app-content{min-width:0}.app-content{padding-bottom:108px!important;background:radial-gradient(circle at top right,rgba(245,131,52,.08),transparent 24%),var(--background)!important}
.app-header{background:rgba(10,17,31,.92)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:blur(14px)}
.app-sidebar{background:linear-gradient(180deg,#0b1220,#0a1020)!important;border-right:1px solid var(--border)!important;color:var(--text)!important}
.sidebar-brand small,.sidebar-user small,.header-context span,.page-heading p,.field-help,.list-card span,.list-card small,.metrics span,.metrics small,.period-cards span,.period-cards small,.empty,.empty-state,.welcome-hint,.cart-heading span,.cart-items small,.sale-list small{color:var(--muted)!important}
.page-heading h1,.section-title h2,.panel h2,.panel h3,.sidebar-user strong,.header-context strong,.brand,strong{color:var(--text)!important}
.app-sidebar nav a{color:#c7d2e5!important;border:1px solid transparent;transition:.18s ease}
.app-sidebar nav a:hover{background:#131d30!important;border-color:#22324b!important;color:#fff!important}
.app-sidebar nav a.active{background:var(--primary)!important;color:#1d140b!important;box-shadow:0 10px 25px rgba(245,131,52,.24)}
.sidebar-user{border-top:1px solid rgba(255,255,255,.08)!important}
.sidebar-user>span{background:#162239!important;color:#fff!important}

.panel,.table-wrap,.metrics article,.period-cards article,.product-card,.cart,.report-total div,.v2-record,.integration-status,.integrity-banner,.smart-filter,.permission-row,.list-card,.help-layout .panel,.login-card,dialog,.mobile-cart-bar,.bottom-sheet,.sheet-grid>*{
  background:var(--surface)!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow-sm)!important;
  color:var(--text)!important;
}
.table-wrap{overflow-x:auto;background:var(--surface)!important}
.panel,.metrics article,.period-cards article,.smart-filter,.integration-form,.section-gap,.permission-list,.help-layout .panel{padding:20px}
.warning-row{background:rgba(242,178,77,.08)!important}

button,.button,.primary,.secondary,.icon-button,input,select,textarea{border-radius:14px!important;transition:.18s ease}
button,.button,.primary,.secondary{min-height:46px;font-weight:800;letter-spacing:.01em}
.primary{background:var(--primary)!important;border:1px solid var(--primary)!important;color:#21150a!important;box-shadow:0 12px 26px rgba(245,131,52,.24)}
.primary:hover{filter:none;transform:translateY(-1px);background:#ffa154!important;border-color:#ffa154!important}
.secondary,.button:not(.primary){background:var(--surface-soft)!important;color:var(--text)!important;border:1px solid var(--border)!important}
.secondary:hover,.button:not(.primary):hover,.icon-button:hover{background:#13203a!important}
.icon-button{color:var(--text)!important}

input,select,textarea{
  background:#0b1322!important;
  color:var(--text)!important;
  border:1px solid #22314a!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(245,131,52,.18)!important}
.form label,.filter-row label,.auth-field label,.cash-fields label,.checks,.filter-fields label{color:#dbe5f4!important;font-weight:700!important}
.form input,.form select,.form textarea,.filter-row input,.filter-fields input{margin-top:7px}
label code,td code{color:#ffcf93;background:#121a2b;padding:2px 6px;border-radius:8px}

th,td{border-bottom:1px solid var(--border)!important;color:var(--text)!important;background:transparent!important}
th{color:#9aacc7!important;font-size:11px;letter-spacing:.08em}
td small,td span,td strong{color:inherit}table a{color:#fff;text-decoration:none}
.table-wrap thead th{background:rgba(255,255,255,.02)}
.report-total{background:var(--border)!important}
.report-total div{min-height:88px}
.badge{background:#13203a!important;color:#d8e3f7!important;border:1px solid #263656}
.badge.completed{background:rgba(41,179,111,.14)!important;color:#74ddaa!important;border-color:rgba(41,179,111,.24)!important}
.negative{color:#ff8383!important}.positive,.online{color:#7be3ae!important}.offline{color:#ff8b8b!important}
.integrity-banner.ok,.integration-status.connected{background:rgba(41,179,111,.12)!important;color:#b7f1d2!important;border-color:rgba(41,179,111,.22)!important}
.integrity-banner.danger{background:rgba(255,107,107,.12)!important;color:#ffd0d0!important;border-color:rgba(255,107,107,.2)!important}
.toast{top:calc(var(--header-height) + 14px);background:#101a2a!important;border:1px solid #25344a;box-shadow:var(--shadow-md)!important;color:#fff!important}.toast.error{background:#531d26!important;border-color:#7a3140!important}.toast.success{background:#103322!important;border-color:#1c6743!important}

.bottom-sheet{background:var(--surface)!important;border:1px solid var(--border)!important}.sheet-handle{background:#415370!important}.sheet-grid>*{min-height:82px}.sheet-grid small,.bottom-sheet header small{color:var(--muted)!important}.sheet-grid .icon{color:var(--primary)!important}.sheet-logout{background:rgba(255,107,107,.12)!important;color:#ffb0b0!important;border:1px solid rgba(255,107,107,.18)!important}
dialog{padding:22px!important;max-width:min(94vw,560px)!important;background:linear-gradient(180deg,#111827,#0e1626)!important;color:var(--text)!important}
dialog::backdrop{background:rgba(2,6,13,.72)!important;backdrop-filter:blur(4px)}
dialog>header{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--border)}
.form-actions{padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}

.pos-header .header-title small,.pos-header-link{color:#d8e4f8!important}.pos-header>.icon-button:last-child{color:var(--primary)!important}
.pos-search{background:#0f1727!important;border-color:#22314a!important;box-shadow:none!important}.pos-search>.icon{color:#73829a!important}.pos-search button{background:rgba(245,131,52,.12)!important;color:var(--primary)!important;border:1px solid rgba(245,131,52,.2)!important}
.category-strip button{background:#0e1625!important;border-color:#22314a!important;color:#d7e0ef!important}.category-strip button.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#201409!important}
.product-card{padding:12px!important;gap:8px!important}.product-thumb{background:#0b1321!important;border:1px solid #22314a;color:#73829a}.product-main>strong{color:#fff!important}.product-main>small{color:var(--muted)!important}.product-main>b{color:#ffb366!important}.product-card-controls button,.qty button{background:#0e1625!important;border:1px solid #22314a!important;color:#fff!important}.product-card-controls span{color:#fff!important}
.cart{background:linear-gradient(180deg,#0f1727,#0e1523)!important;border-left:1px solid var(--border)!important}.mobile-cart-bar{background:#0e1523!important;color:#fff!important}.mobile-cart-bar small{color:#95a4ba!important}
.cart-items article{border-bottom:1px solid var(--border)!important}.cart-total input{text-align:right}.change-display{background:#0b1321!important;border:1px solid #22314a!important}.change-display strong{color:#7be3ae!important}.payment-grid button{background:#0d1524!important;border:1px solid var(--border)!important;color:#fff!important}.payment-grid button:hover{background:#13203a!important}
.success-check{background:rgba(41,179,111,.12)!important;color:#7be3ae!important}

.help-fab{position:fixed;right:24px;bottom:24px;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#201409!important;font-weight:900;box-shadow:0 16px 28px rgba(245,131,52,.32)}
.auth-shell,.login-wrap{background:radial-gradient(circle at top right,rgba(245,131,52,.12),transparent 26%),linear-gradient(180deg,#08111e,#0b1220)!important}.auth-form-panel,.auth-brand-panel,.login-card{background:rgba(11,18,32,.92)!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--text)!important}.auth-heading p,.auth-security,.auth-brand-panel p,.auth-brand-panel a{color:var(--muted)!important}

.shell-pos .app-content{padding:0!important}.v2-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v2-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.v2-kpis article{padding:17px;display:flex;flex-direction:column;gap:8px}.v2-kpis article strong{font-size:clamp(19px,3vw,29px)}.v2-records{display:grid;gap:10px}.v2-record{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px}.v2-record p{color:var(--muted);margin:7px 0}.v2-inline{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.v2-inline input{width:88px}.v2-inline select{max-width:125px}.v2-badge{display:inline-block;background:#fa9b30;color:#191409;border-radius:6px;padding:3px 6px;font-weight:900;font-size:10px;margin-left:7px;vertical-align:middle}

@media (max-width:767px){
  .app-content{padding:16px 12px 98px!important}
  .page-heading{gap:12px!important}.page-heading>.button,.page-heading>.primary,.page-heading>.secondary{width:100%}
  .app-bottom-nav{background:rgba(10,17,31,.96)!important;border-top:1px solid var(--border)!important;backdrop-filter:blur(12px)}
  .app-bottom-nav>a,.app-bottom-nav>button{color:#9fb0c8!important}
  .app-bottom-nav>.active{color:#fff!important}
  .app-bottom-nav .nav-primary b{border:5px solid var(--background)!important;background:var(--primary)!important;color:#201409!important;box-shadow:0 14px 28px rgba(245,131,52,.28)!important}
  .table-wrap{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  .table-wrap tr{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:none!important}
  .table-wrap td::before{color:#8fa0b8!important}
  .filter-fields{grid-template-columns:1fr!important}.filter-fields label,.filter-fields button{grid-column:1/-1!important}
  .help-fab{right:16px;bottom:84px}
  .catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (min-width:768px){
  .app-content{padding:28px!important}
  .shell-pos .app-header{background:#0b1220!important;color:#fff!important}
  .shell-pos .app-content{overflow:hidden!important}
}