@import '_content/Toolbelt.Blazor.PWA.Updater/Toolbelt.Blazor.PWA.Updater.bnjuj6nd91.bundle.scp.css';

/* /Pages/Email/BroadcastDetail.razor.rz.scp.css */
.bd-page[b-zogwmy32hm]{
  --ink:#1c2230; --ink-2:#3a4252; --ink-3:#4a5263; --muted:#5b6475; --faint:#8a91a0;
  --card:#ffffff; --line:#dde1e8; --line-2:#eceef2; --chip:#eef0f4; --ctl:#c9ced8;
  --blue:#1f4fb8; --blue-dk:#163a8a; --blue-bg:#dfe8fa; --blue-soft:#eef3fd;
  --green:#146c3d; --green-bg:#e3f3ea; --orange:#a33a1c; --orange-bg:#fbe5dd;
  --amber:#8a5300; --amber-bg:#fdf0d6;
  color:var(--ink); font-size:14px; padding:4px 0 24px;
}
.bd-page button[b-zogwmy32hm]{font-family:inherit;cursor:pointer}
.bd-page :focus-visible[b-zogwmy32hm]{outline:2px solid var(--blue);outline-offset:2px}
.bd-wrap[b-zogwmy32hm]{margin:0 auto;display:flex;flex-direction:column;gap:20px}
.bd-crumbs[b-zogwmy32hm]{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.bd-back[b-zogwmy32hm]{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--ctl);border-radius:6px;background:#fff;color:var(--ink-2)}
.bd-crumbs span[b-zogwmy32hm]{color:var(--muted)}

.bd-card[b-zogwmy32hm]{background:var(--card);border:1px solid var(--line);border-radius:10px}
.bd-head[b-zogwmy32hm]{padding:24px 28px;display:flex;flex-direction:column;gap:10px}
.bd-title[b-zogwmy32hm]{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.bd-title h1[b-zogwmy32hm]{margin:0;font-size:28px;font-weight:600;letter-spacing:-.01em}
.bd-sub[b-zogwmy32hm]{font-size:15px;color:var(--ink-3)}
.bd-meta[b-zogwmy32hm]{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--ink-3)}
.bd-meta span[b-zogwmy32hm]{display:inline-flex;align-items:center;gap:6px}

.pill[b-zogwmy32hm]{display:inline-block;font-size:12px;font-weight:500;padding:3px 9px;border-radius:999px}
.pill.lg[b-zogwmy32hm]{font-size:13px;padding:4px 10px}
.p-opened[b-zogwmy32hm],.p-new[b-zogwmy32hm]{background:var(--blue-bg);color:var(--blue)}
.p-clicked[b-zogwmy32hm]{background:#d6e0f7;color:var(--blue-dk)}
.p-delivered[b-zogwmy32hm],.p-exact[b-zogwmy32hm],.p-completed[b-zogwmy32hm]{background:var(--green-bg);color:var(--green)}
.p-bounced[b-zogwmy32hm],.p-failed[b-zogwmy32hm],.p-complained[b-zogwmy32hm]{background:var(--orange-bg);color:var(--orange)}
.p-skipped[b-zogwmy32hm],.p-read[b-zogwmy32hm],.p-sent[b-zogwmy32hm],.p-archived[b-zogwmy32hm],.p-manual[b-zogwmy32hm]{background:var(--chip);color:var(--ink-2)}
.p-inferred[b-zogwmy32hm],.p-sending[b-zogwmy32hm],.p-draft[b-zogwmy32hm]{background:var(--amber-bg);color:var(--amber)}

.bd-stats[b-zogwmy32hm]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.bd-stat[b-zogwmy32hm]{padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.bd-stat-h[b-zogwmy32hm]{display:flex;justify-content:space-between;align-items:baseline}
.bd-stat-h h2[b-zogwmy32hm]{margin:0;font-size:16px;font-weight:600}
.bd-stat-h span[b-zogwmy32hm]{font-size:13px;color:var(--muted)}
.bd-nums[b-zogwmy32hm]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bd-num b[b-zogwmy32hm]{display:block;font-size:26px;font-weight:600}
.bd-num small[b-zogwmy32hm]{font-size:13px;color:var(--ink-3)}
.c-green[b-zogwmy32hm]{color:var(--green)} .c-orange[b-zogwmy32hm]{color:var(--orange)} .c-muted[b-zogwmy32hm]{color:var(--muted)} .c-blue[b-zogwmy32hm]{color:var(--blue)} .c-amber[b-zogwmy32hm]{color:var(--amber)}
.bd-funnel[b-zogwmy32hm]{display:flex;flex-direction:column;gap:6px}
.bd-funnel-t[b-zogwmy32hm]{font-size:13px;color:var(--ink-3)}
.bd-bar[b-zogwmy32hm]{display:grid;grid-template-columns:80px minmax(0,1fr) 28px;align-items:center;gap:8px;font-size:13px}
.bd-bar .track[b-zogwmy32hm]{height:8px;background:#e8ebf0;border-radius:4px}
.bd-bar .fill[b-zogwmy32hm]{height:8px;border-radius:4px}
.bd-bar span:last-child[b-zogwmy32hm]{text-align:right}
.bd-note[b-zogwmy32hm]{font-size:12px;color:var(--muted);line-height:1.5}
.bd-progress[b-zogwmy32hm]{height:8px;background:#e8ebf0;border-radius:4px}
.bd-progress div[b-zogwmy32hm]{height:8px;border-radius:4px;background:var(--blue)}
.bd-btn[b-zogwmy32hm]{height:40px;padding:0 14px;border:1px solid var(--ctl);border-radius:6px;background:#fff;color:var(--ink);font-size:14px}
.bd-btn.link[b-zogwmy32hm]{color:var(--blue);align-self:flex-start}
.bd-btn.sm[b-zogwmy32hm]{height:36px;padding:0 12px}
.bd-btn:disabled[b-zogwmy32hm]{opacity:.5;cursor:default}

.bd-tabs-card[b-zogwmy32hm]{overflow:hidden}
.bd-tabs[b-zogwmy32hm]{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--line)}
.bd-tab[b-zogwmy32hm]{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 14px;border:0;background:transparent;font-size:15px;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px}
.bd-tab[aria-selected="true"][b-zogwmy32hm]{color:var(--blue);font-weight:600;border-bottom-color:var(--blue)}
.bd-count[b-zogwmy32hm]{font-size:12px;padding:1px 7px;border-radius:999px;background:var(--chip);color:var(--ink-2);font-weight:400}
.bd-count.new[b-zogwmy32hm]{background:var(--blue-bg);color:var(--blue)}

.bd-toolbar[b-zogwmy32hm]{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-2)}
.bd-chips[b-zogwmy32hm]{display:flex;flex-wrap:wrap;gap:6px}
.chip[b-zogwmy32hm]{height:34px;padding:0 12px;border-radius:999px;font-size:13px;border:1px solid var(--ctl);background:#fff;color:var(--ink-2)}
.chip[aria-pressed="true"][b-zogwmy32hm]{background:var(--blue);border-color:var(--blue);color:#fff}
.chip em[b-zogwmy32hm]{font-style:normal;opacity:.75}
.bd-search[b-zogwmy32hm]{display:flex;align-items:center;gap:8px;color:var(--ink-3);margin:0}
.bd-search input[b-zogwmy32hm]{height:36px;width:220px;padding:0 10px;border:1px solid var(--ctl);border-radius:6px;font:inherit}
.bd-table-box[b-zogwmy32hm]{overflow-x:auto}
.bd-table[b-zogwmy32hm]{width:100%;min-width:860px;border-collapse:collapse}
.bd-table th[b-zogwmy32hm]{text-align:left;font-weight:500;font-size:13px;color:var(--ink-3);padding:12px}
.bd-table td[b-zogwmy32hm]{padding:12px;border-top:1px solid var(--line-2);vertical-align:top}
.bd-table th:first-child[b-zogwmy32hm],.bd-table td:first-child[b-zogwmy32hm]{padding-left:20px}
.bd-table th:last-child[b-zogwmy32hm],.bd-table td:last-child[b-zogwmy32hm]{padding-right:20px}
.who b[b-zogwmy32hm]{display:block;font-weight:500;word-break:break-all}
.who small[b-zogwmy32hm]{font-size:13px;color:var(--muted)}
.chan[b-zogwmy32hm]{font-size:12px;padding:2px 8px;border-radius:4px;background:var(--chip);color:var(--ink-2)}
.linkbtn[b-zogwmy32hm]{border:0;background:transparent;padding:0;color:var(--blue);font-size:14px;text-decoration:underline}
.dash[b-zogwmy32hm]{color:var(--faint)}
.note[b-zogwmy32hm]{font-size:13px;color:var(--ink-3)}
.bd-foot[b-zogwmy32hm]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:13px;color:var(--muted);border-top:1px solid var(--line-2)}
.bd-pager[b-zogwmy32hm]{display:flex;gap:6px}
.empty[b-zogwmy32hm]{padding:28px 20px;color:var(--muted)}

.bd-inbox[b-zogwmy32hm]{display:flex;flex-wrap:wrap}
.bd-list[b-zogwmy32hm]{flex:1 1 340px;min-width:0;border-right:1px solid var(--line-2)}
.bd-list-h[b-zogwmy32hm]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line-2);font-size:13px;color:var(--ink-3)}
.msg[b-zogwmy32hm]{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;padding:14px 18px;border:0;border-bottom:1px solid var(--line-2);background:#fff}
.msg[aria-current="true"][b-zogwmy32hm]{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue)}
.msg-top[b-zogwmy32hm]{display:flex;justify-content:space-between;gap:8px;align-items:center}
.msg-top b[b-zogwmy32hm]{font-size:14px}
.msg-top span[b-zogwmy32hm]{font-size:12px;color:var(--muted)}
.msg .from[b-zogwmy32hm]{font-size:13px;color:var(--ink-3)}
.msg .snip[b-zogwmy32hm]{font-size:14px;line-height:1.5;color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.msg .tags[b-zogwmy32hm]{display:flex;gap:6px;flex-wrap:wrap}
.bd-detail[b-zogwmy32hm]{flex:999 1 520px;min-width:0;padding:22px 26px;display:flex;flex-direction:column;gap:18px}
.bd-detail-h[b-zogwmy32hm]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start}
.bd-detail-h .name[b-zogwmy32hm]{font-size:18px;font-weight:600}
.bd-detail-h .sub[b-zogwmy32hm]{color:var(--ink-3)}
.bd-actions[b-zogwmy32hm]{display:flex;gap:8px;flex-wrap:wrap}
.match[b-zogwmy32hm]{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:8px}
.match b[b-zogwmy32hm]{font-size:14px}
.match p[b-zogwmy32hm]{margin:0;font-size:13px;line-height:1.55}
.match.exact[b-zogwmy32hm]{background:#e9f5ee;color:#14532f;border:1px solid #c4e4d0}
.match.inferred[b-zogwmy32hm],.match.manual[b-zogwmy32hm]{background:#fdf3df;color:#6b4100;border:1px solid #f1d9a6}
.thread[b-zogwmy32hm]{display:flex;flex-direction:column;gap:12px}
.bubble[b-zogwmy32hm]{max-width:560px;border-radius:10px;padding:14px 16px}
.bubble small[b-zogwmy32hm]{display:block;font-size:12px;margin-bottom:6px}
.bubble p[b-zogwmy32hm]{margin:0;font-size:14px;line-height:1.6;white-space:pre-line}
.bubble.out[b-zogwmy32hm]{align-self:flex-start;background:#f1f3f7;border:1px solid #e1e5ec}
.bubble.out small[b-zogwmy32hm]{color:var(--muted)}
.bubble.in[b-zogwmy32hm]{align-self:flex-end;background:#e6eefc;border:1px solid #c9d8f5}
.bubble.in small[b-zogwmy32hm]{color:#33508f}
.bd-page details[b-zogwmy32hm]{font-size:13px;color:var(--ink-3)}
.bd-page details summary[b-zogwmy32hm]{cursor:pointer}
.raw[b-zogwmy32hm]{margin-top:8px;font-family:ui-monospace,Consolas,monospace;font-size:12px;background:#f6f7f9;border:1px solid #e1e5ec;border-radius:6px;padding:10px 12px;line-height:1.7;white-space:pre-line}
/* /Pages/Setting/Setting.razor.rz.scp.css */
/* ============================================================
   Settings shell — theme tokens reused from style.css, not new:
   primary #0597DA, active tint #CDEFFF, neutral #f3f4f7/#e7eaee,
   10px radius, soft blue-tinted shadow.
   ============================================================ */

.settings-page[b-fwpwvu4mea] {
    border-color: #e7eaee !important;
}

.settings-title[b-fwpwvu4mea] {
    margin-bottom: 1.1rem;
}

/* ---- Nav card ---- */

.settings-nav-card[b-fwpwvu4mea] {
    background: #ffffff;
    border: 1px solid #e7eaee;
    border-radius: 10px;
    box-shadow: 0 2px 16px rgba(5, 151, 218, 0.06);
    padding: 0.7rem;
}

.notification-tabs.setting-tab[b-fwpwvu4mea] {
    margin-top: 0 !important;
}

.settings-nav-group-label[b-fwpwvu4mea] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #98a1ab;
    padding: 0.85rem 0.6rem 0.35rem;
}

.settings-nav-group-label:first-child[b-fwpwvu4mea] {
    padding-top: 0.35rem;
}

/* Replicates the exact global selector chain from style.css so this scoped
   override wins on specificity without needing !important on layout props. */
.notification-tabs button.tabs_pills_.settings-nav-btn[b-fwpwvu4mea] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 44px;
    padding: 0.5rem 0.7rem;
    margin-bottom: 6px;
    border-radius: 8px;
    background: transparent;
    font-size: 0.9rem;
}

.notification-tabs button.tabs_pills_.settings-nav-btn:hover[b-fwpwvu4mea] {
    background: #f3f4f7;
}

.notification-tabs button.active.settings-nav-btn[b-fwpwvu4mea] {
    background: #CDEFFF;
}

.settings-icon-chip[b-fwpwvu4mea] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #f3f4f7;
    flex-shrink: 0;
}

.notification-tabs button.active .settings-icon-chip[b-fwpwvu4mea] {
    background: rgba(5, 151, 218, 0.14);
}

.settings-icon-chip img[b-fwpwvu4mea] {
    max-width: 16px;
    max-height: 16px;
    margin-right: 0 !important;
}

.settings-nav-label[b-fwpwvu4mea] {
    white-space: normal;
    line-height: 1.25;
    text-align: left;
}

/* ---- Content card ---- */

.settings-content-card[b-fwpwvu4mea] {
    background: #ffffff;
    border: 1px solid #e7eaee;
    border-radius: 10px;
    box-shadow: 0 2px 16px rgba(5, 151, 218, 0.06);
    padding: 1.4rem 1.5rem;
}

#nav-tabContent[b-fwpwvu4mea] {
    margin-top: 0 !important;
}

.settings-content-header[b-fwpwvu4mea] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding-bottom: 1.15rem;
    margin-bottom: 1.15rem;
    border-bottom: 1px solid #e7eaee;
}

.settings-icon-chip-lg[b-fwpwvu4mea] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(5, 151, 218, 0.1);
}

.settings-icon-chip-lg img[b-fwpwvu4mea] {
    max-width: 22px;
    max-height: 22px;
}

.settings-content-title[b-fwpwvu4mea] {
    margin: 0 0 0.15rem;
    font-size: 1.1rem;
    font-weight: 700;
}

.settings-content-desc[b-fwpwvu4mea] {
    margin: 0;
    color: #798290;
    font-size: 0.86rem;
}

/* ============================================================
   Flatten cluttered inner pages via ::deep — zero edits to the
   child .razor files themselves. Every inner page opens with the
   same outer "flex-grow-1 bg-light ... rounded" wrapper; the new
   .settings-content-card above already supplies that framing, so
   neutralize the redundant grey box every one of them adds.
   ============================================================ */

.settings-content-body[b-fwpwvu4mea]  .flex-grow-1.bg-light {
    background: transparent !important;
    padding: 0 !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
}

/* YearSettings.razor's middle "report-grid" box becomes redundant once the
   outer wrapper above is flattened — collapse it so only its innermost
   table card remains. */
.settings-content-body[b-fwpwvu4mea]  .data-report.report-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

/* Empty <h3> left dead space in YearSettings.razor */
.settings-content-body[b-fwpwvu4mea]  h3.fs-26:empty {
    display: none;
}

/* .settings-card / .settings-container (DashboardSettings.razor,
   QuickgroupSettings.razor) have no visual definition anywhere today. */
.settings-content-body[b-fwpwvu4mea]  .settings-card {
    background: #ffffff;
    border: 1px solid #e7eaee;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(5, 151, 218, 0.05);
}

.settings-content-body[b-fwpwvu4mea]  .settings-container {
    padding: 0;
}
/* /Pages/SuperAdmin/RolePermissions.razor.rz.scp.css */
.rp-page[b-hsfs0jplde] {
    --rp-admin: #1f6fd6;
    --rp-admin-soft: #e7f0fd;
    --rp-user: #1f8a4c;
    --rp-user-soft: #e6f6ec;
    --rp-super: #b8860b;
    --rp-super-soft: #fbf1dc;
    --rp-ink: #1c2333;
    --rp-ink-2: #5b6478;
    --rp-ink-3: #98a1b3;
    --rp-line: #e6e9ef;
    --rp-panel: #ffffff;
    --rp-shadow: 0 1px 2px rgba(20, 24, 40, 0.05), 0 8px 24px -12px rgba(20, 24, 40, 0.12);
    background: #fbfbfd;
    border: 1px solid var(--rp-line);
    border-radius: 14px;
    padding: 1.75rem 2rem 2.25rem;
    color: var(--rp-ink);
}

.rp-head[b-hsfs0jplde] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding-bottom: 1.4rem;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid var(--rp-line);
}

.rp-eyebrow[b-hsfs0jplde] {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--rp-super);
    margin: 0 0 .4rem;
}

.rp-title[b-hsfs0jplde] {
    font-size: 1.55rem;
    font-weight: 700;
    margin: 0 0 .5rem;
    color: var(--rp-ink);
}

.rp-sub[b-hsfs0jplde] {
    color: var(--rp-ink-2);
    max-width: 62ch;
    margin: 0;
    font-size: .92rem;
    line-height: 1.55;
}

.rp-meta[b-hsfs0jplde] {
    text-align: right;
    font-size: .78rem;
    color: var(--rp-ink-3);
    background: #fff;
    border: 1px solid var(--rp-line);
    border-radius: 10px;
    padding: .6rem .9rem;
    display: flex;
    flex-direction: column;
    gap: .1rem;
    white-space: nowrap;
}

.rp-meta-label[b-hsfs0jplde] {
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .64rem;
    color: var(--rp-ink-3);
}

.rp-meta-value[b-hsfs0jplde] {
    font-weight: 700;
    color: var(--rp-ink);
    font-size: .85rem;
}

.rp-meta-by[b-hsfs0jplde] {
    color: var(--rp-ink-2);
}

/* BG_22: was a normal in-flow block (margin-bottom pushed everything below it down when shown,
   and shifted it back up when dismissed). A fixed-position overlay in the corner means showing or
   dismissing it never moves the permission matrix underneath. */
.rp-toast[b-hsfs0jplde] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem 1rem;
    border-radius: 10px;
    font-size: .88rem;
    border: 1px solid transparent;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1080;
    max-width: 420px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}


.rp-loading[b-hsfs0jplde] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 3rem 0;
    justify-content: center;
    color: var(--rp-ink-2);
    font-size: .92rem;
}

.rp-spinner[b-hsfs0jplde] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 3px solid var(--rp-line);
    border-top-color: var(--rp-admin);
    animation: rp-spin-b-hsfs0jplde .7s linear infinite;
}

@keyframes rp-spin-b-hsfs0jplde {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .rp-spinner[b-hsfs0jplde] { animation-duration: 1.6s; }
}

.rp-legend[b-hsfs0jplde] {
    display: flex;
    gap: 1.4rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
    font-size: .82rem;
    color: var(--rp-ink-2);
}

.rp-legend-item[b-hsfs0jplde] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.rp-dot[b-hsfs0jplde] {
    width: .62rem;
    height: .62rem;
    border-radius: 50%;
    display: inline-block;
}

.rp-dot-admin[b-hsfs0jplde] { background: var(--rp-admin); }
.rp-dot-user[b-hsfs0jplde] { background: var(--rp-user); }
.rp-dot-super[b-hsfs0jplde] { background: var(--rp-super); }

.rp-group[b-hsfs0jplde] {
    margin-bottom: 1.9rem;
}
.rp-group:last-child[b-hsfs0jplde] { margin-bottom: 0; }

.rp-group-title[b-hsfs0jplde] {
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--rp-ink-3);
    margin: 0 0 .6rem;
}

.rp-table[b-hsfs0jplde] {
    background: var(--rp-panel);
    border: 1px solid var(--rp-line);
    border-radius: 12px;
    box-shadow: var(--rp-shadow);
    overflow: hidden;
}

.rp-row[b-hsfs0jplde] {
    display: grid;
    grid-template-columns: 1fr 88px 88px 110px;
    align-items: center;
    padding: .85rem 1.2rem;
    border-bottom: 1px solid var(--rp-line);
    gap: .5rem;
}
.rp-row:last-child[b-hsfs0jplde] { border-bottom: none; }

.rp-row-head[b-hsfs0jplde] {
    background: #f7f8fb;
    padding: .6rem 1.2rem;
}
.rp-row-head span[b-hsfs0jplde] {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--rp-ink-3);
}

.rp-col-toggle[b-hsfs0jplde] {
    display: flex;
    justify-content: center;
}

.rp-row-locked[b-hsfs0jplde] {
    background: repeating-linear-gradient(135deg, transparent 0 10px, rgba(184, 134, 11, 0.045) 10px 20px);
}

.rp-row-child[b-hsfs0jplde] {
    background: #f7f8fb;
}

.rp-cap[b-hsfs0jplde] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.rp-cap-name-row[b-hsfs0jplde] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.rp-row-child .rp-cap[b-hsfs0jplde] {
    padding-left: 1.4rem;
}

.rp-tree-connector[b-hsfs0jplde] {
    color: var(--rp-ink-3);
    font-size: .95rem;
    flex: none;
    margin-top: -.05rem;
}

.rp-cap-parent-hint[b-hsfs0jplde] {
    font-size: .74rem;
    color: var(--rp-ink-3);
    font-style: italic;
}
.rp-cap-parent-hint strong[b-hsfs0jplde] { color: var(--rp-ink-2); font-style: normal; font-weight: 650; }

.rp-cap-name[b-hsfs0jplde] {
    font-weight: 650;
    font-size: .93rem;
    color: var(--rp-ink);
}

.rp-cap-desc[b-hsfs0jplde] {
    font-size: .78rem;
    color: var(--rp-ink-2);
    line-height: 1.4;
}

.rp-toggle[b-hsfs0jplde] {
    position: relative;
    width: 42px;
    height: 24px;
    border-radius: 999px;
    border: none;
    background: #dfe3ea;
    cursor: pointer;
    transition: background-color .18s ease;
    flex: none;
    padding: 0;
}

.rp-toggle:disabled[b-hsfs0jplde] {
    opacity: .55;
    cursor: not-allowed;
}

.rp-toggle-knob[b-hsfs0jplde] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
    transition: transform .18s ease;
}

.rp-toggle.on .rp-toggle-knob[b-hsfs0jplde] { transform: translateX(18px); }

.rp-toggle-admin.on[b-hsfs0jplde] { background: var(--rp-admin); }
.rp-toggle-user.on[b-hsfs0jplde] { background: var(--rp-user); }

.rp-toggle:focus-visible[b-hsfs0jplde] {
    outline: 2px solid var(--rp-admin);
    outline-offset: 2px;
}

.rp-locked-cell[b-hsfs0jplde] {
    text-align: center;
    color: var(--rp-ink-3);
    font-size: .9rem;
}

.rp-super-badge[b-hsfs0jplde] {
    justify-self: center;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--rp-super);
    background: var(--rp-super-soft);
    border: 1px solid #ecd9a8;
    border-radius: 999px;
    padding: .22rem .6rem;
    white-space: nowrap;
}

.rp-toast-info[b-hsfs0jplde] {
    background: var(--rp-admin-soft);
    color: #0f3d6e;
    border-color: #b9d6f5;
}

.rp-inline-link[b-hsfs0jplde] {
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    font-size: inherit;
}

.rp-toggle.dirty[b-hsfs0jplde] {
    box-shadow: 0 0 0 2px var(--rp-super-soft), 0 0 0 3px var(--rp-super);
}

.rp-savebar[b-hsfs0jplde] {
    position: sticky;
    bottom: 1rem;
    margin: 1.5rem auto 0;
    max-width: 640px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: var(--rp-ink);
    color: #fff;
    border-radius: 999px;
    padding: .7rem .8rem .7rem 1.3rem;
    box-shadow: 0 12px 32px -8px rgba(20, 24, 40, 0.35);
}

.rp-savebar-count[b-hsfs0jplde] {
    font-size: .86rem;
    font-weight: 600;
    white-space: nowrap;
}

.rp-savebar-actions[b-hsfs0jplde] {
    display: flex;
    gap: .5rem;
}

.rp-btn[b-hsfs0jplde] {
    font-size: .84rem;
    font-weight: 650;
    padding: .5rem 1.1rem;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}

.rp-btn:disabled[b-hsfs0jplde] { opacity: .6; cursor: not-allowed; }

.rp-btn-primary[b-hsfs0jplde] {
    background: var(--rp-admin);
    color: #fff;
}
.rp-btn-primary:hover:not(:disabled)[b-hsfs0jplde] { filter: brightness(1.08); }

.rp-btn-ghost[b-hsfs0jplde] {
    background: rgba(255,255,255,.12);
    color: #fff;
}
.rp-btn-ghost:hover:not(:disabled)[b-hsfs0jplde] { background: rgba(255,255,255,.2); }

@media (max-width: 640px) {
    .rp-row[b-hsfs0jplde] { grid-template-columns: 1fr repeat(3, 64px); padding: .8rem .7rem; }
    .rp-page[b-hsfs0jplde] { padding: 1.25rem 1rem 1.5rem; }
    .rp-head[b-hsfs0jplde] { flex-direction: column; }
    .rp-meta[b-hsfs0jplde] { text-align: left; }
    .rp-savebar[b-hsfs0jplde] { flex-direction: column; align-items: stretch; border-radius: 16px; }
}
/* /Shared/ConversationInbox.razor.rz.scp.css */
.conv-layout[b-oilupzf9b9] {
    display: grid;
    grid-template-columns: 320px 1fr;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    min-height: 520px;
}

.conv-filter[b-oilupzf9b9] {
    display: flex;
    gap: 6px;
    padding: 8px;
    border-bottom: 1px solid #dee2e6;
    position: sticky;
    top: 0;
    background: #f8f9fa;
}

    .conv-filter input[b-oilupzf9b9] {
        flex: 1;
        min-width: 0;
    }

.conv-empty[b-oilupzf9b9] {
    padding: 14px;
    color: #64748b;
    font-size: 13px;
}

.conv-list[b-oilupzf9b9] {
    border-right: 1px solid #dee2e6;
    background: #f8f9fa;
    max-height: 640px;
    overflow-y: auto;
}

.conv-item[b-oilupzf9b9] {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #dee2e6;
    padding: 10px 12px;
}

    .conv-item:hover[b-oilupzf9b9] {
        background: rgba(13, 110, 253, .08);
    }

    .conv-item.selected[b-oilupzf9b9] {
        background: #fff;
        box-shadow: inset 3px 0 0 #0d6efd;
    }

.conv-title[b-oilupzf9b9] {
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conv-date[b-oilupzf9b9] {
    font-size: 12px;
    color: #64748b;
    font-weight: 400;
    white-space: nowrap;
}

.conv-sub[b-oilupzf9b9] {
    font-size: 12px;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conv-snippet[b-oilupzf9b9] {
    font-size: 12px;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conv-pane[b-oilupzf9b9] {
    padding: 16px 20px;
    max-height: 640px;
    overflow-y: auto;
}

.conv-head[b-oilupzf9b9] {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

    .conv-head h5[b-oilupzf9b9] {
        font-size: 17px;
        margin: 0 0 2px;
    }

.chat[b-oilupzf9b9] {
    display: flex;
    flex-direction: column;
}

/* An open conversation: the pane keeps one height, so the header and the reply box stay put and only the
   chat between them scrolls. Without this the whole pane scrolls and the reply box ends up out of sight. */
.conv-pane.thread[b-oilupzf9b9] {
    display: flex;
    flex-direction: column;
    height: 760px;
    max-height: calc(100vh - 120px);
    min-height: 480px;
    overflow: hidden;
}

    .conv-pane.thread .conv-head[b-oilupzf9b9],
    .conv-pane.thread .conv-warn[b-oilupzf9b9],
    .conv-pane.thread .reply-box[b-oilupzf9b9] {
        flex: 0 0 auto;
    }

    .conv-pane.thread .chat[b-oilupzf9b9] {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: scroll;
        padding-right: 6px;
    }

    /* The chat is a flex column, so its items would shrink to fit instead of overflowing, which squashed every
       message and left nothing to scroll. Each message keeps its own height. */
    .conv-pane.thread .chat > *[b-oilupzf9b9] {
        flex-shrink: 0;
    }

    .conv-pane.thread .reply-box[b-oilupzf9b9] {
        margin-top: 0;
        background: #fff;
    }

.chat-divider[b-oilupzf9b9] {
    align-self: center;
    font-size: 11px;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 10px;
    padding: 2px 10px;
    margin: 10px 0 4px;
}

/* SMS bubbles */
.bubble[b-oilupzf9b9] {
    max-width: 78%;
    padding: 8px 12px;
    border-radius: 14px;
    margin-bottom: 8px;
}

    .bubble.in[b-oilupzf9b9] {
        background: #f1f5f9;
        border: 1px solid #dee2e6;
        align-self: flex-start;
        border-bottom-left-radius: 4px;
    }

    .bubble.out[b-oilupzf9b9] {
        background: #0d6efd;
        color: #fff;
        align-self: flex-end;
        border-bottom-right-radius: 4px;
    }

        .bubble.out .bubble-meta[b-oilupzf9b9] {
            color: rgba(255, 255, 255, .8);
        }

.bubble-body[b-oilupzf9b9] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.bubble-meta[b-oilupzf9b9] {
    font-size: 11px;
    color: #64748b;
    margin-top: 3px;
}

/* Email cards */
.mail-card[b-oilupzf9b9] {
    border: 1px solid #dee2e6;
    border-left: 4px solid #0d6efd;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 12px;
    overflow: hidden;
}

    .mail-card.in[b-oilupzf9b9] {
        border-left-color: #6c757d;
    }

.mail-head[b-oilupzf9b9] {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 8px 12px;
    font-size: 13px;
}

.mail-row[b-oilupzf9b9] {
    display: flex;
    gap: 10px;
}

.mail-label[b-oilupzf9b9] {
    flex: 0 0 56px;
    color: #64748b;
    font-weight: 700;
    font-size: 11.5px;
    text-transform: uppercase;
}

.mail-subject[b-oilupzf9b9] {
    font-weight: 700;
}

.mail-status[b-oilupzf9b9] {
    color: #64748b;
}

.mail-body-label[b-oilupzf9b9] {
    padding: 8px 12px 0;
}

.mail-body[b-oilupzf9b9] {
    padding: 4px 12px 12px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.conv-tabs .nav-link[b-oilupzf9b9] {
    padding: 4px 14px;
    font-size: 14px;
}

.reply-box[b-oilupzf9b9] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #dee2e6;
}

@media (max-width: 768px) {
    .conv-layout[b-oilupzf9b9] {
        grid-template-columns: 1fr;
    }

    .conv-list[b-oilupzf9b9] {
        max-height: 230px;
        border-right: 0;
        border-bottom: 1px solid #dee2e6;
    }
}

/* Inline notices. Not Bootstrap's .alert: the portal reuses that class for pop-up toasts. */
.conv-warn[b-oilupzf9b9], .conv-err[b-oilupzf9b9] {
    position: static;
    border-radius: 6px;
    padding: 7px 10px;
    font-size: 13px;
    margin-bottom: 10px;
}

.conv-warn[b-oilupzf9b9] {
    background: #fef3c7;
    color: #92400e;
}

.conv-err[b-oilupzf9b9] {
    background: #fee2e2;
    color: #b91c1c;
}

.conv-new[b-oilupzf9b9] {
    display: block;
    width: calc(100% - 16px);
    margin: 8px;
}

.conv-hidden[b-oilupzf9b9] {
    padding: 8px 12px;
    font-size: 12px;
    color: #64748b;
    border-top: 1px solid #dee2e6;
    background: #f8f9fa;
}
/* /Shared/LoginLayout.razor.rz.scp.css */
.login-footer[b-z9725pmgtf] {
    padding: 1rem 0 0;
    color: #6c757d;
}

.login-footer a[b-z9725pmgtf] {
    color: inherit;
    text-decoration: underline;
}

.login-footer a:hover[b-z9725pmgtf] {
    color: #495057;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* /Shared/NavMenu.razor.rz.scp.css */
/* The sidebar's real scroll container is .sidebar-nav (overflow-y: auto, defined globally in
   style.css). It was previously blocked by dead SimpleBar markup with frozen inline pixel heights
   that was never wired up to the actual SimpleBar JS library — removed in NavMenu.razor. This just
   styles the native scrollbar so it looks intentional instead of the raw OS default. */

.sidebar-nav[b-l2ca10yhz8] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}

.sidebar-nav[b-l2ca10yhz8]::-webkit-scrollbar {
    width: 6px;
}

.sidebar-nav[b-l2ca10yhz8]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav[b-l2ca10yhz8]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 999px;
}

.sidebar-nav[b-l2ca10yhz8]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
/* /Shared/NewConversationPanel.razor.rz.scp.css */
.np-head[b-j9tqhnut48] {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

    .np-head h5[b-j9tqhnut48] {
        font-size: 17px;
        margin: 0 0 2px;
    }

.np-sub[b-j9tqhnut48] {
    font-size: 12.5px;
    color: #64748b;
}

.np-search[b-j9tqhnut48] {
    display: flex;
    gap: 8px;
}

    .np-search input[b-j9tqhnut48] {
        flex: 1;
        min-width: 0;
    }

.np-res[b-j9tqhnut48] {
    display: block;
    width: 100%;
    text-align: left;
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 6px;
}

    .np-res:hover[b-j9tqhnut48] {
        background: rgba(13, 110, 253, .06);
    }

.np-picked[b-j9tqhnut48] {
    background: #f8f9fa;
    cursor: default;
    margin-bottom: 12px;
}

    .np-picked:hover[b-j9tqhnut48] {
        background: #f8f9fa;
    }

.np-id[b-j9tqhnut48] {
    font-size: 11px;
    font-weight: 700;
    background: rgba(13, 110, 253, .1);
    color: #0d6efd;
    border-radius: 10px;
    padding: 1px 8px;
    margin-left: 4px;
}

.np-opts[b-j9tqhnut48] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 12px;
}

.np-opt[b-j9tqhnut48] {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 12px;
    background: #fff;
    text-align: left;
}

    .np-opt:hover:not(:disabled)[b-j9tqhnut48] {
        border-color: #0d6efd;
        background: rgba(13, 110, 253, .06);
    }

    .np-opt:disabled[b-j9tqhnut48] {
        opacity: .65;
        cursor: not-allowed;
        background: #f8f9fa;
    }

.np-ok[b-j9tqhnut48] {
    display: block;
    font-size: 12px;
    color: #166534;
    margin-top: 4px;
}

.np-why[b-j9tqhnut48] {
    display: block;
    font-size: 12px;
    color: #b91c1c;
    margin-top: 4px;
}

.np-warn[b-j9tqhnut48], .np-err[b-j9tqhnut48] {
    position: static;
    border-radius: 6px;
    padding: 7px 10px;
    font-size: 13px;
    margin-bottom: 10px;
}

.np-warn[b-j9tqhnut48] {
    background: #fef3c7;
    color: #92400e;
}

.np-err[b-j9tqhnut48] {
    background: #fee2e2;
    color: #b91c1c;
}

@media (max-width: 768px) {
    .np-opts[b-j9tqhnut48] {
        grid-template-columns: 1fr;
    }
}