.bp-employees-order-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid #e0eae3;border-radius:12px;background:#f8fbf9}
.bp-employees-order-bar[hidden]{display:none!important}
.bp-employees-order-hint{margin:0;color:#718279;font-size:10px;line-height:1.45}
.bp-employees-order-bar>button{flex:0 0 auto;min-height:36px;border:1px solid #cfe2d5;border-radius:10px;background:#edf7f0;color:#28784e;padding:0 12px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}
.bp-employees-order-bar>button:hover:not(:disabled){border-color:#8bb99a;background:#e5f3e9}
.bp-employees-order-bar>button:disabled{opacity:.55;cursor:wait}
.bp-employees-order-bar>button:focus-visible,.bp-employee-order-dialog button:focus-visible,.bp-employee-order-dialog input:focus-visible{outline:2px solid #2e8058;outline-offset:2px}
.bp-employee-order-dialog{box-sizing:border-box;width:min(610px,calc(100vw - 28px));max-width:none;max-height:none;margin:auto;padding:0;overflow:visible;border:0;border-radius:20px;background:transparent;color:inherit;box-shadow:0 26px 85px rgba(23,47,33,.28)}
.bp-employee-order-dialog::backdrop{background:rgba(20,38,28,.42);backdrop-filter:blur(2px)}
.bp-employee-order-card{box-sizing:border-box;display:grid;grid-template-rows:auto auto auto auto minmax(120px,1fr) auto auto;gap:12px;width:100%;max-height:calc(100dvh - 28px);padding:21px;background:#fff;border-radius:20px;overflow:hidden}
.bp-employee-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.bp-employee-order-head h2{margin:4px 0 0;color:#1e412d;font-size:22px;line-height:1.15}
.bp-employee-order-head>button{flex:0 0 auto;width:34px;height:34px;border:1px solid #dce5df;border-radius:10px;background:#fff;color:#61736a;font-size:21px;line-height:1;cursor:pointer}
.bp-employee-order-intro{margin:0;color:#718279;font-size:10px;line-height:1.5}
.bp-employee-order-search{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 11px;border:1px solid #dce6df;border-radius:11px;background:#fff;color:#718279}
.bp-employee-order-search>span{display:grid;place-items:center;font-size:16px}
.bp-employee-order-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#244733;font:inherit;font-size:11px}
.bp-employee-order-search input:focus-visible{outline:0}
.bp-employee-order-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;color:#7a8a81;font-size:9px;font-weight:750}
.bp-employee-order-sorters{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 12px;margin-left:auto}
.bp-employee-order-tools button{border:0;background:transparent;color:#2e8058;padding:5px 0;font:inherit;font-size:9px;font-weight:850;cursor:pointer}
.bp-employee-order-tools button:disabled{opacity:.45;cursor:not-allowed}
.bp-employee-order-list{display:grid;align-content:start;gap:6px;min-height:100px;max-height:min(54dvh,520px);padding:1px 5px 1px 1px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#bfd2c5 transparent;scrollbar-width:thin}
.bp-employee-order-row{display:grid;grid-template-columns:26px 38px minmax(0,1fr) 84px;align-items:center;gap:10px;min-height:56px;padding:7px 10px;border:1px solid #e0e8e3;border-radius:12px;background:#fbfcfb;transition:border-color .12s ease,background .12s ease,opacity .12s ease}
.bp-employee-order-row:hover{border-color:#c4d8ca;background:#f8fbf9}
.bp-employee-order-row.dragging{opacity:.38}
.bp-employee-order-row.drop-target{border-color:#4a956b;background:#eef7f0;box-shadow:inset 0 0 0 1px rgba(46,128,88,.15)}
.bp-employee-order-grip{display:grid;place-items:center;width:25px;height:34px;border-radius:8px;color:#789084;font-size:22px;line-height:1;cursor:grab;user-select:none;touch-action:none}
.bp-employee-order-grip:active{cursor:grabbing}
.bp-employee-order-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--employee-color,#2e8058);color:#fff;font-size:10px;font-weight:900}
.bp-employee-order-name{min-width:0;overflow:hidden;color:#244733;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.bp-employee-order-position{display:grid;grid-template-columns:auto 46px;align-items:center;gap:5px;color:#839188;font-size:8px;font-weight:750}
.bp-employee-order-position input{width:46px;height:34px;border:1px solid #dce6df;border-radius:8px;background:#fff;color:#244733;text-align:center;font:inherit;font-size:10px;font-weight:850;appearance:textfield}
.bp-employee-order-position input::-webkit-inner-spin-button,.bp-employee-order-position input::-webkit-outer-spin-button{margin:0;appearance:none}
.bp-employee-order-empty{margin:0;padding:24px 12px;border:1px dashed #dce6df;border-radius:12px;color:#819087;text-align:center;font-size:10px}
.bp-employee-order-status{min-height:15px;margin:0;color:#74857b;font-size:9px;font-weight:750}
.bp-employee-order-status[data-state="busy"]{color:#597b68}
.bp-employee-order-status[data-state="ok"]{color:#2e8058}
.bp-employee-order-status[data-state="error"]{color:#ae5140}
.bp-employee-order-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid #edf1ee}
.bp-employee-order-actions button{min-height:39px;border:1px solid #d9e2dc;border-radius:10px;background:#fff;color:#244733;padding:0 15px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}
.bp-employee-order-actions .primary{border-color:#2e8058;background:#2e8058;color:#fff}
.bp-employee-order-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:520px){.bp-employees-order-bar{align-items:stretch;flex-direction:column}.bp-employees-order-bar>button{width:100%}.bp-employee-order-card{grid-template-rows:auto auto auto auto minmax(80px,1fr) auto auto;gap:10px;padding:17px}.bp-employee-order-list{min-height:80px}.bp-employee-order-sorters{gap:4px 10px}.bp-employee-order-row{grid-template-columns:23px 34px minmax(0,1fr) 76px;gap:7px;padding-inline:7px}.bp-employee-order-avatar{width:32px;height:32px}.bp-employee-order-position{grid-template-columns:1fr 42px}.bp-employee-order-position input{width:42px}.bp-employee-order-actions{display:grid;grid-template-columns:1fr 1fr}.bp-employee-order-actions button{width:100%}}