.orders-page[hidden],.order-detail-overlay[hidden]{display:none!important}
.orders-list-mode .catalog-tree,.orders-list-mode .products-pane,.settings-mode .orders-page,.settings-mode #ordersViewButton{display:none!important}
.orders-page{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:var(--tree-width,310px) minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;font-size:12px;background:#fff}
.orders-sidebar{min-height:0;overflow:auto;border-right:1px solid #e9e7ee;background:#faf9fc}
.orders-sidebar-title{height:43px;padding:0 14px;display:flex;align-items:center;color:#9c96a4;font-size:11px;border-bottom:1px solid #eeecf1}
.orders-sidebar nav{padding:7px}
.orders-sidebar button{width:100%;height:33px;display:flex;align-items:center;gap:9px;border:0;border-radius:7px;padding:0 9px;background:none;color:#766d83;font:inherit;text-align:left;cursor:pointer}
.orders-sidebar button>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orders-sidebar button small{margin-left:auto;color:#a59dab;font-size:10px}
.orders-sidebar button[aria-pressed=true]{background:#eee8f7;color:#72519e;font-weight:550}
.orders-sidebar button:hover{background:#f1edf6}
.orders-status-dot{width:7px;height:7px;border-radius:50%;flex:none}
.orders-main{display:flex;flex-direction:column;min-height:0;min-width:0}
.orders-toolbar{height:44px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e9e7ee;padding:0 12px;flex:none}
.orders-search{display:flex;align-items:center;gap:8px;background:#f7f6f9;border-radius:8px;height:30px;width:min(340px,45%);padding:0 10px}
.orders-search svg{width:14px;height:14px;fill:none;stroke:#a29aaf;stroke-width:1.7}
.orders-search input{width:100%;min-width:0;background:none;border:0;outline:none;color:#544b60;font:inherit;font-size:12px}
.orders-meta{color:#a69eaf;font-size:11px}
.orders-toolbar button,.order-save-button{height:28px;padding:0 10px;border:1px solid #e7e2ed;border-radius:6px;background:#fff;color:#897795;font:inherit;font-size:11px;cursor:pointer}
.orders-toolbar .orders-new,.order-save-button{background:#7754b3;border-color:#7754b3;color:#fff;white-space:nowrap}
.orders-refresh{margin-left:auto;font-size:18px!important;padding:0 8px!important}
.orders-scroll{flex:1;min-height:0;overflow:auto}
.orders-table{width:100%;min-width:750px;table-layout:fixed;border-collapse:separate;border-spacing:0}
.orders-table th{height:30px;font-size:11px;font-weight:500;color:#948a9e;background:#faf9fc;position:sticky;top:0;text-align:left;z-index:1}
.orders-table th,.orders-table td{padding:0 12px;border-bottom:1px solid #eeecf2}
.orders-table td{height:36px;color:#665b72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-table tr[role=button]{cursor:pointer}
.orders-table tbody tr:hover td{background:#faf8fd}
.orders-table .orders-number{text-align:right;font-variant-numeric:tabular-nums}
.orders-table .orders-date,.orders-table .orders-comment{color:#9a90a4;font-size:11px}
.orders-id{font-variant-numeric:tabular-nums}
.orders-status{display:inline-flex;align-items:center;gap:7px;max-width:100%;white-space:nowrap}
.orders-status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--status-color);flex:none}
.orders-empty{margin:40px 16px;text-align:center;color:#aaa2b3;font-size:12px}
.orders-more{display:block;margin:16px auto;border:1px solid #e7e2ed;background:#fff;padding:7px 12px;border-radius:7px;color:#8a779f;cursor:pointer}.orders-more[hidden]{display:none}
.order-composition-header .order-customer{width:200px;min-width:80px;height:26px;padding:0 7px;border:1px solid transparent;border-radius:5px;background:#f8f7fa;color:#655b70;font:inherit;font-size:11px}
.order-composition-header .order-save-button{margin-left:auto}
.order-composition-header .order-save-feedback{font-size:10px;color:#a26670;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px}
.order-save-button:disabled{opacity:.45;cursor:default}
.order-detail-overlay{position:fixed;inset:0;background:#0002;z-index:1800;display:flex;justify-content:flex-end}
.order-detail{width:min(680px,100%);height:100%;background:#fff;box-shadow:-8px 0 36px #27203210;display:flex;flex-direction:column;min-height:0}
.order-detail>header{display:flex;align-items:center;padding:0 20px;min-height:54px;border-bottom:1px solid #ece8f0}
.order-detail h2{font-size:16px;font-weight:550;margin:0}
.order-detail header button{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;background:none;border:0;color:#9a90a4;font-size:24px;cursor:pointer}
.order-detail-content{overflow:auto;padding:16px 20px;color:#70647e;font-size:12px}
.order-detail dl{display:grid;grid-template-columns:95px 1fr;gap:12px;margin:0 0 22px}.order-detail dt{color:#a297ae}.order-detail dd{margin:0;white-space:pre-wrap}
.order-detail-lines{width:100%;border-collapse:collapse;font-size:12px}.order-detail-lines th{color:#a297ae;font-weight:400;text-align:left;font-size:11px}.order-detail-lines td,.order-detail-lines th{padding:9px 7px;border-bottom:1px solid #efebf3}.order-detail-lines td:not(:first-child){white-space:nowrap;text-align:right}.order-detail-lines small{display:block;margin-top:4px;color:#aaa0b5;font-size:10px}
@media(max-width:800px){.orders-page{grid-template-columns:205px minmax(0,1fr)}.orders-meta{display:none}.order-composition-header .order-customer{width:120px}.order-save-feedback{display:none}}