/* Selected v16 composition, scoped to Brain; existing application rail is retained. */
.bd-detail.bd-order-detail{width:min(860px,96vw)}
.bd-order-filters>.bd-link{justify-self:start;font-size:12px;padding:6px 12px;margin:0}
@media(max-width:650px){.bd-detail.bd-order-detail{width:100vw}}
.bd-order-open span{min-width:0}.bd-order-open b{font-weight:600}.bd-order-open small{display:block;font-size:9px;margin-top:3px;line-height:1.3;overflow-wrap:anywhere}
.bd-order-detail{width:min(860px,96vw)}.bd-order-filters{display:grid;gap:12px;margin-bottom:20px}.bd-order-filters fieldset{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:0;margin:0}.bd-order-filters legend{padding:0;margin-bottom:7px;font-weight:600;font-size:12px}.bd-order-filters label{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #9fadc64d;border-radius:12px;background:#ffffff0d;font-size:12px;cursor:pointer}.bd-order-filters label:has(input:checked){border-color:#ed8c39;background:#ed8c391a}.bd-order-filters input{accent-color:#d95a16}.bd-order-filters .bd-seg button{flex:1}.bd-order-result{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.bd-order-result strong{font-size:38px}.bd-order-result span{font-size:14px}.bd-order-source{margin-top:24px;border-top:1px solid #a1b3ce55;padding-top:15px}.bd-order-source>summary{font-size:12px;cursor:pointer}.bd-order-detail th{white-space:normal}.bd-order-detail .bd-split{flex-wrap:wrap}
@media(min-width:960px){.bd-orders-card{gap:3px!important}.bd-orders-card .bd-order-open{padding:4px 8px}.bd-orders-card .bd-money-total{font-size:11px}.bd-orders-card .bd-commerce-split small{font-size:9px}}
@media(max-width:650px){.bd-order-detail{width:100vw;max-width:100vw}.bd-order-detail .bd-detail-body{padding:15px}.bd-order-filters label{font-size:11px;padding:7px}.bd-order-detail td,.bd-order-detail th{font-size:10px}}
.bd,.bd-detail{--bd-orange:#ec6c20;--bd-text:#f1f5fc;--bd-muted:#b3c1d4;font-variant-numeric:tabular-nums}
.bd *,.bd-detail *{box-sizing:border-box}.bd button,.bd-detail button{font:inherit;cursor:pointer}.bd button:focus-visible,.bd-detail button:focus-visible{outline:2px solid #ffbd82;outline-offset:3px}
.bd-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:4px 0 16px}.bd-seg{display:flex;gap:3px;padding:4px;background:#dfe4ec;border-radius:12px}.bd-seg button{border:0;background:none;color:#536071;border-radius:9px;padding:7px 12px;font-size:12px;font-weight:650}.bd-seg button[aria-pressed=true]{background:#172332;color:white;box-shadow:0 2px 6px #17233215}.bd-tools{display:flex;gap:8px}.bd-tool{border:1px solid #bdc5d3;background:#ffffff85;border-radius:11px;padding:9px 12px;color:#3b485b;font-size:12px!important}
.bd-shell{position:relative;isolation:isolate;padding:20px;border-radius:28px;background:radial-gradient(ellipse at 0 100%,#94714760,transparent 46%),radial-gradient(ellipse at 100% 90%,#365f995e,transparent 52%),linear-gradient(140deg,#15202e,#1c2a3e);color:var(--bd-text);box-shadow:0 20px 65px #15233726,inset 0 1px #ffffff1c}
.bd-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:53px;padding:10px 16px;border-radius:16px;margin-bottom:18px;background:linear-gradient(110deg,#d65c1a,#b84710);box-shadow:inset 0 1px #ffa96d44}.bd-summary>b{font-size:12px;letter-spacing:.03em}.bd-summary button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#fff2e8;font-size:12px;text-align:left}.bd-summary strong{color:white;font-size:24px;font-weight:750}
.bd-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:stretch}.bd-column{min-width:0;display:grid;grid-template-rows:repeat(3,minmax(175px,1fr));gap:14px}.bd-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:15px;border:1px solid #bdcce23b;border-radius:20px;background:linear-gradient(135deg,#bdcee31b,#a8c4e812);box-shadow:inset 0 1px #ffffff10,0 8px 20px #0813220b;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.bd-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px;border:0;background:none;padding:0;color:#f2f6fc;font-size:14px!important;font-weight:750!important;text-align:left}.bd-card-head span:last-child{color:#9cacc2;font-weight:400}.bd-card .bd-seg{background:#10203350;border-radius:9px;padding:2px}.bd-card .bd-seg button{flex:1;padding:4px 6px}.bd-card .bd-seg button[aria-pressed=true]{background:#d4e4fc27;box-shadow:inset 0 1px #eef6ff22}
.bd-number{display:flex;justify-content:space-between;align-items:center;gap:8px}.bd-number>strong{font-size:35px;font-weight:750;letter-spacing:-1px;line-height:1.15;white-space:nowrap}.bd-number small{font-size:12px;font-weight:400;color:var(--bd-muted);letter-spacing:0;margin-left:5px}.bd-number>span{font-size:11px;color:var(--bd-muted);max-width:105px;line-height:1.4;text-align:right}
.bd-split{display:flex;gap:12px;border-top:1px solid #d1ddef21;padding-top:8px}.bd-split>span{flex:1;min-width:0;color:#b7c7db;font-size:11px;line-height:1.3}.bd-split b{display:block;color:#eff4fb;font-size:18px;font-weight:650;margin-top:3px}.bd-note{display:flex;align-items:center;gap:6px;justify-content:space-between;width:100%;padding:7px 9px;margin-top:auto;border:1px solid #e8a6732b;background:#dd97580d;border-radius:10px;color:#f6bf95;font-size:11px!important;text-align:left;line-height:1.35}.bd-note:hover{background:#dd975820}.bd-note.bd-good{color:#a5d6bd;border-color:#a5d6bd30;background:#a5d6bd08}.bd-note.bd-muted{border-color:#bad1ed24;background:#b8cee909}.bd-muted{color:var(--bd-muted);font-size:11px;line-height:1.45}.bd-card p{margin:0}.bd-route{display:flex;justify-content:space-between;padding:8px 9px;background:#b6cbea0a;border-radius:9px;color:#c2cfe0;font-size:12px}.bd-route b{color:#e8eff9;font-weight:600}
.bd-center{min-width:0;display:flex;flex-direction:column;gap:12px}.bd-flow-tabs{align-self:start;padding:0;background:none;gap:7px}.bd-flow-tabs button{color:#b7c6dc;padding:8px 10px}.bd-flow-tabs button[aria-pressed=true]{background:var(--bd-orange);color:#fff}.bd-glass{display:flex;flex-direction:column;min-width:0;flex:1;padding:16px;border:1px solid #c8d8ee3c;border-radius:22px;background:linear-gradient(128deg,#e1ecff1a,#bfd8ff10);box-shadow:inset 0 1px #fff2,0 15px 45px #0314260e;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.bd-conveyor-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:14px;border-bottom:1px solid #b3cae229}.bd-conveyor-head h2{font-size:12px;line-height:1.4;font-weight:500;color:#bdcadb;margin:0 0 7px}.bd-conveyor-head strong{font-size:32px;color:white;letter-spacing:-.7px}.bd-conveyor-head small{font-size:11px;letter-spacing:0;font-weight:400;margin-left:8px;color:#bccade}.bd-tempo{align-self:start;border:1px solid #ffb2783b;border-radius:10px;background:#d46020;color:#fff;padding:7px 10px;font-size:11px!important;white-space:nowrap}
.bd-lanes{display:flex;flex-direction:column;justify-content:space-evenly;flex:1;min-height:370px}.bd-lane{display:grid;grid-template-columns:82px minmax(0,1fr) 32px;grid-template-rows:auto auto;gap:5px 8px;padding:13px 0;border-bottom:1px solid #c1d3e61e;align-items:center}.bd-lane-label{min-width:0;grid-column:1;grid-row:1}.bd-lane-label b{display:block;font-size:11px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.bd-lane-label small{display:block;font-size:10px;color:#abbbd0;line-height:1.3;margin-top:4px}.bd-track{position:relative;height:50px;overflow:hidden;isolation:isolate;border:1px solid #c0d4eb40;border-radius:12px;background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,#e0ecff0a 39px,#e0ecff0a 40px),#d1e1f311;box-shadow:inset 0 1px #fff1}
.bd-belt{position:absolute;display:flex;align-items:center;gap:8px;width:max-content;min-width:100%;height:100%;padding:3px;animation:bd-flow var(--bd-duration,24s) linear infinite alternate}.bd-photo{display:block;position:relative;flex:none;width:42px;height:42px;border-radius:50%;overflow:hidden;clip-path:circle(50%);background:#68778c;border:1px solid #fff8;box-shadow:0 2px 5px #0c162741}.bd-photo>span{display:grid;place-items:center;width:100%;height:100%;font-size:11px;color:#e4edf8}.bd-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}.bd-photo img[hidden]{display:none}.bd-count{font-size:22px;font-weight:650;color:#ffac74;text-align:right}.bd-track-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;line-height:1.3;text-align:center;color:#a6b9d2;padding:5px}
.bd-lane-signal{grid-column:1/3;grid-row:2;border:0;background:none;color:#a8d6bd;font-size:10px!important;padding:0;text-align:left;display:flex;gap:5px;align-items:center}.bd-glyph{font-style:normal;display:inline-grid;place-items:center;width:16px;height:16px;flex:none;animation:bd-beacon 3s ease-in-out infinite}.bd-time{grid-column:2/4;grid-row:3;font-size:10px;color:#aebfd3;line-height:1.2}.bd-lane[data-status=quiet] .bd-lane-signal{color:#e9c08b}.bd-lane[data-status=quiet] .bd-glyph{animation:bd-sleep 3.6s ease-in-out infinite}.bd-lane[data-status=stale] .bd-lane-signal{color:#f0bd78}.bd-lane[data-status=offline] .bd-lane-signal{color:#f4a092}.bd-lane[data-status=missing] .bd-lane-signal{color:#b1c2d9}.bd-lane[data-status=offline] .bd-belt{opacity:.75}.bd-glass footer{display:flex;gap:10px;justify-content:space-between;font-size:10px;color:#b5c7de;margin-top:14px}.bd-paused .bd-belt,.bd-paused .bd-glyph{animation-play-state:paused}
.bd table,.bd-detail table{border-collapse:collapse;width:100%;font-size:11px}.bd th,.bd-detail th{text-align:left;font-weight:500}.bd thead th{color:#b2c2d7;padding:3px 0 7px;font-size:10px}.bd td{color:#ffb583;font-weight:600;font-size:15px}.bd th,.bd td{padding:7px 4px;border-bottom:1px solid #bdcfe323}.bd tr>*:not(:first-child){text-align:right}.bd tbody th{font-size:10px;overflow-wrap:anywhere}.bd-table-wrap{overflow:auto;max-height:200px}.bd-bottom{border-top:1px solid #ccdbed20;margin-top:16px;padding-top:12px;font-size:10px;color:#a4b7d0}.bd-empty{color:#c1cfdf;text-align:center;padding:30px 8px}
.bd-detail{position:fixed;inset:0 0 0 auto;margin:0;width:min(580px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:1px solid #cadcf544;background:radial-gradient(ellipse at 0 100%,#82613b35,transparent 55%),linear-gradient(145deg,#2d3c52f5,#17263afb);color:#edf4ff;box-shadow:-30px 0 90px #0004;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.bd-detail::backdrop{background:#0d17254f;backdrop-filter:blur(3px)}.bd-detail header{position:sticky;top:0;background:#243349ed;padding:28px;border-bottom:1px solid #bacce522;z-index:1}.bd-detail header small{color:#f4b084;font-size:12px}.bd-detail h2{font-size:26px;letter-spacing:-.5px;color:#fff;margin:9px 35px 0 0}.bd-detail header button{position:absolute;right:20px;top:28px;border:1px solid #b1c6e24a;border-radius:10px;width:34px;height:34px;background:#fff1;color:#fff;font-size:24px}.bd-detail-body{padding:24px 28px;font-size:14px;line-height:1.6}.bd-detail p{color:#bfcee1}.bd-detail h3{font-size:16px;color:#f1f5fc;margin-top:25px}.bd-detail th,.bd-detail td{padding:12px 5px;border-bottom:1px solid #b8cde12b;font-size:12px}.bd-detail td small{display:block;color:#9db4d0}.bd-detail .bd-explain{font-size:12px;border:1px solid #adc2df24;background:#cee3ff05;border-radius:12px;padding:14px}.bd-detail .bd-link{display:inline-block;border:1px solid #ffc39444;border-radius:10px;background:#d563201c;color:#ffc294;padding:10px 14px;margin-top:10px}.bd-event{display:flex;width:100%;justify-content:space-between;gap:10px;padding:12px 0;border:0;border-bottom:1px solid #b3c8e424;color:#e6f0ff;background:none;text-align:left;font-size:13px}.bd-event span{color:#a6bdd7;font-size:12px}.bd-detail .bd-split{flex-wrap:wrap}
@keyframes bd-flow{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes bd-beacon{50%{opacity:.4}}@keyframes bd-sleep{50%{transform:translateY(-3px);opacity:.5}}
.bd-track{container-type:inline-size}.bd-belt{gap:0;padding:0;min-width:0;animation-direction:normal;will-change:transform}.bd-belt-group{display:flex;flex:none;align-items:center;justify-content:space-around;min-width:100cqw;gap:8px;padding:3px 8px 3px 0}.bd-collection{font-size:11px;color:#ecc7a5;margin:-7px 2px 12px;line-height:1.4}.bd-event{flex-wrap:wrap}.bd-event>span{overflow-wrap:anywhere}
.bd-card .bd-seg button{color:#b8c7dc}.bd-card .bd-seg button[aria-pressed=true]{color:white}
.bd-orders-card{position:relative;z-index:3}.bd-cabinets{position:relative;min-width:0}.bd-cabinets summary{display:flex;justify-content:space-between;gap:8px;align-items:center;list-style:none;cursor:pointer;border:1px solid #c9d9ef32;border-radius:9px;background:#d3e4ff0b;padding:5px 8px;font-size:11px;color:#e5eefb}.bd-cabinets summary::-webkit-details-marker{display:none}.bd-cabinets summary>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bd-cabinets summary:focus-visible{outline:2px solid #ffbd82;outline-offset:2px}.bd-cab-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:20;background:#253448f7;border:1px solid #d8e6fa55;box-shadow:0 16px 40px #050e1b99;backdrop-filter:blur(24px);border-radius:13px;padding:7px}.bd-cab-option{display:flex;align-items:center;gap:8px;min-height:34px;padding:5px 6px;cursor:pointer;font-size:11px;color:#dfebfa;border-radius:7px}.bd-cab-option:hover{background:#e5eeff14}.bd-cab-option input{accent-color:var(--bd-orange);width:15px;height:15px;flex:none;margin:0}.bd-cab-option span{flex:1;min-width:0;overflow-wrap:anywhere}.bd-cab-option b{color:#ffb583;font-size:12px}.bd-cab-menu>small{display:block;font-size:10px;color:#acbed5;padding:7px 6px 3px;border-top:1px solid #cbdcf126;line-height:1.5}.bd-cab-option:first-child{border-bottom:1px solid #cbdcf126;border-radius:0;margin-bottom:3px}
@media(min-width:1151px){.bd-workspace{height:clamp(570px,calc(100svh - 300px),850px)}.bd-column{min-height:0;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}.bd-card{padding:12px;gap:7px;min-height:0}.bd-glass,.bd-center{min-height:0}.bd-lanes{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b6c9e644 transparent}.bd-lane{padding:8px 0;gap:4px 8px}.bd-track{height:46px}.bd-photo{width:40px;height:40px}.bd-number>strong{font-size:32px}.bd-split{padding-top:6px}.bd-note{padding:6px 8px}.bd-table-wrap{min-height:0}.bd-conveyor-head{padding-bottom:10px}.bd-bottom{font-size:10px}}
@media(min-width:1151px){.bd-workspace{height:clamp(540px,calc(100svh - 330px),820px)}.bd-card{gap:5px}.bd-card .bd-split{font-size:10px;padding-top:5px}.bd-card .bd-split b{font-size:16px;margin-top:2px}.bd-card .bd-note{padding:4px 8px}.bd-fbs-card td,.bd-fbs-card th{padding:3px 4px}.bd-fbs-card td{font-size:13px}.bd-card .bd-number>span{font-size:10px}}
@media(min-width:1500px){.bd-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr)}.bd-lane{grid-template-columns:94px minmax(0,1fr) 34px}.bd-lane-label b{font-size:12px}}
.bd-order-heading{display:flex;gap:8px;align-items:center;justify-content:space-between}.bd-order-heading>.bd-card-head{flex:1}.bd-order-heading>.bd-card-head span:last-child{display:none}.bd-order-heading .bd-cabinets{position:static;max-width:68%;min-width:0}.bd-order-heading .bd-cab-menu{top:46px;left:12px;right:12px}.bd-orders-card .bd-seg button{padding:4px;font-size:11px}
.bd-commerce-card .bd-number strong{font-size:32px;letter-spacing:-1px;line-height:1.15;white-space:nowrap}.bd-money-total{font-size:13px;color:#f5d4ba;line-height:1.45;margin-top:2px}.bd-money-total small{font-size:9px;color:#b3c1d4;margin-left:3px}.bd-commerce-split{gap:8px}.bd-commerce-split small,.bd-fbs-card td small,.bd-detail .bd-split small{display:block;font-size:10px;font-weight:500;color:#cfdae9;margin-top:3px;line-height:1.35;overflow-wrap:anywhere}.bd-commerce-split>span{font-size:10px}.bd-detail-money{font-size:11px;white-space:nowrap}.bd-fbs-card td small{font-size:9px}.bd-fbs-card .bd-table-wrap{max-height:none}
@media(min-width:1151px){.bd-workspace{height:clamp(540px,calc(100svh - 314px),836px)}.bd-column{grid-template-rows:minmax(0,1.24fr) minmax(0,1fr) minmax(0,1.06fr)}.bd-card .bd-route{padding:5px 9px}.bd-commerce-card .bd-number strong{font-size:28px}.bd-commerce-split small{font-size:10px}.bd-fbs-card{padding-top:9px;padding-bottom:9px}.bd-fbs-card td{white-space:nowrap;font-size:11px}.bd-fbs-card td small{display:inline;font-size:9px;margin-left:4px}.bd-fbs-card .bd-muted{font-size:10px}.bd-fbs-card th{font-size:9px}.bd-fbs-card th,.bd-fbs-card td{padding:2px}}
@media(max-width:1150px){.bd-workspace{grid-template-columns:1fr 1fr}.bd-center{grid-column:1/-1;grid-row:1}.bd-lanes{min-height:0}.bd-lane{grid-template-columns:110px minmax(0,1fr) 45px;padding:9px 0}.bd-time{grid-row:2;text-align:right}.bd-lane-signal{grid-column:1/3}.bd-column{grid-template-rows:repeat(3,minmax(185px,1fr))}.bd-glass{padding:15px}.bd-summary{flex-wrap:wrap;gap:12px}.bd-summary>b{flex-basis:100%}}
@media(max-width:650px){.bd-shell{padding:12px;border-radius:22px}.bd-toolbar{flex-wrap:wrap;gap:10px}.bd-brands{width:100%}.bd-brands button{flex:1;padding:8px 6px}.bd-tools{margin-left:auto}.bd-workspace{display:flex;flex-direction:column}.bd-column{display:contents}.bd-center{order:0}.bd-card{min-height:185px}.bd-summary{gap:12px}.bd-summary button{flex:1;font-size:10px;flex-direction:column;align-items:start}.bd-summary strong{font-size:23px}.bd-lane{grid-template-columns:78px minmax(0,1fr) 29px;gap:5px}.bd-lane-label b{font-size:10px}.bd-time{grid-row:3;text-align:left}.bd-glass footer{font-size:9px;gap:5px}.bd-conveyor-head h2{font-size:11px}.bd-tempo{padding:6px}.bd-detail-body{padding:20px}.bd-detail header{padding:22px}}
@media(prefers-reduced-motion:reduce){.bd *, .bd *::before,.bd *::after{animation:none!important;transition:none!important}.bd .bd-belt{animation:bd-flow calc(var(--bd-duration,24s)*1.5) linear infinite!important}.bd.bd-paused .bd-belt{animation-play-state:paused!important}}
@media(max-width:650px){
 body:has(#brainDashboard) #app{display:block}
 body:has(#brainDashboard) .rail{position:sticky;top:8px;margin:8px;width:calc(100% - 16px);height:62px;min-height:0;flex-direction:row;align-items:center;gap:5px;padding:5px 7px;border-radius:18px;z-index:30}
 body:has(#brainDashboard) .rail-logo{flex:none;margin:0;width:34px;height:36px}
 body:has(#brainDashboard) .rail .nav{display:flex;flex-direction:row;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;margin:0;gap:3px;padding:0;scrollbar-width:none}
 body:has(#brainDashboard) .rail .nav-i{flex:0 0 48px;width:48px;height:48px;min-height:48px;margin:0;padding:5px 2px}
 body:has(#brainDashboard) .rail .nav-div,body:has(#brainDashboard) .rail-brands{display:none}
 body:has(#brainDashboard) .rail-user{flex:none;margin:0;width:32px;height:32px}
 body:has(#brainDashboard) .main{margin:0;min-width:0;padding-top:8px}
}
/* BRAIN.SALES.PERIODS.V1: пять периодов «Продаж» в одну строку */
#brainDashboard .bd-card .bd-seg.bd-seg-many{gap:1px;padding:3px}#brainDashboard .bd-card .bd-seg.bd-seg-many button{padding:5px 3px!important;font-size:11px!important;white-space:nowrap;min-width:0;letter-spacing:-.01em}