/* Production & sales dashboard (F6, review 2026-10-07; js/ui/business.js). Same look as the Hideout station sheets (theme.css bz*):
   navy boxes with the dark outline, Lilita headings, green Sell / blue Collect buttons. Fits the 460px desktop side sheet and a phone. */
.bdSheet { display:flex; flex-direction:column; gap:10px; }
.bdHead { display:flex; gap:12px; align-items:center; margin:-6px 40px 0 0; }
.bdHi { flex:none; width:56px; height:56px; border-radius:14px; border:3px solid var(--ol); background:radial-gradient(ellipse at 50% 40%,#ffe9a8,#e0a43a 75%); display:flex; align-items:center; justify-content:center; font-size:30px; box-shadow:inset 0 2px 0 rgba(255,255,255,.45); }
.bdHead h3 { margin:0; font:400 22px/1.05 var(--fh); letter-spacing:.3px; color:#fff; text-shadow:var(--so2); }
.bdHead p { margin:4px 0 0; color:#dbe9fa; font-weight:700; font-size:12px; line-height:1.35; }

.bdSum { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.bdTile { min-width:0; padding:7px 6px 6px; border:2.5px solid var(--ol); border-radius:12px; background:#0b2448; text-align:center; display:flex; flex-direction:column; gap:1px; box-shadow:inset 0 2px 0 rgba(120,190,255,.15); }
.bdTile small { font:800 10.5px/1.1 var(--fb); letter-spacing:.4px; text-transform:uppercase; color:var(--mut); }
.bdTile b { font:400 19px/1.1 var(--fh); color:var(--grn); text-shadow:0 1.5px 0 var(--ol); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bdTile b em { font-style:normal; font-size:13px; color:var(--mut); }
.bdTile span { font:700 10.5px/1.2 var(--fb); color:#bcd6f5; }
.bdWarn { margin:0; padding:6px 9px; border-radius:10px; background:rgba(255,209,102,.12); border:2px solid rgba(255,209,102,.4); color:#ffe6a6; font:800 12px/1.35 var(--fb); }

.bdActs { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.bdActs .btn { min-height:48px; font-size:17px; padding:6px 8px 8px; white-space:nowrap; }
.bdActs .btn[disabled] { filter:saturate(.3) brightness(.8); }
.bdEsc { min-height:44px; }

.bdList { border:3px solid var(--ol); border-radius:16px; background:#123a73; box-shadow:inset 0 2px 0 rgba(120,190,255,.2); overflow:hidden; }
.bdRow { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:9px; padding:9px 10px; }
.bdRow + .bdRow { border-top:2px solid rgba(8,20,45,.45); }
.bdRow.ready { background:linear-gradient(90deg,rgba(126,240,90,.13),rgba(126,240,90,0) 70%); }
.bdRow.lock { opacity:.72; }
.bdIc { width:44px; height:44px; padding:0; border-radius:50%; border:2.5px solid var(--ol); background:#fff; font-size:23px; line-height:1; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.bdRow.lock .bdIc, .bdRow.new .bdIc { background:#8aa2c4; filter:grayscale(.6); }
.bdMain { min-width:0; display:flex; flex-direction:column; gap:2px; }
.bdNm { align-self:flex-start; max-width:100%; display:flex; align-items:center; gap:6px; padding:0; background:none; border:0; cursor:pointer; font:400 16px/1.1 var(--fh); color:#fff; text-shadow:var(--so2); text-align:left; white-space:nowrap; overflow:hidden; }
.bdLv { font-size:13px; color:var(--yl1); }
.bdPips { display:inline-flex; gap:2px; } .bdPips i { width:7px; height:5px; border-radius:1px; background:rgba(8,20,45,.55); } .bdPips i.on { background:var(--yl1); }
.bdSt { font:800 12.5px/1.3 var(--fb); color:#dbe9fa; }
.bdRow.on .bdSt { color:#b8ff9a; } .bdRow.off .bdSt { color:#ffb0a0; } .bdRow.build .bdSt { color:var(--yl1); } .bdRow.lock .bdSt, .bdRow.new .bdSt { color:var(--mut); }
.bdRdy { color:#b8ff9a; font-weight:900; }
.bdSub { font:700 11.5px/1.3 var(--fb); color:var(--mut); }
.bdBar { height:7px; margin:2px 0 1px; border:2px solid var(--ol); border-radius:5px; background:#0b2346; overflow:hidden; box-sizing:content-box; }
.bdBar i { display:block; height:100%; background:linear-gradient(180deg,#a8ff7a,#3cc42a); }
.bdBtn { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
.bdBtn .btn { min-height:38px; white-space:nowrap; }
.bdMini { padding:2px 4px; background:none; border:0; font:800 12px var(--fb); color:#bcd6f5; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
.bdMini:hover, .bdNm:hover { color:#fff; }

.bdLinks { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.bdLinks button { display:flex; flex-direction:column; align-items:flex-start; gap:1px; min-height:48px; padding:6px 9px 7px; text-align:left; border:2.5px solid var(--ol); border-radius:12px; cursor:pointer;
  background:linear-gradient(180deg,rgba(12,36,72,.85),rgba(10,28,58,.85)); box-shadow:inset 0 2px 0 rgba(120,190,255,.2); color:#fff; font:400 14px/1.1 var(--fh); letter-spacing:.2px; text-shadow:var(--so2); }
.bdLinks button small { font:700 10.5px/1.2 var(--fb); color:var(--mut); text-shadow:none; letter-spacing:0; }
.bdLinks button:hover { background:linear-gradient(180deg,#1f5aa6,#15427f); }
.bdNote { margin:0 2px; color:#dbe9fa; font:700 11.5px/1.4 var(--fb); }
.bdNote a { color:var(--yl1); }
@media (max-width:420px) {
  .bdTile b { font-size:16px; } .bdActs .btn { font-size:15px; }
  .bdRow { grid-template-columns:38px minmax(0,1fr) auto; gap:7px; padding:8px; } .bdIc { width:38px; height:38px; font-size:20px; }
  .bdBtn .btn { font-size:13px; padding:4px 8px 6px; }
}