/* /App/App.razor.rz.scp.css */
.realmjar-page-loading[b-0j7hqzf99b]{position:fixed;inset:0;z-index:8000;display:grid;place-items:center;padding:20px;pointer-events:none}
.realmjar-page-loading[hidden][b-0j7hqzf99b]{display:none}
/* /Components/Badges/StatusBadge.razor.rz.scp.css */
/* Original solid status colours and white labels in both themes. */
.status-badge[b-66r2jsv7d1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 var(--space-3, 12px) 0 10px;
    border-radius: var(--radius-full, 9999px);
    background: var(--status-badge-bg);
    color: #FFFFFF;
    font-family: var(--font-family, 'Segoe UI', system-ui, sans-serif);
    font-size: var(--font-status, 12px);
    font-weight: var(--weight-status, 500);
    line-height: 16px;
    white-space: nowrap;
    overflow-wrap: normal;
}

.status-badge__dot[b-66r2jsv7d1] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}
/* /Components/Branding/RealmJarLogo.razor.rz.scp.css */
.realmjar-logo[b-7vz7vz7esl]{display:inline-flex;align-items:center;justify-content:center;width:var(--realmjar-logo-width,160px);max-width:100%;padding:8px 10px;border-radius:10px;background:#fff;line-height:0;box-sizing:border-box}
.realmjar-wordmark[b-7vz7vz7esl]{display:block;width:100%;height:auto;overflow:hidden}
.realmjar-emblem[b-7vz7vz7esl]{display:none;width:auto;height:36px;max-width:100%;overflow:hidden}
.realmjar-logo-compact[b-7vz7vz7esl]{width:44px;height:44px;padding:4px}
.realmjar-logo-compact .realmjar-wordmark[b-7vz7vz7esl]{display:none}
.realmjar-logo-compact .realmjar-emblem[b-7vz7vz7esl]{display:block}
/* /Components/Buttons/AccentPill.razor.rz.scp.css */
/* Theme colours with the original expanding, centred icon and fading label animation. */
.accent-pill[b-fp1bv0txra] {
    --pill-bg: var(--emphasis, #3D4056);
    --pill-fg: var(--on-emphasis, #FFFFFF);
    --pill-duration: 480ms;
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    justify-self: start;
    align-items: center;
    justify-content: center;
    height: var(--button-standard-size, 40px);
    max-width: 100%;
    min-width: 96px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--radius-full, 9999px);
    background: var(--pill-bg);
    color: var(--pill-fg);
    font-family: var(--font-family, 'Segoe UI', system-ui, sans-serif);
    font-size: var(--font-button, 14px);
    font-weight: var(--weight-medium, 500);
    line-height: var(--line-button, 1.4286);
    letter-spacing: normal;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    isolation: isolate;
    transition: box-shadow var(--pill-duration) ease;
    -webkit-tap-highlight-color: transparent;
}
.soft-blue[b-fp1bv0txra] { --pill-bg: var(--primary, #4270B7); --pill-fg: var(--on-primary, #FFFFFF); }
.slate-blue[b-fp1bv0txra], .graphite[b-fp1bv0txra] { --pill-bg: var(--tonal, #DFE6F2); --pill-fg: var(--on-tonal, #2E3D57); }
.outlined[b-fp1bv0txra] { --pill-bg: transparent; --pill-fg: var(--text-primary, #263347); border-color: var(--control-outline, #7A8799); }
.text-action[b-fp1bv0txra] { --pill-bg: transparent; --pill-fg: var(--primary-text, #4270B7); min-width: 0; }
/* Keeps a 44px hit area around the 40px and 36px pills. */
.accent-pill[b-fp1bv0txra]::before { content: ''; position: absolute; inset: -2px 0; }
/* State layer: the label colour at 8% on hover and 12% while pressed. */
.accent-pill[b-fp1bv0txra]::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: currentColor; opacity: 0; pointer-events: none; transition: opacity 150ms ease; z-index: -1; }
.accent-pill:not(:disabled):not([aria-disabled="true"]):hover[b-fp1bv0txra]::after { opacity: var(--state-hover, .08); }
.accent-pill:not(:disabled):not([aria-disabled="true"]):active[b-fp1bv0txra]::after { opacity: var(--state-pressed, .12); }
.pill-icon[b-fp1bv0txra] {
    box-sizing: border-box;
    position: absolute;
    left: 5px;
    top: calc(50% - 14px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding-left: 0;
    border-radius: var(--radius-full, 9999px);
    pointer-events: none;
    transition: width var(--pill-duration) ease;
}
.pill-icon[b-fp1bv0txra]::before { content: ''; position: absolute; inset: 0; border: 2px solid currentColor; border-radius: inherit; opacity: .5; transition: opacity var(--pill-duration) ease; }
.pill-icon[b-fp1bv0txra]::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: currentColor; opacity: 0; transition: opacity var(--pill-duration) ease; }
.pill-icon .mdi[b-fp1bv0txra] { position: relative; font-size: 18px; line-height: 1; transition: transform 160ms ease; }
.pill-label[b-fp1bv0txra] { position: relative; min-width: 0; padding: 0 var(--space-5, 20px) 0 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: opacity var(--pill-duration) ease; }
@media (hover: hover) and (pointer: fine) {
    .accent-pill:not(:disabled):not([aria-disabled="true"]):hover[b-fp1bv0txra] { box-shadow: 0 5px 14px #00000024; }
    .accent-pill:not(:disabled):not([aria-disabled="true"]):hover .pill-icon[b-fp1bv0txra] { width: calc(100% - 10px); }
    .accent-pill:not(:disabled):not([aria-disabled="true"]):hover .pill-icon[b-fp1bv0txra]::before { opacity: 0; }
    .accent-pill:not(:disabled):not([aria-disabled="true"]):hover .pill-icon[b-fp1bv0txra]::after { opacity: var(--state-hover, .08); }
    .accent-pill:not(:disabled):not([aria-disabled="true"]):hover .pill-label[b-fp1bv0txra] { opacity: 0; }
}
.text-action .pill-icon[b-fp1bv0txra]::before { display: none; }
.text-action .pill-label[b-fp1bv0txra] { padding: 0 var(--space-3, 12px) 0 36px; }
.accent-pill:focus-visible[b-fp1bv0txra] { outline: 2px solid var(--focus-ring, #4270B7); outline-offset: 2px; }
.accent-pill:not(:disabled):not([aria-disabled="true"]):active .pill-icon .mdi[b-fp1bv0txra] { transform: scale(.9); }
.accent-pill:disabled[b-fp1bv0txra], .accent-pill[aria-disabled="true"][b-fp1bv0txra] { cursor: not-allowed; }
.accent-pill:disabled:not(.is-loading)[b-fp1bv0txra], .accent-pill[aria-disabled="true"]:not(.is-loading)[b-fp1bv0txra] {
    --pill-bg: color-mix(in srgb, var(--text-primary, #263347) 12%, transparent);
    --pill-fg: color-mix(in srgb, var(--text-primary, #263347) 38%, transparent);
    border-color: transparent;
}
.outlined:disabled:not(.is-loading)[b-fp1bv0txra], .outlined[aria-disabled="true"]:not(.is-loading)[b-fp1bv0txra] { --pill-bg: transparent; border-color: color-mix(in srgb, var(--text-primary, #263347) 12%, transparent); }
.text-action:disabled:not(.is-loading)[b-fp1bv0txra], .text-action[aria-disabled="true"]:not(.is-loading)[b-fp1bv0txra] { --pill-bg: transparent; }
.is-loading[b-fp1bv0txra] { cursor: progress; }
.is-loading .pill-icon .mdi[b-fp1bv0txra] { animation: pill-spin-b-fp1bv0txra 1s linear infinite; }
@keyframes pill-spin-b-fp1bv0txra { to { transform: rotate(360deg); } }
/* Dense card and row actions. */
.accent-pill.is-compact[b-fp1bv0txra] { width: 124px; height: var(--control-height-sm, 36px); min-width: 0; }
.accent-pill.is-compact[b-fp1bv0txra]::before { inset: -4px 0; }
.accent-pill.is-compact.fit-label[b-fp1bv0txra] { width: auto; min-width: 124px; }
.is-compact .pill-icon[b-fp1bv0txra] { left: 4px; }
.is-compact .pill-label[b-fp1bv0txra] { padding: 0 var(--space-3, 12px) 0 40px; }
/* Upload field: same height as text fields. */
.accent-pill.is-upload[b-fp1bv0txra] { height: var(--input-height, 48px); border: 0; }
.is-upload .pill-icon[b-fp1bv0txra] { left: 14px; }
.is-upload .pill-label[b-fp1bv0txra] { padding: 0 var(--space-5, 20px) 0 50px; }
.is-upload[b-fp1bv0txra]  input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.is-upload:focus-within[b-fp1bv0txra] { outline: 2px solid var(--focus-ring, #4270B7); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
    .accent-pill.is-upload:not(:disabled):not([aria-disabled="true"]):hover .pill-icon[b-fp1bv0txra] { width: calc(100% - 28px); }
}
@media (prefers-reduced-motion: reduce) {
    .accent-pill[b-fp1bv0txra], .accent-pill[b-fp1bv0txra]::after, .pill-icon[b-fp1bv0txra], .pill-icon[b-fp1bv0txra]::before, .pill-icon[b-fp1bv0txra]::after, .pill-label[b-fp1bv0txra], .pill-icon .mdi[b-fp1bv0txra] { transition: none; animation: none; }
}
/* /Components/Buttons/ConnectedPillAction.razor.rz.scp.css */
.connected-pill-action[b-82ahnf1m5l] { font: inherit; text-align: left; padding: 0; flex-direction: row-reverse; }
.connected-pill-action .connected-pill-icon[b-82ahnf1m5l] { border-right: 0; border-left: 1px solid var(--border-color,#DFE5ED); color: var(--soft-blue,#4778c5); }
.connected-pill-action .connected-pill-label[b-82ahnf1m5l] { flex: 1; }
.connected-pill-action:focus-visible[b-82ahnf1m5l] { outline: 2px solid #4778C5; outline-offset: 3px; }
.connected-pill-action:disabled[b-82ahnf1m5l] { opacity: .6; cursor: not-allowed; }
/* /Components/Buttons/ProfileCardAction.razor.rz.scp.css */
/* Current role colours with the original brightness and scale animation. */
.profile-action[b-j0ywjhnpb6] { --action-bg: var(--tonal, #DFE6F2); --action-fg: var(--on-tonal, #2E3D57); position: relative; isolation: isolate; display: inline-flex; justify-content: center; align-items: center; width: var(--button-standard-size, 40px); height: var(--button-standard-size, 40px); flex: 0 0 var(--button-standard-size, 40px); padding: 0; border: 0; border-radius: 50%; background: var(--action-bg); color: var(--action-fg); text-decoration: none; cursor: pointer; transition: transform 160ms ease, filter 160ms ease; }
.profile-action[b-j0ywjhnpb6]::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: currentColor; opacity: 0; pointer-events: none; transition: opacity 150ms ease; z-index: -1; }
.profile-action:not(:disabled):active[b-j0ywjhnpb6]::after { opacity: var(--state-pressed, .12); }
.profile-action.midnight[b-j0ywjhnpb6] { --action-bg: var(--emphasis, #3D4056); --action-fg: var(--on-emphasis, #FFFFFF); }
.profile-action.soft-blue[b-j0ywjhnpb6] { --action-bg: var(--primary, #4270B7); --action-fg: var(--on-primary, #FFFFFF); }
.profile-action.graphite[b-j0ywjhnpb6], .profile-action.outlined[b-j0ywjhnpb6] { --action-bg: transparent; --action-fg: var(--text-primary, #263347); box-shadow: inset 0 0 0 1px var(--control-outline, #7A8799); }
.profile-action.destructive[b-j0ywjhnpb6] { --action-bg: var(--destructive, #B64B59); --action-fg: var(--on-fill, #FFFFFF); box-shadow: none; }
.profile-action.with-label[b-j0ywjhnpb6] { width: auto; flex: 0 0 auto; border-radius: var(--radius-full, 9999px); gap: var(--space-2, 8px); padding: 0 var(--space-5, 20px) 0 var(--space-4, 16px); font: 500 var(--font-button, 14px)/var(--line-button, 1.4286) var(--font-family, 'Segoe UI', system-ui, sans-serif); }
.profile-action.is-compact[b-j0ywjhnpb6] { width: var(--control-height-sm, 36px); height: var(--control-height-sm, 36px); flex-basis: var(--control-height-sm, 36px); }
.profile-action.is-compact[b-j0ywjhnpb6]::before { content: ''; position: absolute; inset: -4px; }
.profile-action.with-label.is-compact[b-j0ywjhnpb6] { width: auto; flex-basis: auto; }
.is-compact .mdi[b-j0ywjhnpb6] { font-size: 18px; }
.with-label .mdi[b-j0ywjhnpb6] { font-size: 18px; }
.action-count[b-j0ywjhnpb6] { min-width: 20px; height: 20px; padding: 0 var(--space-1, 4px); border-radius: var(--radius-full, 9999px); background: var(--action-fg); color: var(--action-bg); font-size: 12px; line-height: 20px; text-align: center; }
.graphite .action-count[b-j0ywjhnpb6], .outlined .action-count[b-j0ywjhnpb6] { color: var(--card-bg, #FFFFFF); }
.mdi[b-j0ywjhnpb6] { font-size: 20px; line-height: 1; }
.profile-action:focus-visible[b-j0ywjhnpb6], .profile-action.preview-focus[b-j0ywjhnpb6] { outline: 2px solid var(--focus-ring, #4270B7); outline-offset: 2px; }
.profile-action:focus-visible[b-j0ywjhnpb6], .profile-action.preview-focus[b-j0ywjhnpb6], .profile-action.preview-hover[b-j0ywjhnpb6] { filter: brightness(1.3); transform: scale(1.08); }
.profile-action.preview-hover[b-j0ywjhnpb6]::after { opacity: var(--state-hover, .08); }
@media (hover: hover) and (pointer: fine) { .profile-action:hover:not(:disabled)[b-j0ywjhnpb6] { filter: brightness(1.3); transform: scale(1.08); } .profile-action:hover:not(:disabled)[b-j0ywjhnpb6]::after { opacity: var(--state-hover, .08); } }
.profile-action:disabled[b-j0ywjhnpb6] { transform: none; filter: none; cursor: not-allowed; box-shadow: none; --action-bg: color-mix(in srgb, var(--text-primary, #263347) 12%, transparent); --action-fg: color-mix(in srgb, var(--text-primary, #263347) 38%, transparent); }
.profile-action.is-loading:disabled[b-j0ywjhnpb6] { --action-bg: var(--tonal, #DFE6F2); --action-fg: var(--on-tonal, #2E3D57); cursor: progress; }
.profile-action.is-loading .mdi[b-j0ywjhnpb6] { animation: action-spin-b-j0ywjhnpb6 1s linear infinite; }
@keyframes action-spin-b-j0ywjhnpb6 { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .profile-action[b-j0ywjhnpb6], .profile-action[b-j0ywjhnpb6]::after { transition: none; } .profile-action.is-loading .mdi[b-j0ywjhnpb6] { animation: none; } }
/* /Components/Cards/ElevatedCard.razor.rz.scp.css */
.elevated-card[b-i81pp2nn44] {
    --elevated-card-radius: var(--card-radius, 18px);
    --elevated-card-padding: var(--card-padding, 24px);
    --elevated-card-gap: var(--card-gap, 16px);
    --elevated-card-shadow: none;
    position: relative; min-width: 0; height: 100%; border: 1px solid var(--border); border-radius: var(--elevated-card-radius);
    background: var(--bg-card); color: var(--text-primary); box-shadow: var(--elevated-card-shadow);
}
.card-interior[b-i81pp2nn44] { display: flex; flex-direction: column; gap: var(--elevated-card-gap); padding: var(--elevated-card-padding); height: 100%; min-width: 0; }
.card-header[b-i81pp2nn44] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
.card-heading[b-i81pp2nn44] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-width: 0; }
.card-heading h3[b-i81pp2nn44] { margin: 0; }
.card-status[b-i81pp2nn44] { min-width: 0; }
.selected-indicator[b-i81pp2nn44] { display: inline-flex; align-items: center; gap: var(--space-1, 4px); color: var(--text-primary); font-weight: var(--weight-medium, 500); }
.selected-indicator .mdi[b-i81pp2nn44] { font-size: 18px; color: var(--accent-primary); }
.card-content[b-i81pp2nn44] { min-width: 0; flex: 1; }
.card-footer[b-i81pp2nn44] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-top: auto; }
.card-metadata[b-i81pp2nn44] { min-width: 0; }
.card-actions[b-i81pp2nn44] { position: relative; z-index: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; max-width: 100%; }
.card-hit-area[b-i81pp2nn44] { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; border: 0; border-radius: inherit; background: transparent; cursor: pointer; }
.card-hit-area:focus-visible[b-i81pp2nn44] { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.interactive:not(.disabled)[b-i81pp2nn44] { transition: transform 200ms ease, box-shadow 200ms ease; }
@media (hover: hover) and (pointer: fine) { .interactive:not(.disabled):has(.card-hit-area:hover)[b-i81pp2nn44] { transform: translateY(-2px); box-shadow: var(--shadow-hover, 0 10px 24px #0000001c); } }
.selected[b-i81pp2nn44] { border-color: var(--accent-primary); box-shadow: inset 0 0 0 1px var(--accent-primary); }
.disabled[b-i81pp2nn44] { box-shadow: none; }
.disabled .card-heading h3[b-i81pp2nn44], .disabled .card-content[b-i81pp2nn44] { color: var(--text-secondary); }
.disabled .card-hit-area[b-i81pp2nn44] { cursor: default; }
.compact[b-i81pp2nn44] { --elevated-card-padding: 16px; --elevated-card-gap: 12px; }
.divided .card-content[b-i81pp2nn44] { border-top: 1px solid var(--border); padding-top: var(--elevated-card-gap); }
.divided .card-footer[b-i81pp2nn44] { border-top: 1px solid var(--border); padding-top: var(--elevated-card-gap); }
.card-image[b-i81pp2nn44] { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: calc(var(--elevated-card-radius) - 1px) calc(var(--elevated-card-radius) - 1px) 0 0; }
.card-image img[b-i81pp2nn44] { display: block; width: 100%; height: 100%; object-fit: cover; }
.image-overlay[b-i81pp2nn44] { position: absolute; inset: 0; background: linear-gradient(to bottom, #00000000 30%, #00000026 55%, #0000008c 100%); pointer-events: none; }
.elevated-card:has(.card-image) .card-interior[b-i81pp2nn44] { height: auto; }
@media (prefers-reduced-motion: reduce) { .interactive:not(.disabled)[b-i81pp2nn44] { transition: none; } .interactive:not(.disabled):has(.card-hit-area:hover)[b-i81pp2nn44] { transform: none; } }
/* /Components/Cards/UserProfileCard.razor.rz.scp.css */
.profile-card-shell[b-290m5792x3] { --elevated-card-padding: 0; --elevated-card-gap: 0; min-width: 0; }
.profile-card-shell[b-290m5792x3]  .elevated-card { --elevated-card-padding: 0; --elevated-card-gap: 0; height: auto; }
.profile-toggle[b-290m5792x3] { display: flex; align-items: center; gap: 16px; width: 100%; padding: 20px 24px; background: transparent; color: var(--text-primary); border: 0; border-radius: var(--card-radius, 18px); text-align: left; font: inherit; cursor: pointer; }
.profile-toggle:focus-visible[b-290m5792x3] { outline: 2px solid var(--accent, #4778C5); outline-offset: -3px; }
@media (hover: hover) { .profile-toggle:hover[b-290m5792x3] { background: var(--bg-elevated); } }
.profile-info[b-290m5792x3] { min-width: 0; flex: 1; }
.profile-heading[b-290m5792x3] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; }
.profile-name[b-290m5792x3] { font-size: var(--font-card-title, 16px); font-weight: 600; overflow-wrap: anywhere; }
.profile-email[b-290m5792x3] { display: block; margin-top: 4px; color: var(--text-secondary); font-size: 13px; overflow-wrap: anywhere; }
.presence[b-290m5792x3] { display: inline-flex; align-items: center; gap: 6px; color: var(--text-primary); font-size: 12px; }
.presence-dot[b-290m5792x3] { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; background: #949BA4; }
.presence-dot.active[b-290m5792x3] { background: #278662; }
.profile-role[b-290m5792x3] { flex-shrink: 0; }
.profile-expansion[b-290m5792x3] { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows 180ms ease, visibility 180ms; }
.profile-expansion.expanded[b-290m5792x3] { grid-template-rows: 1fr; visibility: visible; }
.profile-expansion-inner[b-290m5792x3] { overflow: hidden; min-height: 0; }
.profile-footer[b-290m5792x3] { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--border); margin: 0 24px; padding: 16px 0; }
.desktop-metadata[b-290m5792x3], .mobile-metadata[b-290m5792x3] { color: var(--text-secondary); font-size: 13px; overflow-wrap: anywhere; }
.mobile-metadata[b-290m5792x3] { display: none; }
.profile-actions[b-290m5792x3] { display: flex; gap: 10px; flex-shrink: 0; margin-left: auto; }
@media (max-width: 760px) {
    .profile-toggle[b-290m5792x3] { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px 12px; padding: 16px; }
    .profile-role[b-290m5792x3] { grid-column: 2; justify-self: start; max-width: 100%; }
    .profile-role[b-290m5792x3]  .status-badge { white-space: normal; overflow-wrap: anywhere; }
    .profile-heading[b-290m5792x3] { gap: 4px 8px; }
    .profile-footer[b-290m5792x3] { flex-wrap: wrap; margin: 0 16px; padding: 12px 0; }
    .desktop-metadata[b-290m5792x3] { display: none; } .mobile-metadata[b-290m5792x3] { display: block; }
}
@media (prefers-reduced-motion: reduce) { .profile-expansion[b-290m5792x3] { transition: none; } }
/* /Components/Feedback/EmptyPageArtwork.razor.rz.scp.css */
.empty-page-artwork[b-a63bma7djy] { display:flex; flex-direction:column; align-items:center; gap:.75rem; min-width:0; padding:1rem; }
.empty-page-artwork img[b-a63bma7djy] { display:block; width:min(100%, 58rem); height:auto; max-height:clamp(22rem, 54vh, 44rem); object-fit:contain; }
.empty-page-message[b-a63bma7djy] { max-width:38rem; margin:0; text-align:center; color:var(--text-secondary); }
@media(max-width:760px) { .empty-page-artwork[b-a63bma7djy] { padding:1rem 0; } .empty-page-artwork img[b-a63bma7djy] { width:min(100%, 20rem); max-height:14rem; } }

.empty-state-icon[b-a63bma7djy]{display:block;font-size:72px;color:var(--text-secondary);margin:24px auto;line-height:1}
/* /Components/Feedback/ErrorPopup.razor.rz.scp.css */
#blazor-error-ui[b-0xcw0r4ej4]{display:none;position:fixed;inset:0;z-index:10000;background:#192b2470;backdrop-filter:blur(6px);overflow:auto;padding:24px}.error-card[b-0xcw0r4ej4]{width:min(560px,100%);margin:max(5vh,30px) auto;background:white;border:1px solid #e0e6dc;border-radius:24px;padding:38px 34px;text-align:center;box-shadow:0 30px 100px #192b242b}.error-symbol[b-0xcw0r4ej4]{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 22px;background:#fff0e8;color:#b37451;border-radius:18px;font-size:30px;font-weight:500}.error-eyebrow[b-0xcw0r4ej4]{font-size:9px;letter-spacing:2px;color:#b18a71;font-weight:700}.error-card h2[b-0xcw0r4ej4]{font-size:25px;letter-spacing:-.8px}.error-card>p:not(.error-eyebrow)[b-0xcw0r4ej4]{font-size:14px;color:var(--ink-muted);line-height:1.8}.reload[b-0xcw0r4ej4]{width:100%;margin:15px 0}.error-dismiss[b-0xcw0r4ej4]{border:0;background:none;color:var(--ink-muted);font-size:12px;text-decoration:underline;cursor:pointer}.error-footnote[b-0xcw0r4ej4]{display:block;margin-top:25px;font-size:10px;color:#9aa493}

#blazor-error-ui[style*="display: block"][b-0xcw0r4ej4]{display:grid!important;place-items:center}.error-card[b-0xcw0r4ej4]{margin:0 auto}@media(max-height:600px){#blazor-error-ui[style*="display: block"][b-0xcw0r4ej4]{align-items:start}}

.error-artwork[b-0xcw0r4ej4]{display:block;width:100%;height:auto;max-height:55dvh;object-fit:contain;margin:0 auto 12px}

.visually-hidden[b-0xcw0r4ej4]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

:root[data-realmjar-theme="dark"] .error-card[b-0xcw0r4ej4]{background:var(--card-bg,#36393F);border-color:var(--border-color,#404249);color:var(--text-primary,#F2F3F5)}
/* /Components/Feedback/RealmJarAlert.razor.rz.scp.css */
.realmjar-alert[b-grms39fmpo] { display: flex; align-items: flex-start; gap: var(--space-3, 12px); padding: var(--space-4, 16px) var(--space-5, 20px); margin-block: 16px; min-width: 0; border: 0; border-radius: var(--radius-lg, 18px); background: var(--realmjar-alert-colour); color: #FFFFFF; font-family: var(--font-family, 'Segoe UI', system-ui, sans-serif); }
.realmjar-alert[hidden][b-grms39fmpo] { display: none; }
.alert-icon[b-grms39fmpo] { font-size: 24px; line-height: 1; margin-top: 2px; flex-shrink: 0; }
.alert-content[b-grms39fmpo] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.alert-title[b-grms39fmpo] { display: block; font-size: 14px; font-weight: 600; line-height: 1.5714; }
.alert-message[b-grms39fmpo] { font-size: 14px; line-height: 1.5714; }
.with-action[b-grms39fmpo] { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; }
.with-action:has(.alert-dismiss)[b-grms39fmpo] { grid-template-columns: 24px minmax(0, 1fr) auto auto; }
.with-action .alert-icon[b-grms39fmpo] { margin-top: 0; }
.alert-action[b-grms39fmpo] { grid-column: 3; min-width: 0; }
.with-action .alert-dismiss[b-grms39fmpo] { grid-column: 4; }
.alert-dismiss[b-grms39fmpo] { position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; width: var(--control-height, 40px); height: var(--control-height, 40px); flex: 0 0 var(--control-height, 40px); margin: -8px -12px -8px 0; padding: 0; background: transparent; border: 0; border-radius: 50%; color: inherit; cursor: pointer; font-size: 20px; }
.alert-dismiss[b-grms39fmpo]::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: currentColor; opacity: 0; z-index: -1; transition: opacity 150ms ease; }
.alert-dismiss:hover[b-grms39fmpo]::after { opacity: var(--state-hover, .08); }
.alert-dismiss:focus-visible[b-grms39fmpo] { outline: 2px solid currentColor; outline-offset: -2px; }
.compact[b-grms39fmpo] { padding: var(--space-3, 12px) var(--space-4, 16px); margin: 0; border-radius: var(--radius-md, 12px); gap: var(--space-3, 12px); }
.compact .alert-icon[b-grms39fmpo] { font-size: 20px; }
.processing[b-grms39fmpo] { animation: alert-spin-b-grms39fmpo 1s linear infinite; }
@keyframes alert-spin-b-grms39fmpo { to { transform: rotate(360deg); } }
@media (max-width: 600px) {
    .realmjar-alert[b-grms39fmpo] { gap: var(--space-3, 12px); padding: var(--space-3, 12px) var(--space-4, 16px); border-radius: var(--radius-md, 12px); }
    
    .with-action[b-grms39fmpo] { grid-template-columns: 24px minmax(0, 1fr); }
    .with-action:has(.alert-dismiss)[b-grms39fmpo] { grid-template-columns: 24px minmax(0, 1fr) auto; }
    .alert-action[b-grms39fmpo] { grid-column: 2; grid-row: 2; justify-self: start; }
    .with-action .alert-dismiss[b-grms39fmpo] { grid-column: 3; grid-row: 1; }
}
@media (prefers-reduced-motion: reduce) { .processing[b-grms39fmpo] { animation: none; } }
/* /Components/Feedback/RealmJarAlertAction.razor.rz.scp.css */
.alert-action-surface[b-fvr29l4j1i] { display: inline-flex; max-width: 100%; min-width: 0; }
/* Original translucent white actions on solid status-colour alerts. */
.alert-action-surface[b-fvr29l4j1i]  .accent-pill { --pill-bg: #ffffff1d; --pill-fg: #FFFFFF; border-color: #ffffff60; }
.alert-action-surface[b-fvr29l4j1i]  .accent-pill:focus-visible { outline-color: currentColor; }
.alert-action-surface[b-fvr29l4j1i]  .profile-action { --action-bg: #ffffff1d; --action-fg: #FFFFFF; box-shadow: none; }
/* Standalone: the alert's solid status colour sits behind the action. */
.alert-action-surface.standalone[b-fvr29l4j1i] { background: var(--standalone-alert-colour); border-radius: 9999px; color: #FFFFFF; }
/* /Components/Feedback/RealmJarLoading.razor.rz.scp.css */
.realmjar-loading[b-jbilsohlcd]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;max-width:100%;padding:16px 20px;border:1px solid #dfe5ed;border-radius:18px;background:#fff;color:#263347;box-shadow:0 8px 28px #00000014}
.loading-picture[b-jbilsohlcd]{display:block;width:72px;height:96px;background:#fff;border-radius:10px;overflow:hidden}
.loading-image[b-jbilsohlcd]{display:block;width:72px;height:96px;object-fit:contain}
.loading-label[b-jbilsohlcd]{font-family:var(--font-family,'Segoe UI',system-ui,sans-serif);font-size:13px;font-weight:500;line-height:1.5;text-align:center;overflow-wrap:anywhere}
/* /Components/Feedback/RealmJarModal.razor.rz.scp.css */
.realmjar-modal[b-m3qcn0d4wn] {
    position: fixed;
    inset: 0;
    width: min(56rem, calc(100% - 32px));
    max-width: none;
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: var(--radius-lg, 18px);
    background: var(--card-bg);
    color: var(--text-primary);
    box-shadow: var(--shadow-dialog, 0 16px 40px #00000033);
    font-family: var(--font-family);
}
.realmjar-modal[open][b-m3qcn0d4wn] { display: flex; flex-direction: column; }
.realmjar-modal[b-m3qcn0d4wn]::backdrop { background: color-mix(in srgb, var(--sidebar-bg) 60%, transparent); }
.modal-heading[b-m3qcn0d4wn] { display: flex; flex: 0 0 auto; align-items: start; justify-content: space-between; gap: var(--space-4, 16px); padding: var(--space-6, 24px) var(--space-6, 24px) var(--space-4, 16px); }
.modal-heading-copy[b-m3qcn0d4wn] { min-width: 0; overflow-wrap: anywhere; }
.modal-heading h2[b-m3qcn0d4wn] { margin: 0; color: var(--text-primary); font-size: var(--font-section-title); font-weight: var(--weight-semibold); line-height: var(--line-section-heading); }
.modal-heading p[b-m3qcn0d4wn] { margin: var(--space-1, 4px) 0 0; color: var(--text-secondary); font-size: var(--font-secondary); }
.modal-heading > span[b-m3qcn0d4wn] { flex: 0 0 auto; }
.modal-heading h2:focus-visible[b-m3qcn0d4wn] { outline: 2px solid var(--focus-ring); outline-offset: 4px; border-radius: 4px; }
.modal-body[b-m3qcn0d4wn] { min-height: 0; padding: 0 var(--space-6, 24px) var(--space-6, 24px); overflow: auto; overscroll-behavior: contain; overflow-wrap: anywhere; }
.modal-footer[b-m3qcn0d4wn] { flex: 0 0 auto; padding: var(--space-4, 16px) var(--space-6, 24px); border-top: 1px solid var(--border-color); }
@media (max-width: 600px) {
    .realmjar-modal[b-m3qcn0d4wn] { width: calc(100% - 16px); max-height: calc(100dvh - 16px); }
    .modal-heading[b-m3qcn0d4wn] { flex-wrap: wrap; padding: 16px; gap: 12px; }
    .modal-heading-copy[b-m3qcn0d4wn] { flex: 1 1 200px; }
    .modal-heading h2[b-m3qcn0d4wn] { font-size: var(--font-card-title); }
    .modal-body[b-m3qcn0d4wn] { padding: 0 var(--space-4, 16px) var(--space-4, 16px); }
    .modal-footer[b-m3qcn0d4wn] { padding: var(--space-3, 12px) var(--space-4, 16px); }
}
/* /Components/Feedback/RealmJarToast.razor.rz.scp.css */
.realmjar-toast[b-dkxottdauw] { width: 100%; min-width: 0; animation: toast-enter-b-dkxottdauw 160ms ease-out; }
.realmjar-toast[hidden][b-dkxottdauw] { display: none; }
.realmjar-toast[b-dkxottdauw]  .realmjar-alert { padding: var(--space-3, 12px) var(--space-4, 16px); border-radius: var(--radius-md, 12px); gap: var(--space-3, 12px); box-shadow: var(--shadow-menu, 0 12px 20px #00000014); }
@keyframes toast-enter-b-dkxottdauw { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .realmjar-toast[b-dkxottdauw] { animation: none; } }
/* /Components/Feedback/RedirectToLogin.razor.rz.scp.css */
/* Shared styles are defined in wwwroot/app.css. */
/* /Components/Feedback/StatusScreen.razor.rz.scp.css */
.status-screen[b-iruxi57ee6] {
    flex:1;
    display:grid;
    place-items:center;
    min-width:0;
    padding:clamp(32px, 7vh, 80px) 24px;
    background:linear-gradient(color-mix(in srgb, var(--page-bg) 38%, transparent), color-mix(in srgb, var(--page-bg) 30%, transparent)), none center bottom / cover no-repeat;
}
.status-card[b-iruxi57ee6] {
    width:min(100%, 640px);
    padding:32px 38px 40px;
    border:1px solid var(--border-color);
    border-radius:24px;
    background:var(--card-bg);
    color:var(--text-primary);
    text-align:center;
    box-shadow:0 16px 48px color-mix(in srgb, var(--text-primary) 8%, transparent);
}
.status-illustration[b-iruxi57ee6] { display:block; width:100%; margin:0 auto 26px; object-fit:cover; }
.not-found-illustration[b-iruxi57ee6] { aspect-ratio:1.65; object-position:center 52%; }
.landscape-illustration[b-iruxi57ee6] { aspect-ratio:1.78; border-radius:16px; }
.status-card h1[b-iruxi57ee6] { margin:0 0 14px; font-size:clamp(26px, 3vw, 34px); font-weight:var(--weight-semibold); line-height:1.2; }
.status-card p[b-iruxi57ee6] { margin:0; color:var(--text-secondary); font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
.status-actions[b-iruxi57ee6] { display:flex; justify-content:center; margin-top:28px; }
.status-actions[b-iruxi57ee6]  .accent-pill { min-height:44px; }
@media(max-width:760px) {
    .status-screen[b-iruxi57ee6] { padding:28px 16px; background-position:center bottom; }
    .status-card[b-iruxi57ee6] { padding:22px 20px 30px; border-radius:20px; }
    .status-illustration[b-iruxi57ee6] { margin-bottom:24px; }
    .status-card p[b-iruxi57ee6] { font-size:14px; }
    .status-actions[b-iruxi57ee6] { margin-top:24px; }
}

.status-icon[b-iruxi57ee6]{display:block;font-size:72px;color:var(--text-secondary);margin-bottom:24px}
/* /Components/Forms/ClassicPillFormInput.razor.rz.scp.css */
/* The approved ClassicPillInput child owns its shared styling. */
/* /Components/Forms/ClassicPillInput.razor.rz.scp.css */
.classic-pill-field[b-6us3wjh482] { min-width: 0; width: 100%; }
.classic-pill-label[b-6us3wjh482] { display: block; margin-bottom: 8px; color: var(--input-text); font-family: var(--input-font-family); font-size: var(--font-form-label); font-weight: var(--weight-medium); line-height: var(--line-form); }
.required-label[b-6us3wjh482] { margin-inline-start: 4px; font-weight: var(--weight-regular); color: var(--text-secondary); }
.classic-pill-control[b-6us3wjh482] { position: relative; }
.classic-pill-input[b-6us3wjh482] { box-sizing: border-box; width: 100%; min-width: 0; height: max(var(--input-height), calc(1em * var(--input-line-height) + 1rem + 2px)); padding: 0.5rem var(--field-padding-right) 0.5rem var(--field-padding-left); border: 1px solid var(--input-border); border-radius: var(--input-radius); background: var(--input-background); color: var(--input-text); font-family: var(--input-font-family); font-size: var(--input-font-size); font-weight: var(--input-font-weight); line-height: var(--input-line-height); letter-spacing: normal; }
.classic-pill-input[b-6us3wjh482]::placeholder { color: var(--input-placeholder); opacity: 1; }
.classic-pill-input:hover:not(:disabled):not(:focus)[b-6us3wjh482] { border-color: var(--input-hover-border); }
.classic-pill-input:focus[b-6us3wjh482] { border-color: var(--input-focus); outline: 2px solid var(--input-focus); outline-offset: 2px; }
.classic-pill-input:disabled[b-6us3wjh482] { color: color-mix(in srgb, var(--text-primary) 38%, transparent); background: var(--input-disabled-background); border-color: color-mix(in srgb, var(--text-primary) 12%, transparent); cursor: not-allowed; }
.classic-pill-input[aria-invalid="true"][b-6us3wjh482] { border-color: var(--input-error); }
.classic-pill-input[type="search"][b-6us3wjh482]::-webkit-search-cancel-button { appearance: none; }
.leading-icon[b-6us3wjh482] { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--text-secondary); font-size: 20px; line-height: 1; pointer-events: none; }
.trailing-controls[b-6us3wjh482] { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 8px; }
.input-action[b-6us3wjh482] { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--text-secondary); cursor: pointer; font-size: 20px; }
.input-action:disabled[b-6us3wjh482] { cursor: not-allowed; }
.input-action:focus-visible[b-6us3wjh482] { outline: 2px solid var(--focus-ring); outline-offset: -4px; }
.validation-icon[b-6us3wjh482] { display: grid; place-items: center; flex-shrink: 0; width: 20px; height: 20px; margin-right: 10px; border-radius: 50%; color: var(--on-fill, #FFFFFF); font-size: 16px; line-height: 1; }
.validation-icon.error[b-6us3wjh482] { background: var(--input-error); }
.validation-icon.success[b-6us3wjh482] { background: var(--input-success); }
.input-description[b-6us3wjh482] { display: block; margin-top: 8px; padding-inline: var(--input-padding-x, 16px); font-size: var(--font-secondary); line-height: var(--line-secondary); color: var(--text-secondary); }
.validation-message[b-6us3wjh482] { margin: 8px 0 0; padding-inline: var(--input-padding-x, 16px); text-align: left; overflow-wrap: anywhere; font-family: var(--input-font-family); font-size: var(--input-validation-font-size); font-weight: var(--input-validation-font-weight); line-height: var(--line-secondary); }
.error-message[b-6us3wjh482] { color: var(--input-error-message); }
.success-message[b-6us3wjh482] { color: var(--input-success-message); }
/* /Components/Forms/ConnectedPillSend.razor.rz.scp.css */
/* Final approved composer geometry; established input and authentication colours. */
.connected-send[b-cgvobfj1mc] { position:relative; width:100%; min-width:0; min-height:46px; border:1px solid var(--border-color,#DFE5ED); border-radius:24px; display:flex; align-items:flex-end; background:var(--card-bg); overflow:hidden; transition:border-color .2s,box-shadow .2s; }
.connected-send:focus-within[b-cgvobfj1mc] { border-color:var(--input-focus); }
textarea[b-cgvobfj1mc] { box-sizing:border-box; flex:1; min-width:0; width:100%; min-height:44px; height:44px; max-height:var(--message-max-height); resize:none; overflow-y:hidden; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--text-primary); font:13px/20px var(--font-family); padding:12px 64px 12px 14px; outline:0; display:block; }
textarea[b-cgvobfj1mc]::placeholder { color:var(--input-placeholder); opacity:1; }
.send-action[b-cgvobfj1mc] { position:absolute; right:0; bottom:0; width:46px; height:44px; padding:0; border:0; border-left:1px solid var(--border-color,#DFE5ED); background:transparent; color:var(--soft-blue,#4778c5); display:grid; place-items:center; z-index:2; cursor:pointer; }
.send-action .mdi[b-cgvobfj1mc] { font-size:19px; }
.send-action:focus-visible[b-cgvobfj1mc] { outline:2px solid var(--input-focus); outline-offset:-4px; }
.send-action:disabled[b-cgvobfj1mc] { cursor:default; opacity:.75; }
textarea:disabled[b-cgvobfj1mc] { color:var(--text-secondary); }
@media(prefers-reduced-motion:reduce) { .connected-send[b-cgvobfj1mc] { transition:none; } }
/* /Components/Forms/FileUpload.razor.rz.scp.css */
.file-upload[b-1b8agyd74d] { position: relative; min-width: 0; max-width: 100%; }
.connected[b-1b8agyd74d] { width: 100%; }
.upload-name.selected[b-1b8agyd74d] { color: var(--text-primary, #263347); }
.file-upload[b-1b8agyd74d]  .native-picker { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; }
.file-upload:not(.unavailable) .upload-control:hover[b-1b8agyd74d] { border-color: var(--text-secondary, #68788D); }
.file-upload:focus-within[b-1b8agyd74d] { outline: 2px solid #4778C5; outline-offset: 3px; border-radius: 999px; }
.unavailable[b-1b8agyd74d] { opacity: .6; }
.unavailable .upload-control[b-1b8agyd74d], .unavailable[b-1b8agyd74d]  .native-picker { cursor: not-allowed; }
.has-error .upload-control[b-1b8agyd74d] { border-color: #B64B59; }
.has-success .upload-control[b-1b8agyd74d] { border-color: #278662; }
.upload-feedback[b-1b8agyd74d] { margin: 8px 0 0; overflow-wrap: anywhere; font: 600 14px/1.5 'Segoe UI', system-ui, sans-serif; }
.error[b-1b8agyd74d] { color: var(--input-error-message, #B64B59); }
.success[b-1b8agyd74d] { color: var(--input-success-message, #278662); }
.circular[b-1b8agyd74d] { width: 56px; height: 56px; container-type: size; }
.circular .upload-control[b-1b8agyd74d] { width: 100%; height: 100%; justify-content: center; border: 0; border-radius: inherit; background: transparent; color: var(--text-primary, #263347); }
.circular .upload-icon[b-1b8agyd74d] { flex: 0 0 auto; width: min(70cqw, 70cqh); height: min(70cqw, 70cqh); border: 0; font-size: min(70cqw, 70cqh); line-height: 1; opacity: 0; transition: opacity 180ms ease; }
.circular:not(.unavailable):hover .upload-icon[b-1b8agyd74d], .circular:focus-within .upload-icon[b-1b8agyd74d] { opacity: .55; }
.circular[b-1b8agyd74d]  .native-picker { min-width: 44px; min-height: 44px; }
@media (hover: none) { .circular .upload-icon[b-1b8agyd74d] { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .circular .upload-icon[b-1b8agyd74d] { transition: none; } }
.button-picker[b-1b8agyd74d] { display: inline-flex; }
/* /Components/Forms/RealmJarSearch.razor.rz.scp.css */
/* v2: a 40px Search pill sits 4px inside the 48px field so the curves are concentric. */
.integrated-search[b-0ef9ryafgv] { --search-button-space: 118px; min-width: 0; width: 100%; flex: 1 1 240px; }
.integrated-search[b-0ef9ryafgv]  input.classic-pill-input { height: var(--input-height,48px); min-height: var(--input-height,48px); border: 1px solid var(--input-border,var(--line,#7A8799)); border-radius: 9999px; background: var(--input-background,var(--surface,#fff)); color: var(--input-text,var(--ink,#263347)); padding-left: var(--input-padding-x,16px); padding-right: calc(var(--field-padding-right,16px) + var(--search-button-space)); font: var(--input-font-weight,400) var(--input-font-size,14px)/var(--input-line-height,1.4286) var(--input-font-family,'Segoe UI',system-ui,sans-serif); }
.integrated-search[b-0ef9ryafgv]  .trailing-controls { right: calc(6px + var(--search-button-space)); }
.integrated-search[b-0ef9ryafgv]  .input-trailing-content { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; }
.integrated-search[b-0ef9ryafgv]  .search-submit { display: flex; align-items: center; }
.integrated-search[b-0ef9ryafgv]  .accent-pill { height: var(--control-height,40px); min-width: 110px; }
.integrated-search[b-0ef9ryafgv]  .classic-pill-control:not(:has(.input-action)) input[type="search"]::-webkit-search-cancel-button { appearance: auto; }
/* /Components/Forms/SoftDateTimePicker.razor.rz.scp.css */
/* Slate Studio v2: a compact calendar that floats over the page on wider screens and stays in the flow on phones. */
.soft-picker[b-6m2z312tca] { position: relative; min-width: 0; container-type: inline-size; color: var(--text-primary,var(--ink,#263347)); font-family: var(--font-family,'Segoe UI',system-ui,sans-serif); }
.picker-fields[b-6m2z312tca] { display: grid; gap: var(--space-3,12px); }
label[b-6m2z312tca] { display: block; margin-bottom: var(--space-2,8px); font-size: var(--font-form-label,14px); font-weight: var(--weight-medium,500); line-height: var(--line-form,1.4286); }
.picker-input[b-6m2z312tca] { position: relative; }
.picker-input[b-6m2z312tca]  input { box-sizing: border-box; height: var(--input-height,48px); width: 100%; min-width: 0; border-radius: 9999px; border: 1px solid var(--input-border,var(--border,var(--line,#7A8799))); background: var(--input-background,var(--bg-card,var(--paper,#fff))); color: inherit; padding: 0 52px 0 var(--input-padding-x,16px); font: var(--input-font-weight,400) var(--input-font-size,14px)/var(--input-line-height,1.4286) var(--input-font-family,'Segoe UI',system-ui,sans-serif); color-scheme: light dark; }
.picker-input[b-6m2z312tca]  input:hover:not(:disabled):not(:focus) { border-color: var(--input-hover-border,var(--text-primary)); }
.picker-input[b-6m2z312tca]  input::-webkit-calendar-picker-indicator { display: none; }
.picker-input[b-6m2z312tca]  input.invalid { border-color: var(--input-error,#B64B59); }
.picker-trigger[b-6m2z312tca] { position: absolute; right: 2px; top: 50%; width: 44px; height: 44px; margin-top: -22px; border: 0; border-radius: 50%; background: transparent; color: inherit; font-size: 20px; }
button[b-6m2z312tca] { cursor: pointer; }
button:disabled[b-6m2z312tca],input:disabled[b-6m2z312tca] { opacity: .5; cursor: not-allowed; }
button:focus-visible[b-6m2z312tca],input:focus-visible[b-6m2z312tca] { outline: 2px solid var(--focus-ring,#4270B7); outline-offset: 2px; }
/* South African style value over the native input, which would otherwise show the browser's US format. */
.value-summary[b-6m2z312tca] { position: absolute; left: var(--input-padding-x,16px); right: 52px; top: 50%; transform: translateY(-50%); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; font: var(--input-font-weight,400) var(--input-font-size,14px)/var(--input-line-height,1.4286) var(--input-font-family,'Segoe UI',system-ui,sans-serif); }
.value-summary.is-empty[b-6m2z312tca] { color: var(--text-secondary,#667A98); }
.picker-input[b-6m2z312tca]  input:not(:focus):not(.range-native) { color: transparent; }
.picker-input[b-6m2z312tca]  input:focus ~ .value-summary { display: none; }
.picker-input[b-6m2z312tca]  input:disabled ~ .value-summary { opacity: .5; }
.picker-input[b-6m2z312tca]  .range-native { position: absolute; width: 1px; height: 1px; padding: 0; opacity: 0; pointer-events: none; }
.range-trigger[b-6m2z312tca] { position: relative; inset: auto; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4,16px); width: 100%; height: var(--input-height,48px); margin: 0; padding: 0 var(--input-padding-x,16px); border: 1px solid var(--input-border,var(--border,var(--line,#7A8799))); border-radius: 9999px; background: var(--input-background,var(--bg-card,var(--paper,#fff))); font: var(--input-font-weight,400) var(--input-font-size,14px)/var(--input-line-height,1.4286) var(--input-font-family,'Segoe UI',system-ui,sans-serif); text-align: left; }
.confirmed-summary[b-6m2z312tca] { min-width: 0; overflow-wrap: anywhere; }
.range-trigger .mdi[b-6m2z312tca] { flex: none; font-size: 20px; }

/* Panel: floats below the field (or above it when there is more room there). */
.picker-panel[b-6m2z312tca] { position: absolute; z-index: 40; top: calc(100% + var(--space-1,4px)); left: 0; box-sizing: border-box; width: 338px; max-width: calc(100vw - 32px); padding: var(--space-4,16px); border: 1px solid var(--border-color,var(--line,#DFE5ED)); border-radius: var(--radius-lg,18px); background: var(--card-bg,var(--bg-card,#fff)); box-shadow: var(--shadow-menu,0 12px 20px #00000014); container-type: inline-size; }
.soft-picker[data-placement="top"] .picker-panel[b-6m2z312tca] { top: auto; bottom: calc(100% + var(--space-1,4px)); }
/* With times the panel is wide enough for calendar and times side by side; a time-only picker needs the list alone. */
.soft-picker:is([data-mode="datetime-local"],[data-include-time="true"]) .picker-panel[b-6m2z312tca] { width: 586px; }
.soft-picker[data-mode="time"] .picker-panel[b-6m2z312tca] { width: 300px; }
.soft-picker[data-placement="inline"] .picker-panel[b-6m2z312tca] { position: static; width: 100%; max-width: none; margin-top: var(--space-2,8px); box-shadow: none; }
.picker-selection[b-6m2z312tca] { display: grid; gap: var(--space-4,16px); }
.calendar[b-6m2z312tca],.time-selection[b-6m2z312tca] { min-width: 0; }
.month-navigation[b-6m2z312tca] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2,8px); max-width: 304px; margin-bottom: var(--space-1,4px); font-size: 14px; font-weight: var(--weight-semibold,600); }
.month-jump[b-6m2z312tca] { display: flex; gap: var(--space-1,4px); min-width: 0; }
.month-jump .month-title[b-6m2z312tca] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.month-jump select[b-6m2z312tca] { min-height: 36px; padding: 0 var(--space-2,8px); border: 1px solid var(--input-border,#d6deea); border-radius: 18px; background: var(--input-background,transparent); color: inherit; font: inherit; }
.month-navigation button[b-6m2z312tca] { position: relative; isolation: isolate; width: 40px; height: 40px; border: 0; border-radius: 50%; background: transparent; color: inherit; font-size: 20px; }
.weekdays[b-6m2z312tca],.calendar-days[b-6m2z312tca] { display: grid; grid-template-columns: repeat(7,40px); gap: 4px; text-align: center; }
.weekdays[b-6m2z312tca] { font-size: 12px; line-height: 16px; color: var(--text-secondary,var(--muted,#68788D)); padding: var(--space-1,4px) 0; }
.calendar-days[b-6m2z312tca]  button,.time-options[b-6m2z312tca]  button { position: relative; isolation: isolate; overflow: hidden; border: 0; background: transparent; color: inherit; font: 400 14px/1 var(--font-family,'Segoe UI',system-ui,sans-serif); font-variant-numeric: tabular-nums; }
.calendar-days[b-6m2z312tca]  button { width: 40px; height: 40px; border-radius: 50%; }
.calendar-days[b-6m2z312tca]  button:focus-visible,.time-options[b-6m2z312tca]  button:focus-visible { outline-offset: 0; }
.month-navigation button[b-6m2z312tca]::after,.calendar-days[b-6m2z312tca]  button::after,.time-options[b-6m2z312tca]  button::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: currentColor; opacity: 0; z-index: -2; transition: opacity 150ms ease; }
.month-navigation button:hover[b-6m2z312tca]::after,.calendar-days[b-6m2z312tca]  button:not(:disabled):not(.selected):hover::after,.time-options[b-6m2z312tca]  button:not(:disabled):not(.selected):hover::after { opacity: var(--state-hover,.08); }
.time-options[b-6m2z312tca] { position: relative; display: grid; grid-template-columns: repeat(3,minmax(64px,1fr)); gap: var(--space-2,8px); max-height: 264px; overflow: auto; overscroll-behavior: contain; padding: 2px; }
.time-options[b-6m2z312tca]  button { height: 36px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--border-color,#DFE5ED); }
.calendar-days[b-6m2z312tca]  button::before,.time-options[b-6m2z312tca]  button::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--primary,#4270B7); border-radius: inherit; clip-path: circle(0 at 50% 50%); transition: clip-path 200ms ease; }
.calendar-days[b-6m2z312tca]  button.selected,.time-options[b-6m2z312tca]  button.selected { color: var(--on-primary,#fff); font-weight: var(--weight-medium,500); }
.calendar-days[b-6m2z312tca]  button.selected::before,.time-options[b-6m2z312tca]  button.selected::before { clip-path: circle(75% at 50% 50%); }
.calendar-days[b-6m2z312tca]  button.in-range { background: color-mix(in srgb,var(--primary,#4270B7) 15%,transparent); border-radius: var(--radius-sm,8px); }
.calendar-days[b-6m2z312tca]  button.today { box-shadow: inset 0 0 0 1px var(--primary-text,#4270B7); }
.calendar-days[b-6m2z312tca]  button.other-month { color: var(--text-muted,var(--muted,#68788D)); }
/* Days and times outside the field's limits look unavailable; the plain button:disabled rule above does not reach these ::deep buttons. */
.calendar-days[b-6m2z312tca]  button:disabled,.time-options[b-6m2z312tca]  button:disabled { opacity: .35; cursor: not-allowed; }
.picker-help[b-6m2z312tca],.draft-summary[b-6m2z312tca],.picker-error[b-6m2z312tca] { margin: var(--space-2,8px) 0 0; font-size: 13px; line-height: 20px; color: var(--text-secondary,#68788D); overflow-wrap: anywhere; }
.picker-help:first-child[b-6m2z312tca] { margin: 0 0 var(--space-2,8px); }
.picker-error[b-6m2z312tca] { color: var(--input-error-message,#B64B59); }
h3[b-6m2z312tca] { margin: 0 0 var(--space-2,8px); font-size: 12px; font-weight: var(--weight-medium,500); line-height: 24px; color: var(--text-secondary,#68788D); }
.calendar-footer[b-6m2z312tca] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2,8px); margin-top: var(--space-3,12px); padding-top: var(--space-2,8px); border-top: 1px solid var(--border-color,var(--line,#DFE5ED)); font-size: 12px; color: var(--text-secondary,var(--muted,#68788D)); }
.calendar-footer button[b-6m2z312tca] { min-height: 36px; padding: 0 var(--space-1,4px); border: 0; background: transparent; color: var(--primary-text,#4270B7); font: 500 13px/1 var(--font-family,'Segoe UI',system-ui,sans-serif); }
/* Calendar and times side by side whenever the panel has room. */
@container(min-width:480px) { .with-time[b-6m2z312tca] { grid-template-columns: 304px minmax(208px,1fr); } .with-time .time-selection[b-6m2z312tca] { padding-left: var(--space-4,16px); border-left: 1px solid var(--border-color,var(--line,#DFE5ED)); } }
.picker-actions[b-6m2z312tca] { display: flex; justify-content: end; flex-wrap: wrap; gap: var(--space-2,8px); margin-top: var(--space-3,12px); }
.picker-actions button[b-6m2z312tca] { height: var(--control-height,40px); padding: 0 var(--space-5,20px); border: 0; border-radius: 999px; background: transparent; color: var(--primary-text,#4270B7); font: 500 14px/1 var(--font-family,'Segoe UI',system-ui,sans-serif); }
.picker-actions [data-confirm][b-6m2z312tca] { background: var(--primary,#4270B7); color: var(--on-primary,#fff); }

/* Phones: the panel joins the page flow at full width; cells shrink to fit 320px screens. */
@media (max-width: 600px) {
    .soft-picker[data-mode] .picker-panel[b-6m2z312tca] { position: static; width: 100%; min-width: 0; max-width: none; margin-top: var(--space-2,8px); box-shadow: none; }
    .weekdays[b-6m2z312tca],.calendar-days[b-6m2z312tca] { grid-template-columns: repeat(7,minmax(0,40px)); gap: 2px; justify-content: space-between; }
    .calendar-days[b-6m2z312tca]  button { width: 100%; max-width: 40px; height: auto; aspect-ratio: 1; justify-self: center; }
    .month-navigation[b-6m2z312tca] { max-width: none; }
    .time-options[b-6m2z312tca] { grid-template-columns: repeat(4,minmax(0,1fr)); max-height: 168px; }
}
[hidden][b-6m2z312tca] { display: none !important; }
@media(prefers-reduced-motion:reduce) { .calendar-days[b-6m2z312tca]  button::before,.time-options[b-6m2z312tca]  button::before,.month-navigation button[b-6m2z312tca]::after,.calendar-days[b-6m2z312tca]  button::after,.time-options[b-6m2z312tca]  button::after { transition: none; } }
/* /Components/Marketing/EnginePreview.razor.rz.scp.css */
/* Every size is in em so one font-size scales the whole preview (compact on the home page). */
.engine-preview[b-yxzrren8vq] {
    --ink: #092f40;
    --body: #4a6370;
    --line: #e6ebe8;
    --soft: #f3f5f2;
    --amber: #ffb921;
    --go: #1d8a5f;
    --stage: linear-gradient(145deg, #0f6170, #0a3442);
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 20em;
    padding: 2.4em 2.4em 0;
    overflow: hidden;
    border-radius: 1.25em;
    background: var(--stage);
    font-size: 15px;
    line-height: 1.3;
    color: var(--ink);
    box-sizing: border-box;
    isolation: isolate;
}
.engine-preview *[b-yxzrren8vq], .engine-preview *[b-yxzrren8vq]::before { box-sizing: border-box; }
/* A soft light behind the window gives each stage some depth. */
.engine-preview[b-yxzrren8vq]::before {
    content: "";
    position: absolute;
    inset: -30% 20% auto -20%;
    height: 90%;
    background: radial-gradient(closest-side, rgba(255, 255, 255, .35), transparent);
    z-index: -1;
}
.engine-preview.compact[b-yxzrren8vq] { font-size: 10.5px; }
.engine-commerce[b-yxzrren8vq] { --stage: linear-gradient(145deg, #ffd27a, #f08a3c); }
.engine-bookings[b-yxzrren8vq] { --stage: linear-gradient(145deg, #cdbdf7, #7d67de); }
.engine-portal[b-yxzrren8vq] { --stage: linear-gradient(145deg, #b4ead2, #2f9e78); }
.engine-field[b-yxzrren8vq] { --stage: linear-gradient(145deg, #a9dbf7, #2f7fc9); }
.engine-insights[b-yxzrren8vq] { --stage: linear-gradient(145deg, #23495a, #071f2b); }

.window[b-yxzrren8vq] {
    width: 100%;
    min-height: 17.6em;
    border-radius: .9em .9em 0 0;
    background: #fff;
    box-shadow: 0 1.6em 3.2em -.8em rgba(4, 28, 38, .55);
    transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
.engine-preview:hover .window[b-yxzrren8vq] { transform: translateY(-.35em); }
.bar[b-yxzrren8vq] { display: flex; align-items: center; gap: .38em; padding: .7em .9em; border-bottom: 1px solid var(--line); }
.bar i[b-yxzrren8vq] { width: .62em; height: .62em; border-radius: 50%; background: #e4e8e6; }
.bar i:first-child[b-yxzrren8vq] { background: #ff8a7a; }
.bar i:nth-child(2)[b-yxzrren8vq] { background: var(--amber); }
.bar i:nth-child(3)[b-yxzrren8vq] { background: #6fd19a; }
.bar span[b-yxzrren8vq] { margin-left: .6em; font-size: .78em; font-weight: 600; color: #8a9ca4; }
.screen[b-yxzrren8vq] { padding: .9em 1em 1.1em; }

.head[b-yxzrren8vq] { display: flex; align-items: center; justify-content: space-between; gap: 1em; margin-bottom: .75em; }
.head strong[b-yxzrren8vq] { font-size: 1em; }
.muted[b-yxzrren8vq] { font-size: .8em; color: #7d9099; }
.tag[b-yxzrren8vq] { flex-shrink: 0; padding: .28em .62em; border-radius: 99em; font-size: .72em; font-style: normal; font-weight: 700; background: #e3f4ec; color: var(--go); }
.tag.wait[b-yxzrren8vq] { background: #fff1d0; color: #9a6500; }
.tag.action[b-yxzrren8vq] { background: var(--ink); color: #fff; }
.track[b-yxzrren8vq] { height: .42em; border-radius: 99em; background: var(--soft); overflow: hidden; }
.track i[b-yxzrren8vq] { display: block; width: var(--to); height: 100%; border-radius: inherit; background: var(--amber); animation: fill-b-yxzrren8vq 1.6s cubic-bezier(.2, .8, .2, 1) both; }

/* Tours */
.live[b-yxzrren8vq] { display: inline-flex; align-items: center; gap: .45em; font-size: .78em; font-weight: 600; color: var(--go); }
.live b[b-yxzrren8vq] { width: .55em; height: .55em; border-radius: 50%; background: var(--go); animation: pulse-b-yxzrren8vq 1.8s ease-out infinite; }
.tour-row[b-yxzrren8vq] { display: grid; grid-template-columns: 3.2em minmax(0, 1fr) auto; align-items: center; gap: .7em; padding: .55em 0; border-top: 1px solid var(--line); }
.tour-row time[b-yxzrren8vq] { font-size: .82em; font-weight: 700; color: #7d9099; }
.tour-row strong[b-yxzrren8vq], .tour-row span[b-yxzrren8vq] { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tour-row strong[b-yxzrren8vq] { font-size: .9em; }
.tour-row div span[b-yxzrren8vq] { font-size: .74em; color: #7d9099; }
.trip[b-yxzrren8vq] { margin-top: .7em; padding: .7em .8em; border-radius: .6em; background: var(--soft); }
.trip span[b-yxzrren8vq] { display: block; margin-bottom: .5em; font-size: .74em; color: var(--body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.trip b[b-yxzrren8vq] { color: var(--ink); }

/* Ecommerce */
.pill[b-yxzrren8vq] { display: inline-flex; align-items: center; gap: .35em; padding: .3em .7em; border-radius: 99em; background: var(--ink); color: #fff; font-size: .76em; font-weight: 700; }
.shop-grid[b-yxzrren8vq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7em; }
.item span[b-yxzrren8vq], .item strong[b-yxzrren8vq] { display: block; font-size: .76em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.item span[b-yxzrren8vq] { margin-top: .5em; color: var(--body); }
.thumb[b-yxzrren8vq] { position: relative; aspect-ratio: 1; border-radius: .6em; overflow: hidden; }
.thumb span[b-yxzrren8vq] { position: absolute; inset: 22% 26%; margin: 0; border-radius: .5em .5em 1.4em 1.4em; background: rgba(255, 255, 255, .55); }
.t1[b-yxzrren8vq] { background: linear-gradient(160deg, #f6dcc4, #e9b48e); }
.t2[b-yxzrren8vq] { background: linear-gradient(160deg, #cfe3dc, #8fbcae); }
.t2 span[b-yxzrren8vq] { inset: 30% 28% 22%; border-radius: .3em .3em 1em 1em; }
.t3[b-yxzrren8vq] { background: linear-gradient(160deg, #dcd7f3, #a99ee0); }
.t3 span[b-yxzrren8vq] { inset: 26% 24% 18%; border-radius: .2em; }
.order[b-yxzrren8vq] { display: flex; align-items: center; gap: .8em; margin-top: .9em; padding: .65em .8em; border-radius: .6em; background: var(--soft); font-size: .8em; font-weight: 600; }
.order > span[b-yxzrren8vq] { white-space: nowrap; }
.steps[b-yxzrren8vq] { display: flex; flex: 1; gap: .3em; }
.steps i[b-yxzrren8vq] { flex: 1; height: .38em; border-radius: 99em; background: #dfe5e2; }
.steps .done[b-yxzrren8vq] { background: var(--go); }
.steps .now[b-yxzrren8vq] { background: var(--amber); animation: blink-b-yxzrren8vq 1.6s ease-in-out infinite; }
.order .tag[b-yxzrren8vq] { font-size: .9em; }

/* Bookings */
.cal-days[b-yxzrren8vq], .cal-grid[b-yxzrren8vq] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .4em; }
.cal-days span[b-yxzrren8vq] { font-size: .72em; font-weight: 700; color: #7d9099; text-align: center; }
.cal-grid[b-yxzrren8vq] { grid-template-rows: repeat(4, 1.9em); margin-top: .45em; padding: .4em; border-radius: .6em; background: repeating-linear-gradient(to bottom, var(--soft) 0 2.3em, #fff 2.3em 2.35em); }
.cal-grid i[b-yxzrren8vq] { border-radius: .45em; }
.b1[b-yxzrren8vq] { background: #ddd5fb; }
.b2[b-yxzrren8vq] { background: #ffe3a6; }
.b3[b-yxzrren8vq] { background: #c9ecdb; }
.cal-grid .new[b-yxzrren8vq] { background: #7d67de; box-shadow: 0 .3em .9em -.2em rgba(125, 103, 222, .7); animation: pop-b-yxzrren8vq .6s .4s cubic-bezier(.3, 1.6, .5, 1) both; }
.toast[b-yxzrren8vq] { display: flex; align-items: center; gap: .6em; width: max-content; max-width: 100%; margin: -1.2em 0 0 auto; padding: .6em .85em; position: relative; border-radius: .7em; background: var(--ink); color: #fff; box-shadow: 0 .8em 1.6em -.6em rgba(4, 28, 38, .6); animation: rise-b-yxzrren8vq .7s .9s cubic-bezier(.2, .8, .2, 1) both; }
.toast .mdi[b-yxzrren8vq] { font-size: 1.3em; color: #7fe0ae; }
.toast strong[b-yxzrren8vq], .toast span[b-yxzrren8vq] { display: block; font-size: .78em; }
.toast div span[b-yxzrren8vq] { color: #b6c7cd; }

/* Client portal */
.portal[b-yxzrren8vq] { display: grid; grid-template-columns: 2.6em minmax(0, 1fr); gap: .9em; }
.nav[b-yxzrren8vq] { display: flex; flex-direction: column; gap: .5em; padding: .5em 0; border-radius: .7em; background: var(--soft); align-items: center; }
.nav span[b-yxzrren8vq] { display: grid; place-items: center; width: 1.9em; height: 1.9em; border-radius: .5em; font-size: 1em; color: #8a9ca4; }
.nav .on[b-yxzrren8vq] { background: var(--ink); color: #fff; }
.portal-main > .muted[b-yxzrren8vq] { display: block; margin-bottom: .55em; }
.project[b-yxzrren8vq] { padding: .7em .8em; border-radius: .6em; border: 1px solid var(--line); }
.project div:first-child[b-yxzrren8vq] { display: flex; justify-content: space-between; margin-bottom: .5em; font-size: .86em; }
.project div:first-child span[b-yxzrren8vq] { font-weight: 700; color: var(--go); }
.task[b-yxzrren8vq] { display: flex; align-items: center; gap: .6em; margin-top: .55em; padding: .5em .2em; border-bottom: 1px solid var(--line); font-size: .84em; }
.task > span:nth-child(2)[b-yxzrren8vq] { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.task .mdi[b-yxzrren8vq] { color: #8a9ca4; font-size: 1.15em; }
.task .tag[b-yxzrren8vq] { font-size: .84em; }

/* Field service */
.map[b-yxzrren8vq] { position: relative; height: 15em; margin: -.9em -1em -1.1em; overflow: hidden; background: #eef3f0; }
.map svg[b-yxzrren8vq] { position: absolute; inset: 0; width: 100%; height: 100%; }
.road[b-yxzrren8vq] { fill: none; stroke: #fff; stroke-width: 9; vector-effect: non-scaling-stroke; }
.route[b-yxzrren8vq] { fill: none; stroke: #2f7fc9; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 2 9; vector-effect: non-scaling-stroke; animation: march-b-yxzrren8vq 1.2s linear infinite; }
.pin[b-yxzrren8vq] { position: absolute; display: grid; place-items: center; width: 1.8em; height: 1.8em; margin: -.9em 0 0 -.9em; border: .18em solid #fff; border-radius: 50%; background: #9db0b8; color: #fff; font-size: .78em; box-shadow: 0 .3em .6em rgba(4, 28, 38, .3); }
.pin.done[b-yxzrren8vq] { background: var(--go); }
.pin.now[b-yxzrren8vq] { background: #2f7fc9; animation: ping-b-yxzrren8vq 1.8s ease-out infinite; }
.job[b-yxzrren8vq] { position: absolute; right: .9em; bottom: .9em; padding: .65em .85em; border-radius: .7em; background: #fff; box-shadow: 0 .8em 1.6em -.6em rgba(4, 28, 38, .45); }
.job span[b-yxzrren8vq], .job strong[b-yxzrren8vq] { display: block; white-space: nowrap; }
.job span[b-yxzrren8vq] { font-size: .72em; color: #7d9099; }
.job strong[b-yxzrren8vq] { margin: .15em 0; font-size: .9em; }

/* Operations dashboard */
.kpis[b-yxzrren8vq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55em; }
.kpis div[b-yxzrren8vq] { min-width: 0; padding: .6em .7em; border-radius: .6em; background: var(--soft); }
.kpis span[b-yxzrren8vq], .kpis strong[b-yxzrren8vq], .kpis em[b-yxzrren8vq] { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpis span[b-yxzrren8vq] { font-size: .7em; color: #7d9099; }
.kpis strong[b-yxzrren8vq] { margin: .15em 0; font-size: 1.05em; }
.kpis em[b-yxzrren8vq] { font-size: .7em; font-style: normal; font-weight: 700; }
.up[b-yxzrren8vq] { color: var(--go); }
.down[b-yxzrren8vq] { color: #c2412d; }
.chart[b-yxzrren8vq] { display: flex; align-items: flex-end; gap: .35em; height: 6.4em; margin-top: .9em; padding-bottom: .1em; border-bottom: 1px solid var(--line); }
.chart i[b-yxzrren8vq] { flex: 1; height: var(--h); border-radius: .3em .3em 0 0; background: #c9d6dc; transform-origin: bottom; animation: grow-b-yxzrren8vq .9s calc(var(--i) * 45ms) cubic-bezier(.2, .8, .2, 1) both; }
.chart .latest[b-yxzrren8vq] { background: var(--amber); }
.chart-foot[b-yxzrren8vq] { display: flex; justify-content: space-between; margin-top: .45em; font-size: .7em; color: #7d9099; }

@keyframes pulse-b-yxzrren8vq { 0% { box-shadow: 0 0 0 0 rgba(29, 138, 95, .5); } 100% { box-shadow: 0 0 0 .7em rgba(29, 138, 95, 0); } }
@keyframes ping-b-yxzrren8vq { 0% { box-shadow: 0 0 0 0 rgba(47, 127, 201, .55), 0 .3em .6em rgba(4, 28, 38, .3); } 100% { box-shadow: 0 0 0 1em rgba(47, 127, 201, 0), 0 .3em .6em rgba(4, 28, 38, .3); } }
@keyframes blink-b-yxzrren8vq { 50% { opacity: .45; } }
@keyframes fill-b-yxzrren8vq { from { width: 0; } }
@keyframes grow-b-yxzrren8vq { from { transform: scaleY(0); } }
@keyframes pop-b-yxzrren8vq { from { transform: scale(.4); opacity: 0; } }
@keyframes rise-b-yxzrren8vq { from { transform: translateY(1em); opacity: 0; } }
@keyframes march-b-yxzrren8vq { to { stroke-dashoffset: -11; } }

@media (prefers-reduced-motion: reduce) {
    .engine-preview *[b-yxzrren8vq], .engine-preview .window[b-yxzrren8vq] { animation: none !important; transition: none !important; }
}
/* /Components/Marketing/LegalDocument.razor.rz.scp.css */
.legal-document[b-qqali222wh]{max-width:1240px;margin:0 auto;padding:48px 40px 100px}.legal-heading[b-qqali222wh]{max-width:860px;padding:0 0 54px}.legal-back[b-qqali222wh]{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:600;margin-bottom:34px}.legal-eyebrow[b-qqali222wh]{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;color:#65787b;margin-bottom:18px}.legal-heading h1[b-qqali222wh]{font-size:clamp(42px,5vw,68px);font-weight:750;letter-spacing:-.055em;line-height:1.08;margin:0 0 24px;text-wrap:balance}.legal-heading>p[b-qqali222wh]{max-width:720px;font-size:18px;line-height:1.8;color:#526c76;margin:0 0 22px}.legal-updated[b-qqali222wh]{font-size:12px;color:#647880;display:flex;gap:8px}.legal-updated time[b-qqali222wh]{font-weight:600;color:#244b59}.legal-body[b-qqali222wh]{border-top:1px solid #dae1de;padding-top:44px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px}.legal-body aside[b-qqali222wh]{align-self:start;position:sticky;top:120px}.legal-body nav[b-qqali222wh]{display:grid;gap:2px}.legal-body nav>span[b-qqali222wh]{font-size:10px;font-weight:700;letter-spacing:.12em;color:#687d83;margin-bottom:12px}.legal-body nav a[b-qqali222wh]{font-size:13px;line-height:1.5;padding:9px 0;color:#355965;min-height:38px}.legal-body nav a:hover[b-qqali222wh]{color:#082e3e;text-decoration:underline;text-underline-offset:4px}.legal-help[b-qqali222wh]{margin-top:28px;padding:20px;background:#f0ede3;border-radius:16px;font-size:13px}.legal-help strong[b-qqali222wh]{font-size:14px}.legal-help p[b-qqali222wh]{margin:8px 0;color:#526b75}.legal-help a[b-qqali222wh]{display:inline-flex;align-items:center;gap:8px;min-height:36px;overflow-wrap:anywhere}.legal-body article[b-qqali222wh]{min-width:0;max-width:790px}.legal-body article[b-qqali222wh]  section{scroll-margin-top:126px;margin-bottom:38px}.legal-body article[b-qqali222wh]  h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;font-weight:700;margin:0 0 15px}.legal-body article[b-qqali222wh]  p,.legal-body article[b-qqali222wh]  li{font-size:15px;line-height:1.9;color:#44636f}.legal-body article[b-qqali222wh]  p{margin:0 0 16px}.legal-body article[b-qqali222wh]  ul{padding-left:22px;margin:0 0 18px}.legal-body article[b-qqali222wh]  li{padding-left:5px;margin-bottom:9px}.legal-body article[b-qqali222wh]  a{color:#123f51;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-body article[b-qqali222wh]  strong{font-weight:650;color:#244b59}.legal-closing[b-qqali222wh]{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #dce3df;border-radius:20px;padding:26px;margin-top:48px}.legal-closing>.mdi[b-qqali222wh]{font-size:26px;color:#a56c00}.legal-closing h2[b-qqali222wh]{font-size:21px;margin:0 0 8px}.legal-closing p[b-qqali222wh]{font-size:14px;color:#526b75;line-height:1.7;margin:0}.legal-closing a[b-qqali222wh]{text-decoration:underline;text-underline-offset:3px}@media(max-width:850px){.legal-document[b-qqali222wh]{padding:32px 28px 70px}.legal-body[b-qqali222wh]{grid-template-columns:190px minmax(0,1fr);gap:36px}.legal-heading[b-qqali222wh]{padding-bottom:36px}.legal-body aside[b-qqali222wh]{top:104px}}@media(max-width:640px){.legal-document[b-qqali222wh]{padding:24px 22px 56px}.legal-back[b-qqali222wh]{margin-bottom:24px}.legal-heading h1[b-qqali222wh]{font-size:44px;overflow-wrap:anywhere}.legal-heading>p[b-qqali222wh]{font-size:16px}.legal-body[b-qqali222wh]{grid-template-columns:1fr;gap:32px;padding-top:28px}.legal-body aside[b-qqali222wh]{position:static}.legal-body nav[b-qqali222wh]{padding:20px;border-radius:16px;background:#f0ede3;grid-template-columns:1fr 1fr;column-gap:18px}.legal-body nav>span[b-qqali222wh]{grid-column:1/-1;margin-bottom:8px}.legal-body nav a[b-qqali222wh]{font-size:12px;padding:8px 0}.legal-help[b-qqali222wh]{display:none}.legal-body article[b-qqali222wh]  h2{font-size:22px}.legal-closing[b-qqali222wh]{padding:22px;gap:14px}.legal-body article[b-qqali222wh]  section{scroll-margin-top:100px}}@media(max-width:360px){.legal-body nav[b-qqali222wh]{grid-template-columns:1fr}.legal-heading h1[b-qqali222wh]{font-size:40px}}
/* /Components/Navigation/ConnectedPillTabs.razor.rz.scp.css */
/* Slate Studio v2: 48px track, 40px options, text-primary inactive labels, scrolls when options do not fit. */
.connected-tabs[b-3rudfyk9l5]{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:var(--space-1,4px);max-width:100%;height:var(--control-height-lg,48px);padding:var(--space-1,4px);border:1px solid var(--border-color);border-radius:999px;background:var(--topbar-bg);font-family:var(--font-family);overflow-x:auto;scrollbar-width:none}
.connected-tabs[b-3rudfyk9l5]::-webkit-scrollbar{display:none}
.connected-tab-indicator[b-3rudfyk9l5]{display:none;position:absolute;top:var(--space-1,4px);bottom:var(--space-1,4px);left:0;width:var(--tab-indicator-width);transform:translateX(var(--tab-indicator-x));border-radius:999px;background:var(--sidebar-bg);box-shadow:var(--shadow-raised);pointer-events:none;z-index:-1}
.connected-tabs[data-indicator-ready] .connected-tab-indicator[b-3rudfyk9l5]{display:block;transition:transform 250ms cubic-bezier(.2,0,0,1),width 250ms cubic-bezier(.2,0,0,1)}
.connected-tabs[data-indicator-ready] :is(a,button)[b-3rudfyk9l5]{background:transparent;box-shadow:none;color:var(--text-primary)}
.connected-tabs[data-indicator-ready] [data-visual-active="true"][b-3rudfyk9l5]{color:var(--sidebar-text)}
.connected-tabs :is(a,button)[b-3rudfyk9l5]{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:var(--control-height,40px);min-width:0;padding:0 var(--space-5,20px);border:0;border-radius:999px;background:transparent;color:var(--text-primary);font-size:var(--font-button);font-weight:var(--weight-medium);line-height:var(--line-button);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background 200ms ease,color 200ms ease}
.connected-tabs :is(a,button)[b-3rudfyk9l5]::after{content:'';position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;pointer-events:none;z-index:-1;transition:opacity 150ms ease}
.connected-tabs [aria-selected="true"][b-3rudfyk9l5]{background:var(--sidebar-bg);color:var(--sidebar-text);box-shadow:var(--shadow-raised)}
.connected-tabs :is(a,button):not([aria-selected="true"]):not([data-visual-active="true"]):not(:disabled):hover[b-3rudfyk9l5]::after{opacity:var(--state-hover,.08)}
.connected-tabs :is(a,button):focus-visible[b-3rudfyk9l5]{outline:2px solid var(--focus-ring);outline-offset:-2px}
.connected-tabs button:disabled[b-3rudfyk9l5]{color:color-mix(in srgb,var(--text-primary) 38%,transparent);cursor:not-allowed}
@media(max-width:760px){.connected-tabs :is(a,button)[b-3rudfyk9l5]{padding-inline:var(--space-4,16px)}}
@media(prefers-reduced-motion:reduce){.connected-tabs :is(a,button)[b-3rudfyk9l5],.connected-tabs :is(a,button)[b-3rudfyk9l5]::after,.connected-tabs[data-indicator-ready] .connected-tab-indicator[b-3rudfyk9l5]{transition:none}}
/* /Components/Navigation/WorkspaceTaskActions.razor.rz.scp.css */
.workspace-task-actions[b-h3bpn8g7el] { position: sticky; top: 0; z-index: 4; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding: 8px 0; margin: 0 0 12px; background: var(--bg-card,var(--surface,#fff)); border-bottom: 1px solid var(--border,var(--line)); }
.back-link[b-h3bpn8g7el] { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.workspace-page-actions[b-h3bpn8g7el] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
@media(max-width:760px) { .workspace-task-actions[b-h3bpn8g7el] { top: -1px; } }
/* /Components/Profiles/ProfileAvatar.razor.rz.scp.css */
.profile-avatar[b-m8aalx5jsf] { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; flex: 0 0 56px; border: 2px solid #4778C5; border-radius: 50%; overflow: hidden; background: var(--bg-elevated, #E9EDF3); color: var(--text-primary, #263347); font-size: 18px; font-weight: 600; }
img[b-m8aalx5jsf] { width: 100%; height: 100%; object-fit: cover; display: block; }
/* /Components/Records/RecordContainer.razor.rz.scp.css */
.record-container[b-0key1d1gan] { min-width: 0; margin: 20px 0; border: 1px solid var(--border,var(--line,#DFE5ED)); border-radius: var(--card-radius,18px); background: var(--bg-card,var(--paper,#fff)); color: var(--text-primary,var(--ink,#263347)); }
.record-toolbar[b-0key1d1gan] { position: relative; z-index: 2; display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px; padding: 16px; border-bottom: 1px solid var(--border,var(--line,#DFE5ED)); background: inherit; border-radius: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.record-search[b-0key1d1gan] { flex: 1 1 260px; min-width: 0; display: flex; align-items: flex-end; gap: 12px; }
.record-search[b-0key1d1gan]  > :is(.profile-action,.accent-pill) { margin-bottom: calc((var(--input-height,48px) - var(--button-standard-size,40px)) / 2); }
.record-count[b-0key1d1gan] { font-size: 12px; color: var(--text-secondary,var(--muted,#68788D)); }
/* The search label sits above its box, so the Filters button and count line up with the box, not the label. */
.record-filter-toggle[b-0key1d1gan], .record-count[b-0key1d1gan] { display: flex; align-items: center; min-height: var(--input-height,48px); }
.record-body[b-0key1d1gan] { position: relative; isolation: isolate; min-width: 0; }
.record-scroll[b-0key1d1gan] { overflow: auto; padding: 0 16px 16px; }
.constrained .record-scroll[b-0key1d1gan] { max-height: min(65dvh,var(--record-available,650px)); }
.record-scroll:focus-visible[b-0key1d1gan] { outline: 2px solid var(--focus-ring,#4270B7); outline-offset: -2px; }
.record-scroll[b-0key1d1gan]  table { width: 100%; border-collapse: separate; border-spacing: 0; }
.record-scroll[b-0key1d1gan]  thead th { position: sticky; top: 0; z-index: 1; background: var(--bg-elevated,var(--bg-card,var(--paper,#fff))); }
.record-scroll[b-0key1d1gan]  td { font-variant-numeric: tabular-nums; }
.record-filter-fields[b-0key1d1gan] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: var(--space-6,24px); }
.record-filter-fields[b-0key1d1gan]  .picker-panel { position: relative; top: auto; bottom: auto; left: auto; max-width: 100%; margin-top: 4px; }
.record-filter-actions[b-0key1d1gan] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3,12px); }
.record-footer[b-0key1d1gan] { padding: 12px 16px; border-top: 1px solid var(--border,var(--line,#DFE5ED)); }
.record-footer:has(> nav:empty)[b-0key1d1gan], .record-footer:empty[b-0key1d1gan] { display: none; }
[hidden][b-0key1d1gan] { display: none !important; }
@media(max-width:760px) {
    .record-toolbar[b-0key1d1gan] { padding: 12px; gap: 4px 8px; }
    .record-filter-fields[b-0key1d1gan] { grid-template-columns: 1fr; }
    .record-scroll[b-0key1d1gan] { padding: 0 12px 12px; }
    /* Phones keep search and Filters on one line: Filters becomes an icon button (its accessible name stays) with the active-filter count as a badge. */
    .record-search[b-0key1d1gan] { flex: 1 1 0; }
    .record-filter-toggle[b-0key1d1gan]  .profile-action.with-label { width: 44px; height: 44px; flex: 0 0 44px; gap: 0; padding: 0; }
    .record-filter-toggle[b-0key1d1gan]  .action-label { display: none; }
    .record-filter-toggle[b-0key1d1gan]  .action-count { position: absolute; top: -4px; right: -4px; }
    .record-count[b-0key1d1gan] { flex-basis: 100%; min-height: 0; }
}
/* /Components/Selection/RealmJarCheckbox.razor.rz.scp.css */
.selection-control[b-0c873awgoq] { display: flex; align-items: center; gap: var(--space-3, 12px); min-height: 44px; max-width: 100%; position: relative; cursor: pointer; color: var(--text-primary, inherit); }
.selection-copy[b-0c873awgoq] { min-width: 0; overflow-wrap: anywhere; }
.selection-copy small[b-0c873awgoq] { display: block; margin-top: 2px; font-size: var(--font-secondary, 13px); line-height: var(--line-secondary, 1.5385); color: var(--text-secondary, #68788D); }
.selection-visual[b-0c873awgoq] { position: relative; flex: 0 0 20px; width: 20px; height: 20px; }
.selection-visual[b-0c873awgoq]  .selection-input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 2; cursor: inherit; }
.checkbox[b-0c873awgoq], svg[b-0c873awgoq] { display: block; width: 20px; height: 20px; }
svg[b-0c873awgoq] { fill: none; stroke: var(--control-outline, #7A8799); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke .2s; }
circle[b-0c873awgoq] { stroke-dasharray: 63; stroke-dashoffset: 0; transition: stroke-dashoffset .3s linear; }
polyline[b-0c873awgoq] { stroke-dasharray: 22; stroke-dashoffset: 66; transition: stroke-dashoffset .2s linear; }
.selection-visual[b-0c873awgoq]  input:checked + .checkbox svg { stroke: var(--selection-colour); }
.selection-visual[b-0c873awgoq]  input:checked + .checkbox circle { stroke-dashoffset: 63; }
.selection-visual[b-0c873awgoq]  input:checked + .checkbox polyline { stroke-dashoffset: 42; stroke-width: 2.8; transition: stroke-dashoffset .2s linear .15s; }
.selection-control:has(input:focus-visible)[b-0c873awgoq] { outline: 2px solid var(--focus-ring, #4270B7); outline-offset: 2px; border-radius: var(--radius-sm, 8px); }
.selection-control:has(input.invalid)[b-0c873awgoq], .selection-control:has(input[aria-invalid="true"])[b-0c873awgoq] { outline: 2px solid var(--input-error, #B64B59); outline-offset: 2px; border-radius: var(--radius-sm, 8px); }
.is-disabled[b-0c873awgoq] { opacity: .55; cursor: not-allowed; }
.switch-control[b-0c873awgoq] { justify-content: space-between; width: 100%; gap: 16px; }
.switch-control .selection-copy[b-0c873awgoq] { order: -1; }
.switch-control .selection-visual[b-0c873awgoq] { flex-basis: 44px; width: 44px; height: 24px; }
.semantic-track[b-0c873awgoq] { position: absolute; inset: 0; border-radius: 999px; background: var(--selection-off, var(--control-outline, #7A8799)); transition: background .2s; }
.semantic-knob[b-0c873awgoq] { position: absolute; left: 4px; top: 4px; width: 16px; height: 16px; background: #fff; border-radius: 50%; transition: transform .23s cubic-bezier(.2,.8,.2,1); }
.selection-visual[b-0c873awgoq]  input:checked + .semantic-track { background: var(--selection-colour); }
.selection-visual[b-0c873awgoq]  input:checked + .semantic-track .semantic-knob { transform: translateX(20px); }
.is-disabled .semantic-track[b-0c873awgoq] { background: var(--selection-off, var(--control-outline, #7A8799)) !important; }
@media(prefers-reduced-motion:reduce) { svg[b-0c873awgoq], circle[b-0c873awgoq], polyline[b-0c873awgoq], .semantic-track[b-0c873awgoq], .semantic-knob[b-0c873awgoq] { transition: none !important; } }
/* /Components/Selection/RealmJarDropdown.razor.rz.scp.css */
.dropdown-field[b-68s9u2odzl] { min-width: 0; width: 100%; }
.dropdown-label[b-68s9u2odzl] { display: block; margin-bottom: 8px; font-size: var(--font-form-label,14px); font-weight: var(--weight-medium,500); color: var(--input-text,var(--text-primary)); }
.connected-dropdown[b-68s9u2odzl] { position: relative; min-width: 0; color: var(--input-text,var(--text-primary)); }
.native-select[b-68s9u2odzl], .enhanced .dropdown-trigger[b-68s9u2odzl] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 0; height: max(var(--input-height), calc(1em * var(--input-line-height) + 1rem + 2px)); padding: 0.5rem var(--input-padding-x); border: 1px solid var(--input-border,var(--border-color)); border-radius: var(--input-radius); background: var(--input-background,var(--surface)); color: inherit; font-family: var(--input-font-family); font-size: var(--input-font-size); font-weight: var(--input-font-weight); line-height: var(--input-line-height); letter-spacing: normal; }
.dropdown-trigger[b-68s9u2odzl], .dropdown-menu[b-68s9u2odzl] { display: none; }
.enhanced .native-select[b-68s9u2odzl] { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; min-height: 0; padding: 0; }
.enhanced .dropdown-trigger[b-68s9u2odzl] { display: flex; justify-content: space-between; align-items: center; gap: 16px; text-align: left; cursor: pointer; transition: border-radius .2s, border-color .2s; }
.selected-display[b-68s9u2odzl] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.dropdown-trigger .mdi[b-68s9u2odzl] { flex: none; font-size: 20px; transition: transform .22s; }
.dropdown-trigger:focus-visible[b-68s9u2odzl] { outline: 2px solid var(--focus-ring,#4270B7); outline-offset: 2px; }
.dropdown-trigger:disabled[b-68s9u2odzl] { opacity: .55; cursor: not-allowed; }
.enhanced .dropdown-trigger:hover:not(:disabled)[b-68s9u2odzl] { border-color: var(--input-hover-border); }
.dropdown-trigger[aria-invalid="true"][b-68s9u2odzl] { border-color: var(--input-error,#B64B59); }
.enhanced .dropdown-menu[b-68s9u2odzl] { display: block; position: absolute; top: 100%; left: 0; right: 0; z-index: 30; background: var(--input-background,var(--surface)); border: 1px solid var(--input-border,var(--border-color)); border-top: 0; border-radius: 0 0 var(--radius-xl,28px) var(--radius-xl,28px); padding: 0 12px 10px; opacity: 0; visibility: hidden; transform: scaleY(.97); transform-origin: top; transition: opacity .18s, transform .18s, visibility .18s; box-shadow: var(--shadow-menu,0 12px 20px #00000014); }
.open .dropdown-trigger[b-68s9u2odzl] { border-radius: calc(var(--input-height) / 2) calc(var(--input-height) / 2) 0 0; border-bottom-color: var(--border-color); }
.open .dropdown-trigger .mdi[b-68s9u2odzl] { transform: rotate(180deg); }
.open .dropdown-menu[b-68s9u2odzl] { opacity: 1; visibility: visible; transform: scaleY(1); transition: opacity .18s, transform .18s; }
/* Near the bottom of the viewport the menu opens upwards and connects to the trigger's top edge. */
.open-up .dropdown-menu[b-68s9u2odzl] { border-top: 1px solid var(--input-border,var(--border-color)); border-bottom: 0; border-radius: var(--radius-xl,28px) var(--radius-xl,28px) 0 0; padding: 10px 12px 0; transform-origin: bottom; }
.open.open-up .dropdown-trigger[b-68s9u2odzl] { border-radius: 0 0 calc(var(--input-height) / 2) calc(var(--input-height) / 2); border-bottom-color: var(--input-border,var(--border-color)); border-top-color: var(--border-color); }
.dropdown-options[b-68s9u2odzl] { max-height: var(--dropdown-height,280px); overflow: auto; overscroll-behavior: contain; scrollbar-width: none; }
.dropdown-options[b-68s9u2odzl]::-webkit-scrollbar { display: none; width: 0; height: 0; }
.dropdown-option[b-68s9u2odzl] { position: relative; padding: 2px 6px; }
.dropdown-option:not([hidden]) ~ .dropdown-option:not([hidden])[b-68s9u2odzl]:before { content: none; }
.dropdown-option[hidden][b-68s9u2odzl], .dropdown-empty[hidden][b-68s9u2odzl] { display: none; }
.simple-option[b-68s9u2odzl] { border: 0; border-radius: var(--radius-sm,8px); background: transparent; color: inherit; padding: 12px 10px; min-height: 44px; width: 100%; text-align: left; font: inherit; overflow-wrap: anywhere; cursor: pointer; }
.simple-option:hover:not(:disabled)[b-68s9u2odzl] { background: color-mix(in srgb,var(--primary-text,#4270B7) 8%,transparent); }
.simple-option[aria-selected="true"][b-68s9u2odzl] { background: color-mix(in srgb,var(--primary-text,#4270B7) 12%,transparent); font-weight: var(--weight-medium,500); }
.simple-option:focus-visible[b-68s9u2odzl] { outline: 2px solid var(--focus-ring,#4270B7); outline-offset: -2px; }
.simple-option:disabled[b-68s9u2odzl] { opacity: .55; cursor: not-allowed; }
.dropdown-search[b-68s9u2odzl] { padding: 8px 6px; }
.dropdown-search[b-68s9u2odzl]  input.classic-pill-input { height: max(40px, calc(1em * var(--input-line-height) + 0.75rem + 2px)); padding-block: 0.375rem; font-size: 14px; }
.dropdown-search[b-68s9u2odzl]  .input-action { width: 36px; height: 36px; font-size: 18px; }
.dropdown-search[b-68s9u2odzl]  .leading-icon { font-size: 18px; }
.bulk-row[b-68s9u2odzl] { padding: 4px 6px; border-bottom: 1px solid var(--input-border,var(--border-color)); }
.bulk-row:has(input:disabled)[b-68s9u2odzl] { opacity: .55; }
.bulk-row[b-68s9u2odzl]  .selection-control:has(input:disabled) { cursor: not-allowed; }
.bulk-row[b-68s9u2odzl]  input:indeterminate + .checkbox { position: relative; }
.bulk-row[b-68s9u2odzl]  input:indeterminate + .checkbox svg { stroke: var(--selection-colour); }
.bulk-row[b-68s9u2odzl]  input:indeterminate + .checkbox:after { content: ''; position: absolute; left: 5px; right: 5px; top: 9px; height: 2px; border-radius: 2px; background: var(--selection-colour); }
.dropdown-option[b-68s9u2odzl]  .selection-control, .bulk-row[b-68s9u2odzl]  .selection-control { padding: 4px 8px; }
.dropdown-menu[b-68s9u2odzl]  .selection-copy { order: -1; flex: 1; }
.dropdown-option[b-68s9u2odzl]  .choice { border-bottom: 0; }
.dropdown-empty[b-68s9u2odzl] { margin: 0; padding: 16px 10px; color: var(--text-secondary); }
.dropdown-field > small[b-68s9u2odzl] { display: block; margin-top: 8px; color: var(--text-secondary); }
.dropdown-error[b-68s9u2odzl] { color: var(--input-error-message,#B64B59); font-size: 13px; margin: 8px 0 0; }
.native-error[hidden][b-68s9u2odzl] { display: none; }
@media(prefers-reduced-motion:reduce) { .dropdown-trigger[b-68s9u2odzl], .dropdown-trigger .mdi[b-68s9u2odzl], .dropdown-menu[b-68s9u2odzl] { transition: none; } }
/* /Components/Selection/RealmJarRadioGroup.razor.rz.scp.css */
.radio-choices[b-hzws2hqaol] { display: block; min-width: 0; }
.radio-choices p[b-hzws2hqaol] { color: var(--text-muted, #626772); }
/* /Components/Selection/RealmJarRadioOption.razor.rz.scp.css */
.choice[b-u8mt322v7v] { position: relative; container-type: inline-size; cursor: pointer; display: block; border-bottom: 1px solid var(--border, var(--line, #626772)); }
.choice:last-child[b-u8mt322v7v] { border-bottom: 0; }
.choice[b-u8mt322v7v]  input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.choice-inner[b-u8mt322v7v] { position: relative; isolation: isolate; display: flex; align-items: center; gap: var(--space-3, 12px); min-height: 64px; padding: var(--space-3, 12px) var(--space-4, 16px); overflow: hidden; transition: color .25s ease .1s; }
.choice-inner[b-u8mt322v7v]:before { content: ''; position: absolute; z-index: -1; width: max(14px,3cqi); height: max(14px,3cqi); right: 7px; top: 50%; margin-top: min(-7px,-1.5cqi); border-radius: 50%; background: var(--selection-colour); transform: scale(0); transform-origin: center; transition: transform .5s cubic-bezier(.2,0,0,1); }
.radio[b-u8mt322v7v] { box-sizing: border-box; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--control-outline, #7A8799); flex: none; transition: background .2s ease .1s, border-color .2s ease .1s, box-shadow .2s ease .1s; }
.choice-copy[b-u8mt322v7v] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.choice-copy strong[b-u8mt322v7v] { font-size: var(--font-form-label, 14px); font-weight: var(--weight-medium, 500); }
.choice-copy small[b-u8mt322v7v] { display: block; color: var(--text-secondary, #68788D); font-size: var(--font-secondary, 13px); line-height: var(--line-secondary, 1.5385); margin-top: 2px; transition: color .25s ease .1s; }
.end-line[b-u8mt322v7v] { display: none; height: 19px; width: 2px; flex-shrink: 0; border-radius: 4px; background: var(--selection-colour); margin-left: 6px; transition: background .3s ease .4s,height .4s ease .4s; }
.choice[b-u8mt322v7v]  input:checked + .choice-inner { color: #fff; }
.choice[b-u8mt322v7v]  input:checked + .choice-inner:before { transform: scale(85); }
.choice[b-u8mt322v7v]  input:checked + .choice-inner .radio { background: #fff; border-color: #fff; box-shadow: inset 0 0 0 4px var(--selection-colour); }
.choice[b-u8mt322v7v]  input:checked + .choice-inner .end-line { background: #fff; height: 23px; }
.choice[b-u8mt322v7v]  input:checked + .choice-inner small { color: #fff; }
.choice:has(input:focus-visible)[b-u8mt322v7v] { outline: 2px solid var(--focus-ring, #4270B7); outline-offset: -2px; border-radius: var(--radius-sm, 8px); }
@media(hover:hover) { .choice:hover:not(:has(input:checked)):not(.is-disabled) .choice-inner[b-u8mt322v7v] { background: color-mix(in srgb,var(--text-primary,#263347) 8%,transparent); } }
.is-disabled[b-u8mt322v7v] { opacity: .55; cursor: not-allowed; }
@media(prefers-reduced-motion:reduce) { .choice-inner[b-u8mt322v7v], .choice-inner[b-u8mt322v7v]:before, .radio[b-u8mt322v7v], .end-line[b-u8mt322v7v], .choice-copy small[b-u8mt322v7v] { transition: none; } }
/* /Components/Selection/RealmJarSwitch.razor.rz.scp.css */
/* Switch geometry and motion are centralised in RealmJarCheckbox.razor.css. */
/* /Layouts/AuthenticationLayout.razor.rz.scp.css */
.authentication-shell[b-zg1qu5uwuh] { box-sizing: border-box; display: flex; flex-direction: column; min-height: 100dvh; height: auto; overflow: visible; background: #e8f0fa none center bottom / cover no-repeat; color: var(--text-primary); }
.authentication-stage[b-zg1qu5uwuh] { box-sizing: border-box; flex: 1 0 auto; display: grid; place-items: center; width: 100%; padding: 55px 22px; }
.authentication-frame[b-zg1qu5uwuh] { width: min(920px, 100%); min-height: 420px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; padding: 58px 60px; background: var(--card-bg, #fff); border: 1px solid #d6e2f2; border-radius: 27px; box-shadow: 0 16px 50px #4778c51a; }
.authentication-brand[b-zg1qu5uwuh] { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; }
.authentication-logo[b-zg1qu5uwuh] { display: inline-flex; align-items: center; justify-content: flex-start; width: 260px; max-width: 100%; min-height: 60px; padding: 0; border-radius: 10px; }
.authentication-logo[b-zg1qu5uwuh]  .realmjar-logo { --realmjar-logo-width: 260px; }
.authentication-intro[b-zg1qu5uwuh] { margin-top: 34px; }
.authentication-intro h1[b-zg1qu5uwuh] { margin: 0 0 12px; color: #304d78; font-size: 33px; font-weight: 550; line-height: 1.16; letter-spacing: -1.1px; }
.authentication-intro p[b-zg1qu5uwuh] { max-width: 300px; margin: 0; color: var(--text-secondary, #68788d); font-size: 14px; line-height: 1.7; }
.mobile-title[b-zg1qu5uwuh], .mobile-copy[b-zg1qu5uwuh] { display: none; }
.authentication-content[b-zg1qu5uwuh] { min-width: 0; align-self: center; }
.authentication-content[b-zg1qu5uwuh]  .auth-panel h2 { margin: 0 0 7px; font-size: 20px; font-weight: 600; letter-spacing: -.4px; }
.authentication-content[b-zg1qu5uwuh]  .auth-panel p { color: var(--text-secondary); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.authentication-content[b-zg1qu5uwuh]  .auth-description { margin: 0 0 24px; }
.authentication-content[b-zg1qu5uwuh]  .auth-field { margin: 16px 0; }
.authentication-content[b-zg1qu5uwuh]  .auth-help { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin: 16px 0 23px; font-size: 12px; }
.authentication-content[b-zg1qu5uwuh]  .auth-help .selection-control { min-height: 44px; padding: 0; }
.authentication-content[b-zg1qu5uwuh]  .auth-help .selection-label { font-size: 12px; }
.authentication-content[b-zg1qu5uwuh]  .auth-help a { display: inline-flex; align-items: center; min-height: 44px; }
.authentication-content[b-zg1qu5uwuh]  a:not(.accent-pill) { color: var(--soft-blue, #4778c5); text-decoration: none; }
.authentication-content[b-zg1qu5uwuh]  a:not(.accent-pill):hover { text-decoration: underline; }
.authentication-content[b-zg1qu5uwuh]  .auth-primary { margin-top: 23px; }
.authentication-content[b-zg1qu5uwuh]  .auth-primary .accent-pill { width: 380px; max-width: 100%; height: 45px; }
.authentication-content[b-zg1qu5uwuh]  .auth-primary .pill-label { padding-left: 48px; padding-right: 48px; text-align: center; }
.authentication-content[b-zg1qu5uwuh]  .auth-note { margin: 19px 0 0; text-align: center; font-size: 12px; }
.authentication-content[b-zg1qu5uwuh]  .auth-terms { margin: 16px 0 0; text-align: center; font-size: 12px; }
.authentication-content[b-zg1qu5uwuh]  .validation-errors { padding-left: 20px; color: var(--danger, #b64b59); font-size: 12px; }
.authentication-shell[data-theme="dark"][b-zg1qu5uwuh] { background: var(--page-bg); }
.authentication-shell[data-theme="dark"] .authentication-frame[b-zg1qu5uwuh] { border-color: var(--border-color); box-shadow: 0 16px 50px #0002; }
.authentication-shell[data-theme="dark"] .authentication-intro h1[b-zg1qu5uwuh] { color: var(--text-primary); }
@media (max-width: 700px) {
    .authentication-stage[b-zg1qu5uwuh] { padding: 25px 18px; }
    .authentication-frame[b-zg1qu5uwuh] { max-width: 460px; min-height: 0; grid-template-columns: minmax(0, 1fr); gap: 0; padding: 26px 24px; border-radius: 23px; }
    .authentication-brand[b-zg1qu5uwuh] { justify-content: flex-start; }
    .authentication-logo[b-zg1qu5uwuh] { width: 216px; min-height: 52px; padding: 0; }
    .authentication-logo[b-zg1qu5uwuh]  .realmjar-logo { --realmjar-logo-width: 216px; }
    .authentication-intro[b-zg1qu5uwuh] { width: 100%; margin: 25px 0 24px; padding-bottom: 24px; border-bottom: 1px solid var(--border-color, #e8edf3); }
    .authentication-intro h1[b-zg1qu5uwuh] { font-size: 27px; font-weight: 600; line-height: 1.17; letter-spacing: -.7px; margin-bottom: 9px; }
    .authentication-intro p[b-zg1qu5uwuh] { font-size: 13px; line-height: 1.55; max-width: none; }
    .desktop-title[b-zg1qu5uwuh], .desktop-copy[b-zg1qu5uwuh] { display: none; }
    .mobile-title[b-zg1qu5uwuh], .mobile-copy[b-zg1qu5uwuh] { display: inline; }
    .authentication-content[b-zg1qu5uwuh]  .auth-panel h2 { font-size: 17px; }
    .authentication-content[b-zg1qu5uwuh]  .auth-description { font-size: 12px; margin-bottom: 19px; }
    .authentication-content[b-zg1qu5uwuh]  .auth-field { margin: 0 0 15px; }
    .authentication-content[b-zg1qu5uwuh]  .auth-help { font-size: 11px; margin: 5px 0 23px; }
    .authentication-content[b-zg1qu5uwuh]  .auth-primary .accent-pill { width: 100%; }
    .authentication-content[b-zg1qu5uwuh]  .auth-note { margin-top: 20px; }
}
@media (max-width: 480px) {
    .authentication-stage[b-zg1qu5uwuh] { padding: 14px; }
    .authentication-frame[b-zg1qu5uwuh] { padding: 24px 20px; }
}


/* /Layouts/LandingLayout.razor.rz.scp.css */
.realmjar-public-site[data-public-theme="light"][b-kvi6uc7x46]{--site-ink:#092f40;--site-amber:#ffb921;--site-paper:#faf9f5;--site-muted:#5e727a;--text-primary:#092f40;--text-secondary:#5e727a;--text-muted:#5e727a;--card-bg:#fff;--page-bg:#faf9f5;--bg-main:#faf9f5;--bg-card:#fff;--elevated-bg:#fff;--bg-elevated:#fff;--border-color:#dfe5e4;--border:#dfe5e4;--emphasis:#092f40;--on-emphasis:#fff;--primary:#092f40;--on-primary:#fff;--primary-text:#092f40;--focus-ring:#a36600;--control-outline:#c1cecd;--input-background:#fff;--input-text:#092f40;--input-border:#ccd6d6;--input-hover-border:#8da4aa;--input-focus:#9b6400;--input-label:#254957;--input-placeholder:#768a91;--input-disabled-background:#f2f4f2;color-scheme:light;background:var(--site-paper);color:var(--site-ink);min-height:100dvh;font-family:'Segoe UI',system-ui,sans-serif}
.site-header[b-kvi6uc7x46]{position:sticky;top:0;z-index:40;background:#faf9f5f0;backdrop-filter:blur(18px);border-bottom:1px solid #092f400b}.site-header-inner[b-kvi6uc7x46]{max-width:1240px;margin:auto;min-height:94px;padding:12px 40px;display:flex;align-items:center;gap:36px}.site-brand[b-kvi6uc7x46]{display:inline-flex;align-items:center;flex-shrink:0;min-height:48px}.site-brand[b-kvi6uc7x46]  .realmjar-logo{--realmjar-logo-width:188px;padding:0;background:transparent;border-radius:0}.desktop-navigation[b-kvi6uc7x46]{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:auto}.desktop-navigation a[b-kvi6uc7x46],.sign-in-link[b-kvi6uc7x46]{font-size:13px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;gap:6px}.desktop-navigation a:hover[b-kvi6uc7x46],.sign-in-link:hover[b-kvi6uc7x46]{text-decoration:underline;text-underline-offset:5px}.header-actions[b-kvi6uc7x46]{display:flex;align-items:center;gap:24px}.header-contact[b-kvi6uc7x46]{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--site-ink);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.header-contact:hover[b-kvi6uc7x46]{background:#174a5c}.mobile-menu[b-kvi6uc7x46]{display:none}.site-footer[b-kvi6uc7x46]{padding:70px 40px 0;background:#082c3c;color:#fff}.footer-inner[b-kvi6uc7x46]{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:54px}.footer-brand[b-kvi6uc7x46]  .realmjar-logo{--realmjar-logo-width:180px;background:#fff;padding:8px 10px}.footer-brand p[b-kvi6uc7x46]{font-size:14px;line-height:1.7;color:#bdd0d5;margin:20px 0 0}.footer-inner>div:not(:first-child)[b-kvi6uc7x46]{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-label[b-kvi6uc7x46]{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#91aeb8;margin-bottom:12px}.footer-inner a:not(:first-child)[b-kvi6uc7x46]{min-height:36px;display:inline-flex;align-items:center;font-size:14px;color:#e8f0f1}.footer-inner a:hover[b-kvi6uc7x46]{text-decoration:underline;text-underline-offset:4px}.footer-bottom[b-kvi6uc7x46]{max-width:1160px;margin:auto;padding:24px 0;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#9fb9c1}.footer-bottom a[b-kvi6uc7x46]{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#e8f0f1}.realmjar-public-site a:focus-visible[b-kvi6uc7x46],.realmjar-public-site summary:focus-visible[b-kvi6uc7x46]{outline:3px solid #d38b0c;outline-offset:4px;border-radius:6px}
@media(max-width:1100px){.site-header-inner[b-kvi6uc7x46]{padding-inline:28px;gap:24px}.desktop-navigation[b-kvi6uc7x46]{gap:22px}.header-actions[b-kvi6uc7x46]{gap:16px}.site-brand[b-kvi6uc7x46]  .realmjar-logo{--realmjar-logo-width:164px}}
@media(max-width:850px){.desktop-navigation[b-kvi6uc7x46]{display:none}.header-actions[b-kvi6uc7x46]{margin-left:auto}.mobile-menu[b-kvi6uc7x46]{display:block;position:relative}.mobile-menu summary[b-kvi6uc7x46]{width:44px;height:44px;margin-right:-10px;list-style:none;display:grid;place-items:center;border-radius:10px;cursor:pointer;font-size:26px}.mobile-menu summary:hover[b-kvi6uc7x46]{background:#092f400d}.mobile-menu summary[b-kvi6uc7x46]::-webkit-details-marker{display:none}.mobile-menu nav[b-kvi6uc7x46]{position:absolute;top:54px;right:0;width:220px;display:grid;background:#fff;border:1px solid #dfe5e4;border-radius:18px;padding:10px;box-shadow:0 16px 40px #092f4018}.mobile-menu nav a[b-kvi6uc7x46]{display:flex;align-items:center;min-height:46px;padding:8px 14px;border-radius:10px;font-size:14px;font-weight:600}.mobile-menu nav a:hover[b-kvi6uc7x46]{background:#f3f5f2}.site-header-inner[b-kvi6uc7x46]{min-height:80px;padding-inline:24px;gap:16px}.footer-inner[b-kvi6uc7x46]{gap:36px}}
@media(max-width:600px){.site-header-inner[b-kvi6uc7x46]{min-height:76px;padding:12px 20px;gap:12px}.site-brand[b-kvi6uc7x46]  .realmjar-logo{--realmjar-logo-width:146px}.header-actions[b-kvi6uc7x46]{gap:12px}.header-contact[b-kvi6uc7x46]{display:none}.sign-in-link[b-kvi6uc7x46]{font-size:12px}.site-footer[b-kvi6uc7x46]{padding:48px 24px 0}.footer-inner[b-kvi6uc7x46]{grid-template-columns:1fr 1fr;gap:36px 20px;padding-bottom:34px}.footer-brand[b-kvi6uc7x46]{grid-column:1/-1}.footer-bottom[b-kvi6uc7x46]{align-items:flex-start;flex-wrap:wrap;gap:12px;font-size:11px}.footer-bottom span:nth-child(2)[b-kvi6uc7x46]{display:none}}

.footer-inner a[b-kvi6uc7x46]{max-width:100%;overflow-wrap:anywhere}
@media(max-width:380px){.site-header-inner[b-kvi6uc7x46]{padding-inline:16px;gap:10px}.site-brand[b-kvi6uc7x46]  .realmjar-logo{--realmjar-logo-width:134px}.sign-in-link[b-kvi6uc7x46]{font-size:11px}}

.footer-bottom[b-kvi6uc7x46]{flex-wrap:wrap}.footer-legal[b-kvi6uc7x46]{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:4px}.footer-legal a[b-kvi6uc7x46]{font-size:12px}@media(max-width:600px){.footer-legal[b-kvi6uc7x46]{order:3;flex-basis:100%;column-gap:18px}.footer-legal a[b-kvi6uc7x46]{font-size:11px}}
/* /Layouts/MainLayout.razor.rz.scp.css */
.public-layout[b-rf3f1ea5xt]{display:block;min-height:100dvh;background:var(--page-bg);color:var(--text-primary)}.public-template-header[b-rf3f1ea5xt]{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border-color)}.public-template-content[b-rf3f1ea5xt]{max-width:900px;margin:0 auto;padding:40px 24px}
/* /Layouts/WorkspaceLayout.razor.rz.scp.css */
.staff-sidebar[b-qo1v0tr1xe]{padding:32px 24px;background:var(--ink);color:white;display:flex;flex-direction:column;}.brand[b-qo1v0tr1xe]{color:white}.staff-badge[b-qo1v0tr1xe]{margin-top:12px;font-size:12px;color:#c9edaa}.staff-sidebar nav[b-qo1v0tr1xe]{display:flex;flex-direction:column;margin-top:40px}.staff-sidebar nav[b-qo1v0tr1xe]  a{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:9px;font-size:14px;color:#d8e3dc}.staff-sidebar nav[b-qo1v0tr1xe]  a.active{background:#ffffff16;color:white}.staff-header[b-qo1v0tr1xe]{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 40px;border-bottom:1px solid var(--line)}.staff-logout[b-qo1v0tr1xe]{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;background:white;border:1px solid var(--line);border-radius:9px;cursor:pointer;white-space:nowrap}@media(max-width:1000px){.staff-sidebar[b-qo1v0tr1xe]{padding:28px 18px}.staff-header[b-qo1v0tr1xe]{padding:18px 24px}}@media(max-width:760px){.staff-sidebar[b-qo1v0tr1xe]{display:none}.staff-header[b-qo1v0tr1xe]{padding:16px 20px;flex-wrap:wrap;gap:12px}}
.staff-heading[b-qo1v0tr1xe]{display:flex;align-items:center;gap:12px}.menu-button[b-qo1v0tr1xe]{display:none}.mobile-drawer[b-qo1v0tr1xe]{position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,86vw);height:100dvh;max-height:none;max-width:none;padding:24px;background:var(--ink);color:white;border:0;overflow-y:auto;box-shadow:12px 0 40px #0003}.mobile-drawer[open][b-qo1v0tr1xe]{display:flex;flex-direction:column;animation:staff-drawer-in-b-qo1v0tr1xe .22s ease-out}.mobile-drawer[b-qo1v0tr1xe]::backdrop{background:#192b2470}.drawer-heading[b-qo1v0tr1xe]{display:flex;align-items:center;justify-content:space-between;gap:16px}.drawer-close[b-qo1v0tr1xe]{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:#ffffff12;color:white;font-size:24px;cursor:pointer}.mobile-drawer nav[b-qo1v0tr1xe]{display:flex;flex-direction:column;gap:8px;margin-top:32px}.mobile-drawer nav[b-qo1v0tr1xe]  a,.mobile-drawer nav>a[b-qo1v0tr1xe]{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;border-radius:9px;color:#d8e3dc}.mobile-drawer nav[b-qo1v0tr1xe]  a.active{background:#ffffff16;color:white}@keyframes staff-drawer-in-b-qo1v0tr1xe{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(max-width:760px){.menu-button[b-qo1v0tr1xe]{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);font-size:24px;cursor:pointer}}

.staff-sidebar nav[b-qo1v0tr1xe],.mobile-drawer nav[b-qo1v0tr1xe]{min-height:0;overflow-y:auto;flex:1}.sidebar-logout[b-qo1v0tr1xe]{flex-shrink:0;margin-top:auto;padding-top:24px;padding-bottom:env(safe-area-inset-bottom,0px)}.staff-logout[b-qo1v0tr1xe]{width:100%;justify-content:center}.staff-sidebar[b-qo1v0tr1xe],.mobile-drawer[b-qo1v0tr1xe]{overflow:hidden}.staff-sidebar nav[b-qo1v0tr1xe]{flex:1}.mobile-drawer nav[b-qo1v0tr1xe]{flex:1}.drawer-heading[b-qo1v0tr1xe],.staff-badge[b-qo1v0tr1xe]{flex-shrink:0}

.mobile-bottom-nav[b-qo1v0tr1xe]{display:none}
.sidebar-top[b-qo1v0tr1xe]{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sidebar-brand-icon[b-qo1v0tr1xe]{display:none}
.sidebar-toggle[b-qo1v0tr1xe]{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #ffffff30;border-radius:9px;background:#ffffff12;color:white;font-size:22px;cursor:pointer}
@media(min-width:761px){

.staff-sidebar .mdi[b-qo1v0tr1xe]{font-size:22px;flex-shrink:0}
.staff-sidebar[data-collapsed="true"][b-qo1v0tr1xe]{padding:32px 12px}
.staff-sidebar[data-collapsed="true"] .sidebar-top[b-qo1v0tr1xe]{flex-direction:column}
.staff-sidebar[data-collapsed="true"] .sidebar-label[b-qo1v0tr1xe],.staff-sidebar[data-collapsed="true"] .staff-badge[b-qo1v0tr1xe]{display:none}
.staff-sidebar[data-collapsed="true"] .sidebar-brand-icon[b-qo1v0tr1xe]{display:inline-block;font-size:32px}
.staff-sidebar[data-collapsed="true"] nav[b-qo1v0tr1xe]  a{justify-content:center;padding:14px 0;gap:0}
.staff-sidebar[data-collapsed="true"] .staff-logout[b-qo1v0tr1xe]{padding:10px 0;gap:0}
}
@media(max-width:760px){
.mobile-bottom-nav[b-qo1v0tr1xe]{display:flex;position:fixed;inset:auto 0 0;z-index:20;min-height:68px;padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));gap:4px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -3px 16px #192b2408}
.mobile-bottom-nav[b-qo1v0tr1xe]  a,.bottom-menu-button[b-qo1v0tr1xe]{display:flex;flex:1;min-width:0;min-height:56px;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);font:inherit;font-size:11px;line-height:16px;text-decoration:none;cursor:pointer}
.mobile-bottom-nav .mdi[b-qo1v0tr1xe]{font-size:24px;line-height:28px}
.mobile-bottom-nav[b-qo1v0tr1xe]  a.active{color:var(--ink);background:#f0f3eb;font-weight:600}
.mobile-bottom-nav[b-qo1v0tr1xe]  a:focus-visible,.bottom-menu-button:focus-visible[b-qo1v0tr1xe]{outline:2px solid var(--green);outline-offset:-2px}
}

.theme-toggle[b-qo1v0tr1xe] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; max-width: 100%; min-height: 44px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text-primary); font: inherit; font-size: 13px; line-height: 1.6; cursor: pointer; }
.theme-toggle:focus-visible[b-qo1v0tr1xe] { outline: 2px solid var(--accent); outline-offset: 4px; }
.theme-toggle .mdi[b-qo1v0tr1xe] { font-size: 18px; }
.toggle-track[b-qo1v0tr1xe] { display: inline-flex; align-items: center; flex-shrink: 0; width: 36px; height: 20px; padding: 3px; background: var(--text-secondary); border-radius: 20px; }
.toggle-thumb[b-qo1v0tr1xe] { width: 14px; height: 14px; border-radius: 50%; background: var(--bg-main); }
[data-theme="dark"] .toggle-track[b-qo1v0tr1xe] { background: var(--accent); }
[data-theme="dark"] .toggle-thumb[b-qo1v0tr1xe] { transform: translateX(16px); }


/* Full-height Style Guide preview shell. Only layout and theme colours change here. */
/* Typography uses preview-only tokens without changing shell spacing. */
.staff-sidebar nav[b-qo1v0tr1xe]  a, .mobile-drawer nav[b-qo1v0tr1xe]  a { font-size: var(--font-navigation); font-weight: var(--weight-medium); line-height: var(--line-navigation); letter-spacing: normal; }
.theme-toggle[b-qo1v0tr1xe], .staff-logout[b-qo1v0tr1xe] { font-family: var(--font-family); font-size: var(--font-button); font-weight: var(--weight-regular); line-height: var(--line-button); letter-spacing: normal; }
.theme-toggle[b-qo1v0tr1xe] { font-size: var(--font-toggle); }
.staff-badge[b-qo1v0tr1xe] { font-size: var(--font-metadata); font-weight: var(--weight-regular); line-height: var(--line-metadata); }
realmjar-style-guide[b-qo1v0tr1xe] { display: block; min-height: 100dvh; background: var(--page-bg); color: var(--text-primary); }
.staff-shell[b-qo1v0tr1xe], .staff-main[b-qo1v0tr1xe] { background: var(--page-bg); color: var(--text-primary); }
.staff-header[b-qo1v0tr1xe] { height: 80px; background: var(--topbar-bg); border-color: var(--border-color); flex-wrap: nowrap; }
@media (max-width: 760px) { .staff-header[b-qo1v0tr1xe] { height: auto; min-height: 80px; } }
.staff-sidebar[b-qo1v0tr1xe], .mobile-drawer[b-qo1v0tr1xe] { background: var(--sidebar-bg); color: var(--sidebar-text); }
.brand[b-qo1v0tr1xe] { color: var(--sidebar-text); }
.staff-badge[b-qo1v0tr1xe] { color: var(--sidebar-muted); }
.staff-sidebar nav[b-qo1v0tr1xe]  a, .mobile-drawer nav[b-qo1v0tr1xe]  a { color: var(--sidebar-muted); }
.staff-sidebar nav[b-qo1v0tr1xe]  a.active, .mobile-drawer nav[b-qo1v0tr1xe]  a.active { color: var(--sidebar-text); background: var(--sidebar-active-bg); }
.staff-logout[b-qo1v0tr1xe], .menu-button[b-qo1v0tr1xe] { background: var(--elevated-bg); color: var(--text-primary); border-color: var(--border-color); }
.sidebar-toggle[b-qo1v0tr1xe], .drawer-close[b-qo1v0tr1xe] { color: var(--sidebar-text); border-color: var(--sidebar-muted); }
.mobile-bottom-nav[b-qo1v0tr1xe] { background: var(--topbar-bg); border-color: var(--border-color); box-shadow: none; }
.mobile-bottom-nav[b-qo1v0tr1xe]  a, .bottom-menu-button[b-qo1v0tr1xe] { color: var(--text-secondary); }
.mobile-bottom-nav[b-qo1v0tr1xe]  a.active { background: var(--elevated-bg); color: var(--text-primary); }
.staff-logout:focus-visible[b-qo1v0tr1xe], .menu-button:focus-visible[b-qo1v0tr1xe], .drawer-close:focus-visible[b-qo1v0tr1xe], .sidebar-toggle:focus-visible[b-qo1v0tr1xe], nav[b-qo1v0tr1xe]  a:focus-visible, .bottom-menu-button:focus-visible[b-qo1v0tr1xe] { outline: 2px solid var(--accent-primary); outline-offset: -2px; }

/* Keep the supplied transparent PNG unframed at either sidebar width. */
.staff-sidebar .brand[b-qo1v0tr1xe] { min-width: 0; }
@media (min-width: 761px) {
    .staff-sidebar[data-collapsed="true"] .brand[b-qo1v0tr1xe]  .realmjar-logo { width:44px; height:44px; padding:4px; }
    .staff-sidebar[data-collapsed="true"] .brand[b-qo1v0tr1xe]  .realmjar-wordmark { display: none; }
    .staff-sidebar[data-collapsed="true"] .brand[b-qo1v0tr1xe]  .realmjar-emblem { display: block; }
}

.workspace-brand[b-qo1v0tr1xe]{font-weight:700;font-size:18px;color:var(--text-primary)}.template-mobile-nav[b-qo1v0tr1xe]{display:none}@media(max-width:760px){.template-mobile-nav[b-qo1v0tr1xe]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 20px;border-bottom:1px solid var(--border-color)}.template-mobile-nav a[b-qo1v0tr1xe],.template-mobile-nav button[b-qo1v0tr1xe]{display:block;padding:10px 8px;min-height:44px;border:0;border-radius:8px;background:transparent;font:inherit;color:var(--text-primary)}.template-mobile-nav .active[b-qo1v0tr1xe]{background:var(--topbar-bg);font-weight:600}.template-mobile-nav form[b-qo1v0tr1xe]{margin:0;margin-left:auto}}

@media(max-width:760px){
.realmjar-workspace .staff-main[b-qo1v0tr1xe]{grid-template-rows:auto minmax(0,1fr) auto}
.realmjar-workspace header.staff-header[b-qo1v0tr1xe]{display:flex;grid-row:1;min-height:64px;height:auto;padding:12px 16px;background:var(--topbar-bg)}
.realmjar-workspace header.staff-header .theme-toggle[b-qo1v0tr1xe]{display:flex}
.realmjar-workspace .staff-workspace-scroll[b-qo1v0tr1xe]{grid-row:2;min-height:0}
.realmjar-workspace .template-mobile-nav[b-qo1v0tr1xe]{grid-row:3;background:var(--topbar-bg);padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}
}

.workspace-brand[b-qo1v0tr1xe]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
/* /Pages/Account/ForgotPassword.razor.rz.scp.css */
/* AuthenticationLayout supplies the shared authentication presentation. */
/* /Pages/Account/Login.razor.rz.scp.css */
/* AuthenticationLayout supplies the shared authentication presentation. */
/* /Pages/Account/Profile.razor.rz.scp.css */
.profile-sections[b-qlz93xvch1]{display:grid;gap:24px;max-width:720px}.auth-field[b-qlz93xvch1]{margin-bottom:20px}.account-email[b-qlz93xvch1]{color:var(--text-secondary);overflow-wrap:anywhere}h2[b-qlz93xvch1]{margin-bottom:16px}
/* /Pages/Account/Register.razor.rz.scp.css */
/* AuthenticationLayout supplies the shared authentication presentation. */
/* /Pages/Account/ResetPassword.razor.rz.scp.css */
/* AuthenticationLayout supplies the shared authentication presentation. */
/* /Pages/Brochure/Brochure.razor.rz.scp.css */
.brochure[b-2rlt0jmti0] {
    --ink: #092f40;
    --body: #33505c;
    --muted: #586e77;
    --rule: #d8dfdc;
    --amber: #ffb921;
    --paper: #fbfaf6;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10mm;
    padding: 10mm 0;
    font-family: 'Segoe UI', system-ui, sans-serif;
    color: var(--body);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* One A4 page each; on screen they stack with a gap so the layout can be reviewed. */
.sheet[b-2rlt0jmti0] {
    position: relative;
    width: 210mm;
    height: 297mm;
    padding: 16mm 18mm;
    overflow: hidden;
    background: var(--paper);
    box-shadow: 0 2mm 8mm rgba(9, 47, 64, .18);
    box-sizing: border-box;
    break-after: page;
}
.sheet:last-child[b-2rlt0jmti0] { break-after: auto; }
@media print {
    .brochure[b-2rlt0jmti0] { gap: 0; padding: 0; }
    .sheet[b-2rlt0jmti0] { box-shadow: none; }
}

h1[b-2rlt0jmti0], h2[b-2rlt0jmti0], h3[b-2rlt0jmti0], p[b-2rlt0jmti0] { margin: 0; }
h1[b-2rlt0jmti0], h2[b-2rlt0jmti0], h3[b-2rlt0jmti0] { color: var(--ink); text-wrap: balance; }
h2[b-2rlt0jmti0] { margin-bottom: 5mm; font-size: 27pt; line-height: 1.08; font-weight: 750; letter-spacing: -.03em; }
h3[b-2rlt0jmti0] { font-size: 12pt; font-weight: 700; letter-spacing: -.01em; }
p[b-2rlt0jmti0] { font-size: 10pt; line-height: 1.6; }
.lead[b-2rlt0jmti0] { margin-bottom: 4mm; font-size: 12.5pt; line-height: 1.5; color: var(--ink); }
.kicker[b-2rlt0jmti0] { display: block; margin-bottom: 3mm; font-size: 8.5pt; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #b57800; }
.small[b-2rlt0jmti0] { position: absolute; left: 18mm; bottom: 12mm; font-size: 8pt; color: var(--muted); }

.sheet-head[b-2rlt0jmti0] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14mm; padding-bottom: 5mm; border-bottom: 1px solid var(--rule); font-size: 8.5pt; font-weight: 600; color: var(--muted); }
.sheet-head[b-2rlt0jmti0]  .realmjar-logo { --realmjar-logo-width: 34mm; padding: 0; background: none; }

/* Cover and back page */
.cover[b-2rlt0jmti0], .back[b-2rlt0jmti0] { display: flex; flex-direction: column; justify-content: flex-end; padding: 22mm 20mm 18mm; background: radial-gradient(120mm 120mm at 95% 8%, rgba(255, 185, 33, .38), transparent 70%), linear-gradient(160deg, #0d4256, #061f2b); color: #fff; }
.cover h1[b-2rlt0jmti0], .back h2[b-2rlt0jmti0] { color: #fff; }
.cover .kicker[b-2rlt0jmti0], .back .kicker[b-2rlt0jmti0] { color: var(--amber); }
.cover-jar[b-2rlt0jmti0] { position: absolute; top: 18mm; right: -14mm; width: 150mm; filter: drop-shadow(0 6mm 12mm rgba(0, 0, 0, .35)); }
.cover-copy[b-2rlt0jmti0] { position: relative; margin-bottom: 26mm; }
.cover h1[b-2rlt0jmti0] { max-width: 150mm; margin-bottom: 7mm; font-size: 46pt; line-height: 1.02; font-weight: 750; letter-spacing: -.035em; }
.cover-copy p[b-2rlt0jmti0] { max-width: 118mm; font-size: 13pt; line-height: 1.55; color: #c9d7dc; }
.cover-foot[b-2rlt0jmti0] { position: relative; display: flex; align-items: baseline; gap: 8mm; padding-top: 6mm; border-top: 1px solid rgba(255, 255, 255, .2); font-size: 9.5pt; color: #c9d7dc; }
.cover-foot strong[b-2rlt0jmti0] { margin-right: auto; font-size: 13pt; color: #fff; }
.cover-foot a[b-2rlt0jmti0], .contact a[b-2rlt0jmti0] { color: inherit; text-decoration: none; }

.back[b-2rlt0jmti0] { justify-content: center; }
.back-jar[b-2rlt0jmti0] { width: 46mm; margin-bottom: 10mm; filter: drop-shadow(0 4mm 8mm rgba(0, 0, 0, .35)); }
.back h2[b-2rlt0jmti0] { font-size: 36pt; }
.back > p[b-2rlt0jmti0] { max-width: 130mm; font-size: 12.5pt; color: #c9d7dc; }
.contact[b-2rlt0jmti0] { display: grid; gap: 5mm; margin: 14mm 0 auto; }
.contact div[b-2rlt0jmti0] { padding: 5mm 6mm; border: 1px solid rgba(255, 255, 255, .16); border-radius: 4mm; background: rgba(255, 255, 255, .05); }
.contact dt[b-2rlt0jmti0] { margin-bottom: 1mm; font-size: 8.5pt; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--amber); }
.contact dd[b-2rlt0jmti0] { margin: 0; font-size: 15pt; font-weight: 600; color: #fff; }
.back .cover-foot[b-2rlt0jmti0] { position: absolute; left: 20mm; right: 20mm; bottom: 18mm; }

/* About */
.services[b-2rlt0jmti0] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5mm; margin: 9mm 0 6mm; }
.services div[b-2rlt0jmti0] { padding: 6mm 5mm; border-radius: 4mm; background: #fff; border: 1px solid #e6ebe8; }
.services .mdi[b-2rlt0jmti0] { display: grid; place-items: center; width: 10mm; height: 10mm; margin-bottom: 4mm; border-radius: 3mm; background: var(--amber); font-size: 15pt; color: var(--ink); }
.services h3[b-2rlt0jmti0] { margin-bottom: 2mm; }
.services p[b-2rlt0jmti0] { font-size: 9pt; line-height: 1.55; }
.note[b-2rlt0jmti0] { padding: 4mm 5mm; border-left: 1mm solid var(--amber); background: #fff6df; font-size: 9.5pt; }
.principles[b-2rlt0jmti0] { position: absolute; left: 18mm; right: 18mm; bottom: 16mm; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6mm; padding-top: 6mm; border-top: 2px solid var(--ink); }
.principles h3[b-2rlt0jmti0] { margin-bottom: 1.5mm; font-size: 10.5pt; }
.principles p[b-2rlt0jmti0] { font-size: 8.8pt; line-height: 1.5; }

/* Engines */
.engines[b-2rlt0jmti0] { display: grid; gap: 9mm; margin-top: 8mm; }
.engine[b-2rlt0jmti0] { display: grid; grid-template-columns: 74mm 1fr; align-items: center; gap: 8mm; }
.engine[b-2rlt0jmti0]  .engine-preview { min-height: 0; font-size: 7.6px; border-radius: 3.5mm; }
.engine[b-2rlt0jmti0]  .engine-preview .window { min-height: 15.5em; }
.engine[b-2rlt0jmti0]  .engine-preview *, .engine[b-2rlt0jmti0]  .engine-preview .window { animation: none !important; transition: none !important; }
.engine-name[b-2rlt0jmti0] { display: block; margin-bottom: 1.5mm; font-size: 8.5pt; font-weight: 700; color: var(--muted); }
.engine h3[b-2rlt0jmti0] { margin-bottom: 2mm; font-size: 15pt; line-height: 1.15; }
.engine p[b-2rlt0jmti0] { font-size: 9pt; line-height: 1.5; }
.engine ul[b-2rlt0jmti0] { display: grid; grid-template-columns: 1fr 1fr; gap: 1mm 4mm; margin: 3mm 0 0; padding: 0; list-style: none; }
.engine li[b-2rlt0jmti0] { position: relative; padding-left: 4mm; font-size: 8.5pt; color: var(--ink); }
.engine li[b-2rlt0jmti0]::before { content: ""; position: absolute; left: 0; top: 1.6mm; width: 1.8mm; height: 1.8mm; border-radius: 50%; background: #1d8a5f; }
.proof[b-2rlt0jmti0] { display: inline-block; margin-top: 3mm; padding: 1mm 3mm; border-radius: 99mm; background: var(--ink); font-size: 8pt; font-weight: 700; color: #fff; }

/* Beyond and steps */
.beyond[b-2rlt0jmti0] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3mm; margin: 6mm 0 12mm; padding: 0; list-style: none; }
.beyond li[b-2rlt0jmti0] { display: flex; align-items: center; gap: 2.5mm; padding: 3.5mm 4mm; border-radius: 3mm; background: var(--ink); font-size: 9.5pt; font-weight: 600; color: #fff; }
.beyond .mdi[b-2rlt0jmti0] { font-size: 13pt; color: var(--amber); }
.beyond .yours[b-2rlt0jmti0] { border: 1px dashed #b57800; background: transparent; color: #8a5b00; }
.beyond .yours .mdi[b-2rlt0jmti0] { color: #b57800; }
.steps[b-2rlt0jmti0] { display: grid; grid-template-columns: 1fr 1fr; gap: 6mm; margin: 2mm 0 0; padding: 0; list-style: none; }
.steps li[b-2rlt0jmti0] { padding: 6mm 5mm; border-radius: 4mm; border: 1px solid #e6ebe8; background: #fff; }
.steps b[b-2rlt0jmti0] { display: grid; place-items: center; width: 8mm; height: 8mm; margin-bottom: 3mm; border-radius: 50%; background: var(--amber); font-size: 10pt; color: var(--ink); }
.steps h3[b-2rlt0jmti0] { margin-bottom: 1.5mm; }
.steps p[b-2rlt0jmti0] { font-size: 9pt; line-height: 1.5; }
.band[b-2rlt0jmti0] { position: absolute; left: 18mm; right: 18mm; bottom: 16mm; display: flex; align-items: center; gap: 3mm; padding: 8mm; border-radius: 5mm; background: radial-gradient(70mm 50mm at 100% 0, rgba(255, 185, 33, .35), transparent 70%), var(--ink); }
.band .mdi[b-2rlt0jmti0] { display: grid; place-items: center; width: 11mm; height: 11mm; border-radius: 50%; background: var(--amber); font-size: 15pt; color: var(--ink); }
.band p[b-2rlt0jmti0] { margin-left: 4mm; font-size: 14pt; line-height: 1.35; font-weight: 600; color: #fff; }
/* /Pages/Home/Home.razor.rz.scp.css */
realmjar-landing[b-bcje25gji3] {
    --ink: #092f40;
    --body: #33505c;
    --muted: #586e77;
    --rule: #d8dfdc;
    --amber: #ffb921;
    --amber-deep: #b57800;
    display: block;
}

h1[b-bcje25gji3], h2[b-bcje25gji3], h3[b-bcje25gji3], p[b-bcje25gji3] { margin-top: 0; }
h1[b-bcje25gji3], h2[b-bcje25gji3], h3[b-bcje25gji3] { text-wrap: balance; }
.section-container[b-bcje25gji3] { width: 100%; max-width: 1120px; margin-inline: auto; padding-inline: 40px; box-sizing: border-box; }
section[id][b-bcje25gji3] { scroll-margin-top: 100px; }

/* One link treatment for the whole page: an amber underline that thickens on hover. */
.text-link[b-bcje25gji3] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    text-decoration: underline;
    text-decoration-color: var(--amber);
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
    transition: text-decoration-thickness .15s;
}
.text-link:hover[b-bcje25gji3] { text-decoration-thickness: 4px; }

/* Hero */
.hero[b-bcje25gji3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 64px;
    padding-top: 96px;
    padding-bottom: 112px;
}
.hero h1[b-bcje25gji3] {
    max-width: 11ch;
    margin-bottom: 28px;
    font-size: clamp(44px, 6vw, 76px);
    line-height: 1.02;
    font-weight: 750;
    letter-spacing: -.035em;
    color: var(--ink);
}
.hero-lead[b-bcje25gji3] { max-width: 34em; margin-bottom: 36px; font-size: 19px; line-height: 1.6; color: var(--body); }
.hero-actions[b-bcje25gji3] { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.hero-actions[b-bcje25gji3]  .accent-pill { height: 50px; font-size: 14px; }
.hero-mark[b-bcje25gji3] { padding-right: 24px; }
.hero-mark[b-bcje25gji3]  .realmjar-logo-compact { width: 230px; height: 304px; padding: 0; background: transparent; }
.hero-mark[b-bcje25gji3]  .realmjar-emblem { width: auto; height: 300px; }

/* Section headings */
.section-head[b-bcje25gji3] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 40px; margin-bottom: 40px; }
.section-head h2[b-bcje25gji3], .story h2[b-bcje25gji3], .contact-copy h2[b-bcje25gji3] {
    margin: 0;
    font-size: clamp(30px, 3.4vw, 42px);
    line-height: 1.1;
    font-weight: 750;
    letter-spacing: -.03em;
    color: var(--ink);
}
.section-head p[b-bcje25gji3] { max-width: 30em; margin: 0; font-size: 16px; line-height: 1.6; color: var(--muted); }

/* Services: a ruled list rather than a row of cards */
.services[b-bcje25gji3] { padding-bottom: 112px; }
.service-list[b-bcje25gji3] { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--rule); }
.service-row[b-bcje25gji3] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr) 200px;
    align-items: baseline;
    gap: 40px;
    padding: 32px 0;
    border-top: 1px solid var(--rule);
}
.service-row h3[b-bcje25gji3] { margin: 0; font-size: 26px; font-weight: 700; letter-spacing: -.02em; color: var(--ink); }
.service-row p[b-bcje25gji3] { max-width: 36em; margin: 0; font-size: 16px; line-height: 1.65; color: var(--body); }
.service-row .text-link[b-bcje25gji3] { justify-self: end; min-height: 0; }
.service-whole[b-bcje25gji3] { margin: 32px 0 0; font-size: 16px; line-height: 1.65; color: var(--body); }
.service-whole .text-link[b-bcje25gji3] { min-height: 0; margin-left: 8px; }

/* Products: a short preview; the full list lives on /products */
.products[b-bcje25gji3] { padding: 96px 0 104px; background: #f1f2ed; border-block: 1px solid #e3e7e1; }
.product-list[b-bcje25gji3] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.product[b-bcje25gji3] { min-width: 0; }
.product a[b-bcje25gji3] { display: block; color: inherit; text-decoration: none; }
.product-meta[b-bcje25gji3] { display: block; margin-top: 20px; font-size: 13px; font-weight: 700; color: var(--muted); }
.product h3[b-bcje25gji3] { margin: 6px 0 0; font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; color: var(--ink); text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px; text-underline-offset: 5px; transition: text-decoration-color .15s; }
.product a:hover h3[b-bcje25gji3] { text-decoration-color: var(--amber); }
.products-action[b-bcje25gji3] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 28px; margin-top: 48px; }
.products-action[b-bcje25gji3]  .accent-pill { height: 50px; font-size: 14px; }

/* Story */
.story[b-bcje25gji3] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 40px; padding-top: 112px; padding-bottom: 112px; }
.story-copy[b-bcje25gji3] { max-width: 40em; }
.story-copy p[b-bcje25gji3] { margin-bottom: 18px; font-size: 16px; line-height: 1.75; color: var(--body); }
.story-copy .story-lead[b-bcje25gji3] { font-size: 20px; line-height: 1.55; color: var(--ink); }
.principles[b-bcje25gji3] { margin: 36px 0 0; border-top: 1px solid var(--rule); }
.principles > div[b-bcje25gji3] { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--rule); }
.principles dt[b-bcje25gji3] { font-size: 16px; font-weight: 700; color: var(--ink); }
.principles dd[b-bcje25gji3] { margin: 0; font-size: 16px; line-height: 1.6; color: var(--body); }

/* Contact */
.contact[b-bcje25gji3] { padding: 104px 0; background: var(--ink); color: #fff; }
.contact-grid[b-bcje25gji3] { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 72px; align-items: start; }
.contact-copy[b-bcje25gji3] { padding-top: 8px; }
.contact-copy h2[b-bcje25gji3] { max-width: 14ch; margin-bottom: 24px; color: #fff; }
.contact-copy > p[b-bcje25gji3] { max-width: 26em; margin-bottom: 20px; font-size: 17px; line-height: 1.65; color: #c3d3d9; }
.contact-email a[b-bcje25gji3] { color: #fff; font-weight: 600; text-decoration: underline; text-decoration-color: var(--amber); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.contact-email a:hover[b-bcje25gji3] { text-decoration-thickness: 4px; }
.contact-panel[b-bcje25gji3] { min-width: 0; padding: 36px; border-radius: 18px; background: #fff; color: var(--ink); }
.contact-panel > h3[b-bcje25gji3] { margin: 0 0 24px; font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
.contact-form-grid[b-bcje25gji3] { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; }
.contact-field[b-bcje25gji3] { min-width: 0; }
.contact-full[b-bcje25gji3] { grid-column: 1 / -1; }
.contact-field[b-bcje25gji3]  .classic-pill-label, .contact-label[b-bcje25gji3] { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; color: #244857; }
.contact-field[b-bcje25gji3]  .required-label, .contact-label > span[b-bcje25gji3] { font-size: 12px; font-weight: 400; color: var(--muted); }
.contact-field[b-bcje25gji3]  .classic-pill-input { font-size: 14px; }
.contact-field select[b-bcje25gji3], .contact-field[b-bcje25gji3]  textarea {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #cdd7d8;
    background: #fff;
    color: #183e4d;
    font: 400 14px/1.6 'Segoe UI', system-ui, sans-serif;
}
.contact-field select[b-bcje25gji3] { min-height: 48px; padding: 10px 16px; border-radius: 999px; }
.contact-field[b-bcje25gji3]  textarea { min-height: 140px; max-height: 360px; padding: 13px 16px; border-radius: 16px; resize: vertical; }
.contact-field select:focus-visible[b-bcje25gji3], .contact-field[b-bcje25gji3]  textarea:focus-visible { outline: 2px solid #a66d00; outline-offset: 3px; border-color: #b1842f; }
.contact-field[b-bcje25gji3]  textarea::placeholder { color: #5f747c; }
.contact-field[b-bcje25gji3]  .validation-message, .form-validation[b-bcje25gji3]  .validation-errors { margin-top: 6px; font-size: 12px; line-height: 1.6; color: #ad3949; }
.form-validation[b-bcje25gji3]  ul { margin-bottom: 18px; padding-left: 18px; }
.contact-submit[b-bcje25gji3] { margin-top: 24px; }
.contact-submit[b-bcje25gji3]  .accent-pill { width: 100%; height: 50px; font-size: 14px; }
.contact-submit[b-bcje25gji3]  .pill-label { padding-right: 44px; }
.contact-privacy[b-bcje25gji3] { margin: 14px 0 0; font-size: 12px; line-height: 1.6; text-align: center; color: var(--muted); }
.contact-privacy a[b-bcje25gji3], .contact-offline a[b-bcje25gji3] { text-decoration: underline; text-underline-offset: 3px; }
.contact-offline[b-bcje25gji3] { margin: 16px 0 0; font-size: 13px; line-height: 1.6; color: var(--muted); }
.contact-trap[b-bcje25gji3] { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.contact-success[b-bcje25gji3] { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 400px; padding: 8px; scroll-margin-top: 120px; outline: none; }
.success-icon[b-bcje25gji3] { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 24px; border-radius: 50%; background: #e5f3e9; color: #31734b; font-size: 28px; }
.contact-success h3[b-bcje25gji3] { margin: 0 0 14px; font-size: 30px; line-height: 1.15; letter-spacing: -.03em; }
.contact-success p[b-bcje25gji3] { margin-bottom: 24px; font-size: 16px; line-height: 1.7; color: var(--body); overflow-wrap: anywhere; }
.contact-success strong[b-bcje25gji3] { font-weight: 600; color: #214958; }

@media (max-width: 960px) {
    .product-list[b-bcje25gji3] { gap: 28px; }
    .section-container[b-bcje25gji3] { padding-inline: 28px; }
    .hero[b-bcje25gji3] { gap: 40px; padding-top: 72px; padding-bottom: 88px; }
    .hero-mark[b-bcje25gji3] { padding-right: 0; }
    .hero-mark[b-bcje25gji3]  .realmjar-logo-compact { width: 170px; height: 224px; }
    .hero-mark[b-bcje25gji3]  .realmjar-emblem { height: 220px; }
    .service-row[b-bcje25gji3] { grid-template-columns: 180px minmax(0, 1fr); gap: 12px 32px; }
    .service-row .text-link[b-bcje25gji3] { grid-column: 2; justify-self: start; }
    .contact-grid[b-bcje25gji3] { grid-template-columns: 1fr; gap: 40px; }
    .contact-copy h2[b-bcje25gji3] { max-width: none; }
}

@media (max-width: 700px) {
    .section-container[b-bcje25gji3] { padding-inline: 20px; }
    section[id][b-bcje25gji3] { scroll-margin-top: 84px; }
    /* The header already carries the logo, so the hero is type only on phones. */
    .hero[b-bcje25gji3] { grid-template-columns: 1fr; gap: 0; padding-top: 40px; padding-bottom: 56px; }
    .hero-mark[b-bcje25gji3] { display: none; }
    .hero h1[b-bcje25gji3] { max-width: none; margin-bottom: 20px; font-size: clamp(36px, 10.5vw, 46px); line-height: 1.06; letter-spacing: -.03em; }
    .hero-lead[b-bcje25gji3] { margin-bottom: 28px; font-size: 17px; }
    .hero-actions[b-bcje25gji3] { flex-direction: column; align-items: stretch; gap: 8px; }
    .hero-actions[b-bcje25gji3]  .accent-pill { width: 100%; }
    .hero-actions .text-link[b-bcje25gji3] { justify-content: center; }
    .section-head[b-bcje25gji3] { grid-template-columns: 1fr; gap: 8px; margin-bottom: 8px; }
    .services[b-bcje25gji3] { padding-top: 56px; padding-bottom: 72px; border-top: 1px solid var(--rule); }
    .service-list[b-bcje25gji3] { border-bottom: 0; }
    .service-row[b-bcje25gji3] { grid-template-columns: 1fr; gap: 8px; padding: 24px 0; }
    .service-list .service-row:first-child[b-bcje25gji3] { border-top: 0; }
    .service-row .text-link[b-bcje25gji3] { grid-column: 1; min-height: 44px; }
    .service-row h3[b-bcje25gji3] { font-size: 21px; }
    .service-whole[b-bcje25gji3] { margin-top: 8px; padding: 20px; border-radius: 14px; background: #f1f2ed; }
    .service-whole .text-link[b-bcje25gji3] { display: flex; margin: 8px 0 0; }
    .products[b-bcje25gji3] { padding: 72px 0 80px; }
    .product-list[b-bcje25gji3] { grid-template-columns: 1fr; gap: 32px; margin-top: 20px; }
    .products-action[b-bcje25gji3] { margin-top: 40px; }
    .products-action[b-bcje25gji3]  .accent-pill { width: 100%; }
    .story[b-bcje25gji3] { grid-template-columns: 1fr; gap: 20px; padding-top: 80px; padding-bottom: 80px; }
    .story-copy .story-lead[b-bcje25gji3] { font-size: 18px; }
    .principles > div[b-bcje25gji3] { grid-template-columns: 1fr; gap: 4px; }
    .contact[b-bcje25gji3] { padding: 72px 0; }
    .contact-panel[b-bcje25gji3] { padding: 24px 20px; }
    .contact-form-grid[b-bcje25gji3] { grid-template-columns: 1fr; }
    .contact-full[b-bcje25gji3] { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .text-link[b-bcje25gji3] { transition: none; }
}
/* /Pages/Products/Products.razor.rz.scp.css */
.products-page[b-1ugehraz7g] {
    --ink: #092f40;
    --body: #33505c;
    --muted: #586e77;
    --rule: #d8dfdc;
    --amber: #ffb921;
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
    padding: 88px 40px 112px;
    box-sizing: border-box;
}

h1[b-1ugehraz7g], h2[b-1ugehraz7g], p[b-1ugehraz7g] { margin-top: 0; }
h1[b-1ugehraz7g], h2[b-1ugehraz7g] { text-wrap: balance; }

.page-head[b-1ugehraz7g] { max-width: 48em; margin-bottom: 72px; }
.page-head h1[b-1ugehraz7g] { margin-bottom: 20px; font-size: clamp(40px, 5vw, 64px); line-height: 1.04; font-weight: 750; letter-spacing: -.035em; color: var(--ink); }
.page-head p[b-1ugehraz7g] { margin: 0; font-size: 19px; line-height: 1.6; color: var(--body); }
.engine-jump[b-1ugehraz7g] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.engine-jump a[b-1ugehraz7g] { padding: 8px 14px; border: 1px solid var(--rule); border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--ink); text-decoration: none; transition: border-color .15s, background .15s; }
.engine-jump a:hover[b-1ugehraz7g] { border-color: var(--ink); background: #f1f2ed; }

.text-link[b-1ugehraz7g] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
    text-decoration: underline;
    text-decoration-color: var(--amber);
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
    transition: text-decoration-thickness .15s;
}
.text-link:hover[b-1ugehraz7g] { text-decoration-thickness: 4px; }

.engines[b-1ugehraz7g] { list-style: none; margin: 0; padding: 0; display: grid; gap: 112px; }
.engine[b-1ugehraz7g] { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; gap: 72px; scroll-margin-top: 100px; }
.engine:nth-child(even) .engine-copy[b-1ugehraz7g] { order: 2; }
.engine-name[b-1ugehraz7g] { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; font-size: 14px; font-weight: 700; letter-spacing: .02em; color: var(--muted); }
.engine-name b[b-1ugehraz7g] { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--amber); font-size: 12px; color: var(--ink); }
.engine h2[b-1ugehraz7g] { margin-bottom: 16px; font-size: clamp(30px, 3.4vw, 42px); line-height: 1.08; font-weight: 750; letter-spacing: -.03em; color: var(--ink); }
.engine-copy > p[b-1ugehraz7g] { max-width: 30em; margin-bottom: 24px; font-size: 17px; line-height: 1.65; color: var(--body); }
.features[b-1ugehraz7g] { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; }
.features li[b-1ugehraz7g] { display: flex; align-items: flex-start; gap: 8px; font-size: 15px; line-height: 1.4; color: var(--ink); }
.features .mdi[b-1ugehraz7g] { flex-shrink: 0; font-size: 18px; line-height: 1.1; color: #1d8a5f; }
.engine-actions[b-1ugehraz7g] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; }
.proof[b-1ugehraz7g] { display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 999px; background: var(--ink); font-size: 13px; font-weight: 700; color: #fff; text-decoration: none; }
.proof:hover[b-1ugehraz7g] { background: #134a60; }

.sample-note[b-1ugehraz7g] { margin: 56px 0 0; font-size: 13px; color: var(--muted); }

.page-head .not-a-menu[b-1ugehraz7g] { display: flex; align-items: flex-start; gap: 12px; max-width: 40em; margin-top: 24px; padding: 14px 18px; border-left: 3px solid var(--amber); border-radius: 0 12px 12px 0; background: #fff6df; font-size: 16px; line-height: 1.55; }
.not-a-menu .mdi[b-1ugehraz7g] { font-size: 22px; line-height: 1.1; color: #b57800; }
.not-a-menu strong[b-1ugehraz7g] { color: var(--ink); }
.not-a-menu a[b-1ugehraz7g] { font-weight: 600; color: var(--ink); text-decoration-color: var(--amber); text-decoration-thickness: 2px; text-underline-offset: 4px; }

.custom-note[b-1ugehraz7g] { position: relative; margin-top: 40px; padding: 56px; overflow: hidden; border-radius: 24px; background: var(--ink); color: #fff; scroll-margin-top: 100px; isolation: isolate; }
.custom-note[b-1ugehraz7g]::after { content: ""; position: absolute; right: -120px; top: -160px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 185, 33, .35), transparent); z-index: -1; }
.beyond-eyebrow[b-1ugehraz7g] { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--amber); }
.custom-note h2[b-1ugehraz7g] { margin-bottom: 14px; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.1; font-weight: 750; letter-spacing: -.03em; }
.custom-note > p[b-1ugehraz7g] { max-width: 36em; margin: 0 0 32px; font-size: 18px; line-height: 1.6; color: #c3d2d8; }
.beyond-list[b-1ugehraz7g] { list-style: none; margin: 0 0 36px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.beyond-list li[b-1ugehraz7g] { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; background: rgba(255, 255, 255, .05); font-size: 15px; font-weight: 600; }
.beyond-list .mdi[b-1ugehraz7g] { font-size: 20px; color: var(--amber); }
.beyond-list .yours[b-1ugehraz7g] { border-style: dashed; border-color: var(--amber); background: transparent; color: var(--amber); }
.custom-note[b-1ugehraz7g]  .accent-pill { height: 50px; font-size: 14px; }
.beyond-actions[b-1ugehraz7g] { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 28px; }
.brochure-link[b-1ugehraz7g] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 15px; font-weight: 600; color: #fff; text-decoration: underline; text-decoration-color: var(--amber); text-decoration-thickness: 2px; text-underline-offset: 6px; }
.brochure-link:hover[b-1ugehraz7g] { text-decoration-thickness: 4px; }
.brochure-link .mdi[b-1ugehraz7g] { font-size: 20px; color: var(--amber); }
.brochure-link small[b-1ugehraz7g] { font-size: 13px; font-weight: 400; color: #9fb4bc; }

@media (max-width: 960px) {
    .products-page[b-1ugehraz7g] { padding-inline: 28px; }
    .engines[b-1ugehraz7g] { gap: 88px; }
    .engine[b-1ugehraz7g] { grid-template-columns: 1fr; gap: 32px; }
    .engine:nth-child(even) .engine-copy[b-1ugehraz7g] { order: 0; }
    .beyond-list[b-1ugehraz7g] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .products-page[b-1ugehraz7g] { padding: 48px 20px 80px; }
    .page-head[b-1ugehraz7g] { margin-bottom: 48px; }
    .page-head p[b-1ugehraz7g] { font-size: 17px; }
    .engine-jump[b-1ugehraz7g] { flex-wrap: nowrap; overflow-x: auto; margin-inline: -20px; padding-inline: 20px; scrollbar-width: none; }
    .engine-jump a[b-1ugehraz7g] { flex-shrink: 0; }
    .engines[b-1ugehraz7g] { gap: 64px; }
    .engine[b-1ugehraz7g]  .engine-preview { font-size: 12.5px; padding: 1.6em 1.6em 0; }
    .features[b-1ugehraz7g] { grid-template-columns: 1fr; }
    .custom-note[b-1ugehraz7g] { padding: 36px 22px; }
    .custom-note > p[b-1ugehraz7g] { font-size: 17px; }
    .beyond-list[b-1ugehraz7g] { gap: 8px; }
    .beyond-list li[b-1ugehraz7g] { padding: 12px; font-size: 14px; }
    .custom-note[b-1ugehraz7g]  .accent-pill { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .text-link[b-1ugehraz7g], .engine-jump a[b-1ugehraz7g] { transition: none; }
}
/* /Pages/StyleGuide/Components/AlertsPreview.razor.rz.scp.css */
.alerts-preview[b-d5vst2issm] { min-width: 0; }
h2[b-d5vst2issm] { margin: 0 0 12px; font-size: var(--font-section-title); }
h3[b-d5vst2issm] { margin: 28px 0 12px; font-size: var(--font-subheading); }
p[b-d5vst2issm] { font-size: 14px; line-height: 1.55; color: var(--text-secondary); }
.alert-examples[b-d5vst2issm] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.compact-examples[b-d5vst2issm], .compact-action-examples[b-d5vst2issm] { display: grid; gap: 13px; }
.toast-controls[b-d5vst2issm], .processing-controls[b-d5vst2issm] { display: flex; flex-wrap: wrap; gap: 12px; }
.processing-controls[b-d5vst2issm] { margin-top: 12px; }
.preview-control[b-d5vst2issm] { min-height: 44px; padding: 10px 16px; border: 1px solid var(--border); border-radius: 9px; font: inherit; font-size: 13px; color: var(--text-primary); background: var(--bg-card); cursor: pointer; }
.preview-control:focus-visible[b-d5vst2issm] { outline: 2px solid var(--accent); outline-offset: 3px; }
.toast-slot[b-d5vst2issm] { width: min(100%, 480px); min-height: 116px; margin-top: 16px; }
.preview-note[b-d5vst2issm] { font-size: 13px; }
@media (max-width: 900px) { .alert-examples[b-d5vst2issm] { grid-template-columns: 1fr; } }
/* /Pages/StyleGuide/Components/ButtonSystemPreview.razor.rz.scp.css */
.button-system-preview[b-v7dez6wunq] { margin-top: 28px; }
.button-family[b-v7dez6wunq] { margin: 24px 0; }
.button-family h4[b-v7dez6wunq] { margin: 0 0 12px; }
.format-grid[b-v7dez6wunq], .button-state-grid[b-v7dez6wunq] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.format-example[b-v7dez6wunq], .state-example[b-v7dez6wunq] { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; }
.format-example > span[b-v7dez6wunq], .state-example > span[b-v7dez6wunq] { color: var(--text-secondary); font-size: 12px; }
.connected-send-preview[b-v7dez6wunq] { max-width: 360px; }
.connected-states[b-v7dez6wunq] { max-width: 740px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 16px; }
.expanded-button-feedback[b-v7dez6wunq] { color: var(--text-secondary); }
@media (max-width: 1100px) { .format-grid[b-v7dez6wunq], .button-state-grid[b-v7dez6wunq] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) { .format-grid[b-v7dez6wunq], .button-state-grid[b-v7dez6wunq] { grid-template-columns: minmax(0, 1fr); } }
.message-send-preview[b-v7dez6wunq] { display:flex; align-items:flex-end; min-height:182px; max-width:600px; margin:16px 0; }
/* /Pages/StyleGuide/Components/ClassicPillInputsPreview.razor.rz.scp.css */
.inputs-preview[b-rwh3vp10vs] { min-width: 0; }
.inputs-preview h2[b-rwh3vp10vs], .inputs-preview h3[b-rwh3vp10vs], .inputs-preview h4[b-rwh3vp10vs] { margin: 0 0 16px; }
.inputs-preview p[b-rwh3vp10vs] { margin: 0 0 16px; max-width: 65ch; }
.input-state-grid[b-rwh3vp10vs], .record-input-grid[b-rwh3vp10vs], .responsive-input-grid[b-rwh3vp10vs] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 24px; }
.input-state-grid[b-rwh3vp10vs] { margin-top: 24px; }
.input-example[b-rwh3vp10vs] { min-width: 0; padding: 24px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-card); }
.input-example > p[b-rwh3vp10vs] { margin-top: 16px; margin-bottom: 0; }
.input-section[b-rwh3vp10vs] { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--border); }
.preview-text-button[b-rwh3vp10vs] { display: inline-block; margin-top: 16px; min-height: 44px; max-width: 100%; padding: 8px 12px; border: 1px solid var(--border); border-radius: 9px; background: transparent; text-align: left; cursor: pointer; }
.preview-text-button:focus-visible[b-rwh3vp10vs] { outline: 2px solid var(--input-focus); outline-offset: 4px; }
.record-input-grid[b-rwh3vp10vs] { margin-bottom: 24px; }
.desktop-input-specimen[b-rwh3vp10vs] { --input-font-size: 0.875rem; }
.mobile-input-specimen[b-rwh3vp10vs] { max-width: 375px; --input-font-size: 1rem; }
.responsive-input-grid .input-example[b-rwh3vp10vs]  .classic-pill-field + .classic-pill-field { margin-top: 24px; }
.input-reference[b-rwh3vp10vs] { margin: 0 0 16px; font-size: var(--font-body); }
.input-reference > div[b-rwh3vp10vs] { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(0, 3fr); gap: 8px 24px; padding: 16px 0; border-bottom: 1px solid var(--border); }
.input-reference dt[b-rwh3vp10vs] { font-weight: var(--weight-semibold); }
.input-reference dd[b-rwh3vp10vs] { margin: 0; color: var(--text-secondary); }
.input-code[b-rwh3vp10vs] { max-width: 100%; overflow-x: auto; padding: 16px; font-size: var(--font-secondary); border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-card); }
@media (max-width: 600px) { .input-reference > div[b-rwh3vp10vs] { grid-template-columns: minmax(0, 1fr); } }
/* /Pages/StyleGuide/Components/ConnectedPillTabsPreview.razor.rz.scp.css */
.tab-preview-panel[b-6hk4i3flm2]{margin:16px 0;padding:var(--card-padding);border:1px solid var(--border-color);border-radius:var(--card-radius);background:var(--card-bg);color:var(--text-primary)}
/* /Pages/StyleGuide/Components/DateTimePreview.razor.rz.scp.css */
.picker-examples[b-3w4dhxu5dc] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 24px; margin: 24px 0; }
h2[b-3w4dhxu5dc] { font-size: var(--font-section-title,20px); font-weight: 600; }
p[b-3w4dhxu5dc] { color: var(--text-secondary); line-height: 1.6; }
.confirmed-values[b-3w4dhxu5dc] { overflow-wrap: anywhere; }
.range-example[b-3w4dhxu5dc] { max-width: 560px; margin: calc(var(--guide-space,8px) * 3) 0; }
.date-time-preview[b-3w4dhxu5dc] { margin-top: calc(var(--guide-space,8px) * 4); }
@media(max-width:760px) { .picker-examples[b-3w4dhxu5dc] { grid-template-columns: 1fr; } }
/* /Pages/StyleGuide/Components/DropdownsPreview.razor.rz.scp.css */
.examples[b-9xykr02uqk] { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,310px),1fr)); gap: 32px 28px; }
.examples > section[b-9xykr02uqk] { min-width: 0; }
h2[b-9xykr02uqk] { font-size: 22px; } h3[b-9xykr02uqk] { font-size: 15px; margin: 0 0 16px; }
.dropdown-preview > p[b-9xykr02uqk] { color: var(--text-secondary); margin-bottom: 28px; }
.result[b-9xykr02uqk] { font-size: 13px; overflow-wrap: anywhere; color: var(--text-secondary); }
form[b-9xykr02uqk] { margin-top: 20px; } form[b-9xykr02uqk]  .accent-pill { margin-top: 12px; }
/* /Pages/StyleGuide/Components/ElevatedCardsPreview.razor.rz.scp.css */
.cards-preview[b-55ict0ckcw] { min-width: 0; }
.cards-preview h2[b-55ict0ckcw], .cards-preview h3[b-55ict0ckcw] { margin: 0 0 16px; }
.cards-preview > p[b-55ict0ckcw] { margin: 0 0 16px; max-width: 65ch; }
.card-feedback[b-55ict0ckcw] { min-height: 24px; }
.card-preview-grid[b-55ict0ckcw] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 24px; }
.card-example[b-55ict0ckcw] { min-width: 0; display: flex; flex-direction: column; }
.card-example[b-55ict0ckcw]  .elevated-card { flex: 1; }
.card-example[b-55ict0ckcw]  .card-content p { margin: 0; }
.panel-details[b-55ict0ckcw] { margin: 0; }
.panel-details > div[b-55ict0ckcw] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding: 8px 0; }
.panel-details dd[b-55ict0ckcw] { margin: 0; }
.card-reference[b-55ict0ckcw] { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--border); }
.card-reference dl[b-55ict0ckcw] { margin: 0; }
.card-reference dl > div[b-55ict0ckcw] { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 3fr); gap: 8px 24px; padding: 16px 0; border-bottom: 1px solid var(--border); }
.card-reference dt[b-55ict0ckcw] { font-weight: var(--weight-semibold); }
.card-reference dd[b-55ict0ckcw] { margin: 0; color: var(--text-secondary); }
@media (max-width: 600px) { .card-reference dl > div[b-55ict0ckcw] { grid-template-columns: minmax(0, 1fr); } }
/* /Pages/StyleGuide/Components/FileUploadsPreview.razor.rz.scp.css */
.file-uploads-preview[b-gp832g8es5] { min-width: 0; }
h2[b-gp832g8es5] { font-size: var(--font-section-title); font-weight: 600; line-height: var(--line-section-heading); }
h3[b-gp832g8es5] { font-size: var(--font-card-title); font-weight: 600; margin-bottom: 12px; }
h4[b-gp832g8es5] { font-size: var(--font-form-label); font-weight: 500; margin-bottom: 12px; }
.upload-examples[b-gp832g8es5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 24px 0; }
.upload-examples > div[b-gp832g8es5], .image-examples > div[b-gp832g8es5] { min-width: 0; }
.selection-note[b-gp832g8es5] { margin: 12px 0 0; color: var(--text-secondary); font-size: var(--font-secondary); line-height: var(--line-secondary); overflow-wrap: anywhere; }
.image-examples[b-gp832g8es5] { display: grid; grid-template-columns: repeat(2,minmax(0, 240px)); gap: 24px; }
.image-frame[b-gp832g8es5] { position: relative; width: 100%; aspect-ratio: 4 / 3; background: var(--bg-card); border: 1px solid var(--border); border-radius: 18px; }
.image-frame img[b-gp832g8es5] { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.image-picker[b-gp832g8es5] { position: absolute; inset: 0; border-radius: inherit; }
.image-picker[b-gp832g8es5]  .circular { width: 100%; height: 100%; border-radius: inherit; }
@media (max-width: 760px) { .upload-examples[b-gp832g8es5] { grid-template-columns: 1fr; } }
@media (max-width: 430px) { .image-examples[b-gp832g8es5] { grid-template-columns: minmax(0,240px); } }
/* /Pages/StyleGuide/Components/ProfileCardPreview.razor.rz.scp.css */
.profile-preview[b-1mgjkteusy] { margin-top: 32px; border-top: 1px solid var(--border); padding-top: 24px; min-width: 0; }
.action-states[b-1mgjkteusy] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-block: 20px; }
.state-example[b-1mgjkteusy] { min-width: 0; } .state-example h4[b-1mgjkteusy] { margin: 0 0 12px; font-size: 13px; }
.state-actions[b-1mgjkteusy] { display: flex; gap: 10px; flex-wrap: wrap; }
p[b-1mgjkteusy] { font-size: 13px; color: var(--text-secondary); }
.preview-options[b-1mgjkteusy] { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 12px; }
.preview-options label[b-1mgjkteusy] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 13px; }
.preview-options input[b-1mgjkteusy] { width: 18px; height: 18px; }
@media (max-width: 1000px) { .action-states[b-1mgjkteusy] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 360px) { .action-states[b-1mgjkteusy] { grid-template-columns: 1fr; } }
/* /Pages/StyleGuide/Components/RecordsPreview.razor.rz.scp.css */
h2[b-bbaprh6vms] { font-size: var(--font-section-title,20px); font-weight: 600; }
p[b-bbaprh6vms] { color: var(--text-secondary); line-height: 1.6; }
table[b-bbaprh6vms] { min-width: 580px; font-size: 14px; }
th[b-bbaprh6vms],td[b-bbaprh6vms] { text-align: left; padding: 14px; border-bottom: 1px solid var(--border); }
/* /Pages/StyleGuide/Components/ScrollbarsPreview.razor.rz.scp.css */
.scrollbar-preview[b-1bo6iqsteb] { margin-top: 32px; padding-block: 32px; border-block: 1px solid var(--border); min-width: 0; }
h2[b-1bo6iqsteb] { margin: 0 0 16px; font-size: var(--font-section-title); font-weight: var(--weight-semibold); line-height: var(--line-section-heading); }
h3[b-1bo6iqsteb] { margin: 0 0 16px; font-size: var(--font-card-title); font-weight: var(--weight-semibold); line-height: var(--line-subheading); }
p[b-1bo6iqsteb] { max-width: 70ch; margin: 0 0 16px; }
.scrollbar-note[b-1bo6iqsteb] { color: var(--text-secondary); font-size: var(--font-secondary); }
.scrollbar-examples[b-1bo6iqsteb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-block: 24px; }
.scrollbar-example[b-1bo6iqsteb] { min-width: 0; padding: 24px; border: 1px solid var(--border); border-radius: var(--card-radius); background: var(--card-bg); }
.scrollbar-example-wide[b-1bo6iqsteb] { grid-column: 1 / -1; }
.scrollbar-demo-body[b-1bo6iqsteb] { max-height: 220px; overflow: auto; border: 1px solid var(--border); border-radius: 9px; }
.scrollbar-demo-row[b-1bo6iqsteb] { max-width: none; margin: 0; padding: 12px 16px; overflow-wrap: anywhere; }
.scrollbar-demo-row + .scrollbar-demo-row[b-1bo6iqsteb] { border-top: 1px solid var(--border); }
.scrollbar-horizontal[b-1bo6iqsteb] { display: flex; gap: 16px; max-width: 100%; overflow-x: auto; padding-bottom: 12px; }
.scrollbar-day[b-1bo6iqsteb] { display: flex; flex: 0 0 180px; flex-direction: column; gap: 8px; padding: 16px; background: var(--page-bg); border: 1px solid var(--border); border-radius: 9px; }
.scrollbar-sidebar-demo[b-1bo6iqsteb] { background: var(--sidebar-bg); color: var(--sidebar-text); }
.scrollbar-sidebar-demo .scrollbar-demo-row[b-1bo6iqsteb] { display: flex; align-items: center; gap: 12px; border-color: var(--sidebar-active-bg); }
.scrollbar-sidebar-demo .mdi[b-1bo6iqsteb] { font-size: 22px; }
.scrollbar-record-scroll table[b-1bo6iqsteb] { width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; text-align: left; font-size: var(--font-table-value); }
caption[b-1bo6iqsteb] { text-align: left; padding: 12px 16px; color: var(--text-secondary); }
th[b-1bo6iqsteb], td[b-1bo6iqsteb] { padding: 12px 16px; border-bottom: 1px solid var(--border); white-space: nowrap; }
thead th[b-1bo6iqsteb] { position: sticky; top: 0; background: var(--elevated-bg); font-size: var(--font-table-header); }
tbody th[b-1bo6iqsteb] { font-weight: var(--weight-medium); }
@media (max-width: 1000px) { .scrollbar-examples[b-1bo6iqsteb] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) { .scrollbar-example[b-1bo6iqsteb] { padding: 16px; } .scrollbar-demo-row[b-1bo6iqsteb] { padding: 12px; } }
/* /Pages/StyleGuide/Components/SearchesPreview.razor.rz.scp.css */
.search-preview[b-ecwfoqovpi] { max-width: 720px; min-width: 0; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--border-color,var(--line)); }
.search-preview h2[b-ecwfoqovpi] { margin-top: 0; }
.search-preview p[b-ecwfoqovpi] { color: var(--text-secondary); overflow-wrap: anywhere; }
.search-states[b-ecwfoqovpi] { display: grid; gap: 20px; margin-top: 24px; }
/* /Pages/StyleGuide/Components/SelectionControlsPreview.razor.rz.scp.css */
.selection-preview[b-j9z142k00x] { min-width: 0; }
h2[b-j9z142k00x] { margin-top: 0; }
h3[b-j9z142k00x] { font-size: var(--font-subheading, 18px); margin: 0 0 8px; }
p[b-j9z142k00x] { color: var(--text-secondary); line-height: 1.55; }
.selection-grid[b-j9z142k00x] { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,310px),1fr)); gap: 24px; align-items: start; }
.selection-grid > section[b-j9z142k00x] { min-width: 0; }
.selection-grid[b-j9z142k00x]  .selection-control { display: flex; width: 100%; padding: 14px 0; border-bottom: 1px solid var(--border); }
.selection-grid[b-j9z142k00x]  .selection-control:not(.switch-control) { justify-content: space-between; }
.selection-grid[b-j9z142k00x]  .selection-control:not(.switch-control) .selection-visual { order: 1; }
/* /Pages/StyleGuide/Components/TypographyPreview.razor.rz.scp.css */
.typography-preview[b-psslwprzjv] { min-width: 0; }
.typography-preview h2[b-psslwprzjv], .typography-preview h3[b-psslwprzjv], .typography-preview h4[b-psslwprzjv] { margin: 0 0 16px; }
.typography-preview p[b-psslwprzjv] { margin: 0 0 16px; max-width: 65ch; }
.type-section[b-psslwprzjv] { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--border); }
.alphabet[b-psslwprzjv] { overflow-wrap: anywhere; }
.type-specimens[b-psslwprzjv] { display: grid; gap: 24px; }
.type-specimens p[b-psslwprzjv] { margin-bottom: 4px; }
.type-actions[b-psslwprzjv] { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin: 20px 0; }
.type-button[b-psslwprzjv] { min-height: 44px; max-width: 100%; padding: 10px 16px; border: 1px solid var(--border); border-radius: 9px; background: var(--bg-card); cursor: pointer; overflow-wrap: anywhere; }
.type-button.secondary[b-psslwprzjv] { background: var(--bg-elevated); }
.type-button.outline[b-psslwprzjv], .type-button.text-button[b-psslwprzjv] { background: transparent; }
.type-button.text-button[b-psslwprzjv] { border-color: transparent; }
.type-button.sample-theme-toggle[b-psslwprzjv] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 9999px; background: var(--bg-elevated); font-size: var(--font-toggle); }
.sample-theme-toggle .mdi[b-psslwprzjv] { font-size: 1.125rem; }
.type-button:focus-visible[b-psslwprzjv], .type-form input:focus-visible[b-psslwprzjv], .responsive-specimen input:focus-visible[b-psslwprzjv], .type-table-scroll:focus-visible[b-psslwprzjv] { outline: 2px solid var(--accent); outline-offset: 4px; }
.navigation-examples[b-psslwprzjv], .responsive-specimens[b-psslwprzjv] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 24px; }
.navigation-sample[b-psslwprzjv] { display: flex; flex-direction: column; gap: 16px; padding: 24px; border-radius: var(--radius); }
.light-navigation[b-psslwprzjv] { background: #25334A; --nav-primary: #FFFFFF; --nav-secondary: #C8D4E5; }
.dark-navigation[b-psslwprzjv] { background: #1E1F22; --nav-primary: #F2F3F5; --nav-secondary: #B5BAC1; }
.navigation-sample .sl-type-metadata[b-psslwprzjv], .navigation-sample .nav-secondary[b-psslwprzjv] { color: var(--nav-secondary); }
.navigation-sample .nav-primary[b-psslwprzjv] { color: var(--nav-primary); }
.nav-primary[b-psslwprzjv], .nav-secondary[b-psslwprzjv] { display: flex; align-items: center; gap: 10px; }
.navigation-sample .mdi[b-psslwprzjv] { font-size: 1.125rem; }
.type-table-scroll[b-psslwprzjv] { max-width: 100%; overflow-x: auto; margin-bottom: 16px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-card); }
.type-table[b-psslwprzjv] { width: 100%; border-collapse: collapse; text-align: left; }
.type-table caption[b-psslwprzjv] { padding: 16px; text-align: left; }
.type-table th[b-psslwprzjv], .type-table td[b-psslwprzjv] { padding: 12px 16px; border-bottom: 1px solid var(--border); }
.type-table thead th[b-psslwprzjv] { color: var(--text-secondary); }
.type-table tr:last-child td[b-psslwprzjv], .type-table tr:last-child th[b-psslwprzjv] { border-bottom: 0; }
.token-name[b-psslwprzjv] { display: block; white-space: nowrap; }
.type-form[b-psslwprzjv] { display: flex; flex-direction: column; gap: 8px; max-width: 480px; margin: 20px 0; }
.type-form label:not(:first-child)[b-psslwprzjv] { margin-top: 12px; }
.type-form input[b-psslwprzjv], .responsive-specimen input[b-psslwprzjv] { width: 100%; min-width: 0; min-height: 44px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 6px; color: var(--text-primary); background: var(--bg-card); }
.type-form input[b-psslwprzjv]::placeholder, .responsive-specimen input[b-psslwprzjv]::placeholder { color: var(--text-secondary); opacity: 1; }
.responsive-specimen[b-psslwprzjv] { min-width: 0; padding: 24px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-card); }
.responsive-specimen label[b-psslwprzjv] { display: block; margin-bottom: 8px; }
.responsive-specimen input[b-psslwprzjv] { margin-bottom: 16px; }
.mobile-specimen[b-psslwprzjv] { max-width: 375px; --font-page-title: var(--font-page-title-mobile); --font-section-title: var(--font-section-title-mobile); --font-subheading: var(--font-subheading-mobile); --font-input: 1rem; }
.desktop-specimen[b-psslwprzjv] { --font-page-title: var(--font-page-title-desktop); --font-section-title: var(--font-section-title-desktop); --font-subheading: var(--font-subheading-desktop); --font-input: 0.875rem; }
/* /Pages/StyleGuide/Components/UploadButtonPreview.razor.rz.scp.css */
.upload-button-preview[b-k2w7963qjv] { margin-top: 24px; }
h3[b-k2w7963qjv] { font-size: var(--font-card-title); font-weight: 600; }
p[b-k2w7963qjv] { color: var(--text-secondary); font-size: var(--font-secondary); overflow-wrap: anywhere; margin-top: 12px; }
/* /Pages/StyleGuide/Index.razor.rz.scp.css */
.component-guide[b-ubcvbfp77m]{display:grid;gap:16px;min-width:0}.component-guide details[b-ubcvbfp77m]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--card-radius);min-width:0}.component-guide summary[b-ubcvbfp77m]{padding:20px 24px;font-weight:600;cursor:pointer;min-height:48px}.component-guide section[b-ubcvbfp77m]{padding:0 24px 24px;min-width:0;overflow-wrap:anywhere}.component-guide details[open] summary[b-ubcvbfp77m]{border-bottom:1px solid var(--border-color);margin-bottom:24px}.component-guide[b-ubcvbfp77m]  input{max-width:100%}@media(max-width:600px){.component-guide summary[b-ubcvbfp77m]{padding:16px}.component-guide section[b-ubcvbfp77m]{padding:0 16px 16px}}
/* /Pages/Workspace/Dashboard.razor.rz.scp.css */
h2[b-mc2mwdn45w]{margin-bottom:12px}p[b-mc2mwdn45w]{color:var(--text-secondary);line-height:1.6}a[b-mc2mwdn45w]{text-decoration:underline;text-underline-offset:3px}