#orderAdminPanel{min-width:0;max-width:100%}
#orderAdminPanel .order-table-scroll-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:12px 0 6px;font-size:12px;color:#415d68}
#orderAdminPanel .order-table-scroll-tools>div{display:flex;gap:8px}
#orderAdminPanel .order-table-scroll-tools button{padding:7px 12px;border:1px solid #aabfc5;border-radius:5px;background:#fff;color:#183642;cursor:pointer}
#orderAdminPanel .order-table-scroll-tools button:disabled{opacity:.4;cursor:default}
#orderAdminPanel .order-admin-list{display:block;width:100%;max-width:100%;max-height:min(62vh,660px);max-height:min(62dvh,660px);overflow:auto;position:relative;isolation:isolate;border:1px solid #c5d3d8;border-radius:6px;scrollbar-gutter:stable;overscroll-behavior:contain;background:#fff}
#orderAdminPanel .order-admin-list>div{display:grid;grid-template-columns:130px 260px 120px 180px 190px 160px 250px minmax(var(--order-action-width,320px),1fr);gap:12px;min-width:calc(1394px + var(--order-action-width,320px));width:max(100%,calc(1394px + var(--order-action-width,320px)));box-sizing:border-box;height:56px;min-height:56px;max-height:56px;padding:0 10px;align-items:center;border-bottom:1px solid #dce5e8;font-size:13px;background:#fff;color:#183642}
#orderAdminPanel .order-admin-list>.order-admin-head{display:grid;position:sticky;top:0;z-index:3;height:44px;min-height:44px;max-height:44px;background:#183642;color:#fff;font-weight:700}
#orderAdminPanel .order-admin-list>div>span,#orderAdminPanel .order-admin-list>div>strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;grid-column:auto;word-break:normal;overflow-wrap:normal;margin:0;padding:0;border:0}
#orderAdminPanel .order-admin-list>div>span:first-child{position:sticky;left:0;z-index:2;background:inherit;padding:0 8px;margin-left:0;height:100%;display:flex;align-items:center;border-right:1px solid #d5e0e4;box-sizing:border-box;box-shadow:2px 0 3px #18364214}
#orderAdminPanel .order-admin-list>.order-admin-head>span:first-child{z-index:4;background:#183642}
#orderAdminPanel .order-admin-list small{display:none}
#orderAdminPanel .order-admin-list .order-total{text-align:right;font-variant-numeric:tabular-nums}
#orderAdminPanel .order-admin-list .server-order-status{font-size:12px}
#orderAdminPanel .order-admin-list .order-payment-action{width:max-content;max-width:none;justify-self:end;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;overflow:visible}
#orderAdminPanel .order-admin-list .order-payment-action .btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.2;font-size:11px;padding:7px 8px;min-height:32px;margin:0;flex-shrink:0}
#orderAdminPanel .compact-order-id{font:inherit;color:#17657a;background:transparent;border:0;padding:10px 0;cursor:pointer;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#orderAdminPanel .order-needs-attention{background:#fffaf0!important}
#orderAdminPanel .order-payment-error{background:#fff1ef!important}
#orderAdminPanel .order-admin-list:focus-visible,#orderAdminPanel button:focus-visible{outline:3px solid #d88400;outline-offset:-3px}
.order-detail-dialog{max-width:min(900px,96vw);max-height:92dvh;overflow:auto}
.order-detail-dialog dd,.order-detail-dialog li{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:700px){#orderAdminPanel .order-admin-list{max-height:58vh;max-height:58dvh}#orderAdminPanel .order-table-scroll-tools>span{flex-basis:100%}#orderAdminPanel .order-admin-list>div{grid-template-columns:120px 220px 110px 170px 170px 150px 220px minmax(var(--order-action-width,320px),1fr);min-width:calc(1264px + var(--order-action-width,320px));width:max(100%,calc(1264px + var(--order-action-width,320px)))}#orderAdminPanel .order-table-scroll-tools button{min-height:40px}}

#orderAdminPanel .order-admin-list>.order-admin-head>span:last-child{justify-self:end;text-align:right}