/* ==========================================================================
   blz-home.css — builder-style workspace home (APEX 26 layout, Redwood light)
   ==========================================================================
   Markup: home_ui_pkg.render_region (9301 page 1) and admin_orgs_ui_pkg.render_region
   (9302 page 1) — both use the shared .blz-home-* layout: a row of four tiles, panels,
   and an "About" column on the end side. Loaded as an app-level File URL in both apps,
   after blz-native + b5-redwood. Tokens only (--b5-* / --blz-*); logical properties.
   ========================================================================== */

.blz-home,
.blz-adminorgs{ color:var(--b5-ink); }
.blz-home *,
.blz-adminorgs *{ box-sizing:border-box; }

/* Layout: main + About column (stacks below 1100px) ----------------------- */
.blz-home-layout{
  display:grid; grid-template-columns:minmax(0, 1fr) 300px; gap:20px; align-items:start;
}
.blz-home-main{ display:grid; gap:20px; min-inline-size:0; }

/* Tiles ------------------------------------------------------------------- */
.blz-home-tiles{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; }
.blz-home-tile{
  display:flex; flex-direction:column; gap:6px; min-inline-size:0;
  padding:16px; border:1px solid var(--b5-hairline); border-radius:var(--blz-r-card);
  background:var(--b5-panel);
}
.blz-home-tile-ic{
  display:grid; place-items:center; inline-size:44px; block-size:44px; margin-block-end:8px;
  border-radius:8px; color:#FFFFFF; font-size:20px;
}
/* Redwood-muted tile tones (icon squares; white glyph ≥ 4.5:1 on each) */
.blz-home-tile-ic[data-tone="blue"]  { background:#3F6E8C; }
.blz-home-tile-ic[data-tone="green"] { background:#4E7A4B; }
.blz-home-tile-ic[data-tone="purple"]{ background:#6A5E92; }
.blz-home-tile-ic[data-tone="rose"]  { background:#9A5466; }
.blz-home .blz-home-tile-title,
.blz-adminorgs .blz-home-tile-title{
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
  margin:0; font-size:16px; font-weight:600; line-height:1.3; color:var(--b5-ink);
}
.blz-home-tile-desc{ margin:0; font-size:13.5px; line-height:1.45; color:var(--b5-muted); }
.blz-home-tile-n{ font-size:20px; font-weight:600; color:var(--b5-ink); unicode-bidi:isolate; }
.blz-home-tile.is-soon .blz-home-tile-ic{ opacity:.55; }
.blz-home-soon{
  display:inline-block; padding:1px 7px; border-radius:var(--blz-r-control);
  background:var(--b5-surface-2); color:var(--b5-muted); font-size:11.5px; font-weight:600;
}

/* Panels ------------------------------------------------------------------ */
.blz-home-panels{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; align-items:stretch; }
.blz-home-panel{
  min-inline-size:0; padding:16px 18px 18px;
  border:1px solid var(--b5-hairline); border-radius:var(--blz-r-card); background:var(--b5-panel);
}
.blz-home .blz-home-panel h2,
.blz-adminorgs .blz-home-panel h2,
.blz-home .blz-home-about h2,
.blz-adminorgs .blz-home-about h2{ margin:0 0 12px; font-size:16px; font-weight:600; color:var(--b5-ink); }

.blz-home-steps{ display:grid; gap:2px; margin:0; padding:0; list-style:none; }
.blz-home-step{ display:flex; align-items:center; gap:10px; min-block-size:36px; font-size:14px; color:var(--b5-ink); }
.blz-home-step .fa{ inline-size:18px; text-align:center; color:var(--b5-disabled); font-size:16px; }
.blz-home-step.is-done{ color:var(--b5-muted); }
.blz-home-step.is-done .fa{ color:var(--b5-success-fill); }

.blz-home-people{ display:grid; gap:4px; margin:0; padding:0; list-style:none; }
.blz-home-people li{ display:flex; align-items:center; gap:10px; min-block-size:44px; }
.blz-home-avatar{
  display:grid; place-items:center; flex:none; inline-size:36px; block-size:36px; border-radius:50%;
  background:var(--b5-selected); color:var(--b5-link); font-size:13px; font-weight:600;
}
.blz-home-person{ min-inline-size:0; }
.blz-home-person b{ display:block; font-size:14px; font-weight:600; }
.blz-home-person small{ display:block; font-size:12.5px; color:var(--b5-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.blz-home-stats{ display:flex; flex-wrap:wrap; gap:16px 24px; }
.blz-home-stats.is-stacked{ display:grid; gap:10px; margin-block-end:12px; }
.blz-home-stat{ display:flex; align-items:baseline; gap:8px; }
.blz-home-stat-n{ font-size:28px; font-weight:600; line-height:1.1; color:var(--b5-link); unicode-bidi:isolate; font-variant-numeric:tabular-nums; }
.blz-home-stat-t{ font-size:18px; font-weight:600; color:var(--b5-link); }
.blz-home-stat-l{ font-size:14px; color:var(--b5-muted); }
.blz-home-empty{ margin:0; color:var(--b5-muted); font-size:14px; }

/* About column -------------------------------------------------------------- */
.blz-home-aside{
  display:grid; gap:0; min-inline-size:0;
  border:1px solid var(--b5-hairline); border-radius:var(--blz-r-card); background:var(--b5-panel);
}
.blz-home-about{ padding:16px 18px; }
.blz-home-about + .blz-home-about{ border-block-start:1px solid var(--b5-hairline); }
.blz-home-org{ margin:0 0 10px; font-size:18px; font-weight:600; line-height:1.3; }
.blz-home-facts{ display:grid; gap:8px; margin:0; }
.blz-home-facts > div{ display:flex; justify-content:space-between; gap:12px; font-size:13.5px; }
.blz-home-facts dt{ color:var(--b5-muted); }
.blz-home-facts dd{ margin:0; text-align:end; font-weight:600; min-inline-size:0; overflow-wrap:anywhere; }
.blz-home-links{ margin:0; padding:0; list-style:none; }
.blz-home-link{
  display:flex; align-items:center; justify-content:space-between; gap:8px; min-block-size:40px;
  color:var(--b5-link) !important; text-decoration:none !important; font-size:14px;
}
.blz-home-link:hover{ text-decoration:underline !important; text-underline-offset:3px; }
.blz-home-chev{ font-size:11px; color:var(--b5-muted); }
[dir="rtl"] .blz-home-chev{ transform:scaleX(-1); }

/* Status chip (org status) ---------------------------------------------------- */
.blz-home-chip{
  display:inline-block; padding:2px 8px; border-radius:var(--blz-r-control);
  font-size:12px; font-weight:600; line-height:1.4; white-space:nowrap;
  background:var(--b5-surface-2); color:var(--b5-ink);
}
.blz-home-chip[data-status="TRIAL"]    { background:var(--b5-info-soft);    color:var(--b5-info); }
.blz-home-chip[data-status="ACTIVE"]   { background:var(--b5-success-soft); color:var(--b5-success); }
.blz-home-chip[data-status="SUSPENDED"]{ background:var(--b5-warning-soft); color:var(--b5-warning); }
.blz-home-chip[data-status="CLOSED"]   { background:var(--b5-danger-soft);  color:var(--b5-danger); }

/* Responsive ------------------------------------------------------------------ */
@media (max-width:1279.98px){
  .blz-home-tiles{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:1099.98px){
  .blz-home-layout{ grid-template-columns:minmax(0, 1fr); }
  .blz-home-panels{ grid-template-columns:minmax(0, 1fr); }
}
@media (max-width:560px){
  .blz-home-tiles{ grid-template-columns:minmax(0, 1fr); gap:10px; }
  .blz-home-tile{ flex-direction:row; flex-wrap:wrap; align-items:center; column-gap:12px; padding:12px; }
  .blz-home-tile-ic{ margin:0; inline-size:40px; block-size:40px; font-size:18px; }
  .blz-home-tile-title{ flex:1; }
  .blz-home-tile-desc{ flex-basis:100%; }
}
@media (min-width:1024px){
  .blz-home-tile-desc,
  .blz-home-facts > div{ font-size:14px; }
  .blz-home-step,
  .blz-home-person b{ font-size:14.5px; }
}

/* Bidi isolation: counts, codes, dates, emails */
.blz-home bdi,
.blz-adminorgs bdi{ unicode-bidi:isolate; }

/* "Your modules" (home_ui_pkg) ------------------------------------------------ */
.blz-home-modules{ display:grid; gap:10px; min-inline-size:0; }
.blz-home .blz-home-section-h{ margin:0; font-size:16px; font-weight:600; color:var(--b5-ink); }
.blz-home-modules-empty{
  margin:0; padding:16px; border:1px dashed var(--b5-hairline-strong); border-radius:var(--blz-r-card);
  color:var(--b5-muted); font-size:14px;
}
.blz-home-chip[data-status="READ_ONLY"]{ background:var(--b5-warning-soft); color:var(--b5-warning); }