/* Color surfaces for administration and POS; print and login are untouched. */
@media screen{
body:not(.dark) #appView{--section-ink:#3665aa;--section-tint:#e4eeff;--section-soft:#f1f6ff;--section-line:#ccdcf3}
body:not(.dark) #dataPage[data-section=customers]{--section-ink:#177e6d;--section-tint:#d4f1e6;--section-soft:#eafaF3;--section-line:#b4dfce}
body:not(.dark) #dataPage[data-section=suppliers]{--section-ink:#8560ae;--section-tint:#e9dcf7;--section-soft:#f4ebfc;--section-line:#d7c1ec}
body:not(.dark) #dataPage[data-section=purchases]{--section-ink:#986322;--section-tint:#ffe7bd;--section-soft:#fff5e3;--section-line:#edd0a0}
body:not(.dark) #dataPage[data-section=inventory]{--section-ink:#187b90;--section-tint:#cfeef3;--section-soft:#e9f8fb;--section-line:#abd9e4}
body:not(.dark) #dataPage[data-section=sales]{--section-ink:#4268b2;--section-tint:#dce8ff;--section-soft:#eef3ff;--section-line:#bdd0f2}
body:not(.dark) #dataPage[data-section=expenses]{--section-ink:#b45c78;--section-tint:#f9dfe8;--section-soft:#fff0f4;--section-line:#efc1d0}
body:not(.dark) #dataPage[data-section=cash]{--section-ink:#26836c;--section-tint:#d5f0df;--section-soft:#eef9ee;--section-line:#b5d9c0}
body:not(.dark) #dataPage[data-section=users],body:not(.dark) #dataPage[data-section=branches]{--section-ink:#7561ac;--section-tint:#e5dff8;--section-soft:#f2effc;--section-line:#cfc2ed}
body:not(.dark) #appView .content{background:linear-gradient(135deg,#eaf2ff 0%,#f0eefc 50%,#eaf7f3 100%);min-height:calc(100dvh - 78px)}
body:not(.dark) #appView .sidebar{background:linear-gradient(160deg,#e1edff,#f1eafa 62%,#e0f3ef)!important;border:1px solid #cadbf1}
body:not(.dark) #appView .nav-item{border:1px solid transparent;background:#ffffff40;color:#385679}
body:not(.dark) #appView .nav-item>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#cde0ff;color:#376fc0;flex:none}
body:not(.dark) #appView .nav-item:nth-child(4n+2)>span{background:#d8c9f1;color:#7955b1}body:not(.dark) #appView .nav-item:nth-child(4n+3)>span{background:#c4eadd;color:#25816c}body:not(.dark) #appView .nav-item:nth-child(4n)>span{background:#ffe2af;color:#a7752d}
body:not(.dark) #appView .nav-item.active{background:linear-gradient(110deg,#325f9f,#477fd0)!important;color:#fff!important;border-color:#4d7dbe}
body:not(.dark) #appView .page>.page-head{padding:18px 20px;border-radius:18px;background:linear-gradient(115deg,var(--section-tint),var(--section-soft));border:1px solid var(--section-line);margin-bottom:16px}
body:not(.dark) #dataPage>.page-head h2,body:not(.dark) #dataPage>.page-head .eyebrow{color:var(--section-ink)!important}
body:not(.dark) #dataPage>.panel{background:var(--section-soft)!important;border:1px solid var(--section-line)!important;border-radius:18px;overflow:hidden}
body:not(.dark) #dataPage .table-tools{padding:12px;border-radius:12px;background:var(--section-tint);border:1px solid var(--section-line);gap:9px;flex-wrap:wrap}
body:not(.dark) #dataPage .table-tools input{background:#ffffffb3;border-color:var(--section-line);min-width:0}
body:not(.dark) #dataPage .table-tools button{background:#ffffff90;color:var(--section-ink);border:1px solid var(--section-line)}
body:not(.dark) #dataPage th{background:var(--section-tint)!important;color:var(--section-ink)!important;border-bottom:1px solid var(--section-line)}
body:not(.dark) #dataPage td{border-color:var(--section-line)!important}body:not(.dark) #dataPage tbody tr{background:var(--section-soft)}body:not(.dark) #dataPage tbody tr:nth-child(even){background:var(--section-tint)}body:not(.dark) #dataPage tbody tr:hover{box-shadow:inset 4px 0 0 var(--section-ink);filter:brightness(.985)}
body:not(.dark) #dataPage td .ghost{background:#ffffffa6;color:var(--section-ink);border:1px solid var(--section-line)}body:not(.dark) #dataPage .empty-cell{background:var(--section-soft)!important;color:var(--section-ink)}
body:not(.dark) #appView .stat-card,body:not(.dark) #appView .module-card,body:not(.dark) #appView .report-card,body:not(.dark) #appView .setting-card{background:linear-gradient(140deg,#dae9ff,#eef4ff)!important;border:1px solid #c6daf4!important}
body:not(.dark) #appView .stat-card:nth-child(4n+2),body:not(.dark) #appView .module-card:nth-child(4n+2),body:not(.dark) #appView .report-card:nth-child(4n+2),body:not(.dark) #appView .setting-card:nth-child(4n+2){background:linear-gradient(140deg,#e4d9f6,#f4edfc)!important;border-color:#d8c7ec!important}
body:not(.dark) #appView .stat-card:nth-child(4n+3),body:not(.dark) #appView .module-card:nth-child(4n+3),body:not(.dark) #appView .report-card:nth-child(4n+3),body:not(.dark) #appView .setting-card:nth-child(4n+3){background:linear-gradient(140deg,#d0eddf,#edfaf4)!important;border-color:#b9e0cd!important}
body:not(.dark) #appView .stat-card:nth-child(4n),body:not(.dark) #appView .module-card:nth-child(4n),body:not(.dark) #appView .report-card:nth-child(4n),body:not(.dark) #appView .setting-card:nth-child(4n){background:linear-gradient(140deg,#ffe5bb,#fff4e2)!important;border-color:#efd2a5!important}
body:not(.dark) #appView .panel{background:linear-gradient(145deg,#edf3fd,#eff8f6)!important;border:1px solid #cfdef0!important}
body:not(.dark) #appView .panel th{background:#dbe8f9;color:#42628b}body:not(.dark) #appView .panel tbody tr:nth-child(even){background:#e5effa70}
body:not(.dark).pos-workspace #posPage.active{background:linear-gradient(120deg,#dcecfb,#ece5f8 65%,#e1f3eb)!important}
body:not(.dark).pos-workspace #posPage .pos-page-head{background:linear-gradient(110deg,#d8e8ff,#e4dcf7 55%,#d8efe8)!important;border-color:#c0d2ed!important}
body:not(.dark).pos-workspace #posPage .products-panel{background:linear-gradient(155deg,#e0eefb,#edf6fb)!important;border-color:#bcd6ec!important}
body:not(.dark).pos-workspace #posPage .pos-checkout-card{background:linear-gradient(155deg,#e8ddf8,#f1eafb)!important;border-color:#d2bee9!important}
body:not(.dark).pos-workspace #posPage .pos-cart-kicker{background:#e4d5f5!important;border-bottom-color:#d6c2eb!important}
body:not(.dark).pos-workspace #posPage .premium-invoice-meta{background:linear-gradient(120deg,#e9e1f8,#e0ecfc)!important;border:1px solid #d0d7ed!important}
body:not(.dark).pos-workspace #posPage .pos-invoice-body{background:linear-gradient(150deg,#eee5f9,#e5edf9)!important}
body:not(.dark).pos-workspace #posPage .cart-items{background:#e2eafa!important;border-color:#cbd9ef!important}body:not(.dark).pos-workspace #posPage .cart-items .empty-state{background:#d5e2f7!important;color:#55769c!important}
body:not(.dark).pos-workspace #posPage .cart-row{background:#eef3ff99;border-radius:10px;margin-bottom:5px;padding:8px!important}
body:not(.dark).pos-workspace #posPage .pos-payment-dock{background:linear-gradient(150deg,#def1e9,#e8f5ed)!important;border-top-color:#bddfce!important}
body:not(.dark).pos-workspace #posPage .premium-cart-summary{background:linear-gradient(125deg,#ceecde,#dceef4)!important;border-color:#afdbcc!important}
body:not(.dark).pos-workspace #posPage .pos-searchbar{background:#d7e7fb!important;border-color:#bad2ee!important}body:not(.dark).pos-workspace #posPage .pos-searchbar input{background:transparent!important}
body:not(.dark).pos-workspace #posPage .product{background:linear-gradient(150deg,var(--p-tint) 0%,var(--p-tint) 75%,#eef6fc)!important;border-color:#cbdcf1!important}
body:not(.dark).pos-workspace #posPage .product-info{background:var(--p-tint)!important}body:not(.dark).pos-workspace #posPage .product-art{background:linear-gradient(125deg,var(--p-tint),#ffffff60)!important}
body:not(.dark).pos-workspace #posPage .pos-action{background:#ffffff85!important;border-color:#c5d5ec!important}body:not(.dark).pos-workspace #posPage .pos-action-new{background:#bfe8d8!important;border-color:#a5d7c3!important}body:not(.dark).pos-workspace #posPage .pos-action-cancel{background:#f8d6df!important;border-color:#edbccb!important}body:not(.dark).pos-workspace #posPage .pos-action-hold{background:#ffe5bc!important;border-color:#f0d09e!important}
body:not(.dark).pos-workspace #posPage .payment-methods button[data-method=cash]{background:#cfebde!important;color:#257c61!important}body:not(.dark).pos-workspace #posPage .payment-methods button[data-method=bank]{background:#ddd0f5!important;color:#7252a5!important}body:not(.dark).pos-workspace #posPage .payment-methods button[data-method=wallet]{background:#ffe3b4!important;color:#a16b20!important}body:not(.dark).pos-workspace #posPage .payment-methods button[data-method=credit]{background:#f7d4e1!important;color:#ad5274!important}body:not(.dark).pos-workspace #posPage .payment-methods button[data-method=mixed]{background:#c4e9ee!important;color:#2d7987!important}
body:not(.dark).pos-workspace #posPage .payment-methods button.active{background:#2e6788!important;color:white!important;box-shadow:inset 0 0 0 2px #204f75!important}
}
@media screen{body:not(.dark) #appView #dataPage>.panel{background:var(--section-soft)!important;border-color:var(--section-line)!important}body:not(.dark) #appView #dataPage th{background:var(--section-tint)!important;color:var(--section-ink)!important}body:not(.dark) #appView #dataPage tbody tr:nth-child(even){background:var(--section-tint)!important}}