/* /Components/Layout/MainLayout.razor.rz.scp.css */
.cc-logo[b-v6edkoyk5f] {
    margin: 0 0.5rem 0 0.25rem;
    vertical-align: middle;
}

.cc-nav-section[b-v6edkoyk5f] {
    padding: 0.75rem 1rem 0.35rem;
    margin-top: 0.5rem;
    border-top: 1px solid var(--kendo-color-border, #dee2e6);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--kendo-color-subtle, #6c757d);
}

.cc-nav-org-selector[b-v6edkoyk5f] {
    border-bottom: 1px solid var(--kendo-color-border, #e2e8f0);
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
}

.cc-nav-org-header[b-v6edkoyk5f] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.6rem 1rem;
    background: none;
    border: none;
    cursor: pointer;
    gap: 0.5rem;
    text-align: left;
}

.cc-nav-org-header:hover[b-v6edkoyk5f] {
    background: var(--kendo-color-base-hover, #f5f5f5);
}

.cc-nav-org-label[b-v6edkoyk5f] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--kendo-color-subtle, #666);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    flex: 1;
}

.cc-nav-org-current[b-v6edkoyk5f] {
    font-size: 0.8rem;
    color: var(--kendo-color-on-base, #333);
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cc-nav-org-list[b-v6edkoyk5f] {
    max-height: 220px;
    overflow-y: auto;
}

.cc-nav-org-item[b-v6edkoyk5f] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5rem 1rem 0.5rem 1.25rem;
    background: none;
    border: none;
    cursor: pointer;
    gap: 0.5rem;
    font-size: 0.875rem;
    text-align: left;
}

.cc-nav-org-item:hover[b-v6edkoyk5f] {
    background: var(--kendo-color-base-hover, #f5f5f5);
}

.cc-org-active[b-v6edkoyk5f] {
    color: var(--kendo-color-primary, #ff6358);
    font-weight: 600;
}

.cc-nav-org-empty[b-v6edkoyk5f] {
    padding: 0.5rem 1.25rem;
    font-size: 0.8rem;
    color: var(--kendo-color-subtle, #6c757d);
}

#blazor-error-ui[b-v6edkoyk5f] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-v6edkoyk5f] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-vxtgzmm9ah],
.components-reconnect-repeated-attempt-visible[b-vxtgzmm9ah],
.components-reconnect-failed-visible[b-vxtgzmm9ah],
.components-pause-visible[b-vxtgzmm9ah],
.components-resume-failed-visible[b-vxtgzmm9ah],
.components-rejoining-animation[b-vxtgzmm9ah] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-vxtgzmm9ah],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-vxtgzmm9ah],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-vxtgzmm9ah],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-vxtgzmm9ah],
#components-reconnect-modal.components-reconnect-retrying[b-vxtgzmm9ah],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-vxtgzmm9ah],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-vxtgzmm9ah],
#components-reconnect-modal.components-reconnect-failed[b-vxtgzmm9ah],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-vxtgzmm9ah] {
    display: block;
}


#components-reconnect-modal[b-vxtgzmm9ah] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-vxtgzmm9ah 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-vxtgzmm9ah 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-vxtgzmm9ah 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-vxtgzmm9ah]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-vxtgzmm9ah 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-vxtgzmm9ah {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-vxtgzmm9ah {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-vxtgzmm9ah {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-vxtgzmm9ah] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-vxtgzmm9ah] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-vxtgzmm9ah] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-vxtgzmm9ah] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-vxtgzmm9ah] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-vxtgzmm9ah] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-vxtgzmm9ah] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-vxtgzmm9ah 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-vxtgzmm9ah] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-vxtgzmm9ah {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/IpSecurity.razor.rz.scp.css */
.ips-page[b-eajnojmwit] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
}

/* ── Alert banner ─────────────────────────────────────────────────────────── */

.ips-alert[b-eajnojmwit] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
}

.ips-alert--success[b-eajnojmwit] {
    background: #d1fae5;
    border: 1px solid #6ee7b7;
    color: #065f46;
}

.ips-alert--error[b-eajnojmwit] {
    background: #fee2e2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

/* ── Badges ───────────────────────────────────────────────────────────────── */

.ips-badge[b-eajnojmwit] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.ips-badge--blocked[b-eajnojmwit] {
    background: #fee2e2;
    color: #991b1b;
}

.ips-badge--ok[b-eajnojmwit] {
    background: #d1fae5;
    color: #065f46;
}

/* ── IP hash display ──────────────────────────────────────────────────────── */

.ips-hash[b-eajnojmwit] {
    font-family: ui-monospace, "Cascadia Code", monospace;
    font-size: 0.8rem;
    cursor: help;
    color: #374151;
}

.ips-hash-code[b-eajnojmwit] {
    font-family: ui-monospace, "Cascadia Code", monospace;
    font-size: 0.85rem;
    background: #f3f4f6;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}

/* ── Muted placeholder ────────────────────────────────────────────────────── */

.ips-muted[b-eajnojmwit] {
    color: #9ca3af;
}

/* ── Empty state ──────────────────────────────────────────────────────────── */

.ips-empty[b-eajnojmwit] {
    padding: 2rem 1rem;
    text-align: center;
    color: #9ca3af;
    font-size: 0.95rem;
    border: 1px dashed #e5e7eb;
    border-radius: 8px;
}

/* ── Block-by-raw-IP form ─────────────────────────────────────────────────── */

.ips-form-note[b-eajnojmwit] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 0.75rem;
}

.ips-form-row[b-eajnojmwit] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.ips-field[b-eajnojmwit] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ips-field--btn[b-eajnojmwit] {
    justify-content: flex-end;
}

.ips-label[b-eajnojmwit] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151;
}

/* ── Dialog form field ────────────────────────────────────────────────────── */

.k-dialog .ips-field[b-eajnojmwit] {
    margin-top: 0.75rem;
}
/* /Components/Pages/Admin/OrgIpAllowlist.razor.rz.scp.css */
.oial-page[b-nlkv0i4391] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
}

/* ── Intro text ───────────────────────────────────────────────────────────── */

.oial-intro[b-nlkv0i4391] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1rem;
    max-width: 700px;
}

/* ── Alert banner ─────────────────────────────────────────────────────────── */

.oial-alert[b-nlkv0i4391] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
}

.oial-alert--success[b-nlkv0i4391] {
    background: #d1fae5;
    border: 1px solid #6ee7b7;
    color: #065f46;
}

.oial-alert--error[b-nlkv0i4391] {
    background: #fee2e2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

/* ── Organization selector ────────────────────────────────────────────────── */

.oial-org-row[b-nlkv0i4391] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* ── Empty state ──────────────────────────────────────────────────────────── */

.oial-empty[b-nlkv0i4391] {
    padding: 2rem 1rem;
    text-align: center;
    color: #9ca3af;
    font-size: 0.95rem;
    border: 1px dashed #e5e7eb;
    border-radius: 8px;
    margin-bottom: 1rem;
}

/* ── Add entry form ───────────────────────────────────────────────────────── */

.oial-add-section[b-nlkv0i4391] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e5e7eb;
}

.oial-add-title[b-nlkv0i4391] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 0.75rem;
}

.oial-form-row[b-nlkv0i4391] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.oial-field[b-nlkv0i4391] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.oial-field--btn[b-nlkv0i4391] {
    justify-content: flex-end;
}

.oial-label[b-nlkv0i4391] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #374151;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.lgn-container[b-s39qnb7fi9] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: calc(100vh - 4rem);
    padding: 2rem 0;
    width: 100%;
    box-sizing: border-box;
}

.lgn-card-wrapper[b-s39qnb7fi9] {
    width: 100%;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.lgn-card[b-s39qnb7fi9] {
    min-width: 0;
    min-height: 320px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.lgn-card .k-card-body[b-s39qnb7fi9] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.lgn-form[b-s39qnb7fi9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lgn-field[b-s39qnb7fi9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.lgn-label[b-s39qnb7fi9] {
    font-size: 0.875rem;
    font-weight: 600;
}

.lgn-error[b-s39qnb7fi9] {
    background-color: var(--kendo-color-error-subtle);
    border: 1px solid var(--kendo-color-error);
    border-radius: var(--kendo-border-radius-md);
    color: var(--kendo-color-error-on-subtle);
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

.lgn-action .k-button[b-s39qnb7fi9] {
    width: 100%;
}

.lgn-divider[b-s39qnb7fi9] {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
}

.lgn-hint[b-s39qnb7fi9] {
    text-align: center;
    font-size: 0.85rem;
    color: #6b7280;
    margin: 0;
}
/* /Features/AssetConfigurationAdmin/AssetConfigurationAdmin.razor.rz.scp.css */
.aa-page[b-xbl1r4mogm] {
    padding: 1.5rem;
}

.aa-title[b-xbl1r4mogm] {
    margin-bottom: 1rem;
}

.aa-error[b-xbl1r4mogm] {
    color: var(--kendo-color-error, #d32f2f);
    margin-bottom: .75rem;
    font-size: .875rem;
}

.aa-empty[b-xbl1r4mogm] {
    color: var(--kendo-color-subtle, #666);
    font-style: italic;
    padding: .5rem 0;
}

.aa-field[b-xbl1r4mogm] {
    margin-bottom: 1rem;
}

.aa-label[b-xbl1r4mogm] {
    display: block;
    font-weight: 600;
    margin-bottom: .35rem;
}

.aa-required[b-xbl1r4mogm] {
    color: var(--kendo-color-error, #d32f2f);
}

.aa-hint[b-xbl1r4mogm] {
    display: block;
    color: var(--kendo-color-subtle, #666);
    font-size: .8rem;
    margin-top: .25rem;
}

/* ── Model images ─────────────────────────────────────────── */

.aa-model-images[b-xbl1r4mogm] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: .5rem;
}

.aa-model-image-thumb[b-xbl1r4mogm] {
    position: relative;
    width: 120px;
    border: 1px solid var(--kendo-color-border, #ddd);
    border-radius: 4px;
    overflow: visible;
}

    .aa-model-image-thumb .aa-thumb-img[b-xbl1r4mogm] {
        display: block;
        width: 120px;
        height: 90px;
        object-fit: cover;
        border-radius: 4px;
    }

    .aa-model-image-thumb .k-button[b-xbl1r4mogm] {
        position: absolute;
        top: -8px;
        right: -8px;
        padding: 2px;
        min-width: 0;
    }

.aa-upload-label[b-xbl1r4mogm] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    margin-top: .25rem;
}
/* /Features/AssetLookup/AssetLookup.razor.rz.scp.css */
.al-container[b-au5pttkq9w] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 2rem 0;
    min-height: calc(100vh - 4rem);
    width: 100%;
    box-sizing: border-box;
}

.al-card-wrapper[b-au5pttkq9w] {
    width: 100%;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.al-card[b-au5pttkq9w] {
    min-width: 0;
    min-height: 280px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.al-card .k-card-body[b-au5pttkq9w] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.al-form[b-au5pttkq9w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.al-hint[b-au5pttkq9w] {
    margin: 0;
    font-size: 0.875rem;
    color: #555;
}

.al-field[b-au5pttkq9w] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.al-label[b-au5pttkq9w] {
    font-size: 0.875rem;
    font-weight: 600;
}

.al-error[b-au5pttkq9w] {
    background-color: var(--kendo-color-error-subtle, #fff5f5);
    border: 1px solid var(--kendo-color-error, #f31700);
    border-radius: var(--kendo-border-radius-md, 4px);
    color: var(--kendo-color-error-on-subtle, #f31700);
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

.al-action[b-au5pttkq9w] {
    display: flex;
}

.al-action .k-button[b-au5pttkq9w] {
    width: 100%;
}
/* /Features/AssetMaintenance/AssetForm.razor.rz.scp.css */
.af-shell[b-d6dybb9ksp] { max-width: 780px; }

.af-header[b-d6dybb9ksp] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.af-home[b-d6dybb9ksp] {
    font-size: 0.9rem;
    color: #57606a;
    background: #f6f8fa;
    border: 1px solid #d0d7de;
    border-radius: 999px;
    padding: 2px 12px;
}

.af-notice[b-d6dybb9ksp] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    background: #f6f8fa;
    border: 1px solid #d0d7de;
    margin: 0.75rem 0;
}
.af-notice-error[b-d6dybb9ksp] { background: #fff1f0; border-color: #ffa39e; color: #a8071a; }
.af-notice-info[b-d6dybb9ksp]  { background: #e6f4ff; border-color: #91caff; color: #0958d9; }

.af-card[b-d6dybb9ksp] {
    border: 1px solid #d0d7de;
    border-radius: 10px;
    padding: 1rem 1.15rem 1.15rem;
    margin-bottom: 1rem;
    background: #fff;
}

.af-card-title[b-d6dybb9ksp] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.75rem;
    color: #1f2328;
}

/* Resident picker */
.af-res-picker[b-d6dybb9ksp] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 0.75rem 1rem;
    align-items: end;
    margin-bottom: 0.9rem;
}

.af-res-empty[b-d6dybb9ksp] { padding: 0.5rem 0.25rem; color: #6c757d; font-size: 0.875rem; }

/* Row rendered for each resident inside the dropdown list */
.af-res-opt[b-d6dybb9ksp] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
}
.af-res-opt-name[b-d6dybb9ksp] { font-weight: 600; color: #1f2328; }
.af-res-opt-sub[b-d6dybb9ksp]  { font-size: 0.8rem; color: #6c757d; flex: 1; }

.af-badge[b-d6dybb9ksp] {
    grid-area: badge;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 999px;
    white-space: nowrap;
}
.af-badge-has[b-d6dybb9ksp]    { background: #eaf6ec; color: #1a7f37; }
.af-badge-none[b-d6dybb9ksp]   { background: #fff4e5; color: #9a6700; }
.af-badge-unseen[b-d6dybb9ksp] { background: #eef1f4; color: #57606a; }

/* Fields */
.af-grid2[b-d6dybb9ksp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}
.af-field[b-d6dybb9ksp] { display: flex; flex-direction: column; gap: 4px; margin-bottom: 0.75rem; }
.af-label[b-d6dybb9ksp] { font-size: 0.8rem; font-weight: 600; color: #57606a; }

.af-res-actions[b-d6dybb9ksp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}
.af-res-hint[b-d6dybb9ksp] { font-size: 0.82rem; color: #6c757d; }
.af-res-linked[b-d6dybb9ksp] { color: #1a7f37; font-weight: 600; display: inline-flex; align-items: center; gap: 4px; }

/* Inline rows (number check, make/model) */
.af-inline[b-d6dybb9ksp] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.af-ok[b-d6dybb9ksp]   { color: #1a7f37; display: inline-flex; align-items: center; gap: 4px; font-size: 0.85rem; }
.af-warn[b-d6dybb9ksp] { color: #a8071a; display: inline-flex; align-items: center; gap: 4px; font-size: 0.85rem; }
.af-hint-inline[b-d6dybb9ksp] { font-size: 0.82rem; color: #6c757d; }

.af-children[b-d6dybb9ksp] { list-style: none; margin: 0.6rem 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.af-children li[b-d6dybb9ksp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 0.5rem;
    background: #f6f8fa;
    border-radius: 6px;
    max-width: 240px;
}

.af-mm-current[b-d6dybb9ksp] { color: #1f2328; font-size: 0.9rem; }

.af-sr-note[b-d6dybb9ksp] {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: #9a6700;
    background: #fff4e5;
    border-radius: 6px;
    padding: 0.4rem 0.7rem;
}

.af-pii[b-d6dybb9ksp] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: #9a6700;
    background: #fff4e5;
    border: 1px solid #f5d491;
    border-radius: 6px;
    padding: 0.5rem 0.8rem;
    margin-bottom: 0.8rem;
}

.af-photos[b-d6dybb9ksp] { display: flex; gap: 0.9rem; flex-wrap: wrap; align-items: flex-start; }
.af-photo[b-d6dybb9ksp] { position: relative; }
.af-photo img[b-d6dybb9ksp] {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #d0d7de;
    display: block;
}
.af-photo-add[b-d6dybb9ksp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 220px;
}

.af-hint[b-d6dybb9ksp] { font-size: 0.85rem; color: #6c757d; margin: 0 0 0.75rem; }

.af-docs[b-d6dybb9ksp] { list-style: none; margin: 0 0 0.75rem; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; }
.af-doc[b-d6dybb9ksp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.6rem;
    border: 1px solid #d0d7de;
    border-radius: 6px;
}
.af-doc a[b-d6dybb9ksp] { color: #0969da; text-decoration: none; }
.af-doc a:hover[b-d6dybb9ksp] { text-decoration: underline; }
.af-doc-size[b-d6dybb9ksp] { margin-left: auto; font-size: 0.82rem; color: #6c757d; }
.af-doc-pending[b-d6dybb9ksp] { font-size: 0.78rem; color: #9a6700; font-style: italic; }

.af-footer[b-d6dybb9ksp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

@media (max-width: 620px) {
    .af-grid2[b-d6dybb9ksp] { grid-template-columns: 1fr; }
    .af-res-picker[b-d6dybb9ksp] { grid-template-columns: 1fr; }
}

/* Take Out of Service dialog */
.af-oos[b-d6dybb9ksp] { display: flex; flex-direction: column; gap: 0.6rem; }
.af-oos-lead[b-d6dybb9ksp] { margin: 0 0 0.2rem; color: #57606a; }
.af-req[b-d6dybb9ksp] { color: #d1242f; }
.af-oos-error[b-d6dybb9ksp] { color: #d1242f; font-size: 0.9rem; }
.af-oos-actions[b-d6dybb9ksp] { display: flex; justify-content: flex-end; gap: 0.6rem; margin-top: 0.4rem; }
/* /Features/AssetMaintenance/MakeModelPicker.razor.rz.scp.css */
.mmp[b-6mchxo2pqy] { display: flex; flex-direction: column; gap: 0.75rem; }

.mmp-search[b-6mchxo2pqy] { position: sticky; top: 0; }

.mmp-empty[b-6mchxo2pqy] { color: #6c757d; font-size: 0.9rem; margin: 0.5rem 0; }

.mmp-list[b-6mchxo2pqy] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 55vh;
    overflow-y: auto;
}

.mmp-item[b-6mchxo2pqy] {
    display: flex;
    align-items: stretch;
    width: 100%;
    border: 1px solid #d0d7de;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.mmp-thumbs[b-6mchxo2pqy] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
    align-items: center;
    padding: 0.5rem;
}

.mmp-thumb-btn[b-6mchxo2pqy] {
    padding: 0;
    border: none;
    background: none;
    cursor: zoom-in;
    line-height: 0;
    border-radius: 6px;
}

.mmp-thumb[b-6mchxo2pqy] {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    display: block;
}
.mmp-thumb-empty[b-6mchxo2pqy] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b0b8c0;
    background: #f6f8fa;
}

.mmp-select[b-6mchxo2pqy] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.9rem;
    background: none;
    border: none;
    border-left: 1px solid #eef1f4;
    cursor: pointer;
    text-align: left;
}
.mmp-select:hover[b-6mchxo2pqy] { background: #f5f8ff; }

.mmp-meta[b-6mchxo2pqy] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mmp-make[b-6mchxo2pqy]  { font-weight: 700; color: #1f2328; }
.mmp-model[b-6mchxo2pqy] { color: #1f2328; }
.mmp-type[b-6mchxo2pqy]  { font-size: 0.78rem; color: #6c757d; }

.mmp-select-cta[b-6mchxo2pqy] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: #0958d9;
    font-weight: 600;
    font-size: 0.85rem;
    white-space: nowrap;
}

.mmp-manual[b-6mchxo2pqy] {
    border-top: 1px solid #e2e8f0;
    padding-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.mmp-manual-title[b-6mchxo2pqy] { font-size: 0.85rem; color: #57606a; font-weight: 600; }
.mmp-manual-fields[b-6mchxo2pqy] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 0.5rem;
    align-items: center;
}
.mmp-manual-msg[b-6mchxo2pqy] { font-size: 0.82rem; color: #a8071a; }

.mmp-actions[b-6mchxo2pqy] { display: flex; justify-content: flex-end; }

/* Tap-to-enlarge overlay. A TelerikWindow is transform-positioned, so this fixed
   layer resolves to the window and covers it — big enough to inspect the photo. */
.mmp-lightbox[b-6mchxo2pqy] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 20px;
    cursor: zoom-out;
}
.mmp-lightbox img[b-6mchxo2pqy] {
    max-width: 90vw;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 8px;
}
.mmp-lightbox-hint[b-6mchxo2pqy] { color: #fff; font-size: 0.85rem; opacity: 0.85; }

@media (max-width: 560px) {
    .mmp-manual-fields[b-6mchxo2pqy] { grid-template-columns: 1fr; }
}
/* /Features/AssetMaintenance/ResidentQuickAddForm.razor.rz.scp.css */
.rqa-form[b-9wvh0x3vzk] { display: flex; flex-direction: column; gap: 0.6rem; }

.rqa-hint[b-9wvh0x3vzk] { font-size: 0.85rem; color: #57606a; margin: 0 0 0.25rem; }

.rqa-row[b-9wvh0x3vzk] { display: flex; flex-direction: column; gap: 4px; }
.rqa-label[b-9wvh0x3vzk] { font-size: 0.8rem; font-weight: 600; color: #57606a; }

.rqa-error[b-9wvh0x3vzk] {
    color: #a8071a;
    background: #fff1f0;
    border: 1px solid #ffa39e;
    border-radius: 6px;
    padding: 0.4rem 0.7rem;
    font-size: 0.85rem;
}

.rqa-actions[b-9wvh0x3vzk] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 0.4rem;
}
/* /Features/AssetServices/ServiceFormDialog.razor.rz.scp.css */
.sf-loader-wrap[b-ggqeelafg4] {
    position: relative;
    min-height: 120px;
}

.sf-unavailable[b-ggqeelafg4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2.5rem 1rem;
    color: #6c757d;
    font-size: 0.9375rem;
}

.sf-error-banner[b-ggqeelafg4] {
    color: #dc3545;
    font-size: 0.875rem;
    padding: 0.4rem 0.75rem;
    background: #fff0f0;
    border-radius: 4px;
    border: 1px solid #f5c6cb;
    margin-bottom: 0.75rem;
}

/* ── Form layout ──────────────────────────────────────────── */

.sf-form[b-ggqeelafg4] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 0.25rem 0 0.75rem;
}

.sf-section[b-ggqeelafg4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sf-section-title[b-ggqeelafg4] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #1a3c6e;
    padding-bottom: 0.35rem;
    border-bottom: 2px solid #e5e7eb;
}

.sf-instructions[b-ggqeelafg4] {
    margin: 0;
    font-size: 0.875rem;
    color: #6b7280;
}

/* ── Individual field ─────────────────────────────────────── */

.sf-field[b-ggqeelafg4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

/* Checkbox row: control + label sit side-by-side */
.sf-field--inline[b-ggqeelafg4] {
    flex-direction: row;
    align-items: center;
    gap: 0.625rem;
    padding: 0.55rem 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.sf-label[b-ggqeelafg4] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151;
}

.sf-required[b-ggqeelafg4] {
    color: #dc3545;
}

.sf-help[b-ggqeelafg4] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* ── Checkbox specific ────────────────────────────────────── */

.sf-checkbox-row[b-ggqeelafg4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sf-checkbox-label[b-ggqeelafg4] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151;
    cursor: pointer;
    margin: 0;
}

/* ── File upload list ─────────────────────────────────────── */

.sf-file-list[b-ggqeelafg4] {
    list-style: none;
    padding: 0;
    margin: 0.3rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.sf-file-item[b-ggqeelafg4] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    color: #374151;
}

.sf-file-size[b-ggqeelafg4] {
    color: #9ca3af;
    font-size: 0.75rem;
}

/* ── Radio group ──────────────────────────────────────────── */

.sf-radio-group[b-ggqeelafg4] {
    padding: 0.4rem 0.25rem;
}

/* ── Footer actions ───────────────────────────────────────── */

.sf-actions[b-ggqeelafg4] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 0.75rem;
    border-top: 1px solid #e5e7eb;
    margin-top: 0.25rem;
}
/* /Features/AssetView/AssetView.razor.rz.scp.css */
/* ── Access restricted ── */

.av-restricted[b-7kqm84u4rs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 4rem 2rem;
    text-align: center;
    color: #374151;
}

.av-restricted h2[b-7kqm84u4rs] {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
}

.av-restricted p[b-7kqm84u4rs] {
    font-size: 0.95rem;
    color: #6b7280;
    margin: 0;
    max-width: 480px;
}

[b-7kqm84u4rs] .av-restricted-icon svg {
    width: 48px;
    height: 48px;
    color: #9ca3af;
}

/* ── Page layout ── */

.av-page[b-7kqm84u4rs] {
    width: 100%;
    box-sizing: border-box;
    margin-top: 1.5rem;
    padding: 0;             /* cc-main already provides horizontal padding */
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    overflow-x: hidden;     /* last-resort — prevent any child from widening the page */
}

/* ── Top action bar (e.g. Edit Asset button) ── */
.av-action-bar[b-7kqm84u4rs] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* ── Asset ID banner ── */
.av-asset-header[b-7kqm84u4rs] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    padding: 1rem 1.5rem;
    background: #EBF3FC;
    border-left: 4px solid #0F6CBD;
    border-radius: 6px;
}

.av-asset-label[b-7kqm84u4rs] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #0F6CBD;
}

.av-asset-id[b-7kqm84u4rs] {
    font-size: 2rem;
    font-weight: 800;
    color: #0F6CBD;
    line-height: 1;
}

.av-cards[b-7kqm84u4rs] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    width: 100%;
    min-width: 0;
}

.av-cards[b-7kqm84u4rs]  .k-card {
    flex: 1 1 260px;
    max-width: 480px;
    min-width: 0;
    box-sizing: border-box;
}

/* ── Card header with inline button ── */
.av-card-header-row[b-7kqm84u4rs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.av-cards[b-7kqm84u4rs]  .k-card-header {
    background-color: #f3f4f6;
}

/* ── Label / input pairs inside each card ── */
.av-field-grid[b-7kqm84u4rs] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.65rem 1rem;
    min-width: 0;
}

.av-field-grid label[b-7kqm84u4rs] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #4b5563;
    white-space: nowrap;
}

.av-field-grid a[b-7kqm84u4rs],
.av-field-grid span[b-7kqm84u4rs],
.av-field-grid label:nth-child(even)[b-7kqm84u4rs] {
    overflow-wrap: break-word;
    word-break: break-word;
    min-width: 0;
}

/* ── Not-found state ── */
.av-not-found[b-7kqm84u4rs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1.5rem;
    gap: 0.75rem;
    color: #6b7280;
    font-size: 1rem;
}

/* Always allow SR button row to wrap onto a second line */
.av-sr-header-controls[b-7kqm84u4rs] {
    flex-wrap: wrap;
}

@@media (max-width: 600px) {
    .av-page[b-7kqm84u4rs] { margin-top: 0.5rem; gap: 1rem; }
    .av-asset-id[b-7kqm84u4rs] { font-size: 1.5rem; }
    .av-field-grid[b-7kqm84u4rs] { grid-template-columns: 1fr; }
    .av-field-grid label[b-7kqm84u4rs] { margin-bottom: -0.25rem; }
    /* Force every card to occupy the full row width */
    .av-cards[b-7kqm84u4rs]  .k-card { flex-basis: 100%; max-width: 100%; }
    /* Stack title + controls vertically in card headers */
    .av-card-header-row[b-7kqm84u4rs] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}

/* Resident's other-equipment quick switcher */
.av-other-equipment[b-7kqm84u4rs] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 1rem;
    padding: 0.6rem 0.8rem;
    background: #f6f8fa;
    border: 1px solid #d0d7de;
    border-radius: 8px;
}
.av-other-label[b-7kqm84u4rs] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #57606a;
}
.av-other-chips[b-7kqm84u4rs] { display: flex; flex-wrap: wrap; gap: 0.4rem; }
/* /Features/CreateInventory/CreateInventory.razor.rz.scp.css */
.cri-page[b-os4q8urgj1] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 1rem;
}

.cri-card-wrapper[b-os4q8urgj1] {
    width: 100%;
    max-width: 560px;
}

.cri-card[b-os4q8urgj1] {
    width: 100%;
}

.cri-form[b-os4q8urgj1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cri-field[b-os4q8urgj1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.cri-label[b-os4q8urgj1] {
    font-weight: 600;
    font-size: 0.875rem;
}

.cri-required[b-os4q8urgj1] {
    color: #dc2626;
    margin-left: 0.2rem;
}

.cri-optional[b-os4q8urgj1] {
    font-weight: 400;
    font-size: 0.75rem;
    color: #6c757d;
}

.cri-char-count[b-os4q8urgj1] {
    font-size: 0.75rem;
    color: #6c757d;
    text-align: right;
}

.cri-actions[b-os4q8urgj1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.5rem;
}

.cri-error[b-os4q8urgj1] {
    color: #dc2626;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
}
/* /Features/EditInventory/EditInventory.razor.rz.scp.css */
.eiv-page[b-4dlbmc6p5o] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 1rem;
}

.eiv-card-wrapper[b-4dlbmc6p5o] {
    width: 100%;
    max-width: 560px;
}

.eiv-card[b-4dlbmc6p5o] {
    width: 100%;
}

.eiv-action-bar[b-4dlbmc6p5o] {
    margin-bottom: 0.75rem;
}

.eiv-summary[b-4dlbmc6p5o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.5rem;
    padding: 0.6rem 0.75rem;
    margin-bottom: 1rem;
    background: #f0f4ff;
    border-radius: 6px;
    border: 1px solid #c7d7f9;
    font-size: 0.875rem;
}

.eiv-summary-label[b-4dlbmc6p5o] {
    font-weight: 700;
    color: #1a3c6e;
    margin-right: 0.2rem;
}

.eiv-form[b-4dlbmc6p5o] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.eiv-field[b-4dlbmc6p5o] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.eiv-label[b-4dlbmc6p5o] {
    font-weight: 600;
    font-size: 0.875rem;
}

.eiv-required[b-4dlbmc6p5o] {
    color: #dc2626;
    margin-left: 0.2rem;
}

.eiv-optional[b-4dlbmc6p5o] {
    font-weight: 400;
    font-size: 0.75rem;
    color: #6c757d;
}

.eiv-char-count[b-4dlbmc6p5o] {
    font-size: 0.75rem;
    color: #6c757d;
    text-align: right;
}

.eiv-completed-row[b-4dlbmc6p5o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6rem 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.eiv-complete-warning[b-4dlbmc6p5o] {
    display: block;
    font-size: 0.75rem;
    color: #b45309;
    margin-top: 0.2rem;
}

.eiv-complete-note[b-4dlbmc6p5o] {
    display: block;
    font-size: 0.75rem;
    color: #15803d;
    margin-top: 0.2rem;
}

.eiv-actions[b-4dlbmc6p5o] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.5rem;
}

.eiv-error[b-4dlbmc6p5o] {
    color: #dc2626;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
}

.eiv-not-found[b-4dlbmc6p5o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem 1rem;
    text-align: center;
}
/* /Features/InventoriesList/InventoriesList.razor.rz.scp.css */
.inv-page[b-3fe4sodoxn] {
    max-width: 960px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── Org selector card ── */
.inv-header-card[b-3fe4sodoxn]  .k-card-header {
    background-color: #f3f4f6;
}

.inv-org-row[b-3fe4sodoxn] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

/* ── Controls bar: toggle + new button ── */
.inv-controls[b-3fe4sodoxn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.inv-toggle-btn[b-3fe4sodoxn] {
    white-space: nowrap;
}

/* ── List card header ── */
.inv-list-header[b-3fe4sodoxn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.inv-count[b-3fe4sodoxn] {
    font-size: 0.8rem;
    color: #6b7280;
}

/* ── Labels ── */
.inv-label[b-3fe4sodoxn] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #4b5563;
}

.inv-empty[b-3fe4sodoxn] {
    color: #6b7280;
    font-size: 0.9rem;
    padding: 0.5rem 0;
    margin: 0;
}

/* ── List items — card-per-item with left status stripe ── */
.inv-item[b-3fe4sodoxn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #e5e7eb;
    border-left: 5px solid #9ca3af;   /* default / fallback */
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    margin-bottom: 0.5rem;
}

.inv-item--active[b-3fe4sodoxn]    { border-left-color: var(--kendo-color-primary,  #ff6358); }
.inv-item--completed[b-3fe4sodoxn] { border-left-color: var(--kendo-color-success,  #107C10); }

/* ── Item header: name left, buttons right ── */
.inv-item-header[b-3fe4sodoxn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.inv-item-name[b-3fe4sodoxn] {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.4;
}

.inv-item-actions[b-3fe4sodoxn] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    align-items: center;
    flex-shrink: 0;
}

/* ── Date + status meta row ── */
.inv-item-meta[b-3fe4sodoxn] {
    display: flex;
    gap: 1.5rem;
    font-size: 0.875rem;
    color: #374151;
    flex-wrap: wrap;
}

.inv-meta-label[b-3fe4sodoxn] {
    font-weight: 600;
    margin-right: 0.2rem;
}

/* ── Footer: muted audit info ── */
.inv-item-footer[b-3fe4sodoxn] {
    display: flex;
    gap: 1.5rem;
    font-size: 0.8rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.inv-footer-label[b-3fe4sodoxn] {
    font-weight: 600;
    color: #4b5563;
}
/* /Features/InventoryDetailsEntry/InventoryDetailsEntry.razor.rz.scp.css */
.ide-page[b-capz1qpe8y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1rem;
    gap: 0.75rem;
}

.ide-action-bar[b-capz1qpe8y] {
    width: 100%;
    max-width: 600px;
}

/* ── Inventory name banner ── */
.ide-inv-banner[b-capz1qpe8y] {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.75rem;
    padding: 0.6rem 0.9rem;
    background: #f0f4ff;
    border: 1px solid #c7d7f9;
    border-radius: 6px;
    font-size: 0.875rem;
}

.ide-inv-label[b-capz1qpe8y] {
    font-weight: 700;
    color: #1a3c6e;
}

.ide-inv-name[b-capz1qpe8y] {
    color: #1e40af;
    font-weight: 600;
}

.ide-session-count[b-capz1qpe8y] {
    margin-left: auto;
    font-size: 0.8rem;
    color: #15803d;
    font-weight: 600;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 4px;
    padding: 0.1rem 0.5rem;
}

/* ── Entry card ── */
.ide-entry-card[b-capz1qpe8y] {
    width: 100%;
    max-width: 600px;
}

/* ── Sections — visual separator between groups ── */
.ide-section[b-capz1qpe8y] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 1rem;
    margin-top: 0.5rem;
    border-top: 1px solid #e5e7eb;
}

.ide-section:first-child[b-capz1qpe8y] {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

/* ── Field layout ── */
.ide-field[b-capz1qpe8y] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ide-label[b-capz1qpe8y] {
    font-weight: 600;
    font-size: 0.875rem;
}

.ide-required[b-capz1qpe8y] {
    color: #dc2626;
    margin-left: 0.15rem;
}

.ide-optional[b-capz1qpe8y] {
    font-weight: 400;
    font-size: 0.75rem;
    color: #6c757d;
}

.ide-char-count[b-capz1qpe8y] {
    font-size: 0.75rem;
    color: #6c757d;
    text-align: right;
}

.ide-field-error[b-capz1qpe8y] {
    font-size: 0.8rem;
    color: #dc2626;
    margin-top: 0.1rem;
}

/* ── Scan input row ── */
.ide-scan-row[b-capz1qpe8y] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
}

.ide-scan-input[b-capz1qpe8y] {
    flex: 1;
    min-width: 0;
    padding: 0.4rem 0.75rem;
    font-size: 1rem;
    font-family: inherit;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    outline: none;
    background: #fff;
    transition: border-color 0.15s;
}

.ide-scan-input:focus[b-capz1qpe8y] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

/* ── Asset result panels ── */
.ide-asset-panel[b-capz1qpe8y] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.6rem 0.75rem;
    border-radius: 6px;
    font-size: 0.875rem;
}

.ide-asset-panel--found[b-capz1qpe8y] {
    background: #f0fdf4;
    border: 1px solid #86efac;
}

.ide-asset-panel--not-found[b-capz1qpe8y] {
    background: #fffbeb;
    border: 1px solid #fcd34d;
    color: #92400e;
}

.ide-asset-found-check[b-capz1qpe8y] {
    color: #16a34a;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4;
    flex-shrink: 0;
}

.ide-asset-found-details[b-capz1qpe8y] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: #166534;
}

.ide-asset-id-label[b-capz1qpe8y] {
    font-weight: 700;
}

.ide-child-badge[b-capz1qpe8y] {
    font-weight: 400;
    font-size: 0.8rem;
    color: #15803d;
}

/* ── Conditional action buttons row ── */
.ide-context-actions[b-capz1qpe8y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* ── Submit / Save row ── */
.ide-actions[b-capz1qpe8y] {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.5rem;
    margin-top: 0.25rem;
}

/* ── Feedback messages ── */
.ide-success[b-capz1qpe8y] {
    padding: 0.5rem 0.75rem;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 6px;
    color: #15803d;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.ide-error[b-capz1qpe8y] {
    padding: 0.5rem 0.75rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* ── Not-found state ── */
.ide-not-found[b-capz1qpe8y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem 1rem;
    text-align: center;
}
/* /Features/InventoryItemsList/InventoryItemsList.razor.rz.scp.css */
.iil-page[b-jxlg2ygzjv] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.iil-not-found[b-jxlg2ygzjv] {
    max-width: 480px;
    margin: 2rem auto;
    text-align: center;
}

/* ── Action bar ─────────────────────────────────────────────────────────────── */

.iil-action-bar[b-jxlg2ygzjv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

/* ── Inventory header banner ────────────────────────────────────────────────── */

.iil-inv-banner[b-jxlg2ygzjv] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.iil-inv-info[b-jxlg2ygzjv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.iil-inv-name[b-jxlg2ygzjv] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

.iil-inv-date[b-jxlg2ygzjv] {
    color: #6b7280;
    font-size: 0.875rem;
}

.iil-completed-badge[b-jxlg2ygzjv] {
    background: #d1fae5;
    color: #065f46;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.125rem 0.625rem;
    border-radius: 9999px;
}

/* ── Status summary pills ───────────────────────────────────────────────────── */

.iil-stats[b-jxlg2ygzjv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.iil-stat-total[b-jxlg2ygzjv] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

.iil-stat-pill[b-jxlg2ygzjv] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.125rem 0.625rem;
    border-radius: 9999px;
    white-space: nowrap;
}

/* ── Card header ────────────────────────────────────────────────────────────── */

.iil-card-header-row[b-jxlg2ygzjv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
    width: 100%;
}

.iil-filter-controls[b-jxlg2ygzjv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.iil-status-filters[b-jxlg2ygzjv] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
    padding-top: 0.5rem;
}

/* ── Empty states ───────────────────────────────────────────────────────────── */

.iil-empty-state[b-jxlg2ygzjv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2.5rem 1rem;
    color: #6b7280;
    text-align: center;
}

.iil-empty[b-jxlg2ygzjv] {
    text-align: center;
    padding: 2rem 0;
    color: #6b7280;
}

/* ── Item cards ─────────────────────────────────────────────────────────────── */

.iil-item[b-jxlg2ygzjv] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.iil-item:last-child[b-jxlg2ygzjv] {
    border-bottom: none;
}

.iil-item-header[b-jxlg2ygzjv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.iil-item-asset[b-jxlg2ygzjv] {
    font-size: 1rem;
}

.iil-asset-link[b-jxlg2ygzjv] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 600;
}

.iil-asset-link:hover[b-jxlg2ygzjv] {
    text-decoration: underline;
}

.iil-asset-unknown[b-jxlg2ygzjv] {
    color: #9ca3af;
    font-style: italic;
}

.iil-item-right[b-jxlg2ygzjv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* ── Status badges ──────────────────────────────────────────────────────────── */

.iil-status-badge[b-jxlg2ygzjv] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    white-space: nowrap;
}

.iil-status--current[b-jxlg2ygzjv] {
    background: #d1fae5;
    color: #065f46;
}

.iil-status--issues[b-jxlg2ygzjv] {
    background: #ffedd5;
    color: #9a3412;
}

.iil-status--not-found[b-jxlg2ygzjv] {
    background: #fee2e2;
    color: #991b1b;
}

.iil-status--different-user[b-jxlg2ygzjv] {
    background: #fef3c7;
    color: #92400e;
}

.iil-status--default[b-jxlg2ygzjv] {
    background: #f3f4f6;
    color: #374151;
}

/* ── Item body rows ─────────────────────────────────────────────────────────── */

.iil-item-desc[b-jxlg2ygzjv] {
    display: flex;
    gap: 1rem;
    color: #374151;
    font-size: 0.875rem;
    flex-wrap: wrap;
}

.iil-item-location[b-jxlg2ygzjv] {
    display: flex;
    gap: 1rem;
    font-size: 0.875rem;
    color: #4b5563;
    flex-wrap: wrap;
}

.iil-item-note[b-jxlg2ygzjv] {
    font-size: 0.875rem;
    color: #374151;
    font-style: italic;
}

.iil-item-footer[b-jxlg2ygzjv] {
    display: flex;
    gap: 1.5rem;
    font-size: 0.75rem;
    color: #9ca3af;
    flex-wrap: wrap;
}

.iil-meta-label[b-jxlg2ygzjv],
.iil-footer-label[b-jxlg2ygzjv] {
    font-weight: 500;
    color: #6b7280;
    font-style: normal;
}

/* ── Delete confirmation ────────────────────────────────────────────────────── */

.iil-delete-confirm[b-jxlg2ygzjv] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: #374151;
    white-space: nowrap;
}
/* /Features/LogServiceActivity/LogServiceActivity.razor.rz.scp.css */
.lsa-page[b-7q5hisyubz] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 1rem;
}

.lsa-card-wrapper[b-7q5hisyubz] {
    width: 100%;
    max-width: 560px;
}

.lsa-card[b-7q5hisyubz] {
    width: 100%;
}

.lsa-asset-banner[b-7q5hisyubz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
    padding: 0.6rem 0.75rem;
    margin-bottom: 1rem;
    background: #f0f4ff;
    border-radius: 6px;
    border: 1px solid #c7d7f9;
    font-size: 0.875rem;
}

.lsa-asset-id[b-7q5hisyubz] {
    font-weight: 700;
    color: #1a3c6e;
}

.lsa-asset-resident[b-7q5hisyubz] {
    color: #374151;
}

.lsa-asset-device[b-7q5hisyubz] {
    color: #6b7280;
    font-style: italic;
}

.lsa-form[b-7q5hisyubz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lsa-field[b-7q5hisyubz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.lsa-label[b-7q5hisyubz] {
    font-weight: 600;
    font-size: 0.875rem;
}

.lsa-optional[b-7q5hisyubz] {
    font-weight: 400;
    font-size: 0.75rem;
    color: #6c757d;
}

.lsa-char-count[b-7q5hisyubz] {
    font-size: 0.75rem;
    color: #6c757d;
    text-align: right;
}

.lsa-complete-row[b-7q5hisyubz] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.lsa-completion-section[b-7q5hisyubz] {
    padding: 0.75rem;
    background: #f0fdf4;
    border-radius: 6px;
    border: 1px solid #bbf7d0;
}

.lsa-preview[b-7q5hisyubz] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
}

.lsa-preview-img[b-7q5hisyubz] {
    max-width: 100%;
    max-height: 200px;
    border-radius: 6px;
    object-fit: contain;
    border: 1px solid #dee2e6;
}

.lsa-error[b-7q5hisyubz] {
    color: #dc3545;
    font-size: 0.875rem;
    padding: 0.4rem 0.6rem;
    background: #fff0f0;
    border-radius: 4px;
    border: 1px solid #f5c6cb;
}

.lsa-success[b-7q5hisyubz] {
    color: #166534;
    font-size: 0.875rem;
    padding: 0.4rem 0.6rem;
    background: #f0fdf4;
    border-radius: 4px;
    border: 1px solid #bbf7d0;
}

.lsa-service-forms[b-7q5hisyubz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.6rem 0.75rem;
    background: #f8faff;
    border: 1px solid #c7d7f9;
    border-radius: 6px;
}

.lsa-actions[b-7q5hisyubz] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 0.25rem;
}

.lsa-denied[b-7q5hisyubz],
.lsa-not-found[b-7q5hisyubz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    text-align: center;
    color: #6c757d;
}

.lsa-denied-icon[b-7q5hisyubz],
.lsa-not-found-icon[b-7q5hisyubz] {
    font-size: 3rem;
    color: #adb5bd;
}
/* /Features/ServiceRequestDashboard/ServiceRequestDashboard.razor.rz.scp.css */
.srd-page[b-1igxqr9cxc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
}

/* ── Controls ─────────────────────────────────────────────────────────────── */

.srd-selectors[b-1igxqr9cxc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.srd-selector-group[b-1igxqr9cxc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.srd-label[b-1igxqr9cxc] {
    font-weight: 600;
    font-size: 0.875rem;
}

/* ── Empty state ──────────────────────────────────────────────────────────── */

.srd-empty[b-1igxqr9cxc] {
    padding: 2.5rem 1rem;
    text-align: center;
    color: #9ca3af;
    font-size: 0.95rem;
    border: 1px dashed #e5e7eb;
    border-radius: 8px;
}

/* ── KPI Tiles ────────────────────────────────────────────────────────────── */

.srd-kpi-grid[b-1igxqr9cxc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.srd-kpi-card[b-1igxqr9cxc] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-top-width: 4px;
    border-radius: 8px;
    padding: 1.25rem 1.25rem 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.srd-kpi--active[b-1igxqr9cxc]    { border-top-color: #f59e0b; }
.srd-kpi--completed[b-1igxqr9cxc] { border-top-color: #10b981; }
.srd-kpi--days[b-1igxqr9cxc]      { border-top-color: #3b82f6; }

.srd-kpi-value[b-1igxqr9cxc] {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1;
    color: #111827;
}

.srd-kpi-label[b-1igxqr9cxc] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
}

.srd-kpi-label--top[b-1igxqr9cxc] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.25rem;
}

.srd-kpi-sub[b-1igxqr9cxc] {
    font-size: 0.75rem;
    color: #9ca3af;
}

.srd-kpi-bar[b-1igxqr9cxc] {
    margin-top: 0.5rem;
}

[b-1igxqr9cxc] .srd-progress .k-progressbar-value {
    background-color: #10b981;
}

/* ── ArcGauge center label ────────────────────────────────────────────────── */

.srd-gauge-center[b-1igxqr9cxc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.1;
}

.srd-gauge-value[b-1igxqr9cxc] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #111827;
}

.srd-gauge-unit[b-1igxqr9cxc] {
    font-size: 0.75rem;
    color: #9ca3af;
}

.srd-gauge-legend[b-1igxqr9cxc] {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

.srd-gauge-legend-item[b-1igxqr9cxc] {
    font-size: 0.7rem;
    padding: 0.125rem 0.4rem;
    border-radius: 4px;
    font-weight: 600;
}

.srd-gauge-legend--good[b-1igxqr9cxc] { background: #d1fae5; color: #065f46; }
.srd-gauge-legend--ok[b-1igxqr9cxc]   { background: #fef3c7; color: #92400e; }
.srd-gauge-legend--slow[b-1igxqr9cxc] { background: #fee2e2; color: #991b1b; }

/* ── Charts Grid ──────────────────────────────────────────────────────────── */

.srd-charts-grid[b-1igxqr9cxc] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
}

/* ── Type Summary ─────────────────────────────────────────────────────────── */

.srd-type-summary[b-1igxqr9cxc] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.srd-type-row[b-1igxqr9cxc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0;
    border-bottom: 1px solid #f3f4f6;
}

.srd-type-row:last-child[b-1igxqr9cxc] {
    border-bottom: none;
}

.srd-type-name[b-1igxqr9cxc] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #111827;
}

.srd-type-badges[b-1igxqr9cxc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.srd-badge[b-1igxqr9cxc] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

.srd-badge--active[b-1igxqr9cxc]    { background: #fef3c7; color: #92400e; }
.srd-badge--completed[b-1igxqr9cxc] { background: #d1fae5; color: #065f46; }

.srd-type-total[b-1igxqr9cxc] {
    font-size: 0.8rem;
    color: #9ca3af;
    min-width: 4rem;
    text-align: right;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 900px) {
    .srd-charts-grid[b-1igxqr9cxc] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .srd-kpi-grid[b-1igxqr9cxc] {
        grid-template-columns: 1fr;
    }

    .srd-selectors[b-1igxqr9cxc] {
        grid-template-columns: 1fr;
    }
}
/* /Features/ServiceRequestsList/ServiceRequestsList.razor.rz.scp.css */
.srl-page[b-o8hxcj1wnu] {
    max-width: 960px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── Org selector card ── */
.srl-header-card[b-o8hxcj1wnu]  .k-card-header {
    background-color: #f3f4f6;
}

.srl-org-row[b-o8hxcj1wnu] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

/* ── Controls bar: search + toggle ── */
.srl-controls[b-o8hxcj1wnu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.srl-toggle-btn[b-o8hxcj1wnu] {
    white-space: nowrap;
}

/* ── List card header ── */
.srl-list-header[b-o8hxcj1wnu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.srl-count[b-o8hxcj1wnu] {
    font-size: 0.8rem;
    color: #6b7280;
}

/* ── Empty / label helpers ── */
.srl-label[b-o8hxcj1wnu] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #4b5563;
}

.srl-empty[b-o8hxcj1wnu] {
    color: #6b7280;
    font-size: 0.9rem;
    padding: 0.5rem 0;
    margin: 0;
}

/* ── List items — card-per-item with left status stripe ── */
.srl-item[b-o8hxcj1wnu] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #e5e7eb;
    border-left: 5px solid #9ca3af;  /* default: in-process grey */
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    margin-bottom: 0.5rem;
}

.srl-item--urgent[b-o8hxcj1wnu]   { border-left-color: var(--kendo-color-error,   #f31700); }
.srl-item--complete[b-o8hxcj1wnu] { border-left-color: var(--kendo-color-success,  #107C10); }

.srl-item-header[b-o8hxcj1wnu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.srl-header-badges[b-o8hxcj1wnu] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    align-items: center;
}

/* Resident name — primary visual anchor of each item */
.srl-item-identity[b-o8hxcj1wnu] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.srl-resident-name[b-o8hxcj1wnu] {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
}

.srl-room[b-o8hxcj1wnu] {
    font-size: 0.85rem;
    color: #4b5563;
}

/* Device line — secondary identifier */
.srl-item-device[b-o8hxcj1wnu] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: #6b7280;
}

.srl-asset-link[b-o8hxcj1wnu] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    font-weight: 700;
    color: #0F6CBD;
    cursor: pointer;
    text-decoration: none;
}
.srl-asset-link:hover[b-o8hxcj1wnu],
.srl-asset-link:focus-visible[b-o8hxcj1wnu] { text-decoration: underline; }

.srl-device-spec[b-o8hxcj1wnu] { color: #6b7280; }

/* Detail box */
.srl-item-detail-box[b-o8hxcj1wnu] {
    border: 1px solid var(--kendo-color-border, #d1d5db);
    border-radius: var(--kendo-border-radius-md, 6px);
    padding: 0.4rem 0.75rem 0.5rem;
    background-color: var(--kendo-color-surface-alt, #f9fafb);
}

.srl-detail-label[b-o8hxcj1wnu] {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.15rem;
}

.srl-detail-text[b-o8hxcj1wnu] {
    margin: 0;
    font-size: 0.9rem;
    color: #374151;
    line-height: 1.4;
}

/* Footer — audit info, visually recedes */
.srl-item-footer[b-o8hxcj1wnu] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: 0.78rem;
    color: #9ca3af;
    padding-top: 0.25rem;
    border-top: 1px solid #f3f4f6;
}

.srl-footer-label[b-o8hxcj1wnu] {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.68rem;
    letter-spacing: 0.04em;
}

/* Status badge colours — reuse AssetView conventions */
[b-o8hxcj1wnu] .srl-btn-view {
    background-color: #0F6CBD;
    color: #fff;
    border-color: #0F6CBD;
}

[b-o8hxcj1wnu] .srl-btn-complete {
    background-color: #107C10;
    color: #fff;
    border-color: #107C10;
}

[b-o8hxcj1wnu] .srl-btn-inprocess {
    background-color: #797673;
    color: #fff;
    border-color: #797673;
}

@@media (max-width: 600px) {
    .srl-page[b-o8hxcj1wnu] { margin-top: 0.5rem; gap: 1rem; }
    .srl-controls[b-o8hxcj1wnu] { flex-direction: column; align-items: stretch; }
    .srl-toggle-btn[b-o8hxcj1wnu] { width: 100%; }
}