/* AMH office/roof — FieldScape shell skin (Austin, 2026-09-14: "same UI as that app").
   White rounded panels, dark-outlined pill buttons, the FieldScan blue for the
   primary action, green for go, orange for the fun stuff. Loaded last so it
   wins over the inline styles the modules set. */
:root{--fs-bg:#ffffff;--fs-panel:rgba(255,255,255,.96);--fs-ink:#0d1b2a;--fs-line:#0d1b2a;--fs-muted:#4a5a6a;--fs-blue:#0aa2e6;--fs-blue-ink:#ffffff;--fs-green:#29c46a;--fs-orange:#ff8a3d;--fs-red:#ff5c5c;--fs-gold:#f5c43b;--fs-shadow:0 10px 30px rgba(6,14,24,.22);--fs-radius:14px}
/* pills */
body button,
.bar .back, .bar a.back, #roof-quick button, #amh-combat button, #roof-budget-toggle, #roof-life-toggle, #amh-packet-button, #presence-chat-toggle, #presence-status, #beecab-prompt, #amh-learn-launch{
  font:900 12.5px/1.1 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;letter-spacing:.01em;
  color:var(--fs-ink) !important;background:var(--fs-bg) !important;border:1.5px solid var(--fs-line) !important;border-radius:999px !important;
  box-shadow:0 2px 0 rgba(13,27,42,.12) !important;text-shadow:none !important;text-transform:none !important;
}
body button:hover{background:#f2f6fa !important}
/* primary / go / fun */
#roof-quick button[data-quick="deck"]{background:var(--fs-green) !important;border-color:var(--fs-green) !important;color:#062b15 !important}
#roof-quick button[data-quick="academy"]{background:var(--fs-blue) !important;border-color:var(--fs-blue) !important;color:var(--fs-blue-ink) !important}
#roof-quick button[data-quick="cigar"]{background:#ffe6d5 !important;border-color:var(--fs-orange) !important}
#roof-budget-toggle{background:var(--fs-gold) !important;border-color:#d8a318 !important}
#amh-packet-button{background:#e3f5ff !important;border-color:var(--fs-blue) !important}
#amh-learn-launch{background:var(--fs-blue) !important;border-color:var(--fs-blue) !important;color:#fff !important}
#beecab-prompt{background:var(--fs-gold) !important;border-color:#d8a318 !important}
#amh-combat button{background:#fff2ec !important;border-color:var(--fs-orange) !important}
#amh-combat button.held,#amh-combat button:active{background:var(--fs-orange) !important;color:#fff !important}
#amh-combat button.dance{background:#eafff2 !important;border-color:var(--fs-green) !important}
#presence-status{background:#eafff2 !important;border-color:var(--fs-green) !important}
/* the top bar + caption + panels → white cards */
.bar{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,0)) !important}
.bar .brand,.bar .brand b,.bar .brand span{color:var(--fs-ink) !important}
.caption,#roof-budget,#roof-life,#amh-packet-modal .amh-packet-card,#amh-learn .learn-card{
  background:var(--fs-panel) !important;color:var(--fs-ink) !important;border:1.5px solid var(--fs-line) !important;border-radius:var(--fs-radius) !important;box-shadow:var(--fs-shadow) !important;backdrop-filter:none !important;
}
.caption strong,.caption span,#roof-budget h2,#roof-budget b,#roof-budget small,#roof-budget strong,.roof-summary,#amh-combat .who,#amh-combat .tname{color:var(--fs-ink) !important}
.caption span,#roof-budget small{color:var(--fs-muted) !important}
#roof-quick{background:var(--fs-panel) !important;border:1.5px solid var(--fs-line) !important;border-radius:18px !important;box-shadow:var(--fs-shadow) !important}
#amh-combat .bar{background:#e6ecf2 !important}
#amh-combat-chip{background:var(--fs-panel) !important;color:var(--fs-ink) !important;border-radius:999px !important;box-shadow:var(--fs-shadow) !important}
#amh-combat-chip b{color:var(--fs-ink) !important}
/* HUD text blocks the modules draw as plain divs (skydive/needle/water hud) */
body > div[style*="position:fixed"][style*="text-shadow"]{color:var(--fs-ink) !important;text-shadow:0 0 6px #fff,0 0 12px #fff !important;font-weight:800 !important}
/* the minus keeps its dark dot like the builder */
#amh-hud-min{background:#0d1b2a !important;color:#fff !important;border:2px solid #fff !important;box-shadow:var(--fs-shadow) !important}
/* office chrome */
.bar .back:hover{background:#f2f6fa !important;color:var(--fs-ink) !important}
#ofc-help,.help,.hint{background:var(--fs-panel) !important;color:var(--fs-ink) !important;border:1.5px solid var(--fs-line) !important;border-radius:var(--fs-radius) !important}
@media(max-width:620px){body button{font-size:12px !important;min-height:42px !important}#amh-hud-min{min-height:44px !important}}
/* not pills: the jubber plates, the thumb stick, image buttons */
button.amh-jubber,#ofc-stick button,button.presence-plate,button[class*="plate"]{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;font:inherit !important}
/* 2026-09-19: the "Enter the live building" avatar tiles are <button>s too, and the pill rule above turned them
   into white circles with the name/role bleeding off the edge ("the buttons break"). Give them their card back. */
.presence-choice, .presence-choice:hover{
  background:#11161d !important;color:#eef2f7 !important;border:1px solid #303743 !important;border-radius:15px !important;
  box-shadow:none !important;font:inherit !important;text-align:left !important;white-space:normal !important;min-height:148px !important;
}
.presence-choice:hover,.presence-choice:focus-visible{border-color:#edbb00 !important}
.presence-choice img{border-radius:10px !important}
@media(max-width:620px){.presence-choice{min-height:132px !important}}
/* 2026-09-19 THE FLASH: #amh-combat is a full-screen inset:0 container, not a card. The panel rule above used to
   paint it 96% white, so the entire office went white every time a coworker walked within punching reach and black
   again when they left ("page flashing shit"). Style the two pads instead; the container stays clear. */
#amh-combat{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;backdrop-filter:none !important}
#amh-combat .side{color:var(--fs-ink)}
#amh-combat .side .tname,#amh-combat .who{color:#fff !important;text-shadow:0 1px 3px #000,0 0 8px #000 !important}
/* Character lobby: the same white/blue product surface as FieldScape. */
#presence-picker{background:rgba(7,16,28,.66);backdrop-filter:blur(12px)}
#presence-picker .presence-card{width:min(790px,100%);background:#f8fafc;color:#112235;border:1px solid #d9e3ed;border-radius:24px;box-shadow:0 28px 90px #020b184d;padding:28px}
#presence-picker .presence-card h2{color:#10263d;letter-spacing:-.035em;font-size:clamp(25px,4vw,36px)}
#presence-picker .presence-card>p{color:#546779;line-height:1.55;max-width:56ch}
#presence-picker .presence-name{background:white;border:1px solid #c6d4e0;color:#10263d;border-radius:12px;font-size:16px}
#presence-picker .presence-name:focus{border-color:#0aa2e6;box-shadow:0 0 0 3px #0aa2e629}
#presence-picker .presence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#presence-picker .presence-choice{background:white!important;color:#142a3d!important;border:1px solid #d4e0ea!important;border-radius:16px!important;padding:10px!important;transition:box-shadow .15s,border-color .15s}
#presence-picker .presence-choice:hover,#presence-picker .presence-choice:focus-visible{border-color:#0aa2e6!important;box-shadow:0 0 0 3px #0aa2e620!important;transform:none}
#presence-picker .presence-choice img{height:112px;object-fit:contain;object-position:center;background:#e9eff5}
#presence-picker .presence-choice b{font-size:15px;line-height:1.3;margin-top:10px}
#presence-picker .presence-choice small{font-size:12px;color:#5b6e7e;line-height:1.4}
#presence-picker .presence-choice:disabled{opacity:.55;cursor:wait}
#presence-picker #character-load-status{min-height:24px;margin:16px 0 0;color:#087cac;font-weight:700}
@media(max-width:620px){#presence-picker .presence-card{padding:18px}#presence-picker .presence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#presence-picker .presence-choice img{height:82px}}
@media(max-height:580px) and (min-width:621px){#presence-picker .presence-choice img{height:65px}#presence-picker .presence-card{padding:16px}#presence-picker .presence-card>p{margin:5px 0 10px}}