/* The new Hideout, Section 5: Crew (ui/hideout-crew.js) and the crew slot on a business row. Reuses .hcRoot / .hbPanel. */
.crTop { display:flex; flex-direction:column; gap:6px; padding:0 16px 8px; }
.crChips { display:flex; flex-wrap:wrap; gap:6px; }
.crChips button { padding:7px 12px; border-radius:11px; border:2.5px solid var(--ol); background:#24426f; color:#cfe0f8; font:400 14px var(--fh); text-shadow:var(--so); cursor:pointer; }
.crChips button.on { background:linear-gradient(180deg,#ffa23c,#e8670f); color:#fff; }
.crNote { color:#bcd6f5; font:800 12.5px var(--fb); }
.crGrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; padding:4px 16px 16px; align-content:start; }
.crCard { position:relative; display:flex; flex-direction:column; align-items:center; gap:2px; padding:10px 8px 10px; border-radius:16px; border:3px solid var(--rc); background:linear-gradient(180deg,rgba(8,20,45,.55),rgba(8,20,45,.85)); box-shadow:0 0 12px -2px var(--rc), 0 3px 0 var(--ol); color:#fff; cursor:pointer; text-align:center; }
.crCard.miss { cursor:default; opacity:.55; box-shadow:none; border-style:dashed; }
.crCard.miss .crPic { filter:brightness(.12) saturate(0); }
.crPic { width:100%; max-width:120px; aspect-ratio:1; border-radius:12px; object-fit:cover; background:#16233a; }
.crCard b { font:400 17px var(--fh); text-shadow:var(--so); margin-top:4px; }
.crCard small { font:800 11.5px var(--fb); color:#bcd6f5; }
.crCard small.where { margin-top:2px; color:#8aa0c4; } .crCard small.where.on { color:#8ff56a; }
.crBoost { margin-top:3px; padding:2px 8px; border-radius:8px; background:rgba(143,245,106,.18); color:#8ff56a; font:400 14px var(--fh); text-shadow:var(--so); }
.crUp { position:absolute; top:6px; right:6px; width:26px; height:26px; border-radius:13px; background:linear-gradient(180deg,#8ff56a,#3fbf2a); border:2.5px solid #fff; font:900 14px/20px var(--fb); color:#fff; }
.crHead { display:flex; gap:14px; align-items:center; margin-bottom:10px; }
.crHead small { color:#bcd6f5; font:800 13px var(--fb); }
.crBig { width:120px; height:120px; border-radius:16px; border:3px solid var(--rc); box-shadow:0 0 14px -2px var(--rc); object-fit:cover; }
.crLv { margin-top:6px; font:400 18px var(--fh); text-shadow:var(--so); color:#ffd23f; }
.crH { font:400 17px var(--fh); color:#ffd23f; text-shadow:var(--so); margin:14px 2px 8px; }
.crMini { width:44px; height:44px; border-radius:10px; object-fit:cover; flex:none; }
.h2li.on { border-color:#3fbf2a; }
/* the crew slot on a business row */
.hbCrew.has { opacity:1; cursor:pointer; } .hbCrew.add { cursor:pointer; opacity:.85; }
.hbCrew img { width:84px; height:84px; border-radius:16px; border:3px solid var(--rc,#ffd23f); object-fit:cover; box-shadow:0 0 10px -2px var(--rc,#ffd23f); }
.hbCrew .boost { font:400 14px var(--fh); color:#8ff56a; text-shadow:var(--so); }
#h2Root.phone .crGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:4px 10px 12px; }
#h2Root.phone .crTop { padding:0 10px 8px; } #h2Root.phone .crNote { font-size:11.5px; }
/* Diamonds (S6, ui/diamonds.js): the blue button with the price, a hire button on crew cards, the Store's Key row */
.diaTag { display:inline-flex; align-items:center; gap:3px; font:400 1em var(--fh); }
.diaBtn .diaTag { margin-left:6px; padding:1px 8px; border-radius:10px; background:rgba(8,20,45,.35); }
.crCard.hire { opacity:.9; border-style:solid; }
.crHire { margin-top:6px; padding:6px 12px; border-radius:11px; border:2.5px solid var(--ol); box-shadow:0 2px 0 var(--ol); background:linear-gradient(180deg,#9fe0ff,#2b8de0); color:#fff; font:400 15px var(--fh); text-shadow:var(--so); cursor:pointer; }
.stDiaBuy { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0; padding:12px 14px; border-radius:14px; border:3px solid var(--ol); background:rgba(8,20,45,.45); }
.stDiaBuy b { display:block; font:400 18px var(--fh); text-shadow:var(--so); } .stDiaBuy small { color:#bcd6f5; font:800 12px var(--fb); }
.hcSlot.run .grow { flex:1; min-width:0; }
.crCard.hire .crPic { filter:none; }