/* Final viewport constraints for the wide POS history dialog. */
section.pos-history-redesign {
  width: calc(100vw - 56px);
  max-width: 1240px;
  min-width: 0;
  max-height: calc(100vh - 28px);
  border-radius: 15px;
}

section.pos-history-redesign>.pos-history-head{padding:15px 20px}
.pos-history-heading{gap:14px}
.pos-history-title-icon{flex-basis:58px;width:58px;height:58px;border-radius:12px;font-size:30px}
.pos-history-badge{margin-bottom:4px;font-size:11px}
.pos-history-heading h2{font-size:24px!important}
.pos-history-heading p{margin-top:5px;font-size:12px}
.pos-history-body{padding:14px 18px 6px}
.pos-history-toolbar{grid-template-columns:minmax(270px,1.25fr) minmax(280px,1fr) minmax(200px,.72fr) 112px;gap:10px}
.pos-history-query,.pos-history-date,.pos-history-branch{min-height:48px;padding:7px 11px;border-radius:8px;gap:9px}
.pos-history-query>span,.pos-history-date>span,.pos-history-branch>span{font-size:18px}
.pos-history-query input{font-size:13px}
.pos-history-date label,.pos-history-branch>div{font-size:11px}
.pos-history-date input,.pos-history-branch select{font-size:12px}
.pos-history-refresh{min-width:112px;font-size:12px}
.pos-history-columns{grid-template-columns:minmax(300px,1.45fr) minmax(85px,.42fr) minmax(120px,.55fr) minmax(125px,.58fr) 78px;gap:0;margin-top:12px;padding:0;border:1px solid #dfcfae;border-radius:8px 8px 0 0;background:#fff3d3;font-size:12px}
.pos-history-columns span{min-height:38px;padding:10px 12px;border-left:1px solid #dfcfae}
.pos-history-columns span:first-child{border-left:0}
.pos-history-list{gap:0;margin-top:0;border:1px solid #e2d8c7;border-top:0;border-radius:0 0 8px 8px}
.pos-history-card{border:0;border-bottom:1px solid #e2d8c7;border-radius:0;box-shadow:none}
.pos-history-card:last-child{border-bottom:0}
.pos-history-card-main{grid-template-columns:minmax(300px,1.45fr) minmax(85px,.42fr) minmax(120px,.55fr) minmax(125px,.58fr) 78px;gap:0;min-height:68px;padding:0}
.pos-history-card-main>div,.pos-history-card-main>strong,.pos-history-card-main>time{display:flex;min-height:68px;align-items:center;padding:8px 12px;border-left:1px solid #e2d8c7}
.pos-history-card-main>div:first-child{border-left:0}
.pos-history-bill{gap:10px}
.pos-history-doc-icon{flex-basis:38px;width:38px;height:38px;border-radius:9px;font-size:19px}
.pos-history-bill b{font-size:14px}
.pos-history-bill span{font-size:12px}
.pos-history-bill small{font-size:10.5px}
.pos-history-branch-pill{padding:5px 9px;font-size:12px}
.pos-history-total{justify-content:center;font-size:15px}
.pos-history-card time{justify-content:center;font-size:12px}
.pos-history-card time small{font-size:11px}
.pos-history-actions{justify-content:center;gap:4px}
.pos-history-card-main>.pos-history-actions{display:flex;padding-inline:5px}
.pos-history-card-main>time{flex-direction:column}
.pos-history-actions .history-detail{width:32px;min-width:32px;height:34px;min-height:34px;padding:0;font-size:16px}
.pos-history-actions .store-menu-trigger{width:28px;min-width:28px;height:34px;padding:0}
.pos-history-detail{margin:0;border:0;border-top:1px solid #c9ddcf;border-radius:0}
.pos-history-detail table{width:100%;min-width:980px;table-layout:fixed;font-size:11.5px}
.pos-history-detail th,.pos-history-detail td{height:40px;padding:7px 9px;border:1px solid #dfcfae;vertical-align:middle}
.pos-history-detail th{background:#fff3d3;color:#6b4b26;font-size:11px}
.pos-history-detail td{background:#fffdf9!important;font-size:11.5px}
.pos-history-detail th:nth-child(1),.pos-history-detail td:nth-child(1){width:13%}
.pos-history-detail th:nth-child(2),.pos-history-detail td:nth-child(2){width:23%}
.pos-history-detail th:nth-child(n+3),.pos-history-detail td:nth-child(n+3){width:10.666%}
.pos-history-detail tfoot td{height:44px;background:#fffaf0!important}
.pos-history-empty{min-height:130px;padding:42px 16px;border:0;border-radius:0;font-size:13px}
.pos-history-footer{gap:12px;margin-top:4px;padding:10px 18px 14px!important}
.pos-history-footer label,.pos-history-footer p{font-size:11.5px}
@media(max-width:1150px){section.pos-history-redesign{width:calc(100vw - 24px)}.pos-history-toolbar{grid-template-columns:1fr 1fr}.pos-history-columns{display:none}.pos-history-list{border-top:1px solid #e2d8c7;border-radius:8px}.pos-history-card{border-bottom:1px solid #e2d8c7}.pos-history-card-main{grid-template-columns:1fr auto auto}.pos-history-card-main>div,.pos-history-card-main>strong,.pos-history-card-main>time{border-left:0}.pos-history-actions{border-top:1px solid #eee5d7}}