/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-7w2jbomxb2] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
    background:
        radial-gradient(circle at 11% 12%, rgba(45, 212, 191, 0.11), transparent 24%),
        radial-gradient(circle at 88% 7%, rgba(148, 163, 184, 0.1), transparent 20%),
        radial-gradient(circle at 72% 88%, rgba(82, 82, 91, 0.12), transparent 28%),
        var(--rm-page-gradient, linear-gradient(135deg, #121316 0%, #1a1b20 46%, #23242a 100%));
    color: var(--rm-copy, #f6f7fb);
}

.main-shell[b-7w2jbomxb2] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-x: clip;
}

.main-shell.sidebar-collapsed[b-7w2jbomxb2] {
    flex: 1;
}

.app-footer[b-7w2jbomxb2] {
    margin: auto 1.25rem 1rem 0.25rem;
    padding: 0.5rem 0 0;
    position: static;
    width: auto;
}

.app-footer-inner[b-7w2jbomxb2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem 1rem;
    padding: 0.65rem 0.9rem;
    border-top: 1px solid var(--rm-line, rgba(255, 255, 255, 0.06));
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--rm-copy-muted, #8a8d9b);
    font-size: 0.82rem;
    line-height: 1.45;
    text-align: center;
}

.app-footer-inner strong[b-7w2jbomxb2] {
    color: var(--rm-copy, #f7f8fd);
    font-weight: 850;
    letter-spacing: 0.03em;
}

.app-footer-brand[b-7w2jbomxb2] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
}

.app-footer-brand img[b-7w2jbomxb2] {
    background: #fff;
    border-radius: 0.45rem;
    display: block;
    height: 1.45rem;
    max-height: 1.45rem;
    max-width: 1.45rem;
    object-fit: contain;
    width: 1.45rem;
}

.app-footer-inner span[b-7w2jbomxb2] {
    display: inline-block;
}

.sidebar[b-7w2jbomxb2] {
    padding: 0.85rem 0.65rem 0.85rem 0.85rem;
    align-self: flex-start;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
    flex: 0 0 252px;
    transition: flex-basis 0.18s ease, width 0.18s ease, padding 0.18s ease;
}

.sidebar.collapsed[b-7w2jbomxb2] {
    flex-basis: 70px;
    width: 70px;
    padding: 0.75rem 0.3rem;
}

.top-row[b-7w2jbomxb2] {
    margin: 1rem 1.25rem 0 0.25rem;
    padding: 1rem 1.2rem;
    min-height: 4.65rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.05));
    border-radius: 24px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--rm-surface, #171821) 88%, transparent), color-mix(in srgb, var(--rm-surface-2, #20222d) 78%, transparent));
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 50;
}

.topbar-controls[b-7w2jbomxb2] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.topbar-copy[b-7w2jbomxb2] {
    display: flex;
    align-items: center;
    color: var(--rm-copy, #f7f8fd);
}

.topbar-brand[b-7w2jbomxb2] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
}

.topbar-brand-mark[b-7w2jbomxb2] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-surface-3, #20242e) 92%, var(--rm-accent, #a9e7de));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 0.8rem;
    color: var(--rm-copy, #f7f8fd);
    display: inline-flex;
    font-size: 1.05rem;
    font-weight: 900;
    height: 2.55rem;
    justify-content: center;
    letter-spacing: 0;
    overflow: hidden;
    width: 2.55rem;
}

.topbar-brand-mark img[b-7w2jbomxb2] {
    border-radius: inherit;
    display: block;
    height: 2.25rem;
    max-height: 2.25rem;
    max-width: 2.25rem;
    object-fit: contain;
    width: 2.25rem;
}

.topbar-brand-text[b-7w2jbomxb2] {
    display: grid;
    gap: 0.12rem;
}

.topbar-brand-text strong[b-7w2jbomxb2] {
    color: var(--rm-copy, #f7f8fd);
    font-size: 1.04rem;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.topbar-brand-text p[b-7w2jbomxb2] {
    color: var(--rm-copy-muted, #8a8d9b);
    font-size: 0.76rem;
    font-weight: 700;
    margin: 0;
}

.topbar-chip[b-7w2jbomxb2] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-surface-2, #20222d) 92%, transparent);
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.05));
    border-radius: 999px;
    color: var(--rm-copy-soft, #c6cad6);
    display: inline-flex;
    gap: 0.55rem;
    font-weight: 700;
    min-height: 2.9rem;
    padding: 0.68rem 0.95rem;
    text-decoration: none;
    white-space: nowrap;
}

.announcement-bell[b-7w2jbomxb2] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: 0;
    justify-content: center;
    min-width: 3rem;
    position: relative;
}

.announcement-bell .bi-bell-fill[b-7w2jbomxb2] {
    align-items: center;
    color: currentColor;
    display: inline-flex;
    font-style: normal;
    height: 1.1rem;
    justify-content: center;
    position: relative;
    width: 1.1rem;
}

.announcement-bell .bi-bell-fill[b-7w2jbomxb2]::before {
    border: 2px solid currentColor;
    border-bottom: 0;
    border-radius: 999px 999px 0.22rem 0.22rem;
    content: "";
    height: 0.78rem;
    width: 0.72rem;
}

.announcement-bell .bi-bell-fill[b-7w2jbomxb2]::after {
    background: currentColor;
    border-radius: 999px;
    bottom: 0.03rem;
    content: "";
    height: 0.22rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0.38rem;
}

.announcement-bell.has-unread[b-7w2jbomxb2] {
    background: color-mix(in srgb, var(--rm-danger, #ef4444) 18%, var(--rm-surface-2, #20222d));
    border-color: color-mix(in srgb, var(--rm-danger, #ef4444) 42%, transparent);
    color: var(--rm-danger, #ef4444);
}

.notification-wrap[b-7w2jbomxb2] {
    position: relative;
    z-index: 60;
}

.notification-backdrop[b-7w2jbomxb2] {
    background: transparent;
    inset: 0;
    position: fixed;
    z-index: 48;
}

.notification-menu[b-7w2jbomxb2] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--rm-surface, #171821) 98%, white 2%), var(--rm-surface, #171821));
    border: 1px solid color-mix(in srgb, var(--rm-line, rgba(255, 255, 255, 0.08)) 72%, white 8%);
    border-radius: 0.85rem;
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.36);
    color: var(--rm-copy, #f7f8fd);
    max-height: min(28rem, calc(100vh - 7.5rem));
    overflow: hidden;
    position: absolute;
    inset-inline-end: 0;
    top: calc(100% + 0.55rem);
    width: min(24rem, calc(100vw - 2rem));
    z-index: 61;
}

.notification-menu-head[b-7w2jbomxb2] {
    align-items: center;
    border-bottom: 1px solid color-mix(in srgb, var(--rm-line, rgba(255, 255, 255, 0.08)) 75%, transparent);
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1rem 0.75rem;
}

.notification-menu-head strong[b-7w2jbomxb2] {
    color: var(--rm-copy, #f7f8fd);
    font-size: 0.98rem;
    font-weight: 900;
}

.notification-menu-head span[b-7w2jbomxb2],
.notification-empty[b-7w2jbomxb2],
.notification-date[b-7w2jbomxb2] {
    color: var(--rm-copy-muted, #8a8d9b);
    font-size: 0.76rem;
    font-weight: 700;
}

.notification-list[b-7w2jbomxb2] {
    display: grid;
    gap: 0.35rem;
    max-height: min(23rem, calc(100vh - 11rem));
    overflow-y: auto;
    padding: 0.45rem;
}

.notification-item[b-7w2jbomxb2] {
    align-items: flex-start;
    background: color-mix(in srgb, var(--rm-surface-2, #20222d) 56%, transparent);
    border: 1px solid transparent;
    border-radius: 0.72rem;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: 0.75rem;
    padding: 0.72rem 0.78rem;
    position: relative;
    text-align: start;
    transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
    width: 100%;
}

.notification-item:hover[b-7w2jbomxb2] {
    background: color-mix(in srgb, var(--rm-surface-3, #252836) 72%, var(--rm-accent, #2dd4bf) 5%);
    border-color: color-mix(in srgb, var(--rm-accent, #2dd4bf) 16%, transparent);
    transform: translateY(-1px);
}

.notification-item.unread[b-7w2jbomxb2] {
    background: color-mix(in srgb, var(--rm-accent, #2dd4bf) 10%, var(--rm-surface-2, #20222d));
    border-color: color-mix(in srgb, var(--rm-accent, #2dd4bf) 26%, transparent);
}

.notification-item.unread[b-7w2jbomxb2]::after {
    background: var(--rm-accent, #2dd4bf);
    border-radius: 999px;
    content: "";
    height: 0.42rem;
    position: absolute;
    inset-block-start: 0.68rem;
    inset-inline-end: 0.68rem;
    width: 0.42rem;
}

.notification-item.pending[b-7w2jbomxb2] {
    --notification-color: #f59e0b;
    background: color-mix(in srgb, #f59e0b 11%, var(--rm-surface-2, #20222d));
    border-color: color-mix(in srgb, #f59e0b 32%, transparent);
}

.notification-item.pending.unread[b-7w2jbomxb2]::after {
    background: #f59e0b;
}

.notification-item.approved[b-7w2jbomxb2] {
    --notification-color: #22c55e;
}

.notification-item.rejected[b-7w2jbomxb2] {
    --notification-color: #ef4444;
    background: color-mix(in srgb, #ef4444 8%, var(--rm-surface-2, #20222d));
}

.notification-item.completed[b-7w2jbomxb2] {
    --notification-color: #94a3b8;
}

.notification-item.sms[b-7w2jbomxb2] {
    --notification-color: #38bdf8;
    background: color-mix(in srgb, #38bdf8 9%, var(--rm-surface-2, #20222d));
    border-color: color-mix(in srgb, #38bdf8 28%, transparent);
}

.notification-item.sms.unread[b-7w2jbomxb2]::after {
    background: #38bdf8;
}

.notification-icon[b-7w2jbomxb2] {
    align-items: center;
    background: color-mix(in srgb, var(--notification-color, var(--rm-accent, #2dd4bf)) 15%, var(--rm-surface-2, #20222d));
    border: 1px solid color-mix(in srgb, var(--notification-color, var(--rm-accent, #2dd4bf)) 30%, transparent);
    border-radius: 0.72rem;
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 10%, transparent);
    color: var(--notification-color, var(--rm-accent, #2dd4bf));
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
}

.notification-icon[b-7w2jbomxb2]::before {
    background: currentColor;
    content: "";
    height: 1.08rem;
    width: 1.08rem;
    mask: var(--notification-icon) center / contain no-repeat;
    -webkit-mask: var(--notification-icon) center / contain no-repeat;
}

.notification-icon.bi-megaphone-fill[b-7w2jbomxb2] {
    --notification-color: #f59e0b;
    --notification-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 2.2v11.2L10.7 11H7.2v3H4.8l-1.1-3H2a1.5 1.5 0 0 1-1.5-1.5v-3A1.5 1.5 0 0 1 2 5h3.6L14 2.2zM6.2 6.5H2v3h4.2v-3z'/%3E%3C/svg%3E");
}

.notification-icon.bi-clipboard-check[b-7w2jbomxb2] {
    --notification-color: #38bdf8;
    --notification-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 1h4l.8 1.6H13v12.9H3V2.6h2.2L6 1zm.8 2.4v1.2h2.4V3.4H6.8zM5 5.2v9h6v-9h-.8v1.2H5.8V5.2H5zm6.2 3L7.4 12 5.2 9.8l.9-.9 1.3 1.3 2.9-2.9.9.9z'/%3E%3C/svg%3E");
}

.notification-icon.bi-calendar-check[b-7w2jbomxb2] {
    --notification-color: #22c55e;
    --notification-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h2v2h6V1h2v2h1.5v12H1.5V3H3V1zm10.2 5H2.8v8h10.4V6zM11 7.5l.9.9-4.1 4.1-2.3-2.3.9-.9 1.4 1.4L11 7.5z'/%3E%3C/svg%3E");
}

.notification-icon.bi-chat-square-text-fill[b-7w2jbomxb2] {
    --notification-color: #38bdf8;
    --notification-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v8.5H6.1L2.4 14H2V2zm2.5 2.5v1h7v-1h-7zm0 2.2v1h5.7v-1H4.5z'/%3E%3C/svg%3E");
}

.notification-item.sms .notification-icon[b-7w2jbomxb2] {
    --notification-color: #38bdf8;
}

.notification-item.pending .notification-icon.bi-calendar-check[b-7w2jbomxb2] {
    --notification-color: #f59e0b;
}

.notification-item.approved .notification-icon.bi-calendar-check[b-7w2jbomxb2] {
    --notification-color: #22c55e;
}

.notification-item.rejected .notification-icon.bi-calendar-check[b-7w2jbomxb2] {
    --notification-color: #ef4444;
}

.notification-item.completed .notification-icon.bi-calendar-check[b-7w2jbomxb2] {
    --notification-color: #94a3b8;
}

.notification-copy[b-7w2jbomxb2] {
    display: grid;
    gap: 0.24rem;
    min-width: 0;
    padding-inline-end: 0.5rem;
}

.notification-title-row[b-7w2jbomxb2] {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    min-width: 0;
}

.notification-title-row strong[b-7w2jbomxb2] {
    color: var(--rm-copy, #f7f8fd);
    font-size: 0.86rem;
    font-weight: 850;
    line-height: 1.25;
}

.notification-title-row em[b-7w2jbomxb2] {
    background: color-mix(in srgb, var(--notification-color, var(--rm-accent, #2dd4bf)) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--notification-color, var(--rm-accent, #2dd4bf)) 24%, transparent);
    border-radius: 999px;
    color: color-mix(in srgb, var(--notification-color, var(--rm-accent, #2dd4bf)) 82%, white 10%);
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.3;
    padding: 0.08rem 0.42rem;
}

.notification-summary[b-7w2jbomxb2] {
    color: var(--rm-copy-soft, #c6cad6);
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.notification-empty[b-7w2jbomxb2] {
    padding: 1.25rem;
    text-align: center;
}

.announcement-badge[b-7w2jbomxb2] {
    align-items: center;
    background: var(--rm-danger);
    border: 2px solid color-mix(in srgb, var(--rm-surface, #171821) 94%, transparent);
    border-radius: 999px;
    color: white;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 900;
    justify-content: center;
    line-height: 1;
    min-width: 1.2rem;
    padding: 0.22rem 0.34rem;
    position: absolute;
    right: -0.28rem;
    top: -0.28rem;
}

.theme-toggle-btn[b-7w2jbomxb2] {
    display: inline-flex;
    align-items: center;
    direction: ltr;
    flex: 0 0 auto;
    gap: 0;
    justify-content: center;
    max-width: 3.8rem;
    min-width: 3.8rem;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    transition: max-width 0.24s ease, min-width 0.24s ease, padding 0.24s ease, gap 0.24s ease;
}

.theme-toggle-btn.expanded[b-7w2jbomxb2] {
    gap: 0.62rem;
    justify-content: flex-start;
    max-width: 8.4rem;
    min-width: 7.15rem;
}

.theme-toggle-track[b-7w2jbomxb2] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-surface-3, rgba(169, 231, 222, 0.14)) 90%, transparent);
    border: 1px solid var(--rm-line-strong, rgba(169, 231, 222, 0.22));
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 2.9rem;
    height: 1.45rem;
    justify-content: flex-start;
    padding: 0.12rem;
    position: relative;
    width: 2.9rem;
}

.theme-toggle-label[b-7w2jbomxb2] {
    display: inline-block;
    max-width: 0;
    min-width: 0;
    overflow: hidden;
    opacity: 0;
    text-overflow: ellipsis;
    transform: translateX(-0.35rem);
    transition: max-width 0.24s ease, opacity 0.18s ease, transform 0.24s ease;
    unicode-bidi: plaintext;
    white-space: nowrap;
}

.theme-toggle-btn.expanded .theme-toggle-label[b-7w2jbomxb2] {
    max-width: 4.4rem;
    opacity: 1;
    transform: translateX(0);
}

.theme-toggle-thumb[b-7w2jbomxb2] {
    background: var(--rm-accent, #2dd4bf);
    border-radius: 999px;
    box-shadow: 0 4px 10px color-mix(in srgb, var(--rm-accent) 28%, transparent);
    display: block;
    height: 1.02rem;
    width: 1.02rem;
    transform: translateX(0);
    transition: transform 0.18s ease, background 0.18s ease;
}

.theme-toggle-btn.light .theme-toggle-thumb[b-7w2jbomxb2] {
    transform: translateX(1.38rem);
}

.theme-toggle-btn.system .theme-toggle-thumb[b-7w2jbomxb2] {
    transform: translateX(0.7rem);
    background: color-mix(in srgb, var(--rm-accent-2, var(--rm-accent)) 72%, white 10%);
}

.culture-toggle-btn[b-7w2jbomxb2] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    cursor: pointer;
}

.theme-swatch[b-7w2jbomxb2] {
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--rm-accent), var(--rm-accent-2));
    box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.16);
}

.topbar-chip-label[b-7w2jbomxb2] {
    color: var(--rm-copy-muted, #8a8d9b);
    font-size: 0.67rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.topbar-profile-chip[b-7w2jbomxb2],
.topbar-stack-chip[b-7w2jbomxb2] {
    align-items: flex-start;
    border-radius: 1rem;
    display: grid;
    gap: 0.16rem;
    min-width: 8.25rem;
}

.topbar-profile-chip strong[b-7w2jbomxb2],
.topbar-stack-chip strong[b-7w2jbomxb2] {
    color: var(--rm-copy, #f7f8fd);
    font-size: 0.88rem;
    font-weight: 850;
    line-height: 1.15;
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-profile-chip[b-7w2jbomxb2] {
    max-width: 15rem;
}

.resident-unit-chip[b-7w2jbomxb2] {
    min-width: 7rem;
}

.icon-chip[b-7w2jbomxb2] {
    min-width: 3rem;
    padding-inline: 0.9rem;
}

.app-refresh-chip[b-7w2jbomxb2] {
    cursor: pointer;
    justify-content: center;
    min-width: 3rem;
    position: relative;
}

.app-refresh-chip .bi-arrow-clockwise[b-7w2jbomxb2] {
    align-items: center;
    color: currentColor;
    display: inline-flex;
    font-style: normal;
    height: 1.15rem;
    justify-content: center;
    position: relative;
    width: 1.15rem;
}

.app-refresh-chip .bi-arrow-clockwise[b-7w2jbomxb2]::before {
    background: currentColor;
    content: "";
    height: 1.05rem;
    width: 1.05rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.1a5.9 5.9 0 0 1 5.26 3.22V3.2h1.3v4.35h-4.34v-1.3h2.18A4.63 4.63 0 1 0 12 11.5l.95.89A5.93 5.93 0 1 1 8 2.1z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.1a5.9 5.9 0 0 1 5.26 3.22V3.2h1.3v4.35h-4.34v-1.3h2.18A4.63 4.63 0 1 0 12 11.5l.95.89A5.93 5.93 0 1 1 8 2.1z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.app-refresh-chip:hover[b-7w2jbomxb2] {
    color: var(--rm-copy, #f7f8fd);
    border-color: color-mix(in srgb, var(--rm-accent, #2dd4bf) 24%, transparent);
}

.topbar-culture-toggle[b-7w2jbomxb2] {
    cursor: pointer;
    justify-content: center;
}

.culture-flag[b-7w2jbomxb2] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.22rem;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rm-copy) 16%, transparent);
    display: block;
    height: 1rem;
    overflow: hidden;
    width: 1.35rem;
}

.culture-flag.us[b-7w2jbomxb2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7410 3900'%3E%3Cpath fill='%23b22234' d='M0 0h7410v3900H0z'/%3E%3Cpath stroke='%23fff' stroke-width='300' d='M0 450h7410M0 1050h7410M0 1650h7410M0 2250h7410M0 2850h7410M0 3450h7410'/%3E%3Cpath fill='%233c3b6e' d='M0 0h2964v2100H0z'/%3E%3C/svg%3E");
}

.culture-flag.ir[b-7w2jbomxb2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 540'%3E%3Cpath fill='%23239f40' d='M0 0h900v180H0z'/%3E%3Cpath fill='%23fff' d='M0 180h900v180H0z'/%3E%3Cpath fill='%23da0000' d='M0 360h900v180H0z'/%3E%3C/svg%3E");
}

.logout-btn[b-7w2jbomxb2],
.login-link[b-7w2jbomxb2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    padding: 0.7rem 1rem;
    background: var(--rm-accent);
    color: var(--rm-accent-on) !important;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(45, 212, 191, 0.2);
}

.login-shell[b-7w2jbomxb2] {
    width: 100%;
}

.login-required-card[b-7w2jbomxb2] {
    max-width: 560px;
    margin: 12vh auto;
    padding: 2rem;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.06));
    border-radius: 24px;
    background: var(--rm-surface-2, #20212b);
    box-shadow: var(--rm-shadow, 0 28px 70px rgba(0, 0, 0, 0.3));
    color: var(--rm-copy, #f6f7fb);
}

.content[b-7w2jbomxb2] {
    padding: 1rem 1.25rem 1.25rem 0.25rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.main-shell.resident-assistant-shell[b-7w2jbomxb2] {
    flex: 1 1 auto;
    min-height: 0;
}

.content.resident-assistant-content[b-7w2jbomxb2] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 1rem 1.25rem 1rem 0.25rem;
}

.app-footer.resident-assistant-footer[b-7w2jbomxb2] {
    display: none;
}

.resident-bottom-nav[b-7w2jbomxb2] {
    display: none;
}

@media (max-width: 640.98px) {
    .page[b-7w2jbomxb2],
    .main-shell[b-7w2jbomxb2] {
        display: flex;
        width: 100%;
        max-width: 100vw;
        min-width: 0;
        overflow-x: hidden;
        overflow-x: clip;
    }

    .page[b-7w2jbomxb2] {
        min-height: 100dvh;
    }

    .sidebar[b-7w2jbomxb2],
    .sidebar.collapsed[b-7w2jbomxb2] {
        padding: 0.55rem 0.55rem 0;
    }

    .top-row[b-7w2jbomxb2] {
        width: auto;
        max-width: calc(100vw - 1.1rem);
        margin: 0.65rem 0.55rem 0;
        padding: 0.72rem;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 16px;
        gap: 0.65rem;
    }

    .topbar-copy[b-7w2jbomxb2],
    .topbar-controls[b-7w2jbomxb2] {
        width: 100%;
    }

    .topbar-controls[b-7w2jbomxb2] {
        justify-content: flex-start;
        gap: 0.45rem;
    }

    .notification-menu[b-7w2jbomxb2] {
        left: max(0.72rem, env(safe-area-inset-left));
        max-height: min(26rem, calc(100vh - 9rem));
        position: fixed;
        right: max(0.72rem, env(safe-area-inset-right));
        top: 5.45rem;
        width: auto;
    }

    .topbar-chip[b-7w2jbomxb2],
    .logout-btn[b-7w2jbomxb2] {
        max-width: 100%;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        padding: 0.58rem 0.72rem;
    }

    .theme-toggle-btn[b-7w2jbomxb2] {
        max-width: 3.8rem;
        min-width: 3.8rem;
        white-space: nowrap;
    }

    .theme-toggle-btn.expanded[b-7w2jbomxb2] {
        max-width: 8.4rem;
        min-width: 7.15rem;
    }

    .sidebar[b-7w2jbomxb2] {
        width: 100%;
        max-width: 100vw;
        height: auto;
        max-height: none;
        position: static;
        overflow: visible;
        flex-basis: auto;
    }

    .content[b-7w2jbomxb2] {
        width: 100%;
        max-width: 100vw;
        min-width: 0;
        padding: 0.65rem 0.55rem calc(5.9rem + env(safe-area-inset-bottom));
        overflow-x: hidden;
        overflow-x: clip;
    }

    .content.resident-assistant-content[b-7w2jbomxb2] {
        flex: 1 1 auto;
        height: calc(100dvh - 4.45rem - env(safe-area-inset-bottom));
        max-height: none;
        min-height: 0;
        overflow: hidden;
        padding: 0;
    }

    .main-shell.resident-assistant-shell[b-7w2jbomxb2] {
        height: 100dvh;
        max-height: 100dvh;
        min-height: 0;
        overflow: hidden;
    }

    .main-shell.resident-assistant-shell .top-row[b-7w2jbomxb2] {
        display: none;
    }

    .app-footer[b-7w2jbomxb2] {
        max-width: calc(100vw - 1.1rem);
        margin: 0 0.55rem calc(5.3rem + env(safe-area-inset-bottom)) 0.55rem;
        padding: 0.35rem 0 0;
        position: static;
    }

    .app-footer.resident-assistant-footer[b-7w2jbomxb2] {
        display: none;
    }

    .app-footer-inner[b-7w2jbomxb2] {
        padding: 0.65rem 0.75rem;
    }

    .resident-bottom-nav[b-7w2jbomxb2] {
        --resident-bottom-nav-height: calc(4.45rem + env(safe-area-inset-bottom));
        --resident-assistant-dock-height: 0rem;
        align-items: center;
        background: color-mix(in srgb, var(--rm-surface, #171821) 96%, transparent);
        border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
        border-radius: 18px 18px 0 0;
        bottom: 0;
        box-shadow: 0 -18px 46px rgba(0, 0, 0, 0.34);
        display: grid;
        gap: 0.18rem;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        inset-inline: 0;
        padding: 0.42rem 0.55rem calc(0.45rem + env(safe-area-inset-bottom));
        position: fixed;
        z-index: 80;
    }

    .resident-bottom-nav.assistant-mode[b-7w2jbomxb2] {
        --resident-assistant-dock-height: 0rem;
        background:
            linear-gradient(180deg, color-mix(in srgb, var(--rm-surface-3, #242832) 92%, transparent), color-mix(in srgb, var(--rm-surface, #171821) 98%, transparent));
        box-shadow: 0 -18px 46px rgba(0, 0, 0, 0.38);
    }

    .resident-bottom-nav-item[b-7w2jbomxb2] {
        align-items: center;
        border: 1px solid transparent;
        border-radius: 14px;
        color: var(--rm-copy-muted, #8a8d9b);
        display: grid;
        gap: 0.18rem;
        justify-items: center;
        min-height: 3.4rem;
        min-width: 0;
        padding: 0.35rem 0.18rem;
        position: relative;
        text-align: center;
        text-decoration: none;
    }

    .resident-bottom-nav-item.active[b-7w2jbomxb2] {
        background: color-mix(in srgb, var(--rm-accent, #2dd4bf) 12%, transparent);
        border-color: color-mix(in srgb, var(--rm-accent, #2dd4bf) 24%, transparent);
        color: var(--rm-accent, #2dd4bf);
    }

    .resident-bottom-nav-item strong[b-7w2jbomxb2] {
        display: block;
        font-size: 0.68rem;
        font-weight: 850;
        line-height: 1.1;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .resident-bottom-icon[b-7w2jbomxb2] {
        align-items: center;
        display: inline-flex;
        height: 1.28rem;
        justify-content: center;
        width: 1.28rem;
    }

    .resident-bottom-icon[b-7w2jbomxb2]::before {
        background: currentColor;
        content: "";
        height: 1.15rem;
        mask: var(--resident-bottom-icon) center / contain no-repeat;
        -webkit-mask: var(--resident-bottom-icon) center / contain no-repeat;
        width: 1.15rem;
    }

    .resident-bottom-icon.home[b-7w2jbomxb2] {
        --resident-bottom-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 1 7v8h5v-4h4v4h5V7L8 1z'/%3E%3C/svg%3E");
    }

    .resident-bottom-icon.reserve[b-7w2jbomxb2] {
        --resident-bottom-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h2v2h6V1h2v2h1v12H2V3h1V1zm1 7 2.2 2.2L11.5 5l1.1 1.1-6.4 6.4L2.9 9.1 4 8z'/%3E%3C/svg%3E");
    }

    .resident-bottom-icon.assistant[b-7w2jbomxb2] {
        --resident-bottom-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3.5A2.5 2.5 0 0 1 4.5 1h7A2.5 2.5 0 0 1 14 3.5v4A2.5 2.5 0 0 1 11.5 10H7l-4.5 4v-4A2.5 2.5 0 0 1 0 7.5v-4h2zm3 1.25a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5zm3 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5zm3 0a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5z'/%3E%3C/svg%3E");
    }

    .resident-bottom-icon.report[b-7w2jbomxb2] {
        --resident-bottom-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 1h4l1 2h2v12H3V3h2l1-2zm0 3H5v9h6V4h-1v1H6V4zm4.8 3.4-3.5 3.5-1.8-1.8 1-1 0.8 0.8 2.5-2.5 1 1z'/%3E%3C/svg%3E");
    }

    .resident-bottom-icon.more[b-7w2jbomxb2] {
        --resident-bottom-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm0 10c-1.7 0-3.2-.8-4.2-2.1.3-1.5 1.8-2.4 4.2-2.4s3.9.9 4.2 2.4C11.2 12.2 9.7 13 8 13z'/%3E%3C/svg%3E");
    }

    .resident-bottom-badge[b-7w2jbomxb2] {
        align-items: center;
        background: var(--rm-danger, #ef4444);
        border: 2px solid var(--rm-surface, #171821);
        border-radius: 999px;
        color: white;
        display: inline-flex;
        font-size: 0.62rem;
        font-weight: 900;
        justify-content: center;
        line-height: 1;
        min-width: 1.1rem;
        padding: 0.1rem 0.25rem;
        pointer-events: none;
        position: absolute;
        right: 0.34rem;
        top: 0.18rem;
    }
}

@media (min-width: 641px) {
    .page[b-7w2jbomxb2] {
        flex-direction: row;
    }

    .sidebar[b-7w2jbomxb2] {
        width: 286px;
    }

    .top-row[b-7w2jbomxb2] {
        position: relative;
    }

    .app-footer[b-7w2jbomxb2] {
        padding-top: 0;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2e8glwalvb] {
    background: var(--rm-surface-3, rgba(169, 231, 222, 0.14));
    border: 1px solid var(--rm-line-strong, rgba(169, 231, 222, 0.22));
}

.top-row[b-2e8glwalvb] {
    min-height: 4.65rem;
    margin-bottom: 0.65rem;
    border-radius: 24px;
    padding: 1rem 1.05rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--rm-surface, #171821) 88%, transparent), color-mix(in srgb, var(--rm-surface-2, #20222d) 78%, transparent));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.05));
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 2;
}

.nav-menu-shell[b-2e8glwalvb] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    font-size: 16px;
    height: 100%;
    min-height: 0;
}

.top-row.compact .navbar-brand-wrap[b-2e8glwalvb] {
    display: none;
}

.top-row.compact[b-2e8glwalvb] {
    min-height: 3.45rem;
    padding: 0.45rem !important;
}

.top-row.compact .container-fluid[b-2e8glwalvb] {
    justify-content: center;
    padding-inline: 0;
}

.top-row .container-fluid[b-2e8glwalvb] {
    align-items: center;
    direction: ltr;
    display: flex;
    gap: 0.85rem;
    justify-content: space-between;
    padding: 0;
    width: 100%;
}

.nav-menu-shell.rtl .top-row .container-fluid[b-2e8glwalvb] {
    direction: rtl;
}

.navbar-brand-wrap[b-2e8glwalvb] {
    align-items: center;
    display: flex;
    direction: ltr;
    flex: 1 1 auto;
    gap: 0.45rem;
    min-width: 0;
}

.nav-menu-shell.rtl .navbar-brand-wrap[b-2e8glwalvb],
.nav-menu-shell.rtl .navbar-brand[b-2e8glwalvb] {
    direction: rtl;
}

.nav-menu-shell.rtl .navbar-brand-copy[b-2e8glwalvb] {
    text-align: right;
}

.navbar-brand[b-2e8glwalvb] {
    align-items: center;
    display: flex;
    font-size: 0.95rem;
    font-weight: 850;
    gap: 0.85rem;
    letter-spacing: 0.02em;
    color: var(--rm-copy, #f7f8fd);
    white-space: normal;
    line-height: 1.15;
    max-width: 100%;
    min-width: 0;
    text-decoration: none;
}

.nav-culture-toggle[b-2e8glwalvb] {
    align-items: center;
    background: var(--rm-surface-3, rgba(169, 231, 222, 0.14));
    border: 1px solid var(--rm-line-strong, rgba(169, 231, 222, 0.22));
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 1.85rem;
    justify-content: center;
    padding: 0;
    width: 1.85rem;
}

.culture-flag[b-2e8glwalvb] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.22rem;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rm-copy) 16%, transparent);
    display: block;
    height: 1rem;
    overflow: hidden;
    width: 1.35rem;
}

.culture-flag.us[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7410 3900'%3E%3Cpath fill='%23b22234' d='M0 0h7410v3900H0z'/%3E%3Cpath stroke='%23fff' stroke-width='300' d='M0 450h7410M0 1050h7410M0 1650h7410M0 2250h7410M0 2850h7410M0 3450h7410'/%3E%3Cpath fill='%233c3b6e' d='M0 0h2964v2100H0z'/%3E%3C/svg%3E");
}

.culture-flag.ir[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 540'%3E%3Cpath fill='%23239f40' d='M0 0h900v180H0z'/%3E%3Cpath fill='%23fff' d='M0 180h900v180H0z'/%3E%3Cpath fill='%23da0000' d='M0 360h900v180H0z'/%3E%3C/svg%3E");
}

.navbar-brand-mark[b-2e8glwalvb] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-surface-3, #20242e) 92%, var(--rm-accent, #a9e7de));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 0.8rem;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    color: var(--rm-copy, #f7f8fd);
    display: inline-flex;
    height: 2.55rem;
    justify-content: center;
    overflow: hidden;
    width: 2.55rem;
}

.navbar-brand-mark img[b-2e8glwalvb],
.navbar-brand-mark .app-logo-img[b-2e8glwalvb] {
    border-radius: inherit;
    display: block;
    height: 2.15rem;
    max-height: 2.15rem;
    max-width: 2.15rem;
    object-fit: contain;
    width: 2.15rem;
}

.navbar-brand-copy[b-2e8glwalvb] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
    flex: 1 1 auto;
}

.navbar-brand-copy strong[b-2e8glwalvb],
.navbar-brand-copy small[b-2e8glwalvb] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-brand-copy strong[b-2e8glwalvb] {
    color: var(--rm-copy, #f7f8fd);
    font-size: 1rem;
    font-weight: 900;
}

.navbar-brand-copy small[b-2e8glwalvb] {
    color: var(--rm-copy-muted, #8a8d9b);
    font-size: 0.76rem;
    font-weight: 700;
}

.sidebar-toggle-btn[b-2e8glwalvb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.9rem;
    min-width: 2.9rem;
    height: 2.9rem;
    padding: 0;
    border-radius: 0.95rem;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    background: color-mix(in srgb, var(--rm-surface-2, #20222d) 92%, transparent);
    color: var(--rm-copy-soft, #c6cad6);
    cursor: pointer;
    transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.sidebar-toggle-btn:hover[b-2e8glwalvb],
.sidebar-toggle-btn:focus-visible[b-2e8glwalvb],
.navbar-toggler:hover[b-2e8glwalvb],
.navbar-toggler:focus-visible[b-2e8glwalvb] {
    background: color-mix(in srgb, var(--rm-surface-3, #242832) 88%, var(--rm-accent, #2dd4bf) 8%);
    border-color: var(--rm-line-strong, rgba(169, 231, 222, 0.22));
    outline: none;
    transform: translateY(-1px);
}

.navbar-toggler[b-2e8glwalvb] {
    align-items: center;
    border-radius: 0.95rem;
    color: var(--rm-copy-soft, #c6cad6);
    display: inline-flex;
    height: 2.9rem;
    justify-content: center;
    min-width: 2.9rem;
    padding: 0;
}

.sidebar-toggle-icon[b-2e8glwalvb] {
    width: 1.35rem;
    height: 1rem;
    border: 0;
    border-radius: 0;
    position: relative;
}

.sidebar-toggle-icon[b-2e8glwalvb]::before,
.sidebar-toggle-icon[b-2e8glwalvb]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0.14rem;
    border-radius: 999px;
    background: var(--rm-copy-soft, #c6cad6);
}

.sidebar-toggle-icon[b-2e8glwalvb]::before {
    top: 0;
    box-shadow: 0 0.43rem 0 var(--rm-copy-soft, #c6cad6);
}

.sidebar-toggle-icon[b-2e8glwalvb]::after {
    bottom: 0;
}

.bi[b-2e8glwalvb] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-gear-fill-nav-menu[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-gear-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05a1.51 1.51 0 0 0-2.81 0l-.331.923a1.51 1.51 0 0 1-1.823.977l-.94-.235a1.51 1.51 0 0 0-1.857 1.857l.235.94a1.51 1.51 0 0 1-.977 1.823l-.923.331a1.51 1.51 0 0 0 0 2.81l.923.331a1.51 1.51 0 0 1 .977 1.823l-.235.94a1.51 1.51 0 0 0 1.857 1.857l.94-.235a1.51 1.51 0 0 1 1.823.977l.331.923a1.51 1.51 0 0 0 2.81 0l.331-.923a1.51 1.51 0 0 1 1.823-.977l.94.235a1.51 1.51 0 0 0 1.857-1.857l-.235-.94a1.51 1.51 0 0 1 .977-1.823l.923-.331a1.51 1.51 0 0 0 0-2.81l-.923-.331a1.51 1.51 0 0 1-.977-1.823l.235-.94a1.51 1.51 0 0 0-1.857-1.857l-.94.235a1.51 1.51 0 0 1-1.823-.977l-.331-.923zM8 10.93a2.93 2.93 0 1 1 0-5.86 2.93 2.93 0 0 1 0 5.86z'/%3E%3C/svg%3E");
}

.bi-journal-fill-nav-menu[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-journal-text' viewBox='0 0 16 16'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M3 0h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3z'/%3E%3C/svg%3E");
}

.bi-robot-nav-menu[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-robot' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a1 1 0 0 0-1 1v1H4a2 2 0 0 0-2 2v4H1.5a1.5 1.5 0 0 0 0 3H2v1a2 2 0 0 0 2 2h1v1h6v-1h1a2 2 0 0 0 2-2v-1h.5a1.5 1.5 0 0 0 0-3H14V4a2 2 0 0 0-2-2H9V1a1 1 0 0 0-1-1zM4 4h8a1 1 0 0 1 1 1v5H3V5a1 1 0 0 1 1-1zm3 1a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM5 10a3 3 0 0 1 6 0H5z'/%3E%3C/svg%3E");
}

.bi-file-earmark-richtext-nav-menu[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3-1V1.5L13.5 4H11zM4.5 6a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7zm0 2.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7zm0 2.5a.5.5 0 0 0 0 1H8a.5.5 0 0 0 0-1H4.5z'/%3E%3C/svg%3E");
}

.nav-scrollable[b-2e8glwalvb] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.55rem 0.45rem;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.05));
    border-radius: 18px;
    background: var(--rm-surface, #171821);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.nav-scrollable[b-2e8glwalvb]::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.nav-item[b-2e8glwalvb] {
    font-size: 0.88rem;
    padding-bottom: 0.12rem;
}

.nav-section[b-2e8glwalvb] {
    display: grid;
    gap: 0.12rem;
    margin-bottom: 0.45rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid var(--rm-line, rgba(255, 255, 255, 0.06));
}

.nav-section:last-child[b-2e8glwalvb] {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.nav-section-title[b-2e8glwalvb] {
    padding: 0.08rem 0.55rem 0.28rem;
    color: var(--rm-copy-muted, #858898);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: start;
}

.nav-section-header[b-2e8glwalvb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    width: 100%;
    padding: 0.28rem 0.55rem 0.32rem;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: start;
}

.nav-section-header[b-2e8glwalvb]::after {
    border-bottom: 2px solid var(--rm-accent);
    border-right: 2px solid var(--rm-accent);
    content: "";
    flex: 0 0 auto;
    height: 0.46rem;
    margin-inline-end: 0.2rem;
    transform: rotate(-45deg);
    transition: transform 0.18s ease;
    width: 0.46rem;
}

.nav-section-header.open[b-2e8glwalvb]::after {
    transform: rotate(45deg);
}

.nav-section-header:hover[b-2e8glwalvb] {
    background: var(--rm-surface-hover, rgba(169, 231, 222, 0.07));
    border-radius: 10px;
}

.nav-section-caret[b-2e8glwalvb] {
    display: none;
}

.nav-section-body[b-2e8glwalvb] {
    display: grid;
    gap: 0.03rem;
}

.nav-locked-note[b-2e8glwalvb] {
    margin: 0.35rem 0.9rem 0.8rem;
    padding: 0.85rem;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.14));
    border-radius: 18px;
    background: var(--rm-surface-2, rgba(169, 231, 222, 0.06));
    color: var(--rm-copy-muted, #a2a7b7);
    font-size: 0.86rem;
    line-height: 1.35;
}

.nav-scrollable.compact[b-2e8glwalvb] {
    padding: 0.4rem 0.22rem;
    border-radius: 16px;
}

.nav-scrollable.compact .nav-section-title[b-2e8glwalvb],
.nav-scrollable.compact .nav-section-header[b-2e8glwalvb],
.nav-scrollable.compact .nav-item[b-2e8glwalvb]  a {
    transition: all 0.18s ease;
}

.nav-scrollable.compact .nav-section-title[b-2e8glwalvb] {
    display: none;
}

.nav-scrollable.compact .nav-section-header[b-2e8glwalvb] {
    display: none;
}

.nav-scrollable.compact .nav-section-title[b-2e8glwalvb] {
    padding: 0;
}

.nav-scrollable.compact .nav-section-title .bi[b-2e8glwalvb],
.nav-scrollable.compact .nav-section-header .bi[b-2e8glwalvb] {
    margin-right: 0;
}

.nav-scrollable.compact .nav-section-title[b-2e8glwalvb],
.nav-scrollable.compact .nav-section-title span:not(.bi)[b-2e8glwalvb] {
    font-size: 0;
}

.nav-scrollable.compact .nav-section-header[b-2e8glwalvb]::after {
    display: none;
}

.nav-scrollable.compact .nav-section-caret[b-2e8glwalvb] {
    display: none;
}

.nav-scrollable.compact .nav-section[b-2e8glwalvb] {
    margin-bottom: 0.25rem;
    padding-bottom: 0.25rem;
}

.nav-scrollable.compact .nav-item[b-2e8glwalvb] {
    padding: 0 0 0.12rem !important;
}

.nav-scrollable.compact .nav-item[b-2e8glwalvb]  a {
    justify-content: center;
    width: 2.45rem;
    height: 2.45rem;
    min-height: 2.45rem;
    padding: 0;
    margin: 0 auto;
    border-radius: 11px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    color: transparent !important;
    position: relative;
}

.nav-scrollable.compact .nav-item[b-2e8glwalvb]  a > span:not(.bi):not(.nav-badge) {
    display: none;
}

.nav-scrollable.compact .nav-badge[b-2e8glwalvb] {
    font-size: 0.62rem;
    line-height: 1;
    margin: 0;
    min-width: 1.1rem;
    padding: 0.08rem 0.25rem;
    position: absolute;
    right: 0.12rem;
    top: 0.1rem;
}

.nav-scrollable.compact .bi[b-2e8glwalvb] {
    width: 1.15rem;
    height: 1.15rem;
    margin-right: 0;
    color: var(--rm-accent) !important;
    font-size: 0.95rem;
    line-height: 1;
}

.nav-scrollable.compact .nav-locked-note[b-2e8glwalvb] {
    display: none;
}

.nav-scrollable.icon-only .nav-section[b-2e8glwalvb],
.nav-scrollable.icon-only .nav-section-header[b-2e8glwalvb],
.nav-scrollable.icon-only .nav-section-title[b-2e8glwalvb],
.nav-scrollable.icon-only .nav-section-body[b-2e8glwalvb] {
    display: contents;
}

.nav-scrollable.icon-only .nav-item[b-2e8glwalvb] {
    display: flex;
    justify-content: center;
}

.nav-scrollable.icon-only .nav-item[b-2e8glwalvb]  a {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

    .nav-item:first-of-type[b-2e8glwalvb] {
        padding-top: 0.15rem;
    }

    .nav-item:last-of-type[b-2e8glwalvb] {
        padding-bottom: 0.45rem;
    }

    .nav-item[b-2e8glwalvb]  a {
        color: var(--rm-copy-soft, #8f93a3);
        border-radius: 11px;
        min-height: 2.35rem;
        display: flex;
        align-items: center;
        line-height: 1.2;
        padding: 0 0.58rem;
        border: 1px solid transparent;
        white-space: normal;
        transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
    }

.nav-badge[b-2e8glwalvb] {
    align-items: center;
    background: var(--rm-danger, #ef4444);
    border: 1px solid color-mix(in srgb, var(--rm-danger, #ef4444) 72%, white 20%);
    border-radius: 999px;
    color: white !important;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 850;
    justify-content: center;
    margin-inline-start: auto;
    min-width: 1.4rem;
    padding: 0.08rem 0.38rem;
}

.nav-item[b-2e8glwalvb]  a.active {
    background: color-mix(in srgb, var(--rm-accent) 13%, transparent);
    border-color: color-mix(in srgb, var(--rm-accent) 24%, transparent);
    color: var(--rm-accent) !important;
    box-shadow: none;
}

.nav-item[b-2e8glwalvb]  a.active,
.nav-item[b-2e8glwalvb]  a.active *,
.nav-item[b-2e8glwalvb]  a.active strong,
.nav-item[b-2e8glwalvb]  a.active span:not(.bi) {
    color: var(--rm-accent) !important;
}

.nav-item[b-2e8glwalvb]  a.active .nav-badge,
.nav-item[b-2e8glwalvb]  a .nav-badge {
    color: white !important;
}

.nav-item[b-2e8glwalvb]  a:hover {
    background-color: color-mix(in srgb, var(--rm-accent) 8%, transparent);
    border-color: color-mix(in srgb, var(--rm-accent) 14%, transparent);
    color: var(--rm-copy);
    transform: translateX(2px);
}

.bi[b-2e8glwalvb] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.08rem;
    height: 1.08rem;
    margin-inline-end: 0.62rem;
    margin-right: 0;
    top: 0;
    border-radius: 0;
    background-image: none !important;
    background-size: auto !important;
    border: 0;
    box-shadow: none;
}

.bi[b-2e8glwalvb]::before {
    content: "";
    width: 1.02rem;
    height: 1.02rem;
    background: var(--rm-accent);
    mask: var(--menu-icon) center / contain no-repeat;
    -webkit-mask: var(--menu-icon) center / contain no-repeat;
}

.nav-item[b-2e8glwalvb]  a.active .bi {
    background-image: none !important;
    border-color: transparent;
    box-shadow: none;
}

.nav-item[b-2e8glwalvb]  a.active .bi::before {
    background: var(--rm-accent);
    filter: none;
}

:root[data-theme="light"] .nav-item[b-2e8glwalvb]  a {
    color: var(--rm-copy) !important;
}

:root[data-theme="light"] .nav-item[b-2e8glwalvb]  a.active {
    box-shadow: none;
}

:root[data-theme="light"] .nav-item[b-2e8glwalvb]  a .bi {
    border-color: transparent;
    background-image: none !important;
}

:root[data-theme="light"] .nav-item[b-2e8glwalvb]  a.active .bi {
    background-image: none !important;
}

.bi-house-door-fill-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 1 7v8h5v-4h4v4h5V7L8 1z'/%3E%3C/svg%3E");
}

.bi-general-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v2H2V2zm0 4h8v2H2V6zm0 4h12v2H2v-2zm0 4h6v2H2v-2z'/%3E%3C/svg%3E");
}

.bi-person-circle-fill-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm0 10c-1.7 0-3.2-.8-4.2-2.1.3-1.5 1.8-2.4 4.2-2.4s3.9.9 4.2 2.4C11.2 12.2 9.7 13 8 13z'/%3E%3C/svg%3E");
}

.bi-announcements-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a5 5 0 0 0-5 5v2.7L1.8 11v1h12.4v-1L13 8.7V6a5 5 0 0 0-5-5zm-2 12a2 2 0 0 0 4 0H6z'/%3E%3C/svg%3E");
}

.bi-bell-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15.5a2.1 2.1 0 0 0 2-1.5H6a2.1 2.1 0 0 0 2 1.5zM8 1.2a4.2 4.2 0 0 0-4.2 4.2v2.4L2.1 11c-.4.8.1 1.6 1 1.6h9.8c.9 0 1.5-.9 1-1.6l-1.7-3.2V5.4A4.2 4.2 0 0 0 8 1.2zm0 1.5a2.7 2.7 0 0 1 2.7 2.7v2.8l1.3 2.4H4l1.3-2.4V5.4A2.7 2.7 0 0 1 8 2.7z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3h12v2H2V3zm3 4h9v2H5V7zm3 4h6v2H8v-2z'/%3E%3C/svg%3E");
}

.bi-gear-fill-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm7 3-1.6-.7-.2-.6.7-1.6-1.1-1.1-1.6.7-.6-.2L10 2H6l-.7 1.6-.6.2-1.6-.7L2 4.2l.7 1.6-.2.6L1 7v2l1.6.7.2.6-.7 1.6 1.1 1.1 1.6-.7.6.2L6 14h4l.7-1.6.6-.2 1.6.7 1.1-1.1-.7-1.6.2-.6L15 9V8z'/%3E%3C/svg%3E");
}

.bi-building-fill-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h10v14H3V1zm2 2v2h2V3H5zm4 0v2h2V3H9zM5 7v2h2V7H5zm4 0v2h2V7H9zm-4 4v2h2v-2H5zm4 0v2h2v-2H9z'/%3E%3C/svg%3E");
}

.bi-geo-alt-fill-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.7 6-10A6 6 0 0 0 2 6c0 4.3 6 10 6 10zm0-7.5A2.5 2.5 0 1 1 8 3a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E");
}

.bi-pin-map-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a4 4 0 0 0-4 4c0 3 4 7 4 7s4-4 4-7a4 4 0 0 0-4-4zm0 5.5A1.5 1.5 0 1 1 8 3.5a1.5 1.5 0 0 1 0 3zM2 13l4-1 2 1 2-1 4 1v2l-4-1-2 1-2-1-4 1v-2z'/%3E%3C/svg%3E");
}

.bi-diagram-3[b-2e8glwalvb],
.bi-diagram-3-fill-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 1h4v4H6V1zM1 11h4v4H1v-4zm10 0h4v4h-4v-4zM8 5v2H3v3h2V8h8v2h2V7H9V5H8z'/%3E%3C/svg%3E");
}

.bi-sliders[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h2v5h2v2H5v7H3V8H1V6h2V1zm8 0h2v9h2v2h-2v3h-2v-3H9v-2h2V1zM7 2h2v2H7V2zm0 8h2v4H7v-4z'/%3E%3C/svg%3E");
}

.bi-tags-fill-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h5l7 7-5 5-7-7V2zm4 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3C/svg%3E");
}

.bi-layers-fill-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 1 5l7 4 7-4-7-4zM1 8l7 4 7-4v2l-7 4-7-4V8z'/%3E%3C/svg%3E");
}

.bi-chat-square-text-fill-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v10H5l-3 3V2zm3 3v1h6V5H5zm0 3v1h5V8H5z'/%3E%3C/svg%3E");
}

.bi-journal-fill-nav-menu[b-2e8glwalvb],
.bi-journal-text[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h10v14H3V1zm3 3v1h5V4H6zm0 3v1h5V7H6zm0 3v1h3v-1H6z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v12H2V2zm5 3v2H5v2h2v2h2V9h2V7H9V5H7z'/%3E%3C/svg%3E");
}

.bi-pencil-square[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.5 1.5 14.5 4.5 6 13H3v-3l8.5-8.5zM2 2h6v2H4v8h8V8h2v6H2V2z'/%3E%3C/svg%3E");
}

.bi-robot-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7 1h2v2h3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3V1zm-2 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm6 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM5 10v1h6v-1H5z'/%3E%3C/svg%3E");
}

.bi-bezier2[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 2h3v3H5v2h6V5h-1V2h3v3h-1v6h1v3h-3v-3h1V9H5v2h1v3H3v-3h1V5H3V2z'/%3E%3C/svg%3E");
}

.bi-file-earmark-text[b-2e8glwalvb],
.bi-file-earmark-richtext[b-2e8glwalvb],
.bi-file-earmark-richtext-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h7l3 3v11H3V1zm2 5v1h6V6H5zm0 3v1h6V9H5zm0 3v1h4v-1H5z'/%3E%3C/svg%3E");
}

.bi-kanban-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v12H2V2zm2 2v7h2V4H4zm4 0v4h2V4H8zm4 0v6h2V4h-2z'/%3E%3C/svg%3E");
}

.bi-broadcast-pin[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 1c-2.2 0-4-1.8-4-4h1.5a2.5 2.5 0 0 0 5 0H12c0 2.2-1.8 4-4 4zm0 2c3.3 0 6-2.7 6-6h1.5A7.5 7.5 0 0 1 8 13.5 7.5 7.5 0 0 1 .5 6H2c0 3.3 2.7 6 6 6zm-1 1h2v2H7v-2z'/%3E%3C/svg%3E");
}

.bi-calendar-week-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h2v2h6V1h2v2h1v12H2V3h1V1zm0 5v7h10V6H3zm1 1h2v2H4V7zm3 0h2v2H7V7zm3 0h2v2h-2V7zM4 10h2v2H4v-2zm3 0h2v2H7v-2zm3 0h2v2h-2v-2z'/%3E%3C/svg%3E");
}

.bi-calendar-check-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h2v2h6V1h2v2h1v12H2V3h1V1zm1 7 2.2 2.2L11.5 5l1.1 1.1-6.4 6.4L2.9 9.1 4 8z'/%3E%3C/svg%3E");
}

.bi-chat-square-check-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v10H5l-3 3V2zm8.8 2.8L7 8.6 5.2 6.8l-1 1L7 10.6l4.8-4.8-1-1z'/%3E%3C/svg%3E");
}

.bi-car-front-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2h8l1.5 4H15v6h-1v2h-2v-2H4v2H2v-2H1V6h1.5L4 2zm1 2-.8 2h7.6L11 4H5zm-.5 6A1.5 1.5 0 1 0 4.5 7a1.5 1.5 0 0 0 0 3zm7 0A1.5 1.5 0 1 0 11.5 7a1.5 1.5 0 0 0 0 3z'/%3E%3C/svg%3E");
}

.bi-file-earmark-bar-graph[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h7l3 3v11H3V1zm3 10h1V7H6v4zm2 0h1V5H8v6zm2 0h1V8h-1v3z'/%3E%3C/svg%3E");
}

.bi-inboxes-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v5h-3l-1 2H6L5 7H2V2zm0 7h2l1 2h6l1-2h2v5H2V9z'/%3E%3C/svg%3E");
}

.bi-clipboard-check[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 1h4l1 2h2v12H3V3h2l1-2zm0 3H5v9h6V4h-1v1H6V4zm4.8 3.4-3.5 3.5-1.8-1.8 1-1 0.8 0.8 2.5-2.5 1 1z'/%3E%3C/svg%3E");
}

.bi-exclamation-triangle-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 1 14h14L8 1zm1 10H7v2h2v-2zm0-6H7v5h2V5z'/%3E%3C/svg%3E");
}

.bi-card-checklist[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v12H2V2zm3 3v2h2V5H5zm3 0v1h4V5H8zm-3 4v2h2V9H5zm3 0v1h4V9H8z'/%3E%3C/svg%3E");
}

.bi-tools-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.6 1.2a3.2 3.2 0 0 0-3.9 4.1L1.5 10.5a1.8 1.8 0 1 0 2.5 2.5l5.2-5.2a3.2 3.2 0 0 0 4.1-3.9l-2.1 2.1-1.7-1.7 2.1-2.1zM3.1 12.1a.6.6 0 1 1-.8-.8.6.6 0 0 1 .8.8z'/%3E%3C/svg%3E");
}

.bi-recognition-nav-menu[b-2e8glwalvb],
.bi-eye-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3C4 3 1.4 6.1 1 8c.4 1.9 3 5 7 5s6.6-3.1 7-5c-.4-1.9-3-5-7-5zm0 8a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E");
}

.bi-camera-video-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4h8a2 2 0 0 1 2 2v1l3-2v6l-3-2v1a2 2 0 0 1-2 2H2V4z'/%3E%3C/svg%3E");
}

.bi-camera-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 3 5.7 1.5h4.6L11.5 3H14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h2.5zM8 11.5A3.5 3.5 0 1 0 8 4a3.5 3.5 0 0 0 0 7.5zm0-1.5a2 2 0 1 1 0-4 2 2 0 0 1 0 4z'/%3E%3C/svg%3E");
}

.bi-person-badge-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h10v14H3V1zm5 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-3 8h6c-.2-1.7-1.3-3-3-3s-2.8 1.3-3 3z'/%3E%3C/svg%3E");
}

.bi-people-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm5.5 0A2 2 0 1 0 11.5 3a2 2 0 0 0 0 4zM1 13c.3-2.2 2-4 5-4s4.7 1.8 5 4H1zm10.7-.2H15c-.2-1.8-1.5-3.2-3.4-3.6.6.8 1 2 1.1 3.6z'/%3E%3C/svg%3E");
}

@media (min-width: 641px) {
    .sidebar-toggle-btn[b-2e8glwalvb] {
        display: none;
    }

    .navbar-toggler[b-2e8glwalvb] {
        display: none;
    }

    .collapse[b-2e8glwalvb] {
        display: block;
    }

    .nav-scrollable[b-2e8glwalvb] {
        max-height: calc(100vh - 6.55rem);
    }
}

@media (max-width: 640.98px) {
    .top-row[b-2e8glwalvb],
    .top-row.compact[b-2e8glwalvb] {
        min-height: 3.15rem;
        margin-bottom: 0;
        padding-inline: 0.55rem !important;
    }

    .top-row.compact .navbar-brand-wrap[b-2e8glwalvb] {
        display: inline-flex;
    }

    .top-row.compact .container-fluid[b-2e8glwalvb],
    .top-row .container-fluid[b-2e8glwalvb] {
        justify-content: space-between;
        gap: 0.55rem;
        padding-inline: 0;
    }

    .navbar-brand[b-2e8glwalvb] {
        max-width: calc(100vw - 6rem);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .navbar-brand-copy[b-2e8glwalvb] {
        max-width: calc(100vw - 10rem);
    }

    .sidebar-toggle-btn[b-2e8glwalvb] {
        display: none;
    }

    .navbar-toggler[b-2e8glwalvb] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 2.65rem;
        height: 2.35rem;
        padding: 0;
        border-radius: 12px;
    }

    .nav-scrollable[b-2e8glwalvb] {
        width: 100%;
        max-width: calc(100vw - 1.1rem);
        max-height: min(72dvh, 620px);
        margin: 0.5rem 0.55rem 0;
        padding: 0.5rem;
        overflow-x: hidden;
        overflow-y: auto;
        border-radius: 16px;
    }

    .nav-item[b-2e8glwalvb]  a {
        width: 100%;
        min-width: 0;
    }

    .nav-item[b-2e8glwalvb] {
        padding-inline: 0 !important;
    }
}

.bi-person-lines-fill[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-4.5 6.5c.4-2.3 2.3-4 4.5-4s4.1 1.7 4.5 4h-9zM13 4h2v1h-2V4zm0 3h2v1h-2V7zm0 3h2v1h-2v-1zM11 5h4v1h-4V5zm0 3h4v1h-4V8zm0 3h4v1h-4v-1z'/%3E%3C/svg%3E");
}

.bi-shield-lock-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 3 2.5V7c0 3.4 2.2 5.8 5 8 2.8-2.2 5-4.6 5-8V2.5L8 1zm0 4a2 2 0 0 1 2 2v1h1v3H5V8h1V7a2 2 0 0 1 2-2zm1 3V7a1 1 0 0 0-2 0v1h2z'/%3E%3C/svg%3E");
}

.bi-list-check[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3h8v2H2V3zm0 4h8v2H2V7zm0 4h8v2H2v-2zm12.7-7.3-3.2 3.2-1.7-1.7 1-1 0.7 0.7 2.2-2.2 1 1zm0 6-3.2 3.2-1.7-1.7 1-1 0.7 0.7 2.2-2.2 1 1z'/%3E%3C/svg%3E");
}

.bi-grid-3x3-gap-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h3v3H2V2zm4.5 0h3v3h-3V2zM11 2h3v3h-3V2zM2 6.5h3v3H2v-3zm4.5 0h3v3h-3v-3zm4.5 0h3v3h-3v-3zM2 11h3v3H2v-3zm4.5 0h3v3h-3v-3zm4.5 0h3v3h-3v-3z'/%3E%3C/svg%3E");
}

.bi-hdd-network-fill[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3h12v4H2V3zm2 1.4v1.2h2V4.4H4zM2 9h12v4H2V9zm2 1.4v1.2h2v-1.2H4zm4-4h1v3H8v-3zm3 0h1v3h-1v-3z'/%3E%3C/svg%3E");
}

.bi-activity[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 8h3l1.2-3L7 12l1.5-4H15v1H8.2L7 15l-1.8-6.9L4 11H1V8z'/%3E%3C/svg%3E");
}

.bi-monitor-request-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 8h3l1.2-3L7 12l1.5-4H15v1H8.2L7 15l-1.8-6.9L4 11H1V8z'/%3E%3C/svg%3E");
}

.bi-moon-stars-fill[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1a5.5 5.5 0 1 0 5.3 7A5 5 0 1 1 6.5 1zm6.5 0 .4 1.1L14.5 2l-1.1.4L13 3.5l-.4-1.1L11.5 2l1.1-.4L13 0.5zM12 4l.3.7.7.3-.7.3L12 6l-.3-.7-.7-.3.7-.3L12 4z'/%3E%3C/svg%3E");
}

.bi-sleep-events-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1a5.5 5.5 0 1 0 5.3 7A5 5 0 1 1 6.5 1zm6.5 0 .4 1.1L14.5 2l-1.1.4L13 3.5l-.4-1.1L11.5 2l1.1-.4L13 0.5zM12 4l.3.7.7.3-.7.3L12 6l-.3-.7-.7-.3.7-.3L12 4z'/%3E%3C/svg%3E");
}

.bi-clock-history[b-2e8glwalvb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 7 7h-1A6 6 0 1 1 8 2V1zm1 3H8v4l3 2 .5-.8L9 7.5V4z'/%3E%3C/svg%3E");
}

.bi-sleep-rules-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 7 7h-1A6 6 0 1 1 8 2V1zm1 3H8v4l3 2 .5-.8L9 7.5V4z'/%3E%3C/svg%3E");
}

.bi-camera-zone-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h5v2H4v3H2V2zm7 0h5v5h-2V4H9V2zM2 9h2v3h3v2H2V9zm10 0h2v5H9v-2h3V9zM6 6l4-1.4L13 8l-3 3.4L6 10 3 8l3-2z'/%3E%3C/svg%3E");
}

.bi-area-baselines-nav-menu[b-2e8glwalvb] {
    --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v12H2V2zm2 2v8h8V4H4zm1 1h6v6H5V5z'/%3E%3C/svg%3E");
}
/* /Pages/AdminUsers.razor.rz.scp.css */
.users-page[b-qrsq2nu93o] {
    display: grid;
    gap: 18px;
}

.users-hero[b-qrsq2nu93o],
.editor-card[b-qrsq2nu93o],
.empty-card[b-qrsq2nu93o] {
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: linear-gradient(145deg, var(--rm-card), var(--rm-card-deep));
    box-shadow: var(--rm-shadow);
    padding: 22px;
}

.eyebrow[b-qrsq2nu93o] {
    color: var(--rm-copy-muted);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

h1[b-qrsq2nu93o],
p[b-qrsq2nu93o] {
    margin: 0;
}

h1[b-qrsq2nu93o] {
    color: var(--rm-copy);
}

p[b-qrsq2nu93o],
span[b-qrsq2nu93o] {
    color: var(--rm-copy-muted);
}

.form-grid[b-qrsq2nu93o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

label[b-qrsq2nu93o] {
    display: grid;
    gap: 7px;
    color: var(--rm-copy);
    font-weight: 800;
}

.form-control[b-qrsq2nu93o],
.form-select[b-qrsq2nu93o] {
    border: 1px solid var(--rm-input-border);
    border-radius: 14px;
    padding: 12px 14px;
}

.toggle-line[b-qrsq2nu93o] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.actions[b-qrsq2nu93o] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

button[b-qrsq2nu93o] {
    border: 0;
    border-radius: 14px;
    padding: 11px 16px;
    font-weight: 800;
}

.primary-btn[b-qrsq2nu93o] {
    background: linear-gradient(135deg, var(--rm-accent), var(--rm-accent-2));
    color: var(--rm-accent-on);
}

.soft-btn[b-qrsq2nu93o] {
    background: var(--rm-surface-2);
    color: var(--rm-copy-soft);
}

.danger[b-qrsq2nu93o] {
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.message-card[b-qrsq2nu93o] {
    margin-top: 14px;
    border-radius: 16px;
    background: var(--rm-warning-soft);
    color: var(--rm-warning);
    padding: 12px 14px;
}

.user-grid[b-qrsq2nu93o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
}

.user-card[b-qrsq2nu93o] {
    border: 1px solid var(--rm-border);
    border-radius: 22px;
    background: linear-gradient(145deg, var(--rm-card), var(--rm-card-deep));
    padding: 16px;
}

.user-card strong[b-qrsq2nu93o] {
    display: block;
    color: var(--rm-copy);
    font-size: 1.1rem;
}

.user-card span[b-qrsq2nu93o] {
    display: block;
}
/* /Pages/AiOpenAiUsageCosts.razor.rz.scp.css */
.openai-cost-page[b-cztymlxssx] {
    display: grid;
    gap: 1rem;
}

.cost-hero[b-cztymlxssx] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.cost-hero h1[b-cztymlxssx] {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    margin: 0.15rem 0;
}

.cost-hero p[b-cztymlxssx] {
    color: var(--rm-copy-muted, #a2a7b7);
    margin: 0;
}

.cost-summary-grid[b-cztymlxssx],
.cost-grid[b-cztymlxssx] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.cost-summary-card[b-cztymlxssx] {
    background: linear-gradient(145deg, color-mix(in srgb, var(--rm-accent, #a9e7de) 12%, var(--rm-surface, #171821)), var(--rm-surface-2, rgba(255, 255, 255, 0.04)));
    border: 1px solid color-mix(in srgb, var(--rm-accent, #a9e7de) 24%, var(--rm-line, rgba(255, 255, 255, 0.08)));
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
    display: grid;
    gap: 0.25rem;
    padding: 1rem;
}

.cost-summary-card span[b-cztymlxssx],
.cost-summary-card small[b-cztymlxssx],
.cost-table span[b-cztymlxssx],
.conversation-cost-list span[b-cztymlxssx],
.conversation-cost-list small[b-cztymlxssx],
.usage-log-list span[b-cztymlxssx],
.usage-log-list small[b-cztymlxssx] {
    color: var(--rm-copy-muted, #a2a7b7);
}

.cost-summary-card strong[b-cztymlxssx] {
    color: var(--rm-accent, #a9e7de);
    font-size: 1.55rem;
}

.cost-table[b-cztymlxssx],
.conversation-cost-list[b-cztymlxssx],
.usage-log-list[b-cztymlxssx] {
    display: grid;
    gap: 0.55rem;
}

.cost-table div[b-cztymlxssx],
.conversation-cost-list article[b-cztymlxssx],
.usage-log-list article[b-cztymlxssx],
.usage-log-detail[b-cztymlxssx] {
    align-items: center;
    background: var(--rm-surface-2, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: 0.75rem;
}

.conversation-cost-list article[b-cztymlxssx],
.usage-log-list article[b-cztymlxssx] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.usage-log-detail[b-cztymlxssx] {
    display: block;
}

.usage-log-detail summary[b-cztymlxssx] {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    list-style: none;
}

.usage-log-detail summary[b-cztymlxssx]::-webkit-details-marker {
    display: none;
}

.usage-log-detail.bad[b-cztymlxssx] {
    border-color: color-mix(in srgb, var(--rm-danger, #ef4444) 40%, var(--rm-line, rgba(255, 255, 255, 0.08)));
}

.cost-table strong[b-cztymlxssx],
.conversation-cost-list strong[b-cztymlxssx],
.usage-log-list strong[b-cztymlxssx] {
    overflow-wrap: anywhere;
}

.cost-table b[b-cztymlxssx],
.conversation-cost-list b[b-cztymlxssx],
.usage-log-list b[b-cztymlxssx],
.usage-log-detail b[b-cztymlxssx] {
    color: var(--rm-accent, #a9e7de);
    font-variant-numeric: tabular-nums;
}

.conversation-cost-list article > div[b-cztymlxssx],
.usage-log-list article > div[b-cztymlxssx],
.usage-log-detail summary > div[b-cztymlxssx] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.usage-detail-grid[b-cztymlxssx] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    margin-top: 0.8rem;
}

.usage-detail-grid div[b-cztymlxssx] {
    background: color-mix(in srgb, var(--rm-bg, #11131a) 60%, transparent);
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 10px;
    display: grid;
    gap: 0.15rem;
    padding: 0.6rem;
}

.usage-detail-grid span[b-cztymlxssx],
.usage-preview span[b-cztymlxssx],
.usage-json summary[b-cztymlxssx] {
    color: var(--rm-copy-muted, #a2a7b7);
    font-size: 0.82rem;
}

.usage-preview[b-cztymlxssx],
.usage-json[b-cztymlxssx] {
    margin-top: 0.7rem;
}

.usage-preview pre[b-cztymlxssx],
.usage-json pre[b-cztymlxssx] {
    background: color-mix(in srgb, var(--rm-bg, #11131a) 72%, transparent);
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 10px;
    color: var(--rm-copy, #eef2f7);
    margin: 0.25rem 0 0;
    max-height: 16rem;
    overflow: auto;
    padding: 0.7rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.bad-text pre[b-cztymlxssx] {
    border-color: color-mix(in srgb, var(--rm-danger, #ef4444) 45%, var(--rm-line, rgba(255, 255, 255, 0.08)));
}

@media (max-width: 760px) {
    .cost-hero[b-cztymlxssx],
    .cost-table div[b-cztymlxssx],
    .conversation-cost-list article[b-cztymlxssx],
    .usage-log-list article[b-cztymlxssx],
    .usage-log-detail summary[b-cztymlxssx] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .cost-hero[b-cztymlxssx] {
        display: grid;
    }
}
/* /Pages/AiProviders.razor.rz.scp.css */
.ai-provider-page[b-t512h0iiem] {
    display: grid;
    gap: 18px;
}

.hero-panel[b-t512h0iiem],
.panel-card[b-t512h0iiem],
.list-panel[b-t512h0iiem],
.status-card[b-t512h0iiem] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 24px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
}

.hero-panel[b-t512h0iiem] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 26px;
}

.hero-panel h1[b-t512h0iiem],
.panel-head h2[b-t512h0iiem] {
    color: var(--rm-copy);
    margin: 0;
}

.hero-panel p[b-t512h0iiem] {
    color: var(--rm-copy-soft);
    margin: 6px 0 0;
}

.eyebrow[b-t512h0iiem] {
    color: var(--rm-accent-2);
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.provider-grid[b-t512h0iiem] {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.panel-card[b-t512h0iiem],
.list-panel[b-t512h0iiem],
.status-card[b-t512h0iiem] {
    padding: 20px;
}

.panel-head[b-t512h0iiem] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.form-grid[b-t512h0iiem] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid label[b-t512h0iiem] {
    color: var(--rm-copy-soft);
    display: grid;
    font-size: .9rem;
    font-weight: 700;
    gap: 7px;
}

.form-grid .wide[b-t512h0iiem] {
    grid-column: 1 / -1;
}

.form-control[b-t512h0iiem],
.form-select[b-t512h0iiem] {
    background: var(--rm-input);
    border-color: var(--rm-input-border);
    color: var(--rm-copy);
}

.form-control:focus[b-t512h0iiem],
.form-select:focus[b-t512h0iiem] {
    background: var(--rm-input);
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--rm-accent) 24%, transparent);
    color: var(--rm-copy);
}

.switch-line[b-t512h0iiem] {
    align-items: center;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    display: flex !important;
    flex-direction: row;
    gap: 10px !important;
    padding: 12px;
}

.switch-line input[b-t512h0iiem] {
    accent-color: var(--rm-accent);
}

.action-row[b-t512h0iiem] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.endpoint-list[b-t512h0iiem] {
    display: grid;
    gap: 14px;
}

.endpoint-card[b-t512h0iiem] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 20px;
    padding: 16px;
}

.endpoint-card.muted[b-t512h0iiem] {
    opacity: .62;
}

.endpoint-title[b-t512h0iiem] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.endpoint-title strong[b-t512h0iiem] {
    color: var(--rm-copy);
    display: block;
    font-size: 1.05rem;
}

.endpoint-title span[b-t512h0iiem],
.endpoint-card p[b-t512h0iiem],
.empty-note[b-t512h0iiem] {
    color: var(--rm-copy-soft);
}

.endpoint-card code[b-t512h0iiem] {
    background: var(--rm-surface-3);
    border: 1px solid var(--rm-line);
    border-radius: 12px;
    color: var(--rm-accent-2);
    display: block;
    margin: 12px 0;
    overflow-wrap: anywhere;
    padding: 10px;
}

.endpoint-actions[b-t512h0iiem] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.model-chip-list[b-t512h0iiem] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.model-chip[b-t512h0iiem] {
    background: var(--rm-input);
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    color: var(--rm-copy);
    min-width: 190px;
    padding: 10px 12px;
    text-align: left;
}

.model-chip:hover[b-t512h0iiem] {
    background: var(--rm-surface-hover);
    border-color: var(--rm-accent);
}

.model-chip.disabled[b-t512h0iiem] {
    opacity: .55;
}

.model-chip strong[b-t512h0iiem],
.model-chip span[b-t512h0iiem],
.model-chip small[b-t512h0iiem] {
    display: block;
}

.model-chip span[b-t512h0iiem] {
    color: var(--rm-copy-soft);
    font-size: .82rem;
}

.model-chip small[b-t512h0iiem] {
    color: var(--rm-copy-muted);
    margin-top: 4px;
}

.btn-primary[b-t512h0iiem] {
    background: var(--rm-accent);
    border-color: var(--rm-accent);
    color: var(--rm-accent-on);
}

.btn-outline-secondary[b-t512h0iiem],
.btn-outline-primary[b-t512h0iiem],
.btn-outline-danger[b-t512h0iiem] {
    background: var(--rm-surface-2);
}

@media (max-width: 1100px) {
    .provider-grid[b-t512h0iiem] {
        grid-template-columns: 1fr;
    }

    .hero-panel[b-t512h0iiem],
    .endpoint-title[b-t512h0iiem] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/AiTaskCalendar.razor.rz.scp.css */
.ai-task-calendar-page[b-8ncq7z2bu1] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.calendar-head[b-8ncq7z2bu1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.calendar-head-copy[b-8ncq7z2bu1] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.calendar-head-copy h1[b-8ncq7z2bu1] {
    color: var(--rm-copy);
    font-size: clamp(1.5rem, 1.8vw, 2rem);
    line-height: 1.15;
    margin: 0;
}

.calendar-subtitle[b-8ncq7z2bu1] {
    color: var(--rm-copy-soft);
    margin: 0;
    max-width: 72ch;
}

.eyebrow[b-8ncq7z2bu1] {
    color: var(--rm-accent-2);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.calendar-summary[b-8ncq7z2bu1] {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
    min-width: min(100%, 760px);
}

.calendar-summary .btn[b-8ncq7z2bu1] {
    align-self: flex-start;
}

.summary-chip[b-8ncq7z2bu1] {
    display: grid;
    gap: 0.2rem;
    min-width: 150px;
    padding: 0.72rem 0.85rem;
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    background: linear-gradient(180deg, var(--rm-surface), var(--rm-surface-2));
    box-shadow: var(--rm-shadow-soft);
}

.summary-chip span[b-8ncq7z2bu1] {
    color: var(--rm-copy-muted);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.summary-chip strong[b-8ncq7z2bu1] {
    color: var(--rm-copy);
    font-size: 1rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.empty-state[b-8ncq7z2bu1] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border: 1px dashed var(--rm-line);
    border-radius: 16px;
    background: linear-gradient(180deg, var(--rm-surface-2), var(--rm-surface-3));
    color: var(--rm-copy-soft);
}

.empty-state strong[b-8ncq7z2bu1] {
    color: var(--rm-copy);
}

.calendar-layout[b-8ncq7z2bu1] {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(300px, 0.85fr);
    gap: 1rem;
    align-items: start;
    min-width: 0;
}

.calendar-main[b-8ncq7z2bu1] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.calendar-section[b-8ncq7z2bu1],
.calendar-detail-panel[b-8ncq7z2bu1] {
    min-width: 0;
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    background: linear-gradient(180deg, var(--rm-surface), var(--rm-surface-2));
    box-shadow: var(--rm-shadow-soft);
}

.calendar-section[b-8ncq7z2bu1] {
    padding: 0.95rem;
    display: grid;
    gap: 0.75rem;
}

.calendar-scroll[b-8ncq7z2bu1] {
    overflow: auto;
    max-height: min(78vh, 900px);
    padding-bottom: 0.1rem;
    scrollbar-color: var(--rm-copy-muted) var(--rm-surface-3);
}

.calendar-table[b-8ncq7z2bu1] {
    width: 100%;
    min-width: 960px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.calendar-table thead th[b-8ncq7z2bu1] {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--rm-surface-2);
    border-bottom: 1px solid var(--rm-line);
}

.calendar-time-head[b-8ncq7z2bu1],
.calendar-time-cell[b-8ncq7z2bu1] {
    position: sticky;
    inset-inline-start: 0;
    z-index: 4;
    width: 92px;
    min-width: 92px;
    max-width: 92px;
    background: var(--rm-surface-2);
    border-inline-end: 1px solid var(--rm-line);
}

.calendar-time-head[b-8ncq7z2bu1] {
    z-index: 5;
    color: var(--rm-copy-muted);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.calendar-day-head[b-8ncq7z2bu1] {
    padding: 0.85rem 0.6rem 0.75rem;
    border-inline-end: 1px solid var(--rm-line);
    color: var(--rm-copy);
    text-align: start;
    vertical-align: bottom;
}

.calendar-day-head strong[b-8ncq7z2bu1] {
    display: block;
    font-size: 0.95rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.calendar-day-head small[b-8ncq7z2bu1] {
    color: var(--rm-copy-muted);
    display: block;
    font-size: 0.74rem;
    font-weight: 700;
    margin-top: 0.18rem;
}

.calendar-day-head.today[b-8ncq7z2bu1] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-2)), var(--rm-surface-2));
}

.calendar-day-head.today strong[b-8ncq7z2bu1] {
    color: var(--rm-accent);
}

.section-head[b-8ncq7z2bu1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
}

.section-head strong[b-8ncq7z2bu1] {
    color: var(--rm-copy);
    display: block;
    font-size: 1rem;
    line-height: 1.35;
    margin-top: 0.15rem;
    overflow-wrap: anywhere;
}

.section-count[b-8ncq7z2bu1] {
    align-self: flex-start;
    padding: 0.33rem 0.62rem;
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    background: var(--rm-surface-3);
    color: var(--rm-copy-muted);
    font-size: 0.76rem;
    font-weight: 800;
    white-space: nowrap;
}

.section-hint[b-8ncq7z2bu1] {
    color: var(--rm-copy-muted);
    font-size: 0.84rem;
    line-height: 1.45;
    margin: -0.15rem 0 0;
}

.daily-task-list[b-8ncq7z2bu1],
.day-task-list[b-8ncq7z2bu1] {
    display: grid;
    gap: 0.45rem;
}

.daily-task-list[b-8ncq7z2bu1] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.daily-task-panel[b-8ncq7z2bu1] {
    background:
        radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--rm-success) 14%, transparent), transparent 34%),
        linear-gradient(180deg, var(--rm-surface), var(--rm-surface-2));
}

.daily-task-card[b-8ncq7z2bu1] {
    min-height: 88px;
    padding: 0.82rem 0.9rem;
}

.calendar-task-head[b-8ncq7z2bu1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: start;
}

.calendar-task.is-weekly .calendar-task-head[b-8ncq7z2bu1] {
    grid-template-columns: minmax(0, 1fr);
}

.calendar-task-head strong[b-8ncq7z2bu1] {
    min-width: 0;
}

.calendar-table tbody th[b-8ncq7z2bu1],
.calendar-table tbody td[b-8ncq7z2bu1] {
    border-bottom: 1px solid var(--rm-line);
    border-inline-end: 1px solid var(--rm-line);
}

.calendar-day-cell[b-8ncq7z2bu1] {
    min-height: 230px;
    padding: 0.55rem;
    background: var(--rm-surface-3);
    vertical-align: top;
}

.calendar-day-cell.today[b-8ncq7z2bu1] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--rm-accent-2) 7%, var(--rm-surface-3)), var(--rm-surface-3));
}

.calendar-task[b-8ncq7z2bu1] {
    display: grid;
    gap: 0.28rem;
    width: 100%;
    padding: 0.56rem 0.65rem;
    border: 1px solid var(--rm-line);
    border-radius: 12px;
    background: var(--rm-surface);
    color: var(--rm-copy);
    text-align: start;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease, background 0.14s ease;
}

.calendar-task:hover[b-8ncq7z2bu1],
.calendar-task:focus-visible[b-8ncq7z2bu1] {
    transform: translateY(-1px);
    border-color: var(--rm-line-strong);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
    outline: none;
}

.calendar-task strong[b-8ncq7z2bu1] {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.88rem;
    line-height: 1.28;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: 2.56em;
    overflow-wrap: anywhere;
}

.calendar-task.is-weekly strong[b-8ncq7z2bu1] {
    font-size: 0.84rem;
}

.calendar-task-meta[b-8ncq7z2bu1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    color: var(--rm-copy-muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.calendar-task-meta span[b-8ncq7z2bu1] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.calendar-task.is-daily[b-8ncq7z2bu1] {
    border-inline-start: 3px solid var(--rm-success);
    background: linear-gradient(180deg, color-mix(in srgb, var(--rm-success-soft) 18%, var(--rm-surface)), var(--rm-surface));
}

.calendar-task.is-weekly[b-8ncq7z2bu1] {
    border-inline-start: 3px solid var(--rm-blue);
    background: linear-gradient(180deg, color-mix(in srgb, var(--rm-blue) 12%, var(--rm-surface)), var(--rm-surface));
}

.calendar-task.selected[b-8ncq7z2bu1] {
    border-color: var(--rm-line-strong);
    box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--rm-accent) 18%, transparent), 0 10px 22px rgba(0, 0, 0, 0.12);
}

.calendar-detail-panel[b-8ncq7z2bu1] {
    position: sticky;
    top: 1rem;
    align-self: start;
    padding: 1rem;
}

.detail-head[b-8ncq7z2bu1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    padding-bottom: 0.85rem;
    margin-bottom: 0.9rem;
    border-bottom: 1px solid var(--rm-line);
}

.detail-head strong[b-8ncq7z2bu1] {
    color: var(--rm-copy);
    font-size: 1.08rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.detail-grid[b-8ncq7z2bu1] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detail-item[b-8ncq7z2bu1] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.8rem 0.85rem;
    border: 1px solid var(--rm-line);
    border-radius: 14px;
    background: var(--rm-surface-3);
}

.detail-item span[b-8ncq7z2bu1] {
    color: var(--rm-copy-muted);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.detail-item strong[b-8ncq7z2bu1] {
    color: var(--rm-copy);
    font-size: 0.92rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.detail-foot[b-8ncq7z2bu1] {
    margin-top: 1rem;
}

.detail-note[b-8ncq7z2bu1] {
    display: inline-flex;
    align-items: center;
    padding: 0.42rem 0.68rem;
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    background: var(--rm-surface-3);
    color: var(--rm-copy-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.detail-empty[b-8ncq7z2bu1] {
    min-height: 100%;
}

.compact-empty[b-8ncq7z2bu1] {
    padding: 0.9rem 1rem;
}

.state-pill[b-8ncq7z2bu1] {
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .calendar-layout[b-8ncq7z2bu1] {
        grid-template-columns: 1fr;
    }

    .calendar-detail-panel[b-8ncq7z2bu1] {
        position: static;
    }
}

@media (max-width: 900px) {
    .calendar-summary[b-8ncq7z2bu1] {
        min-width: 100%;
        justify-content: flex-start;
    }

    .summary-chip[b-8ncq7z2bu1] {
        min-width: min(100%, 180px);
        flex: 1 1 180px;
    }

    .detail-grid[b-8ncq7z2bu1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .calendar-section[b-8ncq7z2bu1],
    .calendar-detail-panel[b-8ncq7z2bu1] {
        padding: 0.85rem;
    }

    .calendar-summary[b-8ncq7z2bu1] {
        gap: 0.5rem;
    }

    .calendar-summary .btn[b-8ncq7z2bu1] {
        width: 100%;
    }

    .summary-chip[b-8ncq7z2bu1] {
        width: 100%;
    }
}

@media (max-width: 540px) {
    .calendar-head-copy h1[b-8ncq7z2bu1] {
        font-size: 1.35rem;
    }

    .calendar-day-head[b-8ncq7z2bu1],
    .calendar-task[b-8ncq7z2bu1],
    .detail-item[b-8ncq7z2bu1] {
        font-size: 0.9rem;
    }

    .calendar-day-cell[b-8ncq7z2bu1] {
        min-height: 200px;
    }

    .calendar-table[b-8ncq7z2bu1] {
        min-width: 900px;
    }
}
/* /Pages/AiTasks.razor.rz.scp.css */
.ai-tasks-page[b-zlmxwsd6gv] {
    display: grid;
    gap: 1rem;
}

.panel[b-zlmxwsd6gv] {
    background: #fff;
    border: 1px solid #d9e1ea;
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
}

.library-panel[b-zlmxwsd6gv] {
    border: 1px solid #dbe4ee;
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
    padding: 1rem;
    margin-bottom: 1rem;
}

.week-strip[b-zlmxwsd6gv] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.week-day-card[b-zlmxwsd6gv] {
    background: #171821;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    min-height: 86px;
    padding: 0.65rem;
}

.week-day-title[b-zlmxwsd6gv] {
    color: #a9e7de;
    font-size: 0.78rem;
    font-weight: 900;
    margin-bottom: 0.45rem;
}

.week-task-list[b-zlmxwsd6gv] {
    display: grid;
    gap: 0.32rem;
}

.week-task-title[b-zlmxwsd6gv],
.week-empty[b-zlmxwsd6gv] {
    border-radius: 8px;
    display: block;
    font-size: 0.75rem;
    line-height: 1.2;
    overflow: hidden;
    padding: 0.32rem 0.42rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.week-task-title[b-zlmxwsd6gv] {
    border: 0;
    text-align: left;
    width: 100%;
    background: rgba(169, 231, 222, 0.14);
    color: #f7f8fd;
    cursor: pointer;
}

.week-task-title:hover[b-zlmxwsd6gv],
.week-task-title:focus-visible[b-zlmxwsd6gv] {
    background: rgba(169, 231, 222, 0.24);
    outline: 1px solid rgba(169, 231, 222, 0.45);
}

.daily-strip[b-zlmxwsd6gv] {
    background: #171821;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    margin-bottom: 1rem;
    padding: 0.75rem;
}

.daily-strip-head[b-zlmxwsd6gv] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.55rem;
}

.daily-strip-head strong[b-zlmxwsd6gv] {
    color: #f7f8fd;
    font-size: 0.82rem;
}

.daily-task-list[b-zlmxwsd6gv] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.daily-task-title[b-zlmxwsd6gv] {
    background: rgba(255, 255, 255, 0.08);
}

.week-empty[b-zlmxwsd6gv] {
    color: #7f879a;
}

@media (max-width: 1100px) {
    .week-strip[b-zlmxwsd6gv] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .week-strip[b-zlmxwsd6gv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.library-head[b-zlmxwsd6gv] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.library-subtitle[b-zlmxwsd6gv] {
    color: #6f8296;
    font-size: 0.92rem;
    margin-top: 0.2rem;
}

.empty-state[b-zlmxwsd6gv] {
    border: 1px dashed #c8d5e4;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
    color: #647689;
    padding: 0.9rem;
    text-align: center;
}

.task-browser[b-zlmxwsd6gv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.65rem;
    max-height: 300px;
    overflow: auto;
    padding-right: 0.15rem;
}

.task-item[b-zlmxwsd6gv] {
    border: 1px solid #d9e3ef;
    border-radius: 16px;
    background: #fff;
    padding: 0.7rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    min-width: 0;
}

.task-item.selected[b-zlmxwsd6gv] {
    border-color: #0f62fe;
    box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.08);
}

.task-item-head[b-zlmxwsd6gv],
.task-item-body[b-zlmxwsd6gv],
.task-item-actions[b-zlmxwsd6gv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.55rem;
}

.task-item-head[b-zlmxwsd6gv] {
    margin-bottom: 0.4rem;
}

.task-item-head strong[b-zlmxwsd6gv] {
    display: -webkit-box;
    overflow: hidden;
    color: #16324f;
    font-size: 0.95rem;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.task-item-meta[b-zlmxwsd6gv] {
    color: #6f8296;
    font-size: 0.78rem;
    margin-top: 0.2rem;
}

.task-item-body[b-zlmxwsd6gv] {
    color: #35506f;
    display: grid;
    gap: 0.25rem;
    font-size: 0.82rem;
    flex-wrap: wrap;
    margin-bottom: 0.55rem;
}

.task-item-body span[b-zlmxwsd6gv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-item-actions[b-zlmxwsd6gv] {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.task-item-actions .btn[b-zlmxwsd6gv] {
    padding: 0.25rem 0.55rem;
    font-size: 0.78rem;
}

.toolbar[b-zlmxwsd6gv] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-bottom: 1rem;
}

.task-select[b-zlmxwsd6gv],
.range-card .form-select[b-zlmxwsd6gv] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    border: 1px solid #cdd8e5;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
    color: #18324f;
    padding: 0.9rem 2.6rem 0.9rem 1rem;
    font-weight: 600;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 8px 20px rgba(15, 23, 42, 0.04);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    background-image:
        linear-gradient(45deg, transparent 50%, #6b7f95 50%),
        linear-gradient(135deg, #6b7f95 50%, transparent 50%);
    background-position:
        calc(100% - 20px) calc(50% - 3px),
        calc(100% - 14px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.task-select:focus[b-zlmxwsd6gv],
.range-card .form-select:focus[b-zlmxwsd6gv] {
    outline: none;
    border-color: #0f62fe;
    box-shadow: 0 0 0 4px rgba(15, 98, 254, 0.12);
    transform: translateY(-1px);
}

.range-panel[b-zlmxwsd6gv] {
    border: 1px solid #d8e2ee;
    border-radius: 18px;
    background: linear-gradient(180deg, #f9fbff 0%, #eef5ff 100%);
    padding: 1rem;
    margin-bottom: 1rem;
}

.range-header[b-zlmxwsd6gv] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
    color: #35506f;
}

.range-header span[b-zlmxwsd6gv] {
    color: #6f8296;
    font-size: 0.93rem;
}

.preset-row[b-zlmxwsd6gv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.9rem;
}

.preset-chip[b-zlmxwsd6gv] {
    border: 1px solid #d0d9e5;
    background: #fff;
    color: #35506f;
    border-radius: 999px;
    padding: 0.45rem 0.85rem;
    font-size: 0.92rem;
}

.preset-chip.active[b-zlmxwsd6gv] {
    background: #0f62fe;
    color: #fff;
    border-color: #0f62fe;
}

.range-grid[b-zlmxwsd6gv],
.task-meta-grid[b-zlmxwsd6gv] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.range-card[b-zlmxwsd6gv],
.meta-card[b-zlmxwsd6gv],
.preview-box[b-zlmxwsd6gv],
.run-card[b-zlmxwsd6gv],
.prompt-box[b-zlmxwsd6gv] {
    border: 1px solid #dbe4ee;
    border-radius: 16px;
    background: #fff;
    padding: 0.95rem;
}

.range-card-title[b-zlmxwsd6gv],
.prompt-head[b-zlmxwsd6gv],
.preview-head[b-zlmxwsd6gv],
.run-head[b-zlmxwsd6gv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.button-row[b-zlmxwsd6gv] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.rich-editor[b-zlmxwsd6gv] {
    min-height: 220px;
    width: 100%;
    border: 1px solid #dbe4ee;
    border-radius: 14px;
    padding: 0.9rem;
    font-family: inherit;
}

.preview-box[b-zlmxwsd6gv] {
    margin-top: 1rem;
}

.preview-box pre[b-zlmxwsd6gv] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

.ai-run-result[b-zlmxwsd6gv] {
    margin-top: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--rm-success) 38%, var(--rm-line));
    border-radius: 12px;
    background: color-mix(in srgb, var(--rm-success-soft) 72%, var(--rm-surface-2));
    color: var(--rm-copy);
    padding: 0.75rem;
}

.run-result-title[b-zlmxwsd6gv] {
    margin-bottom: 0.45rem;
    color: var(--rm-success);
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ai-run-result pre[b-zlmxwsd6gv] {
    margin: 0;
    color: var(--rm-copy);
    white-space: pre-wrap;
    word-break: break-word;
}

.run-list[b-zlmxwsd6gv] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

.state-pill[b-zlmxwsd6gv] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.state-on[b-zlmxwsd6gv] {
    background: #e7f9ef;
    color: #0f7a3b;
}

.state-off[b-zlmxwsd6gv] {
    background: #fff2f2;
    color: #a61b1b;
}

.state-warn[b-zlmxwsd6gv] {
    background: #fff4df;
    color: #8a5b00;
}

.section-picker[b-zlmxwsd6gv] {
    border: 1px solid #d8e2ee;
    border-radius: 18px;
    background: linear-gradient(180deg, #fbfdff 0%, #f3f7fc 100%);
    padding: 1rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.section-picker-head[b-zlmxwsd6gv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.section-picker-head strong[b-zlmxwsd6gv] {
    color: #18324f;
    font-size: 0.96rem;
}

.section-search[b-zlmxwsd6gv] {
    margin-bottom: 0.75rem;
}

.section-picker-list[b-zlmxwsd6gv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.5rem;
    max-height: 240px;
    overflow: auto;
    padding-right: 0.15rem;
}

.section-chip[b-zlmxwsd6gv] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid #d0d9e5;
    border-radius: 14px;
    padding: 0.45rem 0.75rem;
    background: #fff;
    font-size: 0.92rem;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.section-chip-text[b-zlmxwsd6gv] {
    display: grid;
    gap: 0.08rem;
    line-height: 1.12;
    min-width: 0;
}

.section-chip-text small[b-zlmxwsd6gv] {
    color: #7a8da3;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.section-chip.active[b-zlmxwsd6gv] {
    background: #eff6ff;
    border-color: #0f62fe;
}

.section-summary[b-zlmxwsd6gv] {
    margin-top: 0.75rem;
    color: #6f8296;
    font-size: 0.88rem;
}
/* /Pages/AppFeatures.razor.rz.scp.css */
.feature-guide-page[b-ypmqagpgs6] {
    display: grid;
    gap: 1rem;
}

.feature-guide-hero[b-ypmqagpgs6],
.feature-band[b-ypmqagpgs6] {
    background: linear-gradient(180deg, var(--rm-surface), var(--rm-surface-2));
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    box-shadow: var(--rm-shadow-soft);
}

.feature-guide-hero[b-ypmqagpgs6] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 1.25rem;
}

.feature-guide-hero h1[b-ypmqagpgs6],
.feature-band h2[b-ypmqagpgs6] {
    color: var(--rm-copy);
    margin: 0;
}

.feature-guide-hero h1[b-ypmqagpgs6] {
    font-size: clamp(1.55rem, 2.4vw, 2.25rem);
    line-height: 1.12;
}

.feature-guide-hero p[b-ypmqagpgs6],
.feature-band-head p[b-ypmqagpgs6],
.feature-tile p[b-ypmqagpgs6] {
    color: var(--rm-copy-muted);
    margin: 0;
}

.feature-guide-page .eyebrow[b-ypmqagpgs6] {
    color: var(--rm-accent);
    display: block;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.feature-guide-summary[b-ypmqagpgs6] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-3));
    border: 1px solid color-mix(in srgb, var(--rm-accent) 34%, var(--rm-line));
    border-radius: 14px;
    display: grid;
    min-width: 10.5rem;
    padding: 1rem;
    text-align: center;
}

.feature-guide-summary strong[b-ypmqagpgs6] {
    color: var(--rm-accent);
    font-size: 2.2rem;
    line-height: 1;
}

.feature-guide-summary span[b-ypmqagpgs6] {
    color: var(--rm-copy);
    font-weight: 800;
}

.feature-jump-list[b-ypmqagpgs6] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.feature-jump-list a[b-ypmqagpgs6] {
    align-items: center;
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 12px;
    color: var(--rm-copy);
    display: flex;
    gap: 0.65rem;
    min-height: 3.25rem;
    padding: 0.65rem 0.8rem;
    text-decoration: none;
}

.feature-jump-list a:hover[b-ypmqagpgs6],
.feature-route:hover[b-ypmqagpgs6] {
    border-color: color-mix(in srgb, var(--rm-accent) 55%, var(--rm-line));
    color: var(--rm-accent);
}

.feature-jump-list .bi[b-ypmqagpgs6],
.feature-band-icon[b-ypmqagpgs6],
.feature-tile-head .bi[b-ypmqagpgs6] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-3));
    border: 1px solid color-mix(in srgb, var(--rm-accent) 30%, var(--rm-line));
    border-radius: 12px;
    color: var(--rm-accent);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.feature-jump-list .bi[b-ypmqagpgs6] {
    height: 2rem;
    width: 2rem;
}

.feature-band[b-ypmqagpgs6] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.feature-band-head[b-ypmqagpgs6] {
    align-items: start;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.feature-band-icon[b-ypmqagpgs6] {
    font-size: 1.25rem;
    height: 3rem;
    width: 3rem;
}

.feature-grid[b-ypmqagpgs6] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
}

.feature-tile[b-ypmqagpgs6] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 12px;
    display: grid;
    gap: 0.65rem;
    min-height: 10rem;
    padding: 0.95rem;
}

.feature-tile-head[b-ypmqagpgs6] {
    align-items: center;
    display: grid;
    gap: 0.6rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.feature-tile-head .bi[b-ypmqagpgs6] {
    height: 2.35rem;
    width: 2.35rem;
}

.feature-tile strong[b-ypmqagpgs6] {
    color: var(--rm-copy);
    line-height: 1.2;
}

.feature-route[b-ypmqagpgs6] {
    align-self: end;
    border: 1px solid var(--rm-line-strong);
    border-radius: 999px;
    color: var(--rm-accent);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 850;
    justify-self: start;
    line-height: 1;
    min-height: 2rem;
    padding: 0.55rem 0.75rem;
    text-decoration: none;
}

@media (max-width: 760px) {
    .feature-guide-hero[b-ypmqagpgs6] {
        grid-template-columns: 1fr;
    }

    .feature-guide-summary[b-ypmqagpgs6] {
        justify-items: start;
        text-align: start;
    }

    .feature-band-head[b-ypmqagpgs6] {
        grid-template-columns: 1fr;
    }

    .feature-grid[b-ypmqagpgs6] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AreaBaselines.razor.rz.scp.css */
.baseline-page[b-fk9o1f57d3] {
    display: grid;
    gap: 18px;
    color: #f7f8fd;
}

.baseline-hero[b-fk9o1f57d3],
.editor-card[b-fk9o1f57d3],
.results-card[b-fk9o1f57d3],
.empty-card[b-fk9o1f57d3] {
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 18px;
    background: linear-gradient(145deg, #23242f, #191a23);
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.25);
    color: #f7f8fd;
    padding: 22px;
}

.baseline-hero[b-fk9o1f57d3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.eyebrow[b-fk9o1f57d3] {
    color: #8e93a3;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

h1[b-fk9o1f57d3],
h2[b-fk9o1f57d3],
p[b-fk9o1f57d3] {
    margin: 0;
}

.baseline-hero h1[b-fk9o1f57d3] {
    color: #f7f8fd;
    font-size: 2rem;
}

.baseline-hero p[b-fk9o1f57d3] {
    color: #b2b8c8;
}

.form-grid[b-fk9o1f57d3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

label[b-fk9o1f57d3] {
    display: grid;
    gap: 7px;
    color: #c7ccda;
    font-weight: 800;
}

.wide[b-fk9o1f57d3] {
    grid-column: 1 / -1;
}

.form-control[b-fk9o1f57d3],
.form-select[b-fk9o1f57d3],
textarea[b-fk9o1f57d3] {
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 14px;
    padding: 12px 14px;
    background: #1b1c26;
    color: #f7f8fd;
}

.form-control[b-fk9o1f57d3]::placeholder,
textarea[b-fk9o1f57d3]::placeholder {
    color: #777d8f;
}

.prompt-box[b-fk9o1f57d3] {
    min-height: 150px;
}

.toggle-line[b-fk9o1f57d3] {
    align-content: end;
    display: flex;
    align-items: center;
    gap: 10px;
}

.preview-row[b-fk9o1f57d3] {
    display: grid;
    grid-template-columns: minmax(180px, 320px) 1fr;
    gap: 18px;
    margin-top: 18px;
    align-items: center;
}

.preview-row img[b-fk9o1f57d3],
.baseline-card img[b-fk9o1f57d3] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 18px;
    border: 1px solid rgba(33, 87, 153, 0.18);
}

.image-placeholder[b-fk9o1f57d3] {
    display: grid;
    place-items: center;
    aspect-ratio: 16 / 9;
    border: 1px dashed rgba(33, 87, 153, 0.35);
    border-radius: 18px;
    background: #1b1c26;
    color: #8e93a3;
}

.actions[b-fk9o1f57d3],
.card-actions[b-fk9o1f57d3] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

button[b-fk9o1f57d3] {
    border: 0;
    border-radius: 14px;
    padding: 11px 16px;
    font-weight: 800;
}

.primary-btn[b-fk9o1f57d3],
.run-btn[b-fk9o1f57d3] {
    background: #a9e7de;
    color: #10131b;
}

.soft-btn[b-fk9o1f57d3] {
    background: rgba(169, 231, 222, 0.12);
    color: #a9e7de;
    border: 1px solid rgba(169, 231, 222, 0.2);
}

.danger[b-fk9o1f57d3] {
    background: rgba(255, 107, 107, 0.14);
    color: #ffb6b6;
    border: 1px solid rgba(255, 107, 107, 0.3);
}

.message-card[b-fk9o1f57d3] {
    margin-top: 14px;
    border-radius: 16px;
    background: rgba(169, 231, 222, 0.12);
    color: #a9e7de;
    border: 1px solid rgba(169, 231, 222, 0.2);
    padding: 12px 14px;
}

.baseline-grid[b-fk9o1f57d3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 14px;
}

.baseline-card[b-fk9o1f57d3],
.result-row[b-fk9o1f57d3] {
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-left: 6px solid #93a4bd;
    border-radius: 22px;
    background: #23242f;
    color: #f7f8fd;
    padding: 14px;
    display: grid;
    gap: 12px;
}

.baseline-card.problem[b-fk9o1f57d3],
.result-row.problem[b-fk9o1f57d3] {
    border-left-color: #e5484d;
}

.baseline-card.ok[b-fk9o1f57d3],
.result-row.ok[b-fk9o1f57d3] {
    border-left-color: #16a34a;
}

.baseline-card.error[b-fk9o1f57d3],
.result-row.error[b-fk9o1f57d3] {
    border-left-color: #f59e0b;
}

.baseline-card strong[b-fk9o1f57d3],
.result-row strong[b-fk9o1f57d3] {
    color: #f7f8fd;
}

.baseline-card span[b-fk9o1f57d3],
.result-row span[b-fk9o1f57d3] {
    display: block;
    color: #b2b8c8;
    font-size: 0.92rem;
}

.results-card[b-fk9o1f57d3] {
    display: grid;
    gap: 12px;
}

.results-card h2[b-fk9o1f57d3] {
    font-size: 1.05rem;
}

.results-grid[b-fk9o1f57d3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 10px;
}

.result-row[b-fk9o1f57d3] {
    border-radius: 14px;
    padding: 10px;
    gap: 8px;
}

.result-row strong[b-fk9o1f57d3] {
    font-size: 0.9rem;
}

.result-row span[b-fk9o1f57d3] {
    font-size: 0.78rem;
}

.result-row pre[b-fk9o1f57d3] {
    white-space: pre-wrap;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    background: #1b1c26;
    color: #f7f8fd;
    font-size: 0.76rem;
    line-height: 1.35;
    max-height: 76px;
    overflow: auto;
    padding: 8px;
}

@media (max-width: 720px) {
    .baseline-hero[b-fk9o1f57d3],
    .preview-row[b-fk9o1f57d3] {
        grid-template-columns: 1fr;
        display: grid;
    }
}
/* /Pages/BuildingAccounts.razor.rz.scp.css */
.account-picker-field[b-dhvf30l7n2] {
    display: grid;
    gap: 0.55rem;
}

.account-picker-field > span[b-dhvf30l7n2],
.account-picker-search > span[b-dhvf30l7n2] {
    color: var(--rm-copy, #f7f8fd);
    font-size: 0.88rem;
    font-weight: 700;
}

.account-picker-trigger[b-dhvf30l7n2] {
    width: 100%;
    display: grid;
    gap: 0.25rem;
    text-align: left;
    padding: 0.95rem 1rem;
    border-radius: 16px;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
    color: var(--rm-copy, #f7f8fd);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.account-picker-trigger:hover[b-dhvf30l7n2],
.account-picker-trigger:focus-visible[b-dhvf30l7n2] {
    border-color: rgba(77, 208, 153, 0.45);
    box-shadow: 0 0 0 3px rgba(77, 208, 153, 0.12);
    transform: translateY(-1px);
}

.account-picker-trigger strong[b-dhvf30l7n2] {
    font-size: 0.98rem;
}

.account-picker-trigger small[b-dhvf30l7n2] {
    color: color-mix(in srgb, var(--rm-copy, #f7f8fd) 74%, transparent);
    font-size: 0.8rem;
}

.account-picker-actions[b-dhvf30l7n2] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.account-picker-overlay[b-dhvf30l7n2] {
    background: rgba(8, 15, 26, 0.78);
    padding: clamp(1rem, 4vh, 2rem);
}

.account-picker-modal[b-dhvf30l7n2] {
    width: min(96vw, 980px);
    max-height: min(88vh, 860px);
    max-height: min(88dvh, 860px);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0.9rem;
    overflow: hidden;
    margin: auto;
    border-radius: 22px;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    background: linear-gradient(145deg, var(--rm-surface, #23242f), var(--rm-surface-2, #1f202b));
    color: var(--rm-copy, #f7f8fd);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
    padding: 1rem;
}

.account-picker-header[b-dhvf30l7n2] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
}

.account-picker-kicker[b-dhvf30l7n2] {
    color: var(--rm-accent, #a9e7de);
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.25rem;
}

.account-picker-header h3[b-dhvf30l7n2] {
    margin: 0;
    font-size: 1.2rem;
}

.account-picker-header p[b-dhvf30l7n2] {
    margin: 0.45rem 0 0;
    color: color-mix(in srgb, var(--rm-copy, #f7f8fd) 78%, transparent);
    font-size: 0.9rem;
    line-height: 1.5;
}

.account-picker-toolbar[b-dhvf30l7n2] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(240px, 1fr);
    gap: 0.9rem;
    align-items: end;
}

.account-picker-search[b-dhvf30l7n2] {
    display: grid;
    gap: 0.45rem;
}

.account-picker-status[b-dhvf30l7n2] {
    display: grid;
    gap: 0.3rem;
    padding: 0.85rem 0.95rem;
    border-radius: 16px;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
}

.account-picker-status strong[b-dhvf30l7n2] {
    font-size: 0.88rem;
}

.account-picker-status small[b-dhvf30l7n2] {
    color: color-mix(in srgb, var(--rm-copy, #f7f8fd) 74%, transparent);
    font-size: 0.8rem;
}

.account-picker-groups[b-dhvf30l7n2] {
    min-height: 0;
    overflow: auto;
    padding-right: 0.2rem;
    display: grid;
    gap: 1rem;
}

.account-picker-group[b-dhvf30l7n2] {
    display: grid;
    gap: 0.8rem;
}

.account-picker-group-head[b-dhvf30l7n2] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
}

.account-picker-group-head strong[b-dhvf30l7n2] {
    font-size: 0.96rem;
}

.account-picker-group-head small[b-dhvf30l7n2] {
    color: color-mix(in srgb, var(--rm-copy, #f7f8fd) 72%, transparent);
    font-size: 0.78rem;
}

.account-picker-grid[b-dhvf30l7n2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 0.8rem;
}

.account-picker-card[b-dhvf30l7n2] {
    min-height: 100%;
}

.recurring-charge-panel[b-dhvf30l7n2] {
    margin-top: 1rem;
}

.charge-rule-grid[b-dhvf30l7n2] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    margin-top: 1rem;
}

.charge-rule-card[b-dhvf30l7n2] {
    min-height: 100%;
}

.charge-rule-card .mini-actions[b-dhvf30l7n2] {
    align-content: start;
}

:root[data-theme="light"] .account-picker-field > span[b-dhvf30l7n2],
:root[data-theme="light"] .account-picker-search > span[b-dhvf30l7n2] {
    color: #18324f;
}

:root[data-theme="light"] .account-picker-trigger[b-dhvf30l7n2] {
    color: #18324f;
    border-color: #d5e0ec;
    background: linear-gradient(180deg, #fbfdff 0%, #f3f7fc 100%);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

:root[data-theme="light"] .account-picker-trigger small[b-dhvf30l7n2],
:root[data-theme="light"] .account-picker-header p[b-dhvf30l7n2],
:root[data-theme="light"] .account-picker-status small[b-dhvf30l7n2] {
    color: #62758c;
}

:root[data-theme="light"] .account-picker-modal[b-dhvf30l7n2] {
    border-color: #d8e2ee;
    background: linear-gradient(180deg, #fbfdff 0%, #f3f7fc 100%);
    color: #18324f;
}

:root[data-theme="light"] .account-picker-header[b-dhvf30l7n2],
:root[data-theme="light"] .account-picker-status[b-dhvf30l7n2],
:root[data-theme="light"] .account-picker-group-head[b-dhvf30l7n2] {
    border-color: #d8e2ee;
}

:root[data-theme="light"] .account-picker-status[b-dhvf30l7n2] {
    background: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .account-picker-group-head small[b-dhvf30l7n2] {
    color: #62758c;
}

@media (max-width: 900px) {
    .account-picker-toolbar[b-dhvf30l7n2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .account-picker-overlay[b-dhvf30l7n2] {
        padding: 0.7rem;
    }

    .account-picker-modal[b-dhvf30l7n2] {
        width: min(100vw, 100%);
        max-height: min(94vh, 94dvh);
        padding: 0.85rem;
        border-radius: 18px;
    }

    .account-picker-grid[b-dhvf30l7n2] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/BuildingAnnouncements.razor.rz.scp.css */
.announcement-page[b-1bcqd3wx0l] {
    display: grid;
    gap: 18px;
}

.announcement-hero[b-1bcqd3wx0l],
.panel-card[b-1bcqd3wx0l],
.list-panel[b-1bcqd3wx0l] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 22px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
}

.announcement-hero[b-1bcqd3wx0l] {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 24px;
}

.announcement-hero-copy[b-1bcqd3wx0l] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.announcement-hero.resident-hero[b-1bcqd3wx0l] {
    align-items: flex-start;
    padding: 20px 22px;
}

.announcement-hero h1[b-1bcqd3wx0l],
.panel-head h2[b-1bcqd3wx0l] {
    color: var(--rm-copy);
    margin: 0;
}

.announcement-hero p[b-1bcqd3wx0l],
.empty-note[b-1bcqd3wx0l] {
    color: var(--rm-copy-soft);
    margin: 6px 0 0;
}

.eyebrow[b-1bcqd3wx0l] {
    color: var(--rm-accent-2);
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.hero-chip[b-1bcqd3wx0l] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    display: grid;
    gap: 4px;
    min-width: min(320px, 100%);
    padding: 14px 16px;
}

.hero-chip span[b-1bcqd3wx0l],
.announcement-meta[b-1bcqd3wx0l],
.seen-row span[b-1bcqd3wx0l],
.target-picker-head span[b-1bcqd3wx0l] {
    color: var(--rm-copy-soft);
}

.panel-card[b-1bcqd3wx0l],
.list-panel[b-1bcqd3wx0l] {
    padding: 20px;
}

.panel-head[b-1bcqd3wx0l],
.announcement-main[b-1bcqd3wx0l],
.target-picker-head[b-1bcqd3wx0l],
.seen-row[b-1bcqd3wx0l] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.action-row[b-1bcqd3wx0l],
.announcement-actions[b-1bcqd3wx0l],
.announcement-title-row[b-1bcqd3wx0l] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.form-grid[b-1bcqd3wx0l] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid .wide[b-1bcqd3wx0l] {
    grid-column: 1 / -1;
}

.form-grid label[b-1bcqd3wx0l] {
    color: var(--rm-copy-soft);
    display: grid;
    font-size: .9rem;
    font-weight: 700;
    gap: 7px;
}

.pin-toggle[b-1bcqd3wx0l] {
    align-items: center;
    display: flex !important;
    gap: 10px;
}

.pin-toggle input[b-1bcqd3wx0l],
.target-option input[b-1bcqd3wx0l] {
    accent-color: var(--rm-accent);
}

.critical-toggle input[b-1bcqd3wx0l] {
    accent-color: var(--rm-danger, #ff5c7a);
}

.target-picker[b-1bcqd3wx0l] {
    border-top: 1px solid var(--rm-line);
    display: grid;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
}

.target-grid[b-1bcqd3wx0l] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.target-grid.units[b-1bcqd3wx0l] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.target-option[b-1bcqd3wx0l] {
    align-items: center;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 14px;
    color: var(--rm-copy);
    cursor: pointer;
    display: flex;
    gap: 10px;
    padding: 11px 12px;
}

.target-option span[b-1bcqd3wx0l] {
    display: grid;
    min-width: 0;
}

.target-option small[b-1bcqd3wx0l] {
    color: var(--rm-copy-soft);
}

.announcement-list[b-1bcqd3wx0l] {
    display: grid;
    gap: 12px;
}

.announcement-filter-tabs[b-1bcqd3wx0l] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    display: grid;
    gap: 0.35rem;
    grid-template-columns: repeat(3, minmax(7.25rem, 1fr));
    margin: 0 0 16px;
    max-width: 100%;
    padding: 0.35rem;
    width: min(460px, 100%);
}

.filter-tab[b-1bcqd3wx0l] {
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: var(--rm-copy) !important;
    font-size: .86rem;
    font-weight: 800;
    height: 2.8rem;
    min-height: 2.8rem;
    outline: none;
    overflow: hidden;
    padding: 0.65rem 0.85rem;
    text-align: start;
    text-overflow: ellipsis;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
    white-space: nowrap;
}

.filter-tab:hover[b-1bcqd3wx0l] {
    border-color: color-mix(in srgb, var(--rm-accent) 46%, transparent) !important;
    box-shadow: 0 10px 20px color-mix(in srgb, var(--rm-accent) 10%, transparent) !important;
    transform: translateY(-1px);
}

.filter-tab.active[b-1bcqd3wx0l] {
    background: color-mix(in srgb, var(--rm-accent) 18%, var(--rm-surface-3)) !important;
    border-color: color-mix(in srgb, var(--rm-accent) 58%, var(--rm-line)) !important;
    box-shadow: inset 0 0 0 1px var(--rm-line-strong) !important;
    color: var(--rm-copy) !important;
    outline: none;
    transform: translateY(-1px);
}

.announcement-card[b-1bcqd3wx0l] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    display: grid;
    gap: 14px;
    padding: 16px;
}

.announcement-card.pinned[b-1bcqd3wx0l] {
    border-color: color-mix(in srgb, var(--rm-accent) 62%, var(--rm-line));
}

.announcement-card.critical[b-1bcqd3wx0l] {
    border-color: color-mix(in srgb, var(--rm-danger, #ff5c7a) 72%, var(--rm-line));
    box-shadow: inset 4px 0 0 var(--rm-danger, #ff5c7a), var(--rm-shadow-soft);
}

.announcement-card.unseen[b-1bcqd3wx0l] {
    box-shadow: inset 3px 0 0 var(--rm-accent);
}

.resident-announcement-card.unseen[b-1bcqd3wx0l] {
    background: color-mix(in srgb, var(--rm-accent-soft) 10%, var(--rm-surface-2));
}

.announcement-copy[b-1bcqd3wx0l] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.announcement-card strong[b-1bcqd3wx0l] {
    color: var(--rm-copy);
}

.announcement-card p[b-1bcqd3wx0l],
.announcement-body[b-1bcqd3wx0l] {
    color: var(--rm-copy-soft);
    margin: 0;
}

.announcement-meta[b-1bcqd3wx0l] {
    display: flex;
    flex-wrap: wrap;
    font-size: .82rem;
    gap: 8px 12px;
}

.announcement-meta-top[b-1bcqd3wx0l] {
    align-items: center;
    justify-content: space-between;
}

.announcement-meta-bottom[b-1bcqd3wx0l] {
    display: none;
}

.announcement-actions[b-1bcqd3wx0l] {
    justify-content: flex-end;
    min-width: min(320px, 100%);
}

.status-chip[b-1bcqd3wx0l] {
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
    padding: 6px 10px;
    white-space: nowrap;
}

.status-chip.ok[b-1bcqd3wx0l],
.seen-chip[b-1bcqd3wx0l] {
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.status-chip.warning[b-1bcqd3wx0l],
.pinned-chip[b-1bcqd3wx0l] {
    background: color-mix(in srgb, var(--rm-warning-soft) 84%, transparent);
    color: var(--rm-warning);
}

.unread-chip[b-1bcqd3wx0l] {
    background: color-mix(in srgb, var(--rm-accent-soft) 86%, transparent);
    color: var(--rm-accent-2);
}

.critical-chip[b-1bcqd3wx0l] {
    background: color-mix(in srgb, var(--rm-danger, #ff5c7a) 18%, transparent);
    color: var(--rm-danger, #ff5c7a);
}

.status-chip.muted[b-1bcqd3wx0l] {
    background: var(--rm-surface-3);
    color: var(--rm-copy-muted);
}

.seen-count[b-1bcqd3wx0l] {
    background: color-mix(in srgb, var(--rm-accent-soft) 80%, transparent);
    color: var(--rm-accent-2);
}

.seen-details[b-1bcqd3wx0l] {
    border-top: 1px solid var(--rm-line);
    display: grid;
    gap: 9px;
    padding-top: 12px;
}

.seen-row[b-1bcqd3wx0l] {
    background: color-mix(in srgb, var(--rm-surface-3) 84%, transparent);
    border: 1px solid var(--rm-line);
    border-radius: 13px;
    padding: 10px 12px;
}

.seen-row div[b-1bcqd3wx0l] {
    display: grid;
    gap: 2px;
}

@media (max-width: 1100px) {
    .announcement-hero[b-1bcqd3wx0l],
    .announcement-main[b-1bcqd3wx0l] {
        align-items: stretch;
        flex-direction: column;
    }

    .announcement-actions[b-1bcqd3wx0l] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .announcement-page[b-1bcqd3wx0l] {
        gap: 12px;
    }

    .list-panel[b-1bcqd3wx0l] {
        padding: 14px;
    }

    .form-grid[b-1bcqd3wx0l],
    .target-grid[b-1bcqd3wx0l],
    .target-grid.units[b-1bcqd3wx0l] {
        grid-template-columns: 1fr;
    }

    .panel-head[b-1bcqd3wx0l],
    .target-picker-head[b-1bcqd3wx0l],
    .seen-row[b-1bcqd3wx0l] {
        flex-direction: column;
    }

    .announcement-filter-tabs[b-1bcqd3wx0l] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        position: sticky;
        top: 0.5rem;
        z-index: 2;
    }

    .filter-tab[b-1bcqd3wx0l] {
        font-size: .8rem;
        padding-inline: .45rem;
        text-align: center;
    }

    .announcement-list[b-1bcqd3wx0l] {
        gap: 10px;
    }

    .announcement-card[b-1bcqd3wx0l] {
        border-radius: 14px;
        padding: 14px;
    }

    .resident-announcement-card .announcement-title-row[b-1bcqd3wx0l] {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .resident-announcement-card .announcement-title-row strong[b-1bcqd3wx0l] {
        font-size: 1rem;
        line-height: 1.35;
    }

    .resident-announcement-card .announcement-body[b-1bcqd3wx0l] {
        display: -webkit-box;
        line-height: 1.6;
        max-height: 4.8em;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .announcement-actions[b-1bcqd3wx0l] {
        min-width: 0;
        width: 100%;
    }

    .announcement-actions .btn[b-1bcqd3wx0l] {
        flex: 1 1 0;
    }
}
/* /Pages/BuildingChargeRules.razor.rz.scp.css */
.charge-rule-grid[b-2g1j95xato] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.charge-rule-card[b-2g1j95xato] {
    min-height: 100%;
}

.charge-rule-card .mini-actions[b-2g1j95xato] {
    align-content: start;
}

.charge-summary-grid[b-2g1j95xato] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.charge-summary-grid article[b-2g1j95xato] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
}

.charge-summary-grid span[b-2g1j95xato] {
    color: var(--rm-copy-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.charge-summary-grid strong[b-2g1j95xato] {
    color: var(--rm-copy);
    font-size: 1.4rem;
}

@media (max-width: 760px) {
    .charge-rule-grid[b-2g1j95xato] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/BuildingConditionReports.razor.rz.scp.css */
.condition-report-page[b-384z8a39ug] {
    display: grid;
    gap: 18px;
}

.hero-panel[b-384z8a39ug],
.panel-card[b-384z8a39ug],
.list-panel[b-384z8a39ug] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 22px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
}

.hero-panel[b-384z8a39ug] {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 24px;
}

.hero-panel.resident-hero[b-384z8a39ug] {
    align-items: flex-start;
    padding: 20px 22px;
}

.hero-panel h1[b-384z8a39ug],
.panel-head h2[b-384z8a39ug],
.unit-group h3[b-384z8a39ug] {
    color: var(--rm-copy);
    margin: 0;
}

.hero-panel p[b-384z8a39ug],
.empty-note[b-384z8a39ug] {
    color: var(--rm-copy-soft);
    margin: 6px 0 0;
}

.report-loading-strip[b-384z8a39ug] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-accent) 10%, var(--rm-surface-2));
    border: 1px solid color-mix(in srgb, var(--rm-accent) 28%, var(--rm-line));
    border-radius: 14px;
    color: var(--rm-copy);
    display: inline-flex;
    gap: 0.65rem;
    padding: 0.65rem 0.85rem;
}

.report-loading-strip .loading-spinner[b-384z8a39ug] {
    animation: report-spin-b-384z8a39ug 0.85s linear infinite;
    border: 2px solid color-mix(in srgb, var(--rm-accent) 28%, transparent);
    border-top-color: var(--rm-accent);
    border-radius: 999px;
    display: inline-block;
    height: 1rem;
    width: 1rem;
}

@keyframes report-spin-b-384z8a39ug {
    to {
        transform: rotate(360deg);
    }
}

.eyebrow[b-384z8a39ug] {
    color: var(--rm-accent-2);
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.building-select[b-384z8a39ug] {
    min-width: min(320px, 100%);
}

.building-select span[b-384z8a39ug],
.record-card span[b-384z8a39ug],
.record-card p[b-384z8a39ug],
.response-box small[b-384z8a39ug] {
    color: var(--rm-copy-soft);
}

.content-grid[b-384z8a39ug] {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr);
}

.content-grid.single[b-384z8a39ug] {
    grid-template-columns: minmax(0, 1fr);
}

.panel-card[b-384z8a39ug],
.list-panel[b-384z8a39ug] {
    padding: 20px;
}

.list-panel[b-384z8a39ug] {
    min-height: 0;
}

.panel-head[b-384z8a39ug] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.composer-card[b-384z8a39ug] {
    display: grid;
    gap: 1rem;
}

.composer-head[b-384z8a39ug] {
    margin-bottom: 0;
}

.history-head[b-384z8a39ug] {
    align-items: flex-end;
}

.form-grid[b-384z8a39ug],
.manager-editor[b-384z8a39ug],
.note-editor[b-384z8a39ug] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid .wide[b-384z8a39ug],
.manager-editor .wide[b-384z8a39ug],
.note-editor .wide[b-384z8a39ug] {
    grid-column: 1 / -1;
}

.form-grid label[b-384z8a39ug],
.manager-editor label[b-384z8a39ug],
.note-editor label[b-384z8a39ug],
.unit-filter[b-384z8a39ug] {
    color: var(--rm-copy-soft);
    display: grid;
    font-size: .9rem;
    font-weight: 700;
    gap: 7px;
}

.unit-filter[b-384z8a39ug] {
    min-width: min(220px, 100%);
}

.condition-filter-row[b-384z8a39ug] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.composer-body[b-384z8a39ug] {
    display: grid;
    gap: 1rem;
}

.composer-photo-panel[b-384z8a39ug] {
    background: transparent;
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 0.6rem;
    padding: 0;
}

.composer-unit-field[b-384z8a39ug],
.composer-message-field[b-384z8a39ug] {
    color: var(--rm-copy-soft);
    display: grid;
    gap: 7px;
    font-size: .9rem;
    font-weight: 700;
}

.composer-message-input[b-384z8a39ug] {
    min-height: 7.4rem;
    resize: vertical;
}

.composer-image-list[b-384z8a39ug] {
    margin-top: 0;
}

.composer-action-row[b-384z8a39ug] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    justify-content: space-between;
}

.composer-attach-btn[b-384z8a39ug] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-surface-2) 92%, transparent);
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    color: var(--rm-copy);
    cursor: pointer;
    display: inline-flex;
    gap: 0.55rem;
    justify-content: center;
    min-height: 2.8rem;
    min-width: 9.5rem;
    padding: 0 1rem;
    position: relative;
}

.composer-attach-btn.photo-first[b-384z8a39ug] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-accent) 10%, var(--rm-surface-2));
    border-color: color-mix(in srgb, var(--rm-accent) 28%, var(--rm-line));
    border-radius: 999px;
    display: inline-flex;
    gap: 0.55rem;
    justify-content: flex-start;
    justify-items: initial;
    min-height: 2.75rem;
    min-width: 0;
    padding: 0.4rem 0.85rem;
    text-align: start;
    width: fit-content;
}

.composer-attach-btn.photo-first .bi[b-384z8a39ug] {
    align-items: center;
    background: var(--rm-accent);
    border-radius: 999px;
    color: var(--rm-accent-on);
    display: inline-flex;
    flex: 0 0 auto;
    height: 1.85rem;
    justify-content: center;
    width: 1.85rem;
}

.composer-attach-btn.photo-first strong[b-384z8a39ug] {
    color: var(--rm-copy);
    font-size: .92rem;
}

.composer-attach-btn.photo-first small[b-384z8a39ug] {
    color: var(--rm-copy-muted);
    font-weight: 700;
    font-size: .78rem;
}

.composer-attach-btn .bi[b-384z8a39ug] {
    color: currentColor;
}

.composer-file-input[b-384z8a39ug] {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.composer-send-btn[b-384z8a39ug] {
    min-width: 0;
}

.report-chat-shell[b-384z8a39ug] {
    background:
        radial-gradient(circle at 22% 0%, color-mix(in srgb, var(--rm-accent) 16%, transparent), transparent 28rem),
        color-mix(in srgb, var(--rm-surface) 96%, transparent);
    border: 1px solid var(--rm-line);
    border-radius: 22px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: min(76vh, 46rem);
    overflow: hidden;
}

.report-chat-head[b-384z8a39ug] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-surface-2) 88%, transparent);
    border-bottom: 1px solid var(--rm-line);
    display: flex;
    gap: 0.8rem;
    padding: 0.9rem 0.95rem 0.75rem;
}

.report-avatar[b-384z8a39ug] {
    background: linear-gradient(135deg, #2a9d8f 0%, #266f75 100%);
    border-radius: 1.05rem;
    box-shadow: 0 12px 28px rgba(42, 157, 143, .28);
    color: #fff;
    display: grid;
    flex: 0 0 auto;
    font-weight: 900;
    height: 3rem;
    letter-spacing: 0;
    place-items: center;
    width: 3rem;
}

.report-heading[b-384z8a39ug] {
    min-width: 0;
}

.report-heading h1[b-384z8a39ug] {
    color: var(--rm-copy);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.15;
    margin: 0;
}

.report-heading p[b-384z8a39ug] {
    color: var(--rm-copy-muted);
    font-size: 0.8rem;
    line-height: 1.25;
    margin: 0.2rem 0 0;
}

.report-chat-shell .composer-body[b-384z8a39ug] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
}

.report-chat-shell .composer-unit-field[b-384z8a39ug] {
    margin: 0.85rem 0.95rem 0;
}

.report-message-list[b-384z8a39ug] {
    display: grid;
    gap: 0.75rem;
    min-height: 0;
    overflow-y: auto;
    padding: 0.95rem 0.95rem 0.5rem;
}

.report-message-list .welcome-bubble[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-surface-2) 90%, transparent);
    border: 1px solid var(--rm-line);
    border-radius: 1.25rem;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
    display: grid;
    gap: 0.35rem;
    margin: 0 auto;
    max-width: 43rem;
    padding: 0.9rem;
    width: 100%;
}

.report-message-list .welcome-bubble strong[b-384z8a39ug] {
    color: var(--rm-copy);
    font-size: 0.98rem;
    font-weight: 850;
}

.report-message-list .welcome-bubble span[b-384z8a39ug] {
    color: var(--rm-copy-muted);
    font-size: 0.86rem;
    line-height: 1.45;
}

.report-chat-shell .composer-image-list[b-384z8a39ug] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.55rem;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 43rem;
    overflow-x: auto;
    padding: 0 0.1rem 0.2rem;
}

.report-composer[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-surface-2) 92%, transparent);
    border-top: 1px solid var(--rm-line);
    display: grid;
    gap: 0.55rem;
    padding: 0.75rem 0.85rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
}

.report-composer .composer-row[b-384z8a39ug] {
    align-items: end;
    background: color-mix(in srgb, var(--rm-surface-3) 88%, transparent);
    border: 1px solid var(--rm-line);
    border-radius: 1.2rem;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    padding: 0.45rem;
}

.report-composer .composer-attach-btn[b-384z8a39ug],
.report-composer .composer-camera-btn[b-384z8a39ug],
.report-composer .composer-send-btn[b-384z8a39ug] {
    align-items: center;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    height: 2.7rem;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: 2.7rem;
}

.report-composer .composer-attach-btn[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-surface-2) 88%, transparent);
    color: var(--rm-copy-soft);
}

.report-composer .composer-camera-btn[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-surface-2) 88%, transparent);
    color: var(--rm-copy-soft);
    position: relative;
}

.report-composer .composer-send-btn[b-384z8a39ug] {
    background: var(--rm-accent);
    color: var(--rm-accent-on);
}

.report-composer-icon[b-384z8a39ug] {
    fill: none;
    height: 1.2rem;
    pointer-events: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 1.2rem;
}

.report-composer .composer-message-input[b-384z8a39ug] {
    background: transparent;
    border: 0;
    color: var(--rm-copy);
    font: inherit;
    line-height: 1.45;
    max-height: 9rem;
    min-height: 2.7rem;
    outline: none;
    padding: 0.62rem 0.2rem;
    resize: none;
}

.report-composer .composer-message-input[b-384z8a39ug]::placeholder {
    color: var(--rm-copy-muted);
}

.report-pending-strip[b-384z8a39ug] {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    padding: 0.05rem 0.05rem 0.15rem;
}

.report-pending-image[b-384z8a39ug] {
    flex: 0 0 auto;
    position: relative;
}

.report-pending-thumb[b-384z8a39ug] {
    background: transparent;
    border: 0;
    border-radius: 0.9rem;
    cursor: pointer;
    display: block;
    height: 4.6rem;
    overflow: hidden;
    padding: 0;
    width: 4.6rem;
}

.report-pending-thumb img[b-384z8a39ug] {
    border: 1px solid var(--rm-line);
    border-radius: inherit;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.report-remove-image[b-384z8a39ug] {
    align-items: center;
    background: rgba(15, 23, 42, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    height: 1.45rem;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: -0.3rem;
    top: -0.3rem;
    width: 1.45rem;
}

.image-upload-field[b-384z8a39ug] {
    align-content: start;
}

.pending-image-list[b-384z8a39ug],
.condition-image-grid[b-384z8a39ug] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pending-image-item[b-384z8a39ug] {
    align-items: center;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 12px;
    display: flex;
    gap: 8px;
    min-height: 38px;
    padding: 6px 8px;
}

.pending-image-item.photo-tile[b-384z8a39ug] {
    align-items: stretch;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: block;
    min-height: 0;
    padding: 0;
    position: relative;
    width: 5.1rem;
    min-width: 5.1rem;
}

.pending-image-item.photo-tile img[b-384z8a39ug] {
    border: 1px solid var(--rm-line);
    border-radius: 0.95rem;
    display: block;
    height: 5.1rem;
    min-height: 5.1rem;
    object-fit: cover;
    width: 5.1rem;
}

.pending-image-item.photo-tile > div[b-384z8a39ug] {
    display: none;
}

.pending-image-item.photo-tile .image-remove-btn[b-384z8a39ug] {
    align-items: center;
    background: rgba(15, 23, 42, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    height: 1.45rem;
    justify-content: center;
    min-width: 1.45rem;
    padding: 0;
    position: absolute;
    right: -0.25rem;
    top: -0.25rem;
    width: 1.45rem;
    z-index: 1;
}

.condition-image-button[b-384z8a39ug] {
    background: transparent;
    border: 1px solid var(--rm-line);
    border-radius: 12px;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    height: 86px;
    overflow: hidden;
    padding: 0;
    width: 110px;
}

.condition-image-grid img[b-384z8a39ug] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.condition-image-grid.editable[b-384z8a39ug] {
    margin-bottom: 8px;
}

.condition-image-tile[b-384z8a39ug],
.edit-image-editor[b-384z8a39ug] {
    display: grid;
    gap: 7px;
}

.edit-image-editor > span[b-384z8a39ug] {
    color: var(--rm-copy-soft);
    font-size: .9rem;
    font-weight: 700;
}

.image-remove-btn[b-384z8a39ug] {
    background: var(--rm-danger-soft);
    border: 1px solid color-mix(in srgb, var(--rm-danger) 40%, var(--rm-line));
    border-radius: 10px;
    color: var(--rm-danger);
    font-size: .78rem;
    font-weight: 800;
    min-height: 30px;
}

.condition-image-modal[b-384z8a39ug] {
    align-items: center;
    background: rgba(0, 0, 0, .72);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 1100;
}

.condition-image-modal-panel[b-384z8a39ug] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    box-shadow: var(--rm-shadow-strong);
    display: grid;
    gap: 12px;
    max-height: min(86vh, 900px);
    max-width: min(92vw, 1100px);
    padding: 12px;
}

.condition-image-modal-close[b-384z8a39ug] {
    justify-self: end;
}

.condition-image-modal img[b-384z8a39ug] {
    border-radius: 12px;
    max-height: calc(86vh - 72px);
    max-width: calc(92vw - 24px);
    object-fit: contain;
}

.report-mail-layout[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-surface-2) 74%, transparent);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    display: grid;
    grid-template-columns: minmax(18rem, 0.42fr) minmax(0, 1fr);
    height: calc(100dvh - 11rem);
    min-height: 32rem;
    overflow: hidden;
}

.report-mail-list[b-384z8a39ug] {
    border-inline-end: 1px solid var(--rm-line);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100%;
    min-width: 0;
    overflow: hidden;
}

.report-list-tools[b-384z8a39ug] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-surface-3) 70%, transparent);
    border-bottom: 1px solid var(--rm-line);
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto auto minmax(8rem, 1fr);
    padding: 0.65rem 0.75rem;
}

.report-mail-count[b-384z8a39ug] {
    align-items: baseline;
    background: transparent;
    border: 0;
    color: var(--rm-copy-soft);
    display: flex;
    gap: 0.45rem;
    padding: 0;
}

.report-new-icon[b-384z8a39ug],
.report-delete-icon[b-384z8a39ug] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-2));
    border: 1px solid color-mix(in srgb, var(--rm-accent) 36%, var(--rm-line));
    border-radius: 999px;
    color: var(--rm-accent);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    width: 2rem;
}

.report-new-icon[b-384z8a39ug] {
    font-size: 1.45rem;
    justify-self: end;
    line-height: 1;
}

.report-filter[b-384z8a39ug],
.report-filter select[b-384z8a39ug] {
    min-width: 0;
    width: 100%;
}

.report-mail-count strong[b-384z8a39ug] {
    color: var(--rm-copy);
    font-size: 1.05rem;
}

.report-mail-scroll[b-384z8a39ug] {
    align-content: start;
    display: grid;
    gap: 0.55rem;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.55rem;
}

.report-mail-item[b-384z8a39ug] {
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--rm-line) 72%, transparent);
    border-inline-start: 4px solid transparent;
    border-radius: 0.85rem;
    color: var(--rm-copy);
    cursor: pointer;
    display: grid;
    gap: 0.4rem;
    min-width: 0;
    padding: 0.8rem 0.85rem;
    text-align: start;
    width: 100%;
}

.report-mail-item:hover[b-384z8a39ug],
.report-mail-item.selected[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-accent) 12%, var(--rm-surface-3));
}

.report-mail-item.ok[b-384z8a39ug] {
    border-inline-start-color: var(--rm-success);
}

.report-mail-item.warning[b-384z8a39ug] {
    border-inline-start-color: var(--rm-warning);
}

.report-mail-item.new[b-384z8a39ug] {
    border-inline-start-color: var(--rm-accent-2);
}

.report-mail-item.muted[b-384z8a39ug] {
    border-inline-start-color: var(--rm-copy-muted);
}

.report-mail-row[b-384z8a39ug],
.report-mail-subject[b-384z8a39ug],
.report-mail-tags[b-384z8a39ug],
.conversation-meta[b-384z8a39ug] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    min-width: 0;
}

.report-mail-row[b-384z8a39ug] {
    justify-content: space-between;
}

.report-mail-row strong[b-384z8a39ug] {
    color: var(--rm-copy);
    font-size: 0.92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-mail-subject[b-384z8a39ug] {
    color: var(--rm-copy-soft);
    font-size: 0.8rem;
}

.report-mail-preview[b-384z8a39ug] {
    color: var(--rm-copy-muted);
    display: -webkit-box;
    font-size: 0.82rem;
    line-height: 1.45;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.report-mail-tags small[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-surface-3) 84%, transparent);
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    color: var(--rm-copy-soft);
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.22rem 0.48rem;
}

.report-mail-date[b-384z8a39ug] {
    color: var(--rm-copy-muted);
    font-size: 0.72rem;
    justify-self: end;
    margin-top: 0.15rem;
}

.report-mail-detail[b-384z8a39ug] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100%;
    min-width: 0;
    overflow: hidden;
}

.report-detail-head[b-384z8a39ug] {
    align-items: flex-start;
    background: color-mix(in srgb, var(--rm-surface) 72%, transparent);
    border-bottom: 1px solid var(--rm-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-width: 0;
    padding: 1rem;
}

.report-detail-head h3[b-384z8a39ug] {
    color: var(--rm-copy);
    font-size: 1.15rem;
    margin: 0;
}

.report-detail-head p[b-384z8a39ug] {
    color: var(--rm-copy-soft);
    margin: 0.25rem 0 0;
}

.report-delete-icon[b-384z8a39ug] {
    background: var(--rm-danger-soft);
    border-color: color-mix(in srgb, var(--rm-danger) 38%, var(--rm-line));
    color: var(--rm-danger);
}

.report-delete-icon svg[b-384z8a39ug] {
    fill: none;
    height: 1.05rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 1.05rem;
}

.report-conversation[b-384z8a39ug] {
    align-content: start;
    display: grid;
    gap: 0.85rem;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
}

.conversation-bubble[b-384z8a39ug],
.detail-section[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-surface-3) 84%, transparent);
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    display: grid;
    gap: 0.65rem;
    max-width: min(100%, 44rem);
    padding: 0.9rem;
}

.conversation-bubble.manager[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-accent) 12%, var(--rm-surface-3));
    justify-self: end;
}

.conversation-bubble.resident[b-384z8a39ug] {
    justify-self: start;
}

.conversation-bubble.empty[b-384z8a39ug] {
    background: transparent;
    border-style: dashed;
    color: var(--rm-copy-muted);
}

.conversation-meta[b-384z8a39ug] {
    color: var(--rm-copy-muted);
    justify-content: space-between;
    font-size: 0.72rem;
}

.conversation-meta strong[b-384z8a39ug],
.detail-section > span[b-384z8a39ug] {
    color: var(--rm-copy);
    font-weight: 850;
}

.conversation-bubble p[b-384z8a39ug] {
    color: var(--rm-copy);
    margin: 0;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.detail-images .condition-image-button[b-384z8a39ug] {
    height: 7.5rem;
    width: 9.5rem;
}

.detail-editor[b-384z8a39ug] {
    max-width: min(100%, 44rem);
}

.report-reply-composer[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-surface-2) 94%, transparent);
    border-top: 1px solid var(--rm-line);
    display: grid;
    gap: 0.5rem;
    padding: 0.7rem;
}

.report-reply-composer .composer-row[b-384z8a39ug] {
    align-items: end;
    background: var(--rm-surface-3);
    border: 1px solid var(--rm-line);
    border-radius: 1rem;
    display: grid;
    gap: 0.45rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.4rem;
}

.report-reply-composer .composer-attach-btn[b-384z8a39ug],
.report-reply-composer .composer-send-btn[b-384z8a39ug] {
    align-items: center;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    padding: 0;
    width: 2rem;
}

.report-reply-composer .composer-attach-btn[b-384z8a39ug] {
    background: var(--rm-surface-2);
    color: var(--rm-copy-soft);
}

.report-reply-composer .composer-send-btn[b-384z8a39ug] {
    background: var(--rm-accent);
    color: var(--rm-accent-on);
}

.report-reply-composer .composer-message-input[b-384z8a39ug] {
    background: transparent;
    border: 0;
    color: var(--rm-copy);
    max-height: 7rem;
    min-height: 2.5rem;
    outline: none;
    padding: 0.55rem 0.2rem;
    resize: none;
}

.composer-controls[b-384z8a39ug] {
    align-items: center;
    display: flex;
    gap: 0.35rem;
}

.report-reply-composer .report-composer-icon[b-384z8a39ug] {
    height: 0.95rem;
    width: 0.95rem;
}

.reply-status-row[b-384z8a39ug] {
    align-items: center;
    display: flex;
    gap: 0.25rem;
}

.reply-status-row label[b-384z8a39ug] {
    align-items: center;
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    color: var(--rm-copy-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 800;
    gap: 0.2rem;
    min-height: 1.7rem;
    padding: 0.15rem 0.4rem;
}

.reply-status-row input[b-384z8a39ug] {
    accent-color: var(--rm-accent);
    margin: 0;
}

.unit-group-list[b-384z8a39ug],
.record-list[b-384z8a39ug] {
    display: grid;
    gap: 12px;
}

.unit-group[b-384z8a39ug] {
    display: grid;
    gap: 10px;
}

.unit-group h3[b-384z8a39ug] {
    font-size: 1rem;
}

.record-card[b-384z8a39ug] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.resident-report-card[b-384z8a39ug] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 14px;
    display: grid;
    gap: 10px;
    grid-template-rows: auto 1fr auto auto auto;
    height: 100%;
    min-width: 0;
    padding: 12px;
    width: 100%;
}

.manager-record-list[b-384z8a39ug] {
    grid-template-columns: minmax(0, 1fr);
}

.resident-record-list[b-384z8a39ug] {
    align-items: stretch;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    justify-content: stretch;
}

.resident-report-card.ok[b-384z8a39ug] {
    border-color: color-mix(in srgb, var(--rm-success) 48%, var(--rm-line));
}

.resident-report-card.warning[b-384z8a39ug] {
    border-color: color-mix(in srgb, var(--rm-warning) 48%, var(--rm-line));
}

.resident-report-card.new[b-384z8a39ug] {
    border-color: color-mix(in srgb, var(--rm-accent-2) 42%, var(--rm-line));
}

.resident-report-toggle[b-384z8a39ug] {
    align-items: flex-start;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
    cursor: pointer;
    display: grid;
    font-weight: inherit !important;
    gap: 8px;
    justify-items: start;
    padding: 0 !important;
    text-align: inherit;
    width: 100%;
}

.resident-report-title[b-384z8a39ug],
.resident-report-meta[b-384z8a39ug] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.resident-report-title[b-384z8a39ug] {
    flex-direction: column;
    gap: 4px;
}

.resident-report-title strong[b-384z8a39ug],
.resident-report-title span[b-384z8a39ug] {
    overflow-wrap: anywhere;
}

.resident-report-actions[b-384z8a39ug] {
    justify-content: flex-start;
    margin-top: 2px;
}

.record-card.ok[b-384z8a39ug] {
    border-color: color-mix(in srgb, var(--rm-success) 48%, var(--rm-line));
}

.record-card.warning[b-384z8a39ug] {
    border-color: color-mix(in srgb, var(--rm-warning) 48%, var(--rm-line));
}

.record-card.new[b-384z8a39ug] {
    border-color: color-mix(in srgb, var(--rm-accent-2) 42%, var(--rm-line));
}

.record-main[b-384z8a39ug] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    min-width: 0;
}

.record-card strong[b-384z8a39ug] {
    color: var(--rm-copy);
    display: block;
    overflow-wrap: anywhere;
}

.resident-note[b-384z8a39ug],
.response-box p[b-384z8a39ug] {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.resident-report-card > .resident-note[b-384z8a39ug] {
    min-height: 3.9rem;
}

.response-box[b-384z8a39ug],
.manager-editor[b-384z8a39ug],
.note-editor[b-384z8a39ug] {
    background: var(--rm-surface-3);
    border: 1px solid var(--rm-line);
    border-radius: 14px;
    padding: 12px;
}

.response-box[b-384z8a39ug] {
    display: grid;
    gap: 6px;
    overflow-wrap: anywhere;
}

.response-box span[b-384z8a39ug] {
    color: var(--rm-copy);
    font-weight: 800;
}

.record-actions[b-384z8a39ug] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    min-width: 0;
    max-width: 100%;
}

.record-main > div:first-child[b-384z8a39ug],
.record-actions[b-384z8a39ug],
.response-box[b-384z8a39ug],
.manager-editor[b-384z8a39ug],
.note-editor[b-384z8a39ug] {
    min-width: 0;
}

.manager-editor textarea[b-384z8a39ug],
.note-editor textarea[b-384z8a39ug] {
    overflow-wrap: anywhere;
}

.status-chip[b-384z8a39ug] {
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
    padding: 6px 10px;
    white-space: nowrap;
}

.status-chip.ok[b-384z8a39ug] {
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.status-chip.warning[b-384z8a39ug],
.status-chip.new[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-warning-soft) 84%, transparent);
    color: var(--rm-warning);
}

.status-chip.muted[b-384z8a39ug] {
    background: var(--rm-surface-3);
    color: var(--rm-copy-muted);
}

.status-chip.linked[b-384z8a39ug] {
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.status-chip.reply[b-384z8a39ug] {
    background: color-mix(in srgb, var(--rm-accent) 16%, var(--rm-surface-3));
    color: var(--rm-accent);
}

.footer-actions[b-384z8a39ug] {
    margin-top: 16px;
}

@media (max-width: 1100px) {
    .hero-panel[b-384z8a39ug] {
        align-items: stretch;
        flex-direction: column;
    }

    .content-grid[b-384z8a39ug] {
        grid-template-columns: 1fr;
    }

    .report-mail-layout[b-384z8a39ug] {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 0;
    }

    .report-mail-list[b-384z8a39ug] {
        border-bottom: 1px solid var(--rm-line);
        border-inline-end: 0;
        height: 22rem;
    }

    .report-mail-scroll[b-384z8a39ug] {
        max-height: 20rem;
    }
}

@media (max-width: 700px) {
    .history-head[b-384z8a39ug],
    .record-main[b-384z8a39ug],
    .report-detail-head[b-384z8a39ug] {
        flex-direction: column;
    }

    .form-grid[b-384z8a39ug],
    .manager-editor[b-384z8a39ug],
    .note-editor[b-384z8a39ug] {
        grid-template-columns: 1fr;
    }

    .record-actions[b-384z8a39ug] {
        justify-content: flex-start;
    }

    .condition-filter-row[b-384z8a39ug],
    .unit-filter[b-384z8a39ug] {
        width: 100%;
    }

    .report-mail-row[b-384z8a39ug] {
        align-items: flex-start;
        flex-direction: column;
    }

    .detail-images .condition-image-button[b-384z8a39ug] {
        height: 6.5rem;
        width: calc(50% - 0.25rem);
    }

    .panel-card[b-384z8a39ug],
    .list-panel[b-384z8a39ug] {
        padding: 0.9rem;
    }

    .composer-attach-btn.photo-first[b-384z8a39ug] {
        min-height: 2.75rem;
        width: 100%;
    }

    .pending-image-list[b-384z8a39ug] {
        display: grid;
    }

    .pending-image-item.photo-tile[b-384z8a39ug] {
        grid-template-columns: 5rem minmax(0, 1fr);
    }

    .pending-image-item.photo-tile .image-remove-btn[b-384z8a39ug] {
        grid-column: 1 / -1;
        min-height: 2.4rem;
    }

    .composer-action-row[b-384z8a39ug] {
        display: grid;
    }

    .composer-send-btn[b-384z8a39ug] {
        min-height: 3rem;
        width: 100%;
    }
}
/* /Pages/BuildingDefectReports.razor.rz.scp.css */
.defect-report-page[b-l86rvgmz05] {
    display: grid;
    gap: 18px;
}

.hero-panel[b-l86rvgmz05],
.panel-card[b-l86rvgmz05],
.list-panel[b-l86rvgmz05] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 22px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
}

.hero-panel[b-l86rvgmz05] {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 24px;
}

.hero-panel h1[b-l86rvgmz05],
.panel-head h2[b-l86rvgmz05] {
    color: var(--rm-copy);
    margin: 0;
}

.hero-panel p[b-l86rvgmz05],
.empty-note[b-l86rvgmz05] {
    color: var(--rm-copy-soft);
    margin: 6px 0 0;
}

.eyebrow[b-l86rvgmz05] {
    color: var(--rm-accent-2);
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.building-select[b-l86rvgmz05] {
    min-width: min(320px, 100%);
}

.content-grid[b-l86rvgmz05] {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(320px, .95fr) minmax(0, 1.05fr);
}

.building-select span[b-l86rvgmz05],
.record-card span[b-l86rvgmz05],
.record-card p[b-l86rvgmz05] {
    color: var(--rm-copy-soft);
}

.panel-card[b-l86rvgmz05],
.list-panel[b-l86rvgmz05] {
    padding: 20px;
}

.form-grid[b-l86rvgmz05] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid .wide[b-l86rvgmz05] {
    grid-column: 1 / -1;
}

.form-grid label[b-l86rvgmz05] {
    color: var(--rm-copy-soft);
    display: grid;
    font-size: .9rem;
    font-weight: 700;
    gap: 7px;
}

.panel-head[b-l86rvgmz05] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.record-list[b-l86rvgmz05] {
    display: grid;
    gap: 12px;
}

.record-card[b-l86rvgmz05] {
    align-items: flex-start;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    display: grid;
    gap: 14px;
    padding: 14px;
}

.record-card.ok[b-l86rvgmz05] {
    border-color: color-mix(in srgb, #16a34a 55%, var(--rm-line));
}

.record-card.problem[b-l86rvgmz05] {
    border-color: color-mix(in srgb, #dc2626 60%, var(--rm-line));
}

.record-card.warning[b-l86rvgmz05] {
    border-color: color-mix(in srgb, #d97706 58%, var(--rm-line));
}

.record-card.muted[b-l86rvgmz05] {
    border-color: color-mix(in srgb, var(--rm-copy-muted) 50%, var(--rm-line));
}

.record-card strong[b-l86rvgmz05] {
    color: var(--rm-copy);
    display: block;
}

.record-card p[b-l86rvgmz05] {
    margin: 8px 0 0;
}

.record-main[b-l86rvgmz05] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.record-actions[b-l86rvgmz05] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.inline-editor[b-l86rvgmz05] {
    border-top: 1px solid var(--rm-line);
    margin-top: 4px;
    padding-top: 14px;
}

.status-chip[b-l86rvgmz05] {
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
    padding: 6px 10px;
    white-space: nowrap;
}

.status-chip.ok[b-l86rvgmz05] {
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.status-chip.problem[b-l86rvgmz05] {
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.status-chip.warning[b-l86rvgmz05] {
    background: color-mix(in srgb, var(--rm-warning-soft) 84%, transparent);
    color: var(--rm-warning);
}

.status-chip.muted[b-l86rvgmz05] {
    background: var(--rm-surface-3);
    color: var(--rm-copy-muted);
}

.footer-actions[b-l86rvgmz05] {
    margin-top: 16px;
}

@media (max-width: 1100px) {
    .hero-panel[b-l86rvgmz05] {
        align-items: stretch;
        flex-direction: column;
    }

    .content-grid[b-l86rvgmz05] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .record-main[b-l86rvgmz05] {
        flex-direction: column;
    }

    .form-grid[b-l86rvgmz05] {
        grid-template-columns: 1fr;
    }

    .record-actions[b-l86rvgmz05] {
        justify-content: flex-start;
    }
}
/* /Pages/BuildingLocations.razor.rz.scp.css */
.building-locations-page[b-r4aw3incdj] {
    display: grid;
    gap: 1.25rem;
}

.setup-hero[b-r4aw3incdj],
.setup-panel[b-r4aw3incdj] {
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: linear-gradient(145deg, var(--rm-card), var(--rm-card-deep));
    box-shadow: var(--rm-shadow);
    color: var(--rm-copy);
}

.setup-hero[b-r4aw3incdj] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem;
}

.setup-hero h1[b-r4aw3incdj],
.setup-panel h2[b-r4aw3incdj] {
    margin: 0;
    color: var(--rm-copy);
}

.setup-hero p[b-r4aw3incdj] {
    max-width: 780px;
    margin: 0.55rem 0 0;
    color: var(--rm-copy-muted);
}

.eyebrow[b-r4aw3incdj] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--rm-accent);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.setup-stats[b-r4aw3incdj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(90px, 1fr));
    gap: 0.75rem;
    min-width: min(420px, 100%);
}

.setup-stats div[b-r4aw3incdj],
.empty-card[b-r4aw3incdj] {
    border: 1px solid var(--rm-border);
    border-radius: 18px;
    background: color-mix(in srgb, var(--rm-surface-2) 72%, transparent);
    padding: 1rem;
}

.setup-stats strong[b-r4aw3incdj] {
    display: block;
    color: var(--rm-copy);
    font-size: 1.55rem;
}

.setup-stats span[b-r4aw3incdj],
.empty-card[b-r4aw3incdj],
.mapping-row span[b-r4aw3incdj] {
    color: var(--rm-copy-muted);
}

.setup-panel[b-r4aw3incdj] {
    padding: 1.15rem;
}

.panel-head[b-r4aw3incdj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.toolbar-row[b-r4aw3incdj] {
    display: grid;
    grid-template-columns: minmax(220px, 0.7fr) minmax(220px, 0.8fr) auto;
    gap: 0.85rem;
    align-items: end;
    margin-bottom: 1rem;
}

.toolbar-row label[b-r4aw3incdj] {
    display: grid;
    gap: 0.4rem;
    color: var(--rm-copy-muted);
    font-weight: 750;
}

.selection-actions[b-r4aw3incdj],
.mapping-row[b-r4aw3incdj] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.selection-actions[b-r4aw3incdj] {
    justify-content: flex-end;
}

.location-wrap[b-r4aw3incdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 0.55rem;
}

.location-chip[b-r4aw3incdj] {
    min-height: 54px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.4rem 0.55rem;
    padding: 0.62rem 0.7rem;
    border: 1px solid var(--rm-border);
    border-radius: 16px;
    background: color-mix(in srgb, var(--rm-surface-2) 80%, transparent);
    color: var(--rm-copy);
    text-align: left;
    transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease;
}

.location-chip:hover[b-r4aw3incdj] {
    transform: translateY(-1px);
    border-color: var(--rm-line-strong);
}

.location-chip.selected[b-r4aw3incdj] {
    border-color: var(--rm-accent);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--rm-accent) 18%, transparent), color-mix(in srgb, var(--rm-surface-2) 86%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rm-accent) 28%, transparent);
}

.location-chip strong[b-r4aw3incdj] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
}

.location-chip small[b-r4aw3incdj] {
    grid-column: 2;
    color: var(--rm-copy-muted);
    font-size: 0.72rem;
    line-height: 1;
}

.check-dot[b-r4aw3incdj] {
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 999px;
    border: 1px solid var(--rm-line-strong);
    background: var(--rm-surface-3);
}

.location-chip.selected .check-dot[b-r4aw3incdj] {
    border-color: var(--rm-accent);
    background: var(--rm-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rm-accent) 18%, transparent);
}

.mapping-list[b-r4aw3incdj] {
    display: grid;
    gap: 0.75rem;
}

.mapping-list.compact[b-r4aw3incdj] {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 0.55rem;
}

.mapping-row[b-r4aw3incdj] {
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--rm-border);
    border-radius: 15px;
    background: color-mix(in srgb, var(--rm-surface-2) 78%, transparent);
}

.mapping-row strong[b-r4aw3incdj],
.mapping-row span[b-r4aw3incdj] {
    display: block;
}

.mapping-row strong[b-r4aw3incdj] {
    color: var(--rm-copy);
}

@media (max-width: 920px) {
    .toolbar-row[b-r4aw3incdj] {
        grid-template-columns: 1fr;
    }

    .setup-hero[b-r4aw3incdj],
    .panel-head[b-r4aw3incdj],
    .mapping-row[b-r4aw3incdj] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Pages/BuildingOwners.razor.rz.scp.css */
.reservation-page[b-44t0mnp8bb] {
    padding: 1rem;
}

.reservation-page .panel-card[b-44t0mnp8bb] {
    padding: 1rem;
    border-radius: 8px;
}

.owner-mode-tabs[b-44t0mnp8bb],
.owner-subtabs[b-44t0mnp8bb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 0.75rem;
}

.owner-workspace[b-44t0mnp8bb] {
    display: grid;
    gap: 1rem;
}

.owner-start-panel[b-44t0mnp8bb] {
    max-width: 58rem;
}

.owner-action-grid[b-44t0mnp8bb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.owner-action[b-44t0mnp8bb] {
    display: grid;
    gap: 0.35rem;
    min-height: 6.25rem;
    padding: 0.85rem;
    text-align: start;
    color: var(--rm-text);
    background: var(--rm-surface-muted);
    border: 1px solid var(--rm-border);
    border-radius: 8px;
}

.owner-action:hover[b-44t0mnp8bb] {
    border-color: var(--rm-accent);
}

.owner-action strong[b-44t0mnp8bb] {
    font-size: 0.95rem;
}

.owner-action span[b-44t0mnp8bb] {
    font-size: 0.78rem;
    color: var(--rm-muted);
}

.panel-head[b-44t0mnp8bb] {
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.panel-head h2[b-44t0mnp8bb],
.linked-panel h3[b-44t0mnp8bb] {
    font-size: 1rem;
    line-height: 1.2;
}

.form-grid[b-44t0mnp8bb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.form-grid label[b-44t0mnp8bb] {
    gap: 0.25rem;
}

.form-grid label span[b-44t0mnp8bb],
.mini-card span[b-44t0mnp8bb] {
    font-size: 0.78rem;
}

.form-control[b-44t0mnp8bb],
.form-select[b-44t0mnp8bb] {
    min-height: 2.1rem;
    padding-block: 0.35rem;
}

textarea.form-control[b-44t0mnp8bb] {
    min-height: 4.4rem;
}

.action-row[b-44t0mnp8bb] {
    margin-top: 0.65rem;
    gap: 0.5rem;
}

.linked-panel[b-44t0mnp8bb] {
    margin-top: 0.9rem;
    padding: 0.8rem;
    border-radius: 8px;
}

.linked-panel .form-grid[b-44t0mnp8bb] {
    margin-top: 0.65rem;
}

.card-list[b-44t0mnp8bb] {
    display: grid;
    gap: 0.5rem;
}

.card-list:not(.wide)[b-44t0mnp8bb] {
    max-height: 62vh;
    overflow: auto;
    padding-inline-end: 0.15rem;
}

.mini-card[b-44t0mnp8bb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.7rem 0.8rem;
    border-radius: 8px;
}

.mini-card strong[b-44t0mnp8bb] {
    font-size: 0.95rem;
}

.mini-actions[b-44t0mnp8bb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.mini-actions .btn[b-44t0mnp8bb],
.action-row .btn[b-44t0mnp8bb] {
    min-height: 1.9rem;
    padding-block: 0.25rem;
}

.compact-search[b-44t0mnp8bb] {
    max-width: 17rem;
}

@media (max-width: 1100px) {
    .owner-action-grid[b-44t0mnp8bb] {
        grid-template-columns: 1fr;
    }

    .card-list:not(.wide)[b-44t0mnp8bb] {
        max-height: none;
    }
}

@media (max-width: 720px) {
    .reservation-page[b-44t0mnp8bb] {
        padding: 0.75rem;
    }

    .form-grid[b-44t0mnp8bb],
    .mini-card[b-44t0mnp8bb] {
        grid-template-columns: 1fr;
    }

    .panel-head[b-44t0mnp8bb] {
        grid-template-columns: 1fr;
    }

    .compact-search[b-44t0mnp8bb] {
        max-width: none;
    }

    .mini-actions[b-44t0mnp8bb] {
        justify-content: flex-start;
    }
}
/* /Pages/BuildingParking.razor.rz.scp.css */
.parking-page[b-t3dw45jdg8] {
    display: grid;
    gap: 1rem;
}

.parking-hero[b-t3dw45jdg8] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    background: linear-gradient(135deg, var(--rm-card), var(--rm-card-deep));
    box-shadow: var(--rm-shadow);
}

.parking-hero.resident-hero[b-t3dw45jdg8] {
    align-items: flex-start;
    padding: 1.1rem 1.2rem;
}

.parking-hero h1[b-t3dw45jdg8],
.parking-panel h2[b-t3dw45jdg8] {
    margin: 0;
    color: var(--rm-text);
    font-size: 1.35rem;
}

.parking-hero p[b-t3dw45jdg8] {
    margin: .45rem 0 0;
    max-width: 62ch;
    color: var(--rm-muted-2);
}

.eyebrow[b-t3dw45jdg8] {
    display: block;
    margin-bottom: .3rem;
    color: var(--rm-mint);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.hero-chip[b-t3dw45jdg8],
.parking-summary-grid article[b-t3dw45jdg8] {
    display: grid;
    gap: .2rem;
    min-width: 9rem;
    padding: .75rem .9rem;
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    background: var(--rm-card-deep);
}

.hero-chip span[b-t3dw45jdg8],
.parking-summary-grid span[b-t3dw45jdg8],
.source-row small[b-t3dw45jdg8],
.spot-meta[b-t3dw45jdg8],
.resident-card-meta[b-t3dw45jdg8],
.crop-toolbar span[b-t3dw45jdg8],
.empty-note[b-t3dw45jdg8],
.file-note[b-t3dw45jdg8] {
    color: var(--rm-muted-2);
    font-size: .82rem;
}

.hero-chip strong[b-t3dw45jdg8],
.parking-summary-grid strong[b-t3dw45jdg8] {
    color: var(--rm-text);
}

.parking-summary-grid[b-t3dw45jdg8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.parking-summary-grid strong[b-t3dw45jdg8] {
    font-size: 1.5rem;
}

.parking-manager-grid[b-t3dw45jdg8] {
    display: grid;
    grid-template-columns: minmax(18rem, .85fr) minmax(22rem, 1.15fr);
    gap: 1rem;
    align-items: start;
}

.parking-panel[b-t3dw45jdg8] {
    padding: 1rem;
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    background: var(--rm-card);
    box-shadow: var(--rm-shadow);
}

.panel-head[b-t3dw45jdg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: 1rem;
}

.form-grid[b-t3dw45jdg8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.form-grid label[b-t3dw45jdg8] {
    display: grid;
    gap: .35rem;
}

.form-grid label span[b-t3dw45jdg8] {
    color: var(--rm-muted-2);
    font-size: .78rem;
    font-weight: 700;
}

.wide[b-t3dw45jdg8] {
    grid-column: 1 / -1;
}

.switch-line[b-t3dw45jdg8] {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    min-height: 2.4rem;
}

.action-row[b-t3dw45jdg8],
.mini-actions[b-t3dw45jdg8],
.crop-toolbar[b-t3dw45jdg8],
.resident-parking-toolbar[b-t3dw45jdg8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: .9rem;
}

.primary-btn[b-t3dw45jdg8],
.soft-btn[b-t3dw45jdg8] {
    border: 1px solid var(--rm-border-strong);
    border-radius: 8px;
    padding: .5rem .75rem;
    color: var(--rm-text);
    background: var(--rm-card-deep);
    font-weight: 800;
}

.primary-btn[b-t3dw45jdg8] {
    color: #101314;
    background: var(--rm-mint);
    border-color: var(--rm-mint);
}

.primary-btn:disabled[b-t3dw45jdg8],
.soft-btn:disabled[b-t3dw45jdg8] {
    opacity: .55;
}

.source-list[b-t3dw45jdg8] {
    display: grid;
    gap: .55rem;
    margin-top: 1rem;
}

.source-row[b-t3dw45jdg8],
.spot-card[b-t3dw45jdg8] {
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    background: var(--rm-card-deep);
    color: var(--rm-text);
}

.source-row[b-t3dw45jdg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .75rem;
    text-align: left;
}

.source-row span[b-t3dw45jdg8] {
    display: grid;
    gap: .2rem;
}

.source-row em[b-t3dw45jdg8] {
    color: var(--rm-mint);
    font-size: .75rem;
    font-style: normal;
}

.source-row.selected[b-t3dw45jdg8],
.spot-card.selected[b-t3dw45jdg8] {
    border-color: var(--rm-mint);
    box-shadow: 0 0 0 3px rgba(169, 231, 222, .14);
}

.crop-canvas[b-t3dw45jdg8] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 18rem;
    margin-top: .9rem;
    overflow: hidden;
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    background: var(--rm-card-deep);
    cursor: crosshair;
}

.crop-canvas img[b-t3dw45jdg8] {
    display: block;
    width: 100%;
    max-height: 32rem;
    object-fit: contain;
    user-select: none;
}

.crop-box[b-t3dw45jdg8] {
    position: absolute;
    border: 2px solid var(--rm-mint);
    background: rgba(169, 231, 222, .12);
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .28);
    pointer-events: none;
}

.crop-placeholder[b-t3dw45jdg8],
.resident-image-placeholder[b-t3dw45jdg8] {
    display: grid;
    place-items: center;
    min-height: 12rem;
    padding: 1rem;
    color: var(--rm-muted-2);
    text-align: center;
}

.spot-grid[b-t3dw45jdg8],
.resident-parking-grid[b-t3dw45jdg8] {
    display: grid;
    gap: .8rem;
}

.spot-overview-panel[b-t3dw45jdg8] {
    max-height: 30rem;
    overflow: hidden;
}

.spot-overview-panel .spot-grid[b-t3dw45jdg8] {
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    max-height: 23rem;
    overflow: auto;
    padding-right: .25rem;
}

.resident-parking-grid[b-t3dw45jdg8] {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.spot-card[b-t3dw45jdg8] {
    display: grid;
    gap: .55rem;
    padding: .7rem;
}

.spot-card.muted[b-t3dw45jdg8],
.source-row:not(.selected):has(em)[b-t3dw45jdg8] {
    opacity: .82;
}

.spot-card strong[b-t3dw45jdg8],
.resident-card-head strong[b-t3dw45jdg8] {
    display: block;
    color: var(--rm-text);
    font-size: 1.05rem;
}

.spot-card-head[b-t3dw45jdg8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.spot-card small[b-t3dw45jdg8] {
    color: var(--rm-muted-2);
}

.spot-meta[b-t3dw45jdg8] {
    display: grid;
    gap: .18rem;
}

.spot-badge[b-t3dw45jdg8] {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: .18rem .45rem;
    color: var(--rm-muted-2);
    background: var(--rm-surface-2);
    font-size: .68rem;
    font-weight: 800;
}

.spot-badge.active[b-t3dw45jdg8] {
    color: #101314;
    background: var(--rm-mint);
}

.resident-parking-toolbar[b-t3dw45jdg8] {
    justify-content: space-between;
    margin-top: 0;
    padding: .75rem 1rem;
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    background: var(--rm-card);
}

.resident-parking-title[b-t3dw45jdg8] {
    display: grid;
    gap: .12rem;
}

.resident-parking-title strong[b-t3dw45jdg8] {
    color: var(--rm-text);
    font-size: 1rem;
}

.resident-parking-empty[b-t3dw45jdg8] {
    display: grid;
    gap: .8rem;
    justify-items: start;
}

.resident-parking-empty p[b-t3dw45jdg8] {
    color: var(--rm-muted-2);
    margin: 0;
}

.resident-parking-card[b-t3dw45jdg8] {
    display: grid;
    gap: .8rem;
    overflow: hidden;
    padding: .85rem;
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    background: var(--rm-card);
    box-shadow: var(--rm-shadow);
}

.resident-parking-card.empty[b-t3dw45jdg8] {
    border-style: dashed;
    background: linear-gradient(135deg, var(--rm-card), var(--rm-card-deep));
}

.resident-parking-card.configured[b-t3dw45jdg8] {
    border-color: var(--rm-border-strong);
}

.resident-card-head[b-t3dw45jdg8],
.resident-card-meta[b-t3dw45jdg8] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.resident-card-head[b-t3dw45jdg8] {
    align-items: flex-start;
}

.resident-card-head span[b-t3dw45jdg8] {
    color: var(--rm-muted-2);
    font-size: .78rem;
}

.resident-card-head em[b-t3dw45jdg8],
.resident-status-badge[b-t3dw45jdg8] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-mint) 16%, var(--rm-card-deep));
    border: 1px solid color-mix(in srgb, var(--rm-mint) 32%, var(--rm-border));
    border-radius: 999px;
    color: var(--rm-mint);
    display: inline-flex;
    font-size: .78rem;
    font-style: normal;
    font-weight: 800;
    min-height: 1.8rem;
    padding: .22rem .6rem;
    white-space: nowrap;
}

.resident-image-button[b-t3dw45jdg8] {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: zoom-in;
}

.resident-image-button:focus-visible[b-t3dw45jdg8],
.parking-rules-link:focus-visible[b-t3dw45jdg8] {
    outline: 3px solid color-mix(in srgb, var(--rm-mint) 42%, transparent);
    outline-offset: 2px;
}

.resident-parking-card img[b-t3dw45jdg8],
.parking-preview-dialog img[b-t3dw45jdg8] {
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--rm-border);
    background: var(--rm-card-deep);
}

.resident-parking-card img[b-t3dw45jdg8] {
    aspect-ratio: 16 / 10;
}

.resident-image-placeholder[b-t3dw45jdg8] {
    border: 1px dashed var(--rm-border);
    border-radius: 8px;
    min-height: 11rem;
}

.resident-image-placeholder.loading[b-t3dw45jdg8] {
    color: var(--rm-mint);
    background:
        linear-gradient(90deg, transparent, rgba(169, 231, 222, .08), transparent),
        var(--rm-card-deep);
    background-size: 200% 100%;
    animation: parking-loading-b-t3dw45jdg8 1.4s linear infinite;
}

.parking-preview-overlay[b-t3dw45jdg8] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, .72);
}

.parking-preview-dialog[b-t3dw45jdg8] {
    display: grid;
    gap: .9rem;
    width: min(68rem, 96vw);
    max-height: 92vh;
    padding: 1rem;
    border: 1px solid var(--rm-border-strong);
    border-radius: 8px;
    background: var(--rm-card);
    box-shadow: var(--rm-shadow);
}

.parking-preview-dialog .soft-btn[b-t3dw45jdg8] {
    min-height: 2.4rem;
}

.parking-preview-head[b-t3dw45jdg8],
.parking-preview-meta[b-t3dw45jdg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    flex-wrap: wrap;
}

.parking-preview-head span[b-t3dw45jdg8],
.parking-preview-meta[b-t3dw45jdg8] {
    color: var(--rm-muted-2);
    font-size: .82rem;
}

.parking-preview-head strong[b-t3dw45jdg8] {
    display: block;
    color: var(--rm-text);
    font-size: 1.15rem;
}

.parking-preview-dialog img[b-t3dw45jdg8] {
    max-height: 72vh;
    object-fit: contain;
}

@keyframes parking-loading-b-t3dw45jdg8 {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

@media (max-width: 900px) {
    .parking-page[b-t3dw45jdg8] {
        gap: .75rem;
    }

    .parking-hero[b-t3dw45jdg8],
    .panel-head[b-t3dw45jdg8],
    .resident-card-head[b-t3dw45jdg8],
    .resident-card-meta[b-t3dw45jdg8],
    .parking-preview-head[b-t3dw45jdg8],
    .parking-preview-meta[b-t3dw45jdg8] {
        align-items: stretch;
        flex-direction: column;
    }

    .parking-manager-grid[b-t3dw45jdg8],
    .parking-summary-grid[b-t3dw45jdg8],
    .form-grid[b-t3dw45jdg8] {
        grid-template-columns: 1fr;
    }

    .wide[b-t3dw45jdg8] {
        grid-column: auto;
    }

    .resident-parking-toolbar[b-t3dw45jdg8] {
        align-items: stretch;
        border-radius: 10px;
        flex-direction: column;
        gap: .7rem;
        padding: .85rem;
    }

    .resident-parking-grid[b-t3dw45jdg8] {
        grid-template-columns: 1fr;
        gap: .75rem;
    }

    .resident-parking-card[b-t3dw45jdg8] {
        border-radius: 10px;
        gap: .7rem;
        padding: .75rem;
    }

    .resident-card-head[b-t3dw45jdg8] {
        gap: .45rem;
    }

    .resident-card-meta[b-t3dw45jdg8] {
        background: color-mix(in srgb, var(--rm-card-deep) 70%, transparent);
        border: 1px solid color-mix(in srgb, var(--rm-border) 75%, transparent);
        border-radius: 8px;
        gap: .25rem;
        padding: .65rem;
    }

    .resident-parking-card img[b-t3dw45jdg8] {
        aspect-ratio: 4 / 3;
    }

    .resident-image-placeholder[b-t3dw45jdg8] {
        min-height: 12rem;
    }

    .parking-preview-overlay[b-t3dw45jdg8] {
        padding: 0;
    }

    .parking-preview-dialog[b-t3dw45jdg8] {
        border-radius: 0;
        height: 100dvh;
        max-height: none;
        width: 100vw;
    }

    .parking-preview-dialog img[b-t3dw45jdg8] {
        max-height: 72dvh;
    }

    .parking-rules-link[b-t3dw45jdg8] {
        justify-content: center;
        min-height: 2.8rem;
        width: 100%;
    }
}

.parking-rules-link[b-t3dw45jdg8] {
    align-items: center;
    background: var(--rm-surface-3, rgba(169, 231, 222, 0.12));
    border: 1px solid var(--rm-line-strong, rgba(169, 231, 222, 0.22));
    border-radius: 10px;
    color: var(--rm-accent, #a9e7de);
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 800;
    min-height: 2.35rem;
    cursor: pointer;
    font: inherit;
    padding: 0 0.8rem;
    text-decoration: none;
    white-space: nowrap;
}

.parking-zone-frame[b-t3dw45jdg8] {
    display: block;
    position: relative;
    width: 100%;
}

.parking-zone-frame img[b-t3dw45jdg8] {
    display: block;
    width: 100%;
}

.parking-zone-overlay[b-t3dw45jdg8] {
    height: 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
}

.parking-zone-line[b-t3dw45jdg8],
.parking-zone-polygon[b-t3dw45jdg8] {
    fill: none;
    stroke: var(--rm-mint);
    stroke-linejoin: round;
    stroke-width: 3px;
    vector-effect: non-scaling-stroke;
}

.parking-zone-polygon[b-t3dw45jdg8] {
    fill: rgba(169, 231, 222, .14);
}

.parking-zone-point[b-t3dw45jdg8] {
    fill: var(--rm-mint);
    stroke: #101314;
    stroke-width: 2px;
    vector-effect: non-scaling-stroke;
}
/* /Pages/BuildingResidents.razor.rz.scp.css */
.reservation-page[b-op5yn74zmg] {
    padding: 1rem;
}

.reservation-page .panel-card[b-op5yn74zmg] {
    padding: 1rem;
    border-radius: 8px;
}

.reservation-grid.two[b-op5yn74zmg] {
    display: grid;
    grid-template-columns: minmax(360px, 0.85fr) minmax(420px, 1.15fr);
    gap: 1rem;
    align-items: start;
}

.resident-mode-tabs[b-op5yn74zmg],
.resident-subtabs[b-op5yn74zmg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 0.75rem;
}

.resident-workspace[b-op5yn74zmg] {
    display: grid;
    gap: 1rem;
}

.resident-start-panel[b-op5yn74zmg] {
    max-width: 58rem;
}

.resident-action-grid[b-op5yn74zmg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.resident-action[b-op5yn74zmg] {
    display: grid;
    gap: 0.35rem;
    min-height: 6.25rem;
    padding: 0.85rem;
    text-align: start;
    color: var(--rm-text);
    background: var(--rm-surface-muted);
    border: 1px solid var(--rm-border);
    border-radius: 8px;
}

.resident-action:hover[b-op5yn74zmg] {
    border-color: var(--rm-accent);
}

.resident-action strong[b-op5yn74zmg] {
    font-size: 0.95rem;
}

.resident-action span[b-op5yn74zmg] {
    font-size: 0.78rem;
    color: var(--rm-muted);
}

.panel-head[b-op5yn74zmg] {
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.panel-head h2[b-op5yn74zmg],
.linked-panel h3[b-op5yn74zmg] {
    font-size: 1rem;
    line-height: 1.2;
}

.form-grid[b-op5yn74zmg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.form-grid.compact[b-op5yn74zmg] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-grid label[b-op5yn74zmg] {
    gap: 0.25rem;
}

.form-grid label span[b-op5yn74zmg],
.mini-card span[b-op5yn74zmg] {
    font-size: 0.78rem;
}

.form-control[b-op5yn74zmg],
.form-select[b-op5yn74zmg] {
    min-height: 2.1rem;
    padding-block: 0.35rem;
}

textarea.form-control[b-op5yn74zmg] {
    min-height: 4.4rem;
}

.action-row[b-op5yn74zmg] {
    margin-top: 0.65rem;
    gap: 0.5rem;
}

.linked-panel[b-op5yn74zmg] {
    margin-top: 0.9rem;
    padding: 0.8rem;
    border-radius: 8px;
}

.linked-panel .form-grid[b-op5yn74zmg] {
    margin-top: 0.65rem;
}

.card-list[b-op5yn74zmg] {
    display: grid;
    gap: 0.5rem;
}

.card-list:not(.wide)[b-op5yn74zmg] {
    max-height: 62vh;
    overflow: auto;
    padding-inline-end: 0.15rem;
}

.mini-card[b-op5yn74zmg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.7rem 0.8rem;
    border-radius: 8px;
}

.mini-card strong[b-op5yn74zmg] {
    font-size: 0.95rem;
}

.mini-actions[b-op5yn74zmg] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.mini-actions .btn[b-op5yn74zmg],
.action-row .btn[b-op5yn74zmg] {
    min-height: 1.9rem;
    padding-block: 0.25rem;
}

.compact-search[b-op5yn74zmg] {
    max-width: 17rem;
}

.resident-pager[b-op5yn74zmg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
    font-size: 0.82rem;
    color: var(--rm-muted);
}

.resident-pager > div[b-op5yn74zmg] {
    display: flex;
    gap: 0.4rem;
}

@media (max-width: 1100px) {
    .reservation-grid.two[b-op5yn74zmg] {
        grid-template-columns: 1fr;
    }

    .resident-action-grid[b-op5yn74zmg] {
        grid-template-columns: 1fr;
    }

    .card-list:not(.wide)[b-op5yn74zmg] {
        max-height: none;
    }
}

@media (max-width: 720px) {
    .reservation-page[b-op5yn74zmg] {
        padding: 0.75rem;
    }

    .form-grid[b-op5yn74zmg],
    .form-grid.compact[b-op5yn74zmg] {
        grid-template-columns: 1fr;
    }

    .panel-head[b-op5yn74zmg],
    .resident-pager[b-op5yn74zmg],
    .mini-card[b-op5yn74zmg] {
        grid-template-columns: 1fr;
    }

    .compact-search[b-op5yn74zmg] {
        max-width: none;
    }

    .mini-actions[b-op5yn74zmg] {
        justify-content: flex-start;
    }
}
/* /Pages/BuildingRules.razor.rz.scp.css */
.rules-page[b-ueha81wmv9] {
    display: grid;
    gap: 1.25rem;
}

.rules-hero[b-ueha81wmv9],
.panel-card[b-ueha81wmv9],
.list-panel[b-ueha81wmv9] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 8px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
}

.rules-hero[b-ueha81wmv9] {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    padding: 1.5rem 1.6rem;
}

.rules-hero.resident-hero[b-ueha81wmv9] {
    padding: 1.35rem 1.6rem;
}

.rules-hero h1[b-ueha81wmv9],
.panel-head h2[b-ueha81wmv9],
.rule-group h3[b-ueha81wmv9] {
    color: var(--rm-copy);
    letter-spacing: 0;
    margin: 0;
}

.rules-hero h1[b-ueha81wmv9] {
    font-size: clamp(1.45rem, 2.4vw, 2.05rem);
    font-weight: 950;
}

.rules-hero p[b-ueha81wmv9],
.panel-head p[b-ueha81wmv9],
.empty-note[b-ueha81wmv9] {
    color: var(--rm-copy-muted);
    line-height: 1.7;
    margin: .45rem 0 0;
    max-width: 58rem;
}

.eyebrow[b-ueha81wmv9] {
    color: var(--rm-accent-2);
    display: inline-block;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    margin-bottom: .45rem;
    text-transform: uppercase;
}

.hero-chip[b-ueha81wmv9] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 12px;
    display: grid;
    flex: 0 0 min(320px, 100%);
    gap: .25rem;
    padding: .9rem 1rem;
}

.hero-chip span[b-ueha81wmv9],
.rule-meta[b-ueha81wmv9],
.pdf-link small[b-ueha81wmv9],
.file-pill small[b-ueha81wmv9] {
    color: var(--rm-copy-soft);
}

.panel-card[b-ueha81wmv9],
.list-panel[b-ueha81wmv9] {
    padding: 1.45rem;
}

.panel-head[b-ueha81wmv9] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.15rem;
}

.list-panel > .panel-head[b-ueha81wmv9] {
    border-bottom: 1px solid var(--rm-line);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.action-row[b-ueha81wmv9],
.rule-actions[b-ueha81wmv9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.form-grid[b-ueha81wmv9] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid .wide[b-ueha81wmv9] {
    grid-column: 1 / -1;
}

.form-grid label[b-ueha81wmv9] {
    color: var(--rm-copy-soft);
    display: grid;
    font-size: .9rem;
    font-weight: 750;
    gap: .45rem;
}

.toggle-line[b-ueha81wmv9] {
    align-items: center;
    display: flex !important;
    gap: .65rem;
    min-height: 2.5rem;
}

.toggle-line input[b-ueha81wmv9],
.remove-file-toggle input[b-ueha81wmv9] {
    accent-color: var(--rm-accent);
}

.file-pill[b-ueha81wmv9] {
    align-items: center;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    min-height: 2.5rem;
    padding: .6rem .7rem;
}

.remove-file-toggle[b-ueha81wmv9] {
    align-items: center;
    display: inline-flex !important;
    gap: .45rem;
}

.rules-filter-row[b-ueha81wmv9] {
    display: none;
}

.rules-category-bar[b-ueha81wmv9] {
    align-items: center;
    border-bottom: 1px solid var(--rm-line);
    display: flex;
    gap: .55rem;
    margin: 0 0 1.25rem;
    overflow-x: auto;
    padding: .1rem .1rem 1rem;
}

.resident-category-bar[b-ueha81wmv9] {
    background: color-mix(in srgb, var(--rm-surface) 88%, transparent);
    border: 1px solid var(--rm-line);
    border-radius: 12px;
    margin-bottom: 1rem;
    padding: .45rem;
}

.category-filter[b-ueha81wmv9] {
    align-items: center;
    background: var(--rm-surface-2) !important;
    border: 1px solid var(--rm-line) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: var(--rm-copy-soft) !important;
    display: inline-flex;
    flex: 0 0 auto;
    gap: .55rem;
    min-height: 2.55rem;
    padding: .52rem .8rem;
}

.category-filter span[b-ueha81wmv9] {
    font-size: .86rem;
    font-weight: 850;
    white-space: nowrap;
}

.category-filter small[b-ueha81wmv9] {
    align-items: center;
    background: var(--rm-surface-3);
    border-radius: 999px;
    color: var(--rm-copy-muted);
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    justify-content: center;
    min-width: 1.45rem;
    padding: .1rem .35rem;
}

.category-filter.active[b-ueha81wmv9] {
    background: color-mix(in srgb, var(--rm-accent) 17%, var(--rm-surface-2)) !important;
    border-color: color-mix(in srgb, var(--rm-accent) 42%, var(--rm-line)) !important;
    color: var(--rm-copy) !important;
}

.category-filter.active small[b-ueha81wmv9] {
    background: color-mix(in srgb, var(--rm-accent) 22%, var(--rm-surface-3));
    color: var(--rm-accent-2);
}

.rule-group-list[b-ueha81wmv9] {
    display: grid;
    gap: 1.45rem;
}

.rule-group[b-ueha81wmv9] {
    display: grid;
    gap: .8rem;
}

.rule-group + .rule-group[b-ueha81wmv9] {
    border-top: 1px solid var(--rm-line);
    padding-top: 1.25rem;
}

.rule-group-head[b-ueha81wmv9] {
    align-items: center;
    display: flex;
    gap: .8rem;
    padding-inline: .15rem;
}

.rule-group-head h3[b-ueha81wmv9] {
    font-size: 1.04rem;
    font-weight: 950;
    line-height: 1.25;
}

.rule-group-head span[b-ueha81wmv9] {
    color: var(--rm-copy-muted);
    font-size: .8rem;
    font-weight: 800;
}

.rule-list[b-ueha81wmv9] {
    display: grid;
    gap: .8rem;
}

.rule-card[b-ueha81wmv9] {
    background: color-mix(in srgb, var(--rm-surface-2) 88%, var(--rm-surface));
    border: 1px solid var(--rm-line);
    border-inline-start: 3px solid color-mix(in srgb, var(--rm-accent) 48%, var(--rm-line));
    border-radius: 6px;
    display: grid;
    padding: 1.2rem 1.3rem;
}

.resident-rule-card[b-ueha81wmv9] {
    border-radius: 8px;
    padding: 1rem;
}

.rule-card.inactive[b-ueha81wmv9] {
    opacity: .7;
}

.rule-card.expanded[b-ueha81wmv9] {
    background: color-mix(in srgb, var(--rm-surface-2) 94%, var(--rm-surface));
}

.rule-main[b-ueha81wmv9] {
    align-items: flex-start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.rule-toggle[b-ueha81wmv9] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--rm-copy) !important;
    cursor: pointer;
    display: grid;
    gap: .8rem;
    min-width: 0;
    padding: .05rem 0;
    text-align: start;
    width: 100%;
}

.rule-title-row[b-ueha81wmv9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.rule-title-row strong[b-ueha81wmv9] {
    color: var(--rm-copy);
    flex: 1 1 16rem;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.45;
    min-width: 0;
}

.rule-title-row > .bi[b-ueha81wmv9] {
    color: var(--rm-copy-muted);
    display: inline-flex;
    height: 1rem;
    margin-inline-start: auto;
    width: 1rem;
}

.rule-title-row > .bi[b-ueha81wmv9]::before {
    border-block-end: 2px solid currentColor;
    border-inline-end: 2px solid currentColor;
    content: "";
    height: .45rem;
    width: .45rem;
}

.rule-title-row > .bi-chevron-down[b-ueha81wmv9]::before {
    transform: rotate(45deg);
}

.rule-title-row > .bi-chevron-up[b-ueha81wmv9]::before {
    transform: rotate(225deg);
}

.rule-preview[b-ueha81wmv9] {
    color: var(--rm-copy-soft);
    display: block;
    font-size: .91rem;
    font-weight: 600;
    line-height: 1.7;
    max-width: 76rem;
    padding-inline-end: .25rem;
    overflow-wrap: anywhere;
}

.resident-rule-card .rule-preview[b-ueha81wmv9] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.rule-actions[b-ueha81wmv9] {
    justify-content: flex-end;
}

.rule-details[b-ueha81wmv9] {
    border-top: 1px solid var(--rm-line);
    display: grid;
    gap: 1.05rem;
    margin-top: 1.05rem;
    padding-top: 1.05rem;
}

.rule-meta[b-ueha81wmv9] {
    display: flex;
    flex-wrap: wrap;
    font-size: .82rem;
    gap: .5rem .85rem;
}

.rule-body[b-ueha81wmv9] {
    background: color-mix(in srgb, var(--rm-surface) 52%, transparent);
    border: 1px solid color-mix(in srgb, var(--rm-line) 78%, transparent);
    border-radius: 6px;
    color: var(--rm-copy);
    line-height: 1.9;
    margin: 0;
    max-width: 78rem;
    overflow-wrap: anywhere;
    padding: 1.1rem 1.2rem;
    white-space: pre-wrap;
}

.pdf-link[b-ueha81wmv9] {
    align-items: center;
    background: var(--rm-surface-3);
    border: 1px solid var(--rm-line);
    border-radius: 10px;
    color: var(--rm-copy);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    max-width: 36rem;
    padding: .8rem .9rem;
    text-decoration: none;
}

.resident-pdf-link[b-ueha81wmv9] {
    max-width: 100%;
    min-height: 3.25rem;
}

.pdf-link:hover[b-ueha81wmv9] {
    border-color: var(--rm-accent);
    color: var(--rm-copy);
}

.status-chip[b-ueha81wmv9] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 900;
    min-height: 1.7rem;
    padding: .28rem .62rem;
    white-space: nowrap;
}

.status-chip.info[b-ueha81wmv9],
.seen-count[b-ueha81wmv9] {
    background: color-mix(in srgb, var(--rm-accent-soft) 80%, transparent);
    color: var(--rm-accent-2);
}

.status-chip.muted[b-ueha81wmv9] {
    background: var(--rm-surface-3);
    color: var(--rm-copy-muted);
}

.status-chip.file[b-ueha81wmv9] {
    background: color-mix(in srgb, var(--rm-warning-soft, #f59e0b) 42%, transparent);
    color: var(--rm-warning, #f59e0b);
}

@media (max-width: 1100px) {
    .rules-hero[b-ueha81wmv9] {
        flex-direction: column;
    }

    .hero-chip[b-ueha81wmv9] {
        flex-basis: auto;
    }
}

@media (max-width: 760px) {
    .rules-page[b-ueha81wmv9] {
        gap: .85rem;
    }

    .rules-hero[b-ueha81wmv9],
    .panel-card[b-ueha81wmv9],
    .list-panel[b-ueha81wmv9] {
        border-radius: 12px;
        padding: 1rem;
    }

    .resident-rules-panel[b-ueha81wmv9] {
        padding: .85rem;
    }

    .list-panel > .panel-head[b-ueha81wmv9] {
        margin-bottom: .75rem;
        padding-bottom: .75rem;
    }

    .panel-head[b-ueha81wmv9] {
        flex-direction: column;
    }

    .resident-category-bar[b-ueha81wmv9] {
        border-radius: 10px;
        gap: .4rem;
        margin-inline: -.15rem;
        position: sticky;
        top: .5rem;
        z-index: 2;
    }

    .resident-category-bar .category-filter[b-ueha81wmv9] {
        border-radius: 10px !important;
        flex-direction: column;
        gap: .18rem;
        justify-content: center;
        min-height: 3.1rem;
        min-width: 5.7rem;
        padding: .45rem .6rem;
        text-align: center;
    }

    .resident-category-bar .category-filter span[b-ueha81wmv9] {
        font-size: .78rem;
        line-height: 1.2;
        max-width: 5.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .form-grid[b-ueha81wmv9],
    .rule-main[b-ueha81wmv9] {
        grid-template-columns: 1fr;
    }

    .rule-group-list[b-ueha81wmv9] {
        gap: 1rem;
    }

    .rule-group[b-ueha81wmv9] {
        gap: .65rem;
    }

    .rule-card[b-ueha81wmv9],
    .resident-rule-card[b-ueha81wmv9] {
        border-radius: 8px;
        padding: .95rem;
    }

    .resident-rule-card .rule-main[b-ueha81wmv9] {
        gap: .65rem;
    }

    .resident-rule-card .rule-toggle[b-ueha81wmv9] {
        gap: .65rem;
        min-height: 3rem;
    }

    .resident-rule-card .rule-title-row[b-ueha81wmv9] {
        align-items: flex-start;
        gap: .45rem;
    }

    .resident-rule-card .rule-title-row strong[b-ueha81wmv9] {
        flex-basis: 100%;
        font-size: .98rem;
        line-height: 1.45;
    }

    .rule-preview[b-ueha81wmv9] {
        padding-inline-start: 0;
    }

    .rule-details[b-ueha81wmv9] {
        gap: .85rem;
        margin-top: .85rem;
        padding-top: .85rem;
    }

    .rule-body[b-ueha81wmv9] {
        border-radius: 8px;
        line-height: 1.8;
        padding: .9rem;
    }

    .resident-pdf-link[b-ueha81wmv9] {
        align-items: flex-start;
        flex-direction: column;
        gap: .2rem;
        padding: .85rem;
        width: 100%;
    }

    .rule-actions[b-ueha81wmv9] {
        justify-content: flex-start;
    }

    .rule-actions .btn[b-ueha81wmv9] {
        flex: 1 1 0;
    }
}
/* /Pages/Buildings.razor.rz.scp.css */
.buildings-page[b-l2qy92o649] {
    display: grid;
    gap: 18px;
}

.hero-panel[b-l2qy92o649],
.panel[b-l2qy92o649] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 22px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
}

.hero-panel[b-l2qy92o649] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 24px;
}

.hero-panel h1[b-l2qy92o649],
.panel-head h3[b-l2qy92o649] {
    margin: 0;
    color: var(--rm-copy);
}

.hero-panel p[b-l2qy92o649],
.state-note[b-l2qy92o649] {
    color: var(--rm-copy-soft);
    margin: 6px 0 0;
}

.eyebrow[b-l2qy92o649] {
    color: var(--rm-accent-2);
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.hero-badges[b-l2qy92o649] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.hero-badge[b-l2qy92o649] {
    min-width: 128px;
    padding: 14px 16px;
    border-radius: 18px;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
}

.hero-badge span[b-l2qy92o649] {
    color: var(--rm-copy-muted);
    display: block;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.hero-badge strong[b-l2qy92o649] {
    color: var(--rm-copy);
    font-size: 1rem;
}

.page-grid[b-l2qy92o649] {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(320px, .88fr) minmax(0, 1.12fr);
}

.panel[b-l2qy92o649] {
    padding: 20px;
}

.panel-head[b-l2qy92o649] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.form-grid[b-l2qy92o649] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid .full-width[b-l2qy92o649] {
    grid-column: 1 / -1;
}

label[b-l2qy92o649] {
    color: var(--rm-copy-soft);
    display: grid;
    gap: 7px;
    font-size: .9rem;
    font-weight: 700;
}

.form-control[b-l2qy92o649],
.form-select[b-l2qy92o649] {
    background: var(--rm-input);
    border-color: var(--rm-input-border);
    color: var(--rm-copy);
}

.form-control:focus[b-l2qy92o649],
.form-select:focus[b-l2qy92o649] {
    background: var(--rm-input);
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--rm-accent) 22%, transparent);
    color: var(--rm-copy);
}

.checkbox-field[b-l2qy92o649] {
    align-items: center;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    display: flex !important;
    gap: 10px !important;
    min-height: 52px;
    padding: 12px 14px;
}

.checkbox-field input[b-l2qy92o649] {
    accent-color: var(--rm-accent);
}

.button-row[b-l2qy92o649],
.toolbar[b-l2qy92o649] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.button-row[b-l2qy92o649] {
    margin-top: 16px;
}

.toolbar[b-l2qy92o649] {
    margin-bottom: 16px;
}

.upload-wrap[b-l2qy92o649] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.upload-button[b-l2qy92o649] {
    align-items: center;
    background: linear-gradient(135deg, var(--rm-accent), var(--rm-accent-2));
    border-radius: 999px;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18);
    color: var(--rm-accent-on);
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.5rem 1rem;
}

.upload-input[b-l2qy92o649] {
    display: none;
}

.upload-hint[b-l2qy92o649] {
    color: var(--rm-copy-muted);
    font-size: .92rem;
}

.logo-preview-wrap[b-l2qy92o649] {
    margin-top: 4px;
    display: flex;
    justify-content: center;
}

.logo-preview[b-l2qy92o649] {
    max-width: 100%;
    max-height: 160px;
    border-radius: 18px;
    border: 1px solid var(--rm-line);
    background: var(--rm-surface-3);
    padding: 10px;
    object-fit: contain;
}

.table-responsive[b-l2qy92o649] {
    overflow: auto;
}

.building-table[b-l2qy92o649] {
    margin-bottom: 0;
    color: var(--rm-copy);
}

.building-table thead th[b-l2qy92o649] {
    border-bottom-color: var(--rm-line);
    color: var(--rm-copy-soft);
    font-size: .8rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.building-table tbody td[b-l2qy92o649] {
    border-top-color: var(--rm-line);
    vertical-align: middle;
}

.table-logo[b-l2qy92o649] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 12px;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    padding: 4px;
}

.building-name[b-l2qy92o649] {
    font-weight: 800;
}

.token-cell[b-l2qy92o649] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .88rem;
    color: var(--rm-copy-soft);
}

.status-pill[b-l2qy92o649] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    padding: 6px 10px;
    white-space: nowrap;
}

.status-pill.ok[b-l2qy92o649] {
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.status-pill.problem[b-l2qy92o649] {
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.action-cell[b-l2qy92o649] {
    vertical-align: middle;
}

.action-buttons[b-l2qy92o649] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.action-btn[b-l2qy92o649] {
    min-width: 5.5rem;
    border-radius: 999px;
    font-weight: 600;
}

.status-message[b-l2qy92o649] {
    margin-bottom: 14px;
    padding: 12px 14px;
    border-radius: 16px;
    background: var(--rm-surface-2);
    color: var(--rm-copy);
    border: 1px solid var(--rm-line);
}

.btn-primary[b-l2qy92o649] {
    background: var(--rm-accent);
    border-color: var(--rm-accent);
    color: var(--rm-accent-on);
}

.btn-outline-primary[b-l2qy92o649],
.btn-outline-secondary[b-l2qy92o649],
.btn-outline-danger[b-l2qy92o649] {
    background: var(--rm-surface-2);
}

@media (max-width: 1100px) {
    .page-grid[b-l2qy92o649],
    .hero-panel[b-l2qy92o649] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .hero-badges[b-l2qy92o649] {
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .form-grid[b-l2qy92o649] {
        grid-template-columns: 1fr;
    }

    .hero-panel[b-l2qy92o649] {
        padding: 20px;
    }

    .panel[b-l2qy92o649] {
        padding: 18px;
    }

    .action-buttons[b-l2qy92o649] {
        flex-wrap: wrap;
    }
}
/* /Pages/BuildingSections.razor.rz.scp.css */
.building-sections-page[b-nzj2kttygd] {
    display: grid;
    gap: 1rem;
}

.page-hero[b-nzj2kttygd],
.filter-panel[b-nzj2kttygd],
.editor-panel[b-nzj2kttygd],
.result-panel[b-nzj2kttygd],
.mapping-card[b-nzj2kttygd] {
    border: 1px solid var(--rm-border);
    background: linear-gradient(145deg, var(--rm-card), var(--rm-card-deep));
    box-shadow: var(--rm-shadow);
    color: var(--rm-copy);
}

.page-hero[b-nzj2kttygd] {
    border-radius: 24px;
    padding: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.eyebrow[b-nzj2kttygd] {
    color: var(--rm-copy-muted);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.page-hero h1[b-nzj2kttygd] {
    margin: 0.2rem 0;
    color: var(--rm-copy);
}

.page-hero p[b-nzj2kttygd],
.editor-title span[b-nzj2kttygd],
.result-head span[b-nzj2kttygd],
.mapping-card p[b-nzj2kttygd],
.meta-line[b-nzj2kttygd] {
    color: var(--rm-copy-muted);
}

.filter-panel[b-nzj2kttygd],
.editor-panel[b-nzj2kttygd],
.result-panel[b-nzj2kttygd] {
    border-radius: 22px;
    padding: 1rem;
}

.filter-panel[b-nzj2kttygd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.85rem;
    align-items: end;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--rm-surface) 72%, transparent), color-mix(in srgb, var(--rm-surface-3) 58%, transparent)),
        radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--rm-accent) 18%, transparent), transparent 34%),
        radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--rm-accent-2) 12%, transparent), transparent 30%);
    border-color: color-mix(in srgb, var(--rm-line-strong) 55%, transparent);
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(22px) saturate(1.18);
    -webkit-backdrop-filter: blur(22px) saturate(1.18);
}

label[b-nzj2kttygd],
.editor-title[b-nzj2kttygd] {
    display: grid;
    gap: 0.4rem;
}

label > span[b-nzj2kttygd],
.result-head label span[b-nzj2kttygd] {
    color: var(--rm-copy-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.filter-actions[b-nzj2kttygd] {
    display: flex;
    align-items: end;
}

.editor-panel[b-nzj2kttygd] {
    display: grid;
    gap: 1rem;
}

.editor-title[b-nzj2kttygd] {
    padding-bottom: 0.8rem;
    border-bottom: 1px solid var(--rm-border);
}

.editor-grid[b-nzj2kttygd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.85rem;
}

.switch-row[b-nzj2kttygd] {
    display: flex;
    align-items: end;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.check-pill[b-nzj2kttygd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 42px;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--rm-border);
    border-radius: 14px;
    background: var(--rm-surface-2);
}

.prompt-box[b-nzj2kttygd] {
    min-height: 150px;
    resize: vertical;
}

.action-row[b-nzj2kttygd],
.card-actions[b-nzj2kttygd],
.pager[b-nzj2kttygd],
.badges[b-nzj2kttygd] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.result-head[b-nzj2kttygd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.result-head label[b-nzj2kttygd] {
    min-width: 130px;
}

.mapping-grid[b-nzj2kttygd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.85rem;
}

.mapping-card[b-nzj2kttygd] {
    border-radius: 20px;
    padding: 1rem;
    display: grid;
    gap: 0.65rem;
    min-height: 250px;
    grid-template-rows: auto auto auto auto auto 1fr auto;
    position: relative;
    overflow: hidden;
}

.mapping-card[b-nzj2kttygd]::before {
    content: "";
    position: absolute;
    inset: 10px;
    border: 1px solid color-mix(in srgb, var(--rm-line) 78%, var(--rm-accent) 22%);
    border-radius: 16px;
    pointer-events: none;
}

.mapping-card[b-nzj2kttygd]::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--rm-accent), color-mix(in srgb, var(--rm-accent) 12%, transparent));
}

.mapping-card.disabled[b-nzj2kttygd] {
    opacity: 0.66;
}

.card-top[b-nzj2kttygd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.priority[b-nzj2kttygd],
.badge[b-nzj2kttygd] {
    border-radius: 999px;
    padding: 0.28rem 0.58rem;
    font-size: 0.76rem;
    font-weight: 800;
}

.priority[b-nzj2kttygd] {
    background: var(--rm-surface-2);
    color: var(--rm-copy-muted);
}

.badge.ok[b-nzj2kttygd],
.badge.report[b-nzj2kttygd] {
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.badge.off[b-nzj2kttygd] {
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.mapping-card h3[b-nzj2kttygd] {
    margin: 0;
    font-size: 1.05rem;
}

.display-name-chip[b-nzj2kttygd] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 0.42rem 0.7rem;
    border: 1px solid var(--rm-line-strong);
    border-radius: 13px;
    background: var(--rm-surface);
    color: var(--rm-copy) !important;
    font-weight: 900;
    box-shadow: var(--rm-shadow-soft);
}

.mapping-card h3.display-name-chip[b-nzj2kttygd] {
    color: var(--rm-copy) !important;
}

.prompt-preview[b-nzj2kttygd] {
    margin: 0;
    max-height: 86px;
    min-height: 54px;
    overflow: auto;
    padding: 0.7rem 0.75rem;
    border: 1px solid var(--rm-border);
    border-radius: 14px;
    background: var(--rm-surface-2);
    color: var(--rm-copy-muted);
    line-height: 1.5;
    font-size: 0.88rem;
    scrollbar-width: thin;
}

.prompt-preview[b-nzj2kttygd]::-webkit-scrollbar {
    width: 6px;
}

.prompt-preview[b-nzj2kttygd]::-webkit-scrollbar-thumb {
    background: rgba(151, 229, 220, 0.4);
    border-radius: 999px;
}

.empty-state[b-nzj2kttygd] {
    padding: 1.4rem;
    border: 1px dashed var(--rm-border);
    border-radius: 18px;
    color: var(--rm-copy-muted);
    text-align: center;
}

.pager[b-nzj2kttygd] {
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    color: var(--rm-copy-muted);
}

.modal-backdrop[b-nzj2kttygd] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(5, 10, 20, 0.72);
}

.confirm-panel[b-nzj2kttygd] {
    width: min(94vw, 460px);
    display: grid;
    gap: 0.8rem;
    border: 1px solid var(--rm-border);
    border-radius: 22px;
    padding: 1.1rem;
    background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2));
    box-shadow: var(--rm-shadow);
    color: var(--rm-copy);
}

.confirm-panel h2[b-nzj2kttygd] {
    margin: 0;
    color: var(--rm-copy);
    font-size: 1.25rem;
}

.confirm-panel p[b-nzj2kttygd] {
    margin: 0;
    color: var(--rm-copy-muted);
}

.delete-plan[b-nzj2kttygd] {
    display: grid;
    gap: 0.6rem;
    max-height: 320px;
    overflow: auto;
    border: 1px solid var(--rm-border);
    border-radius: 14px;
    padding: 0.75rem;
    background: var(--rm-surface-2);
}

.delete-plan strong[b-nzj2kttygd] {
    color: var(--rm-copy);
}

.delete-plan ul[b-nzj2kttygd] {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.delete-plan li[b-nzj2kttygd] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.25rem 0.65rem;
    border: 1px solid var(--rm-border);
    border-radius: 12px;
    padding: 0.55rem 0.65rem;
    background: var(--rm-surface);
}

.delete-plan li > span[b-nzj2kttygd] {
    color: var(--rm-copy);
    font-weight: 800;
}

.delete-plan li > strong[b-nzj2kttygd] {
    color: var(--rm-warning);
}

.delete-plan li > small[b-nzj2kttygd] {
    grid-column: 1 / -1;
    color: var(--rm-copy-muted);
}

.log-reassignment[b-nzj2kttygd] {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.4rem;
}

.log-reassignment label[b-nzj2kttygd] {
    display: grid;
    gap: 0.35rem;
}

.log-reassignment label > span[b-nzj2kttygd] {
    color: var(--rm-copy);
    font-size: 0.85rem;
    font-weight: 800;
}

.log-reassignment .form-select[b-nzj2kttygd] {
    width: 100%;
}

.log-destination-note[b-nzj2kttygd] {
    color: var(--rm-copy-muted);
}

.delete-error[b-nzj2kttygd] {
    border: 1px solid rgba(248, 113, 113, 0.35);
    border-radius: 14px;
    padding: 0.7rem 0.8rem;
    background: rgba(248, 113, 113, 0.12);
    color: #fecaca !important;
}

.confirm-actions[b-nzj2kttygd] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    flex-wrap: wrap;
}

@media (max-width: 720px) {
    .page-hero[b-nzj2kttygd],
    .result-head[b-nzj2kttygd] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/BuildingUnits.razor.rz.scp.css */
.unit-page-stack[b-d9hjxo66wl] {
    display: grid;
    gap: 0.85rem;
}

.unit-toolbar-row[b-d9hjxo66wl] {
    display: flex;
    justify-content: flex-end;
    margin: -0.25rem 0 0.45rem;
}

.unit-grid[b-d9hjxo66wl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 0.55rem;
}

.unit-compact-card[b-d9hjxo66wl] {
    display: grid;
    gap: 0.48rem;
    padding: 0.68rem 0.72rem;
    border-radius: 14px;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012));
    min-height: 0;
}

.unit-compact-card.selected[b-d9hjxo66wl] {
    border-color: rgba(77, 208, 153, 0.42);
    box-shadow: 0 0 0 2px rgba(77, 208, 153, 0.08);
}

.unit-compact-head[b-d9hjxo66wl] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.55rem;
}

.unit-compact-title[b-d9hjxo66wl] {
    display: grid;
    gap: 0.16rem;
}

.unit-compact-title strong[b-d9hjxo66wl] {
    font-size: 0.94rem;
}

.unit-compact-title small[b-d9hjxo66wl],
.unit-status[b-d9hjxo66wl] {
    color: color-mix(in srgb, var(--rm-copy, #f7f8fd) 70%, transparent);
    font-size: 0.72rem;
}

.unit-status[b-d9hjxo66wl] {
    flex: 0 0 auto;
    padding: 0.18rem 0.42rem;
    border-radius: 999px;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    background: rgba(255, 255, 255, 0.04);
    line-height: 1.2;
}

.unit-status.active[b-d9hjxo66wl] {
    color: color-mix(in srgb, var(--rm-accent, #4dd099) 82%, var(--rm-copy, #fff));
}

.unit-status.archived[b-d9hjxo66wl] {
    color: color-mix(in srgb, var(--rm-copy, #f7f8fd) 52%, transparent);
}

.unit-compact-meta[b-d9hjxo66wl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
}

.unit-compact-meta span[b-d9hjxo66wl] {
    padding: 0.18rem 0.42rem;
    border-radius: 999px;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.7rem;
}

.unit-compact-card .mini-actions[b-d9hjxo66wl] {
    display: flex;
    gap: 0.35rem;
    margin-top: 0.1rem;
}

.unit-compact-card .mini-actions .btn[b-d9hjxo66wl] {
    flex: 1 1 auto;
    padding: 0.22rem 0.46rem;
    font-size: 0.74rem;
}

.unit-compact-links[b-d9hjxo66wl] {
    display: grid;
    gap: 0.32rem;
}

.unit-compact-links span[b-d9hjxo66wl] {
    color: color-mix(in srgb, var(--rm-copy, #f7f8fd) 84%, transparent);
    font-size: 0.82rem;
    line-height: 1.45;
}

.unit-current-summary[b-d9hjxo66wl],
.unit-link-summary[b-d9hjxo66wl] {
    display: grid;
    gap: 0.32rem;
}

.unit-current-summary span[b-d9hjxo66wl],
.unit-link-summary span[b-d9hjxo66wl] {
    color: color-mix(in srgb, var(--rm-copy, #f7f8fd) 82%, transparent);
    font-size: 0.84rem;
}

.compact-link-list[b-d9hjxo66wl] {
    gap: 0.65rem;
}

.unit-link-card[b-d9hjxo66wl] {
    border-radius: 16px;
}

.unit-link-card.history[b-d9hjxo66wl] {
    opacity: 0.86;
}

.unit-link-card.editing[b-d9hjxo66wl] {
    border-color: rgba(77, 208, 153, 0.42);
}

:root[data-theme="light"] .unit-compact-card[b-d9hjxo66wl] {
    border-color: #d8e2ee;
    background: linear-gradient(180deg, #fbfdff 0%, #f3f7fc 100%);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

:root[data-theme="light"] .unit-compact-title small[b-d9hjxo66wl],
:root[data-theme="light"] .unit-status[b-d9hjxo66wl],
:root[data-theme="light"] .unit-compact-links span[b-d9hjxo66wl],
:root[data-theme="light"] .unit-current-summary span[b-d9hjxo66wl],
:root[data-theme="light"] .unit-link-summary span[b-d9hjxo66wl] {
    color: #62758c;
}

:root[data-theme="light"] .unit-compact-meta span[b-d9hjxo66wl] {
    border-color: #d8e2ee;
    background: rgba(255, 255, 255, 0.72);
}

@media (max-width: 900px) {
    .unit-grid[b-d9hjxo66wl] {
        grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    }
}

@media (max-width: 640px) {
    .unit-grid[b-d9hjxo66wl] {
        grid-template-columns: 1fr;
    }

    .unit-toolbar-row[b-d9hjxo66wl] {
        justify-content: stretch;
    }

    .unit-toolbar-row .btn[b-d9hjxo66wl] {
        width: 100%;
    }
}
/* /Pages/Categories.razor.rz.scp.css */
.categories-page[b-et4g694a84] {
    display: grid;
    gap: 1.25rem;
}

.setup-hero[b-et4g694a84],
.setup-panel[b-et4g694a84],
.item-card[b-et4g694a84] {
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: linear-gradient(145deg, var(--rm-card), var(--rm-card-deep));
    box-shadow: var(--rm-shadow);
    color: var(--rm-copy);
}

.setup-hero[b-et4g694a84] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem;
}

.setup-hero h1[b-et4g694a84],
.setup-panel h2[b-et4g694a84] {
    margin: 0;
    color: var(--rm-copy);
}

.setup-hero p[b-et4g694a84] {
    max-width: 760px;
    margin: 0.55rem 0 0;
    color: var(--rm-copy-muted);
}

.eyebrow[b-et4g694a84] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--rm-accent);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.setup-stats[b-et4g694a84] {
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    gap: 0.75rem;
    min-width: min(300px, 100%);
}

.setup-stats div[b-et4g694a84] {
    border: 1px solid var(--rm-border);
    border-radius: 18px;
    background: color-mix(in srgb, var(--rm-surface-2) 72%, transparent);
    padding: 1rem;
}

.setup-stats strong[b-et4g694a84] {
    display: block;
    color: var(--rm-copy);
    font-size: 1.55rem;
}

.setup-stats span[b-et4g694a84],
.editor-head span[b-et4g694a84],
.item-meta[b-et4g694a84] {
    color: var(--rm-copy-muted);
}

.setup-layout[b-et4g694a84] {
    display: grid;
    grid-template-columns: minmax(300px, 0.72fr) minmax(420px, 1.28fr);
    gap: 1.25rem;
    align-items: start;
}

.setup-panel[b-et4g694a84],
.editor-card[b-et4g694a84] {
    padding: 1.15rem;
}

.editor-card[b-et4g694a84] {
    display: grid;
    gap: 0.9rem;
}

.editor-head[b-et4g694a84] {
    display: grid;
    gap: 0.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--rm-border);
}

.editor-head strong[b-et4g694a84],
.item-title[b-et4g694a84] {
    color: var(--rm-copy);
}

.editor-grid[b-et4g694a84],
.inline-create[b-et4g694a84] {
    display: grid;
    gap: 0.75rem;
}

.inline-create[b-et4g694a84] {
    padding: 0.8rem;
    border: 1px dashed var(--rm-border);
    border-radius: 16px;
    background: color-mix(in srgb, var(--rm-surface-2) 72%, transparent);
}

.action-row[b-et4g694a84],
.item-actions[b-et4g694a84],
.guid-row[b-et4g694a84] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.action-row[b-et4g694a84] {
    justify-content: flex-end;
}

.list-grid[b-et4g694a84] {
    display: grid;
    gap: 0.75rem;
}

.item-card[b-et4g694a84] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
}

.item-main[b-et4g694a84] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.item-title[b-et4g694a84] {
    font-weight: 800;
}

.guid-row[b-et4g694a84] {
    align-items: center;
}

.guid-row code[b-et4g694a84] {
    display: inline-block;
    padding: 0.35rem 0.6rem;
    border-radius: 12px;
    background: var(--rm-surface-2);
    color: var(--rm-copy-soft);
    font-size: 0.88rem;
    word-break: break-all;
}

.item-actions[b-et4g694a84] {
    justify-content: flex-end;
}

@media (max-width: 920px) {
    .setup-hero[b-et4g694a84],
    .setup-layout[b-et4g694a84] {
        grid-template-columns: 1fr;
    }

    .setup-hero[b-et4g694a84],
    .item-card[b-et4g694a84] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/ConditionReportAssistant.razor.rz.scp.css */
.condition-report-assistant-page[b-8hhr5yzfmo] { display: grid; gap: 1rem; color: var(--rm-copy); }
.assistant-hero[b-8hhr5yzfmo], .conversation-panel[b-8hhr5yzfmo], .debug-panel[b-8hhr5yzfmo] { border: 1px solid var(--rm-line); border-radius: 1.2rem; background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2)); box-shadow: var(--rm-shadow-soft); }
.assistant-hero[b-8hhr5yzfmo] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.3rem; }
.assistant-hero h1[b-8hhr5yzfmo], .panel-head h2[b-8hhr5yzfmo] { margin: .15rem 0 0; }
.assistant-hero p[b-8hhr5yzfmo], .message-card p[b-8hhr5yzfmo], .result-card p[b-8hhr5yzfmo] { margin: .45rem 0 0; white-space: pre-wrap; }
.eyebrow[b-8hhr5yzfmo], .scope-card span[b-8hhr5yzfmo], .scope-card small[b-8hhr5yzfmo], .composer label span[b-8hhr5yzfmo], .message-meta[b-8hhr5yzfmo], .debug-count[b-8hhr5yzfmo], .route[b-8hhr5yzfmo], .debug-step small[b-8hhr5yzfmo], .result-card small[b-8hhr5yzfmo], .attachment-panel small[b-8hhr5yzfmo] { color: var(--rm-copy-muted); font-size: .76rem; }
.scope-card[b-8hhr5yzfmo] { display: grid; min-width: 12rem; gap: .18rem; padding: .75rem .9rem; border: 1px solid var(--rm-line); border-radius: .85rem; background: var(--rm-surface-3); }
.assistant-grid[b-8hhr5yzfmo] { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr); gap: 1rem; }
.conversation-panel[b-8hhr5yzfmo], .debug-panel[b-8hhr5yzfmo] { display: grid; min-height: 38rem; overflow: hidden; }
.conversation-panel[b-8hhr5yzfmo] { grid-template-rows: auto minmax(0, 1fr) auto auto auto; }
.debug-panel[b-8hhr5yzfmo] { grid-template-rows: auto minmax(0, 1fr); }
.panel-head[b-8hhr5yzfmo], .message-meta[b-8hhr5yzfmo] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.panel-head[b-8hhr5yzfmo] { padding: .95rem 1rem; border-bottom: 1px solid var(--rm-line); }
.message-list[b-8hhr5yzfmo], .debug-timeline[b-8hhr5yzfmo], .result-grid[b-8hhr5yzfmo] { display: grid; align-content: start; gap: .72rem; overflow: auto; padding: 1rem; }
.message-card[b-8hhr5yzfmo] { max-width: 88%; padding: .8rem .9rem; border: 1px solid var(--rm-line); border-radius: 1rem; background: var(--rm-surface-3); }
.message-card.user[b-8hhr5yzfmo] { justify-self: end; border-color: var(--rm-line-strong); background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-3)); }
.proposal-card[b-8hhr5yzfmo] { display: grid; gap: .45rem; margin: 0 1rem 1rem; padding: .85rem; border: 1px solid color-mix(in srgb, var(--rm-accent) 45%, var(--rm-line)); border-radius: .85rem; background: color-mix(in srgb, var(--rm-accent) 9%, var(--rm-surface-3)); }
.result-grid[b-8hhr5yzfmo] { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); max-height: 22rem; border-top: 1px solid var(--rm-line); }
.result-card[b-8hhr5yzfmo] { display: grid; gap: .25rem; padding: .7rem; border: 1px solid var(--rm-line); border-radius: .75rem; background: var(--rm-surface-3); }
.manager-reply[b-8hhr5yzfmo] { color: var(--rm-copy-soft); }
.composer[b-8hhr5yzfmo] { display: grid; gap: .7rem; padding: 1rem; border-top: 1px solid var(--rm-line); background: var(--rm-surface-2); }
.composer label[b-8hhr5yzfmo] { display: grid; gap: .25rem; }
.composer textarea[b-8hhr5yzfmo], .composer select[b-8hhr5yzfmo] { background: var(--rm-input); border-color: var(--rm-input-border); color: var(--rm-copy); }
.attachment-panel[b-8hhr5yzfmo] { display: grid; gap: .5rem; }
.attachment-picker[b-8hhr5yzfmo] { justify-self: start; cursor: pointer; }
.attachment-input[b-8hhr5yzfmo] { display: none; }
.attachment-grid[b-8hhr5yzfmo] { display: flex; flex-wrap: wrap; gap: .55rem; }
.pending-attachment[b-8hhr5yzfmo] { display: grid; gap: .2rem; }
.attachment-thumb[b-8hhr5yzfmo] { width: 5rem; height: 5rem; padding: 0; overflow: hidden; border: 1px solid var(--rm-line); border-radius: .65rem; background: var(--rm-surface-3); }
.attachment-thumb img[b-8hhr5yzfmo] { width: 100%; height: 100%; object-fit: cover; }
.remove-attachment[b-8hhr5yzfmo] { border: 0; background: transparent; color: var(--rm-danger); font-size: .72rem; }
.debug-step[b-8hhr5yzfmo] { overflow: hidden; border: 1px solid var(--rm-line); border-radius: .8rem; background: var(--rm-surface-3); }
.debug-step summary[b-8hhr5yzfmo] { display: grid; gap: .24rem; padding: .72rem .8rem; cursor: pointer; }
.debug-step pre[b-8hhr5yzfmo] { max-height: 28rem; margin: 0; overflow: auto; padding: .85rem; color: var(--rm-copy-soft); font-size: .74rem; white-space: pre-wrap; }
.route b[b-8hhr5yzfmo] { color: var(--rm-accent); }
.assistant-error[b-8hhr5yzfmo] { padding: .8rem .9rem; border: 1px solid color-mix(in srgb, var(--rm-danger) 42%, transparent); border-radius: .8rem; background: var(--rm-danger-soft); color: var(--rm-danger); }
.image-modal[b-8hhr5yzfmo] { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 1rem; background: color-mix(in srgb, var(--rm-bg) 78%, transparent); }
.image-modal-panel[b-8hhr5yzfmo] { display: grid; gap: .7rem; max-width: min(92vw, 70rem); max-height: 92vh; padding: .8rem; border: 1px solid var(--rm-line); border-radius: 1rem; background: var(--rm-surface); }
.image-modal-panel img[b-8hhr5yzfmo] { max-width: 100%; max-height: 80vh; object-fit: contain; }
@media (max-width: 1050px) { .assistant-grid[b-8hhr5yzfmo] { grid-template-columns: 1fr; } .conversation-panel[b-8hhr5yzfmo], .debug-panel[b-8hhr5yzfmo] { min-height: 30rem; } }
@media (max-width: 640px) { .assistant-hero[b-8hhr5yzfmo] { align-items: stretch; flex-direction: column; } .scope-card[b-8hhr5yzfmo], .message-card[b-8hhr5yzfmo] { max-width: 100%; } }
/* /Pages/ConfirmDialog.razor.rz.scp.css */
.confirm-overlay[b-duvec1iv89] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    background: rgba(8, 15, 26, 0.72);
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: clamp(1rem, 4vh, 2rem);
    box-sizing: border-box;
    isolation: isolate;
    overscroll-behavior: contain;
    z-index: 2147483000 !important;
}

.confirm-panel[b-duvec1iv89] {
    position: relative;
    width: min(92vw, 480px);
    max-height: min(82vh, 640px);
    max-height: min(82dvh, 640px);
    overflow: auto;
    margin: auto;
    background: linear-gradient(145deg, var(--rm-surface, #23242f), var(--rm-surface-2, #1f202b));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.07));
    border-radius: 18px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
    color: var(--rm-copy, #f7f8fd);
    padding: 0.9rem;
}

.confirm-header[b-duvec1iv89] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--rm-line, rgba(255, 255, 255, 0.07));
    padding-bottom: 0.7rem;
    margin-bottom: 0.7rem;
}

.confirm-kicker[b-duvec1iv89] {
    color: var(--rm-accent, #a9e7de);
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.25rem;
}

.confirm-header h3[b-duvec1iv89] {
    margin: 0;
    color: var(--rm-copy, #f7f8fd);
    font-size: 1.05rem;
}

.confirm-body[b-duvec1iv89] {
    color: var(--rm-copy, #f7f8fd);
    line-height: 1.5;
    padding: 0.2rem 0 0.75rem;
}

.confirm-body p[b-duvec1iv89] {
    margin: 0;
    color: var(--rm-copy, #f7f8fd);
    font-weight: 800;
}

.confirm-footer[b-duvec1iv89] {
    display: flex;
    justify-content: end;
    gap: 0.75rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--rm-line, rgba(255, 255, 255, 0.07));
    padding-top: 0.75rem;
}
/* /Pages/CustomerAssistant.razor.rz.scp.css */
.customer-assistant-page[b-jcbuyx47vt] { display: grid; gap: 1rem; color: var(--rm-copy); }
.assistant-hero[b-jcbuyx47vt], .conversation-panel[b-jcbuyx47vt], .debug-panel[b-jcbuyx47vt] { border: 1px solid var(--rm-line); border-radius: 1.2rem; background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2)); box-shadow: var(--rm-shadow-soft); }
.assistant-hero[b-jcbuyx47vt] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.3rem; }
.assistant-hero h1[b-jcbuyx47vt], .panel-head h2[b-jcbuyx47vt] { margin: .15rem 0 0; }
.assistant-hero p[b-jcbuyx47vt], .message-card p[b-jcbuyx47vt] { margin: .45rem 0 0; white-space: pre-wrap; }
.eyebrow[b-jcbuyx47vt], .scope-card span[b-jcbuyx47vt], .scope-card small[b-jcbuyx47vt], .composer label span[b-jcbuyx47vt], .message-meta[b-jcbuyx47vt], .debug-count[b-jcbuyx47vt], .route[b-jcbuyx47vt], .debug-step small[b-jcbuyx47vt], .result-card small[b-jcbuyx47vt], .image-card small[b-jcbuyx47vt] { color: var(--rm-copy-muted); font-size: .76rem; }
.scope-card[b-jcbuyx47vt] { display: grid; min-width: 12rem; gap: .18rem; padding: .75rem .9rem; border: 1px solid var(--rm-line); border-radius: .85rem; background: var(--rm-surface-3); }
.assistant-grid[b-jcbuyx47vt] { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr); gap: 1rem; }
.conversation-panel[b-jcbuyx47vt], .debug-panel[b-jcbuyx47vt] { display: grid; min-height: 38rem; overflow: hidden; }
.conversation-panel[b-jcbuyx47vt] { grid-template-rows: auto minmax(0, 1fr) auto auto auto auto auto; }
.debug-panel[b-jcbuyx47vt] { grid-template-rows: auto minmax(0, 1fr); }
.panel-head[b-jcbuyx47vt], .message-meta[b-jcbuyx47vt] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.panel-head[b-jcbuyx47vt] { padding: .95rem 1rem; border-bottom: 1px solid var(--rm-line); }
.message-list[b-jcbuyx47vt], .debug-timeline[b-jcbuyx47vt], .result-grid[b-jcbuyx47vt], .image-grid[b-jcbuyx47vt] { display: grid; align-content: start; gap: .72rem; overflow: auto; padding: 1rem; }
.message-card[b-jcbuyx47vt] { max-width: 88%; padding: .8rem .9rem; border: 1px solid var(--rm-line); border-radius: 1rem; background: var(--rm-surface-3); }
.message-card.user[b-jcbuyx47vt] { justify-self: end; border-color: var(--rm-line-strong); background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-3)); }
.proposal-card[b-jcbuyx47vt] { display: grid; gap: .45rem; margin: 0 1rem 1rem; padding: .85rem; border: 1px solid color-mix(in srgb, var(--rm-accent) 45%, var(--rm-line)); border-radius: .85rem; background: color-mix(in srgb, var(--rm-accent) 9%, var(--rm-surface-3)); }
.result-grid[b-jcbuyx47vt], .image-grid[b-jcbuyx47vt] { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); max-height: 18rem; border-top: 1px solid var(--rm-line); }
.result-card[b-jcbuyx47vt], .image-card[b-jcbuyx47vt] { display: grid; gap: .22rem; padding: .7rem; border: 1px solid var(--rm-line); border-radius: .75rem; background: var(--rm-surface-3); color: var(--rm-copy); text-align: start; }
.image-card img[b-jcbuyx47vt] { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: .55rem; background: var(--rm-surface-2); }
.image-card span[b-jcbuyx47vt] { display: grid; gap: .15rem; }
.composer[b-jcbuyx47vt] { display: grid; gap: .7rem; padding: 1rem; border-top: 1px solid var(--rm-line); background: var(--rm-surface-2); }
.composer label[b-jcbuyx47vt] { display: grid; gap: .25rem; }
.composer textarea[b-jcbuyx47vt], .composer select[b-jcbuyx47vt] { background: var(--rm-input); border-color: var(--rm-input-border); color: var(--rm-copy); }
.debug-step[b-jcbuyx47vt] { overflow: hidden; border: 1px solid var(--rm-line); border-radius: .8rem; background: var(--rm-surface-3); }
.debug-step summary[b-jcbuyx47vt] { display: grid; gap: .24rem; padding: .72rem .8rem; cursor: pointer; }
.debug-step pre[b-jcbuyx47vt] { max-height: 28rem; margin: 0; overflow: auto; padding: .85rem; color: var(--rm-copy-soft); font-size: .74rem; white-space: pre-wrap; }
.route b[b-jcbuyx47vt] { color: var(--rm-accent); }
.assistant-error[b-jcbuyx47vt] { padding: .8rem .9rem; border: 1px solid color-mix(in srgb, var(--rm-danger) 42%, transparent); border-radius: .8rem; background: var(--rm-danger-soft); color: var(--rm-danger); }
.image-preview-layer[b-jcbuyx47vt] { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 1rem; background: rgba(0, 0, 0, .68); }
.image-preview-layer article[b-jcbuyx47vt] { display: grid; gap: .8rem; width: min(64rem, 96vw); max-height: 94vh; padding: 1rem; overflow: auto; border: 1px solid var(--rm-line); border-radius: 1rem; background: var(--rm-surface); color: var(--rm-copy); }
.image-preview-layer img[b-jcbuyx47vt] { width: 100%; max-height: 76vh; object-fit: contain; border-radius: .75rem; background: var(--rm-surface-2); }
.image-preview-layer button[b-jcbuyx47vt] { justify-self: end; }
@media (max-width: 1050px) { .assistant-grid[b-jcbuyx47vt] { grid-template-columns: 1fr; } .conversation-panel[b-jcbuyx47vt], .debug-panel[b-jcbuyx47vt] { min-height: 30rem; } }
@media (max-width: 640px) { .assistant-hero[b-jcbuyx47vt] { align-items: stretch; flex-direction: column; } .scope-card[b-jcbuyx47vt], .message-card[b-jcbuyx47vt] { max-width: 100%; } }
/* /Pages/FacilityNewReport.razor.rz.scp.css */
.facility-report-page[b-2p48teojtw] {
    display: grid;
    gap: 16px;
    justify-items: stretch;
    width: 100%;
}

.hero-panel[b-2p48teojtw],
.report-sheet[b-2p48teojtw] {
    width: 100%;
}

.hero-panel[b-2p48teojtw] {
    align-items: center;
    background: linear-gradient(180deg, var(--rm-surface), var(--rm-surface-2));
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 18px 20px;
}

.hero-panel h1[b-2p48teojtw] {
    color: var(--rm-copy);
    margin: 0;
}

.hero-panel p[b-2p48teojtw] {
    color: var(--rm-copy-soft);
    margin: 6px 0 0;
}

.eyebrow[b-2p48teojtw] {
    color: var(--rm-accent-2);
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.building-select[b-2p48teojtw] {
    min-width: min(320px, 100%);
}

.building-select span[b-2p48teojtw] {
    color: var(--rm-copy-muted);
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.building-select strong[b-2p48teojtw] {
    color: var(--rm-copy);
    display: block;
    font-size: 1rem;
    line-height: 1.35;
}

.report-message[b-2p48teojtw] {
    margin: 0;
    width: 100%;
    justify-self: stretch;
}

.report-sheet[b-2p48teojtw] {
    background: linear-gradient(180deg, var(--rm-surface), var(--rm-surface-2));
    border: 1px solid var(--rm-line);
    border-radius: 20px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
    display: grid;
    gap: 16px;
    margin-inline: auto;
    padding: clamp(16px, 2vw, 24px);
}

.sheet-header[b-2p48teojtw] {
    align-items: flex-start;
    border-bottom: 1px solid var(--rm-line);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding-bottom: 14px;
}

.sheet-header h2[b-2p48teojtw] {
    color: var(--rm-copy);
    margin: 0;
}

.sheet-actions[b-2p48teojtw],
.footer-actions[b-2p48teojtw] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sheet-meta-grid[b-2p48teojtw] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sheet-meta-grid label[b-2p48teojtw],
.sheet-note[b-2p48teojtw] {
    color: var(--rm-copy-soft);
    display: grid;
    font-size: 0.92rem;
    font-weight: 700;
    gap: 8px;
}

.sheet-meta-grid .report-date-field[b-2p48teojtw] {
    grid-column: 1 / -1;
}

.sheet-meta-grid span[b-2p48teojtw],
.sheet-note span[b-2p48teojtw] {
    color: var(--rm-copy-muted);
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.form-control[b-2p48teojtw],
.form-select[b-2p48teojtw] {
    background: var(--rm-input);
    border-color: var(--rm-input-border);
    color: var(--rm-copy);
}

.form-control:focus[b-2p48teojtw],
.form-select:focus[b-2p48teojtw] {
    background: var(--rm-input);
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--rm-accent) 22%, transparent);
    color: var(--rm-copy);
}

.persian-date-selects[b-2p48teojtw] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(88px, 0.75fr) minmax(220px, 1.6fr) minmax(120px, 1fr);
    max-width: 620px;
}

.persian-date-selects .form-select[b-2p48teojtw] {
    min-width: 0;
    padding-inline-end: 2.25rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sheet-summary[b-2p48teojtw] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sheet-summary div[b-2p48teojtw] {
    background: var(--rm-surface-3);
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    min-width: 0;
    padding: 12px 14px;
}

.sheet-summary span[b-2p48teojtw] {
    color: var(--rm-copy-muted);
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.sheet-summary strong[b-2p48teojtw] {
    color: var(--rm-copy);
    display: block;
    font-size: 1rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.sheet-note textarea[b-2p48teojtw] {
    min-height: 88px;
    resize: vertical;
}

.empty-note[b-2p48teojtw] {
    background: var(--rm-surface-2);
    border: 1px dashed var(--rm-line);
    border-radius: 16px;
    color: var(--rm-copy-soft);
    margin: 0;
    padding: 16px;
}

.checklist-sheet[b-2p48teojtw] {
    display: grid;
    gap: 14px;
}

.checklist-section[b-2p48teojtw] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    overflow: hidden;
}

.checklist-section-head[b-2p48teojtw] {
    align-items: flex-start;
    background: var(--rm-surface-3);
    border-bottom: 1px solid var(--rm-line);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 14px 16px;
}

.section-eyebrow[b-2p48teojtw] {
    color: var(--rm-accent-2);
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.checklist-section-head h3[b-2p48teojtw] {
    color: var(--rm-copy);
    margin: 4px 0 0;
}

.section-count[b-2p48teojtw] {
    align-self: center;
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    color: var(--rm-copy-muted);
    font-size: 0.8rem;
    font-weight: 800;
    padding: 8px 11px;
    white-space: nowrap;
}

.checklist-grid-head[b-2p48teojtw],
.checklist-row[b-2p48teojtw] {
    display: grid;
    grid-template-columns: minmax(220px, 1.05fr) minmax(0, 1.65fr) minmax(190px, 0.7fr);
    gap: 12px;
    align-items: stretch;
}

.checklist-grid-head[b-2p48teojtw] {
    background: color-mix(in srgb, var(--rm-surface) 80%, transparent);
    border-bottom: 1px solid var(--rm-line);
    color: var(--rm-copy-muted);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    padding: 10px 16px;
    text-transform: uppercase;
}

.checklist-grid-head span:nth-child(3)[b-2p48teojtw] {
    justify-self: center;
}

.checklist-row[b-2p48teojtw] {
    border-bottom: 1px solid var(--rm-line);
    padding: 12px 16px;
}

.checklist-row:last-child[b-2p48teojtw] {
    border-bottom: 0;
}

.checklist-row.ok[b-2p48teojtw] {
    background: color-mix(in srgb, var(--rm-success-soft) 12%, transparent);
}

.checklist-row.problem[b-2p48teojtw] {
    background: color-mix(in srgb, var(--rm-danger-soft) 14%, transparent);
}

.checklist-row.skipped[b-2p48teojtw] {
    background: color-mix(in srgb, var(--rm-surface-3) 42%, transparent);
    opacity: 0.74;
}

.checklist-title-cell[b-2p48teojtw] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.checklist-title-cell strong[b-2p48teojtw] {
    color: var(--rm-copy);
    font-size: 0.98rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.checklist-title-cell span[b-2p48teojtw] {
    color: var(--rm-copy-muted);
    font-size: 0.84rem;
    overflow-wrap: anywhere;
}

.checklist-description-cell[b-2p48teojtw] {
    display: block;
    min-width: 0;
}

.checklist-description-cell textarea[b-2p48teojtw] {
    min-height: 68px;
    resize: vertical;
}

.checklist-status-cell[b-2p48teojtw] {
    align-items: stretch;
    display: grid;
    gap: 8px;
    justify-content: stretch;
    min-width: 0;
}

.checklist-status-cell span[b-2p48teojtw] {
    color: var(--rm-copy);
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.35;
}

.tri-state-actions[b-2p48teojtw] {
    display: grid;
    gap: 6px;
}

.tri-state-btn[b-2p48teojtw] {
    background: var(--rm-surface-3);
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    color: var(--rm-copy-soft);
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1.2;
    min-height: 31px;
    padding: 6px 9px;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.tri-state-btn:hover[b-2p48teojtw] {
    border-color: var(--rm-accent);
    color: var(--rm-copy);
}

.tri-state-btn.ok[b-2p48teojtw] {
    border-color: color-mix(in srgb, var(--rm-success) 28%, var(--rm-line));
}

.tri-state-btn.problem[b-2p48teojtw] {
    border-color: color-mix(in srgb, var(--rm-danger) 30%, var(--rm-line));
}

.tri-state-btn.skipped[b-2p48teojtw] {
    border-color: color-mix(in srgb, var(--rm-copy-muted) 28%, var(--rm-line));
}

.tri-state-btn.active.ok[b-2p48teojtw] {
    background: color-mix(in srgb, var(--rm-success) 22%, var(--rm-surface-2));
    border-color: color-mix(in srgb, var(--rm-success) 68%, transparent);
    color: var(--rm-success);
}

.tri-state-btn.active.problem[b-2p48teojtw] {
    background: color-mix(in srgb, var(--rm-danger) 24%, var(--rm-surface-2));
    border-color: color-mix(in srgb, var(--rm-danger) 72%, transparent);
    color: var(--rm-danger);
}

.tri-state-btn.active.skipped[b-2p48teojtw] {
    background: color-mix(in srgb, var(--rm-copy-muted) 14%, var(--rm-surface-2));
    border-color: color-mix(in srgb, var(--rm-copy-muted) 54%, transparent);
    color: var(--rm-copy-muted);
}

.footer-actions[b-2p48teojtw] {
    justify-content: flex-end;
    padding-top: 2px;
}

.btn-primary[b-2p48teojtw] {
    background: var(--rm-accent);
    border-color: var(--rm-accent);
    color: var(--rm-accent-on);
}

.btn-outline-secondary[b-2p48teojtw],
.btn-outline-primary[b-2p48teojtw],
.btn-outline-danger[b-2p48teojtw] {
    background: var(--rm-surface-2);
}

@media (max-width: 1100px) {
    .hero-panel[b-2p48teojtw],
    .sheet-header[b-2p48teojtw] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .sheet-meta-grid[b-2p48teojtw],
    .sheet-summary[b-2p48teojtw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .checklist-grid-head[b-2p48teojtw] {
        display: none;
    }

    .checklist-grid[b-2p48teojtw],
    .checklist-row[b-2p48teojtw] {
        display: grid;
        gap: 10px;
        grid-template-columns: 1fr;
    }

    .checklist-status-cell[b-2p48teojtw] {
        padding-top: 2px;
    }
}

@media (max-width: 700px) {
    .sheet-meta-grid[b-2p48teojtw],
    .sheet-summary[b-2p48teojtw],
    .persian-date-selects[b-2p48teojtw] {
        grid-template-columns: 1fr;
    }

    .hero-panel[b-2p48teojtw],
    .report-sheet[b-2p48teojtw] {
        width: 100%;
    }

    .hero-panel[b-2p48teojtw],
    .report-sheet[b-2p48teojtw] {
        padding-inline: 16px;
    }

    .sheet-actions[b-2p48teojtw],
    .footer-actions[b-2p48teojtw] {
        width: 100%;
    }

    .sheet-actions .btn[b-2p48teojtw],
    .footer-actions .btn[b-2p48teojtw] {
        flex: 1 1 0;
    }
}

@media print {
    .facility-report-page[b-2p48teojtw] {
        gap: 10mm;
    }

    .hero-panel[b-2p48teojtw],
    .report-message[b-2p48teojtw],
    .sheet-actions[b-2p48teojtw],
    .footer-actions[b-2p48teojtw] {
        box-shadow: none;
    }

    .hero-panel[b-2p48teojtw],
    .report-sheet[b-2p48teojtw] {
        break-inside: avoid;
    }

    .report-sheet[b-2p48teojtw] {
        border-radius: 0;
    }
}
/* /Pages/FacilityReports.razor.rz.scp.css */
.facility-report-page[b-r5o9y23nen] {
    display: grid;
    gap: 18px;
}

.hero-panel[b-r5o9y23nen],
.panel-card[b-r5o9y23nen],
.list-panel[b-r5o9y23nen] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 22px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
}

.hero-panel[b-r5o9y23nen] {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 24px;
}

.hero-panel h1[b-r5o9y23nen],
.panel-head h2[b-r5o9y23nen] {
    color: var(--rm-copy);
    margin: 0;
}

.hero-panel p[b-r5o9y23nen],
.empty-note[b-r5o9y23nen] {
    color: var(--rm-copy-soft);
    margin: 6px 0 0;
}

.eyebrow[b-r5o9y23nen] {
    color: var(--rm-accent-2);
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.building-select[b-r5o9y23nen] {
    min-width: min(320px, 100%);
}

.building-select label[b-r5o9y23nen],
.form-grid label[b-r5o9y23nen] {
    color: var(--rm-copy-soft);
    display: grid;
    font-size: .9rem;
    font-weight: 700;
    gap: 7px;
}

.tab-row[b-r5o9y23nen] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tab-button[b-r5o9y23nen] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 14px;
    color: var(--rm-copy-soft);
    font-weight: 800;
    padding: 10px 14px;
}

.tab-button.active[b-r5o9y23nen],
.tab-button:hover[b-r5o9y23nen] {
    background: var(--rm-accent);
    border-color: var(--rm-accent);
    color: var(--rm-accent-on);
}

.content-grid[b-r5o9y23nen] {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(310px, .85fr) minmax(0, 1.15fr);
}

.panel-card[b-r5o9y23nen],
.list-panel[b-r5o9y23nen] {
    padding: 20px;
}

.report-message[b-r5o9y23nen] {
    margin: 0;
}

.panel-head[b-r5o9y23nen] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.form-grid[b-r5o9y23nen] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid .wide[b-r5o9y23nen] {
    grid-column: 1 / -1;
}

.form-control[b-r5o9y23nen],
.form-select[b-r5o9y23nen] {
    background: var(--rm-input);
    border-color: var(--rm-input-border);
    color: var(--rm-copy);
}

.form-control:focus[b-r5o9y23nen],
.form-select:focus[b-r5o9y23nen] {
    background: var(--rm-input);
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--rm-accent) 24%, transparent);
    color: var(--rm-copy);
}

.form-control:disabled[b-r5o9y23nen],
.form-select:disabled[b-r5o9y23nen] {
    opacity: .68;
}

.switch-line[b-r5o9y23nen] {
    align-items: center;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    display: flex !important;
    flex-direction: row;
    gap: 10px !important;
    min-height: 54px;
    padding: 12px;
}

.switch-line input[b-r5o9y23nen] {
    accent-color: var(--rm-accent);
}

.action-row[b-r5o9y23nen] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.record-list[b-r5o9y23nen] {
    display: grid;
    gap: 12px;
}

.report-tile-grid[b-r5o9y23nen] {
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
    max-height: 430px;
    overflow: auto;
}

.group-tile-grid[b-r5o9y23nen] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.report-tile[b-r5o9y23nen],
.group-tile[b-r5o9y23nen] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    color: var(--rm-copy);
}

.report-tile[b-r5o9y23nen] {
    border-radius: 0;
    display: grid;
    gap: 7px;
    padding: 10px;
    transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

.report-tile:first-child[b-r5o9y23nen] {
    border-radius: 14px 14px 0 0;
}

.report-tile:last-child[b-r5o9y23nen] {
    border-radius: 0 0 14px 14px;
}

.report-tile + .report-tile[b-r5o9y23nen] {
    border-top: 0;
}

.report-tile:hover[b-r5o9y23nen],
.report-tile.active[b-r5o9y23nen] {
    background: var(--rm-surface-3);
    border-color: color-mix(in srgb, var(--rm-accent) 52%, var(--rm-line));
    transform: translateY(-1px);
}

.report-tile.active[b-r5o9y23nen],
.group-tile.active[b-r5o9y23nen] {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--rm-accent) 42%, transparent);
}

.report-tile.problem[b-r5o9y23nen] {
    border-color: color-mix(in srgb, var(--rm-danger) 40%, var(--rm-line));
}

.report-tile.ok[b-r5o9y23nen] {
    border-color: color-mix(in srgb, var(--rm-success) 34%, var(--rm-line));
}

.report-tile.skipped[b-r5o9y23nen] {
    opacity: .88;
}

.report-tile-main[b-r5o9y23nen],
.group-tile[b-r5o9y23nen] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 8px;
    padding: 0;
    text-align: start;
    width: 100%;
}

.report-tile-main:focus-visible[b-r5o9y23nen],
.group-tile:focus-visible[b-r5o9y23nen] {
    border-radius: 14px;
    outline: 3px solid color-mix(in srgb, var(--rm-accent) 45%, transparent);
    outline-offset: 3px;
}

.tile-kicker[b-r5o9y23nen],
.tile-meta[b-r5o9y23nen],
.group-tile > span[b-r5o9y23nen],
.drill-head p[b-r5o9y23nen],
.report-note[b-r5o9y23nen] {
    color: var(--rm-copy-muted);
    font-size: .82rem;
    font-weight: 800;
}

.report-tile-main strong[b-r5o9y23nen],
.group-tile strong[b-r5o9y23nen],
.drill-head h3[b-r5o9y23nen],
.detail-head h3[b-r5o9y23nen] {
    color: var(--rm-copy);
    margin: 0;
}

.tile-stats[b-r5o9y23nen],
.drill-total-stats[b-r5o9y23nen] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.stat[b-r5o9y23nen] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    color: var(--rm-copy-muted);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .68rem;
    font-weight: 900;
    min-width: 0;
    padding: 4px 8px;
    text-transform: uppercase;
}

.stat b[b-r5o9y23nen] {
    color: var(--rm-copy);
    font-size: .82rem;
}

.stat.ok[b-r5o9y23nen] {
    background: var(--rm-success-soft);
    border-color: color-mix(in srgb, var(--rm-success) 34%, var(--rm-line));
    color: var(--rm-success);
}

.stat.problem[b-r5o9y23nen] {
    background: var(--rm-danger-soft);
    border-color: color-mix(in srgb, var(--rm-danger) 36%, var(--rm-line));
    color: var(--rm-danger);
}

.stat.skipped[b-r5o9y23nen] {
    background: var(--rm-surface-3);
}

.tile-actions[b-r5o9y23nen] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: flex-end;
    padding-top: 0;
}

.tile-actions .btn[b-r5o9y23nen] {
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
    line-height: 1.1;
    min-height: 24px;
    padding: 4px 8px;
}

.drill-hint[b-r5o9y23nen] {
    background: var(--rm-surface-2);
    border: 1px dashed var(--rm-line);
    border-radius: 16px;
    color: var(--rm-copy-muted);
    font-size: .86rem;
    font-weight: 800;
    margin: 12px 0 0;
    padding: 12px 14px;
}

.drill-panel[b-r5o9y23nen] {
    display: grid;
    gap: 10px;
    margin-top: 10px;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--rm-copy);
}

.drill-head[b-r5o9y23nen],
.detail-head[b-r5o9y23nen] {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.drill-head p[b-r5o9y23nen],
.report-note[b-r5o9y23nen] {
    margin: 6px 0 0;
}

.drill-total-stats[b-r5o9y23nen] {
    min-width: min(360px, 100%);
}

.group-tile[b-r5o9y23nen] {
    border-radius: 14px;
    padding: 9px;
    transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

.group-tile:hover[b-r5o9y23nen],
.group-tile.active[b-r5o9y23nen] {
    background: var(--rm-surface-3);
    border-color: color-mix(in srgb, var(--rm-accent) 52%, var(--rm-line));
    transform: translateY(-1px);
}

.group-tile.problem[b-r5o9y23nen] {
    border-color: color-mix(in srgb, var(--rm-danger) 42%, var(--rm-line));
}

.group-tile.ok[b-r5o9y23nen] {
    border-color: color-mix(in srgb, var(--rm-success) 36%, var(--rm-line));
}

.detail-panel[b-r5o9y23nen] {
    display: grid;
    gap: 9px;
    padding: 10px;
    background: color-mix(in srgb, var(--rm-surface-2) 74%, transparent);
    border: 1px solid var(--rm-line);
    border-radius: 14px;
    color: var(--rm-copy);
}

.filter-panel[b-r5o9y23nen] {
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    margin-bottom: 16px;
    padding: 14px;
}

.filter-panel label[b-r5o9y23nen] {
    color: var(--rm-copy-soft);
    display: grid;
    font-size: .86rem;
    font-weight: 800;
    gap: 7px;
}

.filter-panel .date-filter[b-r5o9y23nen] {
    grid-column: span 2;
}

.date-picker-wrap[b-r5o9y23nen] {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
    position: relative;
}

.date-trigger[b-r5o9y23nen],
.calendar-toolbar button[b-r5o9y23nen],
.calendar-shortcuts button[b-r5o9y23nen],
.calendar-day[b-r5o9y23nen] {
    background: var(--rm-input);
    border: 1px solid var(--rm-input-border);
    color: var(--rm-copy);
}

.date-trigger[b-r5o9y23nen] {
    border-radius: 14px;
    display: grid;
    gap: 2px;
    min-height: 44px;
    padding: 8px 11px;
    text-align: start;
    width: 100%;
}

.date-trigger:hover[b-r5o9y23nen],
.date-trigger:focus-visible[b-r5o9y23nen] {
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--rm-accent) 18%, transparent);
}

.date-trigger span[b-r5o9y23nen] {
    color: var(--rm-copy);
    font-size: .92rem;
    font-weight: 900;
}

.date-trigger small[b-r5o9y23nen] {
    color: var(--rm-copy-muted);
    font-size: .72rem;
    font-weight: 800;
}

.calendar-popover[b-r5o9y23nen] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    box-shadow: var(--rm-shadow-soft);
    display: grid;
    gap: 10px;
    inset-inline-start: 0;
    min-width: min(330px, calc(100vw - 44px));
    padding: 12px;
    position: absolute;
    top: calc(100% + 8px);
    z-index: 40;
}

.calendar-toolbar[b-r5o9y23nen] {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 42px 1fr 42px;
}

.calendar-toolbar strong[b-r5o9y23nen] {
    color: var(--rm-copy);
    font-size: .94rem;
    text-align: center;
}

.calendar-toolbar button[b-r5o9y23nen],
.calendar-shortcuts button[b-r5o9y23nen],
.calendar-day[b-r5o9y23nen] {
    border-radius: 12px;
    font-weight: 900;
}

.calendar-toolbar button[b-r5o9y23nen] {
    min-height: 36px;
}

.calendar-shortcuts[b-r5o9y23nen] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.calendar-shortcuts button[b-r5o9y23nen] {
    color: var(--rm-copy-soft);
    font-size: .75rem;
    min-height: 34px;
}

.calendar-weekdays[b-r5o9y23nen],
.calendar-grid[b-r5o9y23nen] {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar-weekdays span[b-r5o9y23nen] {
    color: var(--rm-copy-muted);
    font-size: .72rem;
    font-weight: 900;
    text-align: center;
}

.calendar-day[b-r5o9y23nen] {
    aspect-ratio: 1;
    font-size: .78rem;
    min-width: 0;
}

.calendar-day:hover[b-r5o9y23nen] {
    border-color: var(--rm-accent);
    color: var(--rm-copy);
}

.calendar-day.muted[b-r5o9y23nen] {
    color: var(--rm-copy-muted);
    opacity: .55;
}

.calendar-day.today[b-r5o9y23nen] {
    border-color: color-mix(in srgb, var(--rm-accent-2) 60%, var(--rm-line));
}

.calendar-day.selected[b-r5o9y23nen] {
    background: var(--rm-accent);
    border-color: var(--rm-accent);
    color: var(--rm-accent-on);
}

.persian-filter-date[b-r5o9y23nen] {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(72px, .65fr) minmax(160px, 1.35fr) minmax(96px, .8fr) auto;
}

.persian-filter-date .btn[b-r5o9y23nen] {
    min-height: 38px;
}

.filter-date-preview[b-r5o9y23nen] {
    color: var(--rm-copy-muted);
    font-size: .78rem;
    font-weight: 800;
}

.filter-actions[b-r5o9y23nen] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.filter-actions span[b-r5o9y23nen] {
    color: var(--rm-copy-muted);
    font-size: .82rem;
    font-weight: 800;
}

.report-summary[b-r5o9y23nen] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
    margin-top: 14px;
}

.report-summary div[b-r5o9y23nen] {
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    background: var(--rm-surface-3);
    padding: 12px 14px;
}

.report-summary span[b-r5o9y23nen] {
    color: var(--rm-copy-muted);
    display: block;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.report-summary strong[b-r5o9y23nen] {
    color: var(--rm-copy);
}

.checklist-pack[b-r5o9y23nen] {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.checklist-group[b-r5o9y23nen] {
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    background: var(--rm-surface-2);
    padding: 14px;
}

.checklist-group-head[b-r5o9y23nen] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.checklist-group-head strong[b-r5o9y23nen] {
    color: var(--rm-copy);
    display: block;
}

.checklist-group-head span[b-r5o9y23nen] {
    color: var(--rm-copy-muted);
    font-size: .88rem;
}

.group-badges[b-r5o9y23nen] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.checklist-items[b-r5o9y23nen] {
    display: grid;
    gap: 6px;
}

.checklist-item[b-r5o9y23nen] {
    align-items: center;
    border: 1px solid var(--rm-line);
    border-radius: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    justify-content: space-between;
    padding: 8px 9px;
    background: var(--rm-surface-3);
}

.checklist-item strong[b-r5o9y23nen] {
    color: var(--rm-copy);
    display: block;
}

.checklist-item span[b-r5o9y23nen] {
    color: var(--rm-copy-muted);
    display: block;
    font-size: .78rem;
    margin-top: 2px;
}

.checklist-item.ok[b-r5o9y23nen] {
    border-color: color-mix(in srgb, var(--rm-success) 36%, var(--rm-line));
}

.checklist-item.problem[b-r5o9y23nen] {
    border-color: color-mix(in srgb, var(--rm-danger) 42%, var(--rm-line));
}

.checklist-item.skipped[b-r5o9y23nen] {
    border-color: color-mix(in srgb, var(--rm-copy-muted) 34%, var(--rm-line));
    opacity: .86;
}

.checklist-item > .status-chip[b-r5o9y23nen] {
    flex: 0 0 auto;
}

.status-chip[b-r5o9y23nen] {
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 900;
    padding: 4px 8px;
    white-space: nowrap;
}

.status-chip.ok[b-r5o9y23nen] {
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.status-chip.problem[b-r5o9y23nen] {
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.status-chip.skipped[b-r5o9y23nen] {
    background: var(--rm-surface-3);
    color: var(--rm-copy-muted);
}

.status-pill.ok[b-r5o9y23nen] {
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.status-pill.problem[b-r5o9y23nen] {
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.report-history-panel[b-r5o9y23nen] {
    margin-top: 18px;
}

.record-card[b-r5o9y23nen] {
    align-items: flex-start;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 14px;
}

.record-card.compact[b-r5o9y23nen] {
    align-items: center;
}

.record-card.ok[b-r5o9y23nen] {
    border-color: color-mix(in srgb, #16a34a 55%, var(--rm-line));
}

.record-card.problem[b-r5o9y23nen] {
    border-color: color-mix(in srgb, #dc2626 60%, var(--rm-line));
}

.record-card.skipped[b-r5o9y23nen] {
    border-color: color-mix(in srgb, var(--rm-copy-muted) 38%, var(--rm-line));
    opacity: .82;
}

.record-card strong[b-r5o9y23nen] {
    color: var(--rm-copy);
    display: block;
}

.record-main[b-r5o9y23nen] {
    flex: 1 1 auto;
    min-width: 0;
}

.record-meta[b-r5o9y23nen] {
    display: block;
    margin-top: 4px;
}

.record-card span[b-r5o9y23nen],
.record-card p[b-r5o9y23nen] {
    color: var(--rm-copy-soft);
}

.record-card p[b-r5o9y23nen] {
    margin: 8px 0 0;
}

.record-side[b-r5o9y23nen] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.record-actions[b-r5o9y23nen] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.btn-primary[b-r5o9y23nen] {
    background: var(--rm-accent);
    border-color: var(--rm-accent);
    color: var(--rm-accent-on);
}

.btn-outline-secondary[b-r5o9y23nen],
.btn-outline-primary[b-r5o9y23nen],
.btn-outline-danger[b-r5o9y23nen] {
    background: var(--rm-surface-2);
}

@media (max-width: 1100px) {
    .content-grid[b-r5o9y23nen] {
        grid-template-columns: 1fr;
    }

    .filter-panel[b-r5o9y23nen] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-panel .date-filter[b-r5o9y23nen] {
        grid-column: span 1;
    }

    .hero-panel[b-r5o9y23nen] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    .report-summary[b-r5o9y23nen] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-grid[b-r5o9y23nen] {
        grid-template-columns: 1fr;
    }

    .filter-panel[b-r5o9y23nen] {
        grid-template-columns: 1fr;
    }

    .persian-filter-date[b-r5o9y23nen] {
        grid-template-columns: 1fr;
    }

    .date-picker-wrap[b-r5o9y23nen] {
        grid-template-columns: 1fr;
    }

    .calendar-popover[b-r5o9y23nen] {
        min-width: 100%;
        position: static;
    }

    .filter-actions[b-r5o9y23nen] {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .drill-head[b-r5o9y23nen],
    .detail-head[b-r5o9y23nen] {
        flex-direction: column;
    }

    .tile-actions[b-r5o9y23nen] {
        justify-content: flex-start;
    }

    .tile-stats[b-r5o9y23nen],
    .drill-total-stats[b-r5o9y23nen] {
        grid-template-columns: 1fr;
    }

    .checklist-group-head[b-r5o9y23nen] {
        align-items: flex-start;
        flex-direction: column;
    }

    .record-card[b-r5o9y23nen] {
        flex-direction: column;
    }

    .record-side[b-r5o9y23nen] {
        align-items: flex-start;
    }

    .checklist-item[b-r5o9y23nen] {
        align-items: flex-start;
        flex-direction: column;
    }

    .record-actions[b-r5o9y23nen] {
        justify-content: flex-start;
    }
}
/* /Pages/FacilitySetup.razor.rz.scp.css */
.facility-report-page[b-fxpjxe9f1o] {
    display: grid;
    gap: 18px;
}

.hero-panel[b-fxpjxe9f1o],
.panel-card[b-fxpjxe9f1o],
.list-panel[b-fxpjxe9f1o] {
    background: var(--rm-card);
    border: 1px solid var(--rm-border);
    border-radius: 22px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-text);
}

.hero-panel[b-fxpjxe9f1o],
.panel-card[b-fxpjxe9f1o],
.list-panel[b-fxpjxe9f1o] {
    padding: 20px;
}

.hero-panel h1[b-fxpjxe9f1o],
.panel-head h2[b-fxpjxe9f1o] {
    color: var(--rm-text);
    margin: 0;
}

.hero-panel p[b-fxpjxe9f1o],
.empty-note[b-fxpjxe9f1o] {
    color: var(--rm-muted-2);
    margin: 6px 0 0;
}

.eyebrow[b-fxpjxe9f1o] {
    color: var(--rm-blue);
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.tab-row[b-fxpjxe9f1o] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tab-button[b-fxpjxe9f1o] {
    background: var(--rm-card-deep);
    border: 1px solid var(--rm-border);
    border-radius: 14px;
    color: var(--rm-muted-2);
    font-weight: 800;
    padding: 10px 14px;
}

.tab-button.active[b-fxpjxe9f1o],
.tab-button:hover[b-fxpjxe9f1o] {
    background: var(--rm-accent);
    border-color: var(--rm-accent);
    color: var(--rm-accent-on);
}

.content-grid[b-fxpjxe9f1o] {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(310px, .85fr) minmax(0, 1.15fr);
}

.panel-head[b-fxpjxe9f1o] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.form-grid[b-fxpjxe9f1o] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid .wide[b-fxpjxe9f1o] {
    grid-column: 1 / -1;
}

.form-grid label[b-fxpjxe9f1o] {
    color: var(--rm-muted-2);
    display: grid;
    font-size: .9rem;
    font-weight: 700;
    gap: 7px;
}

.form-control[b-fxpjxe9f1o],
.form-select[b-fxpjxe9f1o] {
    background: var(--rm-input);
    border-color: var(--rm-input-border);
    color: var(--rm-text);
}

.switch-line[b-fxpjxe9f1o] {
    align-items: center;
    background: var(--rm-card-deep);
    border: 1px solid var(--rm-border);
    border-radius: 16px;
    display: flex !important;
    flex-direction: row;
    gap: 10px !important;
    min-height: 54px;
    padding: 12px;
}

.switch-line input[b-fxpjxe9f1o] {
    accent-color: var(--rm-accent);
}

.action-row[b-fxpjxe9f1o],
.record-actions[b-fxpjxe9f1o] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.action-row[b-fxpjxe9f1o] {
    margin-top: 16px;
}

.record-list[b-fxpjxe9f1o] {
    display: grid;
    gap: 12px;
}

.list-tools[b-fxpjxe9f1o] {
    align-items: end;
    background: var(--rm-card-deep);
    border: 1px solid var(--rm-border);
    border-radius: 18px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(180px, 1fr) minmax(140px, .45fr);
    margin-bottom: 14px;
    padding: 14px;
}

.list-tools.three[b-fxpjxe9f1o] {
    grid-template-columns: minmax(180px, 1fr) minmax(160px, .65fr) minmax(130px, .45fr);
}

.list-tools label[b-fxpjxe9f1o] {
    color: var(--rm-muted-2);
    display: grid;
    font-size: .82rem;
    font-weight: 800;
    gap: 6px;
}

.record-card[b-fxpjxe9f1o] {
    align-items: flex-start;
    background: var(--rm-card-deep);
    border: 1px solid var(--rm-border);
    border-radius: 18px;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 14px;
}

.record-card.compact[b-fxpjxe9f1o] {
    align-items: center;
}

.record-card strong[b-fxpjxe9f1o] {
    color: var(--rm-text);
    display: block;
}

.record-card span[b-fxpjxe9f1o],
.record-card p[b-fxpjxe9f1o] {
    color: var(--rm-muted-2);
}

.record-card p[b-fxpjxe9f1o] {
    margin: 8px 0 0;
}

.availability-actions[b-fxpjxe9f1o] {
    margin-bottom: 14px;
}

.availability-actions.compact[b-fxpjxe9f1o] {
    margin-bottom: 0;
}

.availability-drilldown[b-fxpjxe9f1o] {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(220px, .9fr) minmax(220px, .9fr) minmax(0, 1.4fr);
}

.availability-column[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--rm-card) 94%, var(--rm-blue) 6%), var(--rm-card-deep));
    border: 1px solid color-mix(in srgb, var(--rm-border) 82%, var(--rm-blue) 18%);
    border-radius: 18px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.availability-items-column[b-fxpjxe9f1o] {
    min-width: 0;
}

.availability-column-head[b-fxpjxe9f1o] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.availability-column-head strong[b-fxpjxe9f1o] {
    color: var(--rm-text);
    font-size: .98rem;
}

.availability-column-head span[b-fxpjxe9f1o] {
    color: var(--rm-muted);
    font-size: .82rem;
    font-weight: 800;
}

.availability-list[b-fxpjxe9f1o] {
    display: grid;
    gap: 10px;
    max-height: 64vh;
    overflow: auto;
    padding-right: 4px;
}

.availability-choice[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, var(--rm-card), var(--rm-card-deep));
    border: 1px solid color-mix(in srgb, var(--rm-border) 88%, var(--rm-blue) 12%);
    border-radius: 14px;
    color: var(--rm-copy);
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    text-align: left;
}

.availability-choice span[b-fxpjxe9f1o] {
    color: inherit;
    font-weight: 800;
}

.availability-choice small[b-fxpjxe9f1o] {
    color: var(--rm-muted);
    font-weight: 800;
}

.availability-choice.active[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--rm-blue) 18%, var(--rm-card)), color-mix(in srgb, var(--rm-blue) 10%, var(--rm-card-deep)));
    border-color: var(--rm-blue);
    color: var(--rm-accent-on);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rm-blue) 42%, transparent);
}

.availability-choice.active small[b-fxpjxe9f1o] {
    color: color-mix(in srgb, var(--rm-accent-on) 78%, transparent);
}

.availability-choice:hover[b-fxpjxe9f1o] {
    border-color: var(--rm-accent);
}

.availability-groups[b-fxpjxe9f1o] {
    display: grid;
    gap: 14px;
}

.availability-facility > header span[b-fxpjxe9f1o],
.availability-type-title[b-fxpjxe9f1o] {
    font-weight: 800;
}

.availability-facility > header span[b-fxpjxe9f1o] {
    color: var(--rm-copy-muted);
    font-size: .84rem;
}

.availability-items[b-fxpjxe9f1o] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.availability-item[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, var(--rm-card), var(--rm-card-deep));
    border: 1px solid color-mix(in srgb, var(--rm-border) 86%, var(--rm-success) 14%);
    border-radius: 16px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) 86px;
    padding: 12px;
}

.availability-item.enabled[b-fxpjxe9f1o] {
    border-color: color-mix(in srgb, var(--rm-success) 55%, var(--rm-border));
}

.availability-item.disabled[b-fxpjxe9f1o] {
    opacity: .68;
    background: linear-gradient(180deg, color-mix(in srgb, var(--rm-card) 94%, var(--rm-danger) 6%), color-mix(in srgb, var(--rm-card-deep) 92%, var(--rm-danger) 8%));
}

.availability-toggle[b-fxpjxe9f1o] {
    align-items: center;
    color: var(--rm-text);
    display: flex;
    font-weight: 800;
    gap: 10px;
    margin: 0;
}

.availability-toggle input[b-fxpjxe9f1o] {
    accent-color: var(--rm-accent);
}

.availability-item textarea[b-fxpjxe9f1o] {
    grid-column: 1 / -1;
}

.pager-row[b-fxpjxe9f1o] {
    align-items: center;
    border-top: 1px solid var(--rm-border);
    color: var(--rm-muted-2);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 14px;
}

.pager-row > div[b-fxpjxe9f1o] {
    align-items: center;
    display: flex;
    gap: 10px;
}

.pager-row strong[b-fxpjxe9f1o] {
    color: var(--rm-text);
    font-size: .9rem;
}

.btn-primary[b-fxpjxe9f1o] {
    background: var(--rm-accent);
    border-color: var(--rm-accent);
    color: var(--rm-accent-on);
}

.btn-outline-secondary[b-fxpjxe9f1o],
.btn-outline-primary[b-fxpjxe9f1o],
.btn-outline-danger[b-fxpjxe9f1o] {
    background: var(--rm-card-deep);
}

:root[data-theme="light"] .availability-column[b-fxpjxe9f1o],
:root[data-theme="light"] .availability-choice[b-fxpjxe9f1o],
:root[data-theme="light"] .availability-item[b-fxpjxe9f1o] {
    box-shadow: 0 10px 24px rgba(30, 68, 135, 0.06);
}

:root[data-theme="light"] .hero-panel[b-fxpjxe9f1o],
:root[data-theme="light"] .panel-card[b-fxpjxe9f1o],
:root[data-theme="light"] .list-panel[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%) !important;
    border-color: rgba(82, 111, 148, 0.16) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
}

:root[data-theme="light"] .tab-button[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
    border-color: rgba(82, 111, 148, 0.18) !important;
    color: #405674 !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
}

:root[data-theme="light"] .tab-button.active[b-fxpjxe9f1o],
:root[data-theme="light"] .tab-button:hover[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, #0f62fe 0%, #0097c2 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

:root[data-theme="light"] .availability-column[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, #f9fbff 0%, #eef4ff 100%) !important;
    border-color: rgba(82, 111, 148, 0.18) !important;
}

:root[data-theme="light"] .availability-choice[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;
    border-color: rgba(82, 111, 148, 0.18) !important;
    color: #14263d !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
}

:root[data-theme="light"] .availability-choice.active[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, #dbeafe 0%, #cfe2ff 100%) !important;
    border-color: #0f62fe !important;
    color: #102847 !important;
}

:root[data-theme="light"] .availability-choice small[b-fxpjxe9f1o] {
    color: #657890 !important;
}

:root[data-theme="light"] .availability-item[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
    border-color: rgba(82, 111, 148, 0.16) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04) !important;
}

:root[data-theme="light"] .action-row .btn[b-fxpjxe9f1o],
:root[data-theme="light"] .availability-actions .btn[b-fxpjxe9f1o],
:root[data-theme="light"] .panel-head .btn[b-fxpjxe9f1o],
:root[data-theme="light"] .record-actions .btn[b-fxpjxe9f1o] {
    background: linear-gradient(180deg, #ffffff 0%, #eff5ff 100%) !important;
    border-color: rgba(82, 111, 148, 0.18) !important;
    color: #405674 !important;
}

:root[data-theme="light"] .btn-primary[b-fxpjxe9f1o] {
    background: linear-gradient(135deg, #0f62fe 0%, #0097c2 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

@media (max-width: 1100px) {
    .content-grid[b-fxpjxe9f1o] {
        grid-template-columns: 1fr;
    }

    .availability-drilldown[b-fxpjxe9f1o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .form-grid[b-fxpjxe9f1o] {
        grid-template-columns: 1fr;
    }

    .list-tools[b-fxpjxe9f1o],
    .list-tools.three[b-fxpjxe9f1o] {
        grid-template-columns: 1fr;
    }

    .record-card[b-fxpjxe9f1o] {
        flex-direction: column;
    }

    .pager-row[b-fxpjxe9f1o] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home-dashboard[b-4yz7olrucl] {
    display: grid;
    gap: 1rem;
}

.home-hero[b-4yz7olrucl],
.metric-card[b-4yz7olrucl],
.chart-card[b-4yz7olrucl] {
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    background: linear-gradient(180deg, var(--rm-surface), var(--rm-surface-2));
    box-shadow: var(--rm-shadow-soft);
}

.home-hero[b-4yz7olrucl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.75fr);
    gap: 1rem;
    align-items: center;
    padding: 1.25rem;
    background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2));
}

.home-hero h1[b-4yz7olrucl] {
    margin: 0.2rem 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
}

.home-hero p[b-4yz7olrucl] {
    margin: 0;
    color: var(--rm-copy-muted);
}

.hero-search[b-4yz7olrucl] {
    min-height: 3rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border-radius: 13px;
    background: var(--rm-input);
    color: var(--rm-copy-muted);
}

.building-picker[b-4yz7olrucl] {
    display: grid;
    gap: 0.45rem;
    color: var(--rm-copy-muted);
    font-weight: 800;
}

.building-picker select[b-4yz7olrucl] {
    min-height: 3rem;
    border: 1px solid var(--rm-input-border);
    border-radius: 13px;
    background: var(--rm-input);
    color: var(--rm-copy);
    padding: 0 1rem;
    outline: none;
}

.metric-grid[b-4yz7olrucl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.metric-card[b-4yz7olrucl] {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    background: linear-gradient(180deg, var(--rm-surface-2), var(--rm-surface-3));
}

.metric-card strong[b-4yz7olrucl] {
    font-size: 1.65rem;
}

.metric-card small[b-4yz7olrucl] {
    color: var(--rm-copy);
    font-weight: 800;
}

.metric-card em[b-4yz7olrucl] {
    color: var(--rm-copy-muted);
    font-size: 0.78rem;
    font-style: normal;
}

.metric-icon[b-4yz7olrucl] {
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    border: 2px solid currentColor;
}

.accent-gold[b-4yz7olrucl] {
    color: var(--rm-gold);
}

.accent-mint[b-4yz7olrucl] {
    color: var(--rm-accent);
}

.accent-pink[b-4yz7olrucl] {
    color: var(--rm-pink);
}

.accent-blue[b-4yz7olrucl] {
    color: var(--rm-blue);
}

.dashboard-grid[b-4yz7olrucl] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.7fr);
    gap: 1rem;
}

.chart-card[b-4yz7olrucl] {
    padding: 1rem;
}

.card-head[b-4yz7olrucl] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.card-head h2[b-4yz7olrucl] {
    margin: 0;
    font-size: 1.08rem;
}

.card-head p[b-4yz7olrucl] {
    margin: 0.25rem 0 0;
    color: var(--rm-copy-muted);
}

.legend-dot[b-4yz7olrucl] {
    border-radius: 999px;
    padding: 0.35rem 0.65rem;
    background: var(--rm-surface-2);
    color: var(--rm-accent);
    font-size: 0.8rem;
}

.wave-chart[b-4yz7olrucl],
.level-bars[b-4yz7olrucl] {
    height: 210px;
    display: flex;
    align-items: end;
    gap: 0.45rem;
    padding: 1rem;
    border-radius: 16px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--rm-accent) 6%, transparent), color-mix(in srgb, var(--rm-accent) 14%, transparent));
}

.wave-chart span[b-4yz7olrucl],
.level-bars span[b-4yz7olrucl] {
    flex: 1;
    min-width: 6px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(180deg, var(--rm-accent), color-mix(in srgb, var(--rm-accent) 16%, transparent));
}

.level-bars span[b-4yz7olrucl] {
    background: linear-gradient(180deg, var(--rm-pink), color-mix(in srgb, var(--rm-pink) 16%, transparent));
}

@media (max-width: 900px) {
    .home-hero[b-4yz7olrucl],
    .dashboard-grid[b-4yz7olrucl] {
        grid-template-columns: 1fr;
    }
}

.resident-dashboard-page[b-4yz7olrucl] {
    display: grid;
    gap: 0.9rem;
}

.resident-critical-banner[b-4yz7olrucl] {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--rm-danger, #ff5c7a) 26%, var(--rm-surface, #171821)), var(--rm-surface, #171821));
    border: 1px solid color-mix(in srgb, var(--rm-danger, #ff5c7a) 68%, var(--rm-line));
    border-radius: 16px;
    box-shadow: inset 4px 0 0 var(--rm-danger, #ff5c7a), var(--rm-shadow-soft);
    color: var(--rm-copy, #f7f8fd);
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.critical-banner-head[b-4yz7olrucl] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.critical-banner-head strong[b-4yz7olrucl] {
    color: var(--rm-copy, #f7f8fd);
    display: block;
    font-size: 1rem;
    line-height: 1.1;
}

.critical-banner-head p[b-4yz7olrucl] {
    color: color-mix(in srgb, var(--rm-copy, #f7f8fd) 82%, transparent);
    margin: 0.2rem 0 0;
}

.critical-banner-icon[b-4yz7olrucl] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-danger, #ff5c7a) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--rm-danger, #ff5c7a) 48%, transparent);
    border-radius: 14px;
    display: inline-flex;
    flex: 0 0 2.75rem;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.critical-banner-icon[b-4yz7olrucl]::before {
    background: var(--rm-danger, #ff5c7a);
    content: "";
    height: 1.35rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 15 14H1L8 1zm-.8 4v4h1.6V5H7.2zm0 5.2v1.6h1.6v-1.6H7.2z'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 15 14H1L8 1zm-.8 4v4h1.6V5H7.2zm0 5.2v1.6h1.6v-1.6H7.2z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 1.35rem;
}

.critical-alert-list[b-4yz7olrucl] {
    display: grid;
    gap: 0.55rem;
}

.critical-alert-list a[b-4yz7olrucl] {
    background: color-mix(in srgb, var(--rm-surface-3, #20242e) 76%, transparent);
    border: 1px solid color-mix(in srgb, var(--rm-danger, #ff5c7a) 36%, var(--rm-line));
    border-radius: 12px;
    color: var(--rm-copy, #f7f8fd);
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem;
    text-decoration: none;
}

.critical-alert-list span[b-4yz7olrucl],
.critical-alert-list small[b-4yz7olrucl] {
    color: color-mix(in srgb, var(--rm-copy, #f7f8fd) 78%, transparent);
}

.resident-dashboard-hero[b-4yz7olrucl],
.resident-dashboard-panel[b-4yz7olrucl],
.resident-dashboard-stats > *[b-4yz7olrucl] {
    background: var(--rm-surface, #171821);
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 18px;
    box-shadow: var(--rm-shadow, 0 18px 45px rgba(0, 0, 0, 0.24));
    color: var(--rm-copy, #f7f8fd);
}

.resident-dashboard-hero[b-4yz7olrucl] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    overflow: hidden;
    padding: 1.15rem;
    position: relative;
}

.resident-dashboard-hero[b-4yz7olrucl]::after {
    background: color-mix(in srgb, var(--rm-accent, #a9e7de) 8%, transparent);
    border-radius: 999px;
    content: "";
    height: 4.25rem;
    inset-inline-end: -1.6rem;
    position: absolute;
    top: -1.65rem;
    width: 4.25rem;
}

.resident-dashboard-hero > *[b-4yz7olrucl] {
    position: relative;
    z-index: 1;
}

.resident-dashboard-hero h1[b-4yz7olrucl],
.resident-dashboard-panel h2[b-4yz7olrucl] {
    margin: 0;
}

.resident-dashboard-hero h1[b-4yz7olrucl] {
    font-size: 1.45rem;
    line-height: 1.2;
}

.resident-dashboard-hero p[b-4yz7olrucl] {
    color: var(--rm-copy-muted, #a2a7b7);
    margin: 0.35rem 0 0;
}

.resident-dashboard-page .eyebrow[b-4yz7olrucl] {
    color: var(--rm-accent, #a9e7de);
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.hero-primary-action[b-4yz7olrucl] {
    align-items: center;
    border: 1px solid var(--rm-line-strong, rgba(169, 231, 222, 0.22));
    color: var(--rm-copy, #f7f8fd);
    display: inline-flex;
    font-weight: 850;
    text-decoration: none;
}

.hero-primary-action[b-4yz7olrucl] {
    background: var(--rm-accent, #a9e7de);
    border-color: transparent;
    border-radius: 999px;
    color: var(--rm-accent-contrast, #10131c) !important;
    gap: 0.45rem;
    min-height: 2.65rem;
    padding: 0 0.95rem;
    white-space: nowrap;
    z-index: 1;
}

.hero-primary-action .bi[b-4yz7olrucl] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.hero-primary-action .bi[b-4yz7olrucl]::before {
    background: currentColor;
    content: "";
    display: block;
    height: 1.18rem;
    mask: var(--resident-action-icon) center / contain no-repeat;
    -webkit-mask: var(--resident-action-icon) center / contain no-repeat;
    width: 1.18rem;
}

.hero-primary-action .bi-calendar-check[b-4yz7olrucl] {
    --resident-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h2v2h6V1h2v2h1v12H2V3h1V1zm1 7 2.2 2.2L11.5 5l1.1 1.1-6.4 6.4L2.9 9.1 4 8z'/%3E%3C/svg%3E");
}

.hero-primary-action-text[b-4yz7olrucl] {
    color: currentColor;
    display: inline-block;
    font-size: 0.92rem;
    line-height: 1;
}

.resident-dashboard-stats[b-4yz7olrucl] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.resident-dashboard-stats > *[b-4yz7olrucl] {
    display: grid;
    gap: 0.3rem;
    min-height: 5.6rem;
    padding: 0.85rem;
    text-decoration: none;
}

.resident-dashboard-stats span[b-4yz7olrucl],
.resident-dashboard-list span[b-4yz7olrucl],
.resident-limit-row span[b-4yz7olrucl],
.resident-limit-row small[b-4yz7olrucl] {
    color: var(--rm-copy-muted, #a2a7b7);
}

.resident-dashboard-stats strong[b-4yz7olrucl] {
    color: var(--rm-accent, #a9e7de);
    font-size: 1.75rem;
    line-height: 1;
}

.resident-dashboard-grid[b-4yz7olrucl] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-areas:
        "usage upcoming"
        "reports upcoming";
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr);
}

.resident-dashboard-panel[b-4yz7olrucl] {
    min-width: 0;
    padding: 1rem;
}

.resident-usage-panel[b-4yz7olrucl] {
    grid-area: usage;
}

.resident-upcoming-panel[b-4yz7olrucl] {
    grid-area: upcoming;
}

.resident-report-panel[b-4yz7olrucl] {
    grid-area: reports;
}

.resident-dashboard-page .panel-head[b-4yz7olrucl] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.8rem;
}

.rules-shortcut[b-4yz7olrucl] {
    align-items: center;
    background: var(--rm-surface-2, rgba(169, 231, 222, 0.08));
    border: 1px solid var(--rm-line-strong, rgba(169, 231, 222, 0.22));
    border-radius: 10px;
    color: var(--rm-accent, #a9e7de);
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 750;
    min-height: 2.15rem;
    padding: 0 0.75rem;
    text-decoration: none;
    white-space: nowrap;
}

.resident-limit-list[b-4yz7olrucl],
.resident-dashboard-list[b-4yz7olrucl] {
    display: grid;
    gap: 0.55rem;
}

.dashboard-scroll-list[b-4yz7olrucl] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding-inline-end: 0.25rem;
    scrollbar-gutter: stable;
}

.resident-limit-list.dashboard-scroll-list[b-4yz7olrucl],
.report-list.dashboard-scroll-list[b-4yz7olrucl] {
    max-height: 18rem;
}

.upcoming-reservation-list.dashboard-scroll-list[b-4yz7olrucl] {
    max-height: min(38rem, calc(100vh - 18rem));
}

.resident-limit-row[b-4yz7olrucl],
.resident-dashboard-list a[b-4yz7olrucl] {
    background: var(--rm-surface-2, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    color: var(--rm-copy, #f7f8fd);
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem;
    text-decoration: none;
}

.resident-limit-row[b-4yz7olrucl] {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.resident-limit-row.blocked[b-4yz7olrucl] {
    border-color: color-mix(in srgb, #f39f6b 45%, var(--rm-line));
}

.resident-limit-row em[b-4yz7olrucl] {
    color: var(--rm-accent, #a9e7de);
    font-style: normal;
    font-weight: 850;
}

.resident-dashboard-list small[b-4yz7olrucl],
.resident-limit-row small[b-4yz7olrucl] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 800;
    justify-self: start;
    padding: 0.22rem 0.55rem;
}

.resident-dashboard-list small.ok[b-4yz7olrucl] {
    background: rgba(103, 232, 170, 0.12);
    color: #67e8aa;
}

.resident-dashboard-list small.warn[b-4yz7olrucl] {
    background: rgba(250, 204, 21, 0.12);
    color: #facc15;
}

.resident-dashboard-list small.bad[b-4yz7olrucl] {
    background: rgba(248, 113, 113, 0.12);
    color: #f87171;
}

.manager-daily-icons[b-4yz7olrucl] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.manager-daily-pill[b-4yz7olrucl] {
    align-items: center;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 900;
    gap: 0.25rem;
    justify-content: center;
    min-height: 1.8rem;
    min-width: 2.05rem;
    padding: 0.22rem 0.5rem;
}

.manager-daily-pill.problem[b-4yz7olrucl] {
    background: var(--rm-danger-soft, rgba(248, 113, 113, 0.12));
    color: var(--rm-danger, #f87171);
}

.manager-daily-pill.comment[b-4yz7olrucl] {
    background: var(--rm-surface-2, rgba(255, 255, 255, 0.04));
    color: var(--rm-copy-soft, #cbd5e1);
}

.manager-daily-pill.ok[b-4yz7olrucl] {
    background: var(--rm-success-soft, rgba(103, 232, 170, 0.12));
    color: var(--rm-success, #67e8aa);
}

.resident-dashboard-page .empty-note[b-4yz7olrucl] {
    color: var(--rm-copy-muted, #a2a7b7);
    margin: 0;
}

@media (max-width: 900px) {
    .resident-dashboard-stats[b-4yz7olrucl],
    .resident-dashboard-grid[b-4yz7olrucl] {
        grid-template-areas: none;
        grid-template-columns: 1fr;
    }

    .resident-usage-panel[b-4yz7olrucl],
    .resident-upcoming-panel[b-4yz7olrucl],
    .resident-report-panel[b-4yz7olrucl] {
        grid-area: auto;
    }

    .dashboard-scroll-list[b-4yz7olrucl] {
        max-height: none !important;
        overflow: visible;
        padding-inline-end: 0;
        scrollbar-gutter: auto;
    }
}

@media (max-width: 640px) {
    .resident-dashboard-hero[b-4yz7olrucl],
    .resident-dashboard-page .panel-head[b-4yz7olrucl],
    .resident-limit-row[b-4yz7olrucl] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .resident-dashboard-hero[b-4yz7olrucl] {
        flex-direction: column;
    }

    .resident-dashboard-hero[b-4yz7olrucl] {
        align-items: stretch;
    }

    .hero-primary-action[b-4yz7olrucl] {
        align-self: flex-start;
        justify-content: center;
        max-width: 100%;
        width: auto;
    }

    .resident-dashboard-stats[b-4yz7olrucl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .resident-dashboard-stats > *[b-4yz7olrucl] {
        min-height: 5rem;
    }
}
/* /Pages/LoadingOverlay.razor.rz.scp.css */
.loading-overlay[b-dra1wf2jay] {
    position: fixed;
    inset: 0;
    background: rgba(8, 15, 26, 0.68);
    display: grid;
    place-items: center;
    padding: 1rem;
    z-index: 2500;
}

.loading-panel[b-dra1wf2jay] {
    width: min(92vw, 520px);
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid #d9e2ee;
    border-radius: 24px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
    padding: 1.5rem 1.35rem 1.25rem;
    text-align: center;
}

.loading-spinner[b-dra1wf2jay] {
    width: 54px;
    height: 54px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    border: 5px solid #dbe4ee;
    border-top-color: #0f62fe;
    animation: loading-spin-b-dra1wf2jay 0.9s linear infinite;
}

.loading-title[b-dra1wf2jay] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #18324f;
}

.loading-message[b-dra1wf2jay] {
    margin-top: 0.35rem;
    color: #4d6278;
}

.loading-detail[b-dra1wf2jay] {
    margin-top: 0.8rem;
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    background: #edf4ff;
    color: #214166;
    border: 1px solid #d8e6ff;
    text-align: left;
}

@keyframes loading-spin-b-dra1wf2jay {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/LocalizedDatePicker.razor.rz.scp.css */
.localized-date-picker-wrap[b-q6858eoq5k] {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    position: relative;
}

.localized-date-trigger[b-q6858eoq5k],
.localized-date-clear[b-q6858eoq5k],
.localized-calendar-toolbar button[b-q6858eoq5k],
.localized-calendar-shortcuts button[b-q6858eoq5k],
.localized-calendar-day[b-q6858eoq5k] {
    background: var(--rm-input);
    border: 1px solid var(--rm-input-border);
    color: var(--rm-copy);
}

.localized-date-trigger[b-q6858eoq5k] {
    border-radius: 14px;
    display: grid;
    gap: 2px;
    min-height: 44px;
    padding: 8px 11px;
    text-align: start;
    width: 100%;
}

.localized-date-trigger:hover[b-q6858eoq5k],
.localized-date-trigger:focus-visible[b-q6858eoq5k] {
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--rm-accent) 18%, transparent);
}

.localized-date-trigger span[b-q6858eoq5k] {
    color: var(--rm-copy);
    font-size: .92rem;
    font-weight: 900;
}

.localized-date-trigger small[b-q6858eoq5k] {
    color: var(--rm-copy-muted);
    font-size: .72rem;
    font-weight: 800;
}

.localized-date-clear[b-q6858eoq5k] {
    align-self: stretch;
    border-radius: 14px;
    font-size: .76rem;
    font-weight: 900;
    padding: 0 11px;
}

.localized-calendar-popover[b-q6858eoq5k] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    box-shadow: var(--rm-shadow-soft);
    display: grid;
    gap: 10px;
    inset-inline-start: 0;
    min-width: min(330px, calc(100vw - 44px));
    padding: 12px;
    position: absolute;
    top: calc(100% + 8px);
    z-index: 70;
}

.localized-calendar-toolbar[b-q6858eoq5k] {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 42px 1fr 42px;
}

.localized-calendar-toolbar strong[b-q6858eoq5k] {
    color: var(--rm-copy);
    font-size: .94rem;
    text-align: center;
}

.localized-calendar-toolbar button[b-q6858eoq5k],
.localized-calendar-shortcuts button[b-q6858eoq5k],
.localized-calendar-day[b-q6858eoq5k] {
    border-radius: 12px;
    font-weight: 900;
}

.localized-calendar-toolbar button[b-q6858eoq5k] {
    min-height: 36px;
}

.localized-calendar-shortcuts[b-q6858eoq5k] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.localized-calendar-shortcuts button[b-q6858eoq5k] {
    color: var(--rm-copy-soft);
    font-size: .75rem;
    min-height: 34px;
}

.localized-calendar-weekdays[b-q6858eoq5k],
.localized-calendar-grid[b-q6858eoq5k] {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.localized-calendar-weekdays span[b-q6858eoq5k] {
    color: var(--rm-copy-muted);
    font-size: .72rem;
    font-weight: 900;
    text-align: center;
}

.localized-calendar-day[b-q6858eoq5k] {
    aspect-ratio: 1;
    font-size: .78rem;
    min-width: 0;
}

.localized-calendar-day:hover[b-q6858eoq5k] {
    border-color: var(--rm-accent);
    color: var(--rm-copy);
}

.localized-calendar-day.muted[b-q6858eoq5k] {
    color: var(--rm-copy-muted);
    opacity: .55;
}

.localized-calendar-day.today[b-q6858eoq5k] {
    border-color: color-mix(in srgb, var(--rm-accent-2) 60%, var(--rm-line));
}

.localized-calendar-day.selected[b-q6858eoq5k] {
    background: var(--rm-accent);
    border-color: var(--rm-accent);
    color: var(--rm-accent-on);
}

@media (max-width: 640px) {
    .localized-date-picker-wrap[b-q6858eoq5k] {
        grid-template-columns: minmax(0, 1fr);
    }

    .localized-calendar-popover[b-q6858eoq5k] {
        position: fixed;
        inset: auto 14px 18px 14px;
        min-width: 0;
    }
}
/* /Pages/Locations.razor.rz.scp.css */
.locations-page[b-7zlpb6kwn0] {
    display: grid;
    gap: 1.25rem;
}

.locations-hero[b-7zlpb6kwn0],
.locations-panel[b-7zlpb6kwn0] {
    border: 1px solid rgba(169, 231, 222, 0.16);
    background:
        radial-gradient(circle at top left, rgba(169, 231, 222, 0.15), transparent 34%),
        linear-gradient(145deg, rgba(21, 31, 44, 0.94), rgba(9, 14, 22, 0.92));
    border-radius: 24px;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
}

.locations-hero[b-7zlpb6kwn0] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem;
}

.locations-hero h1[b-7zlpb6kwn0],
.locations-panel h2[b-7zlpb6kwn0] {
    margin: 0;
    color: var(--rm-text, #f4fbff);
}

.locations-hero p[b-7zlpb6kwn0] {
    max-width: 760px;
    margin: 0.55rem 0 0;
    color: var(--rm-muted, rgba(226, 238, 244, 0.74));
}

.eyebrow[b-7zlpb6kwn0] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--rm-accent, #a9e7de);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.location-stats[b-7zlpb6kwn0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(90px, 1fr));
    gap: 0.75rem;
    min-width: min(420px, 100%);
}

.location-stats div[b-7zlpb6kwn0],
.empty-card[b-7zlpb6kwn0] {
    border: 1px solid rgba(169, 231, 222, 0.13);
    background: rgba(255, 255, 255, 0.045);
    border-radius: 18px;
    padding: 1rem;
}

.location-stats strong[b-7zlpb6kwn0] {
    display: block;
    color: var(--rm-text, #f4fbff);
    font-size: 1.55rem;
}

.location-stats span[b-7zlpb6kwn0],
.empty-card span[b-7zlpb6kwn0],
.location-card small[b-7zlpb6kwn0] {
    color: var(--rm-muted, rgba(226, 238, 244, 0.68));
}

.locations-layout[b-7zlpb6kwn0] {
    display: grid;
    grid-template-columns: minmax(300px, 0.68fr) minmax(420px, 1.32fr);
    gap: 1.25rem;
    align-items: start;
}

.locations-panel[b-7zlpb6kwn0] {
    padding: 1.2rem;
}

.panel-head[b-7zlpb6kwn0],
.list-head[b-7zlpb6kwn0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-grid[b-7zlpb6kwn0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.form-grid label[b-7zlpb6kwn0] {
    display: grid;
    gap: 0.4rem;
    color: var(--rm-muted, rgba(226, 238, 244, 0.75));
    font-size: 0.92rem;
}

.form-grid .wide[b-7zlpb6kwn0] {
    grid-column: 1 / -1;
}

.switch-line[b-7zlpb6kwn0] {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.85rem;
    border: 1px solid rgba(169, 231, 222, 0.14);
    border-radius: 16px;
    background: rgba(169, 231, 222, 0.055);
}

.switch-line input[b-7zlpb6kwn0] {
    margin-top: 0.28rem;
    transform: scale(1.15);
}

.switch-line strong[b-7zlpb6kwn0] {
    display: block;
    color: var(--rm-text, #f4fbff);
}

.switch-line small[b-7zlpb6kwn0] {
    display: block;
    margin-top: 0.12rem;
    color: var(--rm-muted, rgba(226, 238, 244, 0.68));
    line-height: 1.45;
}

.action-row[b-7zlpb6kwn0] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.compact-search[b-7zlpb6kwn0] {
    max-width: 320px;
}

.filter-strip[b-7zlpb6kwn0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 1rem;
}

.filter-pill[b-7zlpb6kwn0] {
    border: 1px solid rgba(169, 231, 222, 0.18);
    color: var(--rm-muted, rgba(226, 238, 244, 0.74));
    background: rgba(255, 255, 255, 0.045);
    border-radius: 999px;
    padding: 0.45rem 0.85rem;
}

.filter-pill.active[b-7zlpb6kwn0] {
    color: #09251f;
    border-color: rgba(169, 231, 222, 0.78);
    background: linear-gradient(135deg, #a9e7de, #78d2c6);
    box-shadow: 0 12px 28px rgba(120, 210, 198, 0.18);
}

.location-card-grid[b-7zlpb6kwn0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 0.9rem;
}

.location-card[b-7zlpb6kwn0] {
    display: grid;
    gap: 0.9rem;
    padding: 0.95rem;
    border: 1px solid rgba(169, 231, 222, 0.14);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.025);
}

.location-card.reservable[b-7zlpb6kwn0] {
    border-color: rgba(136, 219, 151, 0.34);
    background:
        radial-gradient(circle at top right, rgba(136, 219, 151, 0.13), transparent 38%),
        rgba(255, 255, 255, 0.04);
}

.location-card-main[b-7zlpb6kwn0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.location-card-main strong[b-7zlpb6kwn0] {
    display: block;
    color: var(--rm-text, #f4fbff);
    font-size: 1.02rem;
}

.location-card-meta[b-7zlpb6kwn0],
.location-actions[b-7zlpb6kwn0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.meta-pill[b-7zlpb6kwn0] {
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    background: rgba(255, 255, 255, 0.06);
    color: var(--rm-muted, rgba(226, 238, 244, 0.75));
    font-size: 0.78rem;
    font-weight: 700;
}

.meta-pill.positive[b-7zlpb6kwn0] {
    background: rgba(136, 219, 151, 0.16);
    color: #b9f4c2;
}

.meta-pill.neutral[b-7zlpb6kwn0] {
    background: rgba(255, 193, 7, 0.13);
    color: #ffe29a;
}

.empty-card[b-7zlpb6kwn0] {
    display: grid;
    gap: 0.25rem;
}

.empty-card strong[b-7zlpb6kwn0] {
    color: var(--rm-text, #f4fbff);
}

.location-icon[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h10v14H3V1zm2 2v2h2V3H5zm4 0v2h2V3H9zM5 7v2h2V7H5zm4 0v2h2V7H9zm-4 4v2h2v-2H5zm4 0v2h2v-2H9z'/%3E%3C/svg%3E");
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(169, 231, 222, 0.16), rgba(169, 231, 222, 0.06));
    border: 1px solid rgba(169, 231, 222, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 20px rgba(0, 0, 0, 0.18);
}

.location-icon[b-7zlpb6kwn0]::before {
    content: "";
    width: 1.18rem;
    height: 1.18rem;
    background: #a9e7de;
    mask: var(--location-icon) center / contain no-repeat;
    -webkit-mask: var(--location-icon) center / contain no-repeat;
}

.location-icon-building[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h10v14H3V1zm2 2v2h2V3H5zm4 0v2h2V3H9zM5 7v2h2V7H5zm4 0v2h2V7H9zm-4 4v2h2v-2H5zm4 0v2h2v-2H9z'/%3E%3C/svg%3E");
}

.location-icon-lobby[b-7zlpb6kwn0],
.location-icon-reception[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 14V5l6-3 6 3v9h-4V9H6v5H2zm4-7h4V5H6v2z'/%3E%3C/svg%3E");
}

.location-icon-hallway[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4h12v3H2V4zm0 5h12v3H2V9zm2-4v6h1V5H4zm7 0v6h1V5h-1z'/%3E%3C/svg%3E");
}

.location-icon-door[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1h8v14H4V1zm2 2v10h4V3H6zm3 5h1v1H9V8z'/%3E%3C/svg%3E");
}

.location-icon-parking[b-7zlpb6kwn0],
.location-icon-bike[b-7zlpb6kwn0],
.location-icon-motorcycle[b-7zlpb6kwn0],
.location-icon-carwash[b-7zlpb6kwn0],
.location-icon-loading[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 2h6a4 4 0 0 1 0 8H6v4H3V2zm3 3v2h3a1 1 0 0 0 0-2H6z'/%3E%3C/svg%3E");
}

.location-icon-cleaning[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 1h4v3H6V1zM5 4h6l2 10H3L5 4zm1 3-1 5h6l-1-5H6z'/%3E%3C/svg%3E");
}

.location-icon-stairs[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 12h3V9h3V6h3V3h3v11H2v-2z'/%3E%3C/svg%3E");
}

.location-icon-elevator[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h10v14H3V1zm2 3 2-2 2 2H7v3H5V4zm4 8-2 2-2-2h2V9h2v3z'/%3E%3C/svg%3E");
}

.location-icon-office[b-7zlpb6kwn0],
.location-icon-meeting[b-7zlpb6kwn0],
.location-icon-study[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 5h4V2h4v3h4v9H2V5zm5-1v1h2V4H7zm-3 4v2h2V8H4zm6 0v2h2V8h-2z'/%3E%3C/svg%3E");
}

.location-icon-restroom[b-7zlpb6kwn0],
.location-icon-locker[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm6 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zM3 6h4l-1 8H4L3 6zm6 0h4v8h-2V9h-1v5H8l1-8z'/%3E%3C/svg%3E");
}

.location-icon-gym[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 6h2v4H1V6zm12 0h2v4h-2V6zM4 5h2v6H4V5zm6 0h2v6h-2V5zM6 7h4v2H6V7z'/%3E%3C/svg%3E");
}

.location-icon-lounge[b-7zlpb6kwn0],
.location-icon-cafe[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 4h8v5a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V4zm8 1h1a2 2 0 0 1 0 4h-1V7h1a1 1 0 0 0 0-2h-1V5zM2 13h11v1H2v-1z'/%3E%3C/svg%3E");
}

.location-icon-roof[b-7zlpb6kwn0],
.location-icon-bbq[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 9 8 3l6 6h-2v4H4V9H2zm4 0v2h4V9H6z'/%3E%3C/svg%3E");
}

.location-icon-pool[b-7zlpb6kwn0],
.location-icon-spa[b-7zlpb6kwn0],
.location-icon-water[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 11c1.5-1 3-1 4.5 0s3 1 4.5 0 2.5-.8 3 0v2c-1.5-1-3-1-4.5 0s-3 1-4.5 0-2.5-.8-3 0v-2zm0-4c1.5-1 3-1 4.5 0s3 1 4.5 0 2.5-.8 3 0v2c-1.5-1-3-1-4.5 0s-3 1-4.5 0-2.5-.8-3 0V7z'/%3E%3C/svg%3E");
}

.location-icon-hall[b-7zlpb6kwn0],
.location-icon-playroom[b-7zlpb6kwn0],
.location-icon-cinema[b-7zlpb6kwn0],
.location-icon-game[b-7zlpb6kwn0],
.location-icon-prayer[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3h12v10H2V3zm2 2v6h8V5H4zm2 1h4v1H6V6zm0 2h4v1H6V8z'/%3E%3C/svg%3E");
}

.location-icon-kitchen[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1h2v6H5v8H3V7H2V1h1v5h1V1zm6 0h3v14h-2V9H9V3a2 2 0 0 1 1-2z'/%3E%3C/svg%3E");
}

.location-icon-server[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v8H2V2zm2 2v4h8V4H4zm3 7h2v2h3v1H4v-1h3v-2z'/%3E%3C/svg%3E");
}

.location-icon-yard[b-7zlpb6kwn0],
.location-icon-courtyard[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a4 4 0 0 1 4 4 3 3 0 0 1 2 3 3 3 0 0 1-4 2.8V15H6v-4.2A3 3 0 0 1 2 8a3 3 0 0 1 2-3 4 4 0 0 1 4-4z'/%3E%3C/svg%3E");
}

.location-icon-plant[b-7zlpb6kwn0],
.location-icon-mechanical[b-7zlpb6kwn0],
.location-icon-electrical[b-7zlpb6kwn0],
.location-icon-generator[b-7zlpb6kwn0],
.location-icon-pump[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3h10v10H3V3zm2 2v6h6V5H5zm2 1h2v4H7V6z'/%3E%3C/svg%3E");
}

.location-icon-security[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1 2 3v4c0 4 2.5 6.5 6 8 3.5-1.5 6-4 6-8V3L8 1zm0 3 3 1v2c0 2.3-1.1 4-3 5-1.9-1-3-2.7-3-5V5l3-1z'/%3E%3C/svg%3E");
}

.location-icon-storage[b-7zlpb6kwn0],
.location-icon-trash[b-7zlpb6kwn0],
.location-icon-mail[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3h12v4H2V3zm1 5h10v5H3V8zm3 1v1h4V9H6z'/%3E%3C/svg%3E");
}

.location-icon-clinic[b-7zlpb6kwn0] {
    --location-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 2h4v4h4v4h-4v4H6v-4H2V6h4V2z'/%3E%3C/svg%3E");
}

@media (max-width: 1000px) {
    .locations-hero[b-7zlpb6kwn0],
    .locations-layout[b-7zlpb6kwn0] {
        grid-template-columns: 1fr;
    }

    .locations-hero[b-7zlpb6kwn0] {
        display: grid;
    }
}

@media (max-width: 640px) {
    .location-stats[b-7zlpb6kwn0],
    .form-grid[b-7zlpb6kwn0] {
        grid-template-columns: 1fr;
    }

    .panel-head[b-7zlpb6kwn0],
    .list-head[b-7zlpb6kwn0] {
        align-items: stretch;
        flex-direction: column;
    }

    .compact-search[b-7zlpb6kwn0] {
        max-width: none;
    }
}

/* Compact admin layout for dense location catalogs. */
.locations-page[b-7zlpb6kwn0] {
    gap: 0.85rem;
}

.locations-hero[b-7zlpb6kwn0],
.locations-panel[b-7zlpb6kwn0] {
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}

.locations-hero[b-7zlpb6kwn0] {
    padding: 0.95rem 1.05rem;
}

.locations-hero p[b-7zlpb6kwn0] {
    margin-top: 0.25rem;
    font-size: 0.9rem;
}

.eyebrow[b-7zlpb6kwn0] {
    margin-bottom: 0.18rem;
}

.location-stats[b-7zlpb6kwn0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
    min-width: min(330px, 100%);
}

.stat-chip[b-7zlpb6kwn0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgba(169, 231, 222, 0.13);
    border-radius: 999px;
    padding: 0.38rem 0.65rem;
    background: rgba(255, 255, 255, 0.045);
}

.stat-chip.positive[b-7zlpb6kwn0] {
    border-color: rgba(136, 219, 151, 0.28);
    background: rgba(136, 219, 151, 0.1);
}

.stat-chip.muted[b-7zlpb6kwn0] {
    border-color: rgba(255, 193, 7, 0.18);
    background: rgba(255, 193, 7, 0.08);
}

.location-stats strong[b-7zlpb6kwn0] {
    display: inline;
    font-size: 1rem;
}

.locations-layout[b-7zlpb6kwn0] {
    grid-template-columns: minmax(280px, 360px) minmax(420px, 1fr);
    gap: 0.85rem;
}

.locations-panel[b-7zlpb6kwn0] {
    padding: 0.9rem;
}

.panel-head[b-7zlpb6kwn0],
.list-head[b-7zlpb6kwn0] {
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.locations-panel h2[b-7zlpb6kwn0] {
    font-size: 1.05rem;
}

.form-grid[b-7zlpb6kwn0] {
    grid-template-columns: 1fr;
    gap: 0.55rem;
}

.form-grid label[b-7zlpb6kwn0] {
    gap: 0.25rem;
    font-size: 0.84rem;
}

.switch-line[b-7zlpb6kwn0] {
    gap: 0.55rem;
    padding: 0.58rem 0.65rem;
    border-radius: 13px;
}

.switch-line input[b-7zlpb6kwn0] {
    margin-top: 0.2rem;
    transform: scale(1.05);
}

.switch-line small[b-7zlpb6kwn0] {
    line-height: 1.25;
}

.action-row[b-7zlpb6kwn0] {
    margin-top: 0.65rem;
}

.list-tools[b-7zlpb6kwn0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.7rem;
}

.compact-search[b-7zlpb6kwn0] {
    max-width: 240px;
}

.filter-strip[b-7zlpb6kwn0] {
    gap: 0.35rem;
    margin-bottom: 0;
}

.filter-pill[b-7zlpb6kwn0] {
    padding: 0.34rem 0.65rem;
    font-size: 0.82rem;
}

.location-list[b-7zlpb6kwn0] {
    display: grid;
    gap: 0.42rem;
}

.location-row[b-7zlpb6kwn0] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    align-items: center;
    gap: 0.75rem;
    min-height: 54px;
    padding: 0.48rem 0.58rem;
    border: 1px solid rgba(169, 231, 222, 0.14);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
        rgba(255, 255, 255, 0.025);
}

.location-row.reservable[b-7zlpb6kwn0] {
    border-color: rgba(136, 219, 151, 0.34);
    background:
        radial-gradient(circle at top right, rgba(136, 219, 151, 0.13), transparent 38%),
        rgba(255, 255, 255, 0.04);
}

.location-name-cell[b-7zlpb6kwn0] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.55rem;
}

.location-name-cell strong[b-7zlpb6kwn0] {
    display: block;
    overflow: hidden;
    color: var(--rm-text, #f4fbff);
    font-size: 0.93rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.location-name-cell small[b-7zlpb6kwn0] {
    display: block;
    overflow: hidden;
    max-width: 420px;
    color: var(--rm-muted, rgba(226, 238, 244, 0.68));
    font-size: 0.76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.location-row-meta[b-7zlpb6kwn0],
.location-actions[b-7zlpb6kwn0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.location-row-meta[b-7zlpb6kwn0] {
    justify-content: flex-end;
}

.meta-pill[b-7zlpb6kwn0] {
    min-height: 1.45rem;
    padding: 0.18rem 0.48rem;
    font-size: 0.72rem;
}

.empty-card[b-7zlpb6kwn0] {
    border-radius: 14px;
}

.location-icon[b-7zlpb6kwn0] {
    width: 1.95rem;
    height: 1.95rem;
    border-radius: 11px;
}

.location-icon[b-7zlpb6kwn0]::before {
    width: 1rem;
    height: 1rem;
}

.confirm-body small[b-7zlpb6kwn0] {
    display: block;
    margin-top: 0.45rem;
    color: var(--rm-muted, rgba(226, 238, 244, 0.68));
}

@media (max-width: 860px) {
    .locations-layout[b-7zlpb6kwn0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .locations-panel[b-7zlpb6kwn0] {
        min-width: 0;
    }

    .location-stats[b-7zlpb6kwn0] {
        justify-content: flex-start;
    }

    .location-row[b-7zlpb6kwn0] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .location-row-meta[b-7zlpb6kwn0],
    .location-actions[b-7zlpb6kwn0] {
        justify-content: flex-start;
    }

    .list-tools[b-7zlpb6kwn0] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .locations-page[b-7zlpb6kwn0] {
        gap: 0.7rem;
    }

    .locations-hero[b-7zlpb6kwn0] {
        align-items: stretch;
        flex-direction: column;
    }

    .locations-layout[b-7zlpb6kwn0] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.7rem;
        width: 100%;
        max-width: 100%;
    }

    .locations-panel[b-7zlpb6kwn0] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .location-stats[b-7zlpb6kwn0],
    .location-row-meta[b-7zlpb6kwn0],
    .location-actions[b-7zlpb6kwn0],
    .action-row[b-7zlpb6kwn0] {
        justify-content: flex-start;
    }

    .compact-search[b-7zlpb6kwn0] {
        max-width: none;
        width: 100%;
    }

    .location-name-cell small[b-7zlpb6kwn0],
    .location-name-cell strong[b-7zlpb6kwn0] {
        white-space: normal;
    }
}
/* /Pages/LogAiJobs.razor.rz.scp.css */
.job-page[b-2yqhgk1j1f] {
    display: grid;
    gap: 1rem;
    color: var(--rm-copy);
}

.job-hero[b-2yqhgk1j1f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2));
    box-shadow: var(--rm-shadow-soft);
}

.queue-actions[b-2yqhgk1j1f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.eyebrow[b-2yqhgk1j1f] {
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--rm-copy-muted);
    margin-bottom: 0.4rem;
}

.job-hero h1[b-2yqhgk1j1f] {
    margin: 0;
    font-size: 1.6rem;
    color: var(--rm-copy);
}

.job-hero p[b-2yqhgk1j1f] {
    margin: 0.35rem 0 0;
    color: var(--rm-copy-muted);
}

.refresh-btn[b-2yqhgk1j1f] {
    border: 1px solid var(--rm-line-strong);
    background: rgba(169, 231, 222, 0.12);
    color: var(--rm-accent);
    padding: 0.75rem 1rem;
    border-radius: 14px;
    font-weight: 700;
}

.reset-btn[b-2yqhgk1j1f] {
    border-color: rgba(255, 107, 107, 0.26);
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.stats-grid[b-2yqhgk1j1f],
.meta-grid[b-2yqhgk1j1f] {
    display: grid;
    gap: 0.85rem;
}

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

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

.stat-card[b-2yqhgk1j1f],
.meta-card[b-2yqhgk1j1f],
.table-card[b-2yqhgk1j1f],
.empty-state[b-2yqhgk1j1f],
.response-layer[b-2yqhgk1j1f] {
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2));
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
}

.response-layer[b-2yqhgk1j1f] {
    position: sticky;
    top: 0.75rem;
    z-index: 8;
    padding: 1rem;
    display: grid;
    gap: 0.9rem;
    border-color: var(--rm-line-strong);
    background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-3));
    box-shadow: var(--rm-shadow);
}

.response-layer-header[b-2yqhgk1j1f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.response-actions[b-2yqhgk1j1f] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.response-layer h2[b-2yqhgk1j1f] {
    margin: 0;
    color: var(--rm-copy);
    font-size: 1.25rem;
}

.response-layer p[b-2yqhgk1j1f] {
    margin: 0.3rem 0 0;
    color: var(--rm-copy-muted);
}

.close-response-btn[b-2yqhgk1j1f] {
    border: 1px solid var(--rm-line);
    background: var(--rm-surface-3);
    color: var(--rm-copy-soft);
    padding: 0.6rem 0.9rem;
    border-radius: 12px;
    font-weight: 700;
}

.retry-job-btn[b-2yqhgk1j1f] {
    border: 1px solid var(--rm-line-strong);
    border-radius: 8px;
    background: rgba(169, 231, 222, 0.14);
    color: var(--rm-accent);
    padding: 0.22rem 0.38rem;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.response-actions .retry-job-btn[b-2yqhgk1j1f] {
    border-radius: 12px;
    padding: 0.6rem 0.9rem;
    font-size: 0.82rem;
}

.delete-job-btn[b-2yqhgk1j1f] {
    border: 1px solid rgba(255, 107, 107, 0.25);
    border-radius: 8px;
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
    padding: 0.22rem 0.38rem;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.delete-layer[b-2yqhgk1j1f] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.62);
}

.delete-panel[b-2yqhgk1j1f] {
    width: min(94vw, 460px);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2));
    padding: 1rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
}

.delete-panel h2[b-2yqhgk1j1f] {
    margin: 0.2rem 0;
    color: var(--rm-copy);
}

.delete-panel p[b-2yqhgk1j1f] {
    color: var(--rm-copy-muted);
}

.delete-actions[b-2yqhgk1j1f] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.delete-confirm-btn[b-2yqhgk1j1f] {
    border: 1px solid rgba(255, 107, 107, 0.34);
    border-radius: 12px;
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
    padding: 0.6rem 0.9rem;
    font-weight: 800;
}

.response-body[b-2yqhgk1j1f],
.response-error[b-2yqhgk1j1f] {
    display: grid;
    gap: 0.45rem;
}

.response-body strong[b-2yqhgk1j1f],
.response-error strong[b-2yqhgk1j1f] {
    color: var(--rm-copy);
}

.response-body pre[b-2yqhgk1j1f],
.response-error pre[b-2yqhgk1j1f] {
    margin: 0;
    max-height: 420px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    border-radius: 14px;
    padding: 1rem;
    line-height: 1.5;
    font-size: 0.92rem;
}

.response-body pre[b-2yqhgk1j1f] {
    color: var(--rm-copy-soft);
    background: var(--rm-surface-3);
    border: 1px solid var(--rm-line);
}

.response-error pre[b-2yqhgk1j1f] {
    color: var(--rm-danger);
    background: var(--rm-danger-soft);
    border: 1px solid rgba(255, 107, 107, 0.22);
}

.stat-card[b-2yqhgk1j1f],
.meta-card[b-2yqhgk1j1f] {
    padding: 0.9rem 1rem;
}

.stat-card span[b-2yqhgk1j1f],
.meta-card span[b-2yqhgk1j1f] {
    display: block;
    font-size: 0.8rem;
    color: var(--rm-copy-muted);
    margin-bottom: 0.35rem;
}

.stat-card strong[b-2yqhgk1j1f],
.meta-card strong[b-2yqhgk1j1f] {
    font-size: 1.4rem;
    color: var(--rm-copy);
}

.pending strong[b-2yqhgk1j1f] { color: var(--rm-warning); }
.processing strong[b-2yqhgk1j1f] { color: var(--rm-accent-2); }
.done strong[b-2yqhgk1j1f] { color: var(--rm-success); }
.failed strong[b-2yqhgk1j1f] { color: var(--rm-danger); }

.table-card[b-2yqhgk1j1f] {
    padding: 1rem;
}

.table-header[b-2yqhgk1j1f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.9rem;
}

.table-header h2[b-2yqhgk1j1f] {
    margin: 0;
    font-size: 1.05rem;
}

.table-header span[b-2yqhgk1j1f] {
    color: var(--rm-copy-muted);
    font-size: 0.9rem;
}

.job-list[b-2yqhgk1j1f] {
    display: grid;
    gap: 0.75rem;
}

.job-card-grid[b-2yqhgk1j1f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.45rem;
}

.job-mini-card[b-2yqhgk1j1f] {
    display: grid;
    min-width: 0;
    gap: 0.22rem;
    padding: 0.45rem;
    border: 1px solid var(--rm-line);
    border-radius: 10px;
    background: var(--rm-surface-3);
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04);
}

.job-mini-card:hover[b-2yqhgk1j1f],
.job-mini-card.selected[b-2yqhgk1j1f] {
    border-color: var(--rm-line-strong);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.mini-top[b-2yqhgk1j1f],
.mini-meta[b-2yqhgk1j1f] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.28rem;
}

.mini-top strong[b-2yqhgk1j1f] {
    overflow: hidden;
    color: var(--rm-copy);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-status[b-2yqhgk1j1f] {
    margin-right: auto;
    overflow: hidden;
    color: var(--rm-copy-muted);
    font-size: 0.68rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-log[b-2yqhgk1j1f],
.mini-sensor[b-2yqhgk1j1f],
.mini-model[b-2yqhgk1j1f],
.mini-meta span[b-2yqhgk1j1f] {
    overflow: hidden;
    color: var(--rm-copy-muted);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-log[b-2yqhgk1j1f] {
    color: var(--rm-copy-soft);
    font-weight: 800;
}

.mini-sensor[b-2yqhgk1j1f] {
    min-height: 1rem;
}

.mini-model[b-2yqhgk1j1f] {
    color: var(--rm-accent);
}

.mini-meta[b-2yqhgk1j1f] {
    justify-content: space-between;
}

.mini-error[b-2yqhgk1j1f] {
    overflow: hidden;
    border-radius: 7px;
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
    padding: 0.18rem 0.3rem;
    font-size: 0.66rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-row[b-2yqhgk1j1f] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 1rem;
    width: 100%;
    text-align: left;
    padding: 0.9rem 1rem;
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    background: var(--rm-surface-3);
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.job-row:hover[b-2yqhgk1j1f],
.job-row.selected[b-2yqhgk1j1f] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.35);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

.job-title[b-2yqhgk1j1f],
.job-subtitle[b-2yqhgk1j1f],
.job-times[b-2yqhgk1j1f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.job-title strong[b-2yqhgk1j1f] {
    color: var(--rm-copy);
}

.job-title span[b-2yqhgk1j1f],
.job-subtitle span[b-2yqhgk1j1f],
.job-times span[b-2yqhgk1j1f] {
    color: var(--rm-copy-muted);
    font-size: 0.92rem;
}

.job-error[b-2yqhgk1j1f] {
    margin-top: 0.5rem;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
    font-size: 0.9rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.status-pending[b-2yqhgk1j1f] { border-left: 4px solid #f59e0b; }
.status-processing[b-2yqhgk1j1f] { border-left: 4px solid #3b82f6; }
.status-done[b-2yqhgk1j1f] { border-left: 4px solid #16a34a; }
.status-failed[b-2yqhgk1j1f] { border-left: 4px solid #dc2626; }

.empty-state[b-2yqhgk1j1f] {
    padding: 1.5rem;
    text-align: center;
    color: var(--rm-copy-muted);
}

@media (max-width: 1200px) {
    .stats-grid[b-2yqhgk1j1f] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .job-row[b-2yqhgk1j1f] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .job-hero[b-2yqhgk1j1f] {
        flex-direction: column;
        align-items: stretch;
    }

    .stats-grid[b-2yqhgk1j1f],
    .meta-grid[b-2yqhgk1j1f] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/LogAssistant.razor.rz.scp.css */
.log-assistant-page[b-3he0sz0fl4] {
    display: grid;
    gap: 1rem;
    color: var(--rm-copy);
}

.assistant-hero[b-3he0sz0fl4],
.conversation-panel[b-3he0sz0fl4],
.debug-panel[b-3he0sz0fl4] {
    border: 1px solid var(--rm-line);
    border-radius: 1.2rem;
    background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2));
    box-shadow: var(--rm-shadow-soft);
}

.assistant-hero[b-3he0sz0fl4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.3rem;
}

.assistant-hero h1[b-3he0sz0fl4],
.panel-head h2[b-3he0sz0fl4] {
    margin: 0.15rem 0 0;
}

.assistant-hero p[b-3he0sz0fl4],
.message-card p[b-3he0sz0fl4] {
    margin: 0.45rem 0 0;
}

.eyebrow[b-3he0sz0fl4],
.scope-card span[b-3he0sz0fl4],
.scope-card small[b-3he0sz0fl4],
.composer label span[b-3he0sz0fl4],
.message-meta[b-3he0sz0fl4],
.debug-count[b-3he0sz0fl4],
.route[b-3he0sz0fl4],
.debug-step small[b-3he0sz0fl4] {
    color: var(--rm-copy-muted);
    font-size: 0.76rem;
}

.scope-card[b-3he0sz0fl4] {
    display: grid;
    min-width: 12rem;
    gap: 0.18rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--rm-line);
    border-radius: 0.85rem;
    background: var(--rm-surface-3);
}

.assistant-grid[b-3he0sz0fl4] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.95fr);
    gap: 1rem;
}

.conversation-panel[b-3he0sz0fl4],
.debug-panel[b-3he0sz0fl4] {
    display: grid;
    min-height: 38rem;
    overflow: hidden;
}

.conversation-panel[b-3he0sz0fl4] {
    grid-template-rows: auto minmax(0, 1fr) auto auto;
}

.debug-panel[b-3he0sz0fl4] {
    grid-template-rows: auto minmax(0, 1fr);
}

.panel-head[b-3he0sz0fl4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.95rem 1rem;
    border-bottom: 1px solid var(--rm-line);
}

.message-list[b-3he0sz0fl4],
.debug-timeline[b-3he0sz0fl4],
.image-grid[b-3he0sz0fl4] {
    display: grid;
    align-content: start;
    gap: 0.72rem;
    overflow: auto;
    padding: 1rem;
}

.message-card[b-3he0sz0fl4] {
    max-width: 88%;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--rm-line);
    border-radius: 1rem;
    background: var(--rm-surface-3);
}

.message-card.user[b-3he0sz0fl4] {
    justify-self: end;
    border-color: var(--rm-line-strong);
    background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-3));
}

.message-meta[b-3he0sz0fl4] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
}

.message-meta strong[b-3he0sz0fl4] {
    color: var(--rm-copy-soft);
}

.image-grid[b-3he0sz0fl4] {
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    max-height: 18rem;
    border-top: 1px solid var(--rm-line);
}

.image-card[b-3he0sz0fl4] {
    display: grid;
    gap: 0.5rem;
    padding: 0.55rem;
    border: 1px solid var(--rm-line);
    border-radius: 0.75rem;
    background: var(--rm-surface-3);
    color: var(--rm-copy);
    text-align: start;
}

.image-card img[b-3he0sz0fl4] {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0.55rem;
    background: var(--rm-surface-2);
}

.image-card span[b-3he0sz0fl4] {
    display: grid;
    gap: 0.12rem;
}

.image-card small[b-3he0sz0fl4] {
    color: var(--rm-copy-muted);
    overflow-wrap: anywhere;
}

.composer[b-3he0sz0fl4] {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border-top: 1px solid var(--rm-line);
    background: var(--rm-surface-2);
}

.composer label[b-3he0sz0fl4] {
    display: grid;
    gap: 0.25rem;
}

.composer textarea[b-3he0sz0fl4],
.composer select[b-3he0sz0fl4] {
    background: var(--rm-input);
    border-color: var(--rm-input-border);
    color: var(--rm-copy);
}

.debug-step[b-3he0sz0fl4] {
    overflow: hidden;
    border: 1px solid var(--rm-line);
    border-radius: 0.8rem;
    background: var(--rm-surface-3);
}

.debug-step summary[b-3he0sz0fl4] {
    display: grid;
    gap: 0.24rem;
    padding: 0.72rem 0.8rem;
    cursor: pointer;
}

.debug-step[open] summary[b-3he0sz0fl4] {
    border-bottom: 1px solid var(--rm-line);
    background: var(--rm-surface-hover);
}

.debug-step pre[b-3he0sz0fl4] {
    max-height: 28rem;
    margin: 0;
    overflow: auto;
    padding: 0.85rem;
    color: var(--rm-copy-soft);
    font-size: 0.74rem;
    white-space: pre-wrap;
}

.route b[b-3he0sz0fl4] {
    color: var(--rm-accent);
    font-weight: 600;
}

.assistant-error[b-3he0sz0fl4] {
    padding: 0.8rem 0.9rem;
    border: 1px solid color-mix(in srgb, var(--rm-danger) 42%, transparent);
    border-radius: 0.8rem;
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.image-preview-layer[b-3he0sz0fl4] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.72);
}

.image-preview-layer article[b-3he0sz0fl4] {
    display: grid;
    gap: 0.75rem;
    width: min(64rem, 96vw);
    max-height: 92vh;
    padding: 1rem;
    border: 1px solid var(--rm-line);
    border-radius: 1rem;
    background: var(--rm-surface);
    color: var(--rm-copy);
}

.image-preview-layer button[b-3he0sz0fl4] {
    justify-self: end;
}

.image-preview-layer img[b-3he0sz0fl4] {
    width: 100%;
    max-height: 74vh;
    object-fit: contain;
    border-radius: 0.75rem;
    background: #050505;
}

@media (max-width: 1050px) {
    .assistant-grid[b-3he0sz0fl4] {
        grid-template-columns: 1fr;
    }

    .conversation-panel[b-3he0sz0fl4],
    .debug-panel[b-3he0sz0fl4] {
        min-height: 30rem;
    }
}

@media (max-width: 640px) {
    .assistant-hero[b-3he0sz0fl4] {
        align-items: stretch;
        flex-direction: column;
    }

    .scope-card[b-3he0sz0fl4],
    .message-card[b-3he0sz0fl4] {
        max-width: 100%;
    }
}
/* /Pages/LogCreator.razor.rz.scp.css */
.log-creator-page[b-p3wgnw9gpz] {
    display: grid;
    gap: 1rem;
}

.creator-card[b-p3wgnw9gpz] {
    border: 1px solid #dbe4ee;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
    padding: 1rem;
    display: grid;
    gap: 0.9rem;
}

.creator-head[b-p3wgnw9gpz] {
    display: grid;
    gap: 0.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e7eef6;
}

.creator-head strong[b-p3wgnw9gpz] {
    color: #18324f;
    font-size: 1.05rem;
}

.creator-subtitle[b-p3wgnw9gpz] {
    color: #6f8296;
    font-size: 0.92rem;
}

.creator-grid[b-p3wgnw9gpz] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.selector-block[b-p3wgnw9gpz] {
    display: grid;
    gap: 0.45rem;
}

.selector-block label[b-p3wgnw9gpz] {
    font-weight: 700;
    color: #18324f;
}

.hint[b-p3wgnw9gpz] {
    color: #6f8296;
    font-size: 0.88rem;
}

.state-row[b-p3wgnw9gpz] {
    display: flex;
    gap: 0.5rem;
}

.state-chip[b-p3wgnw9gpz] {
    border: 1px solid #d0d9e5;
    background: #fff;
    color: #35506f;
    border-radius: 999px;
    padding: 0.45rem 0.85rem;
    min-width: 88px;
}

.state-chip.active[b-p3wgnw9gpz] {
    background: #0f62fe;
    color: #fff;
    border-color: #0f62fe;
}

.image-summary[b-p3wgnw9gpz] {
    color: #6f8296;
    font-size: 0.9rem;
}

.image-grid[b-p3wgnw9gpz] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.image-card[b-p3wgnw9gpz] {
    border: 1px solid #dbe4ee;
    border-radius: 14px;
    background: #fff;
    padding: 0.65rem;
    display: grid;
    gap: 0.45rem;
}

.image-card img[b-p3wgnw9gpz] {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 10px;
}

.action-row[b-p3wgnw9gpz] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.result-box[b-p3wgnw9gpz] {
    border: 1px solid #c9d7e6;
    border-radius: 14px;
    background: #f8fbff;
    padding: 0.9rem 1rem;
    white-space: pre-wrap;
    color: #24364a;
}
/* /Pages/LogEditor.razor.rz.scp.css */
.log-editor-page[b-tfym7yrp6d] {
    display: grid;
}

.log-editor-page .panel[b-tfym7yrp6d] {
    display: grid;
    gap: 1rem;
    align-content: start;
    max-width: 1280px;
}

.log-editor-page .toolbar[b-tfym7yrp6d] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.log-editor-page .toolbar select[b-tfym7yrp6d] {
    flex: 1 1 380px;
    min-width: 280px;
}

.log-editor-page .details-grid[b-tfym7yrp6d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.65rem;
}

.log-editor-page .details-grid > div[b-tfym7yrp6d] {
    display: grid;
    gap: 0.2rem;
    border: 1px solid var(--rm-line, #d1d9e6);
    border-radius: 14px;
    padding: 0.7rem 0.8rem;
    background: var(--rm-surface-2, #f8fbff);
    color: var(--rm-copy, #18324f);
}

.log-editor-page .edit-block[b-tfym7yrp6d] {
    display: grid;
    gap: 0.45rem;
}

.log-editor-page .status-row[b-tfym7yrp6d],
.log-editor-page .button-row[b-tfym7yrp6d] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.log-editor-page .rich-editor[b-tfym7yrp6d] {
    min-height: 220px;
    resize: vertical;
}

.log-editor-page .image-section[b-tfym7yrp6d] {
    display: grid;
    gap: 0.6rem;
}

.log-editor-page .image-grid[b-tfym7yrp6d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
}

.log-editor-page .image-tile[b-tfym7yrp6d] {
    display: grid;
    gap: 0.5rem;
}

.log-editor-page .image-button[b-tfym7yrp6d] {
    border: 0;
    padding: 0;
    background: transparent;
    cursor: zoom-in;
}

.log-editor-page .thumb-image[b-tfym7yrp6d] {
    width: 100%;
    height: 220px;
    object-fit: contain;
    border: 1px solid var(--rm-line, #d1d9e6);
    border-radius: 14px;
    background: var(--rm-surface-3, #fff);
}

.log-editor-page .image-delete-btn[b-tfym7yrp6d] {
    justify-self: start;
}

.log-editor-page .image-modal[b-tfym7yrp6d] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(8, 15, 26, 0.72);
}

.log-editor-page .image-modal-panel[b-tfym7yrp6d] {
    display: grid;
    gap: 0.75rem;
    width: min(96vw, 1400px);
    max-height: 92vh;
    padding: 1rem;
    border: 1px solid rgba(172, 185, 210, 0.2);
    border-radius: 18px;
    background: linear-gradient(180deg, #161824, #11131d);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);
}

.log-editor-page .image-modal-close[b-tfym7yrp6d] {
    justify-self: end;
    border: 1px solid rgba(172, 185, 210, 0.22);
    border-radius: 12px;
    padding: 0.55rem 0.8rem;
    background: rgba(255, 255, 255, 0.06);
    color: #edf3ff;
    font-weight: 800;
}

.log-editor-page .image-modal-image[b-tfym7yrp6d] {
    width: 100%;
    max-height: 84vh;
    object-fit: contain;
    border-radius: 14px;
    background: #0b0d14;
}
/* /Pages/Login.razor.rz.scp.css */
.login-page[b-5wvoj15bq6] {
    min-height: calc(100vh - 2rem);
    display: grid;
    place-items: center;
    color: #f7f8fd;
}

.login-card[b-5wvoj15bq6] {
    width: min(460px, 100%);
    display: grid;
    gap: 16px;
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 30px;
    background: linear-gradient(145deg, #23242f, #1f202b);
    box-shadow: var(--rm-shadow, 0 22px 58px rgba(0, 0, 0, 0.25));
}

.login-form[b-5wvoj15bq6] {
    display: grid;
    gap: 16px;
}

.eyebrow[b-5wvoj15bq6] {
    color: #a9e7de;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

h1[b-5wvoj15bq6],
p[b-5wvoj15bq6] {
    margin: 0;
}

h1[b-5wvoj15bq6] {
    color: #f7f8fd;
}

p[b-5wvoj15bq6] {
    color: #c7ccda;
}

label[b-5wvoj15bq6] {
    display: grid;
    gap: 7px;
    color: #f7f8fd;
    font-weight: 800;
}

.form-control[b-5wvoj15bq6] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    padding: 12px 14px;
    background: #11131d;
    color: #ffffff;
    caret-color: #ffffff;
}

.form-control:focus[b-5wvoj15bq6] {
    background: #11131d;
    border-color: #a9e7de;
    box-shadow: 0 0 0 0.18rem rgba(169, 231, 222, 0.18);
    color: #ffffff;
}

.primary-btn[b-5wvoj15bq6] {
    border: 0;
    border-radius: 16px;
    padding: 13px 18px;
    background: #a9e7de;
    color: #10131b;
    font-weight: 900;
}

.error-box[b-5wvoj15bq6] {
    border-radius: 14px;
    padding: 12px 14px;
    background: var(--rm-danger-soft, rgba(255, 107, 107, 0.14));
    color: #ffb6b6;
    font-weight: 700;
}
/* /Pages/LogsClean.razor.rz.scp.css */
.clean-logs-page[b-l8zaa9olrs] {
    display: grid;
    gap: 1rem;
}

.logs-workspace[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.logs-workspace.collapsed[b-l8zaa9olrs] {
    grid-template-columns: 78px minmax(0, 1fr);
}

.hero-card[b-l8zaa9olrs],
.filter-shell[b-l8zaa9olrs],
.status-card[b-l8zaa9olrs],
.hour-card[b-l8zaa9olrs],
.message-card[b-l8zaa9olrs],
.loading-card[b-l8zaa9olrs] {
    border: 1px solid rgba(178, 194, 214, 0.75);
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    box-shadow: 0 18px 45px rgba(15, 35, 67, 0.08);
}

.hero-card[b-l8zaa9olrs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
}

.log-actions[b-l8zaa9olrs] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.id-loader[b-l8zaa9olrs] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem;
    border: 1px solid #d5e0ee;
    border-radius: 16px;
    background: #f8fbff;
}

.id-loader input[b-l8zaa9olrs] {
    width: 120px;
    min-width: 0;
}

.hero-card h1[b-l8zaa9olrs] {
    margin: 0.15rem 0;
    color: #12304f;
    font-size: clamp(1.5rem, 3vw, 2.2rem);
}

.hero-card p[b-l8zaa9olrs],
.status-card span[b-l8zaa9olrs],
.empty-hour[b-l8zaa9olrs],
.loading-card span[b-l8zaa9olrs] {
    color: #60758f;
}

.eyebrow[b-l8zaa9olrs] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.primary-btn[b-l8zaa9olrs],
.filter-footer button[b-l8zaa9olrs],
.toolbar-actions button[b-l8zaa9olrs],
.detail-actions button[b-l8zaa9olrs],
.modal-panel header button[b-l8zaa9olrs],
.confirm-panel button[b-l8zaa9olrs] {
    border: 1px solid #bcd0ea;
    border-radius: 14px;
    padding: 0.65rem 0.9rem;
    background: #ffffff;
    color: #16375a;
    font-weight: 800;
    cursor: pointer;
}

.primary-btn[b-l8zaa9olrs],
.filter-footer button:first-of-type[b-l8zaa9olrs] {
    border-color: #2563eb;
    background: linear-gradient(180deg, #2f6df3, #1d4ed8);
    color: #fff;
}

button:disabled[b-l8zaa9olrs] {
    cursor: not-allowed;
    opacity: 0.58;
}

.filter-shell[b-l8zaa9olrs] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow: auto;
    align-self: start;
}

.filter-shell-head[b-l8zaa9olrs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.filter-shell-title[b-l8zaa9olrs] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.filter-shell-title strong[b-l8zaa9olrs] {
    color: #12304f;
    font-size: 1rem;
}

.filter-shell-body[b-l8zaa9olrs] {
    display: grid;
    gap: 0.85rem;
}

.filter-toggle-btn[b-l8zaa9olrs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bcd0ea;
    border-radius: 14px;
    width: 3rem;
    height: 2.75rem;
    padding: 0;
    background: #ffffff;
    color: #16375a;
    font-weight: 900;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.filter-toggle-btn:hover[b-l8zaa9olrs] {
    border-color: #8fb1dc;
    box-shadow: 0 10px 24px rgba(15, 35, 67, 0.12);
    transform: translateY(-1px);
}

.filter-toggle-icon[b-l8zaa9olrs] {
    width: 1.35rem;
    height: 1rem;
    border-radius: 0;
    border: 0;
    position: relative;
    flex: 0 0 auto;
    background: linear-gradient(currentColor, currentColor) center / 100% 0.14rem no-repeat;
}

.filter-toggle-icon[b-l8zaa9olrs]::before,
.filter-toggle-icon[b-l8zaa9olrs]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0.14rem;
    border-radius: 999px;
    background: currentColor;
}

.filter-toggle-icon[b-l8zaa9olrs]::before {
    top: 0;
}

.filter-toggle-icon[b-l8zaa9olrs]::after {
    bottom: 0;
}

.filter-shell.collapsed[b-l8zaa9olrs] {
    padding: 0.75rem 0.6rem;
    gap: 0.55rem;
}

.filter-shell.collapsed .filter-shell-head[b-l8zaa9olrs] {
    justify-content: center;
    flex-direction: row;
}

.filter-shell.collapsed .filter-shell-title[b-l8zaa9olrs] {
    display: none;
}

.filter-shell.collapsed .filter-toggle-btn[b-l8zaa9olrs] {
    width: 3rem;
    justify-content: center;
}

.filter-shell.collapsed .filter-shell-body[b-l8zaa9olrs] {
    display: none;
}

.logs-main[b-l8zaa9olrs] {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
}

.filter-row[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.7rem;
}

.filter-row-top[b-l8zaa9olrs] {
    grid-template-columns: minmax(180px, 1.15fr) minmax(160px, 0.9fr) auto minmax(140px, 0.8fr) minmax(140px, 0.8fr);
    align-items: end;
}

.day-jump-row[b-l8zaa9olrs] {
    display: flex;
    align-items: end;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.day-jump-row button[b-l8zaa9olrs] {
    border: 1px solid #bcd0ea;
    border-radius: 14px;
    padding: 0.68rem 0.8rem;
    background: #f8fbff;
    color: #16375a;
    font-weight: 900;
    cursor: pointer;
}

.filter-row label[b-l8zaa9olrs],
.section-toolbar label[b-l8zaa9olrs] {
    display: grid;
    gap: 0.35rem;
    color: #39536f;
    font-size: 0.82rem;
    font-weight: 900;
}

select[b-l8zaa9olrs],
input[type="number"][b-l8zaa9olrs],
input[type="text"][b-l8zaa9olrs],
input[type="datetime-local"][b-l8zaa9olrs],
input[type="date"][b-l8zaa9olrs],
input[type="time"][b-l8zaa9olrs],
input[type="search"][b-l8zaa9olrs] {
    width: 100%;
    border: 1px solid #cdd9e8;
    border-radius: 14px;
    padding: 0.72rem 0.8rem;
    background: #fff;
    color: #102a43;
    outline: none;
}

select:focus[b-l8zaa9olrs],
input:focus[b-l8zaa9olrs] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.section-toolbar[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: minmax(150px, 0.8fr) minmax(220px, 1fr) auto;
    gap: 0.7rem;
    align-items: end;
}

.section-toolbar > div:first-child[b-l8zaa9olrs] {
    display: grid;
    gap: 0.15rem;
}

.section-toolbar-title[b-l8zaa9olrs] {
    display: flex !important;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.section-toolbar-title span[b-l8zaa9olrs] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 800;
}

.toolbar-actions[b-l8zaa9olrs],
.filter-footer[b-l8zaa9olrs],
.detail-actions[b-l8zaa9olrs] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.section-list[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 0.5rem;
    max-height: 230px;
    overflow: auto;
    padding: 0.2rem;
}

.building-section-groups[b-l8zaa9olrs] {
    display: grid;
    gap: 0.65rem;
    max-height: 320px;
    overflow: auto;
    padding: 0.2rem;
}

.building-section-group[b-l8zaa9olrs] {
    display: grid;
    gap: 0.45rem;
    border: 1px solid var(--rm-line, #cfdae8);
    border-radius: 14px;
    padding: 0.55rem;
    background: var(--rm-surface-2, #f8fbff);
}

.building-section-group header[b-l8zaa9olrs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--rm-copy, #18324f);
}

.building-section-group header span[b-l8zaa9olrs] {
    color: var(--rm-copy-muted, #64748b);
    font-size: 0.78rem;
    font-weight: 800;
}

.building-section-card-grid[b-l8zaa9olrs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.building-section-card[b-l8zaa9olrs] {
    position: relative;
    display: grid;
    gap: 0.16rem;
    align-items: center;
    min-width: 0;
    flex: 1 1 180px;
    border: 1px solid var(--rm-line, #cfdae8);
    border-radius: 11px;
    padding: 0.45rem 1.75rem 0.45rem 0.45rem;
    background: var(--rm-surface-3, #fff);
    color: var(--rm-copy, #18324f);
    cursor: pointer;
    text-align: left;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.building-section-card.active[b-l8zaa9olrs] {
    border-color: var(--rm-accent, #2563eb);
    box-shadow: inset 0 0 0 1px var(--rm-accent, #2563eb), 0 0 0 3px rgba(169, 231, 222, 0.16);
    background: linear-gradient(145deg, rgba(169, 231, 222, 0.28), var(--rm-surface-hover, #eef6ff));
}

.building-section-card.active[b-l8zaa9olrs]::after {
    content: "";
    position: absolute;
    top: 0.42rem;
    right: 0.48rem;
    width: 1rem;
    height: 1rem;
    border: 3px solid var(--rm-accent-on, #fff);
    border-radius: 999px;
    background: var(--rm-accent, #2563eb);
    box-shadow: 0 0 0 1px var(--rm-accent, #2563eb);
}

.building-section-card .bs-id[b-l8zaa9olrs] {
    overflow: hidden;
    color: var(--rm-accent, #2563eb);
    font-size: 0.74rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.building-section-card strong[b-l8zaa9olrs] {
    overflow: hidden;
    color: var(--rm-copy, #18324f);
    font-size: 0.78rem;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-pill[b-l8zaa9olrs] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid #cfdae8;
    border-radius: 16px;
    padding: 0.55rem 0.65rem;
    background: #fff;
    color: #18324f;
    font-weight: 700;
}

.section-pill.active[b-l8zaa9olrs] {
    border-color: #2563eb;
    background: #eff6ff;
}

.filter-footer[b-l8zaa9olrs] {
    align-items: center;
    justify-content: space-between;
}

.check-line[b-l8zaa9olrs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #334e68;
    font-weight: 800;
}

.status-card[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    padding: 0.9rem 1rem;
}

.status-card div[b-l8zaa9olrs] {
    display: grid;
    gap: 0.2rem;
}

.message-card[b-l8zaa9olrs],
.loading-card[b-l8zaa9olrs] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
}

.message-card[b-l8zaa9olrs] {
    border-color: #f5c56b;
    background: #fff8e7;
    color: #7a4d00;
}

.hour-grid[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 0.9rem;
}

.hour-card[b-l8zaa9olrs] {
    padding: 0.85rem;
}

.hour-card header[b-l8zaa9olrs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding-bottom: 0.6rem;
    margin-bottom: 0.65rem;
    border-bottom: 1px solid #e2eaf4;
    color: #12304f;
}

.hour-range[b-l8zaa9olrs] {
    color: #f7f8fd;
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.log-chip-grid[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.bucket-pager[b-l8zaa9olrs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    margin-top: 0.7rem;
    padding-top: 0.7rem;
    border-top: 1px solid #e2eaf4;
    color: #58708d;
    font-size: 0.82rem;
    font-weight: 800;
}

.bucket-pager button[b-l8zaa9olrs] {
    border: 1px solid #bcd0ea;
    border-radius: 12px;
    padding: 0.45rem 0.7rem;
    background: #fff;
    color: #16375a;
    font-weight: 900;
    cursor: pointer;
}

.log-chip[b-l8zaa9olrs] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    border: 2px solid #dbe5f1;
    border-radius: 16px;
    padding: 0.55rem 0.35rem;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

.log-chip[b-l8zaa9olrs]::before,
.log-chip[b-l8zaa9olrs]::after {
    content: none !important;
    display: none !important;
}

.log-chip strong[b-l8zaa9olrs] {
    color: #102a43;
    font-size: 0.82rem;
}

.log-chip-topline[b-l8zaa9olrs] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
    justify-content: center;
    min-width: 0;
}

.log-chip-building-section-id[b-l8zaa9olrs] {
    border-left: 1px solid rgba(100, 116, 139, 0.45);
    color: #334155;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
    padding-left: 0.35rem;
}

.log-chip span[b-l8zaa9olrs] {
    overflow: hidden;
    color: #64748b;
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.log-chip.state-on[b-l8zaa9olrs] {
    border-color: #22c55e;
    background: #f0fdf4;
}

.log-chip.state-off[b-l8zaa9olrs] {
    border-color: #ef4444;
    background: #fff1f2;
}

.empty-hour[b-l8zaa9olrs] {
    padding: 0.7rem;
    border: 1px dashed #cfdae8;
    border-radius: 14px;
    text-align: center;
}

.modal-backdrop[b-l8zaa9olrs],
.image-lightbox[b-l8zaa9olrs] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(8, 15, 26, 0.72);
}

.image-lightbox[b-l8zaa9olrs] {
    z-index: 11050 !important;
}

.image-lightbox img[b-l8zaa9olrs] {
    position: relative;
    z-index: 1;
}

.modal-panel[b-l8zaa9olrs],
.confirm-panel[b-l8zaa9olrs] {
    width: min(96vw, 1300px);
    max-height: 92vh;
    overflow: auto;
    border-radius: 24px;
    background: linear-gradient(180deg, #161824, #11131d);
    border: 1px solid rgba(172, 185, 210, 0.16);
    padding: 1rem;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);
    color: #edf3ff;
}

.confirm-panel[b-l8zaa9olrs] {
    width: min(94vw, 460px);
}

.modal-panel header[b-l8zaa9olrs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.modal-panel h2[b-l8zaa9olrs],
.confirm-panel h2[b-l8zaa9olrs] {
    margin: 0.2rem 0;
    color: #f7fbff;
}

.detail-summary[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(280px, 1.4fr) auto;
    gap: 0.75rem;
    align-items: stretch;
    margin-bottom: 0.9rem;
}

.detail-summary > div[b-l8zaa9olrs] {
    display: grid;
    gap: 0.2rem;
    border: 1px solid rgba(172, 185, 210, 0.14);
    border-radius: 16px;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.07);
}

.detail-summary span[b-l8zaa9olrs] {
    color: #c9d7ec;
}

.summary-id-card[b-l8zaa9olrs] {
    min-width: 120px;
    place-items: center;
    align-content: center;
    text-align: center;
}

.detail-grid[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.7rem;
    margin-bottom: 0.9rem;
}

.detail-grid div[b-l8zaa9olrs],
.detail-grid label[b-l8zaa9olrs] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
    border: 1px solid rgba(172, 185, 210, 0.14);
    border-radius: 15px;
    padding: 0.7rem;
    background: rgba(255, 255, 255, 0.055);
}

.detail-grid span[b-l8zaa9olrs],
.detail-grid label[b-l8zaa9olrs] {
    color: #c9d7ec;
}

.readonly-value[b-l8zaa9olrs] {
    display: flex;
    min-height: 42px;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(172, 185, 210, 0.14);
    border-radius: 12px;
    padding: 0.55rem 0.65rem;
    background: rgba(255, 255, 255, 0.035);
    color: #dbeafe !important;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-grid strong[b-l8zaa9olrs] {
    color: #edf3ff;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
}

.detail-grid input[b-l8zaa9olrs],
.detail-grid select[b-l8zaa9olrs] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    border: 1px solid rgba(172, 185, 210, 0.2);
    border-radius: 12px;
    padding: 0.55rem 0.65rem;
    background: rgba(15, 23, 42, 0.86);
    color: #edf3ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.detail-grid input:hover[b-l8zaa9olrs],
.detail-grid select:hover[b-l8zaa9olrs] {
    border-color: rgba(147, 197, 253, 0.44);
    background: rgba(15, 23, 42, 0.96);
}

.detail-grid input:focus[b-l8zaa9olrs],
.detail-grid select:focus[b-l8zaa9olrs] {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.16);
}

.detail-grid input[b-l8zaa9olrs]::placeholder {
    color: #8091aa;
}

.detail-grid option[b-l8zaa9olrs] {
    background: #111827;
    color: #edf3ff;
}

.wide-field[b-l8zaa9olrs] {
    grid-column: span 2;
}

.detail-actions[b-l8zaa9olrs] {
    margin-bottom: 0.9rem;
}

.danger[b-l8zaa9olrs] {
    border-color: #ef4444 !important;
    background: #fff1f2 !important;
    color: #b91c1c !important;
}

.text-block-grid[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.text-block[b-l8zaa9olrs] {
    display: grid;
    gap: 0.45rem;
}

.text-block pre[b-l8zaa9olrs],
.text-block textarea[b-l8zaa9olrs] {
    width: 100%;
    max-height: 360px;
    min-height: 220px;
    overflow: auto;
    border: 1px solid #dbe5f1;
    border-radius: 16px;
    padding: 0.9rem;
    background: #0f172a;
    color: #e2e8f0;
    white-space: pre-wrap;
    resize: vertical;
}

.image-grid[b-l8zaa9olrs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 0.9rem;
    margin-top: 1rem;
}

.image-grid button[b-l8zaa9olrs] {
    border: 0;
    border-radius: 18px;
    padding: 0;
    background: transparent;
    cursor: zoom-in;
}

.image-grid img[b-l8zaa9olrs] {
    width: 100%;
    height: 360px;
    object-fit: contain;
    border: 1px solid rgba(172, 185, 210, 0.18);
    border-radius: 18px;
    background: #0b0d14;
}

.image-lightbox img[b-l8zaa9olrs] {
    max-width: 96vw;
    max-height: 94vh;
    border-radius: 18px;
    object-fit: contain;
    background: #0b0d14;
}

@media (max-width: 780px) {
    .filter-row-top[b-l8zaa9olrs] {
        grid-template-columns: 1fr;
    }

    .hero-card[b-l8zaa9olrs],
    .section-toolbar[b-l8zaa9olrs],
    .detail-summary[b-l8zaa9olrs],
    .filter-footer[b-l8zaa9olrs] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .wide-field[b-l8zaa9olrs] {
        grid-column: span 1;
    }

    .hero-card[b-l8zaa9olrs] {
        display: grid;
    }

    .log-actions[b-l8zaa9olrs],
    .id-loader[b-l8zaa9olrs] {
        width: 100%;
    }

    .day-jump-row[b-l8zaa9olrs] {
        width: 100%;
    }

    .text-block-grid[b-l8zaa9olrs] {
        grid-template-columns: 1fr;
    }

    .id-loader input[b-l8zaa9olrs] {
        width: 100%;
    }

    .building-section-card[b-l8zaa9olrs] {
        flex-basis: 100%;
    }

    .logs-workspace[b-l8zaa9olrs],
    .logs-workspace.collapsed[b-l8zaa9olrs] {
        grid-template-columns: 1fr;
    }

    .filter-shell[b-l8zaa9olrs] {
        position: static;
        max-height: none;
    }
}
/* /Pages/MqttSetup.razor.rz.scp.css */
.mqtt-page[b-kv85tez5ns] {
    display: grid;
    gap: 1rem;
}

.mqtt-head[b-kv85tez5ns],
.panel-card[b-kv85tez5ns] {
    background: color-mix(in srgb, var(--rm-surface, #111827) 92%, transparent);
    border: 1px solid color-mix(in srgb, var(--rm-border, #334155) 78%, transparent);
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}

.mqtt-toolbar[b-kv85tez5ns],
.mqtt-mode-tabs[b-kv85tez5ns] {
    display: flex;
    align-items: end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.mqtt-toolbar[b-kv85tez5ns] {
    justify-content: space-between;
}

.mqtt-mode-tabs[b-kv85tez5ns] {
    padding: 0.45rem;
    border: 1px solid color-mix(in srgb, var(--rm-border, #334155) 78%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--rm-surface, #111827) 88%, transparent);
}

.mqtt-mode-tabs .btn[b-kv85tez5ns] {
    min-width: 7rem;
}

.mqtt-head[b-kv85tez5ns] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
}

.mqtt-head h1[b-kv85tez5ns] {
    margin: 0.2rem 0 0.45rem;
    font-size: clamp(1.7rem, 2vw, 2.3rem);
}

.mqtt-head p[b-kv85tez5ns] {
    margin: 0;
    max-width: 60rem;
    color: var(--rm-text-soft, #94a3b8);
}

.mqtt-head-actions[b-kv85tez5ns] {
    display: flex;
    align-items: end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.compact-field[b-kv85tez5ns] {
    min-width: 15rem;
}

.summary-chip[b-kv85tez5ns] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.9rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--rm-border, #334155) 85%, transparent);
    background: color-mix(in srgb, var(--rm-surface-alt, #0f172a) 88%, transparent);
}

.summary-chip span[b-kv85tez5ns] {
    color: var(--rm-text-soft, #94a3b8);
    font-size: 0.9rem;
}

.panel-card[b-kv85tez5ns] {
    padding: 1.35rem;
}

.broker-panel[b-kv85tez5ns] {
    display: grid;
    gap: 1rem;
}

.mqtt-layout[b-kv85tez5ns] {
    display: grid;
    grid-template-columns: minmax(22rem, 1fr) minmax(22rem, 1.15fr);
    gap: 1.5rem;
}

.section-head[b-kv85tez5ns] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.eyebrow[b-kv85tez5ns] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--rm-accent, #38bdf8);
}

.form-grid[b-kv85tez5ns] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.field[b-kv85tez5ns],
.form-check[b-kv85tez5ns] {
    display: grid;
    gap: 0.45rem;
}

.field span[b-kv85tez5ns],
.form-check-label[b-kv85tez5ns] {
    font-size: 0.92rem;
    color: var(--rm-text-soft, #cbd5e1);
}

.wide[b-kv85tez5ns] {
    grid-column: 1 / -1;
}

.active-check[b-kv85tez5ns] {
    align-content: end;
    min-height: 2.75rem;
}

.button-row[b-kv85tez5ns] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.rule-library .section-head[b-kv85tez5ns] {
    margin-bottom: 1.15rem;
}

.listen-actions[b-kv85tez5ns] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.rule-list[b-kv85tez5ns] {
    display: grid;
    gap: 0.9rem;
}

.rule-card[b-kv85tez5ns] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--rm-border, #334155) 85%, transparent);
    background: color-mix(in srgb, var(--rm-surface-alt, #0f172a) 88%, transparent);
}

.rule-card.inactive[b-kv85tez5ns] {
    opacity: 0.72;
}

.rule-card-head[b-kv85tez5ns] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.rule-card-head strong[b-kv85tez5ns] {
    display: block;
    font-size: 1.02rem;
}

.memory-type[b-kv85tez5ns] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--rm-accent, #38bdf8) 14%, transparent);
    color: var(--rm-accent, #38bdf8);
    font-size: 0.76rem;
    font-weight: 700;
}

.topic-chip[b-kv85tez5ns],
.sample-box code[b-kv85tez5ns] {
    display: block;
    overflow-wrap: anywhere;
}

.topic-chip[b-kv85tez5ns] {
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.58);
    border: 1px solid rgba(148, 163, 184, 0.14);
    color: var(--rm-text, #e2e8f0);
}

.rule-meta[b-kv85tez5ns] {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
    color: var(--rm-text-soft, #94a3b8);
    font-size: 0.88rem;
}

.sample-box[b-kv85tez5ns] {
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem 0.95rem;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.52);
    border: 1px solid rgba(148, 163, 184, 0.12);
}

.sample-head[b-kv85tez5ns] {
    font-size: 0.8rem;
    color: var(--rm-text-soft, #94a3b8);
}

.error-note[b-kv85tez5ns] {
    color: #fca5a5;
    font-size: 0.88rem;
}

.rule-actions[b-kv85tez5ns] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.state-pill[b-kv85tez5ns] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    border: 1px solid transparent;
}

.state-on[b-kv85tez5ns] {
    color: #bbf7d0;
    background: rgba(34, 197, 94, 0.16);
    border-color: rgba(34, 197, 94, 0.28);
}

.state-off[b-kv85tez5ns] {
    color: #fecaca;
    background: rgba(239, 68, 68, 0.14);
    border-color: rgba(239, 68, 68, 0.24);
}

.state-warn[b-kv85tez5ns] {
    color: #fde68a;
    background: rgba(245, 158, 11, 0.16);
    border-color: rgba(245, 158, 11, 0.28);
}

.empty-state[b-kv85tez5ns] {
    display: grid;
    gap: 0.35rem;
    padding: 1.2rem;
    border-radius: 8px;
    border: 1px dashed color-mix(in srgb, var(--rm-border, #334155) 78%, transparent);
    color: var(--rm-text-soft, #94a3b8);
}

.compact-empty[b-kv85tez5ns] {
    min-height: 11rem;
    align-content: center;
}

.code-field[b-kv85tez5ns] {
    font-family: "Cascadia Code", "Consolas", monospace;
    font-size: 0.92rem;
}

@media (max-width: 1080px) {
    .mqtt-layout[b-kv85tez5ns] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .mqtt-head[b-kv85tez5ns] {
        padding: 1.1rem;
    }

    .panel-card[b-kv85tez5ns] {
        padding: 1rem;
    }

    .form-grid[b-kv85tez5ns] {
        grid-template-columns: 1fr;
    }

    .mqtt-head-actions[b-kv85tez5ns],
    .mqtt-toolbar[b-kv85tez5ns],
    .mqtt-mode-tabs[b-kv85tez5ns],
    .listen-actions[b-kv85tez5ns],
    .button-row[b-kv85tez5ns],
    .rule-actions[b-kv85tez5ns],
    .rule-meta[b-kv85tez5ns] {
        width: 100%;
    }

    .mqtt-mode-tabs .btn[b-kv85tez5ns] {
        min-width: 0;
        flex: 1 1 8rem;
    }

    .compact-field[b-kv85tez5ns] {
        min-width: 0;
        width: 100%;
    }
}
/* /Pages/NotificationDeliveries.razor.rz.scp.css */
.notification-deliveries-page[b-i8v5yfs7cd] {
    display: grid;
    gap: 1rem;
    color: var(--rm-text);
}

.page-head[b-i8v5yfs7cd],
.stats-grid article[b-i8v5yfs7cd],
.sms-composer[b-i8v5yfs7cd],
.filter-bar[b-i8v5yfs7cd],
.delivery-card[b-i8v5yfs7cd],
.empty-state[b-i8v5yfs7cd] {
    border: 1px solid var(--rm-border);
    background: var(--rm-surface);
}

.page-head[b-i8v5yfs7cd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    border-radius: 8px;
    padding: 1rem;
}

.page-head h1[b-i8v5yfs7cd] {
    margin: 0;
    font-size: 1.35rem;
}

.page-head p[b-i8v5yfs7cd] {
    margin: 0.25rem 0 0;
    color: var(--rm-muted);
}

.stats-grid[b-i8v5yfs7cd] {
    display: grid;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    gap: 0.75rem;
}

.stats-grid article[b-i8v5yfs7cd] {
    display: grid;
    gap: 0.2rem;
    border-radius: 8px;
    padding: 0.85rem;
}

.stats-grid strong[b-i8v5yfs7cd] {
    font-size: 1.35rem;
}

.stats-grid span[b-i8v5yfs7cd],
.filter-bar span[b-i8v5yfs7cd],
.delivery-card p[b-i8v5yfs7cd],
.meta-grid[b-i8v5yfs7cd],
.provider-row[b-i8v5yfs7cd] {
    color: var(--rm-muted);
}

.filter-bar[b-i8v5yfs7cd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 0.75rem;
    border-radius: 8px;
    padding: 0.85rem;
}

.filter-bar label[b-i8v5yfs7cd] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.sms-composer[b-i8v5yfs7cd] {
    display: grid;
    gap: 0.85rem;
    border-radius: 8px;
    padding: 0.95rem;
}

.sms-composer h2[b-i8v5yfs7cd] {
    margin: 0;
    font-size: 1.05rem;
}

.sms-composer p[b-i8v5yfs7cd] {
    margin: 0.2rem 0 0;
    color: var(--rm-muted);
}

.sms-fields[b-i8v5yfs7cd] {
    display: grid;
    grid-template-columns: minmax(220px, 0.7fr) minmax(260px, 1.3fr);
    gap: 0.75rem;
}

.sms-fields label[b-i8v5yfs7cd] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.sms-actions[b-i8v5yfs7cd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.sms-status[b-i8v5yfs7cd] {
    color: var(--rm-muted);
    min-height: 1.25rem;
}

.sms-status.success[b-i8v5yfs7cd] {
    color: var(--rm-success, #4cc38a);
}

.delivery-list[b-i8v5yfs7cd] {
    display: grid;
    gap: 0.75rem;
}

.delivery-card[b-i8v5yfs7cd] {
    display: grid;
    gap: 0.65rem;
    border-radius: 8px;
    padding: 0.85rem;
}

.delivery-card.status-failed[b-i8v5yfs7cd] {
    border-color: color-mix(in srgb, #ff5d76 65%, var(--rm-border));
}

.delivery-card.status-pending[b-i8v5yfs7cd] {
    border-color: color-mix(in srgb, #ffd166 65%, var(--rm-border));
}

.delivery-top[b-i8v5yfs7cd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.delivery-top strong[b-i8v5yfs7cd],
.delivery-top span[b-i8v5yfs7cd] {
    display: block;
}

.delivery-top span[b-i8v5yfs7cd] {
    color: var(--rm-muted);
    margin-top: 0.2rem;
}

.status-stack[b-i8v5yfs7cd] {
    display: grid;
    justify-items: end;
    gap: 0.2rem;
    min-width: 100px;
}

.status-stack em[b-i8v5yfs7cd] {
    color: var(--rm-accent);
    font-style: normal;
    font-size: 0.8rem;
}

.delivery-card p[b-i8v5yfs7cd] {
    margin: 0;
}

.meta-grid[b-i8v5yfs7cd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(140px, 1fr));
    gap: 0.35rem 0.75rem;
    font-size: 0.85rem;
}

.provider-row[b-i8v5yfs7cd] {
    display: grid;
    gap: 0.25rem;
    border-top: 1px solid var(--rm-border);
    padding-top: 0.65rem;
    font-size: 0.85rem;
}

.provider-row .error[b-i8v5yfs7cd] {
    color: #ff8ba0;
    overflow-wrap: anywhere;
}

.empty-state[b-i8v5yfs7cd] {
    border-radius: 8px;
    padding: 1rem;
    color: var(--rm-muted);
}

@media (max-width: 900px) {
    .stats-grid[b-i8v5yfs7cd] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }

    .filter-bar[b-i8v5yfs7cd],
    .sms-fields[b-i8v5yfs7cd],
    .meta-grid[b-i8v5yfs7cd] {
        grid-template-columns: 1fr;
    }

    .page-head[b-i8v5yfs7cd],
    .sms-actions[b-i8v5yfs7cd],
    .delivery-top[b-i8v5yfs7cd] {
        align-items: stretch;
        flex-direction: column;
    }

    .status-stack[b-i8v5yfs7cd] {
        justify-items: start;
    }
}
/* /Pages/RecognitionCameras.razor.rz.scp.css */
.recognition-page[b-x7o960e7ko] {
    display: grid;
    gap: 18px;
}

.hero-panel[b-x7o960e7ko],
.panel[b-x7o960e7ko],
.empty-card[b-x7o960e7ko],
.camera-location-group[b-x7o960e7ko],
.camera-card[b-x7o960e7ko] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 22px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
}

.hero-panel[b-x7o960e7ko] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 24px;
}

.hero-panel h1[b-x7o960e7ko],
.panel-head h3[b-x7o960e7ko] {
    margin: 0;
    color: var(--rm-copy);
}

.hero-panel p[b-x7o960e7ko],
.state-note[b-x7o960e7ko],
.empty-card[b-x7o960e7ko] {
    color: var(--rm-copy-soft);
    margin: 6px 0 0;
}

.eyebrow[b-x7o960e7ko] {
    color: var(--rm-accent-2);
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.hero-badges[b-x7o960e7ko] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.hero-badge[b-x7o960e7ko] {
    min-width: 118px;
    padding: 14px 16px;
    border-radius: 18px;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
}

.hero-badge span[b-x7o960e7ko] {
    color: var(--rm-copy-muted);
    display: block;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.hero-badge strong[b-x7o960e7ko] {
    color: var(--rm-copy);
    font-size: 1rem;
}

.page-grid[b-x7o960e7ko] {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(310px, .82fr) minmax(0, 1.18fr);
}

.panel[b-x7o960e7ko] {
    padding: 20px;
}

.compact-selector[b-x7o960e7ko] {
    padding: 18px 20px;
}

.panel-head[b-x7o960e7ko] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.form-grid[b-x7o960e7ko] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid .full-width[b-x7o960e7ko] {
    grid-column: 1 / -1;
}

label[b-x7o960e7ko] {
    color: var(--rm-copy-soft);
    display: grid;
    gap: 7px;
    font-size: .9rem;
    font-weight: 700;
}

.form-control[b-x7o960e7ko],
.form-select[b-x7o960e7ko] {
    background: var(--rm-input);
    border-color: var(--rm-input-border);
    color: var(--rm-copy);
}

.form-control:focus[b-x7o960e7ko],
.form-select:focus[b-x7o960e7ko] {
    background: var(--rm-input);
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--rm-accent) 22%, transparent);
    color: var(--rm-copy);
}

.checkbox-field[b-x7o960e7ko] {
    align-items: center;
    background: var(--rm-surface-2);
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    display: flex !important;
    gap: 10px !important;
    min-height: 52px;
    padding: 12px 14px;
}

.checkbox-field input[b-x7o960e7ko] {
    accent-color: var(--rm-accent);
}

.button-row[b-x7o960e7ko],
.card-actions[b-x7o960e7ko] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.button-row[b-x7o960e7ko] {
    margin-top: 16px;
}

.camera-groups[b-x7o960e7ko] {
    display: grid;
    gap: 12px;
}

.camera-location-group[b-x7o960e7ko] {
    display: grid;
    gap: 10px;
    padding: 12px;
    background: var(--rm-surface-2);
}

.group-heading[b-x7o960e7ko],
.section-heading[b-x7o960e7ko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.group-heading span[b-x7o960e7ko] {
    color: var(--rm-copy);
    font-size: .95rem;
    font-weight: 850;
}

.group-heading strong[b-x7o960e7ko],
.section-heading small[b-x7o960e7ko] {
    color: var(--rm-copy-muted);
    font-size: .78rem;
    font-weight: 800;
}

.camera-section-group[b-x7o960e7ko] {
    display: grid;
    gap: 8px;
}

.section-heading[b-x7o960e7ko] {
    color: var(--rm-copy-soft);
    font-size: .86rem;
    font-weight: 850;
    padding: 2px 2px 0;
}

.camera-mini-grid[b-x7o960e7ko] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
    gap: 10px;
}

.camera-card[b-x7o960e7ko] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border-radius: 18px;
    background: var(--rm-surface);
    min-height: 0;
}

.camera-card header[b-x7o960e7ko] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.camera-card strong[b-x7o960e7ko] {
    display: block;
    color: var(--rm-copy);
    font-size: .92rem;
    line-height: 1.2;
}

.camera-card small[b-x7o960e7ko],
.camera-meta[b-x7o960e7ko] {
    color: var(--rm-copy-muted);
}

.status-dot[b-x7o960e7ko] {
    display: inline-block;
    width: .55rem;
    height: .55rem;
    margin-top: .3rem;
    flex: 0 0 auto;
    border-radius: 99px;
    background: var(--rm-success);
}

.camera-card.disabled .status-dot[b-x7o960e7ko] {
    background: var(--rm-danger);
}

.camera-meta[b-x7o960e7ko] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: .76rem;
    font-weight: 750;
}

.section-chip[b-x7o960e7ko] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    padding: 4px 8px;
    color: var(--rm-copy);
    background: var(--rm-surface-2);
    font-size: .72rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

code[b-x7o960e7ko] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 8px;
    border-radius: 12px;
    background: var(--rm-surface-3);
    color: var(--rm-copy-soft);
    font-size: .72rem;
}

.status-pill[b-x7o960e7ko] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    padding: 4px 8px;
    white-space: nowrap;
}

.status-pill.ok[b-x7o960e7ko] {
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.status-pill.problem[b-x7o960e7ko] {
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.error-line[b-x7o960e7ko] {
    padding: 8px;
    border-radius: 12px;
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
    font-size: .75rem;
}

.action-btn[b-x7o960e7ko] {
    border-radius: 999px;
    font-weight: 650;
}

.btn-primary[b-x7o960e7ko] {
    background: var(--rm-accent);
    border-color: var(--rm-accent);
    color: var(--rm-accent-on);
}

.btn-outline-primary[b-x7o960e7ko],
.btn-outline-secondary[b-x7o960e7ko],
.btn-outline-danger[b-x7o960e7ko],
.btn-secondary[b-x7o960e7ko] {
    background: var(--rm-surface-2);
}

.empty-card[b-x7o960e7ko] {
    padding: 18px 20px;
}

@media (max-width: 1100px) {
    .page-grid[b-x7o960e7ko],
    .hero-panel[b-x7o960e7ko] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .hero-badges[b-x7o960e7ko] {
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .form-grid[b-x7o960e7ko] {
        grid-template-columns: 1fr;
    }

    .hero-panel[b-x7o960e7ko],
    .panel[b-x7o960e7ko] {
        padding: 18px;
    }

    .group-heading[b-x7o960e7ko],
    .section-heading[b-x7o960e7ko] {
        align-items: stretch;
        flex-direction: column;
    }

    .camera-mini-grid[b-x7o960e7ko] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/RecognitionCameraZones.razor.rz.scp.css */
.zone-page[b-0bxxamx70z] {
    display: grid;
    gap: 1rem;
}

.zone-hero[b-0bxxamx70z],
.editor-card[b-0bxxamx70z],
.empty-card[b-0bxxamx70z],
.zone-editor-card[b-0bxxamx70z] {
    border: 1px solid var(--rm-border);
    border-radius: 22px;
    background: linear-gradient(145deg, var(--rm-card), var(--rm-bg-soft));
    box-shadow: var(--rm-shadow-soft);
}

.zone-hero[b-0bxxamx70z] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.2rem;
}

.eyebrow[b-0bxxamx70z] {
    color: var(--rm-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.zone-hero h1[b-0bxxamx70z] {
    margin: 0.2rem 0;
    color: var(--rm-text);
    font-weight: 850;
}

.zone-hero p[b-0bxxamx70z],
.empty-card[b-0bxxamx70z] {
    color: var(--rm-muted);
}

.editor-card[b-0bxxamx70z],
.empty-card[b-0bxxamx70z] {
    padding: 1rem;
}

label[b-0bxxamx70z] {
    display: grid;
    gap: 0.35rem;
    color: var(--rm-text);
    font-weight: 750;
}

.wide[b-0bxxamx70z] {
    grid-column: span 2;
}

.toggle-line[b-0bxxamx70z] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.primary-btn[b-0bxxamx70z],
.soft-btn[b-0bxxamx70z],
.danger-btn[b-0bxxamx70z] {
    border: 1px solid var(--rm-border);
    border-radius: 14px;
    padding: 0.7rem 0.95rem;
    font-weight: 800;
    text-decoration: none;
}

.primary-btn[b-0bxxamx70z] {
    background: var(--rm-accent);
    color: var(--rm-accent-contrast);
}

.soft-btn[b-0bxxamx70z] {
    background: var(--rm-surface-3);
    color: var(--rm-text);
}

.danger-btn[b-0bxxamx70z] {
    background: var(--rm-danger-soft);
    color: var(--rm-danger);
}

.danger-btn:disabled[b-0bxxamx70z] {
    opacity: 0.55;
}

.zone-editor-card[b-0bxxamx70z] {
    display: grid;
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
}

.zone-sidebar[b-0bxxamx70z],
.zone-workspace[b-0bxxamx70z] {
    display: grid;
    gap: 0.85rem;
    align-content: start;
}

.zone-title h2[b-0bxxamx70z] {
    margin: 0.2rem 0 0;
    color: var(--rm-text);
    font-weight: 850;
}

.selected-camera-note[b-0bxxamx70z] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid var(--rm-border);
    border-radius: 12px;
    padding: 0.55rem;
    background: var(--rm-bg-soft);
    color: var(--rm-muted);
    font-size: 0.78rem;
    font-weight: 750;
}

.zone-list[b-0bxxamx70z] {
    display: grid;
    gap: 0.5rem;
    max-height: 460px;
    overflow: auto;
}

.zone-row[b-0bxxamx70z],
.zone-empty[b-0bxxamx70z] {
    display: grid;
    gap: 0.2rem;
    border: 1px solid var(--rm-border);
    border-radius: 14px;
    padding: 0.75rem;
    text-align: left;
    background: var(--rm-bg-soft);
    color: var(--rm-text);
}

.zone-row.active[b-0bxxamx70z] {
    border-color: var(--rm-border-strong);
    background: var(--rm-card-raised);
}

.zone-row span[b-0bxxamx70z],
.zone-empty[b-0bxxamx70z] {
    color: var(--rm-muted);
    font-size: 0.82rem;
    font-weight: 750;
}

.zone-toolbar[b-0bxxamx70z] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(180px, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.zone-canvas[b-0bxxamx70z] {
    position: relative;
    overflow: hidden;
    min-height: 360px;
    border: 1px solid var(--rm-border);
    border-radius: 18px;
    background: var(--rm-surface-3);
    cursor: crosshair;
}

.zone-canvas img[b-0bxxamx70z],
.zone-canvas svg[b-0bxxamx70z] {
    display: block;
    width: 100%;
    height: auto;
}

.zone-canvas svg[b-0bxxamx70z] {
    position: absolute;
    inset: 0;
    height: 100%;
    pointer-events: none;
}

.saved-zone[b-0bxxamx70z] {
    fill: rgba(37, 99, 235, 0.18);
    stroke: rgba(147, 197, 253, 0.9);
    stroke-width: 4;
}

.editing-zone[b-0bxxamx70z] {
    fill: rgba(34, 197, 94, 0.18);
    stroke: rgba(34, 197, 94, 0.95);
    stroke-width: 5;
}

.editing-line[b-0bxxamx70z] {
    fill: none;
    stroke: rgba(34, 197, 94, 0.95);
    stroke-width: 5;
}

.editing-point[b-0bxxamx70z] {
    fill: #f8fafc;
    stroke: var(--rm-accent);
    stroke-width: 3;
}

.zone-placeholder[b-0bxxamx70z] {
    min-height: 360px;
    display: grid;
    place-items: center;
    padding: 1rem;
    color: var(--rm-copy-soft);
    text-align: center;
    font-weight: 850;
}

.zone-actions[b-0bxxamx70z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.zone-hint[b-0bxxamx70z] {
    min-height: 1.5rem;
    color: var(--rm-muted);
    font-weight: 750;
}

@media (max-width: 900px) {
    .zone-editor-card[b-0bxxamx70z],
    .zone-toolbar[b-0bxxamx70z] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .zone-hero[b-0bxxamx70z] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/RecognitionEmployeeRoles.razor.rz.scp.css */
.employee-roles-page[b-b5uu8ipe6z] {
    display: grid;
    gap: 1rem;
}

.roles-hero[b-b5uu8ipe6z],
.editor-card[b-b5uu8ipe6z],
.empty-card[b-b5uu8ipe6z],
.role-card[b-b5uu8ipe6z] {
    border: 1px solid rgba(112, 137, 179, 0.2);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 255, 0.96));
    box-shadow: 0 18px 45px rgba(31, 47, 77, 0.08);
}

.roles-hero[b-b5uu8ipe6z] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem;
}

.eyebrow[b-b5uu8ipe6z] {
    color: #5b6f90;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.roles-hero h1[b-b5uu8ipe6z] {
    margin: 0.2rem 0;
    color: #142944;
    font-weight: 850;
}

.roles-hero p[b-b5uu8ipe6z],
.empty-card[b-b5uu8ipe6z],
.role-card p[b-b5uu8ipe6z] {
    color: #5d6f8c;
}

.editor-card[b-b5uu8ipe6z],
.empty-card[b-b5uu8ipe6z] {
    padding: 1.2rem;
}

.editor-card.compact[b-b5uu8ipe6z] {
    max-width: 430px;
}

.message-card[b-b5uu8ipe6z] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(20, 87, 255, 0.18);
    border-radius: 18px;
    background: #eef4ff;
    color: #173764;
    font-weight: 800;
}

.editor-grid[b-b5uu8ipe6z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.9rem;
}

label[b-b5uu8ipe6z] {
    display: grid;
    gap: 0.35rem;
    color: #203653;
    font-weight: 800;
}

.toggle-line[b-b5uu8ipe6z] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.wide[b-b5uu8ipe6z] {
    grid-column: span 2;
}

.actions[b-b5uu8ipe6z],
.card-actions[b-b5uu8ipe6z] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.primary-btn[b-b5uu8ipe6z],
.soft-btn[b-b5uu8ipe6z],
.card-actions button[b-b5uu8ipe6z] {
    border: 1px solid rgba(38, 104, 255, 0.22);
    border-radius: 16px;
    padding: 0.75rem 1rem;
    font-weight: 850;
}

.primary-btn[b-b5uu8ipe6z] {
    background: #1457ff;
    color: white;
}

.soft-btn[b-b5uu8ipe6z],
.card-actions button[b-b5uu8ipe6z] {
    background: #eef4ff;
    color: #173764;
}

.card-actions .danger[b-b5uu8ipe6z] {
    border-color: rgba(197, 44, 44, 0.2);
    background: #fff0f0;
    color: #9d1e1e;
}

.roles-grid[b-b5uu8ipe6z] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}

.role-card[b-b5uu8ipe6z] {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
}

.role-card.disabled[b-b5uu8ipe6z] {
    opacity: 0.72;
}

.role-card strong[b-b5uu8ipe6z] {
    color: #142944;
    font-size: 1.08rem;
}

.role-icon[b-b5uu8ipe6z] {
    display: grid;
    place-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 18px;
    background: linear-gradient(145deg, #0c7d6b, #24c78f);
    color: white;
    font-weight: 950;
}

.employee-count[b-b5uu8ipe6z] {
    justify-self: start;
    padding: 0.35rem 0.65rem;
    border: 1px solid rgba(36, 199, 143, 0.28);
    border-radius: 999px;
    background: rgba(36, 199, 143, 0.12);
    color: #0d6f5e;
    font-size: 0.78rem;
    font-weight: 900;
}

@media (max-width: 700px) {
    .roles-hero[b-b5uu8ipe6z] {
        align-items: stretch;
        flex-direction: column;
    }

    .wide[b-b5uu8ipe6z] {
        grid-column: auto;
    }
}
/* /Pages/RecognitionEmployees.razor.rz.scp.css */
.employees-page[b-jb165ldk72] {
    display: grid;
    gap: 1.25rem;
}

.employees-hero[b-jb165ldk72],
.stat-card[b-jb165ldk72],
.panel-head[b-jb165ldk72],
.editor-panel[b-jb165ldk72],
.directory-panel[b-jb165ldk72],
.samples-panel[b-jb165ldk72],
.message-card[b-jb165ldk72],
.empty-card[b-jb165ldk72],
.employee-card[b-jb165ldk72],
.sample-card[b-jb165ldk72] {
    border: 1px solid var(--rm-line);
    background: linear-gradient(180deg, var(--rm-surface), var(--rm-surface-2));
    color: var(--rm-copy);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16);
}

.employees-hero[b-jb165ldk72],
.editor-panel[b-jb165ldk72],
.directory-panel[b-jb165ldk72],
.samples-panel[b-jb165ldk72],
.message-card[b-jb165ldk72],
.empty-card[b-jb165ldk72],
.employee-card[b-jb165ldk72] {
    border-radius: 24px;
}

.employees-hero[b-jb165ldk72] {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    align-items: flex-start;
    padding: 1.4rem 1.5rem;
}

.hero-copy[b-jb165ldk72] {
    display: grid;
    gap: 0.45rem;
    max-width: 48rem;
}

.hero-kicker[b-jb165ldk72],
.eyebrow[b-jb165ldk72] {
    color: var(--rm-accent-2);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.employees-hero h1[b-jb165ldk72],
.panel-head h2[b-jb165ldk72] {
    margin: 0;
    font-size: clamp(1.45rem, 1.1rem + 1vw, 2rem);
    font-weight: 900;
    color: var(--rm-copy);
}

.employees-hero p[b-jb165ldk72],
.panel-head p[b-jb165ldk72],
.samples-head span[b-jb165ldk72],
.sample-manager-head span[b-jb165ldk72],
.field span[b-jb165ldk72],
.search-field span[b-jb165ldk72],
.employee-copy p[b-jb165ldk72],
.employee-meta span[b-jb165ldk72],
.hero-chip-label[b-jb165ldk72],
.toggle-copy small[b-jb165ldk72],
.empty-card[b-jb165ldk72],
.sample-card small[b-jb165ldk72] {
    color: var(--rm-copy-soft);
}

.employee-actions[b-jb165ldk72] {
    display: flex;
    gap: 0.9rem;
    align-items: end;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.building-picker[b-jb165ldk72],
.search-field[b-jb165ldk72] {
    display: grid;
    gap: 0.45rem;
    min-width: min(18rem, 100%);
    font-weight: 700;
    color: var(--rm-copy);
}

.hero-chip[b-jb165ldk72] {
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem 1rem;
    min-width: 13rem;
    border: 1px solid var(--rm-line-strong);
    border-radius: 18px;
    background: rgba(35, 180, 255, 0.08);
}

.hero-chip strong[b-jb165ldk72] {
    color: var(--rm-copy);
}

.employee-stats[b-jb165ldk72] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.stat-card[b-jb165ldk72] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border-radius: 20px;
}

.stat-card span[b-jb165ldk72] {
    color: var(--rm-copy-soft);
    font-size: 0.85rem;
}

.stat-card strong[b-jb165ldk72] {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--rm-copy);
}

.message-card[b-jb165ldk72],
.empty-card[b-jb165ldk72] {
    padding: 1rem 1.1rem;
}

.message-card[b-jb165ldk72] {
    border-color: var(--rm-line-strong);
    background: linear-gradient(180deg, rgba(35, 180, 255, 0.12), rgba(169, 231, 222, 0.08));
    font-weight: 700;
}

.empty-card.compact[b-jb165ldk72] {
    border-style: dashed;
    box-shadow: none;
}

.employees-shell[b-jb165ldk72] {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
    gap: 1rem;
    align-items: start;
}

.editor-panel[b-jb165ldk72],
.directory-panel[b-jb165ldk72] {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
}

.panel-head[b-jb165ldk72] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    padding: 1rem 1.05rem;
    border-radius: 20px;
}

.status-chip[b-jb165ldk72] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.42rem 0.72rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 900;
    white-space: nowrap;
}

.status-chip.enabled[b-jb165ldk72] {
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.status-chip.disabled[b-jb165ldk72] {
    background: var(--rm-danger-soft);
    color: #ffb6b6;
}

.editor-grid[b-jb165ldk72] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.field[b-jb165ldk72] {
    display: grid;
    gap: 0.45rem;
    font-weight: 700;
    color: var(--rm-copy);
}

.toggle-card[b-jb165ldk72] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.05rem;
    border: 1px solid var(--rm-line);
    border-radius: 20px;
    background: var(--rm-surface-3);
}

.toggle-copy[b-jb165ldk72] {
    display: grid;
    gap: 0.2rem;
}

.toggle-copy strong[b-jb165ldk72] {
    color: var(--rm-copy);
}

.toggle-control[b-jb165ldk72] {
    display: inline-flex;
    gap: 0.6rem;
    align-items: center;
    font-weight: 800;
    color: var(--rm-copy);
}

.toggle-control input[b-jb165ldk72],
.sample-check input[b-jb165ldk72] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--rm-accent-2);
}

.editor-actions[b-jb165ldk72],
.card-actions[b-jb165ldk72],
.sample-manager-actions[b-jb165ldk72] {
    display: flex;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.primary-btn[b-jb165ldk72],
.soft-btn[b-jb165ldk72],
.danger-btn[b-jb165ldk72] {
    border-radius: 16px;
    padding: 0.78rem 1rem;
    font-weight: 900;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

.primary-btn:hover[b-jb165ldk72],
.soft-btn:hover[b-jb165ldk72],
.danger-btn:hover[b-jb165ldk72] {
    transform: translateY(-1px);
}

.primary-btn[b-jb165ldk72] {
    border: 1px solid transparent;
    background: linear-gradient(135deg, var(--rm-accent-2), var(--rm-accent));
    color: var(--rm-accent-on);
}

.soft-btn[b-jb165ldk72] {
    border: 1px solid var(--rm-line-strong);
    background: var(--rm-surface-3);
    color: var(--rm-copy);
}

.danger-btn[b-jb165ldk72] {
    border: 1px solid rgba(255, 107, 107, 0.28);
    background: var(--rm-danger-soft);
    color: #ffcdcd;
}

.danger-btn.subtle[b-jb165ldk72] {
    padding-inline: 0.9rem;
}

.danger-btn:disabled[b-jb165ldk72],
.primary-btn:disabled[b-jb165ldk72],
.soft-btn:disabled[b-jb165ldk72] {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
}

.samples-panel[b-jb165ldk72] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.05rem;
}

.samples-panel.locked[b-jb165ldk72] {
    opacity: 0.82;
    border-style: dashed;
}

.samples-head[b-jb165ldk72],
.sample-manager-head[b-jb165ldk72] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.samples-head strong[b-jb165ldk72],
.sample-manager-head strong[b-jb165ldk72] {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--rm-copy);
    font-size: 1.02rem;
}

.sample-input[b-jb165ldk72] {
    max-width: 20rem;
}

.sample-check[b-jb165ldk72] {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    color: var(--rm-copy);
    font-weight: 800;
}

.sample-check.all[b-jb165ldk72],
.sample-check.floating[b-jb165ldk72] {
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.18);
}

.sample-check.all[b-jb165ldk72] {
    padding: 0.6rem 0.82rem;
}

.sample-grid[b-jb165ldk72] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.85rem;
}

.sample-card[b-jb165ldk72] {
    position: relative;
    display: grid;
    gap: 0.5rem;
    padding: 0.6rem;
    border-radius: 20px;
}

.sample-card.selected[b-jb165ldk72] {
    border-color: var(--rm-line-strong);
    box-shadow: 0 0 0 3px rgba(169, 231, 222, 0.08);
}

.sample-card img[b-jb165ldk72] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 16px;
}

.sample-card small[b-jb165ldk72] {
    text-align: center;
    font-weight: 700;
}

.sample-check.floating[b-jb165ldk72] {
    position: absolute;
    top: 0.65rem;
    left: 0.65rem;
    z-index: 1;
    padding: 0.34rem 0.52rem;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
    font-size: 0.8rem;
}

.directory-panel[b-jb165ldk72] {
    position: sticky;
    top: 1rem;
}

.employee-wrap[b-jb165ldk72] {
    display: grid;
    gap: 0.9rem;
}

.employee-card[b-jb165ldk72] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
}

.employee-card.selected[b-jb165ldk72] {
    border-color: var(--rm-line-strong);
    box-shadow: 0 0 0 3px rgba(169, 231, 222, 0.08);
}

.employee-top[b-jb165ldk72] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
}

.avatar[b-jb165ldk72] {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 18px;
    background: linear-gradient(145deg, var(--rm-accent-2), var(--rm-success));
    color: var(--rm-accent-on);
    font-weight: 900;
}

.employee-card.disabled .avatar[b-jb165ldk72] {
    background: linear-gradient(145deg, #4a5264, #7e8596);
}

.employee-copy[b-jb165ldk72] {
    min-width: 0;
}

.employee-copy strong[b-jb165ldk72] {
    display: block;
    color: var(--rm-copy);
    font-size: 1rem;
}

.employee-copy p[b-jb165ldk72] {
    margin: 0.18rem 0 0;
}

.employee-meta[b-jb165ldk72] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    background: var(--rm-surface-3);
}

.employee-meta div[b-jb165ldk72] {
    display: grid;
    gap: 0.22rem;
}

.employee-meta strong[b-jb165ldk72] {
    color: var(--rm-copy);
    font-size: 0.95rem;
}

@media (max-width: 1100px) {
    .employees-shell[b-jb165ldk72] {
        grid-template-columns: 1fr;
    }

    .directory-panel[b-jb165ldk72] {
        position: static;
    }
}

@media (max-width: 900px) {
    .employee-stats[b-jb165ldk72],
    .editor-grid[b-jb165ldk72] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .employees-hero[b-jb165ldk72],
    .panel-head[b-jb165ldk72],
    .samples-head[b-jb165ldk72],
    .sample-manager-head[b-jb165ldk72] {
        flex-direction: column;
        align-items: stretch;
    }

    .employee-actions[b-jb165ldk72] {
        justify-content: stretch;
    }
}

@media (max-width: 640px) {
    .employee-stats[b-jb165ldk72],
    .editor-grid[b-jb165ldk72],
    .employee-meta[b-jb165ldk72] {
        grid-template-columns: 1fr;
    }

    .employee-top[b-jb165ldk72] {
        grid-template-columns: auto 1fr;
    }

    .employee-top .status-chip[b-jb165ldk72] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}
/* /Pages/RecognitionMonitorRequests.razor.rz.scp.css */
.monitor-page[b-oa7wdhnngy] {
    display: grid;
    gap: 1rem;
}

.monitor-hero[b-oa7wdhnngy],
.control-card[b-oa7wdhnngy],
.stats-grid > article[b-oa7wdhnngy],
.request-card[b-oa7wdhnngy],
.empty-card[b-oa7wdhnngy] {
    border: 1px solid rgba(112, 137, 179, 0.2);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(244, 248, 253, 0.97));
    box-shadow: 0 18px 45px rgba(31, 47, 77, 0.08);
}

.monitor-hero[b-oa7wdhnngy] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.3rem;
}

.eyebrow[b-oa7wdhnngy] {
    color: #5b6f90;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.monitor-hero h1[b-oa7wdhnngy] {
    margin: 0.2rem 0;
    color: #142944;
    font-weight: 850;
}

.monitor-hero p[b-oa7wdhnngy],
.empty-card[b-oa7wdhnngy],
.section-title span[b-oa7wdhnngy] {
    color: #5d6f8c;
}

.control-card[b-oa7wdhnngy],
.empty-card[b-oa7wdhnngy] {
    padding: 1.15rem;
}

.control-card.compact[b-oa7wdhnngy] {
    max-width: 430px;
}

.stats-grid[b-oa7wdhnngy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.stats-grid > article[b-oa7wdhnngy] {
    display: grid;
    gap: 0.2rem;
    padding: 1rem;
}

.stats-grid strong[b-oa7wdhnngy] {
    color: #142944;
    font-size: 1.8rem;
}

.stats-grid span[b-oa7wdhnngy] {
    color: #60708b;
}

.form-grid[b-oa7wdhnngy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.9rem;
    align-items: start;
}

.form-grid > *[b-oa7wdhnngy] {
    min-width: 0;
    align-self: start;
}

label[b-oa7wdhnngy] {
    display: grid;
    gap: 0.35rem;
    color: #203653;
    font-weight: 750;
}

.toggle-line[b-oa7wdhnngy] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
}

.schedule-card[b-oa7wdhnngy] {
    display: grid;
    gap: 0.75rem;
    align-self: start;
    min-width: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--rm-accent-2) 16%, transparent);
    border-radius: 20px;
    padding: 0.95rem;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--rm-surface-2) 88%, transparent), color-mix(in srgb, var(--rm-surface) 70%, transparent));
}

.schedule-card-head[b-oa7wdhnngy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
}

.schedule-card-head div[b-oa7wdhnngy] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.schedule-card-head span[b-oa7wdhnngy] {
    color: var(--rm-copy-muted);
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.schedule-card-head strong[b-oa7wdhnngy] {
    color: var(--rm-copy);
    font-size: 1.05rem;
    overflow-wrap: anywhere;
}

.schedule-mode-pill[b-oa7wdhnngy] {
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--rm-success) 22%, transparent);
    border-radius: 999px;
    padding: 0.35rem 0.65rem;
    background: color-mix(in srgb, var(--rm-success) 8%, transparent);
    color: var(--rm-success) !important;
    font-size: 0.72rem !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.schedule-mode-grid[b-oa7wdhnngy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
    gap: 0.5rem;
    min-width: 0;
}

.schedule-mode-button[b-oa7wdhnngy] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--rm-accent-2) 18%, transparent);
    border-radius: 16px;
    padding: 0.75rem;
    background: color-mix(in srgb, var(--rm-accent-2) 6%, var(--rm-surface-2));
    color: var(--rm-copy);
    text-align: left;
    cursor: pointer;
    font: inherit;
    transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease;
}

.schedule-mode-button:hover[b-oa7wdhnngy],
.weekday-toggle:hover[b-oa7wdhnngy] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--rm-accent-2) 34%, transparent);
}

.schedule-mode-button strong[b-oa7wdhnngy] {
    color: inherit;
    font-size: 0.92rem;
}

.schedule-mode-button span[b-oa7wdhnngy] {
    color: var(--rm-copy-muted);
    font-size: 0.76rem;
    font-weight: 750;
}

.schedule-mode-button.active[b-oa7wdhnngy] {
    border-color: color-mix(in srgb, var(--rm-success) 48%, transparent);
    background: var(--rm-success-soft);
    color: var(--rm-success);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rm-success) 16%, transparent);
}

.schedule-mode-button.active span[b-oa7wdhnngy] {
    color: inherit;
    opacity: 0.78;
}

.weekday-toggle-list[b-oa7wdhnngy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(76px, 100%), 1fr));
    gap: 0.5rem;
    min-width: 0;
}

.weekday-toggle[b-oa7wdhnngy] {
    position: relative;
    display: grid;
    justify-items: center;
    min-width: 0;
    gap: 0.12rem;
    border: 1px solid color-mix(in srgb, var(--rm-accent-2) 18%, transparent);
    border-radius: 15px;
    padding: 0.55rem 0.35rem;
    background: color-mix(in srgb, var(--rm-accent-2) 5%, var(--rm-surface-2));
    color: var(--rm-copy);
    cursor: pointer;
    user-select: none;
    transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease;
}

.weekday-toggle input[b-oa7wdhnngy] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.weekday-toggle.active[b-oa7wdhnngy] {
    border-color: color-mix(in srgb, var(--rm-success) 48%, transparent);
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.day-short[b-oa7wdhnngy] {
    font-size: 0.96rem;
    font-weight: 900;
    line-height: 1;
}

.weekday-toggle small[b-oa7wdhnngy] {
    color: inherit;
    font-size: 0.66rem;
    font-weight: 750;
    opacity: 0.74;
}

.schedule-summary[b-oa7wdhnngy] {
    color: var(--rm-copy-muted);
    font-size: 0.8rem;
    font-weight: 800;
}

.wide[b-oa7wdhnngy] {
    grid-column: span 2;
}

.actions[b-oa7wdhnngy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.primary-btn[b-oa7wdhnngy],
.soft-btn[b-oa7wdhnngy],
.danger-btn[b-oa7wdhnngy] {
    border: 1px solid rgba(38, 104, 255, 0.22);
    border-radius: 16px;
    padding: 0.75rem 1rem;
    font-weight: 850;
}

.primary-btn[b-oa7wdhnngy] {
    background: #1457ff;
    color: white;
}

.soft-btn[b-oa7wdhnngy] {
    background: #eef4ff;
    color: #173764;
}

.danger-btn[b-oa7wdhnngy] {
    border-color: rgba(197, 44, 44, 0.2);
    background: #fff0f0;
    color: #9d1e1e;
}

.message-card[b-oa7wdhnngy] {
    margin-top: 0.85rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(20, 87, 255, 0.18);
    border-radius: 16px;
    background: #eef4ff;
    color: #173764;
    font-weight: 800;
}

.section-title[b-oa7wdhnngy] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.section-panel[b-oa7wdhnngy] {
    display: grid;
    gap: 0.75rem;
}

.monitor-calendar-panel[b-oa7wdhnngy] {
    border: 1px solid var(--rm-line);
    border-radius: 22px;
    padding: 0.85rem;
    background: color-mix(in srgb, var(--rm-surface) 72%, transparent);
}

.schedule-split-panel[b-oa7wdhnngy] {
    display: grid;
    gap: 0.65rem;
    border: 1px solid color-mix(in srgb, var(--rm-accent-2) 14%, transparent);
    border-radius: 18px;
    padding: 0.75rem;
    background: color-mix(in srgb, var(--rm-surface-2) 74%, transparent);
}

.schedule-split-title[b-oa7wdhnngy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.schedule-split-title strong[b-oa7wdhnngy] {
    display: block;
    color: var(--rm-copy);
}

.schedule-split-title span[b-oa7wdhnngy] {
    color: var(--rm-copy-muted);
    font-size: 0.8rem;
    font-weight: 750;
}

.daily-monitor-list[b-oa7wdhnngy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 0.55rem;
}

.split-empty[b-oa7wdhnngy] {
    border: 1px dashed var(--rm-line);
    border-radius: 14px;
    padding: 0.75rem;
}

.monitor-calendar-scroll[b-oa7wdhnngy] {
    overflow-x: auto;
    padding-bottom: 0.15rem;
}

.monitor-week-grid[b-oa7wdhnngy] {
    display: grid;
    grid-template-columns: repeat(7, minmax(150px, 1fr));
    gap: 0.65rem;
    min-width: 980px;
}

.monitor-day-column[b-oa7wdhnngy] {
    display: grid;
    align-content: start;
    gap: 0.55rem;
    min-height: 160px;
    border: 1px solid var(--rm-line);
    border-radius: 16px;
    padding: 0.7rem;
    background: color-mix(in srgb, var(--rm-surface-2) 82%, transparent);
}

.monitor-day-column.today[b-oa7wdhnngy] {
    border-color: color-mix(in srgb, var(--rm-success) 34%, transparent);
    background: var(--rm-success-soft);
}

.monitor-day-column header[b-oa7wdhnngy] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: flex-start;
}

.monitor-day-column header strong[b-oa7wdhnngy] {
    color: var(--rm-copy);
    font-size: 0.92rem;
}

.monitor-day-column header span[b-oa7wdhnngy],
.day-empty[b-oa7wdhnngy] {
    color: var(--rm-copy-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

.day-monitor-list[b-oa7wdhnngy] {
    display: grid;
    gap: 0.45rem;
}

.calendar-monitor-card[b-oa7wdhnngy] {
    display: grid;
    gap: 0.15rem;
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--rm-accent-2) 22%, transparent);
    border-radius: 12px;
    padding: 0.55rem;
    background: color-mix(in srgb, var(--rm-accent-2) 9%, var(--rm-surface-2));
    color: var(--rm-copy);
    text-align: left;
    cursor: pointer;
}

.calendar-monitor-card.daily[b-oa7wdhnngy] {
    border-color: color-mix(in srgb, var(--rm-success) 22%, transparent);
    background: color-mix(in srgb, var(--rm-success) 8%, var(--rm-surface-2));
}

.calendar-monitor-card.active[b-oa7wdhnngy] {
    border-color: color-mix(in srgb, var(--rm-success) 34%, transparent);
    background: var(--rm-success-soft);
    color: var(--rm-success);
}

.calendar-monitor-card strong[b-oa7wdhnngy] {
    overflow-wrap: anywhere;
    font-size: 0.78rem;
}

.calendar-monitor-card span[b-oa7wdhnngy],
.calendar-monitor-card small[b-oa7wdhnngy] {
    color: inherit;
    font-size: 0.72rem;
    font-weight: 750;
    opacity: 0.82;
}

.edit-banner[b-oa7wdhnngy] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.9rem;
    border: 1px solid color-mix(in srgb, var(--rm-accent-2) 24%, transparent);
    border-radius: 14px;
    padding: 0.7rem 0.85rem;
    background: color-mix(in srgb, var(--rm-accent-2) 10%, transparent);
    color: var(--rm-copy);
}

.inactive-panel[b-oa7wdhnngy] {
    border: 1px solid rgba(112, 137, 179, 0.16);
    border-radius: 22px;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.54);
}

.section-title strong[b-oa7wdhnngy] {
    display: block;
    color: #142944;
}

.count-pill[b-oa7wdhnngy] {
    padding: 0.35rem 0.65rem;
    border: 1px solid rgba(18, 164, 93, 0.22);
    border-radius: 999px;
    background: rgba(18, 164, 93, 0.1);
    color: #127343 !important;
    font-weight: 850;
    font-size: 0.78rem;
}

.history-title[b-oa7wdhnngy] {
    align-items: flex-end;
}

.history-controls[b-oa7wdhnngy] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.history-date[b-oa7wdhnngy] {
    width: 150px;
    min-height: 2.3rem;
}

.mini-nav[b-oa7wdhnngy] {
    padding: 0.55rem 0.7rem;
    border-radius: 12px;
    font-size: 0.8rem;
}

.compact-empty[b-oa7wdhnngy] {
    padding: 0.8rem 1rem;
    border-radius: 16px;
}

.api-box[b-oa7wdhnngy] {
    margin: 1rem 0 0;
    overflow-x: auto;
    border-radius: 18px;
    padding: 1rem;
    background: #10233b;
    color: #d9f0ff;
    white-space: pre-wrap;
}

.request-grid[b-oa7wdhnngy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.7rem;
}

.active-grid[b-oa7wdhnngy] {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.request-card[b-oa7wdhnngy] {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem;
    border-left: 4px solid #9aaac2;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.request-card:hover[b-oa7wdhnngy] {
    transform: translateY(-2px);
    box-shadow: 0 20px 45px rgba(31, 47, 77, 0.14);
}

.request-card.active[b-oa7wdhnngy] {
    border-left-color: #12a45d;
}

.request-card.inactive[b-oa7wdhnngy] {
    opacity: 0.78;
}

.inactive-list[b-oa7wdhnngy] {
    display: grid;
    gap: 0.45rem;
}

.inactive-row[b-oa7wdhnngy] {
    display: grid;
    grid-template-columns: minmax(160px, 1.3fr) minmax(120px, 0.9fr) minmax(100px, 0.7fr) auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(112, 137, 179, 0.16);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease;
}

.inactive-row:hover[b-oa7wdhnngy] {
    transform: translateY(-1px);
    border-color: rgba(20, 87, 255, 0.26);
}

.inactive-row strong[b-oa7wdhnngy] {
    display: block;
    color: #142944;
    font-size: 0.88rem;
}

.inactive-row span[b-oa7wdhnngy] {
    color: #5d6f8c;
    font-size: 0.8rem;
    font-weight: 750;
}

.inactive-actions[b-oa7wdhnngy] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.request-card header[b-oa7wdhnngy],
.compact-request-head[b-oa7wdhnngy] {
    display: flex;
    justify-content: space-between;
    gap: 0.55rem;
    align-items: flex-start;
}

.request-card strong[b-oa7wdhnngy] {
    display: block;
    color: #142944;
    font-size: 0.95rem;
}

.request-card p[b-oa7wdhnngy],
.request-card span[b-oa7wdhnngy] {
    color: #5d6f8c;
}

.request-card p[b-oa7wdhnngy] {
    min-height: 2.2rem;
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.35;
}

.state-pill[b-oa7wdhnngy] {
    flex: 0 0 auto;
    padding: 0.32rem 0.55rem;
    border-radius: 999px;
    background: #eef7ff;
    color: #14557a !important;
    font-weight: 850;
    font-size: 0.72rem;
}

.request-card.active .state-pill[b-oa7wdhnngy] {
    background: #eaf7ef;
    color: #127343 !important;
}

.meta-grid[b-oa7wdhnngy] {
    display: grid;
    gap: 0.25rem;
    font-size: 0.9rem;
}

.compact-meta[b-oa7wdhnngy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 800;
}

.request-foot[b-oa7wdhnngy] {
    display: flex;
    justify-content: space-between;
    gap: 0.45rem;
    align-items: center;
    border-top: 1px solid rgba(112, 137, 179, 0.14);
    padding-top: 0.45rem;
    font-size: 0.78rem;
}

.link-btn[b-oa7wdhnngy] {
    border: 0;
    background: transparent;
    color: #1457ff;
    font-weight: 850;
    padding: 0;
}

.danger-btn.mini[b-oa7wdhnngy] {
    border-radius: 999px;
    padding: 0.3rem 0.55rem;
    font-size: 0.74rem;
}

.small-actions[b-oa7wdhnngy] {
    margin-top: 0;
}

.detail-layer[b-oa7wdhnngy] {
    display: block;
    scroll-margin-top: 1rem;
}

.detail-panel[b-oa7wdhnngy] {
    width: 100%;
    border: 1px solid var(--rm-line);
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--rm-accent-2) 12%, transparent), transparent 32%),
        color-mix(in srgb, var(--rm-surface) 88%, transparent);
    box-shadow: 0 18px 45px rgba(31, 47, 77, 0.1);
    padding: 1.2rem;
}

.detail-panel > header[b-oa7wdhnngy] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.detail-panel h2[b-oa7wdhnngy] {
    margin: 0.2rem 0;
    color: var(--rm-copy);
}

.detail-panel p[b-oa7wdhnngy] {
    margin: 0;
    color: var(--rm-copy-muted);
}

.detail-grid[b-oa7wdhnngy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.65rem;
}

.detail-grid article[b-oa7wdhnngy],
.detail-reason[b-oa7wdhnngy] {
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    background: color-mix(in srgb, var(--rm-surface-2) 84%, transparent);
    padding: 0.8rem;
}

.detail-grid span[b-oa7wdhnngy],
.detail-reason span[b-oa7wdhnngy] {
    display: block;
    color: var(--rm-accent-2);
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.detail-grid strong[b-oa7wdhnngy] {
    display: block;
    margin-top: 0.25rem;
    color: var(--rm-copy);
    word-break: break-word;
}

.detail-reason[b-oa7wdhnngy] {
    margin-top: 0.75rem;
}

.detail-reason p[b-oa7wdhnngy] {
    margin-top: 0.4rem;
    color: var(--rm-copy);
    line-height: 1.5;
}

@media (max-width: 700px) {
    .monitor-hero[b-oa7wdhnngy] {
        align-items: stretch;
        flex-direction: column;
    }

    .schedule-card-head[b-oa7wdhnngy],
    .schedule-mode-grid[b-oa7wdhnngy] {
        grid-template-columns: 1fr;
    }

    .schedule-card-head[b-oa7wdhnngy] {
        display: grid;
    }

    .schedule-mode-pill[b-oa7wdhnngy] {
        width: fit-content;
    }

    .weekday-toggle-list[b-oa7wdhnngy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wide[b-oa7wdhnngy] {
        grid-column: span 1;
    }

    .history-title[b-oa7wdhnngy] {
        align-items: stretch;
        flex-direction: column;
    }

    .history-controls[b-oa7wdhnngy] {
        justify-content: flex-start;
    }

    .inactive-row[b-oa7wdhnngy] {
        grid-template-columns: 1fr;
    }

    .inactive-actions[b-oa7wdhnngy] {
        justify-content: flex-start;
    }
}
/* /Pages/RecognitionSightings.razor.rz.scp.css */
.recognition-page[b-8tzwhlk5jd] {
    display: grid;
    gap: 1rem;
}

.recognition-hero[b-8tzwhlk5jd],
.filter-card[b-8tzwhlk5jd],
.presence-board[b-8tzwhlk5jd],
.stats-row > div[b-8tzwhlk5jd],
.empty-card[b-8tzwhlk5jd],
.unknown-review[b-8tzwhlk5jd],
.unknown-card[b-8tzwhlk5jd],
.group-card[b-8tzwhlk5jd] {
    border: 1px solid rgba(112, 137, 179, 0.2);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 255, 0.96));
    box-shadow: 0 18px 45px rgba(31, 47, 77, 0.08);
}

.recognition-hero[b-8tzwhlk5jd],
.filter-card[b-8tzwhlk5jd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem;
}

.eyebrow[b-8tzwhlk5jd] {
    color: #5b6f90;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.recognition-hero h1[b-8tzwhlk5jd] {
    margin: 0.2rem 0;
    color: #142944;
    font-weight: 800;
}

.recognition-hero p[b-8tzwhlk5jd],
.empty-card[b-8tzwhlk5jd],
.group-card span[b-8tzwhlk5jd] {
    color: #5d6f8c;
}

.presence-board[b-8tzwhlk5jd] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.presence-head[b-8tzwhlk5jd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.presence-head h2[b-8tzwhlk5jd] {
    margin: 0.2rem 0;
    color: #142944;
    font-size: 1.45rem;
    font-weight: 900;
}

.presence-head p[b-8tzwhlk5jd] {
    margin: 0;
    color: #5d6f8c;
}

.presence-clock[b-8tzwhlk5jd] {
    display: grid;
    gap: 0.15rem;
    min-width: 135px;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(95, 122, 160, 0.18);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.72);
    text-align: center;
}

.presence-clock strong[b-8tzwhlk5jd] {
    color: #142944;
    font-size: 1.15rem;
}

.presence-clock span[b-8tzwhlk5jd] {
    color: #5d6f8c;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.monitor-state-grid[b-8tzwhlk5jd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 0.7rem;
}

.monitor-state-card[b-8tzwhlk5jd] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    padding: 0.9rem;
    border: 1px solid rgba(95, 122, 160, 0.18);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    overflow: hidden;
}

.monitor-state-card[b-8tzwhlk5jd]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: #8ca0bf;
}

.monitor-state-card.active[b-8tzwhlk5jd]::before {
    background: #20c47a;
}

.monitor-state-card.sleep.active[b-8tzwhlk5jd]::before {
    background: #6fa8ff;
}

.monitor-state-card.presence.active[b-8tzwhlk5jd]::before {
    background: #f2a31b;
}

.monitor-state-card strong[b-8tzwhlk5jd],
.monitor-state-card span[b-8tzwhlk5jd] {
    display: block;
}

.monitor-state-card strong[b-8tzwhlk5jd] {
    color: #142944;
}

.monitor-state-card span[b-8tzwhlk5jd] {
    color: #5d6f8c;
}

.monitor-state-card b[b-8tzwhlk5jd] {
    display: grid;
    place-items: center;
    min-width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: #eaf1fb;
    color: #183653;
    font-size: 1.05rem;
}

.monitor-state-card.active b[b-8tzwhlk5jd] {
    background: #defbea;
    color: #087241;
}

.presence-section-title[b-8tzwhlk5jd] {
    display: grid;
    gap: 0.15rem;
}

.presence-section-title strong[b-8tzwhlk5jd] {
    color: #142944;
    font-size: 1.1rem;
}

.presence-section-title span[b-8tzwhlk5jd] {
    color: #5d6f8c;
}

.presence-summary[b-8tzwhlk5jd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.65rem;
}

.summary-chip[b-8tzwhlk5jd] {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    align-items: center;
    padding: 0.75rem 0.9rem;
    border-radius: 18px;
    border: 1px solid transparent;
}

.summary-chip strong[b-8tzwhlk5jd] {
    font-size: 1.55rem;
}

.summary-chip span[b-8tzwhlk5jd] {
    font-weight: 850;
}

.summary-chip.present[b-8tzwhlk5jd] {
    border-color: rgba(38, 166, 109, 0.28);
    background: linear-gradient(135deg, rgba(226, 255, 239, 0.96), rgba(241, 255, 247, 0.86));
    color: #087241;
}

.summary-chip.unknown[b-8tzwhlk5jd] {
    border-color: rgba(226, 151, 32, 0.34);
    background: linear-gradient(135deg, rgba(255, 246, 224, 0.96), rgba(255, 251, 240, 0.86));
    color: #9a5b00;
}

.summary-chip.away[b-8tzwhlk5jd] {
    border-color: rgba(208, 76, 76, 0.22);
    background: linear-gradient(135deg, rgba(255, 237, 237, 0.96), rgba(255, 247, 247, 0.86));
    color: #a02727;
}

.presence-grid[b-8tzwhlk5jd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
    gap: 0.7rem;
}

.presence-card[b-8tzwhlk5jd] {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem;
    border: 1px solid rgba(95, 122, 160, 0.18);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    overflow: hidden;
}

.presence-card[b-8tzwhlk5jd]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: #8ca0bf;
}

.presence-card.present[b-8tzwhlk5jd]::before {
    background: #20c47a;
}

.presence-card.unknown[b-8tzwhlk5jd]::before {
    background: #f2a31b;
}

.presence-card.away[b-8tzwhlk5jd]::before {
    background: #e25252;
}

.presence-card img[b-8tzwhlk5jd],
.presence-avatar[b-8tzwhlk5jd] {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    object-fit: cover;
}

.clickable-image[b-8tzwhlk5jd] {
    cursor: zoom-in;
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.clickable-image:hover[b-8tzwhlk5jd] {
    filter: saturate(1.08) brightness(1.05);
    transform: translateY(-1px) scale(1.03);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
}

.presence-avatar[b-8tzwhlk5jd] {
    display: grid;
    place-items: center;
    background: #eaf1fb;
    color: #183653;
    font-weight: 950;
}

.presence-card strong[b-8tzwhlk5jd],
.presence-card span[b-8tzwhlk5jd],
.presence-card small[b-8tzwhlk5jd] {
    display: block;
}

.presence-card strong[b-8tzwhlk5jd] {
    color: #142944;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.presence-card span[b-8tzwhlk5jd] {
    color: #5d6f8c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.presence-card small[b-8tzwhlk5jd] {
    color: #75849c;
}

.presence-card b[b-8tzwhlk5jd] {
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.presence-card.present b[b-8tzwhlk5jd] {
    background: #defbea;
    color: #087241;
}

.presence-card.unknown b[b-8tzwhlk5jd] {
    background: #fff3d2;
    color: #9a5b00;
}

.presence-card.away b[b-8tzwhlk5jd] {
    background: #ffe4e4;
    color: #a02727;
}

.empty-card[b-8tzwhlk5jd] {
    padding: 1.2rem;
}

.empty-card.small[b-8tzwhlk5jd] {
    padding: 0.85rem;
    box-shadow: none;
}

.primary-btn[b-8tzwhlk5jd] {
    border: 1px solid rgba(38, 104, 255, 0.22);
    border-radius: 16px;
    padding: 0.75rem 1rem;
    background: #1457ff;
    color: white;
    font-weight: 800;
}

.soft-btn[b-8tzwhlk5jd] {
    border: 1px solid rgba(95, 122, 160, 0.24);
    border-radius: 16px;
    padding: 0.75rem 1rem;
    background: #eef4ff;
    color: #173764;
    font-weight: 800;
}

label[b-8tzwhlk5jd] {
    display: grid;
    gap: 0.35rem;
    color: #203653;
    font-weight: 700;
}

.stats-row[b-8tzwhlk5jd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 1rem;
}

.stats-row > div[b-8tzwhlk5jd] {
    display: grid;
    gap: 0.25rem;
    padding: 1rem;
}

.stats-row strong[b-8tzwhlk5jd] {
    color: #142944;
    font-size: 1.7rem;
}

.stats-row span[b-8tzwhlk5jd] {
    color: #60708b;
}

.unknown-review[b-8tzwhlk5jd] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.bulk-review-card[b-8tzwhlk5jd] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) auto minmax(180px, 0.8fr) minmax(190px, 0.8fr) minmax(260px, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(20, 196, 122, 0.2);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(222, 251, 234, 0.82), rgba(238, 244, 255, 0.78));
}

.bulk-review-card strong[b-8tzwhlk5jd],
.bulk-review-card span[b-8tzwhlk5jd] {
    display: block;
}

.bulk-review-card strong[b-8tzwhlk5jd] {
    color: #142944;
}

.bulk-review-card span[b-8tzwhlk5jd] {
    color: #5d6f8c;
}

.bulk-review-card input:not([type="checkbox"])[b-8tzwhlk5jd],
.bulk-review-card select[b-8tzwhlk5jd] {
    width: 100%;
    min-height: 2.65rem;
    border: 1px solid rgba(95, 122, 160, 0.28);
    border-radius: 14px;
    padding: 0 0.8rem;
    background: rgba(255, 255, 255, 0.86);
    color: #142944;
}

.bulk-check[b-8tzwhlk5jd],
.unknown-select[b-8tzwhlk5jd] {
    display: inline-flex;
    grid-auto-flow: column;
    grid-template-columns: auto auto;
    gap: 0.45rem;
    align-items: center;
    color: #203653;
    font-weight: 850;
}

.bulk-check input[b-8tzwhlk5jd],
.unknown-select input[b-8tzwhlk5jd] {
    width: 1rem;
    height: 1rem;
    accent-color: #20c47a;
}

.bulk-actions[b-8tzwhlk5jd] {
    display: grid;
    grid-template-columns: auto 1fr 1fr 1fr auto;
    gap: 0.45rem;
    align-items: center;
}

.bulk-actions > span[b-8tzwhlk5jd] {
    padding: 0.5rem 0.65rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    color: #087241;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
}

.bulk-actions button[b-8tzwhlk5jd] {
    border: 1px solid rgba(38, 104, 255, 0.2);
    border-radius: 14px;
    padding: 0.6rem 0.55rem;
    background: #1457ff;
    color: white;
    font-weight: 850;
}

.bulk-actions button:disabled[b-8tzwhlk5jd] {
    cursor: not-allowed;
    opacity: 0.55;
}

.bulk-actions .ghost[b-8tzwhlk5jd] {
    background: rgba(255, 255, 255, 0.76);
    color: #173764;
}

.bulk-actions .danger[b-8tzwhlk5jd] {
    border-color: rgba(197, 44, 44, 0.24);
    background: #fff0f0;
    color: #9d1e1e;
}

.review-head[b-8tzwhlk5jd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.review-actions[b-8tzwhlk5jd] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    flex-wrap: wrap;
}

.review-head strong[b-8tzwhlk5jd] {
    display: block;
    color: #142944;
    font-size: 1.05rem;
}

.review-head span[b-8tzwhlk5jd],
.unknown-body span[b-8tzwhlk5jd] {
    color: #60708b;
}

.message-card[b-8tzwhlk5jd] {
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(20, 87, 255, 0.18);
    border-radius: 16px;
    background: #eef4ff;
    color: #173764;
    font-weight: 800;
}

.unknown-grid[b-8tzwhlk5jd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
    gap: 0.65rem;
}

.unknown-card[b-8tzwhlk5jd] {
    position: relative;
    display: grid;
    gap: 0.45rem;
    padding: 0.55rem;
}

.unknown-pager[b-8tzwhlk5jd] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(95, 122, 160, 0.18);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
}

.unknown-pager strong[b-8tzwhlk5jd],
.unknown-pager span[b-8tzwhlk5jd] {
    display: block;
}

.unknown-pager strong[b-8tzwhlk5jd] {
    color: #142944;
}

.unknown-pager span[b-8tzwhlk5jd] {
    color: #5d6f8c;
}

.pager-actions[b-8tzwhlk5jd] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.pager-actions button[b-8tzwhlk5jd] {
    border: 1px solid rgba(38, 104, 255, 0.2);
    border-radius: 12px;
    padding: 0.5rem 0.7rem;
    background: #eef4ff;
    color: #173764;
    font-weight: 850;
}

.pager-actions button:disabled[b-8tzwhlk5jd] {
    cursor: not-allowed;
    opacity: 0.5;
}

.unknown-select[b-8tzwhlk5jd] {
    position: absolute;
    top: 0.45rem;
    left: 0.45rem;
    z-index: 1;
    padding: 0.28rem 0.45rem;
    border: 1px solid rgba(20, 87, 255, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 25px rgba(31, 47, 77, 0.12);
    font-size: 0.74rem;
}

.unknown-card img[b-8tzwhlk5jd],
.face-placeholder.large[b-8tzwhlk5jd] {
    width: 100%;
    height: 105px;
    border-radius: 15px;
    object-fit: cover;
}

.unknown-body[b-8tzwhlk5jd] {
    display: grid;
    gap: 0.08rem;
}

.unknown-body strong[b-8tzwhlk5jd] {
    color: #142944;
    font-size: 0.92rem;
}

.unknown-body span[b-8tzwhlk5jd] {
    font-size: 0.78rem;
    line-height: 1.25;
}

.unknown-card input[b-8tzwhlk5jd],
.unknown-card select[b-8tzwhlk5jd] {
    width: 100%;
    min-height: 2.25rem;
    border: 1px solid rgba(95, 122, 160, 0.28);
    border-radius: 12px;
    padding: 0 0.65rem;
    background: white;
    font-size: 0.82rem;
}

.unknown-actions[b-8tzwhlk5jd] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.35rem;
}

.unknown-actions button[b-8tzwhlk5jd] {
    border: 1px solid rgba(38, 104, 255, 0.2);
    border-radius: 12px;
    padding: 0.45rem 0.3rem;
    background: #eef4ff;
    color: #173764;
    font-weight: 850;
    font-size: 0.76rem;
}

.unknown-actions .danger[b-8tzwhlk5jd] {
    border-color: rgba(197, 44, 44, 0.2);
    background: #fff0f0;
    color: #9d1e1e;
}

.group-grid[b-8tzwhlk5jd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 1rem;
}

.group-card[b-8tzwhlk5jd] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.group-card header[b-8tzwhlk5jd],
.group-card footer[b-8tzwhlk5jd] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.group-card header strong[b-8tzwhlk5jd] {
    display: block;
    color: #142944;
    font-size: 1.05rem;
}

.total-badge[b-8tzwhlk5jd] {
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: #eaf7ef;
    color: #127343 !important;
    font-weight: 900;
    white-space: nowrap;
}

.person-counts[b-8tzwhlk5jd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.person-pill[b-8tzwhlk5jd] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(95, 122, 160, 0.22);
    background: #f4f8ff;
}

.person-pill strong[b-8tzwhlk5jd] {
    display: grid;
    place-items: center;
    min-width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    background: white;
    color: #142944;
}

.person-pill.unknown[b-8tzwhlk5jd] {
    background: #fff7e6;
    color: #9a5b00;
}

.person-pill.known[b-8tzwhlk5jd] {
    background: #eef7ff;
    color: #14557a;
}

.latest-row[b-8tzwhlk5jd] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.45rem;
}

.mini-sighting[b-8tzwhlk5jd] {
    display: grid;
    gap: 0.3rem;
    text-align: center;
}

.mini-sighting img[b-8tzwhlk5jd],
.face-placeholder[b-8tzwhlk5jd] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 14px;
    object-fit: cover;
}

.face-placeholder[b-8tzwhlk5jd] {
    display: grid;
    place-items: center;
    background: #e8effa;
    color: #5d6f8c;
    font-weight: 800;
}

.group-card footer[b-8tzwhlk5jd] {
    flex-wrap: wrap;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(95, 122, 160, 0.14);
    font-size: 0.88rem;
}

.image-preview-layer[b-8tzwhlk5jd] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 2rem;
    background: rgba(4, 7, 18, 0.78);
    backdrop-filter: blur(12px);
}

.image-preview-dialog[b-8tzwhlk5jd] {
    display: grid;
    gap: 1rem;
    width: min(920px, 96vw);
    max-height: 92vh;
    padding: 1rem;
    border: 1px solid rgba(173, 229, 218, 0.24);
    border-radius: 26px;
    background: linear-gradient(145deg, #141724, #202437);
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.46);
}

.image-preview-dialog header[b-8tzwhlk5jd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.image-preview-dialog strong[b-8tzwhlk5jd],
.image-preview-dialog span[b-8tzwhlk5jd] {
    display: block;
}

.image-preview-dialog strong[b-8tzwhlk5jd] {
    color: #f7fbff;
    font-size: 1.05rem;
}

.image-preview-dialog span[b-8tzwhlk5jd] {
    color: #a8b8d4;
    font-size: 0.9rem;
}

.image-preview-dialog button[b-8tzwhlk5jd] {
    border: 1px solid rgba(173, 229, 218, 0.28);
    border-radius: 14px;
    padding: 0.65rem 0.9rem;
    background: rgba(173, 229, 218, 0.12);
    color: #dffaf5;
    font-weight: 900;
}

.image-preview-dialog img[b-8tzwhlk5jd] {
    width: 100%;
    max-height: calc(92vh - 115px);
    border-radius: 20px;
    object-fit: contain;
    background: #070a12;
}

@media (max-width: 700px) {
    .bulk-review-card[b-8tzwhlk5jd],
    .bulk-actions[b-8tzwhlk5jd] {
        grid-template-columns: 1fr;
    }

    .presence-head[b-8tzwhlk5jd] {
        align-items: stretch;
        flex-direction: column;
    }

    .unknown-pager[b-8tzwhlk5jd] {
        align-items: stretch;
        flex-direction: column;
    }

    .presence-card[b-8tzwhlk5jd] {
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .presence-card b[b-8tzwhlk5jd] {
        grid-column: 2;
        justify-self: start;
    }

    .latest-row[b-8tzwhlk5jd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Pages/ReportAssistant.razor.rz.scp.css */
.report-assistant-page[b-55lkv3wi84] { display: grid; gap: 1rem; color: var(--rm-copy); }
.assistant-hero[b-55lkv3wi84], .conversation-panel[b-55lkv3wi84], .debug-panel[b-55lkv3wi84] { border: 1px solid var(--rm-line); border-radius: 1.2rem; background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2)); box-shadow: var(--rm-shadow-soft); }
.assistant-hero[b-55lkv3wi84] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.3rem; }
.assistant-hero h1[b-55lkv3wi84], .panel-head h2[b-55lkv3wi84] { margin: .15rem 0 0; }
.assistant-hero p[b-55lkv3wi84], .message-card p[b-55lkv3wi84] { margin: .45rem 0 0; white-space: pre-wrap; }
.eyebrow[b-55lkv3wi84], .scope-card span[b-55lkv3wi84], .scope-card small[b-55lkv3wi84], .composer label span[b-55lkv3wi84], .message-meta[b-55lkv3wi84], .debug-count[b-55lkv3wi84], .route[b-55lkv3wi84], .debug-step small[b-55lkv3wi84], .result-card small[b-55lkv3wi84] { color: var(--rm-copy-muted); font-size: .76rem; }
.scope-card[b-55lkv3wi84] { display: grid; min-width: 12rem; gap: .18rem; padding: .75rem .9rem; border: 1px solid var(--rm-line); border-radius: .85rem; background: var(--rm-surface-3); }
.assistant-grid[b-55lkv3wi84] { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr); gap: 1rem; }
.conversation-panel[b-55lkv3wi84], .debug-panel[b-55lkv3wi84] { display: grid; min-height: 38rem; overflow: hidden; }
.conversation-panel[b-55lkv3wi84] { grid-template-rows: auto minmax(0, 1fr) auto auto; }
.debug-panel[b-55lkv3wi84] { grid-template-rows: auto minmax(0, 1fr); }
.panel-head[b-55lkv3wi84], .message-meta[b-55lkv3wi84] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.panel-head[b-55lkv3wi84] { padding: .95rem 1rem; border-bottom: 1px solid var(--rm-line); }
.message-list[b-55lkv3wi84], .debug-timeline[b-55lkv3wi84], .result-grid[b-55lkv3wi84] { display: grid; align-content: start; gap: .72rem; overflow: auto; padding: 1rem; }
.message-card[b-55lkv3wi84] { max-width: 88%; padding: .8rem .9rem; border: 1px solid var(--rm-line); border-radius: 1rem; background: var(--rm-surface-3); }
.message-card.user[b-55lkv3wi84] { justify-self: end; border-color: var(--rm-line-strong); background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-3)); }
.result-grid[b-55lkv3wi84] { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); max-height: 18rem; border-top: 1px solid var(--rm-line); }
.result-card[b-55lkv3wi84] { display: grid; gap: .22rem; padding: .7rem; border: 1px solid var(--rm-line); border-radius: .75rem; background: var(--rm-surface-3); }
.composer[b-55lkv3wi84] { display: grid; gap: .7rem; padding: 1rem; border-top: 1px solid var(--rm-line); background: var(--rm-surface-2); }
.composer label[b-55lkv3wi84] { display: grid; gap: .25rem; }
.composer textarea[b-55lkv3wi84], .composer select[b-55lkv3wi84] { background: var(--rm-input); border-color: var(--rm-input-border); color: var(--rm-copy); }
.debug-step[b-55lkv3wi84] { overflow: hidden; border: 1px solid var(--rm-line); border-radius: .8rem; background: var(--rm-surface-3); }
.debug-step summary[b-55lkv3wi84] { display: grid; gap: .24rem; padding: .72rem .8rem; cursor: pointer; }
.debug-step pre[b-55lkv3wi84] { max-height: 28rem; margin: 0; overflow: auto; padding: .85rem; color: var(--rm-copy-soft); font-size: .74rem; white-space: pre-wrap; }
.route b[b-55lkv3wi84] { color: var(--rm-accent); }
.assistant-error[b-55lkv3wi84] { padding: .8rem .9rem; border: 1px solid color-mix(in srgb, var(--rm-danger) 42%, transparent); border-radius: .8rem; background: var(--rm-danger-soft); color: var(--rm-danger); }
@media (max-width: 1050px) { .assistant-grid[b-55lkv3wi84] { grid-template-columns: 1fr; } .conversation-panel[b-55lkv3wi84], .debug-panel[b-55lkv3wi84] { min-height: 30rem; } }
@media (max-width: 640px) { .assistant-hero[b-55lkv3wi84] { align-items: stretch; flex-direction: column; } .scope-card[b-55lkv3wi84], .message-card[b-55lkv3wi84] { max-width: 100%; } }
/* /Pages/ReservationAssistant.razor.rz.scp.css */
.reservation-assistant-page[b-e3xokmp20u] { display: grid; gap: 1rem; color: var(--rm-copy); }
.assistant-hero[b-e3xokmp20u], .conversation-panel[b-e3xokmp20u], .debug-panel[b-e3xokmp20u] { border: 1px solid var(--rm-line); border-radius: 1.2rem; background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2)); box-shadow: var(--rm-shadow-soft); }
.assistant-hero[b-e3xokmp20u] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.3rem; }
.assistant-hero h1[b-e3xokmp20u], .panel-head h2[b-e3xokmp20u] { margin: .15rem 0 0; }
.assistant-hero p[b-e3xokmp20u], .message-card p[b-e3xokmp20u] { margin: .45rem 0 0; white-space: pre-wrap; }
.eyebrow[b-e3xokmp20u], .scope-card span[b-e3xokmp20u], .scope-card small[b-e3xokmp20u], .composer label span[b-e3xokmp20u], .message-meta[b-e3xokmp20u], .debug-count[b-e3xokmp20u], .route[b-e3xokmp20u], .debug-step small[b-e3xokmp20u], .result-card small[b-e3xokmp20u] { color: var(--rm-copy-muted); font-size: .76rem; }
.scope-card[b-e3xokmp20u] { display: grid; min-width: 12rem; gap: .18rem; padding: .75rem .9rem; border: 1px solid var(--rm-line); border-radius: .85rem; background: var(--rm-surface-3); }
.assistant-grid[b-e3xokmp20u] { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr); gap: 1rem; }
.conversation-panel[b-e3xokmp20u], .debug-panel[b-e3xokmp20u] { display: grid; min-height: 38rem; overflow: hidden; }
.conversation-panel[b-e3xokmp20u] { grid-template-rows: auto minmax(0, 1fr) auto auto auto auto; }
.debug-panel[b-e3xokmp20u] { grid-template-rows: auto minmax(0, 1fr); }
.panel-head[b-e3xokmp20u], .message-meta[b-e3xokmp20u] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.panel-head[b-e3xokmp20u] { padding: .95rem 1rem; border-bottom: 1px solid var(--rm-line); }
.message-list[b-e3xokmp20u], .debug-timeline[b-e3xokmp20u], .result-grid[b-e3xokmp20u] { display: grid; align-content: start; gap: .72rem; overflow: auto; padding: 1rem; }
.message-card[b-e3xokmp20u] { max-width: 88%; padding: .8rem .9rem; border: 1px solid var(--rm-line); border-radius: 1rem; background: var(--rm-surface-3); }
.message-card.user[b-e3xokmp20u] { justify-self: end; border-color: var(--rm-line-strong); background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-3)); }
.proposal-card[b-e3xokmp20u] { display: grid; gap: .45rem; margin: 0 1rem 1rem; padding: .85rem; border: 1px solid color-mix(in srgb, var(--rm-accent) 45%, var(--rm-line)); border-radius: .85rem; background: color-mix(in srgb, var(--rm-accent) 9%, var(--rm-surface-3)); }
.result-grid[b-e3xokmp20u] { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); max-height: 18rem; border-top: 1px solid var(--rm-line); }
.result-card[b-e3xokmp20u] { display: grid; gap: .22rem; padding: .7rem; border: 1px solid var(--rm-line); border-radius: .75rem; background: var(--rm-surface-3); }
.composer[b-e3xokmp20u] { display: grid; gap: .7rem; padding: 1rem; border-top: 1px solid var(--rm-line); background: var(--rm-surface-2); }
.composer label[b-e3xokmp20u] { display: grid; gap: .25rem; }
.composer textarea[b-e3xokmp20u], .composer select[b-e3xokmp20u] { background: var(--rm-input); border-color: var(--rm-input-border); color: var(--rm-copy); }
.debug-step[b-e3xokmp20u] { overflow: hidden; border: 1px solid var(--rm-line); border-radius: .8rem; background: var(--rm-surface-3); }
.debug-step summary[b-e3xokmp20u] { display: grid; gap: .24rem; padding: .72rem .8rem; cursor: pointer; }
.debug-step pre[b-e3xokmp20u] { max-height: 28rem; margin: 0; overflow: auto; padding: .85rem; color: var(--rm-copy-soft); font-size: .74rem; white-space: pre-wrap; }
.route b[b-e3xokmp20u] { color: var(--rm-accent); }
.assistant-error[b-e3xokmp20u] { padding: .8rem .9rem; border: 1px solid color-mix(in srgb, var(--rm-danger) 42%, transparent); border-radius: .8rem; background: var(--rm-danger-soft); color: var(--rm-danger); }
@media (max-width: 1050px) { .assistant-grid[b-e3xokmp20u] { grid-template-columns: 1fr; } .conversation-panel[b-e3xokmp20u], .debug-panel[b-e3xokmp20u] { min-height: 30rem; } }
@media (max-width: 640px) { .assistant-hero[b-e3xokmp20u] { align-items: stretch; flex-direction: column; } .scope-card[b-e3xokmp20u], .message-card[b-e3xokmp20u] { max-width: 100%; } }
/* /Pages/Reservations.razor.rz.scp.css */
.reservation-rule-shortcut[b-tokakkoeow] {
    align-items: center;
    background: var(--rm-surface-2, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.8rem;
    padding: 0.75rem;
}

.reservation-rule-shortcut span[b-tokakkoeow],
.reservation-history-row span[b-tokakkoeow],
.reservation-history-row small[b-tokakkoeow] {
    color: var(--rm-copy-muted, #a2a7b7);
}

.history-scope[b-tokakkoeow] {
    border-top: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    color: var(--rm-copy-muted, #a2a7b7);
    margin: 0.45rem 0 0;
    padding-top: 0.65rem;
}

.history-calendar-nav[b-tokakkoeow] {
    align-items: center;
    background: var(--rm-surface-2, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 12px;
    display: inline-flex;
    gap: 0.45rem;
    min-height: 2.4rem;
    padding: 0.22rem;
}

.history-calendar-nav strong[b-tokakkoeow] {
    color: var(--rm-copy, #f7f8fd);
    font-size: 0.82rem;
    min-width: 6.8rem;
    text-align: center;
}

.history-calendar-nav button[b-tokakkoeow] {
    align-items: center;
    appearance: none;
    background: color-mix(in srgb, var(--rm-surface-3, rgba(169, 231, 222, 0.12)) 86%, transparent);
    border: 0;
    border-radius: 9px;
    color: var(--rm-copy, #f7f8fd);
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.history-calendar-nav button:hover[b-tokakkoeow] {
    background: color-mix(in srgb, var(--rm-accent, #a9e7de) 12%, transparent);
    color: var(--rm-accent, #a9e7de);
}

.history-nav-arrow[b-tokakkoeow] {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1;
}

.history-calendar[b-tokakkoeow] {
    display: grid;
    gap: 0.35rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin-top: 0.8rem;
}

.history-weekday[b-tokakkoeow] {
    color: var(--rm-copy-muted, #a2a7b7);
    font-size: 0.68rem;
    font-weight: 900;
    text-align: center;
}

.history-day[b-tokakkoeow] {
    align-items: start;
    appearance: none;
    aspect-ratio: 1;
    background: var(--rm-surface-2, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 10px;
    color: var(--rm-copy, #f7f8fd);
    cursor: pointer;
    display: grid;
    font: inherit;
    font-weight: 900;
    justify-items: center;
    min-width: 0;
    padding: 0.38rem 0.2rem;
    position: relative;
}

.history-day:disabled[b-tokakkoeow] {
    color: var(--rm-copy-muted, #a2a7b7);
    cursor: default;
    opacity: 0.55;
}

.history-day.outside-month[b-tokakkoeow] {
    opacity: 0.28;
}

.history-day.has-reservation[b-tokakkoeow] {
    opacity: 1;
}

.history-day.has-approved[b-tokakkoeow] {
    border-color: color-mix(in srgb, #22c55e 45%, var(--rm-line, rgba(255, 255, 255, 0.08)));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, #22c55e 24%, transparent);
}

.history-day.has-pending[b-tokakkoeow] {
    border-color: color-mix(in srgb, #f59e0b 56%, var(--rm-line, rgba(255, 255, 255, 0.08)));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, #f59e0b 28%, transparent);
}

.history-day.has-completed[b-tokakkoeow] {
    border-color: color-mix(in srgb, #94a3b8 44%, var(--rm-line, rgba(255, 255, 255, 0.08)));
}

.history-day.is-selected[b-tokakkoeow] {
    background: color-mix(in srgb, var(--rm-accent, #a9e7de) 18%, var(--rm-surface-2, rgba(255, 255, 255, 0.04)));
    border-color: var(--rm-accent, #a9e7de);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rm-accent, #a9e7de) 16%, transparent);
}

.history-day small[b-tokakkoeow] {
    align-self: end;
    color: var(--rm-copy-muted, #a2a7b7);
    font-size: 0.62rem;
    line-height: 1;
}

.history-day i[b-tokakkoeow] {
    background: var(--rm-accent, #a9e7de);
    border-radius: 999px;
    bottom: 0.3rem;
    height: 0.28rem;
    position: absolute;
    width: 0.28rem;
}

.history-day.has-pending i[b-tokakkoeow] {
    background: #f59e0b;
}

.history-day.has-approved i[b-tokakkoeow] {
    background: #22c55e;
}

.history-day.has-completed i[b-tokakkoeow] {
    background: #94a3b8;
}

.history-day-details[b-tokakkoeow] {
    border-top: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    display: grid;
    gap: 0.55rem;
    margin-top: 0.85rem;
    padding-top: 0.75rem;
}

.history-selected-date[b-tokakkoeow] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.history-selected-date span[b-tokakkoeow] {
    color: var(--rm-copy-muted, #a2a7b7);
    font-size: 0.78rem;
    font-weight: 850;
}

.history-selected-date strong[b-tokakkoeow] {
    color: var(--rm-accent, #a9e7de);
    font-size: 0.78rem;
}

.reservation-rules-link[b-tokakkoeow] {
    align-items: center;
    background: var(--rm-surface-3, rgba(169, 231, 222, 0.12));
    border: 1px solid var(--rm-line-strong, rgba(169, 231, 222, 0.22));
    border-radius: 10px;
    color: var(--rm-accent, #a9e7de);
    display: inline-flex;
    appearance: none;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    font: inherit;
    min-height: 2.1rem;
    padding: 0 0.7rem;
    text-decoration: none;
    white-space: nowrap;
}

.resident-reservation-history[b-tokakkoeow] {
    align-self: stretch;
    display: grid;
    gap: 0.8rem;
    grid-template-rows: auto minmax(0, auto) minmax(0, 1fr);
    min-height: 100%;
    margin-top: 0;
    min-width: 0;
    overflow: hidden;
    position: sticky;
    top: 1rem;
}

.resident-reservation-workspace[b-tokakkoeow] {
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.7fr) minmax(18rem, 1fr);
    justify-content: stretch;
    width: 100%;
}

.resident-reservation-workspace.without-history[b-tokakkoeow] {
    grid-template-columns: minmax(0, 1fr);
}

.reservation-booking-column[b-tokakkoeow] {
    display: grid;
    gap: 1rem;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

.resident-reservation-workspace .reservation-booking-shell[b-tokakkoeow] {
    grid-template-columns: minmax(0, 1fr);
}

.resident-reservation-workspace .reservation-space-rail[b-tokakkoeow] {
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
}

.resident-reservation-workspace .reservation-space-button[b-tokakkoeow] {
    min-height: 4rem;
    white-space: normal;
}

.reservation-minimal-page .reservation-hero[b-tokakkoeow] {
    gap: 0.85rem;
}

.reservation-minimal-page .reservation-hero p[b-tokakkoeow] {
    max-width: 42rem;
}

.booking-slot-card.is-confirming .booking-slot-button[b-tokakkoeow] {
    border-color: var(--rm-accent, #a9e7de) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rm-accent, #a9e7de) 70%, transparent), 0 0 0 3px color-mix(in srgb, var(--rm-accent, #a9e7de) 18%, transparent);
}

.booking-date-chip.has-my-reservation[b-tokakkoeow] {
    border-color: color-mix(in srgb, var(--rm-accent, #a9e7de) 58%, var(--rm-line, rgba(255, 255, 255, 0.08))) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rm-accent, #a9e7de) 34%, transparent), 0 0 0 3px color-mix(in srgb, var(--rm-accent, #a9e7de) 12%, transparent);
    position: relative;
}

.booking-date-chip.has-my-reservation[b-tokakkoeow]::after {
    background: var(--rm-accent, #a9e7de);
    border-radius: 999px;
    content: "";
    height: 0.48rem;
    inset-block-start: 0.55rem;
    inset-inline-end: 0.55rem;
    position: absolute;
    width: 0.48rem;
}

.booking-date-reserved[b-tokakkoeow] {
    align-self: start;
    background: color-mix(in srgb, var(--rm-accent, #a9e7de) 16%, transparent);
    border: 1px solid color-mix(in srgb, var(--rm-accent, #a9e7de) 34%, transparent);
    border-radius: 999px;
    color: var(--rm-accent, #a9e7de);
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
    margin-top: 0.2rem;
    padding: 0.24rem 0.42rem;
}

.reservation-confirm-panel[b-tokakkoeow] {
    align-items: center;
    background: linear-gradient(145deg, color-mix(in srgb, var(--rm-accent, #a9e7de) 13%, var(--rm-surface, #171821)), var(--rm-surface-2, rgba(255, 255, 255, 0.04)));
    border: 1px solid color-mix(in srgb, var(--rm-accent, #a9e7de) 34%, var(--rm-line, rgba(255, 255, 255, 0.08)));
    border-radius: 16px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 0.75rem;
    padding: 0.85rem;
}

.reservation-confirm-panel h3[b-tokakkoeow] {
    font-size: 1rem;
    margin: 0.12rem 0;
}

.reservation-confirm-panel p[b-tokakkoeow] {
    color: var(--rm-copy-muted, #a2a7b7);
    font-size: 0.86rem;
    font-weight: 750;
    margin: 0;
}

.reservation-confirm-actions[b-tokakkoeow] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.55rem;
}

.reservation-confirm-button[b-tokakkoeow] {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    font-weight: 850;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 0.95rem;
}

.reservation-confirm-button.primary[b-tokakkoeow] {
    background: var(--rm-accent, #a9e7de);
    border: 1px solid transparent;
    color: var(--rm-accent-on, #0e1517);
}

.reservation-confirm-button.secondary[b-tokakkoeow] {
    background: var(--rm-surface-2, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    color: var(--rm-copy, #f7f8fd);
}

.reservation-history-list[b-tokakkoeow] {
    display: grid;
    gap: 0.55rem;
    max-height: none;
    overflow: auto;
    padding-inline-end: 0.15rem;
}

.reservation-history-group[b-tokakkoeow] {
    display: grid;
    gap: 0.45rem;
}

.reservation-history-group h3[b-tokakkoeow] {
    color: var(--rm-copy-muted, #a2a7b7);
    font-size: 0.78rem;
    font-weight: 900;
    margin: 0.15rem 0 0;
}

.reservation-history-row[b-tokakkoeow] {
    align-items: start;
    background: var(--rm-surface-2, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--rm-line, rgba(255, 255, 255, 0.08));
    border-radius: 12px;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.7rem;
}

.reservation-history-row > div[b-tokakkoeow] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.reservation-history-row .status-chip[b-tokakkoeow] {
    justify-self: end;
}

@media (max-width: 760px) {
    .reservation-rule-shortcut[b-tokakkoeow],
    .reservation-history-row[b-tokakkoeow] {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }

    .reservation-history-row .status-chip[b-tokakkoeow] {
        justify-self: start;
    }

    .reservation-minimal-page .reservation-hero[b-tokakkoeow] {
        padding: 0.95rem;
    }

    .reservation-minimal-page .reservation-hero h1[b-tokakkoeow] {
        font-size: 1.45rem;
    }

    .resident-reservation-workspace[b-tokakkoeow] {
        gap: 0.75rem;
        width: 100%;
    }

    .reservation-booking-column[b-tokakkoeow],
    .reservation-booking-shell[b-tokakkoeow],
    .reservation-booking-main[b-tokakkoeow],
    .booking-unit-panel[b-tokakkoeow],
    .resident-reservation-history[b-tokakkoeow],
    .panel-card.reservation-calendar-panel[b-tokakkoeow] {
        min-width: 0;
        width: 100%;
    }

    .resident-reservation-workspace .reservation-space-rail[b-tokakkoeow] {
        display: flex;
        gap: 0.55rem;
        margin-inline: -0.1rem;
        overflow-x: auto;
        padding: 0.65rem;
        scroll-snap-type: x proximity;
    }

    .resident-reservation-workspace .reservation-space-button[b-tokakkoeow] {
        flex: 0 0 min(10.5rem, 72vw);
        min-height: 3.65rem;
        scroll-snap-align: start;
    }

    .booking-date-strip[b-tokakkoeow] {
        flex-wrap: nowrap;
        margin-inline: -0.1rem;
        overflow-x: auto;
        padding-bottom: 0.1rem;
        scroll-snap-type: x proximity;
    }

    .booking-date-chip[b-tokakkoeow] {
        flex: 0 0 8.2rem;
        scroll-snap-align: start;
    }

    .calendar-legend[b-tokakkoeow] {
        overflow-x: auto;
        padding-bottom: 0.1rem;
        white-space: nowrap;
    }

    .booking-slot-grid[b-tokakkoeow] {
        grid-template-columns: 1fr;
    }

    .booking-slot-card[b-tokakkoeow] {
        height: auto;
        min-height: 0;
        width: 100%;
    }

    .booking-slot-button[b-tokakkoeow] {
        align-content: center;
        min-height: 4.9rem;
        padding: 0.8rem 3rem 0.8rem 0.85rem;
    }

    .reservation-confirm-panel[b-tokakkoeow] {
        align-items: stretch;
        display: grid;
        gap: 0.75rem;
        position: sticky;
        bottom: calc(4.6rem + env(safe-area-inset-bottom));
        z-index: 8;
    }

    .reservation-confirm-actions[b-tokakkoeow] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1180px) {
    .resident-reservation-workspace[b-tokakkoeow] {
        grid-template-columns: minmax(0, 1fr);
    }

    .resident-reservation-history[b-tokakkoeow] {
        max-height: none;
        min-height: 0;
        overflow: visible;
        position: static;
    }

    .reservation-history-list[b-tokakkoeow] {
        max-height: 24rem;
    }
}
/* /Pages/ReservationSpaces.razor.rz.scp.css */
.field-caption[b-vmihj9bjtm] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--rm-muted);
    font-size: 0.82rem;
    font-weight: 800;
}

.weekday-chip-grid[b-vmihj9bjtm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.weekday-chip[b-vmihj9bjtm],
.schedule-chip[b-vmihj9bjtm] {
    border: 1px solid var(--rm-line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--rm-surface-2) 88%, transparent);
    color: var(--rm-copy);
    font-weight: 800;
}

.weekday-chip[b-vmihj9bjtm] {
    min-width: 5.3rem;
    padding: 0.48rem 0.68rem;
    transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.weekday-chip.active[b-vmihj9bjtm] {
    border-color: color-mix(in srgb, var(--rm-accent) 72%, transparent) !important;
    background: color-mix(in srgb, var(--rm-accent) 20%, var(--rm-surface)) !important;
    color: var(--rm-copy) !important;
    box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--rm-accent) 16%, transparent);
}

.time-input[b-vmihj9bjtm] {
    direction: ltr;
    text-align: left;
    unicode-bidi: plaintext;
}

.schedule-chip[b-vmihj9bjtm] {
    cursor: pointer;
    text-align: start;
    flex: 1 1 auto;
    min-width: 0;
}

.schedule-list[b-vmihj9bjtm] {
    display: grid;
    gap: 0.55rem;
}

.schedule-item[b-vmihj9bjtm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.schedule-item.editing .schedule-chip[b-vmihj9bjtm] {
    border-color: color-mix(in srgb, var(--rm-accent) 72%, transparent) !important;
    background: color-mix(in srgb, var(--rm-accent) 16%, var(--rm-surface-2)) !important;
    color: var(--rm-copy) !important;
}

.schedule-delete[b-vmihj9bjtm] {
    flex: 0 0 auto;
}

@media (max-width: 640px) {
    .weekday-chip[b-vmihj9bjtm] {
        flex: 1 1 calc(50% - 0.38rem);
        min-width: 0;
    }

    .schedule-item[b-vmihj9bjtm] {
        flex-wrap: wrap;
    }

    .schedule-delete[b-vmihj9bjtm] {
        width: 100%;
    }
}
/* /Pages/ResidentAssistant.razor.rz.scp.css */
.resident-assistant-page[b-614sutdz16] {
    --assistant-nav-height: 0rem;
    --assistant-dock-height: 6.2rem;
    position: relative;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    color: var(--rm-copy, #f6f7fb);
    background:
        radial-gradient(circle at 24% 0%, rgba(45, 212, 191, .16), transparent 28rem),
        var(--rm-page-gradient, linear-gradient(145deg, rgba(18, 19, 22, .98), rgba(28, 30, 36, .98)));
}

.resident-assistant-page *[b-614sutdz16] {
    box-sizing: border-box;
}

.resident-chat-shell[b-614sutdz16] {
    position: relative;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    isolation: isolate;
    background: color-mix(in srgb, var(--rm-surface, #171821) 94%, transparent);
}

.resident-chat-head[b-614sutdz16] {
    z-index: 3;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .9rem .95rem .75rem;
    background: color-mix(in srgb, var(--rm-surface-2, #20222d) 88%, transparent);
    border-bottom: 1px solid var(--rm-line, rgba(255, 255, 255, .08));
    backdrop-filter: blur(18px);
}

.assistant-avatar[b-614sutdz16] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 1.05rem;
    color: #fff;
    font-weight: 900;
    letter-spacing: .03em;
    background: linear-gradient(135deg, #2a9d8f 0%, #266f75 100%);
    box-shadow: 0 12px 28px rgba(42, 157, 143, .28);
}

.assistant-heading[b-614sutdz16] {
    min-width: 0;
    flex: 1;
}

.assistant-heading h1[b-614sutdz16] {
    margin: 0;
    color: var(--rm-copy, #f6f7fb);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.15;
}

.assistant-heading p[b-614sutdz16] {
    margin: .2rem 0 0;
    color: var(--rm-copy-muted, #8a8d9b);
    font-size: .8rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clear-chat-btn[b-614sutdz16],
.icon-button[b-614sutdz16],
.attach-btn[b-614sutdz16],
.camera-btn[b-614sutdz16],
.send-btn[b-614sutdz16],
.send-button[b-614sutdz16],
.proposal-confirm[b-614sutdz16],
.recording-stop-button[b-614sutdz16] {
    border: 0;
    font: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.clear-chat-btn[b-614sutdz16] {
    width: 2.65rem;
    height: 2.65rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: var(--rm-copy-soft, #c6cad6);
    background: color-mix(in srgb, var(--rm-surface-3, #242832) 88%, transparent);
    transition: transform .18s ease, background .18s ease, color .18s ease;
}

.clear-chat-btn:hover[b-614sutdz16],
.clear-chat-btn:focus-visible[b-614sutdz16] {
    color: var(--rm-accent, #2dd4bf);
    background: color-mix(in srgb, var(--rm-accent, #2dd4bf) 14%, var(--rm-surface-3, #242832));
    transform: translateY(-1px);
    outline: none;
}

.resident-icon[b-614sutdz16] {
    width: 1.18rem;
    height: 1.18rem;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.resident-icon path[b-614sutdz16] {
    fill: none;
}

.resident-message-list[b-614sutdz16] {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: .95rem .95rem calc(var(--assistant-dock-height) + var(--assistant-nav-height) + 1rem);
    scrollbar-width: thin;
    scrollbar-color: rgba(42, 157, 143, .45) transparent;
}

.resident-message-list[b-614sutdz16]::-webkit-scrollbar {
    width: .45rem;
}

.resident-message-list[b-614sutdz16]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(42, 157, 143, .45);
}

.welcome-bubble[b-614sutdz16],
.chat-bubble[b-614sutdz16],
.resident-error[b-614sutdz16],
.resident-result-card[b-614sutdz16],
.resident-proposal[b-614sutdz16],
.resident-result-list[b-614sutdz16] {
    border: 1px solid var(--rm-line, rgba(255, 255, 255, .08));
    background: color-mix(in srgb, var(--rm-surface-2, #20222d) 90%, transparent);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
    backdrop-filter: blur(14px);
}

.welcome-bubble[b-614sutdz16] {
    display: flex;
    gap: .85rem;
    max-width: 43rem;
    margin: 0 auto .9rem;
    padding: .9rem;
    border-radius: 1.25rem;
}

.welcome-icon[b-614sutdz16] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: .9rem;
    color: #fff;
    background: #2a9d8f;
}

.welcome-bubble h2[b-614sutdz16] {
    margin: 0 0 .25rem;
    color: var(--rm-copy, #f6f7fb);
    font-size: .98rem;
    font-weight: 850;
}

.welcome-bubble p[b-614sutdz16] {
    margin: 0;
    color: var(--rm-copy-muted, #8a8d9b);
    font-size: .86rem;
    line-height: 1.45;
}

.message-row[b-614sutdz16] {
    display: flex;
    margin: .7rem 0;
}

.message-row.assistant[b-614sutdz16] {
    justify-content: flex-start;
}

.message-row.user[b-614sutdz16] {
    justify-content: flex-end;
}

.chat-bubble[b-614sutdz16] {
    max-width: min(84%, 42rem);
    padding: .72rem .85rem;
    border-radius: 1.05rem;
}

.message-row.user .chat-bubble[b-614sutdz16] {
    color: #fff;
    border-color: rgba(38, 111, 117, .2);
    background: linear-gradient(135deg, #266f75 0%, #2a9d8f 100%);
    box-shadow: 0 16px 38px rgba(42, 157, 143, .25);
}

.message-row.assistant .chat-bubble[b-614sutdz16] {
    color: var(--rm-copy, #f6f7fb);
}

.bubble-text[b-614sutdz16] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    line-height: 1.5;
    font-size: .94rem;
}

.bubble-attachments[b-614sutdz16] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .6rem;
}

.bubble-image[b-614sutdz16] {
    width: 4.75rem;
    height: 4.75rem;
    object-fit: cover;
    border: 0;
    border-radius: .85rem;
    cursor: pointer;
}

.message-row.user .bubble-image[b-614sutdz16] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
}

.message-time[b-614sutdz16] {
    margin-top: .38rem;
    color: var(--rm-copy-muted, #8a8d9b);
    font-size: .72rem;
}

.message-row.user .message-time[b-614sutdz16] {
    color: rgba(255, 255, 255, .76);
}

.typing-bubble[b-614sutdz16] {
    display: inline-flex;
    gap: .32rem;
    align-items: center;
    width: auto;
    min-width: 4.8rem;
}

.typing-bubble span[b-614sutdz16] {
    width: .45rem;
    height: .45rem;
    border-radius: 999px;
    background: #2a9d8f;
    animation: typingPulse-b-614sutdz16 1s ease-in-out infinite;
}

.typing-bubble span:nth-child(2)[b-614sutdz16] {
    animation-delay: .14s;
}

.typing-bubble span:nth-child(3)[b-614sutdz16] {
    animation-delay: .28s;
}

@keyframes typingPulse-b-614sutdz16 {
    0%, 100% {
        opacity: .35;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-.18rem);
    }
}

.resident-error[b-614sutdz16] {
    margin: 0 auto .9rem;
    max-width: 43rem;
    padding: .78rem .9rem;
    border-color: rgba(189, 62, 62, .22);
    border-radius: 1rem;
    color: #842f2f;
    background: rgba(255, 245, 245, .92);
}

.resident-result-card[b-614sutdz16],
.resident-result-list[b-614sutdz16],
.resident-proposal[b-614sutdz16] {
    max-width: 43rem;
    margin: .85rem auto;
    border-radius: 1.2rem;
}

.resident-result-card[b-614sutdz16] {
    padding: .8rem;
}

.result-image[b-614sutdz16],
.assistant-image-strip img[b-614sutdz16] {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 1rem;
    cursor: pointer;
}

.assistant-image-strip[b-614sutdz16] {
    display: grid;
    gap: .55rem;
    margin: .85rem auto;
    max-width: 43rem;
}

.assistant-image-strip img[b-614sutdz16] {
    max-height: 18rem;
}

.resident-proposal[b-614sutdz16] {
    overflow: hidden;
}

.proposal-header[b-614sutdz16] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .9rem .95rem .65rem;
}

.proposal-icon[b-614sutdz16] {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: .85rem;
    color: #fff;
    background: #266f75;
}

.proposal-title[b-614sutdz16] {
    font-weight: 850;
    color: #17211f;
}

.proposal-subtitle[b-614sutdz16],
.proposal-body[b-614sutdz16],
.result-empty[b-614sutdz16] {
    color: #60706b;
    line-height: 1.45;
}

.proposal-subtitle[b-614sutdz16] {
    margin-top: .15rem;
    font-size: .82rem;
}

.proposal-body[b-614sutdz16] {
    padding: 0 .95rem .85rem;
    font-size: .9rem;
}

.proposal-confirm[b-614sutdz16] {
    width: calc(100% - 1.9rem);
    margin: 0 .95rem .95rem;
    min-height: 2.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border-radius: .95rem;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(135deg, #2a9d8f, #266f75);
}

.proposal-confirm:disabled[b-614sutdz16] {
    cursor: default;
    opacity: .6;
}

.resident-result-list[b-614sutdz16] {
    padding: .9rem;
}

.resident-result-list h3[b-614sutdz16] {
    margin: 0 0 .65rem;
    font-size: .96rem;
    color: #17211f;
}

.resident-result-list ul[b-614sutdz16] {
    margin: 0;
    padding-left: 1.1rem;
    color: #43524f;
}

.resident-result-list li + li[b-614sutdz16] {
    margin-top: .35rem;
}

.resident-composer[b-614sutdz16] {
    position: fixed;
    left: max(.75rem, env(safe-area-inset-left));
    right: max(.75rem, env(safe-area-inset-right));
    bottom: calc(var(--assistant-nav-height) + .72rem + env(safe-area-inset-bottom));
    z-index: 40;
    display: grid;
    gap: .55rem;
    padding: .62rem;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, .08));
    border-radius: 1.35rem;
    background: color-mix(in srgb, var(--rm-surface, #171821) 94%, transparent);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .34);
    backdrop-filter: blur(22px);
}

.pending-strip[b-614sutdz16] {
    display: flex;
    gap: .5rem;
    overflow-x: auto;
    padding: .05rem .05rem .15rem;
}

.pending-image[b-614sutdz16] {
    position: relative;
    flex: 0 0 auto;
}

.pending-thumb[b-614sutdz16] {
    width: 3.45rem;
    height: 3.45rem;
    padding: 0;
    overflow: hidden;
    object-fit: cover;
    border-radius: .9rem;
    border: 1px solid rgba(23, 33, 31, .08);
    background: transparent;
    cursor: pointer;
}

.pending-thumb img[b-614sutdz16] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: inherit;
}

.remove-image[b-614sutdz16] {
    position: absolute;
    top: -.38rem;
    right: -.38rem;
    width: 1.45rem;
    height: 1.45rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: #26322f;
    cursor: pointer;
}

.composer-row[b-614sutdz16] {
    display: grid;
    grid-template-columns: 2.8rem 2.8rem minmax(0, 1fr) 2.8rem;
    gap: .48rem;
    align-items: center;
}

.message-input[b-614sutdz16] {
    min-height: 2.8rem;
    max-height: 7rem;
    width: 100%;
    resize: none;
    border: 1px solid var(--rm-input-border, rgba(255, 255, 255, .1));
    border-radius: .95rem;
    padding: .72rem .8rem;
    color: var(--rm-copy, #f6f7fb);
    background: var(--rm-input, #121316);
    font: inherit;
    line-height: 1.35;
    outline: none;
}

.message-input:focus[b-614sutdz16] {
    border-color: rgba(42, 157, 143, .5);
    box-shadow: 0 0 0 .18rem rgba(42, 157, 143, .12);
}

.icon-button[b-614sutdz16],
.attach-btn[b-614sutdz16],
.camera-btn[b-614sutdz16],
.send-btn[b-614sutdz16],
.send-button[b-614sutdz16] {
    width: 2.8rem;
    height: 2.8rem;
    display: grid;
    place-items: center;
    border-radius: .95rem;
    color: var(--rm-copy-soft, #c6cad6);
    background: color-mix(in srgb, var(--rm-surface-3, #242832) 86%, transparent);
    transition: transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

.send-btn[b-614sutdz16],
.send-button[b-614sutdz16] {
    color: #fff;
    background: #17211f;
}

.icon-button:hover[b-614sutdz16],
.attach-btn:hover[b-614sutdz16],
.camera-btn:hover[b-614sutdz16],
.send-btn:hover[b-614sutdz16],
.send-button:hover[b-614sutdz16],
.icon-button:focus-visible[b-614sutdz16],
.attach-btn:focus-visible[b-614sutdz16],
.camera-btn:focus-visible[b-614sutdz16],
.send-btn:focus-visible[b-614sutdz16],
.send-button:focus-visible[b-614sutdz16] {
    transform: translateY(-1px);
    outline: none;
}

.icon-button:disabled[b-614sutdz16],
.attach-btn:has(input:disabled)[b-614sutdz16],
.camera-btn:has(input:disabled)[b-614sutdz16],
.send-btn:disabled[b-614sutdz16],
.send-button:disabled[b-614sutdz16] {
    cursor: default;
    opacity: .45;
    transform: none;
    box-shadow: none;
}

.file-input[b-614sutdz16] {
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.resident-empty[b-614sutdz16],
.resident-empty-state[b-614sutdz16] {
    min-height: 100%;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.resident-empty-card[b-614sutdz16] {
    max-width: 28rem;
    padding: 1.25rem;
    border: 1px solid var(--rm-line, rgba(255, 255, 255, .08));
    border-radius: 1.25rem;
    background: color-mix(in srgb, var(--rm-surface-2, #20222d) 92%, transparent);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .24);
    text-align: center;
}

.resident-empty-card h1[b-614sutdz16],
.resident-empty-card h2[b-614sutdz16] {
    margin: .7rem 0 .35rem;
    color: var(--rm-copy, #f6f7fb);
    font-size: 1.1rem;
}

.resident-empty-card p[b-614sutdz16] {
    margin: 0;
    color: var(--rm-copy-muted, #8a8d9b);
    line-height: 1.45;
}

.resident-empty-icon[b-614sutdz16] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    display: grid;
    place-items: center;
    border-radius: 1rem;
    color: #fff;
    background: #2a9d8f;
}

.resident-image-preview[b-614sutdz16],
.image-preview-overlay[b-614sutdz16] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 1rem;
    border: 0;
    background: rgba(10, 17, 16, .78);
    cursor: zoom-out;
}

.resident-image-preview img[b-614sutdz16],
.image-preview-overlay img[b-614sutdz16] {
    max-width: min(92vw, 64rem);
    max-height: 86vh;
    object-fit: contain;
    border-radius: 1rem;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .38);
}

.voice-recording-catcher[b-614sutdz16] {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: grid;
    place-items: center;
    border: 0;
    background:
        radial-gradient(circle at 50% 42%, rgba(217, 79, 79, .26), transparent 15rem),
        rgba(9, 15, 14, .74);
    color: #fff;
    cursor: pointer;
}

.recording-catcher-content[b-614sutdz16] {
    display: grid;
    justify-items: center;
    gap: .75rem;
    padding: 1rem;
}

.recording-pulse[b-614sutdz16] {
    width: 5rem;
    height: 5rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #d94f4f;
    box-shadow: 0 0 0 0 rgba(217, 79, 79, .55);
    animation: recordPulse-b-614sutdz16 1.35s ease-out infinite;
}

@keyframes recordPulse-b-614sutdz16 {
    70% {
        box-shadow: 0 0 0 2rem rgba(217, 79, 79, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(217, 79, 79, 0);
    }
}

.recording-catcher-title[b-614sutdz16] {
    font-weight: 900;
    font-size: 1.1rem;
}

.recording-catcher-time[b-614sutdz16] {
    font-size: 1.8rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.recording-catcher-hint[b-614sutdz16] {
    opacity: .8;
}

.recording-overlay[b-614sutdz16] {
    display: none;
}

.recording-stop-button[b-614sutdz16] {
    min-height: 2.8rem;
    padding: 0 1.1rem;
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .16);
}

@media (max-width: 640px) {
    .resident-assistant-page[b-614sutdz16] {
        --assistant-nav-height: 4.65rem;
        --assistant-dock-height: 4.75rem;
        height: 100%;
        min-height: 0;
        background:
            radial-gradient(circle at 24% -6%, rgba(45, 212, 191, .18), transparent 16rem),
            var(--rm-page-gradient, linear-gradient(180deg, #171821 0%, #121316 100%));
    }

    .resident-chat-head[b-614sutdz16] {
        min-height: 4.75rem;
        padding-top: calc(.7rem + env(safe-area-inset-top));
    }

    .assistant-avatar[b-614sutdz16] {
        width: 2.7rem;
        height: 2.7rem;
        border-radius: .95rem;
    }

    .resident-message-list[b-614sutdz16] {
        padding: .75rem .75rem calc(var(--assistant-dock-height) + var(--assistant-nav-height) + 1.05rem);
    }

    .welcome-bubble[b-614sutdz16] {
        margin-bottom: .7rem;
    }

    .chat-bubble[b-614sutdz16] {
        max-width: 88%;
    }

    .composer-row[b-614sutdz16] {
        grid-template-columns: 3rem 3rem minmax(0, 1fr) 3rem;
        min-height: 3.25rem;
    }

    .icon-button[b-614sutdz16],
    .attach-btn[b-614sutdz16],
    .camera-btn[b-614sutdz16],
    .send-btn[b-614sutdz16],
    .send-button[b-614sutdz16] {
        width: 3rem;
        height: 3rem;
        border-radius: 1rem;
    }
}

@media (min-width: 641px) {
    .resident-assistant-page[b-614sutdz16] {
        --assistant-dock-height: 6.5rem;
        --assistant-nav-height: 0rem;
        padding: 1.1rem;
    }

    .resident-chat-shell[b-614sutdz16] {
        max-width: 72rem;
        margin: 0 auto;
        border: 1px solid var(--rm-line, rgba(255, 255, 255, .08));
        border-radius: 1.4rem;
        background: color-mix(in srgb, var(--rm-surface, #171821) 88%, transparent);
        box-shadow: 0 28px 80px rgba(0, 0, 0, .22);
    }

    .resident-message-list[b-614sutdz16] {
        padding: 1rem 1.1rem 1rem;
    }

    .resident-composer[b-614sutdz16] {
        position: static;
        z-index: 3;
        margin: .75rem 1.1rem 1.1rem;
        grid-row: auto;
    }

    .resident-chat-shell[b-614sutdz16] {
        grid-template-rows: auto minmax(0, 1fr) auto;
    }

    .composer-row[b-614sutdz16] {
        grid-template-columns: 2.85rem 2.85rem minmax(12rem, 1fr) 2.85rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-614sutdz16],
    *[b-614sutdz16]::before,
    *[b-614sutdz16]::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
}
/* /Pages/ResidentNotifications.razor.rz.scp.css */
.resident-notifications-page[b-rrp5c9dyic] {
    display: grid;
    gap: 0.9rem;
    max-width: 920px;
    margin: 0 auto;
    color: var(--rm-text);
}

.page-head[b-rrp5c9dyic],
.filter-bar[b-rrp5c9dyic],
.summary-row[b-rrp5c9dyic],
.empty-state[b-rrp5c9dyic] {
    border: 1px solid color-mix(in srgb, var(--rm-border) 72%, transparent);
    background: color-mix(in srgb, var(--rm-surface) 94%, transparent);
}

.page-head[b-rrp5c9dyic] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 8px;
    padding: 1rem 1.1rem;
}

.page-head h1[b-rrp5c9dyic] {
    margin: 0;
    font-size: 1.28rem;
    font-weight: 900;
}

.page-head p[b-rrp5c9dyic] {
    margin: 0.25rem 0 0;
    color: var(--rm-muted);
    font-size: 0.92rem;
}

.filter-bar[b-rrp5c9dyic] {
    display: grid;
    grid-template-columns: auto auto minmax(160px, 1fr) minmax(160px, 1fr);
    gap: 0.55rem;
    align-items: center;
    border-radius: 8px;
    padding: 0.7rem;
}

.filter-chip[b-rrp5c9dyic] {
    border: 1px solid var(--rm-border);
    border-radius: 999px;
    min-height: 36px;
    padding: 0.35rem 0.85rem;
    background: color-mix(in srgb, var(--rm-surface-2) 58%, transparent);
    color: var(--rm-muted);
    font-weight: 800;
}

.filter-chip.active[b-rrp5c9dyic] {
    background: color-mix(in srgb, var(--rm-accent) 14%, transparent);
    border-color: var(--rm-accent);
    color: var(--rm-accent);
}

.summary-row[b-rrp5c9dyic] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 8px;
    padding: 0.58rem 0.85rem;
    color: var(--rm-muted);
    font-size: 0.86rem;
    font-weight: 750;
}

.notification-list[b-rrp5c9dyic] {
    display: grid;
    gap: 0.55rem;
}

.notification-card[b-rrp5c9dyic] {
    --type-color: var(--rm-accent);
    background: color-mix(in srgb, var(--rm-surface) 92%, transparent);
    border: 1px solid color-mix(in srgb, var(--rm-border) 62%, transparent);
    display: grid;
    gap: 0.62rem;
    border-radius: 8px;
    padding: 0.78rem;
    position: relative;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.notification-card.unread[b-rrp5c9dyic] {
    background: color-mix(in srgb, var(--rm-accent) 8%, var(--rm-surface));
    border-color: color-mix(in srgb, var(--rm-accent) 34%, var(--rm-border));
    box-shadow: 0 10px 26px color-mix(in srgb, var(--rm-accent) 8%, transparent);
}

.notification-card:hover[b-rrp5c9dyic] {
    border-color: color-mix(in srgb, var(--rm-accent) 26%, var(--rm-border));
    transform: translateY(-1px);
}

.notification-card.priority-important[b-rrp5c9dyic],
.notification-card.priority-urgent[b-rrp5c9dyic],
.notification-card.priority-critical[b-rrp5c9dyic] {
    --type-color: var(--rm-warning, #f59e0b);
}

.notification-card.priority-critical[b-rrp5c9dyic] {
    --type-color: var(--rm-danger, #ef4444);
}

.notification-main[b-rrp5c9dyic] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: 0.72rem;
    width: 100%;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    text-align: start;
}

.type-icon[b-rrp5c9dyic] {
    align-items: center;
    color: var(--type-color);
    display: inline-flex;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--type-color) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--type-color) 28%, transparent);
}

.type-icon[b-rrp5c9dyic]::before {
    background: currentColor;
    content: "";
    height: 1.2rem;
    width: 1.2rem;
    mask: var(--inbox-icon) center / contain no-repeat;
    -webkit-mask: var(--inbox-icon) center / contain no-repeat;
}

.type-icon.bi-megaphone-fill[b-rrp5c9dyic] {
    --inbox-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 2.2v11.2L10.7 11H7.2v3H4.8l-1.1-3H2a1.5 1.5 0 0 1-1.5-1.5v-3A1.5 1.5 0 0 1 2 5h3.6L14 2.2zM6.2 6.5H2v3h4.2v-3z'/%3E%3C/svg%3E");
}

.type-icon.bi-clipboard-check[b-rrp5c9dyic] {
    --inbox-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 1h4l.8 1.6H13v12.9H3V2.6h2.2L6 1zm.8 2.4v1.2h2.4V3.4H6.8zM5 5.2v9h6v-9h-.8v1.2H5.8V5.2H5zm6.2 3L7.4 12 5.2 9.8l.9-.9 1.3 1.3 2.9-2.9.9.9z'/%3E%3C/svg%3E");
}

.type-icon.bi-calendar-check-fill[b-rrp5c9dyic] {
    --inbox-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 1h2v2h6V1h2v2h1.5v12H1.5V3H3V1zm10.2 5H2.8v8h10.4V6zM11 7.5l.9.9-4.1 4.1-2.3-2.3.9-.9 1.4 1.4L11 7.5z'/%3E%3C/svg%3E");
}

.type-icon.bi-credit-card-fill[b-rrp5c9dyic] {
    --inbox-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v1H1V4zm0 3h14v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7zm2 4h4v1.2H3V11z'/%3E%3C/svg%3E");
}

.type-icon.bi-info-circle-fill[b-rrp5c9dyic] {
    --inbox-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm-.8 3.2h1.6v1.5H7.2V4.2zm0 2.6h1.6v5H7.2v-5z'/%3E%3C/svg%3E");
}

.notification-copy[b-rrp5c9dyic],
.title-row[b-rrp5c9dyic] {
    min-width: 0;
}

.notification-copy[b-rrp5c9dyic] {
    display: grid;
    gap: 0.22rem;
}

.title-row[b-rrp5c9dyic] {
    display: flex;
    justify-content: space-between;
    gap: 0.65rem;
}

.title-row strong[b-rrp5c9dyic] {
    overflow-wrap: anywhere;
    font-size: 0.98rem;
    line-height: 1.3;
}

.title-row em[b-rrp5c9dyic] {
    align-self: start;
    background: color-mix(in srgb, var(--type-color) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--type-color) 24%, transparent);
    border-radius: 999px;
    flex: 0 0 auto;
    color: var(--type-color);
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 850;
    padding: 0.08rem 0.45rem;
}

.body[b-rrp5c9dyic],
.date[b-rrp5c9dyic],
.empty-state span[b-rrp5c9dyic] {
    color: var(--rm-muted);
}

.body[b-rrp5c9dyic] {
    overflow-wrap: anywhere;
    font-size: 0.9rem;
    line-height: 1.45;
}

.date[b-rrp5c9dyic] {
    font-size: 0.8rem;
    font-weight: 700;
}

.card-actions[b-rrp5c9dyic],
.load-row[b-rrp5c9dyic] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.card-actions .btn[b-rrp5c9dyic] {
    border-radius: 999px;
    font-weight: 800;
    min-height: 2rem;
    padding-inline: 0.7rem;
}

.empty-state[b-rrp5c9dyic] {
    display: grid;
    gap: 0.25rem;
    border-radius: 8px;
    padding: 1.25rem;
    text-align: center;
}

@media (max-width: 720px) {
    .resident-notifications-page[b-rrp5c9dyic] {
        padding-bottom: 4.5rem;
    }

    .page-head[b-rrp5c9dyic] {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-bar[b-rrp5c9dyic] {
        grid-template-columns: 1fr 1fr;
    }

    .filter-bar .form-select[b-rrp5c9dyic] {
        grid-column: 1 / -1;
    }

    .summary-row[b-rrp5c9dyic] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/ResidentRulesPopup.razor.rz.scp.css */
.resident-rules-overlay[b-ouws75bj2c] {
    align-items: center;
    backdrop-filter: blur(12px);
    background: rgba(6, 10, 18, 0.72);
    inset: 0;
    display: flex;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 1090;
}

.resident-rules-dialog[b-ouws75bj2c] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-line);
    border-radius: 18px;
    box-shadow: var(--rm-shadow-soft);
    color: var(--rm-copy);
    display: grid;
    gap: 1rem;
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1.1rem 1.2rem 1.2rem;
    width: min(900px, 100%);
}

.resident-rules-head[b-ouws75bj2c] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.resident-rules-head h3[b-ouws75bj2c] {
    color: var(--rm-copy);
    font-size: 1.25rem;
    font-weight: 950;
    margin: 0;
}

.resident-rules-head p[b-ouws75bj2c] {
    color: var(--rm-copy-muted);
    line-height: 1.7;
    margin: .3rem 0 0;
}

.resident-rules-list[b-ouws75bj2c] {
    display: grid;
    gap: 1rem;
}

.resident-rules-group[b-ouws75bj2c] {
    display: grid;
    gap: .75rem;
}

.resident-rules-group-head[b-ouws75bj2c] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.resident-rules-group-head h4[b-ouws75bj2c] {
    color: var(--rm-copy);
    font-size: 1rem;
    font-weight: 900;
    margin: 0;
}

.resident-rules-group-head span[b-ouws75bj2c],
.resident-rule-meta[b-ouws75bj2c],
.resident-rule-file small[b-ouws75bj2c] {
    color: var(--rm-copy-muted);
}

.resident-rule-cards[b-ouws75bj2c] {
    display: grid;
    gap: .75rem;
}

.resident-rule-card[b-ouws75bj2c] {
    background: color-mix(in srgb, var(--rm-surface-2) 88%, var(--rm-surface));
    border: 1px solid var(--rm-line);
    border-radius: 14px;
    display: grid;
    gap: .75rem;
    padding: .95rem 1rem;
}

.resident-rule-card.inactive[b-ouws75bj2c] {
    opacity: .72;
}

.resident-rule-card-head[b-ouws75bj2c] {
    align-items: flex-start;
    display: flex;
    gap: .85rem;
    justify-content: space-between;
}

.resident-rule-card strong[b-ouws75bj2c] {
    color: var(--rm-copy);
    display: block;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.45;
}

.resident-rule-meta[b-ouws75bj2c] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .75rem;
    margin-top: .45rem;
}

.resident-rule-body[b-ouws75bj2c] {
    color: var(--rm-copy-muted);
    line-height: 1.8;
    margin: 0;
    white-space: pre-wrap;
}

.resident-rule-file[b-ouws75bj2c] {
    align-items: center;
    background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-2));
    border: 1px solid color-mix(in srgb, var(--rm-accent) 26%, var(--rm-line));
    border-radius: 12px;
    color: var(--rm-accent-2);
    display: inline-flex;
    flex-direction: column;
    gap: .15rem;
    min-height: 3rem;
    padding: .55rem .8rem;
    text-decoration: none;
    white-space: nowrap;
}

.resident-rule-file small[b-ouws75bj2c] {
    font-size: .78rem;
    font-weight: 700;
}

.resident-rules-empty[b-ouws75bj2c] {
    background: color-mix(in srgb, var(--rm-surface-2) 72%, var(--rm-surface));
    border: 1px dashed var(--rm-line);
    border-radius: 14px;
    color: var(--rm-copy-muted);
    line-height: 1.7;
    padding: 1rem;
}

@media (max-width: 760px) {
    .resident-rules-dialog[b-ouws75bj2c] {
        border-radius: 14px;
        padding: 1rem;
    }

    .resident-rules-head[b-ouws75bj2c],
    .resident-rule-card-head[b-ouws75bj2c],
    .resident-rules-group-head[b-ouws75bj2c] {
        flex-direction: column;
    }

    .resident-rule-file[b-ouws75bj2c] {
        width: 100%;
    }
}
/* /Pages/ResidentUnitAssistant.razor.rz.scp.css */
.resident-unit-assistant-page[b-uvgtp40v76] { display: grid; gap: 1rem; color: var(--rm-copy); }
.assistant-hero[b-uvgtp40v76], .conversation-panel[b-uvgtp40v76], .debug-panel[b-uvgtp40v76] { border: 1px solid var(--rm-line); border-radius: 1.2rem; background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2)); box-shadow: var(--rm-shadow-soft); }
.assistant-hero[b-uvgtp40v76] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.3rem; }
.assistant-hero h1[b-uvgtp40v76], .panel-head h2[b-uvgtp40v76] { margin: .15rem 0 0; }
.assistant-hero p[b-uvgtp40v76], .message-card p[b-uvgtp40v76] { margin: .45rem 0 0; white-space: pre-wrap; }
.eyebrow[b-uvgtp40v76], .scope-card span[b-uvgtp40v76], .scope-card small[b-uvgtp40v76], .composer label span[b-uvgtp40v76], .message-meta[b-uvgtp40v76], .debug-count[b-uvgtp40v76], .route[b-uvgtp40v76], .debug-step small[b-uvgtp40v76], .result-card small[b-uvgtp40v76], .phone-row small[b-uvgtp40v76], .phone-row span[b-uvgtp40v76] { color: var(--rm-copy-muted); font-size: .76rem; }
.scope-card[b-uvgtp40v76] { display: grid; min-width: 12rem; gap: .18rem; padding: .75rem .9rem; border: 1px solid var(--rm-line); border-radius: .85rem; background: var(--rm-surface-3); }
.assistant-grid[b-uvgtp40v76] { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr); gap: 1rem; }
.conversation-panel[b-uvgtp40v76], .debug-panel[b-uvgtp40v76] { display: grid; min-height: 38rem; overflow: hidden; }
.conversation-panel[b-uvgtp40v76] { grid-template-rows: auto minmax(0, 1fr) auto auto auto auto auto auto; }
.debug-panel[b-uvgtp40v76] { grid-template-rows: auto minmax(0, 1fr); }
.panel-head[b-uvgtp40v76], .message-meta[b-uvgtp40v76] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.panel-head[b-uvgtp40v76] { padding: .95rem 1rem; border-bottom: 1px solid var(--rm-line); }
.message-list[b-uvgtp40v76], .debug-timeline[b-uvgtp40v76], .result-grid[b-uvgtp40v76], .phone-list[b-uvgtp40v76], .image-grid[b-uvgtp40v76] { display: grid; align-content: start; gap: .72rem; overflow: auto; padding: 1rem; }
.message-card[b-uvgtp40v76] { max-width: 88%; padding: .8rem .9rem; border: 1px solid var(--rm-line); border-radius: 1rem; background: var(--rm-surface-3); }
.message-card.user[b-uvgtp40v76] { justify-self: end; border-color: var(--rm-line-strong); background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-3)); }
.result-grid[b-uvgtp40v76] { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); max-height: 22rem; border-top: 1px solid var(--rm-line); }
.result-card[b-uvgtp40v76], .phone-row[b-uvgtp40v76] { display: grid; gap: .25rem; padding: .7rem; border: 1px solid var(--rm-line); border-radius: .75rem; background: var(--rm-surface-3); }
.result-card span[b-uvgtp40v76] { overflow-wrap: anywhere; }
.image-grid[b-uvgtp40v76] { grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); max-height: 18rem; border-top: 1px solid var(--rm-line); }
.image-card[b-uvgtp40v76] { display: grid; gap: .5rem; padding: .55rem; border: 1px solid var(--rm-line); border-radius: .75rem; background: var(--rm-surface-3); color: var(--rm-copy); text-align: start; }
.image-card img[b-uvgtp40v76] { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: .55rem; background: var(--rm-surface-2); }
.image-card span[b-uvgtp40v76] { display: grid; gap: .12rem; }
.image-card small[b-uvgtp40v76] { color: var(--rm-copy-muted); overflow-wrap: anywhere; }
.pill-list[b-uvgtp40v76] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .35rem; }
.info-pill[b-uvgtp40v76] { display: inline-flex; align-items: center; padding: .28rem .48rem; border: 1px solid var(--rm-line); border-radius: 999px; color: var(--rm-copy); background: var(--rm-surface-2); font-size: .78rem; }
.info-pill.phone[b-uvgtp40v76] { color: var(--rm-accent); }
.phone-list[b-uvgtp40v76] { max-height: 18rem; border-top: 1px solid var(--rm-line); }
.composer[b-uvgtp40v76] { display: grid; gap: .7rem; padding: 1rem; border-top: 1px solid var(--rm-line); background: var(--rm-surface-2); }
.composer label[b-uvgtp40v76] { display: grid; gap: .25rem; }
.composer textarea[b-uvgtp40v76], .composer select[b-uvgtp40v76] { background: var(--rm-input); border-color: var(--rm-input-border); color: var(--rm-copy); }
.debug-step[b-uvgtp40v76] { overflow: hidden; border: 1px solid var(--rm-line); border-radius: .8rem; background: var(--rm-surface-3); }
.debug-step summary[b-uvgtp40v76] { display: grid; gap: .24rem; padding: .72rem .8rem; cursor: pointer; }
.debug-step pre[b-uvgtp40v76] { max-height: 28rem; margin: 0; overflow: auto; padding: .85rem; color: var(--rm-copy-soft); font-size: .74rem; white-space: pre-wrap; }
.route b[b-uvgtp40v76] { color: var(--rm-accent); }
.assistant-error[b-uvgtp40v76] { padding: .8rem .9rem; border: 1px solid color-mix(in srgb, var(--rm-danger) 42%, transparent); border-radius: .8rem; background: var(--rm-danger-soft); color: var(--rm-danger); }
.image-preview-layer[b-uvgtp40v76] { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 1rem; background: rgba(0, 0, 0, .72); }
.image-preview-layer article[b-uvgtp40v76] { display: grid; gap: .75rem; width: min(64rem, 96vw); max-height: 92vh; padding: 1rem; border: 1px solid var(--rm-line); border-radius: 1rem; background: var(--rm-surface); color: var(--rm-copy); }
.image-preview-layer button[b-uvgtp40v76] { justify-self: end; }
.image-preview-layer img[b-uvgtp40v76] { width: 100%; max-height: 74vh; object-fit: contain; border-radius: .75rem; background: #050505; }
@media (max-width: 1050px) { .assistant-grid[b-uvgtp40v76] { grid-template-columns: 1fr; } .conversation-panel[b-uvgtp40v76], .debug-panel[b-uvgtp40v76] { min-height: 30rem; } }
@media (max-width: 640px) { .assistant-hero[b-uvgtp40v76] { align-items: stretch; flex-direction: column; } .scope-card[b-uvgtp40v76], .message-card[b-uvgtp40v76] { max-width: 100%; } }
/* /Pages/RolePermissions.razor.rz.scp.css */
.permissions-page[b-05r07l45wr] {
    display: grid;
    gap: 18px;
}

.permissions-hero[b-05r07l45wr],
.permission-group[b-05r07l45wr],
.empty-card[b-05r07l45wr],
.message-card[b-05r07l45wr] {
    border: 1px solid rgba(126, 153, 190, 0.24);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(235,244,255,.82));
    box-shadow: 0 18px 45px rgba(42, 72, 112, 0.12);
    padding: 22px;
}

.permissions-hero[b-05r07l45wr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.eyebrow[b-05r07l45wr] {
    color: #607392;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

h1[b-05r07l45wr],
h2[b-05r07l45wr],
p[b-05r07l45wr] {
    margin: 0;
}

h1[b-05r07l45wr],
h2[b-05r07l45wr] {
    color: #172d4d;
}

p[b-05r07l45wr] {
    color: #607392;
}

.permission-grid[b-05r07l45wr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.permission-row[b-05r07l45wr] {
    border: 1px solid rgba(126, 153, 190, .24);
    border-radius: 18px;
    background: rgba(255,255,255,.76);
    padding: 14px;
    display: grid;
    gap: 10px;
}

.permission-row strong[b-05r07l45wr] {
    color: #172d4d;
}

label[b-05r07l45wr] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #405877;
    font-weight: 800;
}

.primary-btn[b-05r07l45wr] {
    border: 0;
    border-radius: 16px;
    padding: 12px 18px;
    background: linear-gradient(135deg, #17365d, #2479df);
    color: #fff;
    font-weight: 900;
}

.message-card[b-05r07l45wr] {
    color: #174a7c;
}
/* /Pages/Roles.razor.rz.scp.css */
.roles-page[b-rgt3xmyes6] {
    display: grid;
    gap: 1.25rem;
}

.roles-hero[b-rgt3xmyes6],
.editor-card[b-rgt3xmyes6],
.empty-card[b-rgt3xmyes6],
.message-card[b-rgt3xmyes6],
.role-card[b-rgt3xmyes6] {
    border: 1px solid var(--rm-border);
    border-radius: 24px;
    background: linear-gradient(145deg, var(--rm-card), var(--rm-card-deep));
    box-shadow: var(--rm-shadow);
    color: var(--rm-copy);
}

.roles-hero[b-rgt3xmyes6] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem;
}

.roles-hero h1[b-rgt3xmyes6],
.editor-card h2[b-rgt3xmyes6] {
    margin: 0;
    color: var(--rm-copy);
}

.roles-hero p[b-rgt3xmyes6] {
    max-width: 720px;
    margin: 0.55rem 0 0;
    color: var(--rm-copy-muted);
}

.eyebrow[b-rgt3xmyes6] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--rm-accent);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.role-stats[b-rgt3xmyes6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(90px, 1fr));
    gap: 0.75rem;
    min-width: min(420px, 100%);
}

.role-stats div[b-rgt3xmyes6] {
    border: 1px solid var(--rm-border);
    border-radius: 18px;
    background: color-mix(in srgb, var(--rm-surface-2) 72%, transparent);
    padding: 1rem;
}

.role-stats strong[b-rgt3xmyes6] {
    display: block;
    color: var(--rm-copy);
    font-size: 1.55rem;
}

.role-stats span[b-rgt3xmyes6],
.role-card span[b-rgt3xmyes6],
label[b-rgt3xmyes6] {
    color: var(--rm-copy-muted);
}

.roles-layout[b-rgt3xmyes6] {
    display: grid;
    grid-template-columns: minmax(300px, 0.72fr) minmax(420px, 1.28fr);
    gap: 1.25rem;
    align-items: start;
}

.editor-card[b-rgt3xmyes6],
.empty-card[b-rgt3xmyes6],
.message-card[b-rgt3xmyes6] {
    padding: 1.15rem;
}

.panel-head[b-rgt3xmyes6] {
    margin-bottom: 1rem;
}

.form-grid[b-rgt3xmyes6] {
    display: grid;
    gap: 0.85rem;
}

label[b-rgt3xmyes6] {
    display: grid;
    gap: 0.4rem;
    font-weight: 750;
}

.toggle-line[b-rgt3xmyes6] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem;
    border: 1px solid var(--rm-border);
    border-radius: 16px;
    background: color-mix(in srgb, var(--rm-surface-2) 72%, transparent);
}

.actions[b-rgt3xmyes6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.role-grid[b-rgt3xmyes6] {
    display: grid;
    gap: 0.75rem;
}

.role-card[b-rgt3xmyes6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
}

.role-card strong[b-rgt3xmyes6],
.role-card span[b-rgt3xmyes6] {
    display: block;
}

.role-card strong[b-rgt3xmyes6] {
    color: var(--rm-copy);
    font-size: 1.02rem;
}

button:disabled[b-rgt3xmyes6] {
    cursor: not-allowed;
    opacity: 0.52;
}

@media (max-width: 920px) {
    .roles-hero[b-rgt3xmyes6],
    .roles-layout[b-rgt3xmyes6] {
        grid-template-columns: 1fr;
    }

    .roles-hero[b-rgt3xmyes6],
    .role-card[b-rgt3xmyes6] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/RulesAnnouncementAssistant.razor.rz.scp.css */
.rules-announcement-assistant-page[b-mf7xch46c2] { display: grid; gap: 1rem; color: var(--rm-copy); }
.assistant-hero[b-mf7xch46c2], .conversation-panel[b-mf7xch46c2], .debug-panel[b-mf7xch46c2] { border: 1px solid var(--rm-line); border-radius: 1.2rem; background: linear-gradient(145deg, var(--rm-surface), var(--rm-surface-2)); box-shadow: var(--rm-shadow-soft); }
.assistant-hero[b-mf7xch46c2] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.3rem; }
.assistant-hero h1[b-mf7xch46c2], .panel-head h2[b-mf7xch46c2] { margin: .15rem 0 0; }
.assistant-hero p[b-mf7xch46c2], .message-card p[b-mf7xch46c2], .result-card p[b-mf7xch46c2] { margin: .45rem 0 0; white-space: pre-wrap; }
.eyebrow[b-mf7xch46c2], .scope-card span[b-mf7xch46c2], .scope-card small[b-mf7xch46c2], .composer label span[b-mf7xch46c2], .message-meta[b-mf7xch46c2], .debug-count[b-mf7xch46c2], .route[b-mf7xch46c2], .debug-step small[b-mf7xch46c2], .result-card small[b-mf7xch46c2], .audience-row small[b-mf7xch46c2], .audience-row span[b-mf7xch46c2] { color: var(--rm-copy-muted); font-size: .76rem; }
.scope-card[b-mf7xch46c2] { display: grid; min-width: 12rem; gap: .18rem; padding: .75rem .9rem; border: 1px solid var(--rm-line); border-radius: .85rem; background: var(--rm-surface-3); }
.assistant-grid[b-mf7xch46c2] { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr); gap: 1rem; }
.conversation-panel[b-mf7xch46c2], .debug-panel[b-mf7xch46c2] { display: grid; min-height: 38rem; overflow: hidden; }
.conversation-panel[b-mf7xch46c2] { grid-template-rows: auto minmax(0, 1fr) auto auto auto auto; }
.debug-panel[b-mf7xch46c2] { grid-template-rows: auto minmax(0, 1fr); }
.panel-head[b-mf7xch46c2], .message-meta[b-mf7xch46c2] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.panel-head[b-mf7xch46c2] { padding: .95rem 1rem; border-bottom: 1px solid var(--rm-line); }
.message-list[b-mf7xch46c2], .debug-timeline[b-mf7xch46c2], .result-grid[b-mf7xch46c2], .audience-list[b-mf7xch46c2] { display: grid; align-content: start; gap: .72rem; overflow: auto; padding: 1rem; }
.message-card[b-mf7xch46c2] { max-width: 88%; padding: .8rem .9rem; border: 1px solid var(--rm-line); border-radius: 1rem; background: var(--rm-surface-3); }
.message-card.user[b-mf7xch46c2] { justify-self: end; border-color: var(--rm-line-strong); background: color-mix(in srgb, var(--rm-accent) 14%, var(--rm-surface-3)); }
.proposal-card[b-mf7xch46c2] { display: grid; gap: .45rem; margin: 0 1rem 1rem; padding: .85rem; border: 1px solid color-mix(in srgb, var(--rm-accent) 45%, var(--rm-line)); border-radius: .85rem; background: color-mix(in srgb, var(--rm-accent) 9%, var(--rm-surface-3)); }
.result-grid[b-mf7xch46c2] { grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); max-height: 22rem; border-top: 1px solid var(--rm-line); }
.result-card[b-mf7xch46c2], .audience-row[b-mf7xch46c2] { display: grid; gap: .25rem; padding: .7rem; border: 1px solid var(--rm-line); border-radius: .75rem; background: var(--rm-surface-3); }
.audience-list[b-mf7xch46c2] { max-height: 18rem; border-top: 1px solid var(--rm-line); }
.file-list[b-mf7xch46c2] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .35rem; }
.file-pill[b-mf7xch46c2] { display: inline-flex; align-items: center; padding: .28rem .48rem; border: 1px solid var(--rm-line); border-radius: 999px; color: var(--rm-accent); text-decoration: none; background: var(--rm-surface-2); font-size: .78rem; }
.composer[b-mf7xch46c2] { display: grid; gap: .7rem; padding: 1rem; border-top: 1px solid var(--rm-line); background: var(--rm-surface-2); }
.composer label[b-mf7xch46c2] { display: grid; gap: .25rem; }
.composer textarea[b-mf7xch46c2], .composer select[b-mf7xch46c2] { background: var(--rm-input); border-color: var(--rm-input-border); color: var(--rm-copy); }
.debug-step[b-mf7xch46c2] { overflow: hidden; border: 1px solid var(--rm-line); border-radius: .8rem; background: var(--rm-surface-3); }
.debug-step summary[b-mf7xch46c2] { display: grid; gap: .24rem; padding: .72rem .8rem; cursor: pointer; }
.debug-step pre[b-mf7xch46c2] { max-height: 28rem; margin: 0; overflow: auto; padding: .85rem; color: var(--rm-copy-soft); font-size: .74rem; white-space: pre-wrap; }
.route b[b-mf7xch46c2] { color: var(--rm-accent); }
.assistant-error[b-mf7xch46c2] { padding: .8rem .9rem; border: 1px solid color-mix(in srgb, var(--rm-danger) 42%, transparent); border-radius: .8rem; background: var(--rm-danger-soft); color: var(--rm-danger); }
@media (max-width: 1050px) { .assistant-grid[b-mf7xch46c2] { grid-template-columns: 1fr; } .conversation-panel[b-mf7xch46c2], .debug-panel[b-mf7xch46c2] { min-height: 30rem; } }
@media (max-width: 640px) { .assistant-hero[b-mf7xch46c2] { align-items: stretch; flex-direction: column; } .scope-card[b-mf7xch46c2], .message-card[b-mf7xch46c2] { max-width: 100%; } }
/* /Pages/Sections.razor.rz.scp.css */
.page-shell[b-n8gps76qfu] {
    display: grid;
    gap: 1rem;
}

.editor-card[b-n8gps76qfu],
.item-card[b-n8gps76qfu] {
    border: 1px solid #dbe4ee;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.editor-card[b-n8gps76qfu] {
    padding: 1rem;
    display: grid;
    gap: 0.9rem;
}

.editor-head[b-n8gps76qfu] {
    display: grid;
    gap: 0.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e7eef6;
}

.editor-head strong[b-n8gps76qfu],
.item-title[b-n8gps76qfu] {
    color: #18324f;
}

.editor-head span[b-n8gps76qfu],
.item-meta[b-n8gps76qfu] {
    color: #6f8296;
    font-size: 0.92rem;
}

.editor-grid[b-n8gps76qfu] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.inline-create[b-n8gps76qfu] {
    display: grid;
    gap: 0.6rem;
    padding: 0.8rem;
    border: 1px dashed #cfd9e6;
    border-radius: 14px;
    background: rgba(248, 251, 255, 0.9);
}

.action-row[b-n8gps76qfu] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.location-groups[b-n8gps76qfu] {
    display: grid;
    gap: 0.9rem;
}

.location-group[b-n8gps76qfu] {
    border: 1px solid var(--glass-border);
    border-radius: 18px;
    background: var(--panel-bg);
    box-shadow: var(--panel-shadow);
    padding: 0.85rem;
}

.location-head[b-n8gps76qfu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0 0.2rem 0.7rem;
    border-bottom: 1px solid var(--glass-border);
    margin-bottom: 0.75rem;
}

.location-head strong[b-n8gps76qfu] {
    color: var(--accent-mint);
}

.location-head span[b-n8gps76qfu] {
    color: var(--text-muted);
    font-size: 0.84rem;
}

.list-grid[b-n8gps76qfu] {
    display: grid;
    gap: 0.75rem;
}

.list-grid.compact[b-n8gps76qfu] {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 0.65rem;
}

.item-card[b-n8gps76qfu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.75rem;
    min-height: 96px;
}

.item-main[b-n8gps76qfu] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.item-title[b-n8gps76qfu] {
    font-weight: 700;
}

.guid-row[b-n8gps76qfu] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.guid-row code[b-n8gps76qfu] {
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.28rem 0.5rem;
    border-radius: 10px;
    background: #eef4ff;
    color: #1d3b66;
    font-size: 0.76rem;
    white-space: nowrap;
}

.item-actions[b-n8gps76qfu] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 760px) {
    .item-card[b-n8gps76qfu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .item-actions[b-n8gps76qfu] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-xnchrzks3x] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-xnchrzks3x] {
  color: var(--rm-accent-2);
}

.btn-primary[b-xnchrzks3x] {
  color: var(--rm-accent-on);
  background-color: var(--rm-accent);
  border-color: var(--rm-accent-2);
}

.nav-pills .nav-link.active[b-xnchrzks3x], .nav-pills .show > .nav-link[b-xnchrzks3x] {
  color: var(--rm-accent-on);
  background-color: var(--rm-accent);
  border-color: var(--rm-accent-2);
}

.border-top[b-xnchrzks3x] {
  border-top: 1px solid var(--rm-line);
}
.border-bottom[b-xnchrzks3x] {
  border-bottom: 1px solid var(--rm-line);
}

.box-shadow[b-xnchrzks3x] {
  box-shadow: var(--rm-shadow-soft);
}

button.accept-policy[b-xnchrzks3x] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-xnchrzks3x] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* /Pages/SmsAssistantDebug.razor.rz.scp.css */
.sms-debug-page[b-s1590ap0w9] {
    display: grid;
    gap: 1rem;
    color: var(--rm-text);
}

.page-head[b-s1590ap0w9],
.stats-grid article[b-s1590ap0w9],
.filter-bar[b-s1590ap0w9],
.debug-card[b-s1590ap0w9],
.empty-state[b-s1590ap0w9] {
    border: 1px solid var(--rm-border);
    background: var(--rm-surface);
}

.page-head[b-s1590ap0w9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 8px;
    padding: 1rem;
}

.page-head h1[b-s1590ap0w9] {
    margin: 0;
    font-size: 1.35rem;
}

.page-head p[b-s1590ap0w9] {
    margin: 0.25rem 0 0;
    color: var(--rm-muted);
}

.stats-grid[b-s1590ap0w9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    gap: 0.75rem;
}

.stats-grid article[b-s1590ap0w9] {
    display: grid;
    gap: 0.2rem;
    border-radius: 8px;
    padding: 0.85rem;
}

.stats-grid strong[b-s1590ap0w9] {
    font-size: 1.35rem;
}

.stats-grid span[b-s1590ap0w9],
.filter-bar span[b-s1590ap0w9],
.meta-grid[b-s1590ap0w9],
.message-grid span[b-s1590ap0w9],
.pending-row[b-s1590ap0w9],
.debug-top span[b-s1590ap0w9],
.trace-block summary[b-s1590ap0w9] {
    color: var(--rm-muted);
}

.filter-bar[b-s1590ap0w9] {
    display: grid;
    grid-template-columns: minmax(180px, 0.4fr) minmax(260px, 1fr);
    gap: 0.75rem;
    border-radius: 8px;
    padding: 0.85rem;
}

.filter-bar label[b-s1590ap0w9] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.debug-list[b-s1590ap0w9] {
    display: grid;
    gap: 0.75rem;
}

.debug-card[b-s1590ap0w9] {
    display: grid;
    gap: 0.75rem;
    border-radius: 8px;
    padding: 0.9rem;
}

.debug-card.status-failed[b-s1590ap0w9] {
    border-color: color-mix(in srgb, #ff5d76 65%, var(--rm-border));
}

.debug-card.status-noresponsetopic[b-s1590ap0w9] {
    border-color: color-mix(in srgb, #ffd166 65%, var(--rm-border));
}

.debug-top[b-s1590ap0w9] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.debug-top strong[b-s1590ap0w9],
.debug-top span[b-s1590ap0w9] {
    display: block;
}

.debug-top span[b-s1590ap0w9] {
    margin-top: 0.2rem;
}

.status-stack[b-s1590ap0w9] {
    display: grid;
    justify-items: end;
    gap: 0.2rem;
    min-width: 130px;
}

.status-stack em[b-s1590ap0w9] {
    color: var(--rm-accent);
    font-style: normal;
    font-size: 0.8rem;
}

.message-grid[b-s1590ap0w9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.message-grid section[b-s1590ap0w9] {
    display: grid;
    align-content: start;
    gap: 0.3rem;
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    padding: 0.75rem;
    background: var(--rm-surface-2, var(--rm-surface));
}

.message-grid p[b-s1590ap0w9] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.meta-grid[b-s1590ap0w9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 0.35rem 0.75rem;
    font-size: 0.85rem;
}

.pending-row[b-s1590ap0w9] {
    display: grid;
    gap: 0.25rem;
    border-top: 1px solid var(--rm-border);
    padding-top: 0.65rem;
    font-size: 0.85rem;
}

.trace-grid[b-s1590ap0w9] {
    display: grid;
    gap: 0.55rem;
}

.trace-block[b-s1590ap0w9] {
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--rm-surface-3, var(--rm-surface));
}

.trace-block summary[b-s1590ap0w9] {
    cursor: pointer;
    padding: 0.6rem 0.75rem;
    font-weight: 600;
}

.trace-block pre[b-s1590ap0w9] {
    max-height: 28rem;
    margin: 0;
    overflow: auto;
    padding: 0.8rem;
    color: var(--rm-text);
    border-top: 1px solid var(--rm-border);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.error-block[b-s1590ap0w9] {
    border-color: color-mix(in srgb, #ff5d76 65%, var(--rm-border));
}

.empty-state[b-s1590ap0w9] {
    border-radius: 8px;
    padding: 1rem;
    color: var(--rm-muted);
}

@media (max-width: 900px) {
    .stats-grid[b-s1590ap0w9],
    .filter-bar[b-s1590ap0w9],
    .message-grid[b-s1590ap0w9],
    .meta-grid[b-s1590ap0w9] {
        grid-template-columns: 1fr;
    }

    .page-head[b-s1590ap0w9],
    .debug-top[b-s1590ap0w9] {
        align-items: stretch;
        flex-direction: column;
    }

    .status-stack[b-s1590ap0w9] {
        justify-items: start;
    }
}
/* /Pages/SystemAdminHelp.razor.rz.scp.css */
.system-admin-help[b-sa3gx2gako] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--rm-accent) 42%, var(--rm-line));
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--rm-accent) 18%, transparent), transparent 34%),
        linear-gradient(180deg, var(--rm-card), var(--rm-card-deep));
    color: var(--rm-copy);
    box-shadow: var(--rm-shadow, 0 18px 48px rgba(0, 0, 0, 0.18));
}

.help-head[b-sa3gx2gako] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.help-head span[b-sa3gx2gako] {
    display: inline-flex;
    padding: 0.24rem 0.62rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--rm-accent) 16%, transparent);
    color: var(--rm-accent);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.help-head strong[b-sa3gx2gako] {
    font-size: 1.02rem;
}

.system-admin-help p[b-sa3gx2gako] {
    margin: 0;
    color: var(--rm-copy-muted);
}

.system-admin-help ul[b-sa3gx2gako] {
    display: grid;
    gap: 0.4rem;
    margin: 0;
    padding-inline-start: 1.15rem;
    color: var(--rm-copy);
}

.system-admin-help li[b-sa3gx2gako]::marker {
    color: var(--rm-accent);
}

@media (max-width: 720px) {
    .help-head[b-sa3gx2gako] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/SystemUrls.razor.rz.scp.css */
.system-url-page[b-bfxw99wv5f] {
    display: grid;
    gap: 1rem;
}

.panel-card[b-bfxw99wv5f],
.status-card[b-bfxw99wv5f] {
    background: var(--rm-surface);
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    color: var(--rm-text);
    box-shadow: var(--rm-shadow-sm);
}

.panel-card[b-bfxw99wv5f] {
    padding: 1rem;
}

.status-card[b-bfxw99wv5f] {
    padding: .85rem 1rem;
}

.panel-head[b-bfxw99wv5f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-head h2[b-bfxw99wv5f] {
    margin: .15rem 0 0;
    font-size: 1.15rem;
}

.eyebrow[b-bfxw99wv5f] {
    color: var(--rm-muted);
    font-size: .78rem;
    text-transform: uppercase;
}

.url-list[b-bfxw99wv5f] {
    display: grid;
    gap: .85rem;
}

.url-row[b-bfxw99wv5f] {
    display: grid;
    gap: .75rem;
    padding: .9rem;
    border: 1px solid var(--rm-border);
    border-radius: 8px;
    background: var(--rm-surface-muted, var(--rm-surface));
}

.url-row-head[b-bfxw99wv5f],
.action-row[b-bfxw99wv5f],
.url-meta[b-bfxw99wv5f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.url-row-head small[b-bfxw99wv5f] {
    display: block;
    margin-top: .25rem;
    color: var(--rm-muted);
}

label[b-bfxw99wv5f] {
    display: grid;
    gap: .3rem;
}

label span[b-bfxw99wv5f] {
    color: var(--rm-muted);
    font-size: .86rem;
}

.switch-line[b-bfxw99wv5f] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
}

.url-meta[b-bfxw99wv5f] {
    flex-wrap: wrap;
    justify-content: flex-start;
    color: var(--rm-muted);
    font-size: .82rem;
}

.url-meta code[b-bfxw99wv5f] {
    color: var(--rm-text);
}

.empty-state[b-bfxw99wv5f] {
    color: var(--rm-muted);
    padding: 1rem 0;
}

@media (max-width: 720px) {
    .panel-head[b-bfxw99wv5f],
    .url-row-head[b-bfxw99wv5f] {
        flex-direction: column;
    }
}