/* Reviewed Payno Cloud UI refinements — desktop collapse, active controls, typography. */
@media (min-width:851px){
 .layout.collapsed{grid-template-columns:76px minmax(0,1fr)!important}
 .layout.collapsed .side{width:76px;min-width:0;max-width:76px;padding:13px 7px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}
 .layout.collapsed .side::-webkit-scrollbar{width:0;height:0}
 .layout.collapsed .brand{display:grid;place-items:center;width:100%;padding:5px 0 14px;min-width:0;overflow:hidden}
 .layout.collapsed .brand img{display:none!important}
 .layout.collapsed .brand::before{content:"";display:block;width:43px;height:43px;background:url('payno-icon.svg') center/contain no-repeat}
 .layout.collapsed .brand .brand-subtitle,.layout.collapsed .navlabel,
 .layout.collapsed .navgroup,.layout.collapsed .sidefoot{display:none!important}
 .layout.collapsed #nav{width:100%;min-width:0;display:grid;gap:3px}
 .layout.collapsed .navitem{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:0;padding:9px 4px;margin:1px 0;overflow:hidden;border-radius:10px;min-height:42px}
 .layout.collapsed .navitem .ni{width:24px;min-width:24px;height:24px;display:grid;place-items:center;margin:0}
 .layout.collapsed .navitem .navsvg{width:21px;height:21px;max-width:21px;object-fit:contain}
 .layout.collapsed .main{min-width:0}
}
body.dark .v1-period .btn.active,
body.dark .v1-report-tabs button.active,
body.dark .p3-shift-tabs .p3-selected,
body.dark .report-tab.active,
body.dark .tab.active{
 background:#92caff!important;color:#101c31!important;border:1px solid #abd9ff!important;
 box-shadow:0 0 0 2px rgba(146,202,255,.16),inset 0 -2px 0 rgba(7,27,58,.30)!important;
 font-weight:800;
}
.v1-period .btn.active,.v1-report-tabs button.active,.p3-shift-tabs .p3-selected{font-weight:800}
body.dark .navitem.active{background:#8fc7ff30;border:1px solid #8fc7ff99;color:#fff;box-shadow:inset -4px 0 #9cd4ff}
body.dark .navitem:hover:not(.active){background:#8fc7ff17}
body.dark .field:focus-visible,body.dark .btn:focus-visible,body.dark .navitem:focus-visible{outline:2px solid #9cd4ff;outline-offset:2px}
body.dark .v1-filterbar select:focus-visible{background:#263953}
.p3-shift-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 16px}
.p3-shift-tabs .p3-selected{background:var(--soft);border-color:var(--accent)}
.p3-shift-tabs + #p3-shift-list{min-width:0}
.p3-search-wrap,.p3-select-wrap{display:grid;gap:4px;min-width:200px}
.p3-search-wrap{flex:1 1 200px;max-width:300px}
.p3-search-wrap span,.p3-select-wrap span{color:var(--muted);font-size:11px;font-weight:700}
.p3-search-wrap .field,.p3-select-wrap .field{width:100%;max-width:none;min-width:0}
.p3-select-wrap{min-width:150px}
.v1-table .p3-product-name{line-height:1.8;font-weight:700;font-size:12px;overflow-wrap:anywhere}
.v1-table .table .cellsub{font-size:10px;margin-top:3px}
.v1-table .table td .num{unicode-bidi:isolate}
.v1-table .table th{font-size:11px}
.p3-move-notes{display:inline-block;max-width:190px;white-space:normal;overflow-wrap:anywhere}
.p3-reference{white-space:nowrap;font-family:Inter,Arial,sans-serif;direction:ltr}
.p3-report-intro{margin-bottom:17px}
.p3-report-intro .kpirow{margin-top:13px}
.p3-explanation{padding:10px 15px}
.p3-day-payments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}
.p3-day-payments span{display:flex;justify-content:space-between;gap:10px;padding:7px 11px;border:1px solid var(--line);border-radius:8px;font-size:11px}
.p3-day-payments strong{font-size:11px}
.v1-chart{direction:rtl;scroll-behavior:smooth;scrollbar-width:thin}
.v1-chart .chart-day{flex:0 0 42px;min-width:42px;direction:ltr}
.v1-chart-caption{margin:10px 0 2px;font-size:10px}
.v1-chart .chart-day.active .chart-col{background:linear-gradient(#b3f3f3,#72bdff);box-shadow:0 0 0 2px #8fc7ff;filter:none}
.v1-modal .modal{width:min(860px,97vw);max-height:90vh;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden}
.v1-modal .modalbody{padding:17px 21px;overflow-y:auto;overflow-x:hidden;flex:0 1 auto;min-height:0;max-height:none}
.v1-modal .modalhead{padding:14px 21px}
.v1-modal .modalhead h2{font-size:20px;line-height:1.7}
.v1-modal .modalfoot{padding:10px 20px}
.v1-modal .modalfoot:empty{display:none}
.v1-modal .invoice-meta{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}
.v1-modal .invoice-meta >div{padding:11px 13px}
.v1-modal .invoice-meta dt{font-size:12px;line-height:1.6}
.v1-modal .invoice-meta dd{font-size:15px;line-height:1.75;font-weight:700;overflow-wrap:anywhere}
.v1-modal .invoice-block h3{font-size:14px;padding:11px 14px}
.v1-modal .table td{font-size:13px;padding:9px 10px;line-height:1.65}
.v1-modal .table th{font-size:12px;padding:9px 10px}
.v1-modal .invoice-total{font-size:15px;margin-top:14px}
.v1-modal .invoice-total strong{font-size:16px}
.v1-modal .invoice-meta .pill{font-size:12px}
.p3-product-modal,.p3-invoice-modal,.p3-shift-detail,.p3-daily-detail{min-width:0}
.p3-barcode-list{padding:10px 15px;display:grid;gap:8px}
.p3-barcode-list >div{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.p3-barcode-list >div:last-child{border:0}
.p3-barcode-list strong{font-size:12px;color:var(--muted)}
.p3-barcode-list .num{font-size:14px;font-weight:700}
.p3-return-status{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:5px 0}
.p3-returns h3{display:flex;justify-content:space-between;align-items:center}
.p3-returns-foot{padding:10px 14px;display:flex;gap:8px;flex-wrap:wrap}
.p3-returns-foot span{padding:6px 10px;background:var(--soft);border-radius:8px;font-size:11px}
.p3-move-link{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 4px}
.p3-daily-detail .invoice-block{margin-top:10px}
@media(max-width:850px){
 .layout.collapsed .side{width:250px;max-width:none}
 .v1-modal .modal{width:min(96vw,840px)}
 .v1-chart .chart-day{min-width:40px;flex-basis:40px}
 .p3-search-wrap{max-width:none}
}
@media(max-width:560px){
 .p3-day-payments{grid-template-columns:1fr}
 .v1-modal .invoice-meta{grid-template-columns:1fr}
 .v1-modal .modalbody{padding:12px}
 .v1-modal .invoice-meta dd{font-size:14px}
 .v1-modal .table td{font-size:12px}
}

/* Nondefault select filters remain visible after they lose focus. */
body.dark .v1-filterbar select.field[data-filtered="1"]{color:#b8e1ff;background:#263f61;border:1px solid #82bdf6;box-shadow:inset 0 -2px 0 rgba(143,199,255,.4);font-weight:800}
.v1-filterbar select.field[data-filtered="1"]{border-color:var(--accent);font-weight:700;background:var(--soft)}