/* ===========================================================================
   112 — "COPY AS IMAGE" CARD: LOCK TO ITS OWN 640px LAYOUT
   ---------------------------------------------------------------------------
   Bug: .avl-export-card is always rasterized at a fixed width:640px (see
   css/22-availability-list.css, ~line 1070), rendered off-screen via
   .avl-export-host{position:fixed;left:-10000px;...}. But CSS media queries
   read the ACTUAL BROWSER VIEWPORT width, not the 640px the card itself is
   drawn at. Every broker opening "Copy as Image" on a phone (the normal
   case — this is a field sales tool) has a viewport well under the
   900px/800px/720px/520px/420px breakpoints that reshape the on-screen
   quick-view card for small screens. Those phone-width rules were still
   firing on the export card too: the big color banner collapsed to a
   56x56 corner icon, the title/status row stacked instead of sitting
   side-by-side, the 6-fact strip dropped to 2–3 columns across 2–3 rows,
   and the price panel stacked instead of showing the standard-rate and
   offer side by side. Net effect: the exported PNG looked like a
   different, cramped design instead of the intended wide card (compare
   against the reference "BHT-1112" card design — full-width banner,
   6 facts in one row, price panel side-by-side).

   22-availability-list.css already patches the WORST of this for text
   wrapping (see its ".avl-export-card .avl-mini-location, ..." block,
   just above ".avl-export-title") but never touched layout: grid column
   counts, thumb size, flex-direction, or font sizes. This file finishes
   the job — every property any phone-width breakpoint reassigns on an
   element that can appear inside .avl-export-card gets pinned back to
   its un-media'd (desktop/640px) value, scoped to `.avl-export-card`
   only, so the real on-screen responsive card elsewhere in the app is
   completely untouched.

   Loaded last (see css-order.txt + the matching direct <link> in
   index.html, right after 111-unit-status-pill-harmony.css) so it wins
   the cascade outright — the !important flags are belt-and-braces on
   top of that, since several of the rules being overridden share the
   exact same selector/specificity and would otherwise just be a
   source-order coin flip against future edits to this file's position.
   ========================================================================= */

.avl-export-card .avl-detail-panel{
  flex-direction:row !important;
  border-radius:20px !important;
}
.avl-export-card .avl-detail-accent{
  width:6px !important;
  height:auto !important;
}
.avl-export-card .avl-detail-body{
  padding:14px 16px 14px !important;
}
.avl-export-card .avl-mini-top{
  grid-template-columns:1fr auto !important;
  grid-template-areas:"thumb thumb" "identity actions" !important;
  column-gap:12px !important;
  row-gap:0 !important;
}
/* Full-width banner thumb (not the collapsed 56x56 corner icon the
   520px on-screen rules use) — this is the big tinted panel behind the
   building icon at the top of the card. */
.avl-export-card .avl-detail-thumb{
  width:calc(100% + 40px) !important;
  margin:0 -20px 12px !important;
  height:150px !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.avl-export-card .avl-mini-code{
  font-size:20px !important;
}
.avl-export-card .avl-mini-location{
  font-size:11.5px !important;
  margin-top:5px !important;
}
.avl-export-card .avl-detail-status{
  font-size:10px !important;
  padding:5px 9px !important;
}
.avl-export-card .avl-mini-command{
  padding:8px 10px !important;
  gap:10px !important;
}
.avl-export-card .avl-mini-command-icon{
  width:28px !important;
  height:28px !important;
  font-size:11px !important;
}
/* Price panel: standard rate and the special-offer badge side by side,
   never stacked, with the divider between them kept visible. */
.avl-export-card .avl-price-top{
  flex-wrap:nowrap !important;
}
.avl-export-card .avl-price-figures{
  flex:1 1 auto !important;
}
.avl-export-card .avl-price-sep{
  display:block !important;
}
.avl-export-card .avl-price-offer{
  flex:none !important;
  width:auto !important;
  border-radius:0 !important;
  justify-content:center !important;
}
.avl-export-card .avl-price-bottom{
  flex-wrap:nowrap !important;
}
.avl-export-card .avl-price-line strong{
  font-size:24px !important;
}
/* The 6-fact strip — the one most visibly broken on a phone, dropping
   from 6 columns/1 row to 2-3 columns/2-3 rows. */
.avl-export-card .avl-mini-facts{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:8px !important;
}
.avl-export-card .avl-mini-facts span{
  padding:10px 6px 8px !important;
}
.avl-export-card .avl-mini-facts i{
  width:30px !important;
  height:30px !important;
  font-size:12px !important;
}
.avl-export-card .avl-mini-facts b{
  font-size:10.5px !important;
}
.avl-export-card .avl-mini-facts small{
  font-size:8px !important;
}
.avl-export-card .avl-mini-remarks{
  padding:8px 10px !important;
}