/* Orders list: one readable row on desktop, compact card on mobile. */
.orders-v85 .order-card-grid{grid-template-columns:1fr!important;gap:8px!important}
.order-toolbar-v85{grid-template-columns:minmax(220px,1fr) repeat(4,minmax(135px,.55fr)) auto auto!important}
.order-workflow-hero{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.order-workflow-hero button{border:1px solid #dcebe2;background:linear-gradient(145deg,#fff,#f1fbf5);border-radius:16px;padding:13px 15px;text-align:left;cursor:pointer;color:#173c2d}.order-workflow-hero span,.order-workflow-hero small{display:block}.order-workflow-hero b{display:block;margin:5px 0;color:#079447;font-size:25px}.order-workflow-hero small{color:#64748b}.order-bulk-check{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:#087443;font-size:12px;font-weight:800}.order-bulk-check input{width:17px;height:17px;accent-color:#079447}
.orders-v85 .order-card-v85{grid-template-columns:minmax(230px,1.25fr) minmax(360px,2fr) minmax(210px,1.2fr) auto;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.orders-v85 .order-card-head{grid-column:1;min-width:0}.orders-v85 .order-card-info{grid-column:2;min-width:0}.orders-v85 .order-card-v85>p{grid-column:3;min-width:0;margin:0}.orders-v85 .order-card-actions{grid-column:4;display:flex;flex-wrap:wrap;justify-content:flex-end;min-width:190px}.orders-v85 .order-card-actions button{min-width:72px;padding:0 9px}.orders-v85 .order-card-info{grid-template-columns:52px minmax(0,1fr) 58px minmax(0,1fr);padding:7px 9px}.orders-v85 .order-card-head b{font-size:13px}.orders-v85 .order-card-head span{font-size:12px}.orders-v85 .order-card-v85 p{font-size:12px}
@media(max-width:1280px) and (min-width:761px){.order-toolbar-v85{grid-template-columns:minmax(200px,1fr) repeat(4,minmax(120px,.55fr))!important}.order-toolbar-v85 .btn{width:100%}.orders-v85 .order-card-v85{grid-template-columns:minmax(200px,1fr) minmax(300px,1.5fr) auto}.orders-v85 .order-card-v85>p{grid-column:1/3}.orders-v85 .order-card-actions{grid-column:3;grid-row:1/3;align-self:center;min-width:150px}}
@media(max-width:760px){.order-workflow-hero{display:flex;overflow-x:auto;gap:8px}.order-workflow-hero button{flex:0 0 150px;padding:11px 12px}.order-workflow-hero b{font-size:21px}.orders-v85 .order-card-grid{grid-template-columns:1fr!important}.orders-v85 .order-card-v85{display:grid;grid-template-columns:1fr!important;padding:12px!important}.orders-v85 .order-card-head,.orders-v85 .order-card-info,.orders-v85 .order-card-v85>p,.orders-v85 .order-card-actions,.orders-v85 .order-bulk-check{grid-column:1!important}.orders-v85 .order-card-actions{justify-content:stretch;min-width:0}.orders-v85 .order-card-actions button{flex:1;min-width:0}}
/* V-BULK-ORDERS */
.order-card-v85{position:relative;padding-top:42px}.order-bulk-check-v2{position:absolute;top:12px;left:14px;display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px;z-index:2}.order-bulk-check-v2 input,.order-bulk-header input{width:18px;height:18px;accent-color:#087f5b}.order-bulk-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #dfe9e4;border-radius:14px;padding:12px 16px;margin:12px 0}.order-bulk-header label{display:flex;align-items:center;gap:8px;font-weight:800}.order-bulk-bar{position:sticky;top:72px;z-index:25;background:#f0fff8;border:1px solid #93d8b8;box-shadow:0 10px 30px rgba(10,91,61,.14);border-radius:16px;padding:12px 14px;margin:10px 0}.order-bulk-bar>strong{display:block;margin-bottom:9px;color:#075c42}.order-bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.order-bulk-actions .btn[hidden]{display:none!important}.order-bulk-progress{margin-top:10px;display:flex;align-items:center;gap:10px}.order-bulk-progress i{display:block;width:140px;height:8px;border-radius:99px;background:linear-gradient(90deg,#0a8f65 35%,#d8eee5 35%);animation:bulkProgress 1s linear infinite;background-size:200% 100%}.order-bulk-progress[hidden]{display:none}.bulk-result .ok{color:#087f5b}.bulk-result .bad{color:#c92a2a}.bulk-errors{max-height:320px;overflow:auto;border-top:1px solid #eee;padding-top:10px}.bulk-errors p{margin:7px 0;padding:8px;background:#fff4f4;border-radius:8px}@keyframes bulkProgress{to{background-position:-200% 0}}@media(max-width:700px){.order-bulk-bar{top:58px}.order-bulk-actions .btn{font-size:12px;padding:8px}.order-bulk-header{align-items:stretch}.order-bulk-header .btn{width:100%}}

/* RESPONSIVE-ORDERS-2026-07-30: unified desktop/tablet/mobile layout */
.orders-v85{width:100%;max-width:100%;min-width:0;overflow:visible}
.orders-v85 *{box-sizing:border-box}
.orders-v85 .orders-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.orders-v85 .orders-hero>div:first-child{min-width:0}
.orders-v85 .orders-hero h2{overflow-wrap:anywhere}
.orders-v85 .orders-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.order-toolbar-v85{display:grid;align-items:center;gap:10px;width:100%;min-width:0}
.order-toolbar-v85>*{min-width:0;max-width:100%}
.order-toolbar-v85 select,.order-toolbar-v85 input,.order-toolbar-v85 button{min-height:44px}
.order-searchbox{min-width:0}
.order-searchbox input{width:100%;min-width:0}
.order-status-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.order-status-strip>div{min-width:0}
.order-status-strip b{overflow-wrap:anywhere}
.orders-v85 .order-card-v85{width:100%;min-width:0;overflow:hidden}
.orders-v85 .order-card-head,.orders-v85 .order-card-info,.orders-v85 .order-card-v85>p{min-width:0}
.orders-v85 .order-card-head b,.orders-v85 .order-card-head span,.orders-v85 .order-card-v85>p{overflow:hidden;text-overflow:ellipsis}
.orders-v85 .order-card-info b{min-width:0;overflow-wrap:anywhere}
.orders-v85 .order-card-actions{gap:7px}
.orders-v85 .order-card-actions .btn,.orders-v85 .order-card-actions button{min-height:38px;white-space:nowrap}
.order-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.order-bulk-bar{max-width:100%;overflow:hidden}
.order-bulk-actions{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:thin}
.order-bulk-actions .btn{flex:0 0 auto;white-space:nowrap}

@media (max-width:1100px){
  .orders-v85 .orders-hero{align-items:stretch}
  .order-toolbar-v85{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .order-toolbar-v85 .order-searchbox{grid-column:1/-1}
  .order-toolbar-v85 .btn{width:100%}
  .order-status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .orders-v85 .order-card-v85{grid-template-columns:minmax(190px,.9fr) minmax(0,1.5fr)!important;gap:10px!important;padding:42px 12px 12px!important}
  .orders-v85 .order-card-head{grid-column:1!important}
  .orders-v85 .order-card-info{grid-column:2!important}
  .orders-v85 .order-card-v85>p{grid-column:1/3!important;padding:9px 0 0;border-top:1px solid #edf3ef}
  .orders-v85 .order-card-actions{grid-column:1/3!important;grid-row:auto!important;justify-content:flex-end!important;min-width:0!important}
}

@media (max-width:760px){
  .orders-v85{padding-bottom:82px}
  .orders-v85 .orders-hero{display:grid;gap:14px;padding:16px!important;border-radius:18px!important}
  .orders-v85 .orders-hero h2{font-size:24px;line-height:1.2;margin:5px 0}
  .orders-v85 .orders-hero p{font-size:13px;line-height:1.5}
  .orders-v85 .orders-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
  .orders-v85 .orders-hero-actions .btn{width:100%;min-width:0;padding-left:8px;padding-right:8px}
  .order-workflow-hero{margin-left:-4px;margin-right:-4px;padding:2px 4px 7px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .order-workflow-hero button{flex:0 0 138px;scroll-snap-align:start;border-radius:14px}
  .order-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .order-kpi-grid>*{min-width:0;padding:13px!important;border-radius:15px!important}
  .order-kpi-grid b,.order-kpi-grid strong{font-size:20px!important;overflow-wrap:anywhere}
  .order-toolbar-v85{grid-template-columns:1fr!important;padding:12px!important;gap:8px!important;border-radius:16px!important}
  .order-toolbar-v85>*{grid-column:1!important;width:100%!important}
  .order-status-strip{display:flex;overflow-x:auto;gap:8px;padding:2px 0 7px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .order-status-strip>div{flex:0 0 128px;scroll-snap-align:start}
  .order-bulk-header{display:grid;grid-template-columns:1fr;gap:9px;padding:12px;margin:10px 0}
  .order-bulk-header label{min-height:38px}
  .order-bulk-bar{position:sticky;top:62px;border-radius:14px;padding:11px;z-index:40}
  .order-bulk-actions{margin-left:-2px;margin-right:-2px}
  .orders-v85 .order-card-grid{gap:10px!important}
  .orders-v85 .order-card-v85{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:42px 12px 12px!important;border-radius:16px!important}
  .orders-v85 .order-card-head,.orders-v85 .order-card-info,.orders-v85 .order-card-v85>p,.orders-v85 .order-card-actions{grid-column:1!important}
  .orders-v85 .order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
  .orders-v85 .order-card-head>div{min-width:0}
  .orders-v85 .order-card-head b{display:block;white-space:nowrap;font-size:13px}
  .orders-v85 .order-card-head span{display:block;white-space:nowrap;max-width:70vw}
  .orders-v85 .order-card-info{display:grid!important;grid-template-columns:minmax(76px,.7fr) minmax(0,1.3fr)!important;gap:7px 9px!important;padding:10px!important;border-radius:12px!important}
  .orders-v85 .order-card-info span{font-size:11px!important}
  .orders-v85 .order-card-info b{font-size:12px!important;text-align:right}
  .orders-v85 .order-card-v85>p{padding:9px 0;margin:0!important;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .orders-v85 .order-card-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
  .orders-v85 .order-card-actions button,.orders-v85 .order-card-actions .btn{width:100%;min-width:0!important;min-height:42px;padding:8px 6px!important;font-size:12px}
  .orders-v85 .order-card-actions>*:only-child{grid-column:1/-1}
  .order-bulk-check-v2{top:11px;left:12px}
}

@media (max-width:420px){
  .orders-v85 .orders-hero-actions{grid-template-columns:1fr}
  .order-kpi-grid{grid-template-columns:1fr 1fr!important}
  .orders-v85 .order-card-actions{grid-template-columns:1fr}
  .orders-v85 .order-card-actions>*:only-child{grid-column:auto}
  .order-status-strip>div{flex-basis:118px}
}


/* Smart orders hero + page size controls */
.orders-v85 .orders-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:22px;border-radius:22px;background:linear-gradient(180deg,#f5fbf7 0%,#f9fdfb 100%);border:1px solid #dceee2}
.orders-v85 .orders-hero-main{min-width:0}
.orders-v85 .orders-hero-main>span:first-child{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#eef8f1;border:1px solid #d5eadb;color:#1f8f55;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.orders-v85 .orders-hero-main p{max-width:760px}
.orders-v85 .orders-hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}
.orders-v85 .order-hero-stat{background:#fff;border:1px solid #dfeee5;border-radius:18px;padding:14px 16px;box-shadow:0 8px 24px rgba(34,104,63,.05)}
.orders-v85 .order-hero-stat span{display:block;font-size:12px;font-weight:700;color:#5d6f66;text-transform:uppercase;letter-spacing:.02em}
.orders-v85 .order-hero-stat b{display:block;margin-top:6px;font-size:28px;line-height:1.15;color:#123524}
.orders-v85 .order-hero-stat small{display:block;margin-top:6px;color:#667a70;font-size:12px;line-height:1.5}
.orders-v85 .order-hero-stat.warn{background:#fffaf1;border-color:#f1dfb2}
.orders-v85 .order-hero-stat.warn b{color:#b26c00}
.orders-v85 .orders-hero-actions{align-items:flex-start}
.orders-v85 .orders-hero-actions .btn{min-width:140px;min-height:44px}
.order-toolbar-v85{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(140px,.9fr)) minmax(220px,1.15fr) auto auto!important}
.order-page-size-box{display:flex;flex-direction:column;gap:6px;min-width:0}
.order-page-size-box label{font-size:12px;font-weight:700;color:#597166}
.order-page-size-row{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1fr);gap:8px}
.order-page-size-row input.is-disabled{opacity:.65;background:#f6f7f7}
.order-page-size-row input,.order-page-size-row select{width:100%}
@media(max-width:1280px) and (min-width:761px){
  .order-toolbar-v85{grid-template-columns:minmax(200px,1fr) repeat(4,minmax(120px,.7fr)) minmax(180px,1fr) auto auto!important}
}
@media(max-width:1024px){
  .orders-v85 .orders-hero{grid-template-columns:1fr}
  .orders-v85 .orders-hero-actions{justify-content:flex-start}
  .order-toolbar-v85{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .order-toolbar-v85 .order-searchbox,.order-toolbar-v85 .order-page-size-box{grid-column:1/-1}
}
@media(max-width:760px){
  .orders-v85 .orders-hero{padding:16px;border-radius:18px}
  .orders-v85 .orders-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .orders-v85 .order-hero-stat{padding:12px}
  .orders-v85 .order-hero-stat b{font-size:22px}
  .orders-v85 .orders-hero-actions{display:flex}
  .orders-v85 .orders-hero-actions .btn{width:100%;min-width:0}
  .order-page-size-row{grid-template-columns:1fr}
}
@media(max-width:480px){
  .orders-v85 .orders-hero-metrics{grid-template-columns:1fr}
}

/* ========================================================================== 
   SMART ORDER UI — đồng bộ desktop/mobile, không xổ dòng ngoài ý muốn
   ========================================================================== */
.orders-smart-layout{display:grid;gap:16px;width:100%;min-width:0}
.orders-smart-layout .orders-hero{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:22px!important;border:1px solid #dcebe1!important;border-radius:22px!important;background:linear-gradient(135deg,#f7fcf8 0%,#eef9f2 100%)!important;box-shadow:0 10px 30px rgba(25,89,52,.06)!important}
.orders-smart-layout .orders-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-width:0}
.orders-smart-layout .orders-hero-main{min-width:0;flex:1}
.orders-smart-layout .orders-hero-main>span:first-child{display:inline-flex;align-items:center;height:28px;padding:0 12px;border:1px solid #cce8d6;border-radius:999px;background:#fff;color:#16864d;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.orders-smart-layout .orders-hero-main h2{margin:9px 0 5px;font-size:28px;line-height:1.2;color:#123326;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-smart-layout .orders-hero-main p{margin:0;max-width:760px;color:#61746a;font-size:13px;line-height:1.55}
.orders-smart-layout .orders-hero-actions{display:flex!important;flex:0 0 auto;align-items:flex-start;justify-content:flex-end!important}
.orders-smart-layout .orders-hero-actions .btn{height:44px;min-width:128px;padding:0 18px;border-radius:13px;white-space:nowrap}
.orders-smart-layout .orders-hero-metrics{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
.orders-smart-layout .order-hero-stat{min-width:0;padding:14px 15px!important;border:1px solid #dcebe1!important;border-radius:16px!important;background:rgba(255,255,255,.9)!important;box-shadow:none!important}
.orders-smart-layout .order-hero-stat span{display:block;color:#687a70;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-smart-layout .order-hero-stat b{display:block;margin-top:7px;color:#153b29;font-size:23px!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-smart-layout .order-hero-stat small{display:block;margin-top:5px;color:#718278;font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-smart-layout .order-hero-stat.warn{border-color:#f0dfb9!important;background:#fffaf1!important}
.orders-smart-layout .order-hero-stat.warn b{color:#b46b00!important}

.orders-smart-layout .order-workflow-hero{display:grid!important;grid-template-columns:190px minmax(0,1fr);align-items:stretch;gap:12px;padding:14px;border:1px solid #e0ece4;border-radius:18px;background:#fff;overflow:hidden}
.orders-smart-layout .order-section-label{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:4px 8px}
.orders-smart-layout .order-section-label b{font-size:15px;color:#183a2a;white-space:nowrap}
.orders-smart-layout .order-section-label span{margin-top:4px;color:#78877f;font-size:11px;line-height:1.4}
.orders-smart-layout .order-workflow-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0}
.orders-smart-layout .order-workflow-list button{display:grid!important;gap:3px;min-width:0;min-height:74px;padding:11px 12px!important;border:1px solid #e0ece4!important;border-radius:13px!important;background:#f8fbf9!important;text-align:left;cursor:pointer}
.orders-smart-layout .order-workflow-list button:hover{border-color:#b7ddc5!important;background:#f0f9f3!important}
.orders-smart-layout .order-workflow-list span,.orders-smart-layout .order-workflow-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-smart-layout .order-workflow-list span{font-size:11px;color:#61756a}
.orders-smart-layout .order-workflow-list b{font-size:20px;line-height:1.15;color:#16884e;white-space:nowrap}
.orders-smart-layout .order-workflow-list small{font-size:10px;color:#87958e}

.orders-smart-layout .order-toolbar-v85{display:grid!important;grid-template-columns:minmax(260px,1.45fr) minmax(135px,.7fr) minmax(150px,.75fr) minmax(170px,.85fr) minmax(135px,.7fr) minmax(210px,1fr) auto auto!important;gap:9px!important;align-items:end!important;padding:13px!important;border:1px solid #dfeae3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 22px rgba(24,77,46,.04)!important;overflow:hidden}
.orders-smart-layout .order-toolbar-v85>*{min-width:0!important;margin:0!important}
.orders-smart-layout .order-toolbar-v85 input,.orders-smart-layout .order-toolbar-v85 select,.orders-smart-layout .order-toolbar-v85 button{height:42px!important;min-height:42px!important;border-radius:11px!important;white-space:nowrap}
.orders-smart-layout .order-searchbox{min-width:0!important;overflow:hidden}
.orders-smart-layout .order-searchbox input{width:100%;min-width:0;text-overflow:ellipsis}
.orders-smart-layout .order-page-size-box{display:grid!important;gap:5px!important;min-width:0}
.orders-smart-layout .order-page-size-box label{font-size:10px!important;color:#718178;white-space:nowrap}
.orders-smart-layout .order-page-size-row{display:grid!important;grid-template-columns:92px minmax(82px,1fr)!important;gap:6px!important;min-width:0}
.orders-smart-layout .order-page-size-row input:disabled{display:none}
.orders-smart-layout .order-page-size-row:has(input:disabled){grid-template-columns:1fr!important}
.orders-smart-layout .order-toolbar-v85>.btn{min-width:72px;padding:0 13px!important}

.orders-smart-layout .orders-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 4px;min-width:0}
.orders-smart-layout .orders-list-head>div{display:flex;align-items:baseline;gap:10px;min-width:0}
.orders-smart-layout .orders-list-head b{font-size:16px;color:#173728;white-space:nowrap}
.orders-smart-layout .orders-list-head span{color:#718178;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.orders-smart-layout .order-card-grid{display:grid!important;gap:10px!important;min-width:0}
.orders-smart-layout .order-card-v85{display:grid!important;grid-template-columns:minmax(210px,.9fr) minmax(390px,1.7fr) minmax(190px,.8fr) minmax(160px,.65fr)!important;align-items:center!important;gap:14px!important;min-width:0!important;padding:13px 14px!important;border:1px solid #e1ebe5!important;border-radius:17px!important;background:#fff!important;box-shadow:0 5px 16px rgba(24,74,45,.035)!important;overflow:hidden!important}
.orders-smart-layout .order-card-v85:hover{border-color:#c6dfd0!important;box-shadow:0 9px 24px rgba(24,74,45,.065)!important}
.orders-smart-layout .order-card-head,.orders-smart-layout .order-card-info,.orders-smart-layout .order-card-v85>p,.orders-smart-layout .order-card-actions{min-width:0!important;margin:0!important}
.orders-smart-layout .order-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
.orders-smart-layout .order-card-head>div{min-width:0}
.orders-smart-layout .order-card-head b,.orders-smart-layout .order-card-head span{display:block;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.orders-smart-layout .order-card-head b{font-size:13px;color:#173628}
.orders-smart-layout .order-card-head span{margin-top:3px;font-size:11px;color:#718178}
.orders-smart-layout .order-card-head em{max-width:92px;padding:5px 8px;border-radius:999px;font-size:10px;font-style:normal;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-smart-layout .order-card-info{display:grid!important;grid-template-columns:54px minmax(0,1fr) 62px minmax(0,1fr)!important;gap:4px 8px!important;padding:9px 10px!important;border:1px solid #e5eee8!important;border-radius:12px!important;background:#fafcfb!important}
.orders-smart-layout .order-card-info span,.orders-smart-layout .order-card-info b{font-size:10px!important;line-height:1.3;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.orders-smart-layout .order-card-info span{color:#7a8881;text-transform:uppercase}
.orders-smart-layout .order-card-info b{color:#203b2d;text-align:left}
.orders-smart-layout .order-card-v85>p{font-size:11px!important;line-height:1.45;color:#55685e;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.orders-smart-layout .order-card-actions{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:6px!important;overflow:hidden}
.orders-smart-layout .order-card-actions button,.orders-smart-layout .order-card-actions .btn{flex:0 1 auto;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 10px!important;border-radius:10px!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.orders-smart-layout .order-bulk-check{position:absolute;top:8px;left:10px;z-index:2;white-space:nowrap;font-size:10px}
.orders-smart-layout .order-card-v85:has(.order-bulk-check){position:relative;padding-top:38px!important}
.orders-smart-layout .order-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e0ebe4;border-radius:15px;background:#fff}
.orders-smart-layout .order-pagination span{font-size:12px;color:#687970;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-smart-layout .order-pagination-btns{display:flex;gap:7px;flex:0 0 auto}

@media(max-width:1380px){
 .orders-smart-layout .orders-hero-metrics{grid-template-columns:repeat(5,minmax(130px,1fr))!important;overflow-x:auto;padding-bottom:3px}
 .orders-smart-layout .order-toolbar-v85{grid-template-columns:minmax(230px,1.3fr) repeat(4,minmax(125px,.75fr)) minmax(190px,1fr) auto auto!important}
 .orders-smart-layout .order-card-v85{grid-template-columns:minmax(190px,.9fr) minmax(340px,1.55fr) minmax(160px,.7fr) minmax(145px,.65fr)!important}
}
@media(max-width:1120px){
 .orders-smart-layout .order-workflow-hero{grid-template-columns:1fr}
 .orders-smart-layout .order-section-label{padding:0 2px}
 .orders-smart-layout .order-workflow-list{overflow-x:auto;display:flex!important;padding-bottom:3px}
 .orders-smart-layout .order-workflow-list button{flex:0 0 150px}
 .orders-smart-layout .order-toolbar-v85{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .orders-smart-layout .order-searchbox{grid-column:span 2}
 .orders-smart-layout .order-page-size-box{grid-column:span 2}
 .orders-smart-layout .order-card-v85{grid-template-columns:minmax(190px,.85fr) minmax(0,1.5fr)!important}
 .orders-smart-layout .order-card-v85>p{grid-column:1/2!important}
 .orders-smart-layout .order-card-actions{grid-column:2/3!important;justify-content:flex-end!important}
}
@media(max-width:760px){
 .orders-smart-layout{gap:12px}
 .orders-smart-layout .orders-hero{padding:15px!important;border-radius:18px!important}
 .orders-smart-layout .orders-hero-top{display:grid;grid-template-columns:1fr;gap:12px}
 .orders-smart-layout .orders-hero-main h2{font-size:23px;white-space:normal}
 .orders-smart-layout .orders-hero-main p{font-size:12px}
 .orders-smart-layout .orders-hero-actions{width:100%;justify-content:stretch!important}
 .orders-smart-layout .orders-hero-actions .btn{width:100%}
 .orders-smart-layout .orders-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible}
 .orders-smart-layout .order-hero-stat{padding:12px!important}
 .orders-smart-layout .order-hero-stat b{font-size:20px!important}
 .orders-smart-layout .order-hero-stat span,.orders-smart-layout .order-hero-stat small{white-space:normal!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
 .orders-smart-layout .order-workflow-hero{padding:12px;border-radius:16px}
 .orders-smart-layout .order-toolbar-v85{grid-template-columns:1fr!important;padding:11px!important;border-radius:16px!important;overflow:visible}
 .orders-smart-layout .order-toolbar-v85>*{grid-column:1!important;width:100%!important}
 .orders-smart-layout .order-page-size-row{grid-template-columns:1fr 1fr!important}
 .orders-smart-layout .order-page-size-row:has(input:disabled){grid-template-columns:1fr!important}
 .orders-smart-layout .orders-list-head{align-items:flex-start}
 .orders-smart-layout .orders-list-head>div{display:grid;gap:2px}
 .orders-smart-layout .orders-list-head>span{display:none}
 .orders-smart-layout .order-card-v85{grid-template-columns:1fr!important;gap:9px!important;padding:12px!important;border-radius:15px!important}
 .orders-smart-layout .order-card-v85:has(.order-bulk-check){padding-top:39px!important}
 .orders-smart-layout .order-card-head,.orders-smart-layout .order-card-info,.orders-smart-layout .order-card-v85>p,.orders-smart-layout .order-card-actions{grid-column:1!important}
 .orders-smart-layout .order-card-head{grid-template-columns:minmax(0,1fr) auto!important}
 .orders-smart-layout .order-card-info{grid-template-columns:76px minmax(0,1fr)!important;gap:6px 9px!important}
 .orders-smart-layout .order-card-info b{text-align:right}
 .orders-smart-layout .order-card-v85>p{white-space:normal!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
 .orders-smart-layout .order-card-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .orders-smart-layout .order-card-actions button,.orders-smart-layout .order-card-actions .btn{width:100%;height:40px!important}
 .orders-smart-layout .order-card-actions>*:only-child{grid-column:1/-1}
 .orders-smart-layout .order-pagination{align-items:flex-start;flex-direction:column}
 .orders-smart-layout .order-pagination-btns{width:100%}
 .orders-smart-layout .order-pagination-btns .btn{flex:1}
}
@media(max-width:420px){
 .orders-smart-layout .orders-hero-metrics{grid-template-columns:1fr!important}
 .orders-smart-layout .order-card-actions{grid-template-columns:1fr!important}
 .orders-smart-layout .order-card-actions>*:only-child{grid-column:auto}
}

/* 2026-07-30: Cân đối lại thẻ đơn hàng và mã đơn */
.orders-smart-layout .order-card-v85{
  grid-template-columns:minmax(180px,.78fr) minmax(430px,1.9fr) minmax(220px,.95fr) minmax(145px,.62fr)!important;
  gap:12px!important;
}
.orders-smart-layout .order-card-head{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
}
.orders-smart-layout .order-card-head>div{overflow:hidden!important}
.orders-smart-layout .order-card-head b{
  max-width:100%!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  color:#173628!important;
}
.orders-smart-layout .order-card-head span{
  font-size:10.5px!important;
  line-height:1.3!important;
  font-weight:600!important;
  color:#718178!important;
}
.orders-smart-layout .order-card-head em{
  max-width:82px!important;
  padding:4px 7px!important;
  font-size:9.5px!important;
  line-height:1.2!important;
}
.orders-smart-layout .order-card-info{
  grid-template-columns:48px minmax(0,1fr) 54px minmax(0,1fr)!important;
  padding:8px 10px!important;
}
.orders-smart-layout .order-card-info span{font-size:9px!important}
.orders-smart-layout .order-card-info b{font-size:10px!important}
.orders-smart-layout .order-card-v85>p{font-size:10.5px!important}
.orders-smart-layout .order-card-actions button,
.orders-smart-layout .order-card-actions .btn{font-size:10.5px!important;padding:0 9px!important}

@media(max-width:1380px) and (min-width:1121px){
  .orders-smart-layout .order-card-v85{
    grid-template-columns:minmax(170px,.76fr) minmax(370px,1.75fr) minmax(180px,.82fr) minmax(138px,.62fr)!important;
  }
}
@media(max-width:1120px) and (min-width:761px){
  .orders-smart-layout .order-card-v85{
    grid-template-columns:minmax(170px,.72fr) minmax(0,1.65fr)!important;
  }
  .orders-smart-layout .order-card-head b{font-size:11px!important}
}
@media(max-width:760px){
  .orders-smart-layout .order-card-head b{
    font-size:12px!important;
    line-height:1.3!important;
  }
  .orders-smart-layout .order-card-head span{font-size:10.5px!important}
  .orders-smart-layout .order-card-head em{max-width:90px!important;font-size:9.5px!important}
}


/* 2026-07-30: Danh sách đơn hàng dạng bảng gọn theo tiêu chuẩn app */
.orders-smart-layout .order-list-table{min-width:0;overflow:hidden;border:1px solid #dfeae3;border-radius:16px;background:#fff}
.orders-smart-layout .order-list-admin{--order-grid:56px minmax(180px,1.25fr) 145px 130px 130px 135px minmax(310px,1.65fr);--order-grid-min:1100px}
.orders-smart-layout .order-list-member{--order-grid:56px minmax(220px,1.45fr) 150px 130px 145px 135px minmax(96px,.72fr);--order-grid-min:1080px}
.orders-smart-layout .order-list-columns,
.orders-smart-layout .order-list-row{display:grid!important;grid-template-columns:var(--order-grid)!important;align-items:center;column-gap:12px;min-width:var(--order-grid-min)}
.orders-smart-layout .order-list-columns{min-height:44px;padding:0 14px;background:#f4f8f5;border-bottom:1px solid #dfeae3;color:#64766c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.025em}
.orders-smart-layout .order-card-grid{gap:0!important}
.orders-smart-layout .order-list-row{position:relative;padding:11px 14px!important;border:0!important;border-bottom:1px solid #e7eee9!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.orders-smart-layout .order-list-row:last-child{border-bottom:0!important}
.orders-smart-layout .order-list-row:hover{background:#f9fcfa!important;box-shadow:none!important}
.orders-smart-layout .order-col{min-width:0;font-size:12px;color:#253b30}
.orders-smart-layout .order-col-stt{font-weight:800;color:#6b7b72;text-align:center;font-variant-numeric:tabular-nums}
.orders-smart-layout .order-col-person .order-card-head{display:block!important}
.orders-smart-layout .order-col-person .order-card-head b{display:block;max-width:100%!important;font-size:11px!important;line-height:1.25!important;color:#567066!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.orders-smart-layout .order-col-person .order-card-head span{display:block;margin-top:4px!important;font-size:13px!important;line-height:1.25!important;color:#173628!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.orders-smart-layout .order-col-time span{display:block;font-size:12px;line-height:1.35;white-space:nowrap;color:#4f655a;font-variant-numeric:tabular-nums}
.orders-smart-layout .order-col-revenue b,.orders-smart-layout .order-col-profit b{display:block;font-size:12px;line-height:1.35;white-space:nowrap;font-variant-numeric:tabular-nums}
.orders-smart-layout .order-col-revenue b{color:#163b29}
.orders-smart-layout .order-col-profit b{color:#087d47}
.orders-smart-layout .order-col-status em{display:inline-flex!important;align-items:center;justify-content:center;max-width:125px!important;min-height:27px;padding:5px 9px!important;border-radius:999px;font-size:10px!important;line-height:1.15!important;font-style:normal;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-smart-layout .order-col-actions{min-width:0}
.orders-smart-layout .order-col-actions .order-card-actions{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:6px!important;width:100%;overflow:visible!important}
.orders-smart-layout .order-col-actions .order-card-actions button{flex:0 0 auto!important;width:auto!important;min-width:58px!important;height:34px!important;min-height:34px!important;padding:0 9px!important;border-radius:9px!important;font-size:10.5px!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.orders-smart-layout .order-list-member .order-card-actions button{min-width:64px!important}
.orders-smart-layout .order-list-table{overflow-x:auto;scrollbar-width:thin}
.orders-smart-layout .order-bulk-check-v2{top:50%!important;left:8px!important;transform:translateY(-50%);margin:0!important}
.orders-smart-layout .order-list-row:has(.order-bulk-check-v2) .order-col-stt span{padding-left:20px}

@media(max-width:1280px) and (min-width:761px){
 .orders-smart-layout .order-list-admin{--order-grid:52px minmax(165px,1.2fr) 135px 118px 118px 125px minmax(285px,1.6fr);--order-grid-min:1020px}
 .orders-smart-layout .order-list-member{--order-grid:48px minmax(180px,1.3fr) 135px 115px 125px 118px minmax(92px,.7fr);--order-grid-min:980px}
 .orders-smart-layout .order-list-columns,.orders-smart-layout .order-list-row{column-gap:9px}
 .orders-smart-layout .order-list-columns{padding:0 12px}
 .orders-smart-layout .order-list-row{padding:10px 12px!important}
}
@media(max-width:760px){
 .orders-smart-layout .order-list-table{border:0;background:transparent;overflow:visible}
 .orders-smart-layout .order-list-columns{display:none!important}
 .orders-smart-layout .order-card-grid{display:grid!important;gap:10px!important}
 .orders-smart-layout .order-list-row{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;min-width:0!important;gap:9px 12px!important;padding:13px!important;border:1px solid #e0ebe4!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 14px rgba(24,74,45,.035)!important}
 .orders-smart-layout .order-list-row:last-child{border-bottom:1px solid #e0ebe4!important}
 .orders-smart-layout .order-col{display:contents;font-size:12px}
 .orders-smart-layout .order-col:before{content:attr(data-label);grid-column:1;color:#77877f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;align-self:center}
 .orders-smart-layout .order-col>*{grid-column:2;min-width:0}
 .orders-smart-layout .order-col-stt span{grid-column:2!important;text-align:left;padding-left:0!important}
 .orders-smart-layout .order-col-person .order-card-head{grid-column:2!important}
 .orders-smart-layout .order-col-status em{grid-column:2!important;justify-self:start}
 .orders-smart-layout .order-col-actions .order-card-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:5px!important}
 .orders-smart-layout .order-col-actions .order-card-actions button{width:100%!important;height:39px!important;font-size:11px!important}
 .orders-smart-layout .order-bulk-check-v2{position:absolute!important;top:11px!important;right:11px!important;left:auto!important;transform:none!important}
 .orders-smart-layout .order-bulk-check-v2 span{display:none}
}
@media(max-width:420px){
 .orders-smart-layout .order-list-row{grid-template-columns:74px minmax(0,1fr)!important;padding:12px!important}
}


/* 2026-07-30: Đồng bộ font danh sách đơn hàng và chỉ hiển thị checkbox */
.orders-smart-layout,
.orders-smart-layout button,
.orders-smart-layout input,
.orders-smart-layout select,
.orders-smart-layout textarea{font-family:inherit!important}
.orders-smart-layout .order-list-columns,
.orders-smart-layout .order-list-row,
.orders-smart-layout .order-col,
.orders-smart-layout .order-card-head,
.orders-smart-layout .order-card-actions{font-family:inherit!important}
.orders-smart-layout .order-list-columns{font-size:12px!important;font-weight:600!important;letter-spacing:0!important}
.orders-smart-layout .order-col{font-size:13px!important;font-weight:400!important}
.orders-smart-layout .order-col-person .order-card-head b{font-size:11px!important;font-weight:600!important;letter-spacing:0!important}
.orders-smart-layout .order-col-person .order-card-head span{font-size:13px!important;font-weight:600!important;letter-spacing:0!important}
.orders-smart-layout .order-col-time span,
.orders-smart-layout .order-col-revenue b,
.orders-smart-layout .order-col-profit b{font-size:13px!important;font-weight:600!important;letter-spacing:0!important}
.orders-smart-layout .order-col-status em{font-size:11px!important;font-weight:600!important;letter-spacing:0!important}
.orders-smart-layout .order-col-actions .order-card-actions button{font-family:inherit!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important}
.orders-smart-layout .order-bulk-check-v2{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;overflow:visible!important}
.orders-smart-layout .order-bulk-check-v2 input{width:16px!important;height:16px!important;margin:0!important;cursor:pointer}
.orders-smart-layout .order-bulk-check-v2 span{display:none!important}
.orders-smart-layout .order-list-row:has(.order-bulk-check-v2) .order-col-stt span{padding-left:18px!important}
@media(max-width:760px){
 .orders-smart-layout .order-col:before{font-family:inherit!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important}
 .orders-smart-layout .order-bulk-check-v2{top:13px!important;right:13px!important}
 .orders-smart-layout .order-list-row:has(.order-bulk-check-v2) .order-col-stt span{padding-left:0!important}
}

/* V116 - Shipping fee preview in order creation */
.order-shipping-preview{margin-top:12px;padding:14px 16px;border:1px solid #d5eadb;border-radius:16px;background:#f7fcf9;font-family:inherit;color:inherit}
.shipping-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid #dfede4}
.shipping-preview-head b{display:block;font-size:14px;font-weight:800;color:#173b29}
.shipping-preview-head span{display:block;margin-top:3px;font-size:12px;color:#667a70}
.shipping-preview-head strong{font-size:18px;color:#07834c;white-space:nowrap}
.shipping-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;padding:11px 0 8px}
.shipping-preview-grid span{font-size:12px;color:#687b71}
.shipping-preview-grid b{font-size:13px;text-align:right;color:#1f3429}
.shipping-preview-grid .total-pay{font-size:15px;color:#07834c}
.order-shipping-preview>small{display:block;font-size:11px;line-height:1.5;color:#708077}
@media(max-width:600px){.shipping-preview-head{gap:10px}.shipping-preview-head strong{font-size:16px}.shipping-preview-grid{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}}


/* V117 - cước vận chuyển lấy trực tiếp từ backend và dữ liệu sản phẩm */
.commission-preview:empty,.order-shipping-preview:empty{display:none!important;padding:0!important;margin:0!important;border:0!important}
.shipping-preview-loading,.shipping-preview-error{display:grid;gap:5px;padding:2px 0;font-family:inherit}
.shipping-preview-loading span{font-size:13px;color:#527063;font-weight:700}
.shipping-preview-error{color:#b42318}
.shipping-preview-error b{font-size:14px;color:#b42318}
.shipping-preview-error span{font-size:12px;line-height:1.5;color:#7a271a}

/* Shared bulk editor for per-item customer discount. It never calculates money. */
.order-bulk-discount{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:14px 16px;border:1px solid #cfe6d6;border-radius:16px;background:#f5fbf7}
.order-bulk-discount[hidden]{display:none!important}.order-bulk-discount-eyebrow{display:block;margin-bottom:4px;color:#07834c;font-size:11px;font-weight:800;letter-spacing:.06em}.order-bulk-discount label{display:block;color:#173b29;font-size:14px;font-weight:800}.order-bulk-discount-control{display:flex;align-items:center;gap:8px}.order-bulk-discount-control input{width:92px;min-height:42px;padding:8px 10px;border:1px solid #b9d9c4;border-radius:10px;background:#fff;font:inherit;font-size:16px;text-align:right}.order-bulk-discount-control input:focus{outline:3px solid rgba(7,131,76,.18);border-color:#07834c}.order-bulk-discount-control>span{font-weight:800;color:#28523a}.order-bulk-discount-control .btn{min-height:42px;white-space:nowrap}.order-bulk-discount-help{grid-column:1/-1;color:#61766a;font-size:12px;line-height:1.45}
@media(max-width:600px){.order-bulk-discount{grid-template-columns:1fr;gap:10px;padding:14px}.order-bulk-discount-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.order-bulk-discount-control input{width:100%;min-height:46px;font-size:16px}.order-bulk-discount-control .btn{grid-column:1/-1;width:100%;min-height:46px}.order-bulk-discount-help{font-size:12px}}


/* V164C — canonical Order time-range filter. Reuses exactly the former sort slot. */
.orders-smart-layout .order-time-filter-btn{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:0 11px!important;border:1px solid #dbe4ec!important;border-radius:11px!important;background:#fcfcfd!important;color:#334155!important;font:inherit!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important;overflow:hidden!important}
.orders-smart-layout .order-time-filter-btn svg{width:16px!important;height:16px!important;flex:0 0 16px!important;color:#16884e!important}
.orders-smart-layout .order-time-filter-btn span{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important}
.order-time-filter-modal{display:grid;gap:16px;min-width:0}
.order-time-filter-copy{display:grid;gap:4px}
.order-time-filter-copy b{font-size:15px;color:#173728}
.order-time-filter-copy span{font-size:12px;line-height:1.5;color:#687970}
.order-time-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.order-time-preset{min-width:0;height:40px;padding:0 10px;border:1px solid #dce8e0;border-radius:11px;background:#fff;color:#284638;font:inherit;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.order-time-preset:hover,.order-time-preset.active{border-color:#5fbd82;background:#eefaf2;color:#087a39}
.order-time-custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:2px}
.order-time-custom label{display:grid;gap:6px;min-width:0}
.order-time-custom label span{font-size:12px;font-weight:800;color:#526a5d}
.order-time-custom input{width:100%;min-width:0;height:42px;padding:0 10px;border:1px solid #dbe4ec;border-radius:11px;background:#fff;font:inherit;color:#263d31}
@media(max-width:760px){.orders-smart-layout .order-time-filter-btn{height:38px!important;min-height:38px!important}.order-time-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.order-time-custom{grid-template-columns:1fr}}
@media(max-width:420px){.order-time-presets{grid-template-columns:1fr}}

/* V164W — member order list compaction + canonical payment QR column. */
.orders-smart-layout .order-list-member{
  --order-grid:52px minmax(180px,1.15fr) minmax(126px,.75fr) minmax(92px,.58fr) minmax(105px,.65fr) minmax(112px,.72fr) minmax(220px,1.35fr) minmax(82px,.52fr);
  --order-grid-min:1055px;
}
.orders-smart-layout .order-list-member .order-col-actions .order-card-actions{justify-content:center!important;gap:7px!important}
.orders-smart-layout .order-list-member .order-col-actions .order-card-actions button{min-width:66px!important;padding-inline:10px!important}
.orders-smart-layout .order-col-qr{display:flex;align-items:center;justify-content:center;min-width:0}
.orders-smart-layout .order-qr-button{display:grid;place-items:center;gap:2px;width:64px;min-width:64px;padding:3px;border:1px solid #d9e8df;border-radius:10px;background:#fff;color:#17633d;font:inherit;cursor:pointer;overflow:hidden}
.orders-smart-layout .order-qr-button img{display:block;width:44px;height:44px;object-fit:cover;border-radius:5px;background:#fff}
.orders-smart-layout .order-qr-button small{display:block;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.15;font-weight:700;color:#5f7468}
.orders-smart-layout .order-qr-button:hover,.orders-smart-layout .order-qr-button:focus-visible{border-color:#65b982;box-shadow:0 0 0 3px rgba(57,181,74,.10);outline:0}
.orders-smart-layout .order-qr-button--missing{height:52px;background:#f8faf9}
.orders-smart-layout .order-qr-button--missing>span{font-weight:900;font-size:12px}
.orders-smart-layout .order-qr-na{color:#8a9991;font-weight:700}

.order-payment-qr-modal .modal{width:min(760px,calc(100vw - 28px));max-width:760px}
.order-payment-qr-view{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}
.order-payment-qr-image{display:grid;place-items:center;gap:6px;padding:14px;border:1px solid #dce9e1;border-radius:14px;background:#f7fbf8;text-align:center}
.order-payment-qr-image img{display:block;width:min(220px,100%);aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:#fff}
.order-payment-qr-image strong{font-size:22px;color:#087443;font-variant-numeric:tabular-nums}
.order-payment-qr-image small{font-size:11px;line-height:1.35;color:#677a70}
.order-payment-qr-info{display:grid;gap:8px;min-width:0}
.order-payment-qr-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #e2ece5}
.order-payment-qr-head b{font-size:15px;color:#174e34}.order-payment-qr-head span{font-size:11px;font-weight:800;color:#667085;white-space:nowrap}
.order-payment-qr-row{display:grid;grid-template-columns:125px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px dashed #e3ece6}
.order-payment-qr-row>span{font-size:11px;color:#667085}.order-payment-qr-row>b{min-width:0;overflow-wrap:anywhere;font-size:13px;color:#243c30}.order-payment-qr-row>button{min-height:32px;padding:0 9px;border:1px solid #d8e7de;border-radius:8px;background:#fff;color:#17633d;font:inherit;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}
.order-payment-qr-info>p{margin:3px 0 0;font-size:11px;line-height:1.45;color:#667085}

@media(max-width:1280px) and (min-width:1101px){
 .orders-smart-layout .order-list-member{--order-grid:46px minmax(158px,1fr) 120px 88px 98px 106px minmax(195px,1.2fr) 78px;--order-grid-min:960px}
 .orders-smart-layout .order-list-member .order-list-columns,.orders-smart-layout .order-list-member .order-list-row{column-gap:8px!important}
 .orders-smart-layout .order-list-member .order-col-actions .order-card-actions{gap:5px!important}
 .orders-smart-layout .order-list-member .order-col-actions .order-card-actions button{min-width:60px!important;padding-inline:7px!important;font-size:11px!important}
 .orders-smart-layout .order-qr-button{width:58px;min-width:58px}.orders-smart-layout .order-qr-button img{width:40px;height:40px}
}
@media(max-width:1100px){
 .orders-smart-layout .order-list-member{border:0;background:transparent;overflow:visible}
 .orders-smart-layout .order-list-member .order-list-columns{display:none!important}
 .orders-smart-layout .order-list-member .order-card-grid{display:grid!important;gap:10px!important}
 .orders-smart-layout .order-list-member .order-list-row{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;min-width:0!important;gap:9px 12px!important;padding:13px!important;border:1px solid #e0ebe4!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 14px rgba(24,74,45,.035)!important}
 .orders-smart-layout .order-list-member .order-col{display:contents!important}
 .orders-smart-layout .order-list-member .order-col:before{content:attr(data-label);grid-column:1;color:#77877f;font-size:11px;font-weight:700;text-transform:uppercase;align-self:center}
 .orders-smart-layout .order-list-member .order-col>*{grid-column:2;min-width:0}
 .orders-smart-layout .order-list-member .order-col-stt span,.orders-smart-layout .order-list-member .order-col-person .order-card-head,.orders-smart-layout .order-list-member .order-col-status em{grid-column:2!important}
 .orders-smart-layout .order-list-member .order-col-actions .order-card-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:5px!important}
 .orders-smart-layout .order-list-member .order-col-actions .order-card-actions button{width:100%!important;min-width:0!important;height:40px!important}
 .orders-smart-layout .order-list-member .order-col-qr{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;grid-column:1/-1!important;gap:12px;align-items:center;justify-content:stretch}
 .orders-smart-layout .order-list-member .order-col-qr:before{grid-column:1!important;align-self:center}
 .orders-smart-layout .order-list-member .order-col-qr>*{grid-column:2!important;justify-self:start}
 .orders-smart-layout .order-list-member .order-qr-button{display:flex;width:auto;min-width:118px;min-height:52px;padding:4px 8px;gap:8px}
 .orders-smart-layout .order-list-member .order-qr-button img{width:44px;height:44px;flex:none}.orders-smart-layout .order-list-member .order-qr-button small{max-width:none;font-size:10px}
}
@media(max-width:640px){
 .order-payment-qr-modal{align-items:stretch!important;padding:0!important}.order-payment-qr-modal .modal{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
 .order-payment-qr-view{grid-template-columns:1fr;gap:12px}.order-payment-qr-image{padding:12px}.order-payment-qr-image img{width:min(230px,72vw)}
 .order-payment-qr-row{grid-template-columns:105px minmax(0,1fr);gap:5px 9px}.order-payment-qr-row>button{grid-column:2;justify-self:start}.order-payment-qr-head{align-items:flex-start;flex-direction:column}
 .orders-smart-layout .order-list-member .order-list-row{grid-template-columns:92px minmax(0,1fr)!important}
 .orders-smart-layout .order-list-member .order-col-qr{grid-template-columns:92px minmax(0,1fr)!important}
 .orders-smart-layout .order-list-member .order-col-actions .order-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}