.orders-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.orders-kpis article{display:flex;align-items:center;gap:15px;min-width:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 3px 12px #1b34520a}.orders-kpis article>div{min-width:0}.orders-kpis small{display:block;color:#6f8298;font-size:10px}.orders-kpis strong{display:block;margin:8px 0 5px;color:#173451;font:750 24px Manrope;letter-spacing:-.6px;white-space:nowrap}.orders-kpis p{color:#93a0b0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-kpi-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;flex:0 0 43px;font-size:18px;font-weight:700}.orders-kpi-icon.green{color:#189158;background:#e8f7ef}.orders-kpi-icon.blue{color:#2778c9;background:#eaf3fd}.orders-kpi-icon.violet{color:#6d4aca;background:#f0ebfc}.orders-kpi-icon.amber{color:#ad7416;background:#fff1d9}.orders-workspace{overflow:hidden}.orders-workspace .order-filters{padding:20px 23px 16px}.orders-workspace .order-searchline{margin-bottom:14px}.orders-workspace .order-searchline input{max-width:none;font-size:12px}.order-quickfilters{display:flex;gap:8px;overflow-x:auto;padding:1px 0 5px;scrollbar-width:thin}.order-quickfilters button{min-height:35px;padding:8px 15px;border-color:#dde4ed;background:#fff;color:#60758e;font-size:10px;white-space:nowrap}.order-quickfilters button.selected{border-color:#173a5d;background:#173a5d;color:#fff;box-shadow:none}.orders-advanced{margin-top:12px;border-top:1px solid #edf0f4}.orders-advanced summary{display:flex;align-items:center;gap:9px;padding:14px 2px 4px;cursor:pointer;list-style:none;color:#60758e;font-size:10px;font-weight:600}.orders-advanced summary:before{content:'＋';color:#a3485f}.orders-advanced[open] summary:before{content:'−'}.orders-advanced summary span{color:#9aa6b4;font-size:9px;font-weight:400}.orders-advanced .order-filtergrid{grid-template-columns:repeat(5,minmax(0,1fr));padding-top:14px}.orders-resultshead label{display:flex;align-items:center;gap:9px}.orders-resultshead b{color:#49647f}.orders-clean{width:100%;min-width:760px;border-collapse:collapse}.orders-clean th{padding:12px 18px;background:#fafbfd;color:#9aa8b9;font-size:8px}.orders-clean td{padding:17px 18px;color:#60768f;font-size:11px}.orders-clean td>strong{display:block;color:#263f5b;font-weight:650}.orders-clean td>small{display:block;margin-top:5px;color:#9aa7b5;font-size:9px}.order-status{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;font-size:9px;font-style:normal;font-weight:600;white-space:nowrap}.order-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.order-status.success{color:#198f58;background:#e4f6ed}.order-status.warning{color:#a66c11;background:#fff0d5}.order-status.info{color:#3477b9;background:#e8f2fc}.order-status.danger{color:#b0324c;background:#fbe5e9}.order-status.neutral{color:#758599;background:#edf1f5}.order-open{padding:7px 9px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#9c455e!important}.orders-summary{background:#fbfcfd}.orders-mobile-list{display:none}
@media(max-width:1100px){.orders-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-advanced .order-filtergrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.orders-kpis{gap:9px;margin-bottom:15px}.orders-kpis article{display:block;padding:14px;min-height:126px}.orders-kpi-icon{width:34px;height:34px;flex-basis:34px;font-size:14px;margin-bottom:10px}.orders-kpis strong{font-size:19px;margin:6px 0 4px;white-space:normal}.orders-kpis small{font-size:9px}.orders-kpis p{font-size:8px}.orders-workspace .order-filters{padding:14px}.orders-workspace .order-searchline{display:grid;grid-template-columns:1fr auto;margin-bottom:11px}.orders-workspace .order-searchline input{grid-column:1/-1;width:100%;font-size:12px;min-height:43px}.orders-workspace .order-searchline button{justify-self:end;margin:0;font-size:9px;padding:6px}.order-quickfilters{margin-inline:-2px}.order-quickfilters button{min-height:34px;padding-inline:13px}.orders-advanced summary{min-height:42px;padding-top:10px}.orders-advanced summary span{margin-left:auto}.orders-advanced .order-filtergrid{grid-template-columns:1fr 1fr;gap:9px;padding-top:9px}.orders-advanced .order-filtergrid .field:nth-child(5){grid-column:1/-1}.orders-resultshead{padding:12px 14px;gap:10px}.orders-resultshead label{font-size:0}.orders-resultshead select{width:145px}.orders-desktop-table{display:none}.orders-mobile-list{display:grid;gap:9px;padding:0 12px 14px}.order-mobile-card{border:1px solid #e4e9f0;border-radius:9px;background:#fff;overflow:hidden}.order-mobile-card summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:74px;padding:13px;cursor:pointer;list-style:none}.order-mobile-card summary::-webkit-details-marker{display:none}.order-mobile-card summary>span{display:flex;flex-direction:column;min-width:0}.order-mobile-card summary>span:first-child b{color:#8b99a9;font-size:9px}.order-mobile-card summary strong{overflow:hidden;margin:4px 0;color:#213c58;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.order-mobile-card summary small{color:#8d9bad;font-size:9px}.order-mobile-card summary>span:last-child{align-items:flex-end}.order-mobile-card summary>span:last-child>b{color:#213c58;font-size:12px}.order-mobile-card summary .order-status{margin-top:6px;padding:4px 7px;font-size:8px}.order-mobile-card summary em{position:absolute;right:9px;color:#49627d;font-style:normal;transform:translateY(25px);transition:transform .2s}.order-mobile-card[open] summary em{transform:translateY(25px) rotate(180deg)}.order-mobile-card[open] summary{background:#fbfcfe}.order-mobile-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 13px;border-top:1px solid #edf0f4;color:#91a0b0;font-size:9px}.order-mobile-meta span{display:flex;justify-content:space-between}.order-mobile-meta b{color:#536b83}.order-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 13px 13px}.order-mobile-actions button{min-height:38px;padding:8px;font-size:9px}.order-mobile-actions .receive{border-color:#198f58;background:#198f58;color:#fff}.order-mobile-actions .deliver{border-color:#3477b9;background:#3477b9;color:#fff}.orders-summary{display:block;padding:13px 15px;font-size:9px}.orders-summary span{display:block;margin:4px 0}.orders-note{margin-inline:2px}.orders-refund-alert{margin-bottom:15px}}
