/* Shared Billexa company design: compact filters, report tabs and tables. */
:root{--pos-primary:#4f46e5;--pos-border:#e5e7eb;--pos-text:#111827;--pos-text-muted:#6b7280;background:#f9fafb;color:var(--pos-text)}
[hidden]{display:none!important}
.sidebar{background:#1e1b4b;width:240px}.workspace{margin-left:240px}.sidebar nav a.active,button{background:var(--pos-primary)}.brand-mark{background:var(--pos-primary)}
.topbar{height:56px;padding:0 24px}.workspace main{padding:24px;max-width:1800px}.page-top h1{font-size:22px;letter-spacing:0}.page-top p{font-size:12px}
.card{border-color:var(--pos-border);border-radius:14px;box-shadow:none;padding:20px}.filters{grid-template-columns:minmax(105px,1fr) minmax(130px,1fr) minmax(245px,1.65fr) 100px minmax(140px,1fr) auto;padding:18px 20px;gap:16px}
.filters label,.range-field>label{font-size:12px;font-weight:600;color:var(--pos-text-muted)}.filters input,.filters select{padding:8px 10px;height:36px;font-size:13px;margin-top:6px}.range-field input{cursor:pointer}.filter-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}
.filter-actions button,.button{font-size:13px;padding:8px 12px;border-radius:8px;line-height:20px}.button.outline{background:white;border:1px solid var(--pos-border);color:var(--pos-text-muted)}
#date-fallback{display:flex;gap:8px}#date-fallback input{min-width:0}.period-caption{font-size:12px;color:var(--pos-text-muted);margin:16px 0 20px}
.stats .card{border-top:1px solid var(--pos-border)!important;padding:18px 20px 18px 82px;min-height:120px}
.stats .card:before{content:'₹';position:absolute;left:20px;top:18px;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#ede9fe;color:#4f46e5;font-size:22px;font-weight:700}
.stats .card:nth-child(2):before{content:'#';background:#dcfce7;color:#16a34a}.stats .card:nth-child(3):before{content:'↗';background:#e0f2fe;color:#0284c7}.stats .card:nth-child(4):before{content:'%';background:#fef3c7;color:#d97706}
.stats .muted{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.stats strong{font-size:22px;margin:8px 0;color:var(--pos-text)}.stats small{font-size:12px}
.report-tabs{display:flex;gap:4px;overflow:auto;background:white;border:1px solid var(--pos-border);border-radius:14px;padding:6px;margin:20px 0}
.report-tabs button{background:transparent;color:var(--pos-text-muted);white-space:nowrap;font-size:13px;font-weight:500;padding:8px 16px;border-radius:10px}
.report-tabs button[aria-selected=true]{background:var(--pos-primary);color:white;font-weight:600}.report-tabs .print-report{margin-left:auto}
.order-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px;font-size:12px}.order-toolbar>div{display:flex;gap:8px}#items-state{font-size:10px;text-transform:uppercase;background:#f0f1f5;padding:2px 5px;border-radius:4px;margin-left:6px}
#toggle-items[aria-pressed=true]{color:var(--pos-primary);border-color:var(--pos-primary)}
.column-menu{position:relative}.column-menu summary{cursor:pointer;list-style:none}.column-menu>div{position:absolute;top:42px;left:0;background:white;padding:12px;box-shadow:0 8px 25px #11182720;border:1px solid var(--pos-border);border-radius:10px;width:180px;z-index:15}.column-menu label{display:block;padding:5px}
.table-scroll{margin:16px 0 0}th,td{padding:12px;border:1px solid var(--pos-border);font-size:13px}th{background:#f9fafb;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--pos-text-muted)}
tbody tr:hover{background:#f5f3ff}tfoot th{background:#ede9fe;color:#312e81;border-top:2px solid var(--pos-primary)}.item-column{min-width:240px;white-space:normal}.item-column>div{padding:5px 0;border-bottom:1px solid #eee}
.badge{border-radius:6px;font-size:11px;padding:4px 8px}.bar{background:linear-gradient(#a5b4fc,#4f46e5)}
.daterangepicker{color:#111827;font-family:inherit;box-shadow:0 8px 30px #11182720;border-radius:10px!important;max-width:calc(100vw - 24px)}
.daterangepicker table{margin:0}.daterangepicker td,.daterangepicker th{border:0;font-size:12px;padding:0;text-transform:none;letter-spacing:0;white-space:normal}
.daterangepicker .drp-buttons button{padding:5px 10px;font-size:12px;border-radius:5px}.daterangepicker .cancelBtn{background:#f3f4f6;color:#374151}.daterangepicker .ranges li.active,.daterangepicker td.active{background:#4f46e5}.daterangepicker select{display:inline;width:auto;margin:0;padding:2px;font-size:12px}
@media(max-width:1350px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workspace{margin-left:0}.workspace main{padding:20px 16px}.sidebar{width:240px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.range-field{grid-column:1/-1}.stats .card{padding:16px}.stats .card:before{position:static;margin-bottom:12px;width:38px;height:38px}.stats strong{font-size:20px}.order-toolbar{align-items:flex-start;flex-direction:column}.table-scroll{margin-left:0;margin-right:0}.report-tabs button{padding:8px 12px}.daterangepicker .drp-calendar{max-width:100%}}
@media print{.workspace{margin:0}.no-print{display:none!important}.report-pane[hidden]{display:none!important}.stats{grid-template-columns:repeat(4,1fr)}}

@media(max-width:760px){.daterangepicker{max-height:75vh;overflow-y:auto}.daterangepicker .ranges ul{display:grid;grid-template-columns:1fr 1fr;width:100%}.daterangepicker .ranges li{padding:10px}.daterangepicker .drp-buttons{position:sticky;bottom:0;background:white}}