@import '_content/Approval.Web.Components/Approval.Web.Components.hmgzmo6jrc.bundle.scp.css';

/* /Components/DataTableFrame.razor.rz.scp.css */
/* =========================================================
   Manual table → card mode
   ========================================================= */

.dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]  .dt-table,
.dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]  .dt-table tbody {
    display: block;
    width: 100%;
}

    .dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]  .dt-table tbody {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

        .dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]  .dt-table tbody tr {
            display: block;
            width: calc(50% - 4px);
            border: 1px solid #dee2e6;
            border-radius: 6px;
            padding: 8px;
            margin: 0;
            overflow-x: auto;
        }

        .dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]  .dt-table tbody td {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 6px 8px;
            text-align: right;
            border: 0;
        }

            .dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]  .dt-table tbody td::before {
                content: attr(data-name);
                color: var(--color-neutral-400);
                display: inline-block;
                text-align: left;
                margin-right: 12px;
            }


/* =========================================================
   View toggle
   ========================================================= */

.dt-table-toolbar[b-o5wc6ab7ep] {
    text-align: end;
}

.dt-view-toggle[b-o5wc6ab7ep] {
    display: inline-flex;
    border: 1px solid #1b6ec2;
    margin-bottom: 1rem;
    border-radius: 6px;
    overflow: hidden;
}

/* Hide checkbox */
.dt-toggle-table[b-o5wc6ab7ep] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Buttons */
.dt-view-button[b-o5wc6ab7ep] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    padding: 0.1rem;
    border: 0;
    background: #fff;
    color: #1b6ec2;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    user-select: none;
}

/* Divider */
.dt-view-card[b-o5wc6ab7ep] {
    border-right: 1px solid #1b6ec2;
}


/* =========================================================
   Default = Table selected
   ========================================================= */

.dt-view-table[b-o5wc6ab7ep], .dt-view-filter[b-o5wc6ab7ep] {
    background: #1b6ec2;
    color: #fff;
}


/* =========================================================
   Checkbox checked = Card selected
   ========================================================= */

.dt-view-toggle:has(.dt-toggle-table:checked) .dt-view-card[b-o5wc6ab7ep] {
    background: #1b6ec2;
    color: #fff;
}

.dt-view-toggle:has(.dt-toggle-table:checked) .dt-view-table[b-o5wc6ab7ep] {
    background: #fff;
    color: #1b6ec2;
}


/* =========================================================
   Hover
   ========================================================= */

.dt-view-button:hover[b-o5wc6ab7ep] {
    background: #eaf3fb;
}

.dt-view-toggle:has(.dt-toggle-table:checked) .dt-view-card:hover[b-o5wc6ab7ep],
.dt-view-toggle:not(:has(.dt-toggle-table:checked)) .dt-view-table:hover[b-o5wc6ab7ep] {
    background: #155a9e;
    color: #fff;
}

.dt-table-frame[b-o5wc6ab7ep]  .dt-table tbody > tr:hover {
    background-color: #b6d5f528;
}

.dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]  .dt-table tbody tr:hover,
.dt-table-frame:not(:has(.dt-toggle-table:checked))[b-o5wc6ab7ep]  .dt-table tbody tr:hover {
    box-shadow: inset 4px 0 0 var(--color-sky-700);
}

/* =========================================================
   Hide table headers in Card mode
   Keep headers containing <details>
   ========================================================= */
:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]
 .dt-table thead tr th:not(:has(details)) {
    color: transparent;
}

/* =========================================================
   Default table
   ========================================================= */

.dt-table[b-o5wc6ab7ep] {
    width: 100%;
    border-spacing: 0;
    font-size: 14px;
}

.dt-table-frame[b-o5wc6ab7ep]  .dt-table thead {
    background-color: #fafafa;
    position: sticky;
    top: 0;
}

.dt-table[b-o5wc6ab7ep]  thead tr > th {
    color: #000;
    background-color: #fafafa;
    text-align: center;
    z-index: 20;
}

.dt-table[b-o5wc6ab7ep]  thead th,
.dt-table[b-o5wc6ab7ep]  tbody td {
    padding: 14px;
    border: 0;
}  

.dt-table[b-o5wc6ab7ep]  tbody tr:last-child td {
    border: 0;
}

.dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]
 .dt-table thead {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 0%;
    position: sticky;
    top: 0;
}

    /* =========================================================
   Overid header to has same background color
   ========================================================= */

    .dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]
     .dt-table thead tr > th,
    .dt-table-frame:not(:has(.dt-toggle-table:checked))[b-o5wc6ab7ep]
     .dt-table thead tr > th {
        background-color: #fafafa;
    }
/* =========================================================
   Automatic card mode - mobile
   ========================================================= */

@media (max-width: 768px) {

    /* Hide manual view buttons */
    .dt-view-toggle .dt-view-card[b-o5wc6ab7ep],
    .dt-view-toggle .dt-view-table[b-o5wc6ab7ep] {
        display: none;
    }

    /* Table header */
    .dt-table-frame[b-o5wc6ab7ep]  .dt-table thead,
    .dt-table-frame[b-o5wc6ab7ep]  .dt-table thead tr{
        display: flex;
        flex-wrap: wrap;
        flex: 1 1 0%;
    }

    /* Table → card */
    .dt-table-frame[b-o5wc6ab7ep]  .dt-table,
    .dt-table-frame[b-o5wc6ab7ep]  .dt-table tbody {
        display: block;
        width: 100%;
    }

        .dt-table-frame[b-o5wc6ab7ep]  .dt-table tbody {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

            .dt-table-frame[b-o5wc6ab7ep]  .dt-table tbody tr {
                display: block;
                width: 100%;
                border: 1px solid #dee2e6;
                border-radius: 6px;
                padding: 8px;
                margin: 0;
                background-color: #fff;
            }
             
    .dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]
     .dt-table thead tr th:not(:has(details)) {
        display: none;
    }

    .dt-table-frame[b-o5wc6ab7ep]  .dt-table tbody td {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 6px 8px;
        border: 0;
        text-align: right;
    }

        .dt-table-frame[b-o5wc6ab7ep]  .dt-table tbody td::before {
            content: attr(data-name);
            color: var(--color-neutral-400);
            text-align: left;
            margin-right: 12px;
        }

        .dt-table-frame[b-o5wc6ab7ep]  .dt-table tbody td > * {
            text-align: right;
        }

        /* Status */
        .dt-table-frame[b-o5wc6ab7ep]  .dt-table tbody td.status {
            position: absolute;
            top: 8px;
            right: 8px;
            text-align: right;
        }

            .dt-table-frame[b-o5wc6ab7ep]  .dt-table tbody td.status::before {
                display: none;
            }

    /* Hide headers in Table mode when they don't contain details */
    .dt-table-frame:not(:has(.dt-toggle-table:checked))[b-o5wc6ab7ep]
     .dt-table thead tr th:not(:has(details)) {
        display: none;
    }
}


/* =========================================================
   Small mobile / tablet
   ========================================================= */

@media (max-width: 950px) {
    .dt-table-frame:has(.dt-toggle-table:checked)[b-o5wc6ab7ep]
     .dt-table tbody tr {
        width: 100%;
    }
}
/* /Components/LocaleSelector.razor.rz.scp.css */
.login-locale-selector[b-46i8ze81nv] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 20;
}

.login-locale-trigger[b-46i8ze81nv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.login-locale-trigger:hover[b-46i8ze81nv] {
    border-color: rgba(15, 23, 42, 0.18);
    background: #fff;
}

.login-locale-trigger:focus-visible[b-46i8ze81nv] {
    outline: 2px solid #1b6ec2;
    outline-offset: 2px;
}

.login-locale-trigger .fi[b-46i8ze81nv] {
    width: 1.35rem;
    line-height: 1rem;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.login-locale-backdrop[b-46i8ze81nv] {
    position: fixed;
    inset: 0;
    z-index: 19;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: default;
}

.login-locale-menu[b-46i8ze81nv] {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    z-index: 21;
    min-width: 11rem;
    max-width: min(18rem, calc(100vw - 2rem));
    max-height: 14rem;
    margin: 0;
    padding: 0.35rem 0;
    list-style: none;
    overflow-y: auto;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.login-locale-option[b-46i8ze81nv] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.45rem 0.75rem;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    color: #0f172a;
    font-size: 0.875rem;
}

.login-locale-option:hover[b-46i8ze81nv] {
    background: rgba(27, 110, 194, 0.08);
}

.login-locale-option.is-active[b-46i8ze81nv] {
    background: rgba(27, 110, 194, 0.12);
    font-weight: 600;
}

.login-locale-option:focus-visible[b-46i8ze81nv] {
    outline: 2px solid #1b6ec2;
    outline-offset: -2px;
}

.login-locale-option-icon[b-46i8ze81nv] {
    flex-shrink: 0;
    width: 1.25rem;
    line-height: 0.9rem;
    border-radius: 2px;
}

.login-locale-option-label[b-46i8ze81nv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Profile page: inline selector inside the form card */
.profile-locale-selector[b-46i8ze81nv] {
    position: relative;
    display: inline-block;
}

.profile-locale-trigger[b-46i8ze81nv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: auto;
    height: auto;
    min-height: 2.25rem;
    padding: 0.35rem 0.75rem;
    cursor: pointer;
}

.locale-selector-label[b-46i8ze81nv] {
    font-size: 0.875rem;
    color: #0f172a;
}
/* /Pages/Authorized/Profile.razor.rz.scp.css */
.line-button[b-t0f4wopi78] {
    background-color: #06C755 !important;
    border-color: #06C755 !important;
}

    .line-button:hover[b-t0f4wopi78] {
        background-color: #05B34C !important;
        border-color: #05B34C !important;
    }

    .line-button:active[b-t0f4wopi78] {
        background-color: #048A3B !important;
    }

.line-button-logo[b-t0f4wopi78] {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 8px;
}
.line-button-container[b-t0f4wopi78]  .line-button {
    background-color: #06C755 !important;
    border-color: #06C755 !important;
}
/* /Pages/RouterAdmin/TenantCreateWizard.razor.rz.scp.css */
.tenant-wizard[b-k02ccpyuu0] {
    max-width: 100%;
    overflow-x: clip;
}

.tenant-wizard-grid[b-k02ccpyuu0] {
    display: grid;
    gap: 1rem;
    max-width: 100%;
    min-width: 0;
}

.tenant-wizard-grid > *[b-k02ccpyuu0] {
    min-width: 0;
}

.tenant-wizard-grid--1[b-k02ccpyuu0] {
    grid-template-columns: minmax(0, 1fr);
}

.tenant-wizard-grid--3[b-k02ccpyuu0] {
    grid-template-columns: minmax(0, 1fr);
}

.tenant-wizard-grid--database[b-k02ccpyuu0] {
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
    .tenant-wizard-grid--3[b-k02ccpyuu0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tenant-wizard-grid--database[b-k02ccpyuu0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tenant-wizard-grid__host[b-k02ccpyuu0] {
        grid-column: span 2;
    }
}

@media (min-width: 1100px) {
    .tenant-wizard-grid--3[b-k02ccpyuu0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tenant-wizard-grid--database[b-k02ccpyuu0] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .tenant-wizard-grid__host[b-k02ccpyuu0] {
        grid-column: span 6;
    }

    .tenant-wizard-grid__port[b-k02ccpyuu0],
    .tenant-wizard-grid__database[b-k02ccpyuu0] {
        grid-column: span 3;
    }

    .tenant-wizard-grid__username[b-k02ccpyuu0],
    .tenant-wizard-grid__password[b-k02ccpyuu0] {
        grid-column: span 6;
    }
}

.tenant-wizard[b-k02ccpyuu0] (.rz-textbox),
.tenant-wizard[b-k02ccpyuu0] (.rz-password),
.tenant-wizard[b-k02ccpyuu0] (.rz-numeric),
.tenant-wizard[b-k02ccpyuu0] (.rz-dropdown) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.tenant-wizard[b-k02ccpyuu0] (input) {
    max-width: 100%;
}

.tenant-wizard small[b-k02ccpyuu0] {
    display: block;
    overflow-wrap: anywhere;
}