/* Administration only: deliberately excludes the cashier workspace and printing. */
@media screen{
body:not(.pos-workspace):not(.dark) #appView .content{background:#edf2f8!important;background-image:radial-gradient(ellipse at 100% 0,#e0eaff,transparent 55%)!important;padding:24px!important}
body:not(.pos-workspace):not(.dark) #appView .sidebar{background:#f8faff!important;border:1px solid #dce5f0!important;border-radius:18px!important;box-shadow:0 8px 30px #243d6310!important}
body:not(.pos-workspace) #appView .nav-item{margin:3px 0;padding:10px 12px!important;border-radius:11px!important;line-height:1.5!important;font-size:13px!important}
body:not(.pos-workspace):not(.dark) #appView .nav-item.active{background:#e2ecff!important;color:#244f9a!important;border:1px solid #cbdcfa!important;box-shadow:none!important}
body:not(.pos-workspace):not(.dark) #appView .nav-item.active>span{background:#315fbd!important;color:#fff!important}
body:not(.pos-workspace):not(.dark) #appView .page>.page-head,body:not(.pos-workspace):not(.dark) #appView #dataPage>.page-head{background:#f8faff!important;border:1px solid #dbe5f1!important;border-right:5px solid var(--section-ink,#4268b2)!important;border-radius:16px!important;min-height:88px!important;padding:18px 22px!important;box-shadow:0 4px 18px #243d6307!important;margin-bottom:20px!important}
body:not(.pos-workspace):not(.dark) #appView .page>.page-head h2,body:not(.pos-workspace):not(.dark) #appView #dataPage>.page-head h2{color:#203656!important;font-size:23px!important;font-weight:700!important;margin:5px 0!important}
body:not(.pos-workspace):not(.dark) #appView .page>.page-head .eyebrow{color:var(--section-ink,#4268b2)!important;font-size:12px!important}
body:not(.pos-workspace):not(.dark) #appView .page>.page-head .primary{background:var(--section-ink,#4268b2)!important;color:white!important;border-radius:10px!important;box-shadow:0 4px 10px #23446a18!important}
body:not(.pos-workspace):not(.dark) #appView .panel{background:#fff!important;border:1px solid #dce5ef!important;border-radius:16px!important;box-shadow:0 5px 20px #203d6206!important;padding:20px!important}
body:not(.pos-workspace) #appView .table-tools,body:not(.pos-workspace) #appView .toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px!important}
body:not(.pos-workspace):not(.dark) #dataPage .table-tools{background:#f2f6fc!important;border:1px solid #e0e8f3;padding:12px!important;margin-bottom:16px;border-radius:12px!important}
body:not(.pos-workspace) #appView input,body:not(.pos-workspace) #appView select{min-height:42px;border-radius:10px!important;padding:9px 12px!important}
body:not(.pos-workspace) #appView input:focus-visible,body:not(.pos-workspace) #appView select:focus-visible{outline:3px solid #b4d2ff!important;outline-offset:2px}
body:not(.pos-workspace):not(.dark) #appView #dataPage th{background:#eaf0f8!important;color:#526681!important;font-weight:600!important;padding:14px!important;font-size:13px!important;white-space:nowrap}
body:not(.pos-workspace):not(.dark) #appView #dataPage td{padding:16px 14px!important;border-bottom:1px solid #e8eef6!important;color:#263c59!important;font-size:14px!important;line-height:1.65!important}
body:not(.pos-workspace):not(.dark) #appView #dataPage tbody tr{background:#fff!important}
body:not(.pos-workspace):not(.dark) #appView #dataPage tbody tr:nth-child(even){background:#f8fafd!important}
body:not(.pos-workspace):not(.dark) #appView #dataPage tbody tr:hover{background:#edf4ff!important}
body:not(.pos-workspace) #dataPage td button{padding:8px 14px!important;border-radius:9px!important;min-height:34px}
body:not(.pos-workspace):not(.dark) #appView .stat-card,body:not(.pos-workspace):not(.dark) #appView .module-card{border:1px solid #dbe6f3!important;background:linear-gradient(130deg,#fff,#eef4ff)!important;border-radius:16px!important;box-shadow:0 5px 18px #203d6208!important;padding:22px!important}
body:not(.pos-workspace):not(.dark) #appView .stat-card:nth-child(4n+2),body:not(.pos-workspace):not(.dark) #appView .module-card:nth-child(4n+2){background:linear-gradient(130deg,#fff,#e5f5ef)!important}
body:not(.pos-workspace):not(.dark) #appView .stat-card:nth-child(4n+3),body:not(.pos-workspace):not(.dark) #appView .module-card:nth-child(4n+3){background:linear-gradient(130deg,#fff,#f0eafa)!important}
body:not(.pos-workspace):not(.dark) #appView .stat-card:nth-child(4n),body:not(.pos-workspace):not(.dark) #appView .module-card:nth-child(4n){background:linear-gradient(130deg,#fff,#fff1da)!important}
body:not(.pos-workspace) #appView .stats-grid,body:not(.pos-workspace) #appView .modules-grid{gap:16px!important}
body:not(.pos-workspace) #modal .modal-card{border-radius:20px!important;border:1px solid #d9e3f0!important;box-shadow:0 24px 90px #16335b30!important}
body:not(.pos-workspace) #modal label{line-height:1.7;gap:8px;font-weight:600}
body:not(.pos-workspace) #modal input,body:not(.pos-workspace) #modal select,body:not(.pos-workspace) #modal textarea{border:1px solid #d8e2ef!important;border-radius:10px!important;padding:11px!important;min-height:42px}
@media(max-width:700px){body:not(.pos-workspace) #appView .content{padding:12px!important}body:not(.pos-workspace) #appView .page>.page-head{gap:12px;flex-wrap:wrap}body:not(.pos-workspace) #appView .panel{padding:12px!important}}
@media(prefers-reduced-motion:no-preference){body:not(.pos-workspace) #appView button{transition:background .16s,box-shadow .16s,transform .16s}body:not(.pos-workspace) #appView button:active{transform:translateY(1px)}}
}
@media screen{body:not(.pos-workspace):not(.dark) #appView #dataPage>.page-head .eyebrow{color:var(--section-ink,#4268b2)!important}body:not(.pos-workspace) #appView .table-wrap{overflow-x:auto!important}body:not(.pos-workspace) #dataBody td:last-child{white-space:nowrap}body:not(.pos-workspace) #dataBody td:last-child button{margin:3px!important}}