/* The business account's pages (sign in, locations, a location's account): the logo with "Business account"
   under it, ending under the last E of INTELLIGENCE, and the shared look. */
[hidden] { display: none !important; }
.brand.biz .bw { position: relative; display: inline-block; color: #FFFFFF; }
.brand.biz .bw > span { color: #9AA6BC; }
.brand.biz .bw small { position: absolute; right: 0; top: 100%; margin-top: 5px; color: #FFFFFF; font: 700 12px/1 var(--label);
  letter-spacing: 0.24em; margin-right: -0.24em; text-transform: uppercase; }
@media (max-width: 900px) { .brand.biz .bw small { font-size: 10px; letter-spacing: 0.2em; margin-right: -0.2em; margin-top: 4px; } }
@media (max-width: 480px) { .brand.biz .bw small { font-size: 8.5px; letter-spacing: 0.16em; margin-right: -0.16em; margin-top: 3px; } }

.biz-page { max-width: 960px; margin: 0 auto; padding: 34px 0 72px; }
.biz-card { background: var(--surface); border-radius: 24px; box-shadow: var(--shadow); padding: 26px; }
.biz-card + .biz-card { margin-top: 18px; }
.biz-card h1 { font: 800 clamp(32px, 5vw, 44px)/1.02 var(--display); margin: 8px 0 6px; overflow-wrap: anywhere; }
.biz-card h2 { font: 800 26px/1.1 var(--display); margin: 0 0 4px; }
.biz-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
.biz-head .who { color: var(--sub); font-size: 14px; }

/* the live map */
.biz-map { position: relative; height: 260px; border-radius: 18px; overflow: hidden; background: #EEF0F3; box-shadow: inset 0 0 0 1px var(--line); }
.biz-map.map-off::after { content: 'Map unavailable right now'; position: absolute; inset: 0; display: grid; place-items: center; color: var(--dim); font-size: 14px; }
.biz-marker { display: block; width: 40px; height: 52px; filter: drop-shadow(0 4px 6px rgba(15,26,43,0.35)); cursor: default; }
a.biz-marker { cursor: pointer; }
.biz-marker img, .biz-marker svg { display: block; width: 40px; height: 52px; }
.biz-map .maplibregl-ctrl-attrib { font-size: 10px; }

/* the locations list */
.biz-locs { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; margin-top: 18px; }
.biz-loc { display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 20px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line-2);
  text-decoration: none; color: inherit; transition: box-shadow .2s, transform .2s; }
.biz-loc:hover { box-shadow: inset 0 0 0 2px var(--mint-deep), 0 10px 24px -14px rgba(15,26,43,.35); transform: translateY(-1px); }
.biz-loc .top { display: flex; gap: 14px; align-items: center; }
.biz-loc .pin { width: 44px; flex: none; }
.biz-loc .pin img, .biz-loc .pin svg { width: 44px; height: 57px; display: block; }
.biz-loc b { display: block; font: 700 19px/1.2 var(--body); overflow-wrap: anywhere; }
.biz-loc .addr { color: var(--sub); font-size: 14px; }
.biz-loc .row { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 14px; color: var(--sub); }
.biz-loc .open { font: 700 13px/1 var(--label); letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }
.biz-bar { height: 8px; border-radius: 999px; background: rgba(15,26,43,0.1); overflow: hidden; }
.biz-bar i { display: block; height: 100%; background: var(--mint); border-radius: 999px; }
.chip { display: inline-block; font: 700 11px/1 var(--label); letter-spacing: .06em; text-transform: uppercase; padding: 5px 9px; border-radius: 999px; background: var(--surface-2); vertical-align: 2px; }
.chip.live { background: #D9F7EC; color: #05382A; }
.chip.warn { background: #FFF1D6; color: #6B4300; }