@import '_content/EfactoOne.Platform.UI.Components/EfactoOne.Platform.UI.Components.pm3fo3w77p.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Pages/Apps.razor.rz.scp.css */
/* The whole card opens the area: the title link stretches over the card. Buttons stay on top. */
.app-card[b-u7cvtcg49l] { position: relative; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.app-card:hover[b-u7cvtcg49l] { border-color: #9fb6e6 !important; box-shadow: 0 4px 14px rgba(32, 85, 194, .12); }
.app-card:focus-within[b-u7cvtcg49l] { border-color: #2055c2 !important; }
.card-link[b-u7cvtcg49l] { color: inherit; text-decoration: none; }
.card-link[b-u7cvtcg49l]::after { content: ""; position: absolute; inset: 0; border-radius: 10px; }
.card-link:focus-visible[b-u7cvtcg49l] { outline: none; }
.card-link:focus-visible[b-u7cvtcg49l]::after { outline: 2px solid #2055c2; outline-offset: 2px; }
.card-top[b-u7cvtcg49l]  button { position: relative; z-index: 1; }
/* /Components/Pages/DeveloperGuide.razor.rz.scp.css */
.guide-bar[b-94ujrveym6] { display: flex; align-items: center; gap: 16px; padding: 8px 16px; border-bottom: 1px solid var(--line); background: var(--paper); font-size: 12px; }
.guide-bar a[b-94ujrveym6] { color: var(--blue); font-weight: 700; text-decoration: none; }
.guide-frame[b-94ujrveym6] { flex: 1; width: 100%; min-height: 0; border: 0; background: #fff; }
/* /Components/Pages/Login.razor.rz.scp.css */
/* console.css pads the login inputs (#one .login-field input); keep room for the show/hide password button. */
#one .login-right[b-kzbo2zifvz]  .ef-input--with-action { padding-right: 44px; }
/* /Components/Pages/PlansBilling/InvoiceRegister.razor.rz.scp.css */
/* Invoice Register (COM-10). Report framework V2 from Unified_UI/modules/transaction-report.html.
   Buttons, tabs, fields, cards, KPI tiles, badges, chips, pagination, drawer and modal are ef- components;
   this file keeps only the page layout, the analytics bars, the report table and the drawer/modal content. */

/* ---------- Page blocks (ef- components: layout tweaks only) ---------- */
.trp-page[b-e2xfdtwg8o]  .trp-views { margin: 4px 0 16px; }
.trp-page[b-e2xfdtwg8o]  .trp-block { margin-bottom: 13px; }

/* ---------- Criteria ---------- */
.trp-field-grid[b-e2xfdtwg8o] { display: grid; grid-template-columns: 1.4fr .85fr .85fr 1.2fr .9fr .9fr; gap: 11px; }
.trp-advanced-row[b-e2xfdtwg8o] { text-align: right; margin: 6px 0 -1px; }
.trp-extra[b-e2xfdtwg8o] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; border-top: 1px dashed var(--ef-color-border); margin-top: 12px; padding-top: 13px; align-items: end; }
.trp-bottom-filter[b-e2xfdtwg8o] { display: flex; justify-content: space-between; align-items: center; gap: 11px; flex-wrap: wrap; margin-top: 14px; }
.trp-dates[b-e2xfdtwg8o] { display: flex; gap: 5px; flex-wrap: wrap; }
.trp-run[b-e2xfdtwg8o] { display: flex; align-items: center; gap: 6px; }

.trp-applied[b-e2xfdtwg8o] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 13px; color: var(--ef-color-text-muted); font-size: 10px; }
.trp-applied i[b-e2xfdtwg8o] { margin-left: auto; font-style: normal; }

/* ---------- KPI tiles ---------- */
.trp-metrics[b-e2xfdtwg8o] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; }

/* ---------- Analytics ---------- */
.trp-insights[b-e2xfdtwg8o] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.trp-insight[b-e2xfdtwg8o] { padding: 16px 17px; border: 1px solid var(--ef-color-border); border-radius: 12px; min-width: 0; }
.trp-insight-head[b-e2xfdtwg8o] { font-weight: 800; font-size: 11px; margin-bottom: 10px; }
.trp-bar-row[b-e2xfdtwg8o] { display: grid; grid-template-columns: 150px 1fr 70px; gap: 9px; align-items: center; margin: 10px 0; font-size: 10px; }
.trp-bar-row span[b-e2xfdtwg8o] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.trp-bar-row em[b-e2xfdtwg8o] { font-style: normal; color: var(--ef-color-text-muted); text-align: right; white-space: nowrap; }
.trp-track[b-e2xfdtwg8o] { height: 8px; background: var(--ef-color-bg); border-radius: 12px; overflow: hidden; }
.trp-fill[b-e2xfdtwg8o] { height: 100%; background: #4b83d9; border-radius: 12px; }
.trp-fill--ok[b-e2xfdtwg8o] { background: #43a080; }
.trp-fill--warn[b-e2xfdtwg8o] { background: #d7a352; }
.trp-fill--danger[b-e2xfdtwg8o] { background: #d26170; }

.trp-stack[b-e2xfdtwg8o] { height: 13px; width: 100%; border-radius: 12px; overflow: hidden; display: flex; margin: 17px 0 9px; background: var(--ef-color-bg); }
.trp-legend[b-e2xfdtwg8o] { display: flex; gap: 10px; flex-wrap: wrap; color: var(--ef-color-text-muted); font-size: 10px; }
.trp-legend b[b-e2xfdtwg8o] { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 5px; }
.trp-seg--paid[b-e2xfdtwg8o] { background: #43a080; }
.trp-seg--partial[b-e2xfdtwg8o] { background: #8a7be0; }
.trp-seg--issued[b-e2xfdtwg8o] { background: #618ddd; }
.trp-seg--overdue[b-e2xfdtwg8o] { background: #d26170; }
.trp-seg--draft[b-e2xfdtwg8o] { background: #a3b0c2; }
.trp-seg--cancelled[b-e2xfdtwg8o] { background: #d7a352; }

.trp-insights--max[b-e2xfdtwg8o] { grid-template-columns: 1fr; gap: 13px; }
.trp-insights--max .trp-insight[b-e2xfdtwg8o] { padding: 24px; }
.trp-insights--max .trp-bar-row[b-e2xfdtwg8o] { margin: 18px 0; grid-template-columns: 220px 1fr 90px; }
.trp-insights--max .trp-track[b-e2xfdtwg8o] { height: 15px; }
.trp-insights--max .trp-stack[b-e2xfdtwg8o] { height: 27px; margin: 25px 0; }

/* ---------- Results ---------- */
.trp-result-options[b-e2xfdtwg8o] { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; position: relative; }
.trp-result-options[b-e2xfdtwg8o]  select.ef-input { border: 1px solid var(--ef-color-border); border-radius: 7px; background: var(--ef-color-surface); padding: 7px 8px; min-height: 34px; color: var(--ef-color-text); font: inherit; font-size: 11px; }
.trp-result-options[b-e2xfdtwg8o]  select.ef-input:disabled { opacity: .5; }

.trp-click-away[b-e2xfdtwg8o] { position: fixed; inset: 0; z-index: 9; }
.trp-col-picker[b-e2xfdtwg8o] { position: absolute; right: 0; top: 41px; z-index: 10; min-width: 200px; padding: 10px 12px; border: 1px solid var(--ef-color-border); border-radius: 9px; background: var(--ef-color-surface); box-shadow: 0 12px 30px #1c365024; }
.trp-col-picker strong[b-e2xfdtwg8o] { font-size: 11px; }


.trp-mobile-cards[b-e2xfdtwg8o] { display: none; padding: 10px; }
.trp-card[b-e2xfdtwg8o] { display: block; border: 1px solid var(--ef-color-border); background: var(--ef-color-surface); border-radius: 11px; padding: 12px; margin-bottom: 9px; width: 100%; text-align: left; color: var(--ef-color-text); }
.trp-card-row[b-e2xfdtwg8o] { display: flex; justify-content: space-between; align-items: center; gap: 5px; }
.trp-card-row strong[b-e2xfdtwg8o] { color: var(--ef-color-link); }
.trp-card-title[b-e2xfdtwg8o] { display: block; font-weight: 750; margin: 8px 0 5px; }
.trp-card-amount[b-e2xfdtwg8o] { font-size: 16px; font-weight: 850; }
.trp-card-foot[b-e2xfdtwg8o] { display: block; margin-top: 7px; }
.trp-card-line[b-e2xfdtwg8o] { display: block; margin-top: 4px; }
.trp-mini[b-e2xfdtwg8o] { font-size: 10px; color: var(--ef-color-text-muted); }
.trp-footnote[b-e2xfdtwg8o] { margin-top: 13px; }

/* ---------- Detail drawer content ---------- */
.trp-drawer-card[b-e2xfdtwg8o] { margin: 12px 0; }
.trp-drawer-card[b-e2xfdtwg8o]  .trp-payment { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dashed var(--ef-color-border); }
.trp-drawer-card[b-e2xfdtwg8o]  .trp-payment:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.trp-timeline[b-e2xfdtwg8o] { display: grid; gap: 13px; }
.trp-step[b-e2xfdtwg8o] { display: flex; gap: 9px; align-items: flex-start; color: var(--ef-color-text-muted); }
.trp-step--done[b-e2xfdtwg8o] { color: var(--ef-color-text); }
.trp-step-mark[b-e2xfdtwg8o] { display: grid; place-items: center; width: 20px; height: 20px; flex-shrink: 0; border-radius: 50%; border: 1px solid var(--ef-color-border); font-size: 10px; }
.trp-step--done .trp-step-mark[b-e2xfdtwg8o] { background: var(--ef-color-success-bg); color: var(--ef-color-success); border-color: transparent; }

/* ---------- Report tools modal content ---------- */
.trp-feature-tiles[b-e2xfdtwg8o] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.trp-modal-preview[b-e2xfdtwg8o] { margin: 13px 0; border-radius: 10px; background: var(--ef-color-bg); padding: 12px; font-size: 11px; color: var(--ef-color-text-muted); line-height: 1.7; }
.trp-modal-preview--pre[b-e2xfdtwg8o] { white-space: pre-line; }
.trp-s-actions[b-e2xfdtwg8o] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.trp-s-note[b-e2xfdtwg8o] { margin-top: 14px; font-size: 10px; color: var(--ef-color-text-muted); line-height: 1.6; }

/* ---------- Responsive ---------- */
@media (max-width: 1200px) {
    .trp-field-grid[b-e2xfdtwg8o] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .trp-metrics[b-e2xfdtwg8o] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .trp-extra[b-e2xfdtwg8o] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .trp-insights[b-e2xfdtwg8o] { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .trp-field-grid[b-e2xfdtwg8o] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .trp-field-grid[b-e2xfdtwg8o]  .trp-field { grid-column: span 2; }
    .trp-extra[b-e2xfdtwg8o] { grid-template-columns: 1fr; }
    .trp-applied i[b-e2xfdtwg8o] { width: 100%; margin: 0; }
    .trp-metrics[b-e2xfdtwg8o] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
    .trp-insight[b-e2xfdtwg8o] { padding: 13px; }
    .trp-bar-row[b-e2xfdtwg8o], .trp-insights--max .trp-bar-row[b-e2xfdtwg8o] { grid-template-columns: 95px 1fr 60px; font-size: 9px; }
    .trp-result-options[b-e2xfdtwg8o] { width: 100%; }
    .trp-result-options[b-e2xfdtwg8o]  select.ef-input { flex: 1; }
    .trp-table-outer[b-e2xfdtwg8o] { display: none; }
    .trp-mobile-cards[b-e2xfdtwg8o] { display: block; }
    .trp-feature-tiles[b-e2xfdtwg8o] { grid-template-columns: 1fr; }
}
/* /Components/Pages/StaffAccess/Dashboard/StaffDashboard.razor.rz.scp.css */
/* ── StaffDashboard ─────────────────────────────────────────────────────────
   Every class is prefixed stf- to avoid collisions with global console rules.
   ─────────────────────────────────────────────────────────────────────────── */

/* Scroll wrapper — allows page content to scroll within the fixed shell.
   Also resets main-class padding so there's no double indent. */
.stf-scroll[b-4o67u8haun] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 23px;
}

/* When a stf-scroll is present, the main-class container itself needs no padding */
:has(> .stf-scroll).main-class[b-4o67u8haun] {
  padding: 0;
  gap: 0;
}

/* ── KPI stat cards ─────────────────────────────────────────────── */
.kpis[b-4o67u8haun] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}

/* ── Layout grid ─────────────────────────────────────────────────── */
.stf-dash[b-4o67u8haun] {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.stf-col[b-4o67u8haun] {
  display: grid;
  gap: 16px;
  align-content: start;
  min-width: 0;
}

.stf-two[b-4o67u8haun] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

/* ── Approvals table (inside a card body, flush) ──────────────────── */
.stf-tablewrap[b-4o67u8haun] {
  overflow-x: auto;
}

.stf-table[b-4o67u8haun] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  min-width: 520px;
}

.stf-table th[b-4o67u8haun] {
  text-align: left;
  color: var(--ef-color-text-muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: 10px 16px;
  border-bottom: 2px solid var(--ef-color-border);
  background: var(--ef-color-surface-muted);
}

.stf-table td[b-4o67u8haun] {
  padding: 10px 16px;
  border-bottom: 1px solid var(--ef-color-border);
  vertical-align: middle;
  line-height: 1.4;
}

.stf-table tr:last-child td[b-4o67u8haun] { border-bottom: 0; }

.stf-table tbody tr[b-4o67u8haun] {
  transition: background var(--ef-transition);
}

.stf-table tbody tr:hover td[b-4o67u8haun] {
  background: var(--ef-color-tint);
}

.stf-end[b-4o67u8haun] { text-align: right; white-space: nowrap; }

/* ── Progress bars (inside card body — 16px padding from card body) ─ */
.stf-bar[b-4o67u8haun] {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  padding: 6px 0;        /* vertical spacing only; horizontal from card body */
  border-bottom: 1px solid var(--ef-color-border);
}

.stf-bar:last-child[b-4o67u8haun] { border-bottom: 0; }

.stf-bar span[b-4o67u8haun] {
  color: var(--ef-color-text-muted);
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stf-bar b[b-4o67u8haun] {
  text-align: right;
  font-weight: var(--ef-font-weight-bold);
  font-size: 11px;
  color: var(--ef-color-text);
}

.stf-track[b-4o67u8haun] {
  height: 8px;
  border-radius: var(--ef-radius-pill);
  background: var(--ef-color-border);
  overflow: hidden;
  position: relative;
}

.stf-track--lg[b-4o67u8haun] { height: 14px; border-radius: var(--ef-radius-pill); }

.stf-fill[b-4o67u8haun] {
  display: block;
  height: 100%;
  border-radius: var(--ef-radius-pill);
  background: var(--ef-color-primary);
  transition: width .6s cubic-bezier(.4, 0, .2, 1);
}

.stf-fill--success[b-4o67u8haun] { background: var(--ef-color-success); }
.stf-fill--warning[b-4o67u8haun] { background: var(--ef-color-warning); }
.stf-fill--danger[b-4o67u8haun]  { background: var(--ef-color-danger); }
.stf-fill--info[b-4o67u8haun]    { background: var(--ef-color-primary); }

/* ── Access review section ──────────────────────────────────────── */
.stf-review[b-4o67u8haun] { display: grid; gap: 10px; }

.stf-reviewtext[b-4o67u8haun] {
  font-size: 12px;
  color: var(--ef-color-text-muted);
  display: flex;
  align-items: center;
  gap: 6px;
}

.stf-reviewtext b[b-4o67u8haun] {
  color: var(--ef-color-text);
  font-weight: var(--ef-font-weight-bold);
}

/* ── Needs-attention task rows ──────────────────────────────────── */
/* Horizontal padding from ef-card__body (16px); vertical from padding below */
.task[b-4o67u8haun] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid var(--ef-color-border);
  transition: background var(--ef-transition);
}

.task:last-of-type[b-4o67u8haun] { border-bottom: 0; }

.task b[b-4o67u8haun] {
  display: block;
  font-size: 12px;
  font-weight: var(--ef-font-weight-bold);
  color: var(--ef-color-text);
  line-height: 1.4;
}

.task .subtle[b-4o67u8haun] {
  font-size: 11px;
  color: var(--ef-color-text-muted);
  margin-top: 2px;
  line-height: 1.4;
}

/* ── Audit feed ─────────────────────────────────────────────────── */
.stf-feed[b-4o67u8haun] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.stf-feed li[b-4o67u8haun] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 12px;
  padding: 11px 0;
  border-bottom: 1px solid var(--ef-color-border);
}

.stf-feed li:last-child[b-4o67u8haun] { border-bottom: 0; }

.stf-feed li > span[b-4o67u8haun] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 3px;
  flex: 1;
}

.stf-feed li b[b-4o67u8haun] {
  font-size: 12px;
  font-weight: var(--ef-font-weight-bold);
  color: var(--ef-color-text);
  line-height: 1.4;
}

.stf-feed small[b-4o67u8haun] {
  font-size: 10px;
  color: var(--ef-color-text-subtle);
}

/* ── Quick-actions grid ─────────────────────────────────────────── */
.stf-quick[b-4o67u8haun] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.stf-quick a[b-4o67u8haun] {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--ef-color-border);
  border-radius: var(--ef-radius-lg);
  background: var(--ef-color-surface-muted);
  color: var(--ef-color-text);
  padding: 13px 14px;
  font-size: 12px;
  font-weight: var(--ef-font-weight-bold);
  text-decoration: none;
  transition: background var(--ef-transition), border-color var(--ef-transition),
              color var(--ef-transition), box-shadow var(--ef-transition),
              transform 80ms ease;
  position: relative;
  overflow: hidden;
}

.stf-quick a[b-4o67u8haun]::after {
  content: "→";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%) translateX(6px);
  opacity: 0;
  font-size: 13px;
  transition: opacity var(--ef-transition), transform var(--ef-transition);
  color: var(--ef-color-primary);
}

.stf-quick a:hover[b-4o67u8haun] {
  background: var(--ef-color-tint);
  border-color: var(--ef-color-primary);
  color: var(--ef-color-primary);
  box-shadow: 0 4px 14px var(--ef-color-tint-strong);
  transform: translateY(-1px);
}

.stf-quick a:hover[b-4o67u8haun]::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 1240px) {
  .kpis[b-4o67u8haun] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1120px) {
  .stf-dash[b-4o67u8haun] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .stf-two[b-4o67u8haun] {
    grid-template-columns: minmax(0, 1fr);
  }

  .stf-bar[b-4o67u8haun] {
    grid-template-columns: 96px minmax(0, 1fr) 28px;
  }

  .kpis[b-4o67u8haun] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .kpis[b-4o67u8haun] {
    grid-template-columns: minmax(0, 1fr);
  }

  .stf-quick[b-4o67u8haun] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Pages/StaffAccess/Role/RoleForm.razor.rz.scp.css */
/* Universal Form look (frm- classes as in TEN-02 and StaffUserForm). */
.frm-page[b-vvrv28t6wl] {
  font-size: 12px;
  line-height: 1.45;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 20px);
}

#one .frm-page[b-vvrv28t6wl]  svg {
  width: 14px;
  height: 14px;
}

/* ----- Record header (inside EfPageHeader) ----- */
.frm-chips[b-vvrv28t6wl] {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.frm-flow[b-vvrv28t6wl] {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
}

.frm-flowstep[b-vvrv28t6wl] {
  padding: 4px 3px;
  color: var(--ef-color-text-muted);
  font-size: 10px;
  white-space: nowrap;
  text-decoration: none;
}

.frm-flowstep--current[b-vvrv28t6wl] {
  color: var(--ef-color-primary);
  font-weight: 850;
}

.frm-flowstep--done[b-vvrv28t6wl] {
  color: var(--ef-color-success);
}

.frm-connector[b-vvrv28t6wl] {
  width: 14px;
  height: 1px;
  flex-shrink: 0;
  background: var(--ef-color-border);
}

.frm-flowowner[b-vvrv28t6wl] {
  margin-left: 7px;
  color: var(--ef-color-text-muted);
  font-size: 10px;
  white-space: nowrap;
}

.frm-actions[b-vvrv28t6wl] {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: thin;
  padding-bottom: 2px;
}

/* ----- Mobile section selector (shown on narrow screens only) ----- */
.frm-mobilenav[b-vvrv28t6wl] {
  display: none;
  flex-direction: column;
  gap: 6px;
  border: 1px solid var(--ef-color-border);
  border-radius: 9px;
  background: var(--ef-color-surface);
  padding: 9px;
  margin-bottom: 10px;
}

  .frm-mobilenav small[b-vvrv28t6wl] {
    color: var(--ef-color-text-muted);
    font-size: 10px;
    font-weight: 850;
  }

  .frm-mobilenav[b-vvrv28t6wl]  select {
    width: 100%;
    background: var(--ef-color-surface);
    border: 1px solid var(--ef-color-border);
    color: var(--ef-color-text);
    padding: 8px;
    border-radius: 7px;
    font: inherit;
  }

.frm-progress[b-vvrv28t6wl] {
  display: flex;
  gap: 3px;
}

  .frm-progress i[b-vvrv28t6wl] {
    flex: 1;
    background: var(--ef-color-border);
    height: 4px;
    border-radius: 4px;
  }

    .frm-progress i.frm-progress--current[b-vvrv28t6wl] {
      background: var(--ef-color-primary);
    }

/* ----- Three-column layout: section nav | sections | ONE Finding ----- */
.frm-layout[b-vvrv28t6wl] {
  display: grid;
  grid-template-columns: 158px minmax(0, 1fr) 230px;
  grid-template-areas: "nav main find";
  gap: 12px;
  align-items: start;
  flex: 1;
}

  .frm-layout.frm-layout--nofinding[b-vvrv28t6wl] {
    grid-template-columns: 158px minmax(0, 1fr);
    grid-template-areas: "nav main";
  }

.frm-nav[b-vvrv28t6wl] {
  grid-area: nav;
  position: sticky;
  top: 0;
  background: var(--ef-color-surface);
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  padding: 12px 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

  .frm-nav > small[b-vvrv28t6wl] {
    display: block;
    color: var(--ef-color-text-muted);
    font-size: 10px;
    font-weight: 850;
    margin: 0 7px 8px;
    letter-spacing: .5px;
  }

.frm-navitem[b-vvrv28t6wl] {
  display: flex;
  align-items: center;
  gap: 7px;
  border-radius: 8px;
  padding: 8px 6px;
  color: var(--ef-color-text-muted);
  font-weight: 730;
  font-size: 11px;
  text-decoration: none;
}

  .frm-navitem:hover[b-vvrv28t6wl] {
    background: var(--ef-color-surface-muted);
    color: var(--ef-color-text);
  }

.frm-navitem--active[b-vvrv28t6wl], .frm-navitem--active:hover[b-vvrv28t6wl] {
  background: var(--ef-color-tint);
  color: var(--ef-color-primary);
}

.frm-navnum[b-vvrv28t6wl] {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 6px;
  background: var(--ef-color-surface-muted);
  border: 1px solid var(--ef-color-border);
  font-size: 10px;
  font-weight: 850;
}

.frm-navitem--active .frm-navnum[b-vvrv28t6wl] {
  background: var(--ef-color-surface);
  border-color: var(--ef-color-primary);
}

.frm-navtext[b-vvrv28t6wl] {
  flex: 1;
  min-width: 0;
  line-height: 1.25;
}

.frm-navtools[b-vvrv28t6wl] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-top: 1px solid var(--ef-color-border);
  margin-top: 8px;
  padding: 10px 4px 0;
}

.frm-dot[b-vvrv28t6wl] {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ef-color-border-strong);
  flex-shrink: 0;
}

.frm-dot--ready[b-vvrv28t6wl] {
  background: var(--ef-color-success);
}

.frm-dot--dirty[b-vvrv28t6wl] {
  background: var(--ef-color-modified);
}

/* ----- Sections (EfFormSection) ----- */
.frm-sections[b-vvrv28t6wl] {
  grid-area: main;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.frm-note[b-vvrv28t6wl] {
  font-size: 11px;
  color: var(--ef-color-text-muted);
  background: var(--ef-color-surface-muted);
  border: 1px solid var(--ef-color-border);
  border-radius: 7px;
  padding: 9px;
  margin-bottom: 10px;
}

.frm-note--after[b-vvrv28t6wl] {
  margin: 10px 0 0;
}

.frm-value[b-vvrv28t6wl] {
  padding: 7px 2px;
  font-weight: 650;
  min-height: 34px;
  overflow-wrap: anywhere;
}

.frm-lookup[b-vvrv28t6wl] {
  display: flex;
  gap: 4px;
  width: 100%;
}

.frm-subhead[b-vvrv28t6wl] {
  font-weight: 850;
  border-bottom: 1px solid var(--ef-color-border);
  padding-bottom: 6px;
  margin: 14px 0 10px;
}

.frm-stats[b-vvrv28t6wl] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

/* ----- Line grid ----- */
.frm-grid[b-vvrv28t6wl] {
  border: 1px solid var(--ef-color-border);
  border-radius: 9px;
  overflow: hidden;
  background: var(--ef-color-surface);
  display: flex;
  flex-direction: column;
}

.frm-gridhead[b-vvrv28t6wl] {
  background: var(--ef-color-surface-muted);
  border-bottom: 1px solid var(--ef-color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  padding: 9px;
}

  .frm-gridhead small[b-vvrv28t6wl] {
    display: block;
    color: var(--ef-color-text-muted);
    font-size: 10px;
  }

.frm-gridtools[b-vvrv28t6wl] {
  display: flex;
  gap: 5px;
}

.frm-gridtable[b-vvrv28t6wl] {
  overflow: auto;
  max-height: 340px;
  min-height: 110px;
  flex: 1;
  scrollbar-width: thin;
}

  .frm-gridtable table[b-vvrv28t6wl] {
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 900px;
    width: 100%;
    font-size: 11px;
  }

  .frm-gridtable th[b-vvrv28t6wl] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--ef-color-surface-muted);
    padding: 8px 4px;
    text-align: left;
    color: var(--ef-color-text-muted);
    font-size: 10px;
    border-bottom: 1px solid var(--ef-color-border);
  }

  .frm-gridtable td[b-vvrv28t6wl] {
    padding: 4px;
    border-bottom: 1px solid var(--ef-color-border);
  }
    /* Bare ef- inputs in the grid cells look like plain cells until focused. */
    .frm-gridtable td[b-vvrv28t6wl]  .ef-input {
      padding: 6px 3px;
      border: 1px solid transparent;
      border-radius: 4px;
      background: transparent;
      color: var(--ef-color-text);
      width: 100%;
      min-height: 30px;
      font: inherit;
    }

      .frm-gridtable td[b-vvrv28t6wl]  .ef-input:focus {
        border-color: var(--ef-color-primary);
        background: var(--ef-color-surface);
        outline: none;
      }

    .frm-gridtable td[b-vvrv28t6wl]  select option {
      background: var(--ef-color-surface);
      color: var(--ef-color-text);
    }

.frm-center[b-vvrv28t6wl] {
  text-align: center;
}

  .frm-center[b-vvrv28t6wl]  .ef-check {
    align-items: center;
  }

.frm-rowtools[b-vvrv28t6wl] {
  white-space: nowrap;
}

tr.frm-row--modified td:first-child[b-vvrv28t6wl] {
  box-shadow: inset 3px 0 var(--ef-color-modified);
}

tr.frm-row--new td:first-child[b-vvrv28t6wl] {
  box-shadow: inset 3px 0 var(--ef-color-success);
}

.frm-gridtotal[b-vvrv28t6wl] {
  background: var(--ef-color-surface-muted);
  border-top: 1px solid var(--ef-color-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  padding: 9px;
  font-size: 11px;
  color: var(--ef-color-text-muted);
}

  .frm-gridtotal > div[b-vvrv28t6wl] {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
  }

  .frm-gridtotal b[b-vvrv28t6wl] {
    color: var(--ef-color-text);
  }

.frm-grid--max[b-vvrv28t6wl] {
  position: fixed;
  inset: 24px;
  z-index: 30;
  border: 2px solid var(--ef-color-primary);
  box-shadow: 0 24px 80px #07172b66;
}

  .frm-grid--max .frm-gridtable[b-vvrv28t6wl] {
    max-height: none;
  }

/* ----- Workflow timeline and activity ----- */
.frm-timeline[b-vvrv28t6wl] {
  padding: 3px 0;
}

.frm-event[b-vvrv28t6wl] {
  display: flex;
  gap: 10px;
  min-height: 52px;
}

.frm-event--flat[b-vvrv28t6wl] {
  min-height: 0;
  padding-bottom: 10px;
}

.frm-rail[b-vvrv28t6wl] {
  width: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.frm-evicon[b-vvrv28t6wl] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--ef-color-tint);
  color: var(--ef-color-primary);
  display: grid;
  place-items: center;
  font-size: 11px;
  flex-shrink: 0;
}

.frm-evline[b-vvrv28t6wl] {
  width: 2px;
  background: var(--ef-color-border);
  flex: 1;
  min-height: 14px;
}

.frm-evdetail[b-vvrv28t6wl] {
  flex: 1;
  padding-bottom: 12px;
  min-width: 0;
}

  .frm-evdetail b[b-vvrv28t6wl] {
    font-size: 11px;
  }

  .frm-evdetail small[b-vvrv28t6wl] {
    color: var(--ef-color-text-muted);
    font-size: 10px;
    display: block;
  }

.frm-evcomment[b-vvrv28t6wl] {
  color: var(--ef-color-text-muted);
  background: var(--ef-color-surface-muted);
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
  margin-top: 5px;
}

.frm-current[b-vvrv28t6wl] {
  padding: 9px;
  border: 1px dashed var(--ef-color-primary);
  border-radius: 7px;
  color: var(--ef-color-primary);
  background: var(--ef-color-tint);
  font-weight: 750;
}

.frm-wfbar[b-vvrv28t6wl] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 0 0;
}

/* ----- ONE Finding ----- */
.frm-finding[b-vvrv28t6wl] {
  grid-area: find;
  position: sticky;
  top: 0;
  background: var(--ef-color-surface);
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  padding: 12px 10px;
}

.frm-findhead[b-vvrv28t6wl] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

  .frm-findhead h3[b-vvrv28t6wl] {
    margin: 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--ef-color-primary);
  }

.frm-findboxes[b-vvrv28t6wl] {
  display: grid;
  gap: 8px;
}

.frm-findbox[b-vvrv28t6wl] {
  background: var(--ef-color-surface-muted);
  border: 1px solid var(--ef-color-border);
  padding: 9px;
  border-radius: 8px;
  font-size: 11px;
  color: var(--ef-color-text-muted);
}

  .frm-findbox b[b-vvrv28t6wl] {
    display: block;
    color: var(--ef-color-text);
    margin-bottom: 3px;
  }

.frm-findactions[b-vvrv28t6wl] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 10px 0 8px;
}

/* ----- Bottom toolbar ----- */
.frm-bottom[b-vvrv28t6wl] {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin-top: 6px;
  background: var(--ef-color-surface);
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  padding: 8px 11px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 -6px 18px #1a2d4a14;
}

  .frm-bottom > small[b-vvrv28t6wl] {
    font-size: 10px;
    color: var(--ef-color-text-muted);
  }

.frm-bottomtools[b-vvrv28t6wl] {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.frm-nextsec[b-vvrv28t6wl] {
  display: none;
}

/* ----- Dialog content (EfModal) ----- */
.frm-dialogtext[b-vvrv28t6wl] {
  margin: 0;
  line-height: 1.55;
}

.frm-lookupresults[b-vvrv28t6wl] {
  display: grid;
  gap: 5px;
  max-height: 265px;
  overflow: auto;
  margin-top: 10px;
}

  .frm-lookupresults button[b-vvrv28t6wl] {
    border: 1px solid var(--ef-color-border);
    border-radius: 7px;
    background: var(--ef-color-surface);
    color: var(--ef-color-text);
    padding: 9px;
    text-align: left;
    font-size: 11px;
  }

    .frm-lookupresults button:hover[b-vvrv28t6wl] {
      background: var(--ef-color-tint);
      border-color: var(--ef-color-primary);
    }

  .frm-lookupresults small[b-vvrv28t6wl] {
    display: block;
    color: var(--ef-color-text-muted);
  }

.frm-paper[b-vvrv28t6wl] {
  background: #fff;
  color: #293850;
  padding: 15px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
}

  .frm-paper h3[b-vvrv28t6wl] {
    margin: 10px 0;
    font-size: 14px;
  }

  .frm-paper p[b-vvrv28t6wl] {
    font-size: 11px;
  }

.frm-paper-total[b-vvrv28t6wl] {
  text-align: right;
}

.frm-paper-table[b-vvrv28t6wl] {
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
}

  .frm-paper-table td[b-vvrv28t6wl], .frm-paper-table th[b-vvrv28t6wl] {
    border-bottom: 1px solid var(--ef-color-border);
    padding: 6px;
    text-align: left;
  }

.frm-paper .frm-paper-table td[b-vvrv28t6wl], .frm-paper .frm-paper-table th[b-vvrv28t6wl] {
  border-bottom-color: #e1e7ef;
}

/* ----- Responsive: tablet (Finding moves above the sections) ----- */
@media (max-width: 1120px) {
  .frm-layout[b-vvrv28t6wl], .frm-layout.frm-layout--nofinding[b-vvrv28t6wl] {
    grid-template-columns: 150px minmax(0, 1fr);
  }

  .frm-layout[b-vvrv28t6wl] {
    grid-template-areas: "nav find" "nav main";
  }

    .frm-layout.frm-layout--nofinding[b-vvrv28t6wl] {
      grid-template-areas: "nav main";
    }

  .frm-finding[b-vvrv28t6wl] {
    position: static;
  }

  .frm-findboxes[b-vvrv28t6wl] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .frm-findactions[b-vvrv28t6wl] {
    flex-direction: row;
  }
}

/* ----- Responsive: mobile (one section at a time, selector + Next) ----- */
@media (max-width: 820px) {
  .frm-mobilenav[b-vvrv28t6wl] {
    display: flex;
  }

  .frm-layout[b-vvrv28t6wl], .frm-layout.frm-layout--nofinding[b-vvrv28t6wl] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "find" "main";
  }

    .frm-layout.frm-layout--nofinding[b-vvrv28t6wl] {
      grid-template-areas: "main";
    }

  .frm-nav[b-vvrv28t6wl] {
    display: none;
  }

  .frm-findboxes[b-vvrv28t6wl] {
    grid-template-columns: minmax(0, 1fr);
  }

  .frm-sections[b-vvrv28t6wl]  .ef-section:not(.ef-section--active) {
    display: none;
  }

  .frm-stats[b-vvrv28t6wl] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .frm-compact[b-vvrv28t6wl], .frm-bottom > small[b-vvrv28t6wl] {
    display: none;
  }

  .frm-nextsec[b-vvrv28t6wl] {
    display: inline-flex;
  }

  .frm-grid--max[b-vvrv28t6wl] {
    inset: 8px;
  }
}

/* ----- STF additions ----- */
.stf-warn[b-vvrv28t6wl] {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.stf-matrix[b-vvrv28t6wl] {
  border: 1px solid var(--ef-color-border);
  border-radius: 9px;
  overflow: auto;
  background: var(--ef-color-surface);
}

  .stf-matrix table[b-vvrv28t6wl] {
    border-collapse: collapse;
    width: 100%;
    min-width: 640px;
    font-size: 11px;
  }

  .stf-matrix th[b-vvrv28t6wl] {
    background: var(--ef-color-surface-muted);
    color: var(--ef-color-text-muted);
    font-size: 10px;
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid var(--ef-color-border);
  }

  .stf-matrix td[b-vvrv28t6wl] {
    padding: 7px 8px;
    border-bottom: 1px solid var(--ef-color-border);
  }

  .stf-matrix tr:last-child td[b-vvrv28t6wl] {
    border-bottom: 0;
  }

.stf-act[b-vvrv28t6wl] {
  text-align: center;
  width: 52px;
}

.stf-yes[b-vvrv28t6wl] {
  color: var(--ef-color-success);
  font-weight: 850;
}

.stf-no[b-vvrv28t6wl] {
  color: var(--ef-color-border-strong);
}

.stf-roleinfo[b-vvrv28t6wl] {
  display: grid;
  gap: 7px;
  margin-top: 10px;
}

.stf-rolecard[b-vvrv28t6wl] {
  border: 1px solid var(--ef-color-border);
  border-radius: 8px;
  background: var(--ef-color-surface-muted);
  padding: 9px;
  font-size: 11px;
  color: var(--ef-color-text-muted);
}

  .stf-rolecard b[b-vvrv28t6wl] {
    color: var(--ef-color-text);
    display: block;
    margin-bottom: 2px;
  }
/* /Components/Pages/StaffAccess/StaffUsers/StaffUserForm.razor.rz.scp.css */
/* STF-01 New Staff User: Universal Form look (same frm- classes as TEN-02). Page-specific additions at the end (stf-). */
.frm-page[b-kqk6r8ig3v] {
  font-size: 12px;
  line-height: 1.45;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  min-height: calc(100% - 20px);
}

#one .frm-page[b-kqk6r8ig3v]  svg {
  width: 14px;
  height: 14px;
}

/* ----- Record header (inside EfPageHeader) ----- */
.frm-chips[b-kqk6r8ig3v] {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.frm-flow[b-kqk6r8ig3v] {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
}

.frm-flowstep[b-kqk6r8ig3v] {
  padding: 4px 3px;
  color: var(--ef-color-text-muted);
  font-size: 10px;
  white-space: nowrap;
  text-decoration: none;
}

.frm-flowstep--current[b-kqk6r8ig3v] {
  color: var(--ef-color-primary);
  font-weight: 850;
}

.frm-flowstep--done[b-kqk6r8ig3v] {
  color: var(--ef-color-success);
}

.frm-connector[b-kqk6r8ig3v] {
  width: 14px;
  height: 1px;
  flex-shrink: 0;
  background: var(--ef-color-border);
}

.frm-flowowner[b-kqk6r8ig3v] {
  margin-left: 7px;
  color: var(--ef-color-text-muted);
  font-size: 10px;
  white-space: nowrap;
}

.frm-actions[b-kqk6r8ig3v] {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: thin;
  padding-bottom: 2px;
}

/* ----- Mobile section selector (shown on narrow screens only) ----- */
.frm-mobilenav[b-kqk6r8ig3v] {
  display: none;
  flex-direction: column;
  gap: 6px;
  border: 1px solid var(--ef-color-border);
  border-radius: 9px;
  background: var(--ef-color-surface);
  padding: 9px;
  margin-bottom: 10px;
}

  .frm-mobilenav small[b-kqk6r8ig3v] {
    color: var(--ef-color-text-muted);
    font-size: 10px;
    font-weight: 850;
  }

  .frm-mobilenav[b-kqk6r8ig3v]  select {
    width: 100%;
    background: var(--ef-color-surface);
    border: 1px solid var(--ef-color-border);
    color: var(--ef-color-text);
    padding: 8px;
    border-radius: 7px;
    font: inherit;
  }

.frm-progress[b-kqk6r8ig3v] {
  display: flex;
  gap: 3px;
}

  .frm-progress i[b-kqk6r8ig3v] {
    flex: 1;
    background: var(--ef-color-border);
    height: 4px;
    border-radius: 4px;
  }

    .frm-progress i.frm-progress--current[b-kqk6r8ig3v] {
      background: var(--ef-color-primary);
    }

/* ----- Three-column layout: section nav | sections | ONE Finding ----- */
.frm-layout[b-kqk6r8ig3v] {
  display: grid;
  grid-template-columns: 158px minmax(0, 1fr) 230px;
  grid-template-areas: "nav main find";
  gap: 12px;
  align-items: start;
  flex: 1;
}

  .frm-layout.frm-layout--nofinding[b-kqk6r8ig3v] {
    grid-template-columns: 158px minmax(0, 1fr);
    grid-template-areas: "nav main";
  }

.frm-nav[b-kqk6r8ig3v] {
  grid-area: nav;
  position: sticky;
  top: 0;
  background: var(--ef-color-surface);
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  padding: 12px 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

  .frm-nav > small[b-kqk6r8ig3v] {
    display: block;
    color: var(--ef-color-text-muted);
    font-size: 10px;
    font-weight: 850;
    margin: 0 7px 8px;
    letter-spacing: .5px;
  }

.frm-navitem[b-kqk6r8ig3v] {
  display: flex;
  align-items: center;
  gap: 7px;
  border-radius: 8px;
  padding: 8px 6px;
  color: var(--ef-color-text-muted);
  font-weight: 730;
  font-size: 11px;
  text-decoration: none;
}

  .frm-navitem:hover[b-kqk6r8ig3v] {
    background: var(--ef-color-surface-muted);
    color: var(--ef-color-text);
  }

.frm-navitem--active[b-kqk6r8ig3v], .frm-navitem--active:hover[b-kqk6r8ig3v] {
  background: var(--ef-color-tint);
  color: var(--ef-color-primary);
}

.frm-navnum[b-kqk6r8ig3v] {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 6px;
  background: var(--ef-color-surface-muted);
  border: 1px solid var(--ef-color-border);
  font-size: 10px;
  font-weight: 850;
}

.frm-navitem--active .frm-navnum[b-kqk6r8ig3v] {
  background: var(--ef-color-surface);
  border-color: var(--ef-color-primary);
}

.frm-navtext[b-kqk6r8ig3v] {
  flex: 1;
  min-width: 0;
  line-height: 1.25;
}

.frm-navtools[b-kqk6r8ig3v] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-top: 1px solid var(--ef-color-border);
  margin-top: 8px;
  padding: 10px 4px 0;
}

.frm-dot[b-kqk6r8ig3v] {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ef-color-border-strong);
  flex-shrink: 0;
}

.frm-dot--ready[b-kqk6r8ig3v] {
  background: var(--ef-color-success);
}

.frm-dot--dirty[b-kqk6r8ig3v] {
  background: var(--ef-color-modified);
}

/* ----- Sections (EfFormSection) ----- */
.frm-sections[b-kqk6r8ig3v] {
  grid-area: main;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.frm-note[b-kqk6r8ig3v] {
  font-size: 11px;
  color: var(--ef-color-text-muted);
  background: var(--ef-color-surface-muted);
  border: 1px solid var(--ef-color-border);
  border-radius: 7px;
  padding: 9px;
  margin-bottom: 10px;
}

.frm-note--after[b-kqk6r8ig3v] {
  margin: 10px 0 0;
}

.frm-value[b-kqk6r8ig3v] {
  padding: 7px 2px;
  font-weight: 650;
  min-height: 34px;
  overflow-wrap: anywhere;
}

.frm-lookup[b-kqk6r8ig3v] {
  display: flex;
  gap: 4px;
  width: 100%;
}

.frm-subhead[b-kqk6r8ig3v] {
  font-weight: 850;
  border-bottom: 1px solid var(--ef-color-border);
  padding-bottom: 6px;
  margin: 14px 0 10px;
}

.frm-stats[b-kqk6r8ig3v] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

/* ----- Line grid ----- */
.frm-grid[b-kqk6r8ig3v] {
  border: 1px solid var(--ef-color-border);
  border-radius: 9px;
  overflow: hidden;
  background: var(--ef-color-surface);
  display: flex;
  flex-direction: column;
}

.frm-gridhead[b-kqk6r8ig3v] {
  background: var(--ef-color-surface-muted);
  border-bottom: 1px solid var(--ef-color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  padding: 9px;
}

  .frm-gridhead small[b-kqk6r8ig3v] {
    display: block;
    color: var(--ef-color-text-muted);
    font-size: 10px;
  }

.frm-gridtools[b-kqk6r8ig3v] {
  display: flex;
  gap: 5px;
}

.frm-gridtable[b-kqk6r8ig3v] {
  overflow: auto;
  max-height: 340px;
  min-height: 110px;
  flex: 1;
  scrollbar-width: thin;
}

  .frm-gridtable table[b-kqk6r8ig3v] {
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 900px;
    width: 100%;
    font-size: 11px;
  }

  .frm-gridtable th[b-kqk6r8ig3v] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--ef-color-surface-muted);
    padding: 8px 4px;
    text-align: left;
    color: var(--ef-color-text-muted);
    font-size: 10px;
    border-bottom: 1px solid var(--ef-color-border);
  }

  .frm-gridtable td[b-kqk6r8ig3v] {
    padding: 4px;
    border-bottom: 1px solid var(--ef-color-border);
  }
    /* Bare ef- inputs in the grid cells look like plain cells until focused. */
    .frm-gridtable td[b-kqk6r8ig3v]  .ef-input {
      padding: 6px 3px;
      border: 1px solid transparent;
      border-radius: 4px;
      background: transparent;
      color: var(--ef-color-text);
      width: 100%;
      min-height: 30px;
      font: inherit;
    }

      .frm-gridtable td[b-kqk6r8ig3v]  .ef-input:focus {
        border-color: var(--ef-color-primary);
        background: var(--ef-color-surface);
        outline: none;
      }

    .frm-gridtable td[b-kqk6r8ig3v]  select option {
      background: var(--ef-color-surface);
      color: var(--ef-color-text);
    }

.frm-center[b-kqk6r8ig3v] {
  text-align: center;
}

  .frm-center[b-kqk6r8ig3v]  .ef-check {
    align-items: center;
  }

.frm-rowtools[b-kqk6r8ig3v] {
  white-space: nowrap;
}

tr.frm-row--modified td:first-child[b-kqk6r8ig3v] {
  box-shadow: inset 3px 0 var(--ef-color-modified);
}

tr.frm-row--new td:first-child[b-kqk6r8ig3v] {
  box-shadow: inset 3px 0 var(--ef-color-success);
}

.frm-gridtotal[b-kqk6r8ig3v] {
  background: var(--ef-color-surface-muted);
  border-top: 1px solid var(--ef-color-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  padding: 9px;
  font-size: 11px;
  color: var(--ef-color-text-muted);
}

  .frm-gridtotal > div[b-kqk6r8ig3v] {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
  }

  .frm-gridtotal b[b-kqk6r8ig3v] {
    color: var(--ef-color-text);
  }

.frm-grid--max[b-kqk6r8ig3v] {
  position: fixed;
  inset: 24px;
  z-index: 30;
  border: 2px solid var(--ef-color-primary);
  box-shadow: 0 24px 80px #07172b66;
}

  .frm-grid--max .frm-gridtable[b-kqk6r8ig3v] {
    max-height: none;
  }

/* ----- Workflow timeline and activity ----- */
.frm-timeline[b-kqk6r8ig3v] {
  padding: 3px 0;
}

.frm-event[b-kqk6r8ig3v] {
  display: flex;
  gap: 10px;
  min-height: 52px;
}

.frm-event--flat[b-kqk6r8ig3v] {
  min-height: 0;
  padding-bottom: 10px;
}

.frm-rail[b-kqk6r8ig3v] {
  width: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.frm-evicon[b-kqk6r8ig3v] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--ef-color-tint);
  color: var(--ef-color-primary);
  display: grid;
  place-items: center;
  font-size: 11px;
  flex-shrink: 0;
}

.frm-evline[b-kqk6r8ig3v] {
  width: 2px;
  background: var(--ef-color-border);
  flex: 1;
  min-height: 14px;
}

.frm-evdetail[b-kqk6r8ig3v] {
  flex: 1;
  padding-bottom: 12px;
  min-width: 0;
}

  .frm-evdetail b[b-kqk6r8ig3v] {
    font-size: 11px;
  }

  .frm-evdetail small[b-kqk6r8ig3v] {
    color: var(--ef-color-text-muted);
    font-size: 10px;
    display: block;
  }

.frm-evcomment[b-kqk6r8ig3v] {
  color: var(--ef-color-text-muted);
  background: var(--ef-color-surface-muted);
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
  margin-top: 5px;
}

.frm-current[b-kqk6r8ig3v] {
  padding: 9px;
  border: 1px dashed var(--ef-color-primary);
  border-radius: 7px;
  color: var(--ef-color-primary);
  background: var(--ef-color-tint);
  font-weight: 750;
}

.frm-wfbar[b-kqk6r8ig3v] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 0 0;
}

/* ----- ONE Finding ----- */
.frm-finding[b-kqk6r8ig3v] {
  grid-area: find;
  position: sticky;
  top: 0;
  background: var(--ef-color-surface);
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  padding: 12px 10px;
}

.frm-findhead[b-kqk6r8ig3v] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

  .frm-findhead h3[b-kqk6r8ig3v] {
    margin: 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--ef-color-primary);
  }

.frm-findboxes[b-kqk6r8ig3v] {
  display: grid;
  gap: 8px;
}

.frm-findbox[b-kqk6r8ig3v] {
  background: var(--ef-color-surface-muted);
  border: 1px solid var(--ef-color-border);
  padding: 9px;
  border-radius: 8px;
  font-size: 11px;
  color: var(--ef-color-text-muted);
}

  .frm-findbox b[b-kqk6r8ig3v] {
    display: block;
    color: var(--ef-color-text);
    margin-bottom: 3px;
  }

.frm-findactions[b-kqk6r8ig3v] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 10px 0 8px;
}

/* ----- Bottom toolbar ----- */
.frm-bottom[b-kqk6r8ig3v] {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin-top: 6px;
  background: var(--ef-color-surface);
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  padding: 8px 11px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 -6px 18px #1a2d4a14;
}

  .frm-bottom > small[b-kqk6r8ig3v] {
    font-size: 10px;
    color: var(--ef-color-text-muted);
  }

.frm-bottomtools[b-kqk6r8ig3v] {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.frm-nextsec[b-kqk6r8ig3v] {
  display: none;
}

/* ----- Dialog content (EfModal) ----- */
.frm-dialogtext[b-kqk6r8ig3v] {
  margin: 0;
  line-height: 1.55;
}

.frm-lookupresults[b-kqk6r8ig3v] {
  display: grid;
  gap: 5px;
  max-height: 265px;
  overflow: auto;
  margin-top: 10px;
}

  .frm-lookupresults button[b-kqk6r8ig3v] {
    border: 1px solid var(--ef-color-border);
    border-radius: 7px;
    background: var(--ef-color-surface);
    color: var(--ef-color-text);
    padding: 9px;
    text-align: left;
    font-size: 11px;
  }

    .frm-lookupresults button:hover[b-kqk6r8ig3v] {
      background: var(--ef-color-tint);
      border-color: var(--ef-color-primary);
    }

  .frm-lookupresults small[b-kqk6r8ig3v] {
    display: block;
    color: var(--ef-color-text-muted);
  }

.frm-paper[b-kqk6r8ig3v] {
  background: #fff;
  color: #293850;
  padding: 15px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
}

  .frm-paper h3[b-kqk6r8ig3v] {
    margin: 10px 0;
    font-size: 14px;
  }

  .frm-paper p[b-kqk6r8ig3v] {
    font-size: 11px;
  }

.frm-paper-total[b-kqk6r8ig3v] {
  text-align: right;
}

.frm-paper-table[b-kqk6r8ig3v] {
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
}

  .frm-paper-table td[b-kqk6r8ig3v], .frm-paper-table th[b-kqk6r8ig3v] {
    border-bottom: 1px solid var(--ef-color-border);
    padding: 6px;
    text-align: left;
  }

.frm-paper .frm-paper-table td[b-kqk6r8ig3v], .frm-paper .frm-paper-table th[b-kqk6r8ig3v] {
  border-bottom-color: #e1e7ef;
}

/* ----- Responsive: tablet (Finding moves above the sections) ----- */
@media (max-width: 1120px) {
  .frm-layout[b-kqk6r8ig3v], .frm-layout.frm-layout--nofinding[b-kqk6r8ig3v] {
    grid-template-columns: 150px minmax(0, 1fr);
  }

  .frm-layout[b-kqk6r8ig3v] {
    grid-template-areas: "nav find" "nav main";
  }

    .frm-layout.frm-layout--nofinding[b-kqk6r8ig3v] {
      grid-template-areas: "nav main";
    }

  .frm-finding[b-kqk6r8ig3v] {
    position: static;
  }

  .frm-findboxes[b-kqk6r8ig3v] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .frm-findactions[b-kqk6r8ig3v] {
    flex-direction: row;
  }
}

/* ----- Responsive: mobile (one section at a time, selector + Next) ----- */
@media (max-width: 820px) {
  .frm-mobilenav[b-kqk6r8ig3v] {
    display: flex;
  }

  .frm-layout[b-kqk6r8ig3v], .frm-layout.frm-layout--nofinding[b-kqk6r8ig3v] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "find" "main";
  }

    .frm-layout.frm-layout--nofinding[b-kqk6r8ig3v] {
      grid-template-areas: "main";
    }

  .frm-nav[b-kqk6r8ig3v] {
    display: none;
  }

  .frm-findboxes[b-kqk6r8ig3v] {
    grid-template-columns: minmax(0, 1fr);
  }

  .frm-sections[b-kqk6r8ig3v]  .ef-section:not(.ef-section--active) {
    display: none;
  }

  .frm-stats[b-kqk6r8ig3v] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .frm-compact[b-kqk6r8ig3v], .frm-bottom > small[b-kqk6r8ig3v] {
    display: none;
  }

  .frm-nextsec[b-kqk6r8ig3v] {
    display: inline-flex;
  }

  .frm-grid--max[b-kqk6r8ig3v] {
    inset: 8px;
  }
}

/* ----- STF additions ----- */
.stf-warn[b-kqk6r8ig3v] {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.stf-matrix[b-kqk6r8ig3v] {
  border: 1px solid var(--ef-color-border);
  border-radius: 9px;
  overflow: auto;
  background: var(--ef-color-surface);
}

  .stf-matrix table[b-kqk6r8ig3v] {
    border-collapse: collapse;
    width: 100%;
    min-width: 640px;
    font-size: 11px;
  }

  .stf-matrix th[b-kqk6r8ig3v] {
    background: var(--ef-color-surface-muted);
    color: var(--ef-color-text-muted);
    font-size: 10px;
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid var(--ef-color-border);
  }

  .stf-matrix td[b-kqk6r8ig3v] {
    padding: 7px 8px;
    border-bottom: 1px solid var(--ef-color-border);
  }

  .stf-matrix tr:last-child td[b-kqk6r8ig3v] {
    border-bottom: 0;
  }

.stf-act[b-kqk6r8ig3v] {
  text-align: center;
  width: 52px;
}

.stf-yes[b-kqk6r8ig3v] {
  color: var(--ef-color-success);
  font-weight: 850;
}

.stf-no[b-kqk6r8ig3v] {
  color: var(--ef-color-border-strong);
}

.stf-roleinfo[b-kqk6r8ig3v] {
  display: grid;
  gap: 7px;
  margin-top: 10px;
}

.stf-rolecard[b-kqk6r8ig3v] {
  border: 1px solid var(--ef-color-border);
  border-radius: 8px;
  background: var(--ef-color-surface-muted);
  padding: 9px;
  font-size: 11px;
  color: var(--ef-color-text-muted);
}

  .stf-rolecard b[b-kqk6r8ig3v] {
    color: var(--ef-color-text);
    display: block;
    margin-bottom: 2px;
  }
/* /Components/Pages/Tenants/TenantForm.razor.rz.scp.css */
/* TEN-02 New Tenant: Universal Form v16 look (record header, section nav, sections, line grid, ONE Finding).
   Buttons, chips, fields, sections and the dialog are ef- components; only the page layout and the
   page-specific pieces (section navigator, line grids, timeline, ONE Finding panel) are styled here.
   Every class is prefixed frm- so the global #one rules in console.css never collide. */

.frm-page[b-lx0lku5j0u] {
    font-size: 12px;
    line-height: 1.45;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    min-height: calc(100% - 20px);
}

#one .frm-page[b-lx0lku5j0u]  svg { width: 14px; height: 14px; }

/* ----- Record header (inside EfPageHeader) ----- */
.frm-chips[b-lx0lku5j0u] { display: flex; gap: 5px; flex-wrap: wrap; }

.frm-flow[b-lx0lku5j0u] { display: flex; align-items: center; gap: 5px; max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
.frm-flowstep[b-lx0lku5j0u] { padding: 4px 3px; color: var(--ef-color-text-muted); font-size: 10px; white-space: nowrap; text-decoration: none; }
.frm-flowstep--current[b-lx0lku5j0u] { color: var(--ef-color-primary); font-weight: 850; }
.frm-flowstep--done[b-lx0lku5j0u] { color: var(--ef-color-success); }
.frm-connector[b-lx0lku5j0u] { width: 14px; height: 1px; flex-shrink: 0; background: var(--ef-color-border); }
.frm-flowowner[b-lx0lku5j0u] { margin-left: 7px; color: var(--ef-color-text-muted); font-size: 10px; white-space: nowrap; }

.frm-actions[b-lx0lku5j0u] { display: flex; gap: 5px; overflow-x: auto; scrollbar-width: thin; padding-bottom: 2px; }

/* ----- Mobile section selector (shown on narrow screens only) ----- */
.frm-mobilenav[b-lx0lku5j0u] { display: none; flex-direction: column; gap: 6px; border: 1px solid var(--ef-color-border); border-radius: 9px; background: var(--ef-color-surface); padding: 9px; margin-bottom: 10px; }
.frm-mobilenav small[b-lx0lku5j0u] { color: var(--ef-color-text-muted); font-size: 10px; font-weight: 850; }
.frm-mobilenav[b-lx0lku5j0u]  select { width: 100%; background: var(--ef-color-surface); border: 1px solid var(--ef-color-border); color: var(--ef-color-text); padding: 8px; border-radius: 7px; font: inherit; }
.frm-progress[b-lx0lku5j0u] { display: flex; gap: 3px; }
.frm-progress i[b-lx0lku5j0u] { flex: 1; background: var(--ef-color-border); height: 4px; border-radius: 4px; }
.frm-progress i.frm-progress--current[b-lx0lku5j0u] { background: var(--ef-color-primary); }

/* ----- Three-column layout: section nav | sections | ONE Finding ----- */
.frm-layout[b-lx0lku5j0u] {
    display: grid;
    grid-template-columns: 158px minmax(0, 1fr) 230px;
    grid-template-areas: "nav main find";
    gap: 12px;
    align-items: start;
    flex: 1;
}

.frm-layout.frm-layout--nofinding[b-lx0lku5j0u] { grid-template-columns: 158px minmax(0, 1fr); grid-template-areas: "nav main"; }

.frm-nav[b-lx0lku5j0u] {
    grid-area: nav;
    position: sticky;
    top: 0;
    background: var(--ef-color-surface);
    border: 1px solid var(--ef-color-border);
    border-radius: 10px;
    padding: 12px 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.frm-nav > small[b-lx0lku5j0u] { display: block; color: var(--ef-color-text-muted); font-size: 10px; font-weight: 850; margin: 0 7px 8px; letter-spacing: .5px; }
.frm-navitem[b-lx0lku5j0u] { display: flex; align-items: center; gap: 7px; border-radius: 8px; padding: 8px 6px; color: var(--ef-color-text-muted); font-weight: 730; font-size: 11px; text-decoration: none; }
.frm-navitem:hover[b-lx0lku5j0u] { background: var(--ef-color-surface-muted); color: var(--ef-color-text); }
.frm-navitem--active[b-lx0lku5j0u], .frm-navitem--active:hover[b-lx0lku5j0u] { background: var(--ef-color-tint); color: var(--ef-color-primary); }
.frm-navnum[b-lx0lku5j0u] { display: grid; place-items: center; width: 20px; height: 20px; flex-shrink: 0; border-radius: 6px; background: var(--ef-color-surface-muted); border: 1px solid var(--ef-color-border); font-size: 10px; font-weight: 850; }
.frm-navitem--active .frm-navnum[b-lx0lku5j0u] { background: var(--ef-color-surface); border-color: var(--ef-color-primary); }
.frm-navtext[b-lx0lku5j0u] { flex: 1; min-width: 0; line-height: 1.25; }
.frm-navtools[b-lx0lku5j0u] { display: flex; flex-direction: column; gap: 5px; border-top: 1px solid var(--ef-color-border); margin-top: 8px; padding: 10px 4px 0; }

.frm-dot[b-lx0lku5j0u] { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--ef-color-border-strong); flex-shrink: 0; }
.frm-dot--ready[b-lx0lku5j0u] { background: var(--ef-color-success); }
.frm-dot--dirty[b-lx0lku5j0u] { background: var(--ef-color-modified); }

/* ----- Sections (EfFormSection) ----- */
.frm-sections[b-lx0lku5j0u] { grid-area: main; min-width: 0; display: flex; flex-direction: column; gap: 10px; }

.frm-note[b-lx0lku5j0u] { font-size: 11px; color: var(--ef-color-text-muted); background: var(--ef-color-surface-muted); border: 1px solid var(--ef-color-border); border-radius: 7px; padding: 9px; margin-bottom: 10px; }
.frm-note--after[b-lx0lku5j0u] { margin: 10px 0 0; }

.frm-value[b-lx0lku5j0u] { padding: 7px 2px; font-weight: 650; min-height: 34px; overflow-wrap: anywhere; }
.frm-lookup[b-lx0lku5j0u] { display: flex; gap: 4px; width: 100%; }

.frm-subhead[b-lx0lku5j0u] { font-weight: 850; border-bottom: 1px solid var(--ef-color-border); padding-bottom: 6px; margin: 14px 0 10px; }
.frm-stats[b-lx0lku5j0u] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }

/* ----- Line grid ----- */
.frm-grid[b-lx0lku5j0u] { border: 1px solid var(--ef-color-border); border-radius: 9px; overflow: hidden; background: var(--ef-color-surface); display: flex; flex-direction: column; }
.frm-gridhead[b-lx0lku5j0u] { background: var(--ef-color-surface-muted); border-bottom: 1px solid var(--ef-color-border); display: flex; justify-content: space-between; align-items: center; gap: 7px; flex-wrap: wrap; padding: 9px; }
.frm-gridhead small[b-lx0lku5j0u] { display: block; color: var(--ef-color-text-muted); font-size: 10px; }
.frm-gridtools[b-lx0lku5j0u] { display: flex; gap: 5px; }
.frm-gridtable[b-lx0lku5j0u] { max-height: 340px; min-height: 110px; flex: 1; }
/* Bare ef- inputs in the grid cells look like plain cells until focused. */
.frm-gridtable[b-lx0lku5j0u]  td .ef-input {
    padding: 6px 3px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: var(--ef-color-text);
    width: 100%;
    min-height: 30px;
    font: inherit;
}
.frm-gridtable[b-lx0lku5j0u]  td .ef-input:focus { border-color: var(--ef-color-primary); background: var(--ef-color-surface); outline: none; }
.frm-gridtable[b-lx0lku5j0u]  td select option { background: var(--ef-color-surface); color: var(--ef-color-text); }
.frm-center[b-lx0lku5j0u] { text-align: center; }
.frm-center[b-lx0lku5j0u]  .ef-check { align-items: center; }
.frm-rowtools[b-lx0lku5j0u] { white-space: nowrap; }
tr.frm-row--modified td:first-child[b-lx0lku5j0u] { box-shadow: inset 3px 0 var(--ef-color-modified); }
tr.frm-row--new td:first-child[b-lx0lku5j0u] { box-shadow: inset 3px 0 var(--ef-color-success); }
.frm-gridtotal[b-lx0lku5j0u] { background: var(--ef-color-surface-muted); border-top: 1px solid var(--ef-color-border); display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; padding: 9px; font-size: 11px; color: var(--ef-color-text-muted); }
.frm-gridtotal > div[b-lx0lku5j0u] { display: flex; gap: 11px; flex-wrap: wrap; }
.frm-gridtotal b[b-lx0lku5j0u] { color: var(--ef-color-text); }

.frm-grid--max[b-lx0lku5j0u] { position: fixed; inset: 24px; z-index: 30; border: 2px solid var(--ef-color-primary); box-shadow: 0 24px 80px #07172b66; }
.frm-grid--max .frm-gridtable[b-lx0lku5j0u] { max-height: none; }

/* ----- Workflow timeline and activity ----- */
.frm-timeline[b-lx0lku5j0u] { padding: 3px 0; }
.frm-event[b-lx0lku5j0u] { display: flex; gap: 10px; min-height: 52px; }
.frm-event--flat[b-lx0lku5j0u] { min-height: 0; padding-bottom: 10px; }
.frm-rail[b-lx0lku5j0u] { width: 24px; display: flex; flex-direction: column; align-items: center; }
.frm-evicon[b-lx0lku5j0u] { width: 24px; height: 24px; border-radius: 50%; background: var(--ef-color-tint); color: var(--ef-color-primary); display: grid; place-items: center; font-size: 11px; flex-shrink: 0; }
.frm-evline[b-lx0lku5j0u] { width: 2px; background: var(--ef-color-border); flex: 1; min-height: 14px; }
.frm-evdetail[b-lx0lku5j0u] { flex: 1; padding-bottom: 12px; min-width: 0; }
.frm-evdetail b[b-lx0lku5j0u] { font-size: 11px; }
.frm-evdetail small[b-lx0lku5j0u] { color: var(--ef-color-text-muted); font-size: 10px; display: block; }
.frm-evcomment[b-lx0lku5j0u] { color: var(--ef-color-text-muted); background: var(--ef-color-surface-muted); border-radius: 6px; padding: 6px 8px; font-size: 10px; margin-top: 5px; }
.frm-current[b-lx0lku5j0u] { padding: 9px; border: 1px dashed var(--ef-color-primary); border-radius: 7px; color: var(--ef-color-primary); background: var(--ef-color-tint); font-weight: 750; }
.frm-wfbar[b-lx0lku5j0u] { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; padding: 10px 0 0; }

/* ----- ONE Finding ----- */
.frm-finding[b-lx0lku5j0u] { grid-area: find; position: sticky; top: 0; background: var(--ef-color-surface); border: 1px solid var(--ef-color-border); border-radius: 10px; padding: 12px 10px; }
.frm-findhead[b-lx0lku5j0u] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.frm-findhead h3[b-lx0lku5j0u] { margin: 0; font-size: 13px; display: flex; align-items: center; gap: 6px; color: var(--ef-color-primary); }
.frm-findboxes[b-lx0lku5j0u] { display: grid; gap: 8px; }
.frm-findbox[b-lx0lku5j0u] { background: var(--ef-color-surface-muted); border: 1px solid var(--ef-color-border); padding: 9px; border-radius: 8px; font-size: 11px; color: var(--ef-color-text-muted); }
.frm-findbox b[b-lx0lku5j0u] { display: block; color: var(--ef-color-text); margin-bottom: 3px; }
.frm-findactions[b-lx0lku5j0u] { display: flex; flex-direction: column; gap: 6px; margin: 10px 0 8px; }

/* ----- Bottom toolbar ----- */
.frm-bottom[b-lx0lku5j0u] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin-top: 6px;
    background: var(--ef-color-surface);
    border: 1px solid var(--ef-color-border);
    border-radius: 10px;
    padding: 8px 11px;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 -6px 18px #1a2d4a14;
}
.frm-bottom > small[b-lx0lku5j0u] { font-size: 10px; color: var(--ef-color-text-muted); }
.frm-bottomtools[b-lx0lku5j0u] { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.frm-nextsec[b-lx0lku5j0u] { display: none; }

/* ----- Dialog content (EfModal) ----- */
.frm-dialogtext[b-lx0lku5j0u] { margin: 0; line-height: 1.55; }
.frm-lookupresults[b-lx0lku5j0u] { display: grid; gap: 5px; max-height: 265px; overflow: auto; margin-top: 10px; }
.frm-lookupresults button[b-lx0lku5j0u] { border: 1px solid var(--ef-color-border); border-radius: 7px; background: var(--ef-color-surface); color: var(--ef-color-text); padding: 9px; text-align: left; font-size: 11px; }
.frm-lookupresults button:hover[b-lx0lku5j0u] { background: var(--ef-color-tint); border-color: var(--ef-color-primary); }
.frm-lookupresults small[b-lx0lku5j0u] { display: block; color: var(--ef-color-text-muted); }
.frm-paper[b-lx0lku5j0u] { background: #fff; color: #293850; padding: 15px; border: 1px solid #dce3ea; border-radius: 6px; }
.frm-paper h3[b-lx0lku5j0u] { margin: 10px 0; font-size: 14px; }
.frm-paper p[b-lx0lku5j0u] { font-size: 11px; }
.frm-paper-total[b-lx0lku5j0u] { text-align: right; }
.frm-paper-table[b-lx0lku5j0u]  th, .frm-paper-table[b-lx0lku5j0u]  td { color: #293850; border-bottom-color: #e1e7ef; }
.frm-paper-table[b-lx0lku5j0u]  th { background: #f4f6fa; }

/* ----- Responsive: tablet (Finding moves above the sections) ----- */
@media (max-width: 1120px) {
    .frm-layout[b-lx0lku5j0u], .frm-layout.frm-layout--nofinding[b-lx0lku5j0u] { grid-template-columns: 150px minmax(0, 1fr); }
    .frm-layout[b-lx0lku5j0u] { grid-template-areas: "nav find" "nav main"; }
    .frm-layout.frm-layout--nofinding[b-lx0lku5j0u] { grid-template-areas: "nav main"; }
    .frm-finding[b-lx0lku5j0u] { position: static; }
    .frm-findboxes[b-lx0lku5j0u] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .frm-findactions[b-lx0lku5j0u] { flex-direction: row; }
}

/* ----- Responsive: mobile (one section at a time, selector + Next) ----- */
@media (max-width: 820px) {
    .frm-mobilenav[b-lx0lku5j0u] { display: flex; }
    .frm-layout[b-lx0lku5j0u], .frm-layout.frm-layout--nofinding[b-lx0lku5j0u] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "find" "main"; }
    .frm-layout.frm-layout--nofinding[b-lx0lku5j0u] { grid-template-areas: "main"; }
    .frm-nav[b-lx0lku5j0u] { display: none; }
    .frm-findboxes[b-lx0lku5j0u] { grid-template-columns: minmax(0, 1fr); }
    .frm-sections[b-lx0lku5j0u]  .ef-section:not(.ef-section--active) { display: none; }
    .frm-stats[b-lx0lku5j0u] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .frm-compact[b-lx0lku5j0u], .frm-bottom > small[b-lx0lku5j0u] { display: none; }
    .frm-nextsec[b-lx0lku5j0u] { display: inline-flex; }
    .frm-grid--max[b-lx0lku5j0u] { inset: 8px; }
}
/* /Components/Pages/Tenants/TenantProfile.razor.rz.scp.css */
/* TEN-02 tenant profile ("Full Profile" page of the reusable listing prototype).
   Buttons, badges, tabs, the field list and notes are ef- components; only the page layout is styled here.
   Every class is prefixed prf- so the global #one shell rules never collide with it. */

.prf-page[b-0290rohym7] {
  font-size: 13px;
  line-height: 1.45;
}

.prf-inline[b-0290rohym7] {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  align-items: center;
}



.prf-lead[b-0290rohym7] {
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--ef-color-text-muted);
}

.prf-muted[b-0290rohym7] {
  color: var(--ef-color-text-muted);
  font-size: 11px;
}

.prf-panel[b-0290rohym7] {
  background: var(--ef-color-surface);
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  overflow: hidden;
}

.prf-namebar[b-0290rohym7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px;
  border-bottom: 1px solid var(--ef-color-border);
}

.prf-namebar__who[b-0290rohym7] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.prf-avatar[b-0290rohym7] {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: var(--ef-color-selected);
  color: var(--ef-color-primary);
  font-weight: 900;
}

.prf-name[b-0290rohym7] {
  font-size: 14px;
}

/* The tab strip sits inside the panel: indent it like the panel content. */
.prf-panel[b-0290rohym7]  .prf-tabs .ef-tabs__list {
  padding: 0 14px;
}

.prf-body[b-0290rohym7] {
  padding: 16px;
}






.prf-finding[b-0290rohym7] {
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 10px;
}

.prf-finding__top[b-0290rohym7] {
  display: flex;
  justify-content: space-between;
  gap: 7px;
  align-items: start;
}

.prf-finding__title[b-0290rohym7] {
  display: block;
  font-size: 12px;
  margin-top: 8px;
}

.prf-footer[b-0290rohym7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid var(--ef-color-border);
  padding: 12px 18px;
}

@media (max-width: 639px) {
  .prf-footer[b-0290rohym7] {
    padding: 12px;
  }
}
/* /Components/Pages/Tenants/TenantRegistry.razor.rz.scp.css */
/* TEN-02 Tenant Registry: reusable listing ported from Unified_UI/modules/reusable-listing.html.
   Buttons, inputs, badges, chips, KPIs, menu, tabs, pagination, dialog and drawer are ef- components;
   this file keeps the page layout (shell, rail, panel bars, table, Kanban, import wizard, findings cards).
   Every class is prefixed lst- so the global #one shell rules never collide with it. */

.lst-page[b-vjf9qt8fx4] {
  font-size: 13px;
  line-height: 1.45;
}

/* ---------- Layout ---------- */
.lst-shell[b-vjf9qt8fx4] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 225px;
  gap: 14px;
  align-items: start;
}

.lst-shell--norail[b-vjf9qt8fx4] {
  grid-template-columns: minmax(0, 1fr);
}

.lst-content[b-vjf9qt8fx4] {
  min-width: 0;
}

.lst-inline[b-vjf9qt8fx4] {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  align-items: center;
}

.lst-spread[b-vjf9qt8fx4] {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
}

/* ---------- Type ---------- */
.lst-eyebrow[b-vjf9qt8fx4] {
  font-size: 10px;
  font-weight: 850;
  color: var(--ef-color-link);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 5px;
}


.lst-lead[b-vjf9qt8fx4] {
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--ef-color-text-muted);
}

.lst-muted[b-vjf9qt8fx4] {
  color: var(--ef-color-text-muted);
  font-size: 11px;
}

.lst-small[b-vjf9qt8fx4] {
  font-size: 11px;
}

.lst-sub[b-vjf9qt8fx4] {
  font-size: 10px;
  color: var(--ef-color-text-muted);
  margin-top: 3px;
}

.lst-gap-top[b-vjf9qt8fx4],
.lst-page[b-vjf9qt8fx4]  .lst-gap-top {
  margin-top: 8px;
}

.lst-gap-block[b-vjf9qt8fx4] {
  margin: 12px 0;
}

/* ---------- Bare ef- inputs (Bare="true" renders only the control, unstyled) ---------- */
.lst-page[b-vjf9qt8fx4]  .lst-input {
  width: 100%;
  min-width: 0;
  height: 36px;
  border-radius: var(--ef-radius-md);
  border: 1px solid var(--ef-color-border);
  padding: 8px 10px;
  background: var(--ef-color-surface);
  color: var(--ef-color-text);
  font: inherit;
}

.lst-page[b-vjf9qt8fx4]  .lst-input::placeholder {
  color: var(--ef-color-text-muted);
}

.lst-page[b-vjf9qt8fx4]  .lst-input:disabled {
  background: var(--ef-color-bg);
  color: var(--ef-color-text-muted);
  opacity: .66;
}

.lst-page[b-vjf9qt8fx4]  .lst-input:focus-visible {
  outline: 2px solid var(--ef-color-primary);
  outline-offset: 2px;
}

.lst-page input[type=checkbox][b-vjf9qt8fx4] {
  accent-color: var(--ef-color-primary);
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
}

.lst-page[b-vjf9qt8fx4]  .lst-is-open {
  border-color: var(--ef-color-primary);
}

/* ---------- Focus bar and KPIs ---------- */
.lst-focusbar[b-vjf9qt8fx4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  border: 1px solid var(--ef-color-border);
  background: var(--ef-color-surface);
  border-radius: 9px;
  padding: 9px 12px;
  margin-bottom: 12px;
}

.lst-focusbar strong[b-vjf9qt8fx4] {
  font-size: 12px;
}

.lst-kpis[b-vjf9qt8fx4] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 12px;
}

/* ---------- Panel, toolbar, saved views, filters ---------- */
.lst-panel[b-vjf9qt8fx4] {
  background: var(--ef-color-surface);
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  overflow: hidden;
}

.lst-toolbar[b-vjf9qt8fx4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 12px;
  border-bottom: 1px solid var(--ef-color-border);
}

.lst-toolbar__actions[b-vjf9qt8fx4] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.lst-saved[b-vjf9qt8fx4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 9px 12px;
  background: var(--ef-color-surface-muted);
  border-bottom: 1px solid var(--ef-color-border);
}

.lst-saved__pick[b-vjf9qt8fx4] {
  display: flex;
  gap: 7px;
  align-items: center;
}

.lst-saved__pick strong[b-vjf9qt8fx4] {
  color: var(--ef-color-link);
  white-space: nowrap;
}

.lst-saved[b-vjf9qt8fx4]  .lst-saved__select {
  width: 170px;
  color: var(--ef-color-link);
  font-weight: 750;
}

.lst-panel[b-vjf9qt8fx4]  .lst-filterbar {
  padding: 10px 12px;
}

.lst-panel[b-vjf9qt8fx4]  .lst-filterbar select.ef-input {
  flex: 1 1 90px;
  min-width: 90px;
  max-width: 155px;
}

/* ---------- Advanced filters + condition builder ---------- */
.lst-advanced[b-vjf9qt8fx4] {
  padding: 21px 25px 23px;
  background: var(--ef-color-surface-muted);
  border-top: 1px solid var(--ef-color-border);
}

.lst-divider[b-vjf9qt8fx4] {
  height: 1px;
  background: var(--ef-color-border);
  margin: 19px 0 17px;
}

.lst-cond-head[b-vjf9qt8fx4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.lst-cond-list[b-vjf9qt8fx4] {
  display: grid;
  gap: 9px;
}

.lst-cond-row[b-vjf9qt8fx4] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 38px;
  align-items: center;
  gap: 8px;
}

.lst-cond-row[b-vjf9qt8fx4]  .lst-input {
  height: 40px;
  padding: 8px 11px;
}

.lst-cond-foot[b-vjf9qt8fx4] {
  font-size: 10px;
  color: var(--ef-color-text-muted);
  margin-top: 12px;
}

/* ---------- Result + selection bars ---------- */
.lst-resultbar[b-vjf9qt8fx4] {
  padding: 9px 12px;
  background: var(--ef-color-surface-muted);
  border-block: 1px solid var(--ef-color-border);
  display: flex;
  justify-content: space-between;
  gap: 9px;
  flex-wrap: wrap;
  color: var(--ef-color-text-muted);
  font-size: 11px;
}

.lst-selection[b-vjf9qt8fx4] {
  padding: 9px 12px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid var(--ef-color-border);
}

.lst-selection.lst-is-selected[b-vjf9qt8fx4] {
  background: var(--ef-color-selected);
}

.lst-selection[b-vjf9qt8fx4]  .lst-sel-label {
  font-weight: 750;
  white-space: nowrap;
}

.lst-sel-count[b-vjf9qt8fx4] {
  font-weight: 900;
  color: var(--ef-color-link);
}

.lst-sel-controls[b-vjf9qt8fx4] {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  margin-left: auto;
}

/* ---------- Table ---------- */
.lst-scroll[b-vjf9qt8fx4] {
  height: 420px;
  overflow: auto;
  scrollbar-width: thin;
}

.lst-page--focus .lst-scroll[b-vjf9qt8fx4] {
  height: 620px;
}






.lst-th-check[b-vjf9qt8fx4] {
  width: 36px;
}




.lst-name[b-vjf9qt8fx4] {
  font-weight: 850;
  font-size: 12px;
  color: var(--ef-color-text);
  text-decoration: none;
}

.lst-name:hover[b-vjf9qt8fx4] {
  color: var(--ef-color-link);
  text-decoration: underline;
}

.lst-code[b-vjf9qt8fx4] {
  font-family: var(--ef-font-family-mono);
  font-size: 11px;
}

/* ---------- Kanban ---------- */
.lst-lanes[b-vjf9qt8fx4] {
  display: grid;
  grid-template-columns: repeat(6, minmax(200px, 1fr));
  gap: 10px;
  padding: 10px;
}

.lst-lane[b-vjf9qt8fx4] {
  min-width: 0;
  border: 1px solid var(--ef-color-border);
  border-radius: 9px;
  background: var(--ef-color-surface-muted);
  padding: 9px;
}

.lst-lane__head[b-vjf9qt8fx4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 9px;
  font-weight: 850;
}

.lst-lane__cards[b-vjf9qt8fx4] {
  display: grid;
  gap: 8px;
}

.lst-card[b-vjf9qt8fx4] {
  min-width: 0;
  border: 1px solid var(--ef-color-border);
  background: var(--ef-color-surface);
  border-radius: 9px;
  padding: 10px;
  overflow-wrap: anywhere;
}

.lst-card.lst-is-selected[b-vjf9qt8fx4] {
  border-color: var(--ef-color-primary);
  background: var(--ef-color-selected);
}

.lst-card__top[b-vjf9qt8fx4] {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 6px;
}

.lst-card__title[b-vjf9qt8fx4] {
  min-width: 0;
}

.lst-card__tags[b-vjf9qt8fx4] {
  margin-top: 7px;
}

.lst-card__foot[b-vjf9qt8fx4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--ef-color-border);
}

/* ---------- Pagination + panel foot ---------- */
.lst-panel[b-vjf9qt8fx4]  .lst-pagination {
  padding: 10px 12px;
  border-top: 1px solid var(--ef-color-border);
}

.lst-panel-foot[b-vjf9qt8fx4] {
  padding: 10px 12px;
  border-top: 1px solid var(--ef-color-border);
  font-size: 10px;
  color: var(--ef-color-text-muted);
}

/* ---------- Right rail ---------- */
.lst-rail[b-vjf9qt8fx4] {
  background: var(--ef-color-surface);
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  padding: 15px 10px;
  position: sticky;
  top: 0;
}

.lst-rail__head[b-vjf9qt8fx4] {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  align-items: center;
  margin-bottom: 12px;
}

.lst-rail__current[b-vjf9qt8fx4] {
  border-radius: 8px;
  padding: 10px;
  background: var(--ef-color-selected);
  overflow-wrap: anywhere;
}

.lst-rail__caption[b-vjf9qt8fx4] {
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .8px;
  color: var(--ef-color-text-muted);
  margin: 15px 0 8px;
}




.lst-rail__note[b-vjf9qt8fx4] {
  margin-top: 12px;
}

/* ---------- Dialog content ---------- */
.lst-page[b-vjf9qt8fx4]  .lst-foot-start {
  margin-right: auto;
}

.lst-note[b-vjf9qt8fx4] {
  border: 1px solid var(--ef-color-border);
  border-radius: 9px;
  background: var(--ef-color-surface-muted);
  padding: 10px 12px;
  font-size: 11px;
  color: var(--ef-color-text-muted);
  margin: 12px 0;
}

.lst-note--flush[b-vjf9qt8fx4] {
  margin: 0;
}

.lst-page[b-vjf9qt8fx4]  .lst-alert {
  margin: 12px 0;
}

.lst-hint[b-vjf9qt8fx4] {
  font-size: 11px;
  color: var(--ef-color-text-muted);
  margin-top: 7px;
}

.lst-column-list[b-vjf9qt8fx4] {
  display: grid;
  margin-top: 8px;
}

.lst-column-list[b-vjf9qt8fx4]  .ef-check {
  padding: 4px 7px;
  border-bottom: 1px solid var(--ef-color-border);
}

.lst-row-actions[b-vjf9qt8fx4] {
  display: grid;
  gap: 8px;
}

.lst-row-actions[b-vjf9qt8fx4]  .lst-row-action {
  justify-content: flex-start;
}

/* Import wizard */
.lst-stepper[b-vjf9qt8fx4] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
  margin-bottom: 16px;
}

.lst-step[b-vjf9qt8fx4] {
  border: 0;
  background: transparent;
  text-align: center;
  color: var(--ef-color-text-muted);
  padding: 4px 2px;
  min-width: 0;
  font: inherit;
  font-size: 10px;
  font-weight: 750;
  cursor: pointer;
}

.lst-step:disabled[b-vjf9qt8fx4] {
  cursor: default;
}

.lst-step:focus-visible[b-vjf9qt8fx4] {
  outline: 2px solid var(--ef-focus-color);
  outline-offset: 2px;
}

.lst-step__bubble[b-vjf9qt8fx4] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin: 0 auto 6px;
  border: 1px solid var(--ef-color-border);
  display: grid;
  place-items: center;
  background: var(--ef-color-surface-muted);
  font-weight: 850;
}

.lst-step.lst-is-current[b-vjf9qt8fx4] {
  color: var(--ef-color-link);
}

.lst-step.lst-is-current .lst-step__bubble[b-vjf9qt8fx4] {
  background: var(--ef-color-primary);
  color: var(--ef-color-on-primary);
  border-color: var(--ef-color-primary);
}

.lst-step.lst-is-done .lst-step__bubble[b-vjf9qt8fx4] {
  background: var(--ef-color-success-bg);
  color: var(--ef-color-success);
  border-color: var(--ef-color-success-bg);
}

.lst-page[b-vjf9qt8fx4]  .lst-radio-cards {
  margin-top: 12px;
}




.lst-wizard-area[b-vjf9qt8fx4] {
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  padding: 15px;
  margin: 9px 0 12px;
}

.lst-maprow[b-vjf9qt8fx4] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 25px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--ef-color-border);
}

.lst-maprow[b-vjf9qt8fx4]  .lst-input {
  height: 33px;
  padding: 5px 8px;
}

.lst-maprow__arrow[b-vjf9qt8fx4] {
  text-align: center;
  color: var(--ef-color-text-muted);
}

.lst-summary-cards[b-vjf9qt8fx4] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.lst-import-table[b-vjf9qt8fx4] {
  margin-top: 12px;
}


/* ---------- ONE Findings drawer content ---------- */
.lst-drawer__controls[b-vjf9qt8fx4] {
  padding-bottom: 13px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--ef-color-border);
  display: grid;
  gap: 9px;
}

.lst-drawer__controls[b-vjf9qt8fx4]  .lst-severity-tabs .ef-tabs__list {
  display: flex;
}

.lst-drawer__controls[b-vjf9qt8fx4]  .lst-severity-tabs .ef-tabs__tab {
  flex: 1;
  justify-content: center;
}

.lst-drawer__row[b-vjf9qt8fx4] {
  display: flex;
  gap: 6px;
}

.lst-drawer__foot[b-vjf9qt8fx4] {
  color: var(--ef-color-text-muted);
  font-size: 10px;
  margin-right: auto;
}

.lst-finding[b-vjf9qt8fx4] {
  border: 1px solid var(--ef-color-border);
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 11px;
}

.lst-finding__top[b-vjf9qt8fx4] {
  display: flex;
  justify-content: space-between;
  gap: 7px;
  align-items: start;
}

.lst-finding__title[b-vjf9qt8fx4] {
  font-size: 12px;
  line-height: 1.35;
  margin: 8px 0 4px;
}

.lst-finding__tenant[b-vjf9qt8fx4] {
  font-size: 11px;
}

.lst-finding__text[b-vjf9qt8fx4] {
  font-size: 11px;
  line-height: 1.48;
  color: var(--ef-color-text-muted);
  margin: 4px 0 0;
}

.lst-finding__meta[b-vjf9qt8fx4] {
  margin: 9px 0;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

.lst-finding__actions[b-vjf9qt8fx4] {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 11px;
}

.lst-compare[b-vjf9qt8fx4] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 10px;
}

.lst-compare__card[b-vjf9qt8fx4] {
  border: 1px solid var(--ef-color-border);
  border-radius: 9px;
  padding: 11px;
  background: var(--ef-color-surface-muted);
}

.lst-compare__card[b-vjf9qt8fx4]  .lst-compare__list {
  margin-top: 8px;
  gap: 8px;
}

.lst-review-box[b-vjf9qt8fx4] {
  padding: 12px;
  border-radius: 9px;
  background: var(--ef-color-selected);
  margin: 11px 0;
}

/* ---------- Responsive ---------- */
@media (max-width: 1160px) {
  .lst-shell[b-vjf9qt8fx4] {
    grid-template-columns: minmax(0, 1fr) 205px;
  }

  .lst-shell--norail[b-vjf9qt8fx4] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1023px) {
  .lst-shell[b-vjf9qt8fx4],
  .lst-shell--norail[b-vjf9qt8fx4] {
    grid-template-columns: minmax(0, 1fr);
  }

  .lst-rail[b-vjf9qt8fx4],
  .lst-focusbar[b-vjf9qt8fx4]  .lst-desktop-only {
    display: none;
  }
}

@media (max-width: 760px) {
  .lst-advanced[b-vjf9qt8fx4] {
    padding: 15px;
  }

  .lst-cond-row[b-vjf9qt8fx4] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 37px;
  }

  .lst-cond-row[b-vjf9qt8fx4]  .lst-cond-value {
    grid-column: 1 / -1;
    order: 4;
  }
}

@media (max-width: 639px) {
  .lst-kpis[b-vjf9qt8fx4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .lst-panel[b-vjf9qt8fx4]  .lst-filterbar select.ef-input {
    max-width: none;
  }

  .lst-sel-controls[b-vjf9qt8fx4] {
    margin-left: 0;
    width: 100%;
  }

  .lst-scroll[b-vjf9qt8fx4] {
    height: 460px;
  }

  .lst-compare[b-vjf9qt8fx4] {
    grid-template-columns: 1fr;
  }

  .lst-stepper[b-vjf9qt8fx4] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 8px;
  }

  .lst-summary-cards[b-vjf9qt8fx4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* /Components/Pages/Tenants/TenantReports.razor.rz.scp.css */
/* Tenant master reports (ported from Unified_UI/modules/master-report.html).
   Header, buttons, criteria card, badges, chips and the ONE Finding drawer are ef- components;
   only the page layout, report catalogue, results table and mobile cards are styled here.
   Every class starts with mrp- so global #one rules never collide. */

.mrp-page[b-7xs9mg5s4t] {
    container-type: inline-size;
    display: grid;
    grid-template-columns: 216px minmax(0, 1fr);
    gap: 16px;
    margin-top: 10px;
    align-items: start;
}

/* Report catalogue */
.mrp-catalog[b-7xs9mg5s4t] {
    background: var(--ef-color-surface);
    border: 1px solid var(--ef-color-border);
    border-radius: 10px;
    padding: 15px 9px;
    position: sticky;
    top: 0;
}

.mrp-catalog-title[b-7xs9mg5s4t] { font-size: 12px; padding: 0 8px; display: block; }
.mrp-catalog-sub[b-7xs9mg5s4t] { font-size: 10px; color: var(--ef-color-text-muted); display: block; margin-top: 3px; padding: 0 8px; }

.mrp-category[b-7xs9mg5s4t] {
    font-weight: 800;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--ef-color-text-muted);
    letter-spacing: .5px;
    padding: 14px 8px 6px;
}

.mrp-reportitem[b-7xs9mg5s4t] {
    border: 0;
    width: 100%;
    background: transparent;
    color: var(--ef-color-text-muted);
    text-align: left;
    border-radius: 7px;
    padding: 9px 8px;
    font-size: 11px;
    line-height: 1.4;
    cursor: pointer;
}

.mrp-reportitem:hover[b-7xs9mg5s4t] { background: var(--ef-color-tint); }
.mrp-reportitem.mrp-active[b-7xs9mg5s4t] { background: var(--ef-color-tint); color: var(--ef-color-primary); font-weight: 800; }

.mrp-content[b-7xs9mg5s4t] { min-width: 0; }

.mrp-row[b-7xs9mg5s4t] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.mrp-space[b-7xs9mg5s4t] { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }

/* Mobile report picker (shown only on narrow widths) */
.mrp-picker[b-7xs9mg5s4t] { display: none; margin-bottom: 10px; }

/* Cards */
.mrp-stack[b-7xs9mg5s4t] { display: grid; gap: 11px; }

.mrp-card[b-7xs9mg5s4t] {
    background: var(--ef-color-surface);
    border: 1px solid var(--ef-color-border);
    border-radius: 10px;
    overflow: hidden;
}

.mrp-reporthead[b-7xs9mg5s4t] { display: flex; gap: 9px; align-items: flex-start; padding: 13px; }

.mrp-reporticon[b-7xs9mg5s4t] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 37px;
    height: 37px;
    border-radius: 9px;
    background: var(--ef-color-tint);
    color: var(--ef-color-primary);
}

#one .mrp-reporticon[b-7xs9mg5s4t]  svg { width: 20px; height: 20px; }

.mrp-reporthead h2[b-7xs9mg5s4t] { margin: 0; font-size: 15px; }
.mrp-reporthead p[b-7xs9mg5s4t] { font-size: 11px; color: var(--ef-color-text-muted); margin: 4px 0; }
.mrp-muted[b-7xs9mg5s4t] { color: var(--ef-color-text-muted); font-size: 10px; }

/* Criteria (inside EfCard) */
.mrp-criteria-summary[b-7xs9mg5s4t] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.mrp-filterhelp[b-7xs9mg5s4t] { font-size: 10px; color: var(--ef-color-text-muted); }

.mrp-filters[b-7xs9mg5s4t] {
    display: grid;
    grid-template-columns: minmax(150px, 1.5fr) minmax(105px, 1fr) auto;
    align-items: end;
    gap: 8px;
}

.mrp-filteractions[b-7xs9mg5s4t] { display: flex; gap: 6px; align-items: center; }

/* Results */


.mrp-name[b-7xs9mg5s4t] { font-weight: 800; color: var(--ef-color-primary); }

.mrp-resultfoot[b-7xs9mg5s4t] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 10px;
}

.mrp-manage[b-7xs9mg5s4t] { justify-content: flex-end; margin-top: 13px; }
.mrp-hint[b-7xs9mg5s4t] { font-size: 10px; color: var(--ef-color-text-muted); padding: 6px 0; }

/* Mobile cards (hidden on wide screens) */
.mrp-mobilecards[b-7xs9mg5s4t], .mrp-mobilemore[b-7xs9mg5s4t] { display: none; }
.mrp-record[b-7xs9mg5s4t] { border: 1px solid var(--ef-color-border); border-radius: 9px; padding: 11px; background: var(--ef-color-surface); }
.mrp-recordname[b-7xs9mg5s4t] { font-size: 12px; font-weight: 850; overflow-wrap: anywhere; }
.mrp-recordgrid[b-7xs9mg5s4t] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 11px; }
.mrp-recordlabel[b-7xs9mg5s4t] { display: block; font-size: 9px; color: var(--ef-color-text-muted); margin-bottom: 3px; }
.mrp-recordgrid div[b-7xs9mg5s4t] { font-size: 11px; overflow-wrap: anywhere; }

/* ONE Finding drawer content (EfDrawer) */
.mrp-findingfooter[b-7xs9mg5s4t] { margin: 0; font-size: 10px; color: var(--ef-color-text-muted); }

.mrp-findingcard[b-7xs9mg5s4t] { border: 1px solid var(--ef-color-border); border-radius: 10px; padding: 12px; margin-bottom: 9px; background: var(--ef-color-surface); }
.mrp-findingcard.mrp-reviewed[b-7xs9mg5s4t] { background: var(--ef-color-bg); }
.mrp-findingcard h3[b-7xs9mg5s4t] { margin: 8px 0 4px; font-size: 12px; }
.mrp-findingcard p[b-7xs9mg5s4t] { color: var(--ef-color-text-muted); font-size: 11px; line-height: 1.5; margin: 7px 0; }

.mrp-evidence[b-7xs9mg5s4t] {
    margin: 9px 0;
    padding: 9px;
    background: var(--ef-color-bg);
    border-left: 3px solid var(--ef-color-accent);
    border-radius: 4px;
    font-size: 10px;
    color: var(--ef-color-text-muted);
}

.mrp-meta[b-7xs9mg5s4t] { font-size: 10px; color: var(--ef-color-text-muted); }
.mrp-cardactions[b-7xs9mg5s4t] { margin-top: 10px; }

/* Responsive (container queries on the page, as in the prototype) */
@container (max-width: 920px) {
    .mrp-page[b-7xs9mg5s4t] { grid-template-columns: 165px minmax(0, 1fr); }
    .mrp-catalog[b-7xs9mg5s4t] { padding: 12px 6px; }
    .mrp-reportitem[b-7xs9mg5s4t] { font-size: 10px; }
    .mrp-filters[b-7xs9mg5s4t] { grid-template-columns: 1fr 1fr; }
    .mrp-filteractions[b-7xs9mg5s4t] { grid-column: 1 / -1; justify-content: flex-end; }
}

@container (max-width: 650px) {
    .mrp-page[b-7xs9mg5s4t] { display: block; }
    .mrp-catalog[b-7xs9mg5s4t] { display: none; }
    .mrp-picker[b-7xs9mg5s4t] { display: block; }
    .mrp-reporthead[b-7xs9mg5s4t] { padding: 11px; }
    .mrp-reporthead h2[b-7xs9mg5s4t] { font-size: 13px; }
    .mrp-reporthead p[b-7xs9mg5s4t] { font-size: 10px; }
    .mrp-filters[b-7xs9mg5s4t]  .mrp-searchfield, .mrp-filteractions[b-7xs9mg5s4t] { grid-column: 1 / -1; }
    .mrp-filteractions[b-7xs9mg5s4t]  .ef-button { flex: 1; }
    .mrp-tablewrap[b-7xs9mg5s4t] { display: none; }
    .mrp-mobilecards[b-7xs9mg5s4t] { display: grid; gap: 8px; padding: 10px; }
    .mrp-mobilemore[b-7xs9mg5s4t] { display: block; padding: 9px; text-align: center; }
}

@container (max-width: 350px) {
    .mrp-filters[b-7xs9mg5s4t], .mrp-recordgrid[b-7xs9mg5s4t] { grid-template-columns: 1fr; }
}