.orders-console .orders-table-actions{display:flex;align-items:center;gap:8px;flex:none}.orders-console .orders-column-button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;background:#fff;border:1px solid #e1e8ec;border-radius:7px;color:#64808d;font-size:12px;white-space:nowrap}.orders-console .orders-column-button:before{content:"☷";font-size:16px;color:#7b98a2}.orders-console .orders-column-button:hover{color:#18856b;border-color:#b8d4c9;background:#f3faf7}.orders-console .orders-column-button:focus-visible{outline:2px solid #18856b;outline-offset:3px}
.orders-console .orders-table{min-width:0;max-width:none}.orders-console .orders-table th{padding-right:18px;overflow:hidden;text-overflow:ellipsis}.orders-console .orders-table :is(th,td)[data-column=activation]{text-align:center}.orders-console .orders-table :is(th,td)[data-column=selection]{padding:10px 12px}.orders-column-resize{position:absolute;z-index:1;right:0;top:0;bottom:0;width:9px;cursor:col-resize;touch-action:none;user-select:none}.orders-column-resize:after{content:"";position:absolute;right:1px;top:10px;bottom:10px;width:2px;border-radius:3px;background:#d4dfe4;transition:background .15s}.orders-column-resize:hover:after,.orders-column-resize:focus-visible:after{background:#1fa58c;width:3px}.orders-column-resize:focus-visible{outline:2px solid #18856b;outline-offset:-2px}.orders-table.is-resizing{cursor:col-resize;user-select:none}.orders-table.is-resizing .orders-column-resize:after{background:#1fa58c}
dialog:has(.orders-column-settings){max-width:620px}.orders-column-settings{min-width:0}.orders-column-help{font-size:12px;color:#7a8e99;line-height:1.8;margin:0 0 14px}.orders-column-list{max-height:min(55vh,530px);overflow:auto;border:1px solid #e3eaf0;border-radius:8px;padding:4px;margin-bottom:14px;overscroll-behavior:contain}.orders-column-row{display:grid;grid-template-columns:24px minmax(0,1fr) 86px 58px;gap:8px;align-items:center;padding:8px 7px;border-radius:5px;border:1px solid transparent;min-height:48px}.orders-column-row+ .orders-column-row{border-top-color:#f1f4f6}.orders-column-row:hover{background:#f7fafb}.orders-column-row.is-dragging{opacity:.45}.orders-column-row.is-drop-target{background:#eaf8f2;border-color:#91ccb9}.orders-column-drag{font-size:21px;line-height:1;color:#a2b3bb;cursor:grab;user-select:none}.orders-column-drag:active{cursor:grabbing}#modal .orders-column-row label{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px;color:#4a6472;margin:0;min-width:0;line-height:1.6}#modal .orders-column-row input[type=checkbox]{appearance:auto;accent-color:#179c83;width:15px;height:15px;margin:0;padding:0;flex:none}#modal .orders-column-row input[type=checkbox]:disabled{opacity:.6}.orders-column-size{display:flex;align-items:center;gap:5px;color:#92a2ab;font-size:11px}#modal .orders-column-size input{width:62px;min-width:0;height:30px;margin:0;padding:4px 5px;font-size:12px;border:1px solid #dce5ea;border-radius:5px;color:#5b7481;background:white}.orders-column-moves{display:flex;gap:4px}#modal .orders-column-move{width:26px;height:28px;padding:0;border:1px solid #e0e8ed;border-radius:5px;background:white;color:#6b8793;font-size:14px}#modal .orders-column-move:hover:not(:disabled){color:#18856b;border-color:#9fcbbd;background:#f1faf6}#modal .orders-column-move:disabled{opacity:.28}.orders-column-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px;flex-wrap:wrap}.orders-column-actions>button:first-child{margin-right:auto}.orders-column-settings>.error{font-size:12px;line-height:1.7}.orders-column-settings>.error:empty{display:none}.orders-column-settings :is(button,input):focus-visible{outline:2px solid #18856b;outline-offset:2px}
@media(max-width:480px){dialog:has(.orders-column-settings){padding:18px}.orders-column-row{grid-template-columns:18px minmax(0,1fr) 76px 54px;gap:4px;padding:8px 3px}#modal .orders-column-row label{font-size:11px;gap:5px}.orders-column-size{gap:3px}#modal .orders-column-size input{width:56px}.orders-column-list{max-height:52vh}.orders-column-help{font-size:11px}.orders-column-actions button{font-size:12px;padding:8px 11px}.orders-console .orders-table-top{align-items:flex-start}.orders-column-moves{gap:2px}}

.orders-console .orders-table :is(th,td)[data-column=spacer]{padding:0;border-right:0;overflow:hidden}.orders-console .orders-table :is(th,td)[data-column=actions]{padding:10px;text-align:center;white-space:nowrap;text-overflow:clip;overflow:visible}.orders-console .orders-table td[data-column=actions] .orders-delete{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;max-width:100%}