.bs-panel { margin-top: 22px; }
.bs-heading, .bs-order > header, .bs-order > footer, .bs-dialog-head, .bs-dialog-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.bs-heading { margin: 28px 0; flex-wrap:wrap; }
.bs-heading h2, .bs-dialog h2 { margin:4px 0 8px; font-size:30px; }
.bs-heading p, .bs-order header p { margin:6px 0; color:var(--muted); }
.bs-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.bs-panel button, .bs-dialog button { cursor:pointer; }
.bs-panel button:disabled, .bs-dialog button:disabled { cursor:wait; opacity:.6; }
.bs-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.bs-summary > div { background:var(--theme-card); border:1px solid var(--line); padding:20px; border-top:2px solid #8c7756; }
.bs-summary span, .bs-customer-metrics span, .bs-order-totals span { display:block; color:var(--muted); font-size:12px; }
.bs-summary strong { display:block; color:var(--bronze); font-size:clamp(20px,2vw,30px); margin:8px 0; overflow-wrap:anywhere; }
.bs-summary small, .bs-panel small, .bs-dialog small { color:var(--muted); font-size:12px; line-height:1.5; }
.bs-workspace { padding:22px; background:#111113; border:1px solid var(--line); border-radius:4px; }
.bs-tabs { display:flex; gap:6px; border-bottom:1px solid var(--line); padding-bottom:12px; flex-wrap:wrap; }
.bs-tabs button { background:transparent; border:1px solid transparent; border-radius:3px; color:var(--muted); padding:12px 18px; font-weight:700; }
.bs-tabs button.active { color:var(--bronze); border-color:#65563f; background:#cfb99812; }
.bs-filters { display:flex; gap:14px; flex-wrap:wrap; margin:20px 0; }
.bs-filters label { min-width:170px; flex:1; }
.bs-filters .bs-search { flex:2; min-width:min(280px,100%); }
.bs-panel label, .bs-dialog label { display:flex; flex-direction:column; gap:8px; color:var(--muted); font-size:12px; font-weight:600; }
.bs-panel input, .bs-panel select, .bs-dialog input, .bs-dialog select, .bs-dialog textarea { width:100%; min-width:0; box-sizing:border-box; background:#09090b; color:var(--text); border:1px solid var(--line); border-radius:3px; padding:12px; font:inherit; font-size:14px; }
.bs-dialog textarea { resize:vertical; line-height:1.6; }
.bs-panel input[type=checkbox], .bs-dialog input[type=checkbox] { width:17px; height:17px; margin:0; flex:0 0 17px; accent-color:var(--bronze); }
.bs-panel :focus-visible, .bs-dialog :focus-visible { outline:2px solid var(--bronze); outline-offset:3px; }
.bs-order { background:var(--theme-card); border:1px solid var(--line); border-radius:4px; margin:16px 0; overflow:hidden; }
.bs-order > header, .bs-order > footer { padding:20px; }
.bs-order h3, .bs-customer h3 { margin:6px 0 10px; font-size:24px; overflow-wrap:anywhere; }
.bs-order-total { text-align:right; flex-shrink:0; }
.bs-order-total strong { display:block; font-size:24px; color:var(--bronze); margin:8px 0 4px; }
.bs-badge { display:inline-block; padding:4px 10px; border:1px solid var(--line); border-radius:3px; color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.bs-stage-1 { border-color:#8a7549; color:#dbc392; }
.bs-stage-2 { border-color:#56788b; color:#a6c9dd; }
.bs-stage-3 { border-color:#496d5a; color:#a7d5b7; }
.bs-order-progress { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 20px 16px; border:1px solid var(--line); background:#0c0c0e; border-radius:3px; }
.bs-panel .bs-stage { padding:14px; cursor:pointer; gap:6px; border-right:1px solid var(--line); }
.bs-stage:last-child { border-right:0; }
.bs-stage > span { display:flex; align-items:center; gap:10px; font-size:14px; }
.bs-stage.is-done > span { color:var(--bronze); }
.bs-stage small { padding-left:27px; }
.bs-order-details { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.bs-order-details summary { padding:15px 20px; cursor:pointer; color:var(--bronze); font-size:13px; }
.bs-order-details > div { padding:0 20px 16px; }
.bs-detail-row { display:flex; justify-content:space-between; gap:20px; padding:14px 0; border-top:1px solid var(--line); }
.bs-detail-row small { display:block; margin-top:5px; }
.bs-detail-row > b { white-space:nowrap; }
.bs-detail-row > div { min-width:0; }
.bs-serial-list { display:flex; flex-wrap:wrap; gap:6px; font-size:12px; }
.bs-serial-list code, .bs-serial-register code { border:1px solid #61543e; padding:5px 8px; border-radius:3px; background:#cfb99809; color:var(--bronze); overflow-wrap:anywhere; }
.bs-order > footer { font-size:12px; color:var(--muted); background:#0d0d0f; }
.bs-panel .bs-delete, .bs-dialog .bs-delete { border:1px solid #69433d; background:#321c1940; color:#f39b8c; border-radius:3px; padding:11px 15px; font:inherit; }
.bs-hint { font-size:12px; line-height:1.7; color:var(--muted); }
.bs-empty { text-align:center; padding:40px 16px; color:var(--muted); }
.bs-empty h3 { color:var(--text); }
.bs-note { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--muted); line-height:1.7; font-size:13px; }
.bs-customers { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr)); gap:16px; }
.bs-customer { background:var(--theme-card); border:1px solid var(--line); border-left:3px solid #887455; padding:22px; min-width:0; display:flex; flex-direction:column; }
.bs-customer .bs-note { flex:1; max-height:200px; overflow:auto; }
.bs-customer-metrics, .bs-order-totals { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.bs-customer-metrics strong, .bs-order-totals strong { display:block; color:var(--bronze); font-size:19px; margin-top:8px; overflow-wrap:anywhere; }
.bs-serial-register article { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:20px; align-items:center; padding:18px 0; border-top:1px solid var(--line); }
.bs-serial-register article > div { display:flex; align-items:flex-start; flex-direction:column; gap:8px; min-width:0; overflow-wrap:anywhere; }
dialog.bs-dialog { width:min(920px,calc(100vw - 28px)); max-width:920px; max-height:calc(100dvh - 36px); box-sizing:border-box; overflow:auto; border:1px solid var(--theme-border); border-radius:5px; padding:0; background:#151517; color:var(--text); }
.bs-dialog::backdrop { background:#000c; backdrop-filter:blur(3px); }
.bs-dialog form { display:block; margin:0; padding:0; }
.bs-dialog-head { border-bottom:1px solid var(--line); padding:24px; background:#1c1c1f; }
.bs-dialog-body { display:flex; flex-direction:column; gap:18px; padding:24px; }
.bs-dialog-body > button { align-self:flex-start; }
.bs-dialog-actions { padding:18px 24px; border-top:1px solid var(--line); background:#101012; justify-content:flex-end; }
.bs-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.bs-dialog .bs-check { flex-direction:row; align-items:center; font-size:13px; }
.bs-form-error { margin:0 24px 20px; padding:14px; color:#ffb6a8; background:#3b1d19; border:1px solid #8b5348; font-size:14px; }
.bs-form-error[hidden] { display:none; }
.bs-price-row { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto; align-items:center; gap:18px; padding:18px 0; border-bottom:1px solid var(--line); }
.bs-price-row strong, .bs-price-row small { display:block; margin:4px 0; overflow-wrap:anywhere; }
.bs-price-row b { font-size:14px; }
.bs-customer-prices h3 { margin-top:0; }
.bs-dialog .bs-agreed-price { flex-direction:row; align-items:center; justify-content:space-between; gap:20px; padding:15px 0; border-bottom:1px solid var(--line); }
.bs-agreed-price > span:first-child { flex:1; min-width:0; }
.bs-agreed-price > span:last-child { width:180px; flex-shrink:0; }
.bs-agreed-price strong, .bs-agreed-price small { display:block; overflow-wrap:anywhere; margin-bottom:5px; }
.bs-agreed-price strong { color:var(--text); font-size:14px; }
.bs-line { background:#0c0c0e; padding:18px; border:1px solid var(--line); margin-bottom:12px; }
.bs-line-fields { display:grid; grid-template-columns:minmax(0,1fr) 100px auto; gap:14px; align-items:end; }
.bs-line label[data-serial-label] { margin-top:14px; }
.bs-order-totals { grid-template-columns:repeat(3,minmax(0,1fr)); background:#cfb99808; padding:20px; }
.bs-catalog-group { margin:22px 0 0; border:1px solid var(--line); padding:0 16px 8px; background:#101012; }
.bs-catalog-group > header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 0; border-bottom:1px solid var(--line); }
.bs-catalog-group > header > div, .bs-catalog-product { display:flex; gap:12px; align-items:center; min-width:0; }
.bs-catalog-group h3 { margin:0; font-size:23px; min-width:0; overflow-wrap:anywhere; }
.bs-catalog-group h3 small { display:block; font-family:Inter,sans-serif; font-weight:400; }
.bs-catalog-product > span:last-child { min-width:0; }
.bs-move-buttons { display:flex; flex-direction:column; gap:4px; flex-shrink:0; }
.bs-dialog .bs-move-buttons button { padding:3px 9px; min-height:26px; line-height:20px; }
.bs-dialog .bs-move-buttons button:disabled { cursor:default; opacity:.25; }
.bs-catalog-group .bs-price-row { grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto; gap:12px; }
dialog.bs-order-picker { width:min(1100px,calc(100vw - 28px)); max-width:1100px; }
.bs-picker-intro { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.bs-picker-intro p { margin:0; max-width:620px; }
.bs-picker-intro strong { color:var(--bronze); font-size:12px; text-align:right; flex-shrink:0; }
.bs-picker-group { border:1px solid var(--line); background:#0c0c0e; margin-bottom:18px; }
.bs-picker-group > header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 18px; background:#cfb9980c; border-bottom:1px solid var(--line); }
.bs-picker-group h3 { font-size:23px; margin:0; color:var(--bronze); min-width:0; overflow-wrap:anywhere; }
.bs-picker-group > header > span { color:var(--muted); font-size:12px; flex-shrink:0; }
.bs-picker-columns, .bs-picker-fields { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1.3fr) 90px minmax(0,1fr); gap:18px; align-items:center; }
.bs-picker-columns { padding:10px 18px; border-bottom:1px solid var(--line); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.bs-picker-columns > :last-child, .bs-picker-fields > [data-line-total] { text-align:right; }
.bs-dialog .bs-line.bs-picker-row { margin:0; padding:16px 18px; border:0; border-bottom:1px solid #303035; background:transparent; }
.bs-picker-row:last-child { border-bottom:0; }
.bs-dialog .bs-picker-row.is-selected { background:#cfb9980a; box-shadow:inset 3px 0 var(--bronze); }
.bs-picker-name { overflow-wrap:anywhere; }
.bs-picker-name strong { font-size:14px; }
.bs-picker-name small { display:block; margin-top:5px; }
.bs-picker-price b { display:block; color:var(--bronze); font-size:14px; }
.bs-picker-price small { display:block; margin-top:5px; }
.bs-picker-quantity > span { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
.bs-dialog .bs-picker-quantity { margin:0; }
.bs-picker-fields > [data-line-total] { font-size:14px; overflow-wrap:anywhere; }
.bs-picker-serials { margin-top:12px; padding-top:10px; border-top:1px dashed #625841; }
.bs-picker-serials summary { cursor:pointer; font-size:12px; color:var(--bronze); }
.bs-picker-serials summary span { padding-left:12px; color:var(--muted); }
.bs-picker-serials > label { margin-top:12px; }
.bs-order-picker .bs-dialog-actions { position:sticky; bottom:0; z-index:1; box-shadow:0 -8px 18px #0005; }
@media(max-width:700px){.bs-picker-intro{align-items:flex-start;flex-direction:column;gap:10px;}.bs-picker-columns{display:none;}.bs-picker-fields{grid-template-columns:minmax(0,1fr) 100px;gap:12px;}.bs-picker-name{grid-column:1;grid-row:1;}.bs-picker-quantity{grid-column:2;grid-row:1;}.bs-picker-price{grid-column:1;grid-row:2;}.bs-picker-fields>[data-line-total]{grid-column:2;grid-row:2;}.bs-picker-quantity>span{position:static;width:auto;height:auto;clip-path:none;}.bs-catalog-group .bs-price-row{grid-template-columns:1fr 1fr;}.bs-catalog-group .bs-price-row>.bs-catalog-product{grid-column:1/-1;}.bs-catalog-group .bs-price-row>button{grid-column:1/-1;justify-self:start;}}
@media(max-width:1000px){.bs-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.bs-heading .bs-actions{width:100%;}.bs-workspace{padding:16px;}}
@media(max-width:600px){.bs-summary{gap:8px;}.bs-summary>div{padding:14px;}.bs-summary strong{font-size:20px;}.bs-order>header{align-items:flex-start;flex-direction:column;}.bs-order-total{text-align:left;}.bs-order-progress{margin:0 12px 12px;}.bs-panel .bs-stage{padding:12px 8px;}.bs-stage>span{font-size:12px;gap:6px;}.bs-stage small{padding-left:0;font-size:10px;}.bs-order>footer{align-items:flex-start;flex-direction:column;}.bs-workspace{padding:12px;}.bs-form-grid{grid-template-columns:1fr;}.bs-dialog-head,.bs-dialog-body{padding:18px;}.bs-line{padding:12px;}.bs-line-fields{grid-template-columns:minmax(0,1fr) 75px;}.bs-line-fields>button{grid-column:1/-1;justify-self:end;}.bs-order-totals{padding:12px;gap:8px;}.bs-order-totals strong{font-size:15px;}.bs-serial-register article{grid-template-columns:1fr 1fr;gap:12px;}.bs-serial-register article>button{grid-column:1/-1;justify-self:start;}.bs-price-row{grid-template-columns:1fr 1fr;gap:12px;}.bs-price-row>div:first-child{grid-column:1/-1;}.bs-price-row>button{grid-column:1/-1;justify-self:start;}.bs-dialog .bs-agreed-price{align-items:flex-start;flex-direction:column;gap:10px;}.bs-agreed-price>span:last-child{width:100%;}}