/* Phase 20.2 shared application shell. Scoped to shared helper classes. */
.bid-app-nav,.bid-admin-nav{
  width:min(1480px,calc(100% - 32px));
  min-height:66px;height:auto;margin:0 auto 22px;padding:12px 0;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-bottom:1px solid rgba(255,255,255,.10);position:relative;z-index:20;
}
.bid-app-brand{display:flex!important;align-items:center;gap:9px;min-width:max-content;text-decoration:none!important;font-weight:950}
.bid-app-brand>b,.bid-app-brand>i{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#d7ff45;color:#070809;font-style:normal}
.bid-brand-logo{width:40px;height:40px;object-fit:contain;border-radius:9px;border:1px solid rgba(255,255,255,.10);background:#060708}
.bid-app-links{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.bid-app-links>a{display:inline-flex!important;align-items:center;min-height:40px;padding:8px 10px;border:1px solid rgba(255,255,255,.10);border-radius:9px;text-decoration:none!important;color:#d8dde5!important;font-size:13px;white-space:nowrap;background:rgba(255,255,255,.02)}
.bid-app-links>a:hover,.bid-app-links>a.active{border-color:rgba(215,255,69,.42);color:#efffb1!important;background:rgba(215,255,69,.055)}
.bid-admin-nav{max-width:1500px}
.bid-flash{margin:12px auto;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0b0d10;line-height:1.55}
.bid-flash.ok{border-color:rgba(103,240,162,.30);color:#b9ffd2}.bid-flash.err,.bid-flash.error{border-color:rgba(255,80,80,.32);color:#ffc4c4}.bid-flash.warn{border-color:rgba(255,211,106,.30);color:#ffe7a6}

/* table/layout safety: prevents long TXID/order/url strings from breaking mobile widths */
main,.wrap,.w,.page,.content{min-width:0}
table{max-width:100%}td,th{overflow-wrap:anywhere}.table-scroll,.bid-table-scroll{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
input,select,textarea,button{max-width:100%}

/* Keep member cards and controls readable when labels wrap. */
.wrap .grid>*,.wrap .metrics>*,.wrap .sections>*,.wrap .ops-grid>*,.wrap .kv>*,.wrap .mini>*,.wrap .split>*,.wrap .panel{min-width:0}
.wrap .muted,.wrap .note,.wrap .hint{font-size:14px;line-height:1.7}
.wrap .metric span,.wrap .kv span,.wrap .mini span,.wrap .prob span,.wrap .live-extra span,.wrap .signal small,.wrap .quick span{font-size:12px}
.wrap .kv b,.wrap .mini b,.wrap .live-extra b{font-size:14px;overflow-wrap:anywhere}
.wrap .meta,.wrap .params,.wrap .status,.wrap .ops-row,.wrap .pill,.wrap .badge,.wrap .alg{font-size:12px;line-height:1.6}
.wrap .meta b,.wrap .ops-row b,.wrap .metric b{min-width:0;overflow-wrap:anywhere}
.wrap .filters a,.wrap .time,.wrap .type,.wrap .tablecode,.wrap .summary,.wrap table th,.wrap table td{font-size:13px}
.wrap .row>*,.wrap .run-head>*,.wrap .ctop>*{min-width:0;overflow-wrap:anywhere}
.wrap .ct,.wrap .ctop{gap:8px;flex-wrap:wrap}
.wrap .field label,.wrap .customer span,.wrap .tier span,.wrap .why{font-size:13px;line-height:1.6}
.wrap .bid-table-scroll>table{min-width:580px}
@media(max-width:640px){
  .wrap .tools,.wrap .savebar,.wrap .adv-top{flex-wrap:wrap;gap:12px}
  .wrap .sound-btn,.wrap .sound-volume{margin:8px 8px 0 0}
}

@media(max-width:980px){
  .bid-app-nav,.bid-admin-nav{align-items:flex-start;flex-direction:column;width:min(100% - 24px,1480px);gap:10px}
  .bid-app-links{width:100%;flex-wrap:nowrap!important;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
  .bid-app-links>a{flex:0 0 auto!important}
}
@media(max-width:640px){
  .bid-app-nav,.bid-admin-nav{width:calc(100% - 20px);margin-bottom:14px;padding:9px 0}
  .bid-app-brand{font-size:13px}.bid-app-brand>b,.bid-app-brand>i,.bid-brand-logo{width:36px;height:36px}
  .bid-app-links>a{font-size:13px;min-height:40px;padding:8px 10px}
}

/* Phase 20.2.1b render audit */

.bid-render-card{display:block!important;visibility:visible!important;opacity:1!important;margin:16px 0!important;padding:18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:linear-gradient(180deg,#101318,#090b0f)!important;color:#f5f7fa!important;min-height:92px!important}
.bid-render-card h2{margin:0 0 7px!important;font-size:16px!important;color:#fff!important}.bid-render-card p{margin:0!important;color:#aab4c0!important;line-height:1.65!important;font-size:14px!important}
.bid-render-lock{border-color:rgba(255,211,106,.30)!important}.bid-render-empty{border-style:dashed!important}
.bid-render-kv{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:12px!important}.bid-render-kv>div{padding:7px 9px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important}.bid-render-kv span{display:block!important;font-size:8px!important;color:#8d98a6!important}.bid-render-kv b{display:block!important;margin-top:2px!important;font-size:11px!important;color:#fff!important}


/* ============================================================
   2026-09-18 APP LAYOUT CONSISTENCY GUARD
   Public site.css contains landing-page .hero/.section rules.
   These overrides keep member/admin/agent application pages compact.
   ============================================================ */
body .wrap,body .bt{
  width:min(1360px,calc(100% - 32px))!important;
  max-width:1360px!important;margin:0 auto!important;
  padding:18px 0 64px!important;min-width:0!important;
}
body .bid-app-nav,body .bid-admin-nav{
  width:100%!important;max-width:none!important;min-height:58px!important;height:auto!important;
  margin:0 0 18px!important;padding:8px 0 14px!important;
}
body .wrap>.hero,body .bt>.hero{
  width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;
  margin:0 0 20px!important;padding:10px 0 8px!important;
  display:flex!important;grid-template-columns:none!important;
  align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;
}
body .wrap>.hero h1,body .bt>.hero h1{
  font-size:clamp(34px,4.4vw,56px)!important;line-height:1.04!important;
  letter-spacing:-.045em!important;margin:4px 0 8px!important;
}
body .wrap .section,body .bt .section,body .container .section{
  width:100%!important;max-width:none!important;min-height:0!important;margin-left:0!important;margin-right:0!important;
}
body .wrap .section-title,body .bt .section-title,body .container .section-title{
  max-width:none!important;margin-left:0!important;margin-right:0!important;margin-bottom:12px!important;
}
body .wrap>.panel,body .bt>.panel{margin-top:12px!important;margin-bottom:12px!important}
body .wrap>.metrics,body .bt>.metrics{margin-top:12px!important;margin-bottom:12px!important}
@media(max-width:980px){
  body .wrap,body .bt{width:calc(100% - 24px)!important;padding-top:12px!important}
  body .wrap>.hero,body .bt>.hero{align-items:flex-start!important;flex-direction:column!important;padding-top:4px!important}
  body .bid-app-nav,body .bid-admin-nav{margin-bottom:14px!important}
}
@media(max-width:640px){
  body .wrap,body .bt{width:calc(100% - 20px)!important;padding-bottom:48px!important}
  body .wrap>.hero h1,body .bt>.hero h1{font-size:clamp(30px,10vw,44px)!important}
}