/* _content/CentricityPllPortal.WebPortal/Pages/Admin/AdvancedSettings2.razor.rz.scp.css */
.holidays-buttons[b-pesuqnsa4v] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-end;
    padding: 0 0 16px 0;
}
 .sync-btn-style[b-pesuqnsa4v] {
    background-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    min-width: 180px;
    margin-bottom: 8px;
    border: none !important;
    box-shadow: none !important;
    transition: background 0.2s, box-shadow 0.2s;
}
.sync-btn-style:hover[b-pesuqnsa4v],
.sync-btn-style:focus[b-pesuqnsa4v],
.sync-btn-style:active[b-pesuqnsa4v] {
    background-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(13,110,253,0.08);
}
.email-templates-table[b-pesuqnsa4v] {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
}
.email-templates-table th[b-pesuqnsa4v],
.email-templates-table td[b-pesuqnsa4v] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.email-templates-input[b-pesuqnsa4v] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}
.classh3[b-pesuqnsa4v] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.subtitle[b-pesuqnsa4v] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

.portal-settings-lead[b-pesuqnsa4v] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
}

 .fieldLabel[b-pesuqnsa4v] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important
    }

.portal-settings-tab.portal-settings-tab-active[b-pesuqnsa4v],
.auto-tab.auto-tab-active[b-pesuqnsa4v],
.portal-settings-tab-active[b-pesuqnsa4v],
.auto-tab-active[b-pesuqnsa4v] {
    color: var(--secondary-color, #22A6DE) !important;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    position: relative;
}

.portal-settings-tab.portal-settings-tab-active[b-pesuqnsa4v]::after,
.auto-tab.auto-tab-active[b-pesuqnsa4v]::after,
.portal-settings-tab-active[b-pesuqnsa4v]::after,
.auto-tab-active[b-pesuqnsa4v]::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: var(--primary-color, #1B4F89);
    border-radius: 2px 2px 0 0;
}

/* Quitar borde negro de tabs activas y focus */
.portal-settings-tab[b-pesuqnsa4v],
.auto-tab[b-pesuqnsa4v] {
    outline: none !important;
    box-shadow: none !important;
}

.portal-settings-tab:focus[b-pesuqnsa4v],
.auto-tab:focus[b-pesuqnsa4v] {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/Appearance.razor.rz.scp.css */
/* Responsive layout for appearance section */

.appearance-responsive-form[b-wac20mpb8u] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

    .appearance-responsive-field[b-wac20mpb8u] {
        margin-bottom: 16px;
    }


.subtitle-accordion[b-wac20mpb8u] {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--secondary-color, #22A6DE);
    font-size: 18px;
    font-weight: bold;
}

.field-label[b-wac20mpb8u] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/ApplicationForms.razor.rz.scp.css */
/* Unificar visual de condition-container-card con list-wrapper y eliminar herencia de e-card */
.condition-container-card[b-1iw82cwf9e] {
    padding: 1rem;
    border: 1px solid #dce8e5;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfd 100%);
    box-shadow: none !important;
    outline: none !important;
    margin-bottom: 1.2rem;
}

.condition-container-card:hover[b-1iw82cwf9e],
.condition-container-card:active[b-1iw82cwf9e],
.condition-container-card:focus[b-1iw82cwf9e] {
    border-color: #dce8e5 !important;
    box-shadow: none !important;
    outline: none !important;
}

.list-wrapper.condition-container-card[b-1iw82cwf9e] {
    padding: 1rem;
    border: 1px solid #dce8e5;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfd 100%);
    box-shadow: none !important;
    outline: none !important;
    margin-bottom: 1.2rem;
}
.portal-settings-toolbar[b-1iw82cwf9e] {
    display: flex !important;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.e-list-item + .portal-settings-toolbar[b-1iw82cwf9e] {
    margin-left: auto;
}
/* Clase personalizada para forzar color primario en los botones Add Component To Top/End */
.force-primary-btn[b-1iw82cwf9e],
.force-primary-btn:focus[b-1iw82cwf9e],
.force-primary-btn:active[b-1iw82cwf9e],
.force-primary-btn:hover[b-1iw82cwf9e] {
    background: var(--primary-color, #1B4F89) !important;
    background-color: var(--primary-color, #1B4F89) !important;
    border-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

.force-primary-btn:disabled[b-1iw82cwf9e] {
    background: var(--primary-color, #1B4F89) !important;
    background-color: var(--primary-color, #1B4F89) !important;
    border-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    opacity: 0.65 !important;
    cursor: not-allowed !important;
}
.application-forms-list-panel .builder-list-actions[b-1iw82cwf9e] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.application-forms-list-panel .e-btn.e-primary[b-1iw82cwf9e] {
    min-width: 220px;
}

.application-forms-list-panel > .e-btn.e-primary[b-1iw82cwf9e] {
    display: flex;
    margin-left: auto;
    margin-right: 0;
    min-width: 220px;
}
/* Igualar colores de los botones Add Component To Top/End con el botón Save */


/* Forzar color primario en los botones Add Component To Top/End en todos los estados */
.application-forms-list-panel .e-btn.e-primary[b-1iw82cwf9e],
.application-forms-list-panel .e-btn.e-primary:focus[b-1iw82cwf9e],
.application-forms-list-panel .e-btn.e-primary:active[b-1iw82cwf9e],
.application-forms-list-panel .e-btn.e-primary:hover[b-1iw82cwf9e] {
    background: var(--primary-color, #1B4F89) !important;
    background-color: var(--primary-color, #1B4F89) !important;
    border-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
     font-family: Arial, Helvetica, sans-serif !important;
     font-size: 13px !important;
     letter-spacing: 0.15px;
}
    

.application-forms-list-panel .e-btn.e-primary:disabled[b-1iw82cwf9e] {
    background: var(--primary-color, #1B4F89) !important;
    background-color: var(--primary-color, #1B4F89) !important;
    border-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    opacity: 0.65 !important;
    cursor: not-allowed !important;
}

.application-forms-list-panel .e-btn.e-primary:disabled[b-1iw82cwf9e] {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
}
.classh3[b-1iw82cwf9e] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.text[b-1iw82cwf9e] {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
text-align: left;
margin-left: 0;
}

.subtitle[b-1iw82cwf9e] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

.builder-item-title[b-1iw82cwf9e] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/AttachmentTypesPage.razor.rz.scp.css */
.sync-btn-style[b-8k7lle26ro] {
    background-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    min-width: 180px;
    margin-bottom: 8px;
    border: none !important;
    box-shadow: none !important;
    transition: background 0.2s, box-shadow 0.2s;
}
.sync-btn-style:hover[b-8k7lle26ro],
.sync-btn-style:focus[b-8k7lle26ro],
.sync-btn-style:active[b-8k7lle26ro] {
    background-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(13,110,253,0.08);
}
.attSettingsTitle[b-8k7lle26ro] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.text[b-8k7lle26ro] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    padding-bottom: 25px;
}

.subtitle[b-8k7lle26ro] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/AuditPage.razor.rz.scp.css */
/* --- Portal Tabs Style (copiado/adaptado de AdvancedSettings2) --- */
.portal-settings-tabs[b-xnjkfyjfkj] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 1.5rem;
    background: transparent;
}

.portal-settings-tab[b-xnjkfyjfkj] {
    background: none;
    border: none;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    padding: 12px 24px 10px 24px;
    margin-bottom: -1px;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    transition: background 0.2s, color 0.2s;
    position: relative;
}

.portal-settings-tab:hover[b-xnjkfyjfkj],
.portal-settings-tab:focus[b-xnjkfyjfkj],
.portal-settings-tab:focus-visible[b-xnjkfyjfkj] {
    background: rgba(34, 166, 222, 0.08);
    color: var(--secondary-color, #22A6DE) !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.portal-settings-tab.portal-settings-tab-active[b-xnjkfyjfkj],
.portal-settings-tab-active[b-xnjkfyjfkj] {
    color: var(--secondary-color, #22A6DE) !important;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    position: relative;
}

.portal-settings-tab.portal-settings-tab-active[b-xnjkfyjfkj]::after,
.portal-settings-tab-active[b-xnjkfyjfkj]::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: var(--primary-color, #1B4F89);
    border-radius: 2px 2px 0 0;
}

/* Quitar borde negro de tabs activas y focus */
.portal-settings-tab:focus[b-xnjkfyjfkj],
.portal-settings-tab:focus-visible[b-xnjkfyjfkj] {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.auditPageTitle[b-xnjkfyjfkj] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.gis-settings-kicker[b-xnjkfyjfkj] {
    margin-bottom: 1.2rem !important;
    text-transform: none;
}

.text[b-xnjkfyjfkj] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}

.subtitle[b-xnjkfyjfkj] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    }

.fieldLabel[b-xnjkfyjfkj] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/FeesPaymentsSettings.razor.rz.scp.css */
/* Save button: auto width and right aligned */
.fp-save-btn[b-614kuelxi1] {
    min-width: unset !important;
    width: auto !important;
    align-self: flex-end;
    padding-left: 2.2rem !important;
    padding-right: 2.2rem !important;
    margin-left: auto !important;
}
.fpSettingsTitle[b-614kuelxi1]{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.fpServiceFeesHeading[b-614kuelxi1] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

.fp-settings-kicker[b-614kuelxi1] {
    margin: 0 0 0.5rem 0;
    color: #4f5f6f;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.fp-field-label[b-614kuelxi1] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important;
}

.fp-card-title[b-614kuelxi1] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

/* Tabs visual identical to AdvancedSettings2 */
.portal-settings-tab[b-614kuelxi1] {
    outline: none !important;
    box-shadow: none !important;
    color: #516172;
    background: transparent;
    font-size: 0.95rem;
    font-weight: 600;
    padding: 0.65rem 1.25rem;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    transition: color 0.2s, background 0.2s, border-color 0.2s;
    position: relative;
}
.portal-settings-tab:hover[b-614kuelxi1],
.portal-settings-tab:focus[b-614kuelxi1] {
    color: #1e3341;
    background: rgba(15, 107, 102, 0.06);
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
.portal-settings-tab.portal-settings-tab-active[b-614kuelxi1],
.portal-settings-tab-active[b-614kuelxi1] {
    color: var(--secondary-color, #22A6DE) !important;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    position: relative;
}
.portal-settings-tab.portal-settings-tab-active[b-614kuelxi1]::after,
.portal-settings-tab-active[b-614kuelxi1]::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: var(--primary-color, #1B4F89);
    border-radius: 2px 2px 0 0;
}

.text[b-614kuelxi1] {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
}

.subtitle[b-614kuelxi1] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/FormsPage.razor.rz.scp.css */
.formsSettingsTitle[b-rxw9x4dzat] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.text[b-rxw9x4dzat] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}

.subtitle[b-rxw9x4dzat] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}   
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/GeneralAppearance.razor.rz.scp.css */
.appearance-upload-bg[b-fllrpqnw75] {
    background: #f8fafc;
    border-radius: 12px;
    box-shadow: 0 2px 8px 0 rgba(8,48,91,0.04);
    border: 1px solid #e1e9f2;
    padding: 24px 18px 18px 18px;
    margin-bottom: 18px;
}
/* Botón Save y Upload: estilo unificado */
.e-btn.e-primary[b-fllrpqnw75], .e-css.e-btn.e-primary[b-fllrpqnw75],
.appearance-responsive-field .e-btn.e-primary[b-fllrpqnw75],
.status-colors-save-btn .e-btn.e-primary[b-fllrpqnw75] {
    background: var(--secondary-color, #22A6DE) !important;
    color: #fff !important;
    border-radius: 6px !important;
    border: none !important;
    box-shadow: 0 2px 8px 0 rgba(8,48,91,0.04);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    min-width: 120px;
    padding: 10px 28px;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    width: auto !important;
    text-align: center;
    outline: none !important;
}
.e-btn.e-primary:hover[b-fllrpqnw75], .e-btn.e-primary:focus[b-fllrpqnw75], .appearance-responsive-field .e-btn.e-primary:hover[b-fllrpqnw75], .appearance-responsive-field .e-btn.e-primary:focus[b-fllrpqnw75] {
    background: var(--primary-color, #1B7CB3) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px 0 rgba(8,48,91,0.10);
}
.e-btn.e-primary:active[b-fllrpqnw75], .appearance-responsive-field .e-btn.e-primary:active[b-fllrpqnw75] {
    background: var(--secondary-color, #22A6DE) !important;
    color: #fff !important;
    box-shadow: 0 1.5px 4px 0 rgba(8,48,91,0.08);
}
.e-btn.e-primary:disabled[b-fllrpqnw75], .appearance-responsive-field .e-btn.e-primary:disabled[b-fllrpqnw75] {
    background: #b3c6d6 !important;
    color: #f3f7fa !important;
    cursor: not-allowed !important;
    opacity: 0.7;
    box-shadow: none !important;
}
/* Layout específico para GeneralAppearance.razor */
.appearance-responsive-form[b-fllrpqnw75] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}
.appearance-responsive-row[b-fllrpqnw75] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}
.appearance-responsive-field[b-fllrpqnw75] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
}
.appearance-responsive-row > .appearance-responsive-field[b-fllrpqnw75] {
    justify-content: flex-start;
}
@media (max-width: 900px) {
    .appearance-responsive-row[b-fllrpqnw75] {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .appearance-responsive-field[b-fllrpqnw75] {
        margin-bottom: 16px;
    }
}
/* Estilos personalizados para el RichTextEditor en el grid de Announcements */
.announcements-richtext .e-richtexteditor[b-fllrpqnw75] {
    min-height: 180px;
    max-height: 320px;
    border-radius: 8px;
    border: 1px solid #d8e1ea;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.announcements-richtext .e-rte-toolbar[b-fllrpqnw75] {
    border-radius: 8px 8px 0 0;
}
.announcements-richtext .e-content[b-fllrpqnw75] {
    padding: 10px;
}
/* Scroll horizontal SOLO en responsive para la toolbar del grid de Status Colors */
@media (max-width: 900px) {
    .e-grid .e-toolbar[b-fllrpqnw75] {
        overflow-x: auto !important;
        white-space: nowrap !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        min-width: 400px;
    }
    .e-grid .e-toolbar .e-toolbar-items[b-fllrpqnw75] {
        flex-wrap: nowrap !important;
    }
    /* Asegura que los botones y la barra de búsqueda no se oculten */
    .e-grid .e-toolbar .e-toolbar-item[b-fllrpqnw75] {
        min-width: 48px;
        flex: 0 0 auto;
    }
    .e-grid .e-toolbar .e-toolbar-item input[type="search"][b-fllrpqnw75],
    .e-grid .e-toolbar .e-toolbar-item .e-input-group[b-fllrpqnw75] {
        min-width: 120px;
        max-width: 200px;
    }
}
/* Alinea el botón Save a la derecha en el acordeón de Status Colors */
.status-colors-save-btn[b-fllrpqnw75] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 120px;
    width: 120px;
    margin-left: auto;
}
@media (max-width: 700px) {
    .status-colors-save-btn[b-fllrpqnw75] {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-top: 12px;
        align-items: flex-end;
    }
}
body[b-fllrpqnw75], .general-appearance-bg[b-fllrpqnw75] {
    background: linear-gradient(135deg, #f6fbfa 0%, #f3f7fa 100%);
    min-height: 100vh;
}

.general-appearance-outer[b-fllrpqnw75] {
    padding: 32px 40px 32px 40px;
    background: transparent;
    min-height: 100vh;
}

.subtitle-accordion[b-fllrpqnw75] {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--secondary-color, #22A6DE);
    font-size: 18px;
    font-weight: bold;
}

.text[b-fllrpqnw75]{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
text-align: left;
margin-left: 15px;
}

.field-label[b-fllrpqnw75] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
}

.text-switch[b-fllrpqnw75] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
}

@media (max-width: 600px) {
    /* Aplica solo a las tablas de upload de imágenes */
    table[b-fllrpqnw75] {
        width: 100% !important;
    }
    table tr[b-fllrpqnw75] {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    table td[b-fllrpqnw75] {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 12px;
    }
    /* Opcional: separa visualmente los grupos */
    table tr:first-child td[b-fllrpqnw75] {
        margin-bottom: 0;
    }
}
/* Espaciado vertical entre input file y botón Upload */
.file-upload-group[b-fllrpqnw75] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.appearance-settings-group-title[b-fllrpqnw75] {
    margin-bottom: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}
.e-acrdn-content label[b-fllrpqnw75] {
    color: #333 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.3;
    margin-top: 15px;
}
.content-body[b-fllrpqnw75] {
    max-width: 1240px;
    margin: 0 auto;
    padding: clamp(1rem, 2vw, 2rem);
    border-radius: 16px;
    border: 1px solid #e1e9f2;
    background: #fff;
    box-shadow: 0 8px 32px 0 rgba(8,48,91,0.08), 0 1.5px 4px 0 rgba(8,48,91,0.04);
}
@media (max-width: 1200px) {
    .content-body[b-fllrpqnw75] {
        padding: 1rem;
    }
    .general-appearance-outer[b-fllrpqnw75] {
        padding: 16px 16px 16px 16px;
    }
}

@media (max-width: 640px) {
    .content-body[b-fllrpqnw75] {
        padding: 0.5rem;
        border-radius: 10px;
    }
    .general-appearance-outer[b-fllrpqnw75] {
        padding: 4px 2px 4px 2px;
    }
    input[type="file"][b-fllrpqnw75] {
        margin-top: 5px;
        margin-bottom: 10px;
    }
}


@media (max-width: 1200px) {
    .content-body[b-fllrpqnw75] {
        padding: 1rem;
    }
}

@media (max-width: 640px) {
    .content-body[b-fllrpqnw75] {
        padding: 0.5rem;
        border-radius: 10px;
    }
}
.classh3[b-fllrpqnw75] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/GISSettings.razor.rz.scp.css */
.classh3[b-aw9aauowkr] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.gis-settings-kicker[b-aw9aauowkr] {
    margin-bottom: 1.2rem !important;
}

.text[b-aw9aauowkr] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}

.subtitle[b-aw9aauowkr] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    }

.fieldLabel[b-aw9aauowkr] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important;
}

/* --- Portal Tabs Style (copiado/adaptado de AdvancedSettings2) --- */
.portal-settings-tabs[b-aw9aauowkr] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 1.5rem;
    background: transparent;
}

.portal-settings-tab[b-aw9aauowkr] {
    background: none;
    border: none;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    padding: 12px 24px 10px 24px;
    margin-bottom: -1px;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    transition: background 0.2s, color 0.2s;
    position: relative;
}

.portal-settings-tab:hover[b-aw9aauowkr],
.portal-settings-tab:focus[b-aw9aauowkr] {
    background: rgba(34, 166, 222, 0.08);
    color: var(--secondary-color, #22A6DE) !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.portal-settings-tab.portal-settings-tab-active[b-aw9aauowkr],
.portal-settings-tab-active[b-aw9aauowkr] {
    color: var(--secondary-color, #22A6DE) !important;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    position: relative;
}

.portal-settings-tab.portal-settings-tab-active[b-aw9aauowkr]::after,
.portal-settings-tab-active[b-aw9aauowkr]::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: var(--primary-color, #1B4F89);
    border-radius: 2px 2px 0 0;
}

/* Quitar borde negro de tabs activas y focus */
.portal-settings-tab:focus[b-aw9aauowkr] {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/InspectionSettingsProtoA.razor.rz.scp.css */
.portal-settings-page[b-nepqbnjp0m]  .fw-semibold.text-nowrap {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 5px !important;
    padding-bottom: 5px;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/InspectionSettingsProtoB.razor.rz.scp.css */
.inspectionSettingsTitle[b-143n2b5psr] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.text[b-143n2b5psr],
.text-muted[b-143n2b5psr],
.d-block[b-143n2b5psr] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}

.portal-settings-page .text-muted[b-143n2b5psr] {
    color: #333 !important;
}

.portal-settings-tab-panel[b-143n2b5psr] {
    margin-top: 0.5rem;
}

.portal-settings-grid-wrap[b-143n2b5psr] {
    border-radius: 10px;
    overflow: hidden;
}

.subtitle[b-143n2b5psr],
.fw-semibold[b-143n2b5psr] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    }


.fieldLabel[b-143n2b5psr] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important;
}

.portal-settings-page[b-143n2b5psr]  .fw-semibold.text-nowrap {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 5px !important;
    padding-bottom: 5px;
}

.portal-settings-section h5[b-143n2b5psr],
.portal-settings-section h6[b-143n2b5psr] {
    color: var(--portal-accent, var(--secondary-color, #22A6DE));
    font-weight: 700;
}

.portal-settings-tab.portal-settings-tab-active[b-143n2b5psr],
.portal-settings-tab-active[b-143n2b5psr] {
    color: var(--secondary-color, #22A6DE) !important;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    position: relative;
}

.portal-settings-tab.portal-settings-tab-active[b-143n2b5psr]::after,
.portal-settings-tab-active[b-143n2b5psr]::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: var(--primary-color, #1B4F89);
    border-radius: 2px 2px 0 0;
}

.portal-settings-tab[b-143n2b5psr] {
    outline: none !important;
    box-shadow: none !important;
}

.portal-settings-tab:focus[b-143n2b5psr] {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.inspection-settings-card[b-143n2b5psr] {
    border: 1px solid #dce8e5;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(24, 39, 50, 0.06) !important;
}

.inspection-settings-card-header[b-143n2b5psr] {
    border-bottom: 1px solid #dce8e5;
    background: #f4f9f8;
    color: var(--primary-color, #1B4F89);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.inspection-settings-card-header h6[b-143n2b5psr] {
    letter-spacing: 0;
}

.inspection-settings-card-header-accent[b-143n2b5psr] {
    background: linear-gradient(180deg, #edf6f4 0%, #f7fbfa 100%);
}

.inspection-settings-alert-info[b-143n2b5psr] {
    border-color: #c9dff2;
    background: #f0f7fd;
    color: #1e3341;
}

.inspection-types-col[b-143n2b5psr] {
    display: flex;
}

.inspection-types-card[b-143n2b5psr] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: calc(100vh - 260px);
}

.inspection-types-list-body[b-143n2b5psr] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

.portal-settings-page .btn[b-143n2b5psr] {
    border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.portal-settings-page[b-143n2b5psr]  .sync-btn-style.fp-save-btn {
    margin: 0.25rem !important;
}

.portal-settings-page .btn-sm[b-143n2b5psr] {
    font-size: 12.5px;
    line-height: 1.2;
}

.portal-settings-page .btn-primary[b-143n2b5psr],
.portal-settings-page .btn-success[b-143n2b5psr] {
    background-color: var(--primary-color, #1B4F89);
    border-color: var(--primary-color, #1B4F89);
    color: #fff;
}

.portal-settings-page .btn-primary:hover[b-143n2b5psr],
.portal-settings-page .btn-primary:focus[b-143n2b5psr],
.portal-settings-page .btn-success:hover[b-143n2b5psr],
.portal-settings-page .btn-success:focus[b-143n2b5psr] {
    background-color: rgba(27, 79, 137, 0.85);
    border-color: rgba(27, 79, 137, 0.85);
    color: #fff;
}

.portal-settings-page .btn-outline-primary[b-143n2b5psr] {
    color: var(--primary-color, #1B4F89);
    border-color: var(--primary-color, #1B4F89);
}

.portal-settings-page .btn-outline-primary:hover[b-143n2b5psr],
.portal-settings-page .btn-outline-primary:focus[b-143n2b5psr] {
    background-color: var(--primary-color, #1B4F89);
    color: #fff;
}

.portal-settings-page .btn-outline-secondary[b-143n2b5psr] {
    color: #526273;
    border-color: #c6d7d3;
}

.portal-settings-page .btn-outline-secondary:hover[b-143n2b5psr],
.portal-settings-page .btn-outline-secondary:focus[b-143n2b5psr] {
    background: #eef5f3;
    color: #263746;
    border-color: #b6cac5;
}

.portal-settings-page .btn-outline-danger[b-143n2b5psr] {
    color: #8f2d3b;
    border-color: #d9aeb6;
}

.portal-settings-page .btn-outline-danger:hover[b-143n2b5psr],
.portal-settings-page .btn-outline-danger:focus[b-143n2b5psr] {
    color: #fff;
    background: #9e3443;
    border-color: #9e3443;
}

.portal-settings-page .list-group-item.active[b-143n2b5psr],
.portal-settings-page .list-group-item:active[b-143n2b5psr] {
    background: #e9f2fb;
    color: #1B4F89;
}

.portal-settings-page .list-group-item.active .text-muted[b-143n2b5psr],
.portal-settings-page .list-group-item:active .text-muted[b-143n2b5psr] {
    color: #36546f !important;
}

.portal-settings-page .badge.bg-success[b-143n2b5psr] {
    background-color: #1B4F89 !important;
    color: #fff !important;
    font-weight: 400 !important;
}

.portal-settings-page .inspection-settings-grid .e-gridheader[b-143n2b5psr] {
    border-bottom: 1px solid #dce8e5;
}

.portal-settings-page .inspection-settings-grid .e-toolbar[b-143n2b5psr] {
    background: #f8fbfb;
    border-bottom: 1px solid #dce8e5;
}

.portal-settings-page .inspection-settings-grid .e-headercell[b-143n2b5psr] {
    background: #f4f9f8;
    color: #1B4F89;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    border-color: #dce8e5;
}

.portal-settings-page .inspection-settings-grid .e-gridcontent[b-143n2b5psr] {
    border-top: 0;
}

.portal-settings-page .inspection-settings-grid .e-pager[b-143n2b5psr] {
    border-top: 1px solid #e1ece9;
}

.instruction-editor-field[b-143n2b5psr] {
    width: 100%;
    min-height: 100px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    background: #f8f9fa;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    display: block;
}

textarea.instruction-editor-field[b-143n2b5psr] {
    resize: vertical;
}

.instruction-editor-preview[b-143n2b5psr] {
    white-space: pre-wrap;
}

.instruction-editor-actions[b-143n2b5psr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

@media (min-width: 992px) {
    .inspection-types-card[b-143n2b5psr] {
        max-height: calc(100vh - 160px);
    }
}

@media (max-width: 700px) {
    .portal-settings-tabs[b-143n2b5psr] {
        overflow-x: auto;
    }
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/KioskSettings.razor.rz.scp.css */
.kioskSettingsTitle[b-qg0esvg2mx] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.text[b-qg0esvg2mx] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}

.subtitle[b-qg0esvg2mx] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    }

.fieldLabel[b-qg0esvg2mx] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important;
    }
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/NotificationSettings.razor.rz.scp.css */
.portal-settings-empty[b-t7jo7lbktd]{
    font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
}

/* Clase unificada para los checkboxes de All Applications y similares */
.checkbox-label .e-label[b-t7jo7lbktd],
.e-checkbox-wrapper.checkbox-label .e-label[b-t7jo7lbktd] {
    color: #333 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 0.15px !important;
    line-height: 19px !important;
}
/* Propiedades de mayor jerarquía para checkboxes y labels */

/* Estilo específico para .e-checkbox-wrapper .e-label */
.e-checkbox-wrapper .e-label[b-t7jo7lbktd] {
    color: #333 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 0.15px !important;
    line-height: 19px !important;
}

/* Mantener los estilos personalizados existentes para otras clases */
.e-checkbox-wrapper[b-t7jo7lbktd],
.e-wrapper[b-t7jo7lbktd],
.custom-checkbox-label[b-t7jo7lbktd],
.fieldLabel[b-t7jo7lbktd],
.e-wrapper .e-label[b-t7jo7lbktd],
.custom-checkbox-label .e-label[b-t7jo7lbktd],
.e-checkbox-wrapper.custom-checkbox-label .e-label[b-t7jo7lbktd] {
    /* ...otros estilos existentes... */
}

.fieldLabel[b-t7jo7lbktd] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 5px !important;
    padding-bottom: 5px;
}
/* Estilo personalizado para el label del checkbox All Applications */
.primary-checkbox-label .e-label[b-t7jo7lbktd],
.e-checkbox-wrapper.primary-checkbox-label .e-label[b-t7jo7lbktd] {
    color: #1976d2 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
}
/* Botón primario para Back y Save */
.primary-btn[b-t7jo7lbktd],
.primary-btn:focus[b-t7jo7lbktd],
.primary-btn:active[b-t7jo7lbktd],
.primary-btn:hover[b-t7jo7lbktd] {
    background: var(--primary-color, #1B4F89) !important;
    background-color: var(--primary-color, #1B4F89) !important;
    border-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    letter-spacing: 0.15px;
    border-radius: 8px !important;
    min-width: 90px;
    transition: background 0.2s, color 0.2s;
}

.primary-btn:disabled[b-t7jo7lbktd] {
    background: var(--primary-color, #1B4F89) !important;
    background-color: var(--primary-color, #1B4F89) !important;
    border-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    opacity: 0.65 !important;
    cursor: not-allowed !important;
}
/* Estilo personalizado para el label del checkbox All Applications */
.custom-checkbox-label .e-label[b-t7jo7lbktd],
.e-checkbox-wrapper.custom-checkbox-label .e-label[b-t7jo7lbktd] {
    color: #1B4F89 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
}
.classh3[b-t7jo7lbktd] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.text[b-t7jo7lbktd] {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
text-align: left;
margin-left: 0;
margin-bottom: 15px;
}

.subtitle[b-t7jo7lbktd] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

 .fieldLabel[b-t7jo7lbktd] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important
    }

.automationsListHeading[b-t7jo7lbktd]{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important
}

 
    .auto-list-mobile[b-t7jo7lbktd] {
        display: none;
    }

    .auto-mobile-toolbar[b-t7jo7lbktd] {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 0.9rem;
    }

    .auto-card-filter[b-t7jo7lbktd] {
        margin-bottom: 0.9rem;
    }

    .auto-filter-input[b-t7jo7lbktd],
    .auto-native-input[b-t7jo7lbktd] {
        width: 100%;
        border: 1px solid #c8d7d4;
        border-radius: 10px;
        padding: 0.75rem 0.9rem;
        font: inherit;
        color: #1f3443;
        background: #fff;
    }

    .auto-mobile-editor[b-t7jo7lbktd] {
        border: 1px solid #dce8e5;
        border-radius: 12px;
        background: #fbfdfd;
        padding: 0.9rem;
        margin-bottom: 0.9rem;
    }

    .auto-mobile-editor h3[b-t7jo7lbktd] {
        margin: 0 0 0.75rem;
        font-size: 1rem;
        color: #1f3443;
    }

    .auto-mobile-error[b-t7jo7lbktd] {
        margin: 0 0 0.75rem;
        color: #a83b3b;
        font-weight: 600;
    }

    .auto-mobile-form-grid[b-t7jo7lbktd] {
        display: grid;
        gap: 0.85rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 0.9rem;
    }

    .auto-mobile-field[b-t7jo7lbktd] {
        min-width: 0;
    }

    .auto-card-list[b-t7jo7lbktd] {
        display: grid;
        gap: 0.85rem;
    }

    .auto-card[b-t7jo7lbktd] {
        border: 1px solid #dce8e5;
        border-radius: 14px;
        background: #fbfdfd;
        padding: 0.95rem;
        box-shadow: 0 10px 24px rgba(31, 52, 67, 0.06);
    }

    .auto-card-head[b-t7jo7lbktd] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.75rem;
        margin-bottom: 0.8rem;
    }

    .auto-card-head h3[b-t7jo7lbktd] {
        margin: 0;
        font-size: 1rem;
        line-height: 1.4;
        color: #1f3443;
    }

    .auto-card-chip[b-t7jo7lbktd] {
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        padding: 0.3rem 0.65rem;
        border-radius: 999px;
        background: rgba(27, 79, 137, 0.12);
        color: #1B4F89;
        font-size: 0.82rem;
        font-weight: 700;
        text-align: center;
    }

    .auto-card-metadata[b-t7jo7lbktd] {
        margin: 0 0 0.9rem;
        display: grid;
        gap: 0.65rem;
    }

    .auto-card-metadata div[b-t7jo7lbktd] {
        display: grid;
        gap: 0.2rem;
    }

    .auto-card-metadata dt[b-t7jo7lbktd] {
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #6a7c8a;
    }

    .auto-card-metadata dd[b-t7jo7lbktd] {
        margin: 0;
        color: #1f3443;
        line-height: 1.45;
        word-break: break-word;
    }

    .auto-card-actions[b-t7jo7lbktd] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.65rem;
    }

    .portal-settings-toolbar[b-t7jo7lbktd] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .portal-settings-section .row[b-t7jo7lbktd] {
        row-gap: 0.85rem;
    }

    .portal-settings-section .e-multiselect[b-t7jo7lbktd],
    .portal-settings-section .e-ddl[b-t7jo7lbktd],
    .portal-settings-section .e-input-group[b-t7jo7lbktd],
    .portal-settings-section .e-richtexteditor[b-t7jo7lbktd],
    .portal-settings-section .e-multi-select-wrapper[b-t7jo7lbktd],
    .portal-settings-section .e-ddl.e-input-group[b-t7jo7lbktd],
    .portal-settings-section textarea[b-t7jo7lbktd],
    .portal-settings-section select[b-t7jo7lbktd],
    .portal-settings-section input:not([type="checkbox"]):not([type="radio"])[b-t7jo7lbktd] {
        max-width: 100%;
    }

    .portal-settings-section .e-richtexteditor[b-t7jo7lbktd] {
        width: 100%;
    }

    .portal-settings-section .e-rte-content[b-t7jo7lbktd],
    .portal-settings-section .e-source-content[b-t7jo7lbktd] {
        min-height: 12rem;
    }

    .portal-settings-section .e-checkbox-wrapper[b-t7jo7lbktd],
    .portal-settings-section .e-css[b-t7jo7lbktd],
    .portal-settings-section .e-btn[b-t7jo7lbktd] {
        max-width: 100%;
    }

    .portal-settings-section .auto-subsection .row[b-t7jo7lbktd],
    .portal-settings-section .auto-subsection .col[b-t7jo7lbktd],
    .portal-settings-section .auto-subsection [class*="col-"][b-t7jo7lbktd] {
        min-width: 0;
    }

    .auto-section-title[b-t7jo7lbktd] {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 14px;
            color: var(--secondary-color, #22A6DE) !important;
            margin-top: 1rem;
            margin-bottom: 0.75rem;
    }

    .auto-toggle-row[b-t7jo7lbktd] {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: center;
        margin-bottom: 0.9rem;
    }


/* Unificación de estilos de tabs para auto-tabs y portal-settings-tabs */
.portal-settings-tabs[b-t7jo7lbktd],
.auto-tabs[b-t7jo7lbktd] {
    display: flex;
    gap: 0;
    margin: 1rem 0 0;
    padding-top: 0.2rem;
    border-bottom: 2px solid #d7e5e2;
    clear: both;
    position: relative;
    z-index: 1;
    overflow-x: auto;
    overflow-y: hidden;
}

.portal-settings-tab[b-t7jo7lbktd],
.auto-tab[b-t7jo7lbktd] {
    padding: 0.65rem 1.1rem;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    background: transparent;
    color: #516172;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    transition: color 0.2s, background 0.2s, border-color 0.2s;
    white-space: nowrap;
}

.portal-settings-tab:hover[b-t7jo7lbktd],
.auto-tab:hover[b-t7jo7lbktd],
.portal-settings-tab:focus[b-t7jo7lbktd],
.auto-tab:focus[b-t7jo7lbktd] {
    color: #1e3341;
    background: rgba(15, 107, 102, 0.06);
}



.portal-settings-tab.portal-settings-tab-active[b-t7jo7lbktd],
.auto-tab.auto-tab-active[b-t7jo7lbktd],
.portal-settings-tab-active[b-t7jo7lbktd],
.auto-tab-active[b-t7jo7lbktd] {
    color: var(--secondary-color, #22A6DE) !important;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    position: relative;
}

.portal-settings-tab.portal-settings-tab-active[b-t7jo7lbktd]::after,
.auto-tab.auto-tab-active[b-t7jo7lbktd]::after,
.portal-settings-tab-active[b-t7jo7lbktd]::after,
.auto-tab-active[b-t7jo7lbktd]::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: var(--primary-color, #1B4F89);
    border-radius: 2px 2px 0 0;
}

    .auto-tab-panel[b-t7jo7lbktd] {
        margin-top: 0.85rem;
    }

    .auto-tab-panel-hidden[b-t7jo7lbktd] {
        display: none;
    }

    .auto-subsection[b-t7jo7lbktd] {
        border: 1px solid #dce8e5;
        border-radius: 12px;
        background: #fbfdfd;
        padding: 0.85rem;
        margin-bottom: 0.85rem;
    }

    .auto-subsection h3[b-t7jo7lbktd] {
        margin: 0 0 0.6rem;
        color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;

    }

    .auto-subsection-heading[b-t7jo7lbktd] {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.4;
        color: #1f3443;
    }

    .auto-subsection h4[b-t7jo7lbktd],
    .auto-subheading[b-t7jo7lbktd] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 700;
        line-height: 1.4;
        color: #2f4354;
    }

    .auto-param-row[b-t7jo7lbktd] {
        margin-top: 0.6rem;
        display: flex;
        justify-content: flex-start;
    }

    .auto-param-button[b-t7jo7lbktd] {
        max-width: 100%;
    }

    .auto-param-button.e-dropdown-btn[b-t7jo7lbktd],
    .auto-param-button .e-dropdown-btn[b-t7jo7lbktd] {
        min-width: 4.75rem;
    }

    .e-dropdown-popup[b-t7jo7lbktd] {
        max-height: min(22rem, 60vh);
        overflow-y: auto;
    }

    .e-dropdown-popup .e-item[b-t7jo7lbktd] {
        white-space: normal;
    }

    @media (max-width: 992px) {
        .portal-settings-toolbar[b-t7jo7lbktd] {
            justify-content: stretch;
        }

        .portal-settings-toolbar .e-btn[b-t7jo7lbktd] {
            flex: 1 1 12rem;
        }

        .portal-settings-section .row[b-t7jo7lbktd] {
            display: flex;
            flex-wrap: wrap;
            margin-left: 0;
            margin-right: 0;
        }

        .portal-settings-section .row > .col[b-t7jo7lbktd],
        .portal-settings-section .row > [class*="col-"][b-t7jo7lbktd] {
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }

        .portal-settings-section .e-multiselect[b-t7jo7lbktd],
        .portal-settings-section .e-ddl[b-t7jo7lbktd],
        .portal-settings-section .e-input-group[b-t7jo7lbktd],
        .portal-settings-section .e-multi-select-wrapper[b-t7jo7lbktd],
        .portal-settings-section .e-ddl.e-input-group[b-t7jo7lbktd],
        .portal-settings-section .e-richtexteditor[b-t7jo7lbktd],
        .portal-settings-section .e-richtexteditor.e-rte-container[b-t7jo7lbktd],
        .portal-settings-section textarea[b-t7jo7lbktd],
        .portal-settings-section select[b-t7jo7lbktd],
        .portal-settings-section input:not([type="checkbox"]):not([type="radio"])[b-t7jo7lbktd] {
            width: 100% !important;
        }

        .portal-settings-section .e-toolbar-wrapper[b-t7jo7lbktd],
        .portal-settings-section .e-rte-toolbar[b-t7jo7lbktd] {
            overflow-x: auto;
        }

        .auto-toggle-row[b-t7jo7lbktd] {
            align-items: stretch;
        }

        .auto-param-row[b-t7jo7lbktd] {
            width: 100%;
        }

        .auto-param-button[b-t7jo7lbktd],
        .auto-param-button.e-dropdown-btn[b-t7jo7lbktd],
        .auto-param-button .e-dropdown-btn[b-t7jo7lbktd] {
            width: 100%;
        }

        .auto-list-desktop[b-t7jo7lbktd] {
            display: none;
        }

        .auto-list-mobile[b-t7jo7lbktd] {
            display: block;
        }
    }

    @media (max-width: 640px) {
        .auto-tabs[b-t7jo7lbktd] {
            margin-top: 0.85rem;
        }

        .auto-subsection[b-t7jo7lbktd] {
            padding: 0.7rem;
        }

        .auto-mobile-form-grid[b-t7jo7lbktd] {
            grid-template-columns: 1fr;
        }

        .auto-card-actions[b-t7jo7lbktd] {
            flex-direction: column;
        }

        .portal-settings-toolbar[b-t7jo7lbktd] {
            flex-direction: column;
        }

        .portal-settings-toolbar .e-btn[b-t7jo7lbktd] {
            width: 100%;
        }

        .portal-settings-section[b-t7jo7lbktd] {
            padding: 0.85rem;
        }

        .portal-settings-section .e-rte-content[b-t7jo7lbktd],
        .portal-settings-section .e-source-content[b-t7jo7lbktd] {
            min-height: 9rem;
        }

        .auto-card-chip[b-t7jo7lbktd] {
            max-width: 100%;
        }
    }

    /*  .e-richtexteditor .e-contextmenu {
                        display: none;
                    }

                    .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
                        display: none;
                    }*/
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/Organizations.razor.rz.scp.css */
.organizationsSettingsTitle[b-luj3zdgd0y] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.portal-settings-tabs[b-luj3zdgd0y] {
    display: flex;
    gap: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
    margin: 0.5rem 0 1.5rem;
    background: transparent;
}

.portal-settings-tab[b-luj3zdgd0y] {
    background: none;
    border: none;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    padding: 12px 24px 10px 24px;
    margin-bottom: -1px;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    transition: background 0.2s, color 0.2s;
    position: relative;
}

.portal-settings-tab:hover[b-luj3zdgd0y],
.portal-settings-tab:focus[b-luj3zdgd0y],
.portal-settings-tab:focus-visible[b-luj3zdgd0y] {
    background: rgba(34, 166, 222, 0.08);
    color: var(--secondary-color, #22A6DE) !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.portal-settings-tab-panel[b-luj3zdgd0y] {
    margin-top: 0.8rem;
}

.portal-settings-tab-panel-hidden[b-luj3zdgd0y] {
    display: none;
}

.subtitle[b-luj3zdgd0y] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

.portal-settings-lead[b-luj3zdgd0y] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
}

 .fieldLabel[b-luj3zdgd0y] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important
    }
    
.text[b-luj3zdgd0y] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}

.portal-settings-tab.portal-settings-tab-active[b-luj3zdgd0y],
.auto-tab.auto-tab-active[b-luj3zdgd0y],
.portal-settings-tab-active[b-luj3zdgd0y],
.auto-tab-active[b-luj3zdgd0y] {
    color: var(--secondary-color, #22A6DE) !important;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    position: relative;
}

.portal-settings-tab.portal-settings-tab-active[b-luj3zdgd0y]::after,
.auto-tab.auto-tab-active[b-luj3zdgd0y]::after,
.portal-settings-tab-active[b-luj3zdgd0y]::after,
.auto-tab-active[b-luj3zdgd0y]::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: var(--primary-color, #1B4F89);
    border-radius: 2px 2px 0 0;
}

/* Quitar borde negro de tabs activas y focus */
.portal-settings-tab[b-luj3zdgd0y],
.auto-tab[b-luj3zdgd0y] {
    outline: none !important;
    box-shadow: none !important;
}

.portal-settings-tab:focus[b-luj3zdgd0y],
.portal-settings-tab:focus-visible[b-luj3zdgd0y],
.auto-tab:focus[b-luj3zdgd0y] {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/PortalRoles.razor.rz.scp.css */

/* --- Unified tab styles with AdvancedSettings2 --- */
.portal-settings-tabs[b-d8kufh3ij2] {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    border-bottom: 1.5px solid #e0e0e0;
    background: transparent;
    padding-bottom: 0;
}

.portal-settings-tab[b-d8kufh3ij2] {
    background: none;
    border: none;
    outline: none !important;
    box-shadow: none !important;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 24px 10px 24px;
    margin-bottom: -1.5px;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    position: relative;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}

.portal-settings-tab:focus[b-d8kufh3ij2],
.portal-settings-tab:active[b-d8kufh3ij2] {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.portal-settings-tab:hover[b-d8kufh3ij2] {
    background: rgba(34, 166, 222, 0.08);
    color: var(--secondary-color, #22A6DE) !important;
}

.portal-settings-tab.portal-settings-tab-active[b-d8kufh3ij2],
.portal-settings-tab-active[b-d8kufh3ij2] {
    color: var(--secondary-color, #22A6DE) !important;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    position: relative;
}

.portal-settings-tab.portal-settings-tab-active[b-d8kufh3ij2]::after,
.portal-settings-tab-active[b-d8kufh3ij2]::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: var(--primary-color, #1B4F89);
    border-radius: 2px 2px 0 0;
}

/* Remove black border from active/focus tabs */
.portal-settings-tab[b-d8kufh3ij2] {
    outline: none !important;
    box-shadow: none !important;
}

.portal-settings-tab:focus[b-d8kufh3ij2] {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* --- End unified tab styles --- */

/* Retain other styles */
.rolesTitle[b-d8kufh3ij2] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.subtitle[b-d8kufh3ij2] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}
.fieldLabel[b-d8kufh3ij2] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important
}
.text[b-d8kufh3ij2] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}

.settings-page-label[b-d8kufh3ij2] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.15px;
}

[b-d8kufh3ij2] .sync-btn-style {
    background-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    min-width: 180px;
    margin-bottom: 8px;
    border: none !important;
    box-shadow: none !important;
    transition: background 0.2s, box-shadow 0.2s;
}

[b-d8kufh3ij2] .sync-btn-style:hover,
[b-d8kufh3ij2] .sync-btn-style:focus,
[b-d8kufh3ij2] .sync-btn-style:active {
    background-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(13, 110, 253, 0.08);
}

[b-d8kufh3ij2] .fp-save-btn {
    min-width: unset !important;
    width: auto !important;
    padding-left: 2.2rem !important;
    padding-right: 2.2rem !important;
}

[b-d8kufh3ij2] .portal-roles-dialog .e-footer-content .e-btn {
    background-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    min-width: unset !important;
    width: auto !important;
    padding-left: 2.2rem !important;
    padding-right: 2.2rem !important;
    margin-bottom: 8px;
    border: none !important;
    box-shadow: none !important;
    transition: background 0.2s, box-shadow 0.2s;
}

[b-d8kufh3ij2] .portal-roles-dialog .e-footer-content .e-btn:hover,
[b-d8kufh3ij2] .portal-roles-dialog .e-footer-content .e-btn:focus,
[b-d8kufh3ij2] .portal-roles-dialog .e-footer-content .e-btn:active {
    background-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(13, 110, 253, 0.08);
}

[b-d8kufh3ij2] .portal-roles-dialog .e-dlg-header,
[b-d8kufh3ij2] .portal-roles-dialog .e-dlg-header-content {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: var(--secondary-color, #22A6DE) !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

/* _content/CentricityPllPortal.WebPortal/Pages/Admin/ReportSettings.razor.rz.scp.css */
.reportSettingsTitle[b-hc9wym6ktg] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.subtitle[b-hc9wym6ktg] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

.fieldLabel[b-hc9wym6ktg] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important
}

.text[b-hc9wym6ktg] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/ReviewSettings.razor.rz.scp.css */
/* Save button: auto width and right aligned, igual que FeesPaymentsSettings */
.fp-save-btn[b-qxiaq8tw9s] {
	min-width: unset !important;
	width: auto !important;
	align-self: flex-end;
	padding-left: 2.2rem !important;
	padding-right: 2.2rem !important;
	margin-left: auto !important;
}
.classh3[b-qxiaq8tw9s] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.text[b-qxiaq8tw9s] {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
}

.subtitle[b-qxiaq8tw9s] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: var(--secondary-color, #22A6DE) !important;
}

 .fieldLabel[b-qxiaq8tw9s] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important;
    }

/* Tabs visual identical to FeesPaymentsSettings */
.portal-settings-tab[b-qxiaq8tw9s] {
	outline: none !important;
	box-shadow: none !important;
	color: #516172;
	background: transparent;
	font-size: 0.95rem;
	font-weight: 600;
	padding: 0.65rem 1.25rem;
	border: none;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	border-radius: 8px 8px 0 0;
	cursor: pointer;
	transition: color 0.2s, background 0.2s, border-color 0.2s;
	position: relative;
}
.portal-settings-tab:hover[b-qxiaq8tw9s],
.portal-settings-tab:focus[b-qxiaq8tw9s] {
	color: #1e3341;
	background: rgba(15, 107, 102, 0.06);
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}
.portal-settings-tab.portal-settings-tab-active[b-qxiaq8tw9s],
.portal-settings-tab-active[b-qxiaq8tw9s] {
	color: var(--secondary-color, #22A6DE) !important;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: none;
	position: relative;
}
.portal-settings-tab.portal-settings-tab-active[b-qxiaq8tw9s]::after,
.portal-settings-tab-active[b-qxiaq8tw9s]::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 4px;
	background: var(--primary-color, #1B4F89);
	border-radius: 2px 2px 0 0;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/RuleEditForm.razor.rz.scp.css */
.rule-edit-form[b-8vmevd4y7m] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

.rule-edit-form h6[b-8vmevd4y7m],
.rule-edit-form .form-label[b-8vmevd4y7m] {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

.subtitle[b-8vmevd4y7m] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    }

    .fieldLabel[b-8vmevd4y7m] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/UserPermissionsPage.razor.rz.scp.css */
.e-form[b-oh61218ydn] {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}
.e-row[b-oh61218ydn] {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2rem;
}
.e-col-50[b-oh61218ydn] {
	flex: 1 1 45%;
	min-width: 220px;
	max-width: 48%;
	box-sizing: border-box;
}
.e-col-100[b-oh61218ydn] {
	flex: 1 1 100%;
	min-width: 220px;
	max-width: 100%;
	box-sizing: border-box;
}
.e-label[b-oh61218ydn] {
	color: #2f4354;
	font-size: 0.92rem;
	font-weight: 600;
	margin-bottom: 0.25rem;
}
.e-input-group[b-oh61218ydn] {
	min-height: 2.75rem;
	padding: 0.7rem 0.8rem;
	border: 1px solid #dce8e5;
	border-radius: 10px;
	background: #f7fbfb;
	color: #223746;
	display: flex;
	align-items: center;
	word-break: break-word;
}
.e-mb-2[b-oh61218ydn] {
	margin-bottom: 1rem;
}

.userPermissionsTitle[b-oh61218ydn] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.text[b-oh61218ydn] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}

.subtitle[b-oh61218ydn] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

/* Tabs estilo AdvancedSettings2 */
.portal-settings-tabs[b-oh61218ydn] {
	display: flex;
	gap: 0;
	margin: 1rem 0 0;
	border-bottom: 2px solid #d7e5e2;
	padding: 0;
}

.portal-settings-tab[b-oh61218ydn] {
	padding: 0.65rem 1.25rem;
	border: none;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	background: transparent;
	color: #516172;
	font-size: 0.95rem;
	font-weight: 600;
	cursor: pointer;
	border-radius: 8px 8px 0 0;
	transition: color 0.2s, background 0.2s, border-color 0.2s;
	outline: none !important;
	box-shadow: none !important;
	position: relative;
}

.portal-settings-tab:hover[b-oh61218ydn],
.portal-settings-tab:focus[b-oh61218ydn],
.portal-settings-tab:active[b-oh61218ydn] {
	color: #1e3341;
	background: rgba(15, 107, 102, 0.06);
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}

.portal-settings-tab.portal-settings-tab-active[b-oh61218ydn],
.portal-settings-tab-active[b-oh61218ydn] {
	color: var(--secondary-color, #22A6DE) !important;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: none;
}

.portal-settings-tab.portal-settings-tab-active[b-oh61218ydn]::after,
.portal-settings-tab-active[b-oh61218ydn]::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 4px;
	background: var(--primary-color, #1B4F89);
	border-radius: 2px 2px 0 0;
}

.portal-settings-tab-panel[b-oh61218ydn] {
	margin-top: 0.5rem;
}

.portal-settings-tab-panel-hidden[b-oh61218ydn] {
	display: none;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 4px;
	background: var(--primary-color, #1B4F89);
	border-radius: 2px 2px 0 0;
}

.portal-settings-tab-panel[b-oh61218ydn] {
	margin-top: 0.5rem;
}

.portal-settings-tab-panel-hidden[b-oh61218ydn] {
	display: none;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Admin/ViolationSettings.razor.rz.scp.css */
.violationSettingsTitle[b-8w9739wdp1] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.subtitle[b-8w9739wdp1] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

.text[b-8w9739wdp1] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
}

 .fieldLabel[b-8w9739wdp1] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important
    }

.portal-settings-tab.portal-settings-tab-active[b-8w9739wdp1],
.portal-settings-tab-active[b-8w9739wdp1] {
    color: var(--secondary-color, #22A6DE) !important;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    position: relative;
}

.portal-settings-tab.portal-settings-tab-active[b-8w9739wdp1]::after,
.portal-settings-tab-active[b-8w9739wdp1]::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: var(--primary-color, #1B4F89);
    border-radius: 2px 2px 0 0;
}

.portal-settings-tab[b-8w9739wdp1] {
    outline: none !important;
    box-shadow: none !important;
}

.portal-settings-tab:focus[b-8w9739wdp1] {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridActiveApplications.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-53if1xpxe3] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-53if1xpxe3] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-53if1xpxe3] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-53if1xpxe3] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-53if1xpxe3] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-53if1xpxe3] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-53if1xpxe3] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-53if1xpxe3] {
    padding-top: 70px !important;
}
.status-btn[b-53if1xpxe3] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-53if1xpxe3] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-53if1xpxe3] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-53if1xpxe3] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-53if1xpxe3] {
    margin-top: 10px;
}
.permit-card[b-53if1xpxe3] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-53if1xpxe3] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-53if1xpxe3] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-53if1xpxe3] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-53if1xpxe3] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-53if1xpxe3] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-53if1xpxe3] {
    background: var(--primary-color-dark, #1B4F89);
}

.statusGreen[b-53if1xpxe3] {
        background-color: #22A6DE;
        color: #183054;
        padding-left: 9px;
        padding-right: 9px;
        padding-top: 6px;
        padding-bottom: 7px;
        border-radius: 4px;
    }

    .statusBlue[b-53if1xpxe3] {
        background-color: #99E28B;
        color: #1E4710;
        padding-left: 9px;
        padding-right: 9px;
        padding-top: 6px;
        padding-bottom: 7px;
        border-radius: 4px;
    }

    .statusRed[b-53if1xpxe3] {
        background-color: #E48683;
        color: #66120E;
        padding-left: 9px;
        padding-right: 9px;
        padding-top: 6px;
        padding-bottom: 7px;
        border-radius: 4px;
    }

    .alert[b-53if1xpxe3] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}

.alert-info[b-53if1xpxe3] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridAllApplications.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-9c6zq3o88d] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-9c6zq3o88d] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

/* Input de búsqueda con el mismo estilo que HomePageComponent */
.hpc-search-input-form[b-9c6zq3o88d] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-9c6zq3o88d] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
/* Valor de las propiedades en las tarjetas, igual que HomePageComponent */
.hpc-card-value[b-9c6zq3o88d] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
/* Label de las propiedades en las tarjetas, igual que HomePageComponent */
.hpc-card-label[b-9c6zq3o88d] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-9c6zq3o88d] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-9c6zq3o88d] {
    padding-top: 70px !important;
}

.status-btn[b-9c6zq3o88d] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}

.open-btn[b-9c6zq3o88d] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-9c6zq3o88d] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-9c6zq3o88d] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

/* Estilos para la lista de tarjetas */
.card-list[b-9c6zq3o88d] {
    margin-top: 10px;
}

.permit-card[b-9c6zq3o88d] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-9c6zq3o88d] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}

.permit-card .card-title[b-9c6zq3o88d] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}

.permit-card .card-subtitle[b-9c6zq3o88d] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}

.permit-card .card-footer[b-9c6zq3o88d] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-9c6zq3o88d] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-9c6zq3o88d] {
    background: var(--primary-color-dark, #1B4F89);
}

.alert[b-9c6zq3o88d] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}

.alert-info[b-9c6zq3o88d] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridClosedApplications.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-taqry6ux7v] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-taqry6ux7v] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-taqry6ux7v] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-taqry6ux7v] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-taqry6ux7v] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-taqry6ux7v] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-taqry6ux7v] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-taqry6ux7v] {
    padding-top: 70px !important;
}
.status-btn[b-taqry6ux7v] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-taqry6ux7v] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-taqry6ux7v] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-taqry6ux7v] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-taqry6ux7v] {
    margin-top: 10px;
}
.permit-card[b-taqry6ux7v] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-taqry6ux7v] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-taqry6ux7v] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-taqry6ux7v] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-taqry6ux7v] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-taqry6ux7v] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-taqry6ux7v] {
    background: var(--primary-color-dark, #1B4F89);
}
.alert[b-taqry6ux7v] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}
.alert-info[b-taqry6ux7v] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridDeniedApplications.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-sb48v01xu0] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-sb48v01xu0] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-sb48v01xu0] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-sb48v01xu0] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-sb48v01xu0] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-sb48v01xu0] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-sb48v01xu0] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-sb48v01xu0] {
    padding-top: 70px !important;
}
.status-btn[b-sb48v01xu0] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-sb48v01xu0] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-sb48v01xu0] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-sb48v01xu0] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-sb48v01xu0] {
    margin-top: 10px;
}
.permit-card[b-sb48v01xu0] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-sb48v01xu0] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-sb48v01xu0] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-sb48v01xu0] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-sb48v01xu0] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-sb48v01xu0] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-sb48v01xu0] {
    background: var(--primary-color-dark, #1B4F89);
}

.alert[b-sb48v01xu0] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}

.alert-info[b-sb48v01xu0] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridFees.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-k5as9fs4cl] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-k5as9fs4cl] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-k5as9fs4cl] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-k5as9fs4cl] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-k5as9fs4cl] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-k5as9fs4cl] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-k5as9fs4cl] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-k5as9fs4cl] {
    padding-top: 70px !important;
}
.status-btn[b-k5as9fs4cl] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-k5as9fs4cl] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-k5as9fs4cl] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-k5as9fs4cl] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-k5as9fs4cl] {
    margin-top: 10px;
}
.permit-card[b-k5as9fs4cl] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-k5as9fs4cl] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-k5as9fs4cl] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}

.clickable-case-title[b-k5as9fs4cl] {
    cursor: pointer;
}
.permit-card .card-subtitle[b-k5as9fs4cl] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-k5as9fs4cl] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-k5as9fs4cl] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-k5as9fs4cl] {
    background: var(--primary-color-dark, #1B4F89);
}
.alert[b-k5as9fs4cl] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}
.alert-info[b-k5as9fs4cl] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}

/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridInProgressApplications.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-e8394qrte5] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-e8394qrte5] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-e8394qrte5] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-e8394qrte5] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-e8394qrte5] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-e8394qrte5] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-e8394qrte5] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-e8394qrte5] {
    padding-top: 70px !important;
}
.status-btn[b-e8394qrte5] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-e8394qrte5] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-e8394qrte5] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-e8394qrte5] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-e8394qrte5] {
    margin-top: 10px;
}
.permit-card[b-e8394qrte5] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-e8394qrte5] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-e8394qrte5] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-e8394qrte5] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-e8394qrte5] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-e8394qrte5] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-e8394qrte5] {
    background: var(--primary-color-dark, #1B4F89);
}
.alert[b-e8394qrte5] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}

.alert-info[b-e8394qrte5] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridInspectionsAvailable.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-g2xc87i81h] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-g2xc87i81h] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-g2xc87i81h] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-g2xc87i81h] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-g2xc87i81h] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-g2xc87i81h] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-g2xc87i81h] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-g2xc87i81h] {
    padding-top: 70px !important;
}
.status-btn[b-g2xc87i81h] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-g2xc87i81h] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-g2xc87i81h] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-g2xc87i81h] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-g2xc87i81h] {
    margin-top: 10px;
}
.permit-card[b-g2xc87i81h] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-g2xc87i81h] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-g2xc87i81h] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-g2xc87i81h] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-g2xc87i81h] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-g2xc87i81h] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-g2xc87i81h] {
    background: var(--primary-color-dark, #1B4F89);
}
.alert[b-g2xc87i81h] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}
.alert-info[b-g2xc87i81h] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridInspectionsPending.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-nnq3lnrgyz] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-nnq3lnrgyz] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-nnq3lnrgyz] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-nnq3lnrgyz] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-nnq3lnrgyz] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-nnq3lnrgyz] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-nnq3lnrgyz] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-nnq3lnrgyz] {
    padding-top: 70px !important;
}
.status-btn[b-nnq3lnrgyz] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-nnq3lnrgyz] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-nnq3lnrgyz] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-nnq3lnrgyz] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-nnq3lnrgyz] {
    margin-top: 10px;
}
.permit-card[b-nnq3lnrgyz] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-nnq3lnrgyz] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-nnq3lnrgyz] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-nnq3lnrgyz] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-nnq3lnrgyz] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-nnq3lnrgyz] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-nnq3lnrgyz] {
    background: var(--primary-color-dark, #1B4F89);
}
.alert[b-nnq3lnrgyz] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}
.alert-info[b-nnq3lnrgyz] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridInspectionsUpcoming.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-efua9u5hlh] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-efua9u5hlh] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-efua9u5hlh] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-efua9u5hlh] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-efua9u5hlh] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-efua9u5hlh] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-efua9u5hlh] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-efua9u5hlh] {
    padding-top: 70px !important;
}
.status-btn[b-efua9u5hlh] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-efua9u5hlh] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-efua9u5hlh] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-efua9u5hlh] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-efua9u5hlh] {
    margin-top: 10px;
}
.permit-card[b-efua9u5hlh] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-efua9u5hlh] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-efua9u5hlh] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-efua9u5hlh] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-efua9u5hlh] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-efua9u5hlh] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-efua9u5hlh] {
    background: var(--primary-color-dark, #1B4F89);
}
.alert[b-efua9u5hlh] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}
.alert-info[b-efua9u5hlh] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridNeedRevisionApplications.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-8fg4nimj64] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-8fg4nimj64] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-8fg4nimj64] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-8fg4nimj64] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-8fg4nimj64] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-8fg4nimj64] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-8fg4nimj64] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-8fg4nimj64] {
    padding-top: 70px !important;
}
.status-btn[b-8fg4nimj64] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-8fg4nimj64] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-8fg4nimj64] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-8fg4nimj64] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-8fg4nimj64] {
    margin-top: 10px;
}
.permit-card[b-8fg4nimj64] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-8fg4nimj64] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-8fg4nimj64] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-8fg4nimj64] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-8fg4nimj64] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-8fg4nimj64] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-8fg4nimj64] {
    background: var(--primary-color-dark, #1B4F89);
}

.alert[b-8fg4nimj64] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}

.alert-info[b-8fg4nimj64] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/GridSubmittedApplications.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-qqgy1thcmz] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-qqgy1thcmz] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-qqgy1thcmz] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-qqgy1thcmz] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-qqgy1thcmz] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-qqgy1thcmz] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-qqgy1thcmz] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-qqgy1thcmz] {
    padding-top: 70px !important;
}
.status-btn[b-qqgy1thcmz] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-qqgy1thcmz] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-qqgy1thcmz] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-qqgy1thcmz] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-qqgy1thcmz] {
    margin-top: 10px;
}
.permit-card[b-qqgy1thcmz] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-qqgy1thcmz] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-qqgy1thcmz] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-qqgy1thcmz] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-qqgy1thcmz] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-qqgy1thcmz] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-qqgy1thcmz] {
    background: var(--primary-color-dark, #1B4F89);
}

.alert[b-qqgy1thcmz] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}

.alert-info[b-qqgy1thcmz] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/RecentActivityList.razor.rz.scp.css */
@media (min-width: 1101px) {
    .recent-activity-list[b-jn92x2dppd] {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }
    .recent-activity-list .activity-card[b-jn92x2dppd] {
        width: 100%;
        max-width: unset;
        margin: 0;
    }
}
<style>

.classh3[b-jn92x2dppd] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

    .activity-card[b-jn92x2dppd] {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: default;
    border-bottom: none !important;
    }

    .activity-header[b-jn92x2dppd] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
        color: var(--secondary-color, #22A6DE) !important;
        cursor: pointer;
    }

    .activity-title[b-jn92x2dppd] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: var(--secondary-color, #22A6DE) !important;
    margin-bottom: 5px;
    cursor: pointer;
    }

    .activity-content[b-jn92x2dppd] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 1px;
    }

    .activity-footer[b-jn92x2dppd] {
        text-align: right;
        margin-right: 11%;
        cursor: pointer;
    }

    .activity-content-strong[b-jn92x2dppd] {
        color: #333;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0.15px;
        line-height: 19px;
    }

    .activity-content-text[b-jn92x2dppd] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #333;
    }

    .icon[b-jn92x2dppd] {
        font-size: 18px;
    }

</style[b-jn92x2dppd]>
/* _content/CentricityPllPortal.WebPortal/Pages/GridsSub/RecentActivitySplit.razor.rz.scp.css */
h3.classh3[b-pyrx220uex], .classh3[b-pyrx220uex], :deep(.classh3)[b-pyrx220uex], h3[class~="classh3"][b-pyrx220uex] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}


.classh3[b-pyrx220uex], h3.classh3[b-pyrx220uex], :deep(.classh3)[b-pyrx220uex] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.h3[b-pyrx220uex], h3[b-pyrx220uex] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.activity-card[b-pyrx220uex] {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 1px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: default;
}

.activity-header[b-pyrx220uex] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
        color: var(--secondary-color, #22A6DE) !important;
        cursor: pointer;
}

.activity-title[b-pyrx220uex] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: var(--secondary-color, #22A6DE) !important;
    margin-bottom: 5px;
    cursor: pointer;
}

.activity-content[b-pyrx220uex] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 1px;
}

.activity-footer[b-pyrx220uex] {
    text-align: right;
    margin-right: 11%;
    cursor: pointer;
}

.icon[b-pyrx220uex] {
    font-size: 18px;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Home/HomePage.razor.rz.scp.css */
#topRightButtons[b-nfk7oi09sb] {
    display: block; /* Show Div A by default */
}

.home-welcome-back-text[b-nfk7oi09sb] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    margin: 0 0 10px 0 !important;
}

@@media screen and (max-width: 768px) {
    #topRightButtons[b-nfk7oi09sb] {
        display: none; /* Hide Div A on smaller screens */
    }
}

.e-dropdown-popup[b-nfk7oi09sb] {
    background-color: transparent !important;
    color: black;
    opacity: 1;
}



.e-caret-hide[b-nfk7oi09sb] {
    color: #22A6DE !important; /* Change the text color */
    display: flex !important;
    flex-direction: column !important; /* Stack the icon and text vertically */
    align-items: center !important; /* Center aligns the icon and text horizontally */
    justify-content: center !important; /* Center aligns the icon and text vertically */
    gap: 2px !important; /* Optional: Space between the icon and text */
    text-align: center !important;
    background-color: transparent !important;
    border-color: transparent !important;
    padding: 0 !important;
}

.e-btn.e-primary:focus[b-nfk7oi09sb], .e-css.e-btn.e-primary:focus[b-nfk7oi09sb] {
    box-shadow: none !important;
}

.dropdown-toggle[b-nfk7oi09sb]::after {
    display: none !important;
}

.e-caret-hide.e-btn-icon-center .todo-svg-icon[b-nfk7oi09sb] {
    order: 1; /* Icon at the top */
}

.e-caret-hide .e-btn-icon-center .e-btn-text[b-nfk7oi09sb] {
    order: 2; /* Text at the bottom */
    margin-top: auto; /* Pushes the text to the bottom */
    display: block;
}

#topRightButtons .e-caret-hide .e-btn-icon[b-nfk7oi09sb],
#topRightButtons .e-caret-hide .e-btn-text[b-nfk7oi09sb],
#topRightButtons .e-caret-hide .top-menu-label[b-nfk7oi09sb] {
    display: block !important;
    text-align: center !important;
    margin: 0 !important;
}

#topRightButtons .e-caret-hide .e-btn-text[b-nfk7oi09sb],
#topRightButtons .e-caret-hide .top-menu-label[b-nfk7oi09sb] {
    width: 100%;
}

#topRightButtons .e-caret-hide .e-icon-left[b-nfk7oi09sb] {
    margin-right: 0 !important;
}

.todo-svg-icon[b-nfk7oi09sb] {
    background-image: url('/images/toDo.svg'); /* Path to your SVG */
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 35px !important; /* Adjust as needed */
    height: 35px !important; /* Adjust as needed */
}

.notification-svg-icon[b-nfk7oi09sb] {
    background-image: url('/images/ico_notification.svg'); /* Path to your SVG */
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 35px !important; /* Adjust as needed */
    height: 35px !important; /* Adjust as needed */
    margin-top: 1px !important;
}

.notification-svg-icon-on[b-nfk7oi09sb] {
    background-image: url('/images/ico_notification_on.svg'); /* Path to your SVG */
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 35px !important; /* Adjust as needed */
    height: 35px !important; /* Adjust as needed */
    margin-top: 1px !important;
}

.help-svg-icon[b-nfk7oi09sb] {
    background-image: url('/images/help.svg'); /* Path to your SVG */
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 35px !important; /* Adjust as needed */
    height: 35px !important; /* Adjust as needed */
    margin-top: 0px !important;
}

.chat-svg-icon[b-nfk7oi09sb] {
    background-image: url('/images/chat.svg'); /* Path to your SVG */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 35px !important; /* Adjust as needed */
    height: 35px !important; /* Adjust as needed */
    margin-top: 0px !important;
}

.menu-svg-icon[b-nfk7oi09sb] {
    background-image: url('/images/ico_menu.svg'); /* Path to your SVG */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 25px !important; /* Adjust as needed */
    height: 25px !important; /* Adjust as needed */
    margin-top: 0px !important;
}

.e-btn.e-flat:active[b-nfk7oi09sb], .e-btn.e-flat.e-active[b-nfk7oi09sb], .e-css.e-btn.e-flat:active[b-nfk7oi09sb], .e-css.e-btn.e-flat.e-active[b-nfk7oi09sb] {
    background: transparent !important; /* Prevent background color change */
    color: inherit !important; /* Maintain original color */
    box-shadow: none !important; /* Remove shadow */
    border-color: transparent !important;
}

.e-btn.e-primary.dropdown-toggle.e-caret-hide:hover[b-nfk7oi09sb] {
    background-color: transparent !important;
    border-color: transparent !important;
}

.e-dropdown-icon[b-nfk7oi09sb]::after {
    display: none !important; /* Hides the default arrow icon */
}

.e-btn.e-primary.dropdown-toggle.e-caret-hide[b-nfk7oi09sb] {
    background-color: transparent !important;
    border-color: transparent !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Home/HomePageComponent.razor.rz.scp.css */
/* Grid para acomodar las hpc-card en filas de tres en escritorio */
.page-loading-center[b-8cc6mj7uhv] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
}

.hpc-card-grid[b-8cc6mj7uhv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 18px;
    margin-bottom: 24px;
}
@media (max-width: 1100px) {
    .hpc-card-grid[b-8cc6mj7uhv] {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 700px) {
    .hpc-card-grid[b-8cc6mj7uhv] {
        grid-template-columns: 1fr;
        gap: 14px 0;
    }
}
.hpc-tab-pill:focus[b-8cc6mj7uhv],
.hpc-tab-pill:active[b-8cc6mj7uhv] {
    border: 1.5px solid #dadada !important;
    outline: none !important;
}
.hpc-tab-pill:hover[b-8cc6mj7uhv] {
    border: 1.5px solid #dadada !important;
}
html[b-8cc6mj7uhv] {
    overflow-y: scroll;
}

.e-dashboardlayout.e-control.e-responsive[b-8cc6mj7uhv] {
    z-index: 1 !important;
}

.e-calendar .e-content .e-cell.official-appointment span.e-day[b-8cc6mj7uhv],
.e-calendar .e-content td:hover.e-cell.official-appointment span.e-day[b-8cc6mj7uhv],
.e-calendar .e-content td.e-selected.e-focused-date.e-cell.official-appointment span.e-day[b-8cc6mj7uhv] {
    color: #dc3545;
    font-weight: 800;
}

/* .e-spinner-pane .e-spinner-inner {
    margin-left: 100px !important;
} */


.dashTitles[b-8cc6mj7uhv] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: var(--dash-title-color, #164769);
}

.customDashboard[b-8cc6mj7uhv] {
    cursor: pointer;
}

.customDashboard.selected[b-8cc6mj7uhv] {
    background-color: var(--dashboard-selected-bg-color, #164769) !important;
    color: white !important;
}

.customDashboard.selected .e-card-header[b-8cc6mj7uhv],
.customDashboard.selected .e-card-content[b-8cc6mj7uhv] {
    color: white !important;
}

.customDashboard.selected.e-card .e-card-header-caption .e-card-header-title[b-8cc6mj7uhv] {
    color: var(--card-header-color, #164769);
}

.e-card .e-card-header .e-card-header-caption .e-card-header-title[b-8cc6mj7uhv] {
    font-weight: bold !important;
}

.e-card .e-card-header:hover[b-8cc6mj7uhv] {
}

.e-card:hover[b-8cc6mj7uhv] {
}

/* Mobile card layout */
.hpc-mobile-view[b-8cc6mj7uhv] {
    padding: 0 4px;
}

.hpc-tab-pills[b-8cc6mj7uhv] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
    padding: 10px 0 12px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.hpc-tab-pills[b-8cc6mj7uhv]::-webkit-scrollbar {
    display: none;
}

.hpc-tab-pill[b-8cc6mj7uhv] {
    flex-shrink: 0;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1.5px solid var(--secondary-color, #22A6DE) !important;
    background: #fff !important;
    color: var(--primary-color, #1B4F89) !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}

.hpc-tab-pill--active[b-8cc6mj7uhv] {
    background: var(--secondary-color, #22A6DE) !important;
    color: #fff !important;
    border: 1.5px solid #dadada !important;
}

.hpc-search-bar-wrap[b-8cc6mj7uhv] {
    margin-bottom: 12px;
}

.hpc-search-input[b-8cc6mj7uhv] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
}

.hpc-search-input:focus[b-8cc6mj7uhv] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}

.hpc-card[b-8cc6mj7uhv] {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 360px;
    overflow-y: auto;
}

@media (max-width: 700px) {
    .hpc-card[b-8cc6mj7uhv] {
        max-height: 300px;
    }
}

.hpc-card-field[b-8cc6mj7uhv] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 6px;
}

.hpc-card-label[b-8cc6mj7uhv] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}


.hpc-card-value[b-8cc6mj7uhv] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}

.hpc-card-action[b-8cc6mj7uhv] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
}

.hpc-btn-open[b-8cc6mj7uhv] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.hpc-btn-open:hover[b-8cc6mj7uhv] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}

.hpc-empty-msg[b-8cc6mj7uhv] {
    text-align: center;
    color: #888;
    font-size: 14px;
    padding: 24px 0;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Home/HomePageMobileExternal.razor.rz.scp.css */
.card-app[b-ivzelhjtin],
.card-insp[b-ivzelhjtin],
.card-fees[b-ivzelhjtin] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    min-width: 200px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 100px !important;
}

.card-app .e-card[b-ivzelhjtin],
.card-insp .e-card[b-ivzelhjtin],
.card-fees .e-card[b-ivzelhjtin] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    min-width: 200px !important;
    min-height: 100px !important;
    max-width: 200px !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 100px !important;
}

.mobile-page[b-ivzelhjtin]  .e-card.card-app,
.mobile-page[b-ivzelhjtin]  .e-card.card-insp,
.mobile-page[b-ivzelhjtin]  .e-card.card-fees,
[b-ivzelhjtin] .e-card.card-app,
[b-ivzelhjtin] .e-card.card-insp,
[b-ivzelhjtin] .e-card.card-fees {
    border-radius: 100px !important;
    overflow: hidden;
}

.card-app:hover[b-ivzelhjtin],
.card-insp:hover[b-ivzelhjtin],
.card-fees:hover[b-ivzelhjtin] {
    background-color: #f6f6f6 !important;
    border: none !important;
    border-radius: 100px !important;
}

.card-app:hover .e-card[b-ivzelhjtin],
.card-insp:hover .e-card[b-ivzelhjtin],
.card-fees:hover .e-card[b-ivzelhjtin],
.mobile-page[b-ivzelhjtin]  .card-app:hover.e-card,
.mobile-page[b-ivzelhjtin]  .card-insp:hover.e-card,
.mobile-page[b-ivzelhjtin]  .card-fees:hover.e-card,
[b-ivzelhjtin] .card-app:hover.e-card,
[b-ivzelhjtin] .card-insp:hover.e-card,
[b-ivzelhjtin] .card-fees:hover.e-card {
    border-radius: 100px !important;
}

.e-card .e-card-header .e-card-header-caption .e-card-header-title[b-ivzelhjtin],
.mobile-page[b-ivzelhjtin]  .e-card .e-card-header .e-card-header-caption .e-card-header-title,
[b-ivzelhjtin] .e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: var(--secondary-color, #22A6DE) !important;
    text-align: center !important;
    line-height: 1.2 !important;
    word-break: keep-all !important;
    white-space: normal !important;
}

.e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-ivzelhjtin],
.mobile-page[b-ivzelhjtin]  .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
[b-ivzelhjtin] .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 12px !important;
    color: #333 !important;
    text-align: center !important;
    line-height: 1.2 !important;
    word-break: keep-all !important;
    white-space: normal !important;
    margin-top: 4px;
}

.is-selected[b-ivzelhjtin],
.e-card.is-selected[b-ivzelhjtin],
.mobile-page[b-ivzelhjtin]  .e-card.is-selected,
[b-ivzelhjtin] .e-card.is-selected,
.is-selected .e-card[b-ivzelhjtin],
.mobile-page[b-ivzelhjtin]  .is-selected .e-card,
[b-ivzelhjtin] .is-selected .e-card {
    background-color: var(--secondary-color, #22A6DE) !important;
    border: 1px solid #dadada !important;
    border-radius: 100px !important;
    outline: none !important;
    box-shadow: none !important;
    transition: outline-color 0.15s ease;
}

.is-selected:hover[b-ivzelhjtin],
.e-card.is-selected:hover[b-ivzelhjtin] {
    background-color: var(--secondary-color, #22A6DE) !important;
    border: 1px solid #dadada !important;
}

.is-selected .e-card .e-card-header .e-card-header-caption .e-card-header-title[b-ivzelhjtin],
.e-card.is-selected .e-card-header .e-card-header-caption .e-card-header-title[b-ivzelhjtin],
.mobile-page[b-ivzelhjtin]  .is-selected .e-card .e-card-header .e-card-header-caption .e-card-header-title,
.mobile-page[b-ivzelhjtin]  .e-card.is-selected .e-card-header .e-card-header-caption .e-card-header-title,
[b-ivzelhjtin] .is-selected .e-card .e-card-header .e-card-header-caption .e-card-header-title,
[b-ivzelhjtin] .e-card.is-selected .e-card-header .e-card-header-caption .e-card-header-title {
    color: #fff !important;
}

.is-selected .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-ivzelhjtin],
.e-card.is-selected .e-card-header .e-card-header-caption .e-card-sub-title[b-ivzelhjtin],
.mobile-page[b-ivzelhjtin]  .is-selected .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
.mobile-page[b-ivzelhjtin]  .e-card.is-selected .e-card-header .e-card-header-caption .e-card-sub-title,
[b-ivzelhjtin] .is-selected .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
[b-ivzelhjtin] .e-card.is-selected .e-card-header .e-card-header-caption .e-card-sub-title {
    color: #fff !important;
}

.mobile-page[b-ivzelhjtin] {
    padding: 12px;
    height: 100%;
    box-sizing: border-box;
}

.mobile-card[b-ivzelhjtin] {
    background-color: #ffffff;
    padding: 12px;
    border-radius: 100px !important;
    min-height: 100%;
    box-sizing: border-box;
}

.spinner-wrap[b-ivzelhjtin] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70vh;
}

.section-heads[b-ivzelhjtin] {
    display: grid;
    gap: 4px;
    margin-bottom: 8px;
}

.section-title[b-ivzelhjtin] {
    margin: 0;
    color: var(--tertiary-color, #000);
    font-size: 16px;
    font-weight: 600;
}

.kpi-scroll[b-ivzelhjtin] {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 8px;
    margin-bottom: 14px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
}

.kpi-card[b-ivzelhjtin] {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    flex: 0 0 auto;
    min-width: 140px;
    max-width: 200px;
    scroll-snap-align: start;
    background: #fff;
}

.e-card[b-ivzelhjtin] {
    cursor: pointer;
    height: 100%;
    border-radius: 100px !important;
}

.content-area[b-ivzelhjtin] {
    display: block;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Home/HomePageV2.razor.rz.scp.css */
    @media (max-width: 600px) {
        .inspections-slider-cards[b-8oqda2fyw8] {
            display: flex !important;
            flex-direction: row !important;
            gap: 12px !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch;
            scroll-snap-type: x mandatory;
            width: 100vw !important;
            max-width: 100vw !important;
            box-sizing: border-box;
            padding-bottom: 8px;
            scrollbar-width: none !important;
            -ms-overflow-style: none !important;
        }
        .inspections-slider-cards[b-8oqda2fyw8]::-webkit-scrollbar {
            width: 0 !important;
            height: 0 !important;
            background: transparent !important;
            display: none !important;
        }
        .inspections-slider-cards > *[b-8oqda2fyw8] {
            min-width: 180px !important;
            max-width: 320px !important;
            flex: 0 0 auto !important;
            scroll-snap-align: start;
        }
    }
    /* --- SLIDER PARA CARDS DE INSPECTIONS IGUAL QUE APPLICATIONS --- */
    .inspections-slider-cards[b-8oqda2fyw8] {
        display: flex;
        flex-direction: row;
        gap: 12px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        box-sizing: border-box;
        padding-bottom: 8px;
        scrollbar-width: none !important; /* Firefox */
        -ms-overflow-style: none !important; /* IE/Edge */
        width: 100%;
        max-width: 100vw;
    }
    .inspections-slider-cards[b-8oqda2fyw8]::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        background: transparent !important;
        display: none !important;
    }
    .inspections-slider-cards > *[b-8oqda2fyw8] {
        min-width: 160px !important;
        max-width: 240px !important;
        flex: 0 0 auto !important;
        scroll-snap-align: start;
    }
    
    @media (max-width: 600px) {
        .inspections-slider-cards[b-8oqda2fyw8] {
            width: 100vw !important;
            max-width: 100vw !important;
            gap: 12px !important;
            padding-bottom: 8px;
        }
        .inspections-slider-cards > *[b-8oqda2fyw8] {
            min-width: 140px !important;
            max-width: 180px !important;
            flex: 0 0 auto !important;
            scroll-snap-align: start;
        }
    }
    @media (max-width: 600px) {
            .inspections-block-mobile[b-8oqda2fyw8] {
                display: flex !important;
                flex-direction: column !important;
                gap: 0 !important;
                width: 100vw !important;
                max-width: 100vw !important;
                box-sizing: border-box;
            }
            .inspections-block-mobile .section-title[b-8oqda2fyw8] {
                margin-bottom: 8px !important;
                text-align: left !important;
                align-self: flex-start !important;
            }
            .inspections-block-mobile .inspections-row[b-8oqda2fyw8] {
                display: flex !important;
                flex-direction: row !important;
                gap: 12px !important;
                overflow-x: auto !important;
                -webkit-overflow-scrolling: touch;
                scroll-snap-type: x mandatory;
                width: 100vw !important;
                max-width: 100vw !important;
                box-sizing: border-box;
                padding-bottom: 8px;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
            }
        .inspections-block-mobile > *[b-8oqda2fyw8] {
            min-width: 180px !important;
            max-width: 320px !important;
            flex: 0 0 auto !important;
            scroll-snap-align: start;
        }
        .inspections-block-mobile[b-8oqda2fyw8]::-webkit-scrollbar {
            width: 0 !important;
            height: 0 !important;
            background: transparent !important;
            display: none !important;
        }
    }
    /* --- AJUSTE DE ANCHO CARDS DESKTOP --- */
    .dashboard-row-desktop .e-card[b-8oqda2fyw8],
    .dashboard-row-desktop .SfCard[b-8oqda2fyw8],
    .dashboard-row-desktop .e-card.selected[b-8oqda2fyw8],
    .dashboard-row-desktop .SfCard.selected[b-8oqda2fyw8] {
        min-width: 160px !important;
        max-width: 240px !important;
        flex: 0 0 auto !important;
        width: 100%;
        box-sizing: border-box;
    }
    /* --- DASHBOARD ROW DESKTOP --- */
    .dashboard-row-desktop[b-8oqda2fyw8] {
        display: flex;
        flex-direction: row;
        gap: 32px;
        width: 100%;
        align-items: flex-start;
        margin-top: 0;
        margin-bottom: 30px;
    }
    /* --- DASHBOARD BLOCKS DESKTOP --- */
    .dashboard-blocks-desktop[b-8oqda2fyw8] {
        display: flex;
        flex-direction: row;
        gap: 56px;
        width: 100%;
        margin-bottom: 30px;
        align-items: flex-start;
    }
    .dashboard-block[b-8oqda2fyw8] {
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        flex: 1 1 0;
    }
    .applications-block-desktop[b-8oqda2fyw8] {
        min-width: 0;
        margin-bottom: 30px;
    }
    .recent-block-desktop[b-8oqda2fyw8] {
        min-width: 180px;
        max-width: 220px;
    }
    .inspections-block-desktop[b-8oqda2fyw8] {
        min-width: 0;
    }
    .fees-block-desktop[b-8oqda2fyw8] {
        min-width: 180px;
        max-width: 220px;
    }

    @media (max-width: 600px) {
        .dashboard-blocks-desktop[b-8oqda2fyw8] { display: none !important; }
    }

    /* --- DASHBOARD BLOCKS MOBILE --- */
    .dashboard-blocks-mobile[b-8oqda2fyw8] {
        display: flex;
        flex-direction: column;
        gap: 56px;
        width: 100%;
        margin-bottom: 56px;
    }

    /* Ensure full card hit-area shows clickable cursor, not text cursor. */
    [b-8oqda2fyw8] .dashboard-blocks-desktop .e-card,
    [b-8oqda2fyw8] .dashboard-blocks-desktop .e-card *,
    [b-8oqda2fyw8] .dashboard-blocks-mobile .e-card,
    [b-8oqda2fyw8] .dashboard-blocks-mobile .e-card * {
        cursor: pointer !important;
    }

    [b-8oqda2fyw8] .applications-slider .e-card,
    [b-8oqda2fyw8] .applications-slider .e-card *,
    [b-8oqda2fyw8] .inspections-slider-cards .e-card,
    [b-8oqda2fyw8] .inspections-slider-cards .e-card *,
    [b-8oqda2fyw8] .mobile-slider-cards .e-card,
    [b-8oqda2fyw8] .mobile-slider-cards .e-card * {
        cursor: pointer !important;
    }

    .applications-block-mobile[b-8oqda2fyw8] {
        min-width: 0;
    }
    .recent-block-mobile[b-8oqda2fyw8] {
        min-width: 180px;
        max-width: 220px;
    }
    .inspections-block-mobile[b-8oqda2fyw8] {
        min-width: 0;
    }
    .fees-block-mobile[b-8oqda2fyw8] {
        min-width: 180px;
        max-width: 220px;
    }

    @media (min-width: 601px) {
        .dashboard-blocks-mobile[b-8oqda2fyw8] { display: none !important; }
    }
    /* --- SLIDER SOLO PARA CARDS DE APLICACIONES --- */
    .applications-slider[b-8oqda2fyw8] {
        display: flex;
        flex-direction: row;
        gap: 12px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        box-sizing: border-box;
        padding-bottom: 8px;
        scrollbar-width: none !important; /* Firefox */
        -ms-overflow-style: none !important; /* IE/Edge */
        width: 100%;
        max-width: 100vw;
    }
    .applications-slider[b-8oqda2fyw8]::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        background: transparent !important;
        display: none !important;
    }
    .applications-slider > *[b-8oqda2fyw8] {
        min-width: 160px !important;
        max-width: 240px !important;
        flex: 0 0 auto !important;
        scroll-snap-align: start;
    }

    @media (max-width: 600px) {
        .applications-slider[b-8oqda2fyw8] {
            width: 100vw !important;
            max-width: 100vw !important;
            gap: 12px !important;
            padding-bottom: 8px;
        }
        .applications-slider > *[b-8oqda2fyw8] {
            min-width: 140px !important;
            max-width: 180px !important;
            flex: 0 0 auto !important;
            scroll-snap-align: start;
        }
    }
    /* --- DESKTOP ONLY --- */
    /*
       Todas las reglas generales y de escritorio van aquí, fuera de los bloques @media (max-width: 600px)
       Ejemplo: .desktop-only, .row, .col, etc.
    */

    /* Ocultar barra de scroll horizontal pero mantener funcionalidad (aplica a ambos, pero fuera de mobile para claridad) */
    .mobile-slider-cards[b-8oqda2fyw8],
    .inspections-row[b-8oqda2fyw8],
    .fees-row[b-8oqda2fyw8] {
        scrollbar-width: none !important;          /* Firefox */
        -ms-overflow-style: none !important;       /* IE y Edge Legacy */
    }
    .mobile-slider-cards[b-8oqda2fyw8]::-webkit-scrollbar,
    .inspections-row[b-8oqda2fyw8]::-webkit-scrollbar,
    .fees-row[b-8oqda2fyw8]::-webkit-scrollbar {
        display: none !important;                  /* Chrome, Safari, Opera */
    }

    /* ...existing code... */

    /* --- MOBILE ONLY --- */
    @media (max-width: 600px) {
        /* Corregir alineación de .mobile-slider-group para que no se desplace a la derecha */
        .mobile-slider-group[b-8oqda2fyw8] {
            width: 100% !important;
            max-width: 100vw !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }
        /* Forzar alineación a la izquierda de los bloques principales y títulos en mobile */
        .dashboard-blocks-mobile[b-8oqda2fyw8],
        .mobile-page[b-8oqda2fyw8] {
            align-items: flex-start !important;
            text-align: left !important;
        }
        .dashboard-blocks-mobile .section-title[b-8oqda2fyw8],
        .dashboard-blocks-mobile .mobile-slider-cards[b-8oqda2fyw8],
        .dashboard-blocks-mobile .inspections-row[b-8oqda2fyw8],
        .dashboard-blocks-mobile .fees-row[b-8oqda2fyw8],
        .mobile-slider-row[b-8oqda2fyw8],
        .mobile-slider-group[b-8oqda2fyw8] {
            align-items: flex-start !important;
            text-align: left !important;
        }
        .section-title[b-8oqda2fyw8],
        .classh3[b-8oqda2fyw8] {
            margin-left: 8px !important;
            margin-right: 0 !important;
            text-align: left !important;
        }
        /* Clases exclusivas para mobile */
        .selectedApp-mobile[b-8oqda2fyw8] {
            width: 180vw !important;
            min-width: 180vw !important;
            max-width: 180vw !important;
            box-sizing: border-box !important;
            flex: 0 0 180vw !important;
        }
        .mobile-slider-cards > .selectedApp-mobile[b-8oqda2fyw8],
        .row > .selectedApp-mobile[b-8oqda2fyw8],
        .selectedApp-mobile[b-8oqda2fyw8] {
            width: 180vw !important;
            min-width: 180vw !important;
            max-width: 180vw !important;
        }
        .dashboard-blocks-mobile[b-8oqda2fyw8] {
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            justify-content: space-between !important;
            min-height: 0;
            height: 100%;
            width: 100%;
            gap: 32px !important;
            box-sizing: border-box;
        }
        .dashboard-blocks-mobile .section-title[b-8oqda2fyw8],
        .dashboard-blocks-mobile .mobile-slider-cards[b-8oqda2fyw8],
        .dashboard-blocks-mobile .inspections-row[b-8oqda2fyw8],
        .dashboard-blocks-mobile .fees-row[b-8oqda2fyw8] {
            align-self: flex-start !important;
            text-align: left !important;
        }
        .dashboard-blocks-mobile .section-title[b-8oqda2fyw8] {
            margin-left: 8px !important;
            margin-right: 0 !important;
        }
        .mobile-slider-row[b-8oqda2fyw8] {
            width: 100% !important;
            max-width: 100vw !important;
            gap: 24px !important;
            margin-top: 0 !important;
            margin-left: 7px;
            flex-direction: column !important;
        }
        .mobile-slider-row > .mobile-slider-group[b-8oqda2fyw8] {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            width: 100vw !important;
            max-width: 100vw !important;
            margin-right: 0 !important;
            float: none !important;
            clear: both !important;
        }
        .mobile-slider-row > .mobile-slider-group:last-child[b-8oqda2fyw8] {
            margin-top: 0 !important;
        }
        .mobile-slider-cards[b-8oqda2fyw8] {
            width: 45vw !important;
            max-width: 45vw !important;
            display: flex !important;
            flex-direction: row !important;
            gap: 12px !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch;
            scroll-snap-type: x mandatory;
            box-sizing: border-box;
            padding-bottom: 8px;
            scrollbar-width: none !important;
            -ms-overflow-style: none !important;
        }
        .inspections-row[b-8oqda2fyw8],
        .fees-row[b-8oqda2fyw8] {
            display: flex !important;
            flex-direction: row !important;
            gap: 12px !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch;
            scroll-snap-type: x mandatory;
            width: 100vw !important;
            max-width: 100vw !important;
            box-sizing: border-box;
            padding-bottom: 8px;
            scrollbar-width: none !important;
            -ms-overflow-style: none !important;
        }
        .mobile-slider-cards[b-8oqda2fyw8]::-webkit-scrollbar,
        .inspections-row[b-8oqda2fyw8]::-webkit-scrollbar,
        .fees-row[b-8oqda2fyw8]::-webkit-scrollbar {
            width: 0 !important;
            height: 0 !important;
            background: transparent !important;
            display: none !important;
        }
        .mobile-slider-cards > *[b-8oqda2fyw8],
        .inspections-row > *[b-8oqda2fyw8],
        .fees-row > *[b-8oqda2fyw8] {
            min-width: 180px !important;
            max-width: 320px !important;
            flex: 0 0 auto !important;
            scroll-snap-align: start;
        }
        /* Recent Activity y Fees: la mitad del ancho en mobile */
        @media (max-width: 600px) {
            .recent-block-mobile .mobile-slider-cards > *[b-8oqda2fyw8],
            .fees-block-mobile .mobile-slider-cards > *[b-8oqda2fyw8] {
                min-width: 90px !important;
                max-width: 160px !important;
            }
        }
        .e-card[b-8oqda2fyw8], .main-kpi-card[b-8oqda2fyw8] {
            min-width: 160px !important;
            max-width: 320px !important;
            width: 100% !important;
            margin: 0 8px 0 0 !important;
            box-sizing: border-box !important;
        }
        .mobile-slider-cards .recent-card[b-8oqda2fyw8],
        .mobile-slider-cards .fees-card[b-8oqda2fyw8] {
            width: auto !important;
            min-width: unset !important;
            max-width: 90vw !important;
            flex: 0 0 auto !important;
            display: inline-flex !important;
            box-sizing: border-box !important;
            margin: 0 8px 0 0 !important;
            align-items: center !important;
            padding: 0 !important;
        }
        .mobile-slider-cards .e-card[b-8oqda2fyw8] {
            min-width: 160px !important;
            max-width: 320px !important;
            width: 120% !important;
            box-sizing: border-box !important;
            margin: 0 8px 0 0 !important;
        }
        .row > .col[b-8oqda2fyw8],
        .row > div[b-8oqda2fyw8] {
            min-width: 220px;
            flex: 0 0 auto;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            scroll-snap-align: start;
            margin-right: 8px;
        }
        .row > .col:last-child[b-8oqda2fyw8],
        .row > div:last-child[b-8oqda2fyw8] {
            margin-right: 0;
        }
        .classh3[b-8oqda2fyw8] {
            font-size: 16px !important;
            margin-bottom: 6px !important;
        }
        .content-area[b-8oqda2fyw8], .main-content[b-8oqda2fyw8] {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .e-card .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8] {
            white-space: nowrap !important;
            overflow: visible !important;
            text-overflow: unset !important;
            word-break: normal !important;
            max-width: 100% !important;
        }
    }

/* Mostrar solo en escritorio */
.desktop-only[b-8oqda2fyw8] { display: block; }
@media (max-width: 600px) {
    .desktop-only[b-8oqda2fyw8] { display: none !important; }
    .mobile-only[b-8oqda2fyw8] { display: block !important; }
}
@media (min-width: 601px) {
    .mobile-only[b-8oqda2fyw8] { display: none !important; }
}
@media (max-width: 600px) {
    .mobile-slider-row[b-8oqda2fyw8] {
        /* display: flex !important;  Eliminado para apilado natural */
        width: 100% !important;
        max-width: 100vw !important;
        gap: 24px !important; /* Espaciado vertical uniforme entre hijos */
        margin-top: 0 !important;
        margin-left: 7px;
    }
    .mobile-slider-row > .mobile-slider-group[b-8oqda2fyw8] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .mobile-slider-row > .mobile-slider-group[b-8oqda2fyw8] {
        width: 100% !important;
        max-width: 100vw !important;
        margin-right: 0 !important;
                width: 100vw;
                max-width: 100vw;
        float: none !important;
        clear: both !important;
    }
    .mobile-slider-row > .mobile-slider-group:last-child[b-8oqda2fyw8] {
        margin-top: 0 !important;
    }
}
@media (max-width: 600px) {
    /* ...bloque corrupto eliminado, ya existe la versión correcta en el bloque @media principal... */
    .row > .col[b-8oqda2fyw8],
    .row > div[b-8oqda2fyw8] {
        min-width: 220px;
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;

            /* Mostrar títulos completos en cards, sin ellipsis, solo una línea */
            .e-card .e-card-header .e-card-header-caption .e-card-header-title {
                white-space: nowrap !important;
                overflow: visible !important;
                text-overflow: unset !important;
                word-break: normal !important;
                max-width: 100% !important;
            }
        scroll-snap-align: start;
        margin-right: 8px;[b-8oqda2fyw8]
    }
    .row > .col:last-child[b-8oqda2fyw8],
    .row > div:last-child[b-8oqda2fyw8] {
        margin-right: 0;
    }
    /* .mobile-slider-cards,
    .inspections-row,
    .fees-row {
        display: flex !important;
        flex-direction: row !important;
        gap: 12px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        width: 20vw;
        max-width: 100vw;
        box-sizing: border-box;
        padding-bottom: 8px;
        scrollbar-width: none !important; 
        -ms-overflow-style: none !important; 
    } */
    .mobile-slider-cards[b-8oqda2fyw8]::-webkit-scrollbar,
    .inspections-row[b-8oqda2fyw8]::-webkit-scrollbar,
    .fees-row[b-8oqda2fyw8]::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        background: transparent !important;
        display: none !important;
    }
    .mobile-slider-cards > *[b-8oqda2fyw8],
    .inspections-row > *[b-8oqda2fyw8],
    .fees-row > *[b-8oqda2fyw8] {
        min-width: 140px !important;
        max-width: 180px !important;
        flex: 0 0 auto !important;
        scroll-snap-align: start;
    }
    .e-card[b-8oqda2fyw8], .main-kpi-card[b-8oqda2fyw8] {
        min-width: 120px !important;
        max-width: 180px !important;
        width: 100% !important;
        margin: 0 8px 0 0 !important;
        box-sizing: border-box !important;
    }
    /* Ajuste de ancho para Recent Activity y Fees en responsive */
    .mobile-slider-cards .e-card[b-8oqda2fyw8] {
        min-width: 120px !important;
        max-width: 180px !important;
        width: 120% !important;
        box-sizing: border-box !important;
        margin: 0 8px 0 0 !important;
    }
    .classh3[b-8oqda2fyw8] {
        font-size: 16px !important;
        margin-bottom: 6px !important;
    }
    .content-area[b-8oqda2fyw8], .main-content[b-8oqda2fyw8] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
/* Estado seleccionado + hover: fondo secondary color */
.e-card.selected:hover[b-8oqda2fyw8],
[b-8oqda2fyw8] .e-card.selected:hover {
    background-color: var(--secondary-color, #22A6DE) !important;
}
# Ultra-especificidad para el borde azul en estado normal de las SfCard
:where(.row) :where(.e-card):not(.selected):not(:hover):not(:active)[b-8oqda2fyw8],
.e-card:not(.selected):not(:hover):not(:active)[id][b-8oqda2fyw8],
:where(.row)[b-8oqda2fyw8]  .e-card:not(.selected):not(:hover):not(:active),
[b-8oqda2fyw8] .e-card:not(.selected):not(:hover):not(:active)[id] {
    border: 1.5px solid var(--secondary-color, #22A6DE) !important;
    box-shadow: none !important;
}
# Selector más específico para el borde de las SfCard en estado normal
.e-card:not(.selected):not(:hover):not(:active)[id][b-8oqda2fyw8] {
    border: 1.5px solid var(--secondary-color, #22A6DE) !important;
}
/* ...existing code... */
# Borde azul solo en e-card en estado normal (no selected, no hover, no active) - máxima especificidad
:where(.row) :where(.e-card):not(.selected):not(:hover):not(:active)[b-8oqda2fyw8] {
    border: 1.5px solid var(--secondary-color, #22A6DE) !important;
}
.main-kpi-card.selected .kpi-subtitle[b-8oqda2fyw8],
.e-card.selected .kpi-subtitle[b-8oqda2fyw8],
.e-card.selected .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8] {
    color: #fff !important;
}

/* --- REGLAS FINALES PARA TITULOS Y SUBTITULOS DE CARDS --- */
.e-card .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8],
.e-card .kpi-title[b-8oqda2fyw8] {
    color: var(--primary-color, #1B4F89) !important;
}

.e-card.selected .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8],
.e-card.selected .kpi-title[b-8oqda2fyw8] {
    color: #fff !important;
}

.e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8],
.e-card .kpi-subtitle[b-8oqda2fyw8] {
    color: #fff !important;
}

.e-card.selected .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8],
.e-card.selected .kpi-subtitle[b-8oqda2fyw8] {
    color: #fff !important;
}
/* Forzar color blanco en títulos y subtítulos SOLO cuando la card está seleccionada, usando máxima especificidad */
#selectedApp.e-card.selected .e-card-header-title[b-8oqda2fyw8],
#selectedApp.e-card.selected .e-card-header-caption .e-card-header-title[b-8oqda2fyw8],
#selectedApp.e-card.selected .kpi-title[b-8oqda2fyw8] {
    color: #fff !important;
}

#selectedApp.e-card.selected .e-card-sub-title[b-8oqda2fyw8],
#selectedApp.e-card.selected .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8],
#selectedApp.e-card.selected .kpi-subtitle[b-8oqda2fyw8] {
    color: #fff !important;
}
/* Eliminar reglas ::deep y duplicadas que sobrescriben el color */


/* Títulos y subtítulos: color primario por defecto, blanco solo en seleccionada */
.main-kpi-card .kpi-title[b-8oqda2fyw8],
.e-card .kpi-title[b-8oqda2fyw8],
.e-card .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8] {
    color: var(--primary-color, #1B4F89) !important;
}

.main-kpi-card.selected .kpi-title[b-8oqda2fyw8],
.e-card.selected .kpi-title[b-8oqda2fyw8],
.e-card.selected .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8] {
    color: #fff !important;
}

.main-kpi-card .kpi-subtitle[b-8oqda2fyw8],
.e-card .kpi-subtitle[b-8oqda2fyw8],
.e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8] {
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: center;
}

.main-kpi-card.selected .kpi-subtitle[b-8oqda2fyw8],
.e-card.selected .kpi-subtitle[b-8oqda2fyw8],
.e-card.selected .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8] {
    color: #fff !important;
}

/* ...existing code... */




/* --- ESTILO PILL FORZADO PARA CARDS HomePageV2 --- */



.main-kpi-card.selected[b-8oqda2fyw8],
.main-kpi-card:active[b-8oqda2fyw8],
.e-card.selected[b-8oqda2fyw8],
.e-card:active[b-8oqda2fyw8],
[b-8oqda2fyw8] .e-card.selected,
[b-8oqda2fyw8] .e-card:active,
.selected[b-8oqda2fyw8] {
    background: var(--secondary-color, #22A6DE) !important;
    color: #fff !important;
    border: 1.5px solid #dadada !important;
}




/* ...existing code... */

    .main-kpi-card:hover .kpi-title[b-8oqda2fyw8],
    .main-kpi-card:hover .kpi-count[b-8oqda2fyw8],
    .main-kpi-card:hover .kpi-subtitle[b-8oqda2fyw8],
    .e-card:hover .kpi-title[b-8oqda2fyw8],
    .e-card:hover .kpi-count[b-8oqda2fyw8],
    .e-card:hover .kpi-subtitle[b-8oqda2fyw8],
    [b-8oqda2fyw8] .e-card:hover .kpi-title,
    [b-8oqda2fyw8] .e-card:hover .kpi-count,
    [b-8oqda2fyw8] .e-card:hover .kpi-subtitle,
    .e-card:hover .e-card-header-title[b-8oqda2fyw8],
    .e-card:hover .e-card-sub-title[b-8oqda2fyw8],
    [b-8oqda2fyw8] .e-card:hover .e-card-header-title,
    [b-8oqda2fyw8] .e-card:hover .e-card-sub-title {
        color: var(--primary-color, #1B4F89) !important;
    }


/* Título: color primario por defecto */
.main-kpi-card .kpi-title[b-8oqda2fyw8],
.e-card .kpi-title[b-8oqda2fyw8],
[b-8oqda2fyw8] .e-card .kpi-title {
    font-size: 15px !important;
    font-weight: bold !important;
    margin-bottom: 2px !important;
    color: var(--primary-color, #1B4F89) !important;
    text-align: center !important;
}
/* Título blanco solo en selected */

.main-kpi-card .kpi-count[b-8oqda2fyw8],
.e-card .kpi-count[b-8oqda2fyw8],
[b-8oqda2fyw8] .e-card .kpi-count {
    font-size: 16px !important;
    font-weight: bold !important;
    color: inherit !important;
    text-align: center !important;
}
/* Subtítulo: gris por defecto */
.main-kpi-card .kpi-subtitle[b-8oqda2fyw8],
.e-card .kpi-subtitle[b-8oqda2fyw8],
[b-8oqda2fyw8] .e-card .kpi-subtitle {
    color: #333333 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: center !important;
}
/* Subtítulo blanco solo en selected */


/* Forzar el estilo pill en los headers internos de Syncfusion */
[b-8oqda2fyw8] .e-card-header,
[b-8oqda2fyw8] .e-card-header-caption {
    background: transparent !important;
    border: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-align: center !important;
}
/* Clase para cards seleccionadas: fondo secondary, título blanco, subtítulo #333333 */
.card-selected[b-8oqda2fyw8] {
    background: var(--secondary-color, #22A6DE) !important;
}

    .card-selected .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8] {
        color: #fff !important;
    }



/* Forzar estilo consistente en subtítulo de e-card */


/* ...existing code... */

/* ...existing code... */


/* Títulos y subtítulos dentro de la card */
.main-kpi-card .kpi-title[b-8oqda2fyw8],
.e-card .kpi-title[b-8oqda2fyw8] {
    font-size: 15px !important;
    font-weight: bold !important;
    margin-bottom: 2px;
    text-align: center;
}

.main-kpi-card .kpi-count[b-8oqda2fyw8],
.e-card .kpi-count[b-8oqda2fyw8] {
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: center;
}

.main-kpi-card .kpi-subtitle[b-8oqda2fyw8],
.e-card .kpi-subtitle[b-8oqda2fyw8] {
    font-size: 12px !important;
    font-weight: bold !important;
    text-align: center;
}

/* Eliminar border-radius heredado de 25px en deep selectors solo para HomePageV2 */
[b-8oqda2fyw8] .e-card,
[b-8oqda2fyw8] .e-card.selected,
[b-8oqda2fyw8] .e-card:hover {
    border-radius: 999px !important;
}

/* Ajuste de padding y margin para alineación visual con pill */
.main-kpi-card[b-8oqda2fyw8],
.e-card[b-8oqda2fyw8] {
    padding: 6px 14px !important;
    margin: 0 8px 0 0 !important;
}




    .main-kpi-card .kpi-title[b-8oqda2fyw8],
    .e-card .kpi-title[b-8oqda2fyw8],
    .e-card .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8] {
        color: var(--primary-color, #1B4F89) !important;
    }

    .main-kpi-card.selected .kpi-title[b-8oqda2fyw8],
    .e-card.selected .kpi-title[b-8oqda2fyw8],
    .e-card.selected .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8],
    .selected .e-card-header-title[b-8oqda2fyw8],
    [b-8oqda2fyw8] .e-card.selected .e-card-header-title {
        color: #fff !important;
    }

    .main-kpi-card:hover .kpi-title[b-8oqda2fyw8],
    .e-card:hover .kpi-title[b-8oqda2fyw8],
    .e-card:hover .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8] {
        color: var(--primary-color, #1B4F89) !important;
    }

/* Alinear grupo de botones de vista a la derecha */
.top-right-buttons-row[b-8oqda2fyw8] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.toggle-view-group[b-8oqda2fyw8] {
    margin-left: auto;
}

/* KPI Main Cards Row */

/* KPI Main Cards Row */
.kpi-row[b-8oqda2fyw8] {
    margin-bottom: 32px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2vw;
    width: 100%;
    max-width: 100vw;
    border: none !important;
}

/* Inspections cards row layout */
.inspections-row[b-8oqda2fyw8] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2vw;
    width: 100%;
    max-width: 100vw;
}

    .inspections-row .e-card[b-8oqda2fyw8] {
        max-width: 12vw !important;
        min-width: 120px !important;
        width: 100% !important;
        margin: 0 8px 0 0 !important;
    }

/* KPI Main Card Style */

/* Unificación de estilos main-kpi-card en e-card */








/* Filtros tipo pill para Applications */
.applications-filter-row[b-8oqda2fyw8] {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.applications-filter-pill[b-8oqda2fyw8] {
    flex-shrink: 0;
    padding: 6px 18px;
    border-radius: 999px;
    border: 1.5px solid var(--secondary-color, #22A6DE);
    background: #fff;
    color: var(--primary-color, #1B4F89);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s, border 0.15s;
}

    .applications-filter-pill.active[b-8oqda2fyw8], .applications-filter-pill:active[b-8oqda2fyw8] {
        background: var(--secondary-color, #22A6DE);
        color: #fff;
        border: 1.5px solid #dadada;
    }

    .applications-filter-pill:hover[b-8oqda2fyw8] {
        background: #f2f2f2;
    }

/* Styles imported from HomePageMobileExternal.razor.css */




.mobile-page[b-8oqda2fyw8]  .e-card.card-app,
.mobile-page[b-8oqda2fyw8]  .e-card.card-insp,
.mobile-page[b-8oqda2fyw8]  .e-card.card-fees,
[b-8oqda2fyw8] .e-card.card-app,
[b-8oqda2fyw8] .e-card.card-insp,
[b-8oqda2fyw8] .e-card.card-fees {
    border-radius: 100px !important;
    overflow: hidden;
}

.card-app:hover[b-8oqda2fyw8],
.card-insp:hover[b-8oqda2fyw8],
.card-fees:hover[b-8oqda2fyw8] {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 100px !important;
}

    .card-app:hover .e-card[b-8oqda2fyw8],
    .card-insp:hover .e-card[b-8oqda2fyw8],
    .card-fees:hover .e-card[b-8oqda2fyw8],
    .mobile-page[b-8oqda2fyw8]  .card-app:hover.e-card,
    .mobile-page[b-8oqda2fyw8]  .card-insp:hover.e-card,
    .mobile-page[b-8oqda2fyw8]  .card-fees:hover.e-card,
    [b-8oqda2fyw8] .card-app:hover.e-card,
    [b-8oqda2fyw8] .card-insp:hover.e-card,
    [b-8oqda2fyw8] .card-fees:hover.e-card {
        border-radius: 100px !important;
    }


/* --- Título y subtítulo en la misma línea --- */
.e-card .e-card-header .e-card-header-caption[b-8oqda2fyw8] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

    .e-card .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8],
    mobile-page[b-8oqda2fyw8]  .e-card .e-card-header .e-card-header-caption .e-card-header-title,
    [b-8oqda2fyw8] .e-card .e-card-header .e-card-header-caption .e-card-header-title {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        font-size: 13px !important;
        color: var(--primary-color, #1B4F89) !important;
        text-align: center !important;
        line-height: 1.2 !important;
        word-break: keep-all !important;
        /* El control de ellipsis y overflow ahora solo se hace en mobile */
        margin-right: 0 !important;
    }

    .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8],
    mobile-page[b-8oqda2fyw8]  .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
    [b-8oqda2fyw8] .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        font-size: 12px !important;
        color: #333333 !important;
        text-align: center !important;
        line-height: 1.2 !important;
        word-break: keep-all !important;
        white-space: nowrap !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        opacity: 0.85;
    }

.main-kpi-card.selected .kpi-title[b-8oqda2fyw8],
.main-kpi-card.selected .kpi-subtitle[b-8oqda2fyw8],
.e-card.selected .kpi-title[b-8oqda2fyw8],
.e-card.selected .kpi-subtitle[b-8oqda2fyw8],
.e-card.selected .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8],
.e-card.selected .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8],
[b-8oqda2fyw8] .e-card.selected .e-card-header .e-card-header-caption .e-card-header-title,
[b-8oqda2fyw8] .e-card.selected .e-card-header .e-card-header-caption .e-card-sub-title {
    color: #fff !important;
}

.is-selected[b-8oqda2fyw8],
.e-card.is-selected[b-8oqda2fyw8],
.mobile-page[b-8oqda2fyw8]  .e-card.is-selected,
[b-8oqda2fyw8] .e-card.is-selected,
.is-selected .e-card[b-8oqda2fyw8],
.mobile-page[b-8oqda2fyw8]  .is-selected .e-card,
[b-8oqda2fyw8] .is-selected .e-card {
    background-color: var(--secondary-color, #22a6de) !important;
    border: 1px solid #dadada !important;
    border-radius: 100px !important;
    outline: none !important;
    box-shadow: none !important;
    transition: outline-color 0.15s ease;
}

    .is-selected:hover[b-8oqda2fyw8],
    .e-card.is-selected:hover[b-8oqda2fyw8] {
        background-color: var(--secondary-color, #22a6de) !important;
        border: 1px solid #dadada !important;
    }


    .is-selected .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8],
    .e-card.is-selected .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8],
    .mobile-page[b-8oqda2fyw8]  .is-selected .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
    .mobile-page[b-8oqda2fyw8]  .e-card.is-selected .e-card-header .e-card-header-caption .e-card-sub-title,
    [b-8oqda2fyw8] .is-selected .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
    [b-8oqda2fyw8] .e-card.is-selected .e-card-header .e-card-header-caption .e-card-sub-title {
        color: #fff !important;
    }

.mobile-page[b-8oqda2fyw8] {
    padding: 12px;
    height: 100%;
    box-sizing: border-box;
}

.mobile-card[b-8oqda2fyw8] {
    background-color: #ffffff;
    padding: 12px;
    border-radius: 100px !important;
    min-height: 100%;
    box-sizing: border-box;
}

.spinner-wrap[b-8oqda2fyw8] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70vh;
}

.section-heads[b-8oqda2fyw8] {
    display: grid;
    gap: 4px;
    margin-bottom: 8px;
}

.section-title[b-8oqda2fyw8] {
    margin: 0;
    color: var(--tertiary-color, #000);
    font-size: 16px;
    font-weight: 600;
}

.kpi-scroll[b-8oqda2fyw8] {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 8px;
    margin-bottom: 14px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
}

.content-area[b-8oqda2fyw8] {
    display: block;
}

[b-8oqda2fyw8] #selectedApp .e-card-header-title,
[b-8oqda2fyw8] #selectedInsp .e-card-header-title,
[b-8oqda2fyw8] #selectedFees .e-card-header-title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    /* color eliminado para permitir que el color blanco de la card seleccionada tenga prioridad */
}

[b-8oqda2fyw8] #selectedApp .e-card-sub-title,
[b-8oqda2fyw8] #selectedInsp .e-card-sub-title,
[b-8oqda2fyw8] #selectedFees .e-card-sub-title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    /* color eliminado para permitir prioridad del blanco en seleccionada */
}

# Solo subtítulo blanco en card seleccionada
#selectedApp.e-card.selected .e-card-sub-title[b-8oqda2fyw8],
#selectedInsp.e-card.selected .e-card-sub-title[b-8oqda2fyw8],
#selectedFees.e-card.selected .e-card-sub-title[b-8oqda2fyw8] {
    color: #fff !important;
}

[b-8oqda2fyw8] #selectedApp,
[b-8oqda2fyw8] #selectedInsp,
[b-8oqda2fyw8] #selectedFees {
    border-radius: 99px !important;
    min-width: fit-content !important;
}
/* Toggle button inactive state (invert colors) */
.inactive-toggle[b-8oqda2fyw8] {
    background-color: #fff !important;
    color: #164769 !important;
    border: 1px solid #164769 !important;
    box-shadow: none !important;
}

/* Add spacing between toggle buttons */
/* Toggle group button spacing and style override */
.toggle-view-group .btn[b-8oqda2fyw8] {
    margin-left: 6px;
    margin-right: 6px;
    background-color: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
    padding: 6px 18px;
    transition: background 0.2s, color 0.2s;
    box-shadow: 0 2px 8px 0 rgba(27,79,137,0.04);
}

    /* Active (selected) state for primary button */
    .toggle-view-group .btn.btn-primary[b-8oqda2fyw8],
    .toggle-view-group .btn.active[b-8oqda2fyw8],
    .toggle-view-group .btn:active[b-8oqda2fyw8] {
        background-color: #fff !important;
        color: var(--primary-color, #1B4F89) !important;
        border: 1px solid var(--primary-color, #1B4F89) !important;
        font-weight: 700;
    }

    /* Inactive (outline) state for toggle group */
    .toggle-view-group .btn.btn-outline-primary[b-8oqda2fyw8] {
        background-color: var(--primary-color, #1B4F89) !important;
        color: #fff !important;
        border: none !important;
        font-weight: 600;
    }
/* Toggle button active state for Grid/Map */
.active-toggle[b-8oqda2fyw8] {
    background-color: #fff !important;
    color: var(--primary-color, #1B4F89) !important;
    border: 1px solid var(--primary-color, #1B4F89) !important;
    box-shadow: 0 0 0 2px #1B4F8933;
    font-weight: 700;
}


.home-welcome-back-text[b-8oqda2fyw8] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 10px 0 !important;
    color: var(--secondary-color, #22A6DE) !important;
}

/*
   --secondary-color: valor por defecto #22A6DE (puede ser sobrescrito por settings)
*/
.classh3[b-8oqda2fyw8] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important; /* valor por defecto: #22A6DE */
    margin: 0 0 10px 0 !important;
}


.e-card:hover[b-8oqda2fyw8],
[b-8oqda2fyw8] .e-card:hover {
    background-color: #ffffff !important;
}




.selected:hover .e-card-header-title[b-8oqda2fyw8],
.selected.e-card:hover .e-card-header-title[b-8oqda2fyw8],
.selected:hover .e-card .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8],
.selected.e-card:hover .e-card .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8] {
    color: var(--primary-color, #1B4F89) !important;
}

.selected:hover .e-card-sub-title[b-8oqda2fyw8],
.selected.e-card:hover .e-card-sub-title[b-8oqda2fyw8],
.selected:hover .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8],
.selected.e-card:hover .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8] {
    color: #333 !important;
}


.selected[b-8oqda2fyw8] {
    background-color: var(--primary-color, #1b4f89) !important;
    color: inherit;
    transition: background-color 0.2s ease;
    opacity: 1;
    border-radius: 99px !important;
}

    .selected .e-card-header-title[b-8oqda2fyw8],
    .selected .e-card .e-card-header-title[b-8oqda2fyw8],
    .selected .e-card-sub-title[b-8oqda2fyw8],
    .selected .e-card-header .e-card-header-caption[b-8oqda2fyw8],
    .selected .e-card .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8],
    .selected .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8],
    .selected .e-card-header .e-card-header-caption .e-card-header-title[b-8oqda2fyw8],
    .selected .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8] {
        color: #ffffff !important;
    }

    .selected:hover .e-card-sub-title[b-8oqda2fyw8],
    .selected.e-card:hover .e-card-sub-title[b-8oqda2fyw8],
    .selected:hover .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8],
    .selected.e-card:hover .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-8oqda2fyw8] {
        color: #333 !important;
    }

#selectedInsp[b-8oqda2fyw8] {
    background-color: #ffffff;
    border: 1.5px solid #d9d9d9;
    border-radius: 8px;
}


/* Regla eliminada para permitir que el borde de .e-card en estado normal y seleccionado use el secondary color */

#selectedFees[b-8oqda2fyw8] {
    background-color: #ffffff;
    border: 1.5px solid #d9d9d9;
    border-radius: 8px;
}
/* _content/CentricityPllPortal.WebPortal/Pages/LoginPage.razor.rz.scp.css */
/* Error message for login failed */
.login-error-message[b-rhzw4psya2] {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    color: red;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.15px;
    margin: 18px 0 24px 0;
    font-weight: normal;
}


*[b-rhzw4psya2] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ============================= */
/* RESET GLOBAL */
/* ============================= */


/* ============================= */
/* PLECA SUPERIOR */
/* ============================= */
.pleca_top[b-rhzw4psya2] {
    width: 100%;
    height: 150px;
    background-color: var(--primary-color, #1B4F89);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.home-page-logo[b-rhzw4psya2] {
    height: 50px;
    padding: 15px;
}


/* ============================= */
/* FONDO PRINCIPAL */
/* ============================= */
.main_login_background[b-rhzw4psya2] {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 24px 0 40px;
}


/* ============================= */
/* CAJA LOGIN / REGISTER */
/* ============================= */
.login_back[b-rhzw4psya2] {
    width: 800px; /* un poco más ancho para register */
    max-width: 95%;
    margin: 0;
    padding: 40px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.90);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    position: relative; /* 🔥 para que nada se salga */
}

.announcement-slider-wrapper[b-rhzw4psya2] {
    width: min(1700px, 98%);
    margin-top: 0;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    order: -1;
    z-index: 2;
}

.announcement-slider-track[b-rhzw4psya2] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    gap: 34px;
}

.announcement-slider-card[b-rhzw4psya2] {
    width: 400px;
    max-width: 100%;
    height: auto;
    min-height: 220px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(250, 252, 255, 0.94) 100%);
    border: 1px solid rgba(34, 166, 222, 0.12);
    border-radius: 16px;
    padding: 56px 18px 16px;
    box-shadow: 0 10px 26px rgba(10, 28, 45, 0.16), 0 2px 8px rgba(10, 28, 45, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.announcement-slider-card:hover[b-rhzw4psya2] {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(10, 28, 45, 0.2), 0 3px 10px rgba(10, 28, 45, 0.12);
}

.announcement-slider-card h5[b-rhzw4psya2] {
    margin: 0;
    color: var(--secondary-color, #22A6DE);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.announcement-dialog.e-dialog[b-rhzw4psya2] {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: min(500px, calc(100vw - 32px));
}

.announcement-dialog .e-dlg-header-content[b-rhzw4psya2] {
    padding-bottom: 12px;
}

.announcement-dialog .e-dlg-content[b-rhzw4psya2] {
    background: #ffffff;
    color: black;
    font-size: 14px;
    line-height: 1.45;
    padding: 20px 24px;
}

.announcement-dialog .e-footer-content[b-rhzw4psya2] {
    background: #ffffff;
}

.announcement-dialog-title[b-rhzw4psya2] {
    display: block;
    margin: 0;
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
}

.roles-dialog-intro[b-rhzw4psya2] {
    margin: 0 0 16px;
    text-align: left;
    font-size: 14px;
    color: #1f2937;
    line-height: 1.45;
}

.roles-dialog-item[b-rhzw4psya2] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
}

.roles-dialog-role-name[b-rhzw4psya2] {
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.roles-dialog-role-description[b-rhzw4psya2] {
    margin: 0 0 12px 40px;
    font-size: 14px;
    color: #4b5563;
}

/* Fondo translúcido para resaltar el popup de anuncios */
.announcement-dialog.e-dialog ~ .e-dlg-overlay[b-rhzw4psya2],
.announcement-dialog.e-dialog + .e-dlg-overlay[b-rhzw4psya2] {
    background-color: rgba(16, 24, 40, 0.42) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

@supports (-webkit-touch-callout: none) {
    .main_login_background[b-rhzw4psya2] {
        background-attachment: scroll;
    }
}

.announcement-slider-card p[b-rhzw4psya2] {
    margin: 10px 0 14px;
    color: #1f1f1f;
    font-size: 13px;
    line-height: 1.45;
}

.slider-nav-button[b-rhzw4psya2] {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    max-width: 48px;
    max-height: 48px;
    flex: 0 0 48px;
    aspect-ratio: 1 / 1;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: none;
    background: var(--primary-color, #1B4F89);
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}

.slider-nav-button span[b-rhzw4psya2] {
    transform: translateY(-1px);
}

.slider-nav-button:disabled[b-rhzw4psya2] {
    opacity: 0.4;
    cursor: not-allowed;
}

.announcement-card-button[b-rhzw4psya2] {
    align-self: flex-end;
    margin-left: auto;
    width: fit-content !important;
    max-width: fit-content !important;
    flex: 0 0 auto;
}

.announcement-card-button.e-btn[b-rhzw4psya2] {
    width: auto !important;
    width: fit-content !important;
    min-width: 0 !important;
    padding-left: 14px;
    padding-right: 14px;
    max-width: none !important;
    display: inline-flex !important;
    flex: 0 0 auto;
}

@media (max-width: 1300px) {
    .announcement-slider-track[b-rhzw4psya2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .announcement-slider-card[b-rhzw4psya2] {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 220px;
    }
}

@media (max-width: 860px) {
    .announcement-slider-wrapper[b-rhzw4psya2] {
        gap: 10px;
    }

    .announcement-slider-track[b-rhzw4psya2] {
        width: 100%;
        grid-template-columns: 1fr;
            overflow: hidden;
    }

    .announcement-slider-card[b-rhzw4psya2] {
        min-height: 200px;
        width: 100%;
    }

        .announcement-slider-card:not(:first-child)[b-rhzw4psya2] {
            display: none;
        }

    .login_back[b-rhzw4psya2] {
        margin-top: 24px;
    }
}

@media (min-width: 1301px) {
    .announcement-slider-card[b-rhzw4psya2] {
        width: 400px;
        height: 200px;
        min-height: 200px;
    }
}


/* ============================= */
/* CONTENIDO INTERNO */
/* ============================= */
.login-container[b-rhzw4psya2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}


/* ============================= */
/* TEXTOS GENERALES */
/* ============================= */
.city_name[b-rhzw4psya2] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: var(--secondary-color);
    margin-bottom: 25px;
}

.login[b-rhzw4psya2],
.register[b-rhzw4psya2] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: var(--secondary-color);
}

.title_form[b-rhzw4psya2] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: var(--secondary-color);
}

.fieldLabel[b-rhzw4psya2] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: black;
}

.login-placeholder input[b-rhzw4psya2]::placeholder,
.login-placeholder .e-input[b-rhzw4psya2]::placeholder,
.login-placeholder textarea[b-rhzw4psya2]::placeholder,
.login-placeholder .e-input-group input[b-rhzw4psya2]::placeholder {
    color: var(--secondary-color, #22A6DE);
    opacity: 0.72;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.login-section-card[b-rhzw4psya2] {
    width: 74%;
    max-width: 592px;
    margin: 60px auto;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(15, 23, 42, 0.12);
}

.login-section-card .form-section[b-rhzw4psya2] {
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
    box-shadow: none;
}

.login-section-header[b-rhzw4psya2] {
    margin-bottom: 15px;
}

.login-section-card .fieldLabel[b-rhzw4psya2] {
    margin-bottom: 8px;
}

.login-section-card .e-control:not(.e-btn)[b-rhzw4psya2],
.login-section-card .sf-input[b-rhzw4psya2] {
    margin-bottom: 8px;
}

.forgot-password-row[b-rhzw4psya2] {
    display: flex;
    justify-content: flex-end;
    margin: 4px 0 20px;
}

.forgot-password-link[b-rhzw4psya2] {
    cursor: pointer;
    color: blue !important;
    font-size: 12px;
}

.forgot-password-row a.forgot-password-link[b-rhzw4psya2],
.forgot-password-row a.forgot-password-link:link[b-rhzw4psya2],
.forgot-password-row a.forgot-password-link:visited[b-rhzw4psya2],
.forgot-password-row a.forgot-password-link:hover[b-rhzw4psya2],
.forgot-password-row a.forgot-password-link:active[b-rhzw4psya2],
.forgot-password-row a.forgot-password-link:focus[b-rhzw4psya2] {
    color: blue !important;
    text-decoration: none;
}

.login-submit-row[b-rhzw4psya2] {
    display: flex;
    justify-content: center;
}


/* ============================= */
/* TABLA REGISTER */
/* ============================= */
.table_register[b-rhzw4psya2] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: black;
    table-layout: fixed;
    width: 100% !important;
    max-width: 600px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    display: block !important;
    border-collapse: separate;
    border-spacing: 0;
}

    .table_register td[b-rhzw4psya2] {
        width: 50%;
        padding: 8px 16px;
        box-sizing: border-box;
    }

        .table_register td[colspan="2"][b-rhzw4psya2],
        .table_register td[colspan="3"][b-rhzw4psya2] {
            width: 100%;
        }

/* Secciones visuales del registro: 3 bloques (Login, Roles, Personal) */
.table_register tbody.register-block[b-rhzw4psya2] {
    display: block;
    margin: 0 0 24px;
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(15, 23, 42, 0.12);
}

.table_register tbody.register-block:last-child[b-rhzw4psya2] {
    margin-bottom: 0;
}

.table_register tbody.register-block tr[b-rhzw4psya2] {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table_register tbody.register-block td[b-rhzw4psya2] {
    background: #ffffff;
}

.table_register tbody.register-block tr td:first-child[b-rhzw4psya2] {
    border-left: 1px solid rgba(15, 23, 42, 0.08);
}

.table_register tbody.register-block tr td:last-child[b-rhzw4psya2] {
    border-right: 1px solid rgba(15, 23, 42, 0.08);
}

.table_register tbody.register-block tr:first-child td[b-rhzw4psya2] {
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    padding-top: 14px;
}

.table_register tbody.register-block tr:last-child td[b-rhzw4psya2] {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    padding-bottom: 14px;
}

.table_register tbody.register-block tr:first-child td:first-child[b-rhzw4psya2] {
    border-top-left-radius: 12px;
}

.table_register tbody.register-block tr:first-child td:last-child[b-rhzw4psya2] {
    border-top-right-radius: 12px;
}

.table_register tbody.register-block tr:last-child td:first-child[b-rhzw4psya2] {
    border-bottom-left-radius: 12px;
}

.table_register tbody.register-block tr:last-child td:last-child[b-rhzw4psya2] {
    border-bottom-right-radius: 12px;
}


/* ============================= */
/* CONTROLES SYNCFUSION */
/* ============================= */
.sf-input[b-rhzw4psya2],
.e-control:not(.e-btn)[b-rhzw4psya2] {
    width: 100% !important;
}

.announcement-slider-card .e-btn.announcement-card-button[b-rhzw4psya2],
.announcement-slider-card .announcement-card-button[b-rhzw4psya2] {
    width: auto !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: fit-content !important;
    display: inline-flex;
    flex: 0 0 auto;
}

/* ============================= */
/* BOTONES UNIFICADOS */
/* ============================= */
.loginButton[b-rhzw4psya2],
.loginButton.e-btn[b-rhzw4psya2],
[b-rhzw4psya2] .loginButton,
[b-rhzw4psya2] .loginButton.e-btn,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-primary,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-flat,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-outline,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton.e-primary {
    background-color: var(--primary-color, #1B4F89) !important;
    border: 1px solid var(--primary-color, #1B4F89) !important;
    color: #ffffff !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    min-height: 32px;
    padding: 7px 14px !important;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.06s ease;
}

.loginButton:hover[b-rhzw4psya2],
.loginButton.e-btn:hover[b-rhzw4psya2],
[b-rhzw4psya2] .loginButton:hover,
[b-rhzw4psya2] .loginButton.e-btn:hover,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn:hover,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-primary:hover,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-flat:hover,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-outline:hover,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton:hover,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton.e-primary:hover {
    background-color: var(--primary-color, #164769) !important;
    border-color: var(--primary-color, #164769) !important;
    color: #ffffff !important;
}

.loginButton:focus[b-rhzw4psya2],
.loginButton.e-btn:focus[b-rhzw4psya2],
.loginButton:focus-visible[b-rhzw4psya2],
.loginButton.e-btn:focus-visible[b-rhzw4psya2],
[b-rhzw4psya2] .loginButton:focus,
[b-rhzw4psya2] .loginButton.e-btn:focus,
[b-rhzw4psya2] .loginButton:focus-visible,
[b-rhzw4psya2] .loginButton.e-btn:focus-visible,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn:focus,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-primary:focus,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn:focus-visible,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-primary:focus-visible,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton:focus,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton.e-primary:focus,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton:focus-visible,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton.e-primary:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(27, 79, 137, 0.25) !important;
}

.loginButton:active[b-rhzw4psya2],
.loginButton.e-btn:active[b-rhzw4psya2],
[b-rhzw4psya2] .loginButton:active,
[b-rhzw4psya2] .loginButton.e-btn:active,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn:active,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-primary:active,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton:active,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton.e-primary:active {
    background-color: var(--primary-color, #123a56) !important;
    border-color: var(--primary-color, #123a56) !important;
    transform: translateY(1px);
}

.loginButton:disabled[b-rhzw4psya2],
.loginButton.e-btn:disabled[b-rhzw4psya2],
.loginButton.e-btn.e-disabled[b-rhzw4psya2],
[b-rhzw4psya2] .loginButton:disabled,
[b-rhzw4psya2] .loginButton.e-btn:disabled,
[b-rhzw4psya2] .loginButton.e-btn.e-disabled,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn:disabled,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-primary:disabled,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-disabled,
[b-rhzw4psya2] .announcement-dialog .e-footer-content .e-btn.e-primary.e-disabled,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton:disabled,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton.e-primary:disabled,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton.e-disabled,
[b-rhzw4psya2] .e-dialog .e-footer-content .e-btn.loginButton.e-primary.e-disabled {
    background-color: #7f95ad !important;
    border-color: #7f95ad !important;
    color: #ffffff !important;
    opacity: 1 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    transform: none;
}


/* ============================= */
/* FILA CITY / STATE / ZIP */
/* ============================= */
.triple-row[b-rhzw4psya2] {
    display: flex;
    gap: 15px;
    width: 100%;
}

    .triple-row .field[b-rhzw4psya2] {
        flex: 1;
    }


.roles-header[b-rhzw4psya2] {
    display: flex;
    justify-content: space-between;
    align-items: center; /* 🔥 Esto los pone a la misma altura */
    width: 100%;
}

/* ============================= */
/* FORM SECTIONS */
/* ============================= */
.form-section[b-rhzw4psya2] {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.table_register .form-section[b-rhzw4psya2] {
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
    box-shadow: none;
}

/* Header con título y botón */
.section-header[b-rhzw4psya2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.section-header .title_form[b-rhzw4psya2] {
    margin: 0;
}

.table_register tbody.roles-block .section-header[b-rhzw4psya2] {
    margin-bottom: 0;
    min-height: 40px;
    align-items: center;
}

/* Texto Required */
.required-text[b-rhzw4psya2] {
    font-size: 12px;
    color: red;
}

.button-group[b-rhzw4psya2] {
    display: flex;
    justify-content: flex-end;
    gap: 15px; /* ajusta aquí */
    margin-top: 20px;
}

@media (max-width: 1024px) {
    .main_login_background[b-rhzw4psya2] {
        background-attachment: scroll;
    }
}

/* Responsive: igualar ancho de login y register */
@media (max-width: 900px) {
  .register-block[b-rhzw4psya2],
  .register-section-card[b-rhzw4psya2],
  .roles-block[b-rhzw4psya2],
  .personal-block[b-rhzw4psya2],
  .table_register[b-rhzw4psya2],
  .button-group[b-rhzw4psya2] {
    width: 98vw !important;
    max-width: 98vw !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .register-block > *[b-rhzw4psya2],
  .register-section-card > *[b-rhzw4psya2],
  .roles-block > *[b-rhzw4psya2],
  .personal-block > *[b-rhzw4psya2],
  .table_register > *[b-rhzw4psya2],
  .button-group > *[b-rhzw4psya2] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 600px) {
  .register-block[b-rhzw4psya2],
  .register-section-card[b-rhzw4psya2],
  .roles-block[b-rhzw4psya2],
  .personal-block[b-rhzw4psya2],
  .table_register[b-rhzw4psya2],
  .button-group[b-rhzw4psya2] {
    padding: 8px 1vw !important;
  }
}

@media (max-width: 900px) {
  .table_register[b-rhzw4psya2] {
    max-width: 340px !important;
    width: 90vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .table_register > *[b-rhzw4psya2],
  .table_register input[b-rhzw4psya2],
  .table_register select[b-rhzw4psya2],
  .table_register textarea[b-rhzw4psya2],
  .table_register button[b-rhzw4psya2] {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 900px) {
  .table_register .button-group[b-rhzw4psya2] {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .table_register .button-group > *[b-rhzw4psya2] {
    width: auto !important;
    max-width: none !important;
  }
}
/* _content/CentricityPllPortal.WebPortal/Pages/Mobile/ActiveApplicationsMobile.razor.rz.scp.css */
/* Full-height friendly container for nice backgrounds */
.aa-root[b-vi3etfc2f7] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.aa-header[b-vi3etfc2f7] {
    display: grid;
    gap: 8px;
}

.aa-title[b-vi3etfc2f7] {
margin: 0;
color: var(--secondary-color, #22A6DE);
font-size: 18px;
font-weight: bold;
}

.aa-controls[b-vi3etfc2f7] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
}

.aa-controls .aa-search[b-vi3etfc2f7] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    background: #fff;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.aa-search:focus[b-vi3etfc2f7] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}

.aa-controls .aa-sort[b-vi3etfc2f7] {
    border: 1px solid #e5e7eb !important;
    background: var(--primary-color, #1B4F89) !important;
    border-radius: 999px;
    padding: 10px 12px;
    height: 40px;
    box-sizing: border-box;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    cursor: pointer !important;
    transition: background 0.2s !important;
    margin: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    box-shadow: none !important;
}

.aa-controls .aa-sort:hover[b-vi3etfc2f7] {
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-color: var(--primary-color, #1B4F89) !important;
}

.aa-controls .aa-sort:focus[b-vi3etfc2f7] {
    outline: none !important;
    box-shadow: none !important;
}

.aa-controls .aa-sort:active[b-vi3etfc2f7] {
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-color: var(--primary-color, #1B4F89) !important;
    box-shadow: none !important;
}

@media (max-width: 480px) {
    .aa-controls[b-vi3etfc2f7] {
        grid-template-columns: 1fr !important;
    }

    .aa-controls .aa-sort[b-vi3etfc2f7] {
        width: 100% !important;
    }
}

.aa-list[b-vi3etfc2f7] {
    flex: 1;
    display: grid;
    gap: 8px;
}

.aa-empty[b-vi3etfc2f7] {
    display: grid;
    place-items: center;
    color: #6b7280;
    font-size: 14px;
    background: rgba(255,255,255,.6);
    border: 1px dashed #e5e7eb;
    border-radius: 8px;
    padding: 24px;
}

.aa-card[b-vi3etfc2f7] {
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

    .aa-card:active[b-vi3etfc2f7] {
        transform: scale(.995);
    }

.aa-card-head[b-vi3etfc2f7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

.aa-left[b-vi3etfc2f7] {
    display: grid;
    gap: 2px;
}

.aa-number[b-vi3etfc2f7] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

.aa-date[b-vi3etfc2f7] {
    font-size: 12px;
    color: #6b7280;
}

.aa-row[b-vi3etfc2f7] {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 6px;
    font-size: 13px;
    margin-top: 4px;
}

.k[b-vi3etfc2f7] {
    color: #6b7280;
}

.v[b-vi3etfc2f7] {
    color: #111827;
}

/* Base pill style; background viene del inline style via StatusBg(...) */
.pill[b-vi3etfc2f7] {
    padding: 8px 18px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
    letter-spacing: 0.5px;
    transition: transform 0.1s, box-shadow 0.1s;
    cursor: pointer;
    opacity: 0.95;
}
.pill:hover[b-vi3etfc2f7] {
    transform: scale(1.05);
    box-shadow: 0 4px 16px rgba(0,0,0,0.16);
    opacity: 1;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Mobile/AvailableInspectionsMobile.razor.rz.scp.css */
.ai-tabs[b-wgvxcjikxg] {
    margin-bottom: 16px !important;
}

    .ai-root[b-wgvxcjikxg],
    .ai-root *[b-wgvxcjikxg],
    .ai-list[b-wgvxcjikxg],
    .ai-card[b-wgvxcjikxg],
    .ai-head[b-wgvxcjikxg],
    .ai-row[b-wgvxcjikxg],
    .ai-titleline[b-wgvxcjikxg],
    .ai-req-btn[b-wgvxcjikxg],
    .k[b-wgvxcjikxg],
    .v[b-wgvxcjikxg] {
        box-sizing: border-box;
    }

    /* Full-height friendly container for mobile */
    .ai-root[b-wgvxcjikxg] {
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    /* Header */
    .ai-header[b-wgvxcjikxg] {
        display: grid;
        gap: 8px;
    }

    .ai-title[b-wgvxcjikxg] {
    margin: 0;
    margin-bottom: 10px !important;
    color: var(--secondary-color, #22A6DE);
    font-size: 18px;
    font-weight: bold;
    }

    .ai-search[b-wgvxcjikxg] {
        width: 100%;
        border: 1px solid #e5e7eb;
        border-radius: 999px;
        padding: 10px 12px;
        font-size: 14px;
        background: #fff;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    /* List */
    .ai-list[b-wgvxcjikxg] {
        flex: 1;
        display: grid;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .ai-empty[b-wgvxcjikxg] {
        display: grid;
        place-items: center;
        color: #6b7280;
        font-size: 14px;
        background: rgba(255,255,255,.6);
        border: 1px dashed #e5e7eb;
        border-radius: 8px;
        padding: 24px;
    }

    /* Card */
    .ai-card[b-wgvxcjikxg] {
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 1px 2px rgba(0,0,0,.04);
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .ai-head[b-wgvxcjikxg] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 6px;
        width: 100%;
        min-width: 0;
    }

    .ai-titleline[b-wgvxcjikxg] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: var(--secondary-color, #22A6DE) !important;
        flex: 1 1 auto;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .ai-req-btn[b-wgvxcjikxg] {
        background: var(--primary-color, #1B4F89);
        color: #fff;
        border: none;
        border-radius: 6px;
        padding: 6px 12px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.2s;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .ai-req-btn:hover[b-wgvxcjikxg] {
        background: var(--primary-color, #1B4F89);
    }

    /* Rows */
    .ai-row[b-wgvxcjikxg] {
        display: grid;
        grid-template-columns: minmax(72px, 110px) minmax(0, 1fr);
        gap: 6px;
        font-size: 13px;
        margin-top: 4px;
        width: 100%;
        min-width: 0;
    }

    .k[b-wgvxcjikxg] {
        color: #6b7280;
        min-width: 0;
    }

    .v[b-wgvxcjikxg] {
        color: #111827;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Bottom sheet dialog look */
    .ai-sheet .e-dlg.e-popup-open[b-wgvxcjikxg] {
        bottom: 0;
        top: auto;
        border-radius: 16px 16px 0 0;
    }

    .ai-sheet .e-dlg-content[b-wgvxcjikxg] {
        max-height: 70vh;
        overflow: auto;
    }

    /* Form */
    .ai-form[b-wgvxcjikxg] {
        display: grid;
        gap: 12px;
        padding: 4px;
    }

    .f-row[b-wgvxcjikxg] {
        display: grid;
        gap: 6px;
    }

        .f-row.two[b-wgvxcjikxg] {
            grid-template-columns: 1fr 1fr;
            gap: 8px;
        }
    @media (max-width: 480px) {
        .f-row.two[b-wgvxcjikxg]

    {
        grid-template-columns: 1fr;
    }

    }

    .f-actions[b-wgvxcjikxg] {
        display: grid;
        place-items: center;
        margin-top: 6px;
    }

    .req[b-wgvxcjikxg] {
        color: #ef4444;
    }

    @media (max-width: 420px) {
        .ai-card[b-wgvxcjikxg] {
            padding: 10px 9px;
        }

        .ai-row[b-wgvxcjikxg] {
            grid-template-columns: minmax(66px, 92px) minmax(0, 1fr);
        }
    }
/* _content/CentricityPllPortal.WebPortal/Pages/Mobile/FeesMobile.razor.rz.scp.css */
/* Unificación de estilos globales para cards */
.fee-card[b-9h27k62t2k] {
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.fee-card .fee-title[b-9h27k62t2k], .fee-card .fee-header-title[b-9h27k62t2k] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: var(--secondary-color, #22a6de) !important;
}

.fee-card .fee-desc[b-9h27k62t2k], .fee-card .fee-sub-title[b-9h27k62t2k] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal !important;
    color: #111827 !important;
}
    /* Full-height so background images don’t look chopped when empty */
    .fees-root[b-9h27k62t2k] {
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    /* Header */
    .fees-header[b-9h27k62t2k] {
        display: grid;
        gap: 8px;
    }

    .fees-title[b-9h27k62t2k] {
    margin: 0;
    color: var(--secondary-color, #22A6DE);
    font-size: 18px;
    font-weight: bold;
    }

    .fees-controls[b-9h27k62t2k] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        align-items: center !important;
    }

    .fees-controls .fees-search[b-9h27k62t2k] {
        width: 100%;
        border: 1px solid #e5e7eb;
        border-radius: 999px;
        padding: 10px 12px;
        height: 40px;
        box-sizing: border-box;
        font-size: 14px;
        background: #fff;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    .fees-search:focus[b-9h27k62t2k] {
        border: 1.5px solid var(--primary-color, #1B4F89) !important;
        outline: none !important;
    }

    .fees-controls .fees-sort[b-9h27k62t2k] {
        border: 1px solid #e5e7eb !important;
        background: var(--primary-color, #007bff) !important;
        border-radius: 999px;
        padding: 10px 12px;
        height: 40px;
        box-sizing: border-box;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 600 !important;
        color: #fff !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        cursor: pointer !important;
        transition: background 0.2s !important;
        margin: 0 !important;
        line-height: 1 !important;
        vertical-align: middle !important;
        box-shadow: none !important;
    }

    .fees-controls .fees-sort:hover[b-9h27k62t2k] {
        background: #0f3054 !important;
        color: #fff !important;
        border-color: #0f3054 !important;
    }

    .fees-controls .fees-sort:focus[b-9h27k62t2k] {
        outline: none !important;
        box-shadow: none !important;
    }

    .fees-controls .fees-sort:active[b-9h27k62t2k] {
        background: #0f3054 !important;
        color: #fff !important;
        border-color: #0f3054 !important;
        box-shadow: none !important;
    }

    @media (max-width: 480px) {
        .fees-controls[b-9h27k62t2k] {
            grid-template-columns: 1fr !important;
        }

        .fees-controls .fees-sort[b-9h27k62t2k] {
            width: 100% !important;
        }
    }

    /* List */
    .fees-list[b-9h27k62t2k] {
        flex: 1;
        display: grid;
        gap: 8px;
    }

    .fees-empty[b-9h27k62t2k] {
        display: grid;
        place-items: center;
        color: #6b7280;
        font-size: 14px;
        background: rgba(255,255,255,.6);
        border: 1px dashed #e5e7eb;
        border-radius: 8px;
        padding: 24px;
    }

    /* Cards */
    .fee-card[b-9h27k62t2k] {
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 1px 2px rgba(0,0,0,.04);
    }

        .fee-card:active[b-9h27k62t2k] {
            transform: scale(.995);
        }

    .fee-head[b-9h27k62t2k] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .fee-left[b-9h27k62t2k] {
        min-width: 0;
    }

    .fee-number[b-9h27k62t2k] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: var(--secondary-color, #22A6DE) !important;
    }
    
    .fee-desc[b-9h27k62t2k] {
        font-size: 13px;
        color: #111827;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fee-due[b-9h27k62t2k] {
        text-align: right;
    }

    .due-label[b-9h27k62t2k] {
        font-size: 11px;
        color: #6b7280;
    }

    .due-amt[b-9h27k62t2k] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 16px;
        color: var(--secondary-color, #22A6DE) !important;
    }

    .fee-rows[b-9h27k62t2k] {
        margin-top: 6px;
        display: grid;
        gap: 4px;
    }

    .fee-row[b-9h27k62t2k] {
        display: grid;
        grid-template-columns: 90px 1fr;
        font-size: 13px;
    }

    .k[b-9h27k62t2k] {
        color: #6b7280;
    }

    .v[b-9h27k62t2k] {
        color: #111827;
    }

    .fee-actions[b-9h27k62t2k] {
        margin-top: 10px;
        display: grid;
        grid-auto-flow: column;
        gap: 8px;
        justify-content: end;
    }

    .btn[b-9h27k62t2k],
    .btn.outline[b-9h27k62t2k] {
        background: var(--primary-color, #1B4F89) !important;
        color: #fff !important;
        border: none !important;
        border-radius: 6px;
        padding: 6px 12px;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.2s;
    }

    .btn:hover[b-9h27k62t2k],
    .btn:active[b-9h27k62t2k],
    .btn:focus[b-9h27k62t2k],
    .btn.outline:hover[b-9h27k62t2k],
    .btn.outline:active[b-9h27k62t2k],
    .btn.outline:focus[b-9h27k62t2k] {
        background: var(--primary-color, #1B4F89) !important;
        color: #fff !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    /* Bottom-sheet dialog */
    .fees-sheet .e-dlg.e-popup-open[b-9h27k62t2k] {
        bottom: 0;
        top: auto;
        border-radius: 16px 16px 0 0;
    }

    .fees-sheet .e-dlg-content[b-9h27k62t2k] {
        max-height: 70vh;
        overflow: auto;
    }

    /* Payments list */
    .pay-list[b-9h27k62t2k] {
        display: grid;
        gap: 8px;
    }

    .pay-row[b-9h27k62t2k] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 10px;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        padding: 10px;
        background: #fff;
    }

    .pay-amt[b-9h27k62t2k] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: var(--secondary-color, #22A6DE) !important;
    }

    .pay-meta[b-9h27k62t2k] {
        display: grid;
        gap: 2px;
        font-size: 13px;
        color: #374151;
    }

    .pay-date[b-9h27k62t2k] {
        font-size: 12px;
        color: #6b7280;
    }
/* _content/CentricityPllPortal.WebPortal/Pages/Mobile/GridAllApplicationsMobile.razor.rz.scp.css */
/* Estado visual cuando el chip es presionado (on click) */
.chip:active[b-ayktq6uxcq], .chip.is-active:active[b-ayktq6uxcq] {
    box-shadow: 0 0 0 3px rgba(34,166,222,0.18);
    border: 1.5px solid #dadada !important;
    filter: brightness(0.97);
    outline: none !important;
}
    /* Full-height friendly container */
    .aa-root[b-ayktq6uxcq] {
        height: 71svh;
        display: flex;
        flex-direction: column;
        gap: 10px;
        overflow: hidden;
    }

    .aa-header[b-ayktq6uxcq] {
        display: grid;
        gap: 8px;
    }

    .aa-title[b-ayktq6uxcq] {
    margin: 0;
    color: var(--secondary-color, #22A6DE);
    font-size: 18px;
    font-weight: bold;
    }

    .aa-controls[b-ayktq6uxcq] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        align-items: center !important;
    }

    .aa-controls .aa-search[b-ayktq6uxcq] {
        width: 100%;
        border: 1px solid #e5e7eb;
        border-radius: 999px;
        padding: 10px 12px;
        height: 40px;
        box-sizing: border-box;
        font-size: 14px;
        background: #fff;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    .aa-controls .aa-sort[b-ayktq6uxcq] {
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 999px;
        padding: 10px 12px;
        height: 40px;
        box-sizing: border-box;
        font-size: 13px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        margin: 0 !important;
        line-height: 1 !important;
        vertical-align: middle !important;
    }

    @media (max-width: 480px) {
        .aa-controls[b-ayktq6uxcq] {
            grid-template-columns: 1fr !important;
        }

        .aa-controls .aa-sort[b-ayktq6uxcq] {
            width: 100% !important;
        }
    }

    /* Status chips (horizontal scroll if overflow) */
    .aa-chips[b-ayktq6uxcq] {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 4px;
    }

    .chip[b-ayktq6uxcq] {
    border: 1.5px solid var(--secondary-color, #22A6DE) !important;
    background: #fff !important;
    color: var(--primary-color, #1B4F89) !important;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 999px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    }

    .chip.is-active[b-ayktq6uxcq] {
    background: var(--secondary-color, #22A6DE) !important;
    border: 1.5px solid #dadada !important;
    color: #fff !important;
    outline: none !important;
        }

    .chip-dot[b-ayktq6uxcq] {
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: currentColor;
        opacity: .5;
    }

    /* List area grows to fill height (for bg images behind) */
    .aa-list[b-ayktq6uxcq] {
        flex: 1 1 auto;
        min-height: 0; /* critical */
        overflow-y: auto; /* this scrolls */
        display: grid;
        gap: 8px;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .aa-empty[b-ayktq6uxcq] {
        display: grid;
        place-items: center;
        color: #6b7280;
        font-size: 14px;
        background: rgba(255,255,255,.6);
        border: 1px dashed #e5e7eb;
        border-radius: 8px;
        padding: 24px;
    }

    /* Cards */
    .aa-card[b-ayktq6uxcq] {
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 1px 2px rgba(0,0,0,.04);
        /* ADD ↓ */
        display: flex;
        flex-direction: column;
        height: 23dvh;
        overflow: hidden;
    }

    .aa-card-body[b-ayktq6uxcq] {
        flex: 1;
        min-height: 0; /* critical so inner overflow can scroll */
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-right: 2px; /* tiny gutter so scrollbar doesn't cover text */
    }

    .aa-card:active[b-ayktq6uxcq] {
        transform: scale(.995);
    }

    .aa-card-head[b-ayktq6uxcq] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 6px;
    }

    .aa-number[b-ayktq6uxcq] {
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    }

    .aa-row[b-ayktq6uxcq] {
        display: grid;
        grid-template-columns: 110px 1fr;
        gap: 6px;
        font-size: 13px;
        margin-top: 4px;
    }

    .k[b-ayktq6uxcq] {
        color: #6b7280;
    }

    .v[b-ayktq6uxcq] {
        color: #111827;
    }

    /* Status pills (reusing your color palette) */
    .pill[b-ayktq6uxcq] {
        padding: 6px 10px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 700;
        color: #183054;
        background: #f3f4f6;
        border: 1px solid #e5e7eb;
        white-space: nowrap;
    }

    .pill-green[b-ayktq6uxcq] {
        background: #22A6DE;
        color: #183054;
        border-color: #22A6DE;
    }
    /* Your 'statusGreen' palette */
    .pill-blue[b-ayktq6uxcq] {
        background: #99E28B;
        color: #1E4710;
        border-color: #99E28B;
    }
    /* Your 'statusBlue'  palette */
    .pill-red[b-ayktq6uxcq] {
        background: #E48683;
        color: #66120E;
        border-color: #E48683;
    }
    /* Your 'statusRed'   palette */

    /* Actions row at bottom of card */
    .aa-actions[b-ayktq6uxcq] {
        display: flex;
        justify-content: flex-end;
        margin-top: 8px;
    }


    .aa-open-btn[b-ayktq6uxcq] {
        background: var(--primary-color, #1b4f89) !important;
        color: #fff;
        border: none;
        border-radius: 6px;
        padding: 6px 12px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.2s;
    }

        .aa-open-btn:hover[b-ayktq6uxcq] {
            background: #0f3054;
        }
/* _content/CentricityPllPortal.WebPortal/Pages/Mobile/InspectionsHubMobile.razor.rz.scp.css */
    .ih-root[b-pbhk7bjd0y],
    .ih-root *[b-pbhk7bjd0y],
    .ih-header[b-pbhk7bjd0y],
    .ih-tabs[b-pbhk7bjd0y],
    .ih-tab[b-pbhk7bjd0y],
    .ih-body[b-pbhk7bjd0y] {
        box-sizing: border-box;
    }

    /* full-height so bg images don’t look chopped */
    .ih-root[b-pbhk7bjd0y] {
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    /* header */
    .ih-header[b-pbhk7bjd0y] {
        display: grid;
        gap: 10px;
    }

    .ih-title[b-pbhk7bjd0y] {
    margin: 0;
    color: var(--secondary-color, #22A6DE);
    font-size: 18px;
    font-weight: bold;
    }

    /* tabs */
    .ih-tabs[b-pbhk7bjd0y] {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .ih-tab[b-pbhk7bjd0y] {
    border: 1.5px solid var(--secondary-color, #22A6DE) !important;
    background: #fff !important;
    color: var(--primary-color, #1B4F89) !important;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    min-width: 0;
    max-width: 100%;
}

        .ih-tab.active[b-pbhk7bjd0y] {
    background: var(--secondary-color, #22A6DE) !important;
    border: 1.5px solid #dadada !important;
    color: #fff !important;
    outline: none !important;
}

    /* content area */
    .ih-body[b-pbhk7bjd0y] {
        flex: 1;
        display: grid;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }
/* _content/CentricityPllPortal.WebPortal/Pages/Mobile/PendingInspectionsMobile.razor.rz.scp.css */
.pi-tabs[b-epz58t14bg] {
    margin-bottom: 16px !important;
}
    .pi-root[b-epz58t14bg],
    .pi-root *[b-epz58t14bg],
    .pi-list[b-epz58t14bg],
    .pi-card[b-epz58t14bg],
    .pi-head[b-epz58t14bg],
    .pi-row[b-epz58t14bg],
    .pi-titleline[b-epz58t14bg],
    .pi-cancel[b-epz58t14bg],
    .k[b-epz58t14bg],
    .v[b-epz58t14bg] {
        box-sizing: border-box;
    }

    /* Full-height to keep background images looking right even if empty */
    .pi-root[b-epz58t14bg] {
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    /* Header */
    .pi-header[b-epz58t14bg] {
        display: grid;
        gap: 8px;
    }

    .pi-title[b-epz58t14bg] {
    margin: 0;
    margin-bottom: 10px !important;
    color: var(--secondary-color, #22A6DE);
    font-size: 18px;
    font-weight: bold;
    }

    .pi-search[b-epz58t14bg] {
        width: 100%;
        border: 1px solid #e5e7eb;
        border-radius: 999px;
        padding: 10px 12px;
        font-size: 14px;
        background: #fff;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    /* List */
    .pi-list[b-epz58t14bg] {
        flex: 1;
        display: grid;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .pi-empty[b-epz58t14bg] {
        display: grid;
        place-items: center;
        color: #6b7280;
        font-size: 14px;
        background: rgba(255,255,255,.6);
        border: 1px dashed #e5e7eb;
        border-radius: 8px;
        padding: 24px;
    }

    /* Cards */
    .pi-card[b-epz58t14bg] {
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 1px 2px rgba(0,0,0,.04);
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

        .pi-card:active[b-epz58t14bg] {
            transform: scale(.995);
        }

    .pi-head[b-epz58t14bg] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 6px;
        width: 100%;
        min-width: 0;
    }

    .pi-titleline[b-epz58t14bg] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: var(--secondary-color, #22A6DE) !important;
        flex: 1 1 auto;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }



    .pi-cancel[b-epz58t14bg] {
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 999px;
        padding: 6px 10px;
        font-size: 12px;
        font-weight: 700;
        flex: 0 0 auto;
        max-width: 100%;
    }

    /* Rows */
    .pi-row[b-epz58t14bg] {
        display: grid;
        grid-template-columns: minmax(72px, 110px) minmax(0, 1fr);
        gap: 6px;
        font-size: 13px;
        margin-top: 4px;
        width: 100%;
        min-width: 0;
    }

    .k[b-epz58t14bg] {
        color: #6b7280;
        min-width: 0;
    }

    .v[b-epz58t14bg] {
        color: #111827;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    @media (max-width: 420px) {
        .pi-card[b-epz58t14bg] {
            padding: 10px 9px;
        }

        .pi-row[b-epz58t14bg] {
            grid-template-columns: minmax(66px, 92px) minmax(0, 1fr);
        }
    }
/* _content/CentricityPllPortal.WebPortal/Pages/Mobile/RecentActivityMobile.razor.rz.scp.css */
/* _content/CentricityPllPortal.WebPortal/Pages/Mobile/UpcomingInspectionsMobile.razor.rz.scp.css */
.ui-tabs[b-ys3hzo5j9y] {
    margin-bottom: 16px !important;
}
    .ui-root[b-ys3hzo5j9y],
    .ui-root *[b-ys3hzo5j9y],
    .ui-list[b-ys3hzo5j9y],
    .ui-card[b-ys3hzo5j9y],
    .ui-head[b-ys3hzo5j9y],
    .ui-row[b-ys3hzo5j9y],
    .ui-titleline[b-ys3hzo5j9y],
    .ui-cancel[b-ys3hzo5j9y],
    .k[b-ys3hzo5j9y],
    .v[b-ys3hzo5j9y] {
        box-sizing: border-box;
    }

    /* Full-height container for consistent backgrounds */
    .ui-root[b-ys3hzo5j9y] {
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    /* Header */
    .ui-header[b-ys3hzo5j9y] {
        display: grid;
        gap: 8px;
    }

    .ui-title[b-ys3hzo5j9y] {
    margin: 0;
    margin-bottom: 10px !important;
    color: var(--secondary-color, #22A6DE);
    font-size: 18px;
    font-weight: bold;
    }

    .ui-search[b-ys3hzo5j9y] {
        width: 100%;
        border: 1px solid #e5e7eb;
        border-radius: 999px;
        padding: 10px 12px;
        font-size: 14px;
        background: #fff;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    /* List */
    .ui-list[b-ys3hzo5j9y] {
        flex: 1;
        display: grid;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .ui-empty[b-ys3hzo5j9y] {
        display: grid;
        place-items: center;
        color: #6b7280;
        font-size: 14px;
        background: rgba(255,255,255,.6);
        border: 1px dashed #e5e7eb;
        border-radius: 8px;
        padding: 24px;
    }

    /* Cards */
    .ui-card[b-ys3hzo5j9y] {
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 1px 2px rgba(0,0,0,.04);
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

        .ui-card:active[b-ys3hzo5j9y] {
            transform: scale(.995);
        }

    .ui-head[b-ys3hzo5j9y] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 6px;
        width: 100%;
        min-width: 0;
    }

    .ui-titleline[b-ys3hzo5j9y] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: var(--secondary-color, #22A6DE) !important;
        flex: 1 1 auto;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .ui-cancel[b-ys3hzo5j9y] {
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 999px;
        padding: 6px 10px;
        font-size: 12px;
        font-weight: 700;
        flex: 0 0 auto;
        max-width: 100%;
    }

    /* Rows */
    .ui-row[b-ys3hzo5j9y] {
        display: grid;
        grid-template-columns: minmax(72px, 110px) minmax(0, 1fr);
        gap: 6px;
        font-size: 13px;
        margin-top: 4px;
        width: 100%;
        min-width: 0;
    }

    .k[b-ys3hzo5j9y] {
        color: #6b7280;
        min-width: 0;
    }

    .v[b-ys3hzo5j9y] {
        color: #111827;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    @media (max-width: 420px) {
        .ui-card[b-ys3hzo5j9y] {
            padding: 10px 9px;
        }

        .ui-row[b-ys3hzo5j9y] {
            grid-template-columns: minmax(66px, 92px) minmax(0, 1fr);
        }
    }
/* _content/CentricityPllPortal.WebPortal/Pages/OverviewPopUps/PopUpFees.razor.rz.scp.css */
@media (max-width: 700px) {
    .row.overview-card-content-row > .alert[b-dj5k1xzkn3],
    .row.overview-card-content-row > .alert-info[b-dj5k1xzkn3] {
        display: contents;
    }
}
.fees-header[b-dj5k1xzkn3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.fees-header .classh3[b-dj5k1xzkn3] {
    margin: 0 !important;
    width: auto !important;
    display: inline !important;
}

.fees-actions[b-dj5k1xzkn3] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 700px) {
    .card-list > .col-12[b-dj5k1xzkn3] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-dj5k1xzkn3] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.classh3[b-dj5k1xzkn3] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-dj5k1xzkn3] {
    margin-top: 10px;
}
.permit-card[b-dj5k1xzkn3] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-dj5k1xzkn3] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-dj5k1xzkn3] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-footer[b-dj5k1xzkn3],
.permit-card .hpc-card-action[b-dj5k1xzkn3] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
    background: transparent;
}

.open-btn[b-dj5k1xzkn3] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
    margin-left: auto;
}
.open-btn:hover[b-dj5k1xzkn3] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.permit-card .e-flat[b-dj5k1xzkn3] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-dj5k1xzkn3] {
    background: var(--primary-color-dark, #1B4F89);
}
.hpc-card-label[b-dj5k1xzkn3] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.hpc-card-value[b-dj5k1xzkn3] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.alert[b-dj5k1xzkn3] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}
.alert-info[b-dj5k1xzkn3] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/OverviewPopUps/PopUpInspectionsPortal.razor.rz.scp.css */
/* _content/CentricityPllPortal.WebPortal/Pages/OverviewPopUps/PopUpNewContractor.razor.rz.scp.css */
/* Force all .e-label inside this dialog to #333, even if Syncfusion overrides */
.request-contractor-dialog :deep(.e-label)[b-8tkjxndunv],
.request-contractor-shell :deep(.e-label)[b-8tkjxndunv],
.request-contractor-shell :deep(label.e-label)[b-8tkjxndunv],
.request-contractor-shell :deep(.e-acrdn-content .e-label)[b-8tkjxndunv],
.request-contractor-shell :deep(.e-acrdn-content .fieldLabel)[b-8tkjxndunv] {
	color: #333 !important;
}
:deep(.request-contractor-left)[b-8tkjxndunv] {
	left: 7% !important;
}


.request-contractor-intro[b-8tkjxndunv] {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	font-size: 13px;
	line-height: 1.4;
	margin-left: 5px;
}

.subtitle_grids[b-8tkjxndunv] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    margin-bottom: 1rem;
}

/* Refuerzo: header acordeón estilo .classh3, sin afectar labels */
:deep(.e-acrdn-item.request-contractor-section-header .e-acrdn-header .e-acrdn-header-content)[b-8tkjxndunv],
:deep(.e-acrdn-item.request-contractor-section-header .e-acrdn-header .e-acrdn-header-content .e-acrdn-header-text)[b-8tkjxndunv],
:deep(.request-contractor-section-header .e-acrdn-header .e-acrdn-header-content)[b-8tkjxndunv],
:deep(.request-contractor-section-header .e-acrdn-header .e-acrdn-header-content .e-acrdn-header-text)[b-8tkjxndunv] {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 20px !important;
	font-weight: bold !important;
	line-height: 1.2 !important;
	color: var(--secondary-color, #22a6de) !important;
	margin: 0 0 10px 0 !important;
	text-align: left !important;
	display: block !important;
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	z-index: 2 !important;
}

.request-contractor-shell[b-8tkjxndunv] {
	padding: 10px;
	background: #ffffff;
}

.request-contractor-shell .row[b-8tkjxndunv] {
	align-items: center;
	margin-bottom: 10px;
}


/* Match person-edit-shell fieldLabel style from ApplicationPersonEdit.razor.css */
.request-contractor-shell :deep(.fieldLabel)[b-8tkjxndunv],
.request-contractor-shell :deep(.e-acrdn-content .fieldLabel)[b-8tkjxndunv] {
	color: #333 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	font-weight: bold !important;
	letter-spacing: 0.15px !important;
	line-height: 19px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin-bottom: 5px !important;
}

/* Keep .e-label style for Syncfusion labels, but do not override .fieldLabel */
.request-contractor-shell :deep(.e-label):not(.fieldLabel)[b-8tkjxndunv],
.request-contractor-shell :deep(label.e-label):not(.fieldLabel)[b-8tkjxndunv],
.request-contractor-shell :deep(.e-acrdn-content .e-label):not(.fieldLabel)[b-8tkjxndunv] {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	color: #333 !important;
	font-size: 13px !important;
	margin-bottom: 5px !important;
	padding-top: 20px !important;
	padding-bottom: 1px !important;
	line-height: 1.15 !important;
}

.request-contractor-shell :deep(.e-input-group)[b-8tkjxndunv],
.request-contractor-shell :deep(.e-control-wrapper)[b-8tkjxndunv],
.request-contractor-shell :deep(.e-control)[b-8tkjxndunv] {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.request-contractor-shell :deep(.e-acrdn-content)[b-8tkjxndunv] {
	padding: 10px !important;
	border: 1px solid #dce6f2;
	border-radius: 12px;
	background: #ffffff;
}

.request-contractor-shell :deep(.e-acrdn-content .e-label)[b-8tkjxndunv],
.request-contractor-shell :deep(.e-acrdn-content .fieldLabel)[b-8tkjxndunv] {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	color: #333 !important;
	font-size: 13px !important;
	margin-bottom: 5px !important;
	padding-top: 20px !important;
	padding-bottom: 1px !important;
	line-height: 1.15 !important;
}

.request-contractor-shell :deep(.e-acrdn-content .e-input-group)[b-8tkjxndunv],
.request-contractor-shell :deep(.e-acrdn-content .e-control-wrapper)[b-8tkjxndunv],
.request-contractor-shell :deep(.e-acrdn-content .e-control)[b-8tkjxndunv] {
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.request-contractor-actions[b-8tkjxndunv] {
	margin-top: 0;
}

.request-contractor-actions :deep(.e-btn)[b-8tkjxndunv],
.request-contractor-actions :deep(.e-btn.e-primary)[b-8tkjxndunv],
.request-contractor-actions :deep(.e-btn.e-flat)[b-8tkjxndunv],
.request-contractor-actions :deep(.e-btn.e-outline)[b-8tkjxndunv] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	width: auto !important;
	padding: 6px 12px !important;
	background: var(--primary-color, #1B4F89) !important;
	color: #fff !important;
	border-radius: 4px !important;
	border: 0 !important;
	box-shadow: none !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.4;
	text-decoration: none;
	transform: none !important;
}

.request-contractor-actions :deep(.e-btn:hover)[b-8tkjxndunv],
.request-contractor-actions :deep(.e-btn:focus)[b-8tkjxndunv],
.request-contractor-actions :deep(.e-btn:active)[b-8tkjxndunv] {
	opacity: 0.88;
	color: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
	text-decoration: none;
	transform: none !important;
}

.request-contractor-actions :deep(.e-btn:disabled)[b-8tkjxndunv],
.request-contractor-actions :deep(.e-btn.e-disabled)[b-8tkjxndunv] {
	opacity: 0.55;
}

@media (max-width: 768px) {
	.request-contractor-shell[b-8tkjxndunv] {
		padding: 8px;
	}
}

.employee-confirmation-dialog :deep(.e-dlg-content)[b-8tkjxndunv] {
    display: flex;
    align-items: center;
    min-height: 120px;
    justify-content: center;
    flex-direction: column;
}

.employee-confirmation-content-text[b-8tkjxndunv] {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

/* Corrige opacidad y color del botón Yes en el diálogo Employee Confirmation */
.employee-confirmation-dialog :deep(.employee-confirm-actions .e-btn.e-primary)[b-8tkjxndunv] {
    opacity: 1 !important;
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    transition: background 0.2s;
}

.employee-confirmation-dialog :deep(.employee-confirm-actions .e-btn.e-primary:hover)[b-8tkjxndunv],
.employee-confirmation-dialog :deep(.employee-confirm-actions .e-btn.e-primary:focus)[b-8tkjxndunv] {
    opacity: 0.88 !important;
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
}

/* Estilos de header acordeón igual a .classh3 de NewApplicationPage */
:deep(.e-acrdn-item.request-contractor-section-header .e-acrdn-header .e-acrdn-header-content)[b-8tkjxndunv],
:deep(.e-acrdn-item.request-contractor-section-header .e-acrdn-header .e-acrdn-header-content .e-acrdn-header-text)[b-8tkjxndunv],
:deep(.request-contractor-section-header .e-acrdn-header .e-acrdn-header-content)[b-8tkjxndunv],
:deep(.request-contractor-section-header .e-acrdn-header .e-acrdn-header-content .e-acrdn-header-text)[b-8tkjxndunv] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/OverviewPopUps/PopUpPeopleContractors.razor.rz.scp.css */
.classh3[b-q1wm6nrcb4] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.people-lock-admin-container[b-q1wm6nrcb4] {
        text-align: end;
        align-content: end;
        width: 99%;
        margin-bottom: 12px;
    }

    .people-lock-admin-status[b-q1wm6nrcb4] {
        margin-bottom: 8px;
        text-align: right;
        font-size: 14px;
    }

    .people-lock-help[b-q1wm6nrcb4] {
        font-size: 12px;
        color: #5f6368;
    }

    .people-lock-chip[b-q1wm6nrcb4] {
        display: inline-block;
        margin-left: 6px;
        padding: 2px 8px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.02em;
    }

    .people-lock-chip-locked[b-q1wm6nrcb4] {
        background-color: #fde8e8;
        color: #b42318;
        border: 1px solid #fecdca;
    }

    .people-lock-chip-unlocked[b-q1wm6nrcb4] {
        background-color: #ecfdf3;
        color: #027a48;
        border: 1px solid #abefc6;
    }

    .people-lock-user-banner[b-q1wm6nrcb4] {
        margin: 0 0 12px 0;
        padding: 10px 12px;
        border-radius: 6px;
        border: 1px solid #fecdca;
        background-color: #fff5f4;
        color: #912018;
        font-size: 13px;
    }

    .card-container .e-card .e-card-header .e-card-header-caption .e-card-header-title[b-q1wm6nrcb4] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
    }

    .card-container .permit-overview-card-title[b-q1wm6nrcb4] {
        color: @citySettings.TertiaryColor;
        font-size: 18px;
        font-weight: 500;
    }

    .e-btn.e-primary[b-q1wm6nrcb4], .e-css.e-btn.e-primary[b-q1wm6nrcb4] {
        background-color: @citySettings.PrimaryColor;
        border-color: @citySettings.PrimaryColor;
        color: #fff;
    }

    .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-q1wm6nrcb4] {
        padding-top: 0px;
    }

    .e-card .e-card-header .e-card-header-caption .e-card-header-title[b-q1wm6nrcb4] {
        font-weight: bold;
        font-size: 10px;
        padding: 0px !important;
    }

        .e-card .e-card-header .e-card-header-caption .e-card-header-title .e-card-header-title2[b-q1wm6nrcb4] {
        }

    .e-card .e-card-content[b-q1wm6nrcb4] {
        padding-top: 0px;
    }
/* _content/CentricityPllPortal.WebPortal/Pages/PermitDefinition/PermitDefinitionList.razor.rz.scp.css */
.classh3[b-ffh5evrxsv] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.portal-settings-lead[b-ffh5evrxsv] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
}

.text[b-ffh5evrxsv] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
}

.pdTagsHeading[b-ffh5evrxsv] {
    font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: var(--secondary-color, #22A6DE) !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Permits/ApplicationGisAssetsPage.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-wkxqw2lm85] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-wkxqw2lm85] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-wkxqw2lm85] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-wkxqw2lm85] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-wkxqw2lm85] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-wkxqw2lm85] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-wkxqw2lm85] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-wkxqw2lm85] {
    padding-top: 70px !important;
}
.status-btn[b-wkxqw2lm85] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-wkxqw2lm85] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-wkxqw2lm85] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-wkxqw2lm85] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-wkxqw2lm85] {
    margin-top: 10px;
}
.permit-card[b-wkxqw2lm85] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-wkxqw2lm85] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-wkxqw2lm85] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-wkxqw2lm85] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-wkxqw2lm85] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-wkxqw2lm85] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-wkxqw2lm85] {
    background: var(--primary-color-dark, #1B4F89);
}
.alert[b-wkxqw2lm85] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}
.alert-info[b-wkxqw2lm85] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}

@media (max-width: 700px) {
    .row.overview-card-content-row .alert-info[b-wkxqw2lm85] {
        border-radius: 8px;
        margin: 0 8px 12px 8px;
        box-shadow: 0 1px 4px rgba(34, 166, 222, 0.08);
        padding-left: 12px;
        padding-right: 12px;
        width: auto;
        display: block;
    }
}
/* _content/CentricityPllPortal.WebPortal/Pages/Permits/ChildCasesPage.razor.rz.scp.css */

@media (max-width: 700px) {
    .card-list > .col-12[b-eszgembiye] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-eszgembiye] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.classh3[b-eszgembiye] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.hpc-card-value[b-eszgembiye] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-eszgembiye] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-eszgembiye] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-eszgembiye] {
    padding-top: 70px !important;
}
.status-btn[b-eszgembiye] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
    background-color: var(--primary-color, #22a6de);
    color: #fff;
}
.card-list[b-eszgembiye] {
    margin-top: 10px;
}
.permit-card[b-eszgembiye] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-eszgembiye] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-eszgembiye] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-eszgembiye] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-eszgembiye] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.alert[b-eszgembiye] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}
.alert-info[b-eszgembiye] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Permits/FinalDocuments.razor.rz.scp.css */
.final-documents-header[b-6n26jrz8ww] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.final-documents-header .classh3[b-6n26jrz8ww] {
    margin: 0 !important;
    width: auto !important;
    display: inline !important;
}
.classh3[b-6n26jrz8ww] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Permits/FormsPage.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-evgz047a2t] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-evgz047a2t] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-evgz047a2t] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-evgz047a2t] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-evgz047a2t] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-evgz047a2t] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-evgz047a2t] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-evgz047a2t] {
    padding-top: 70px !important;
}
.status-btn[b-evgz047a2t] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-evgz047a2t] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-evgz047a2t] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-evgz047a2t] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-evgz047a2t] {
    margin-top: 10px;
}
.permit-card[b-evgz047a2t] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-evgz047a2t] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-evgz047a2t] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-evgz047a2t] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-evgz047a2t] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-evgz047a2t] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-evgz047a2t] {
    background: var(--primary-color-dark, #1B4F89);
}
.alert[b-evgz047a2t] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}
.alert-info[b-evgz047a2t] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}

@media (max-width: 700px) {
    .row.overview-card-content-row .alert-info[b-evgz047a2t] {
        border-radius: 8px;
        margin: 0 8px 12px 8px;
        box-shadow: 0 1px 4px rgba(34, 166, 222, 0.08);
        padding-left: 12px;
        padding-right: 12px;
        width: auto;
        display: block;
    }
}
/* _content/CentricityPllPortal.WebPortal/Pages/Permits/PermitChangePage.razor.rz.scp.css */
.classh3[b-3p31svm77j] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: #22a6de !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/Permits/ViolationsPage.razor.rz.scp.css */
@media (max-width: 700px) {
    .card-list > .col-12[b-xxkdieh8r1] {
        max-width: 60vw;
        flex: 0 0 60vw;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .permit-card[b-xxkdieh8r1] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.hpc-search-input-form[b-xxkdieh8r1] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px 12px;
    font-size: 14px;
    background: #fff;
    height: 40px;
    box-sizing: border-box;
}
.hpc-search-input-form:focus[b-xxkdieh8r1] {
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    outline: none !important;
}
.hpc-card-value[b-xxkdieh8r1] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.hpc-card-label[b-xxkdieh8r1] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.status-btn-container[b-xxkdieh8r1] {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    margin-bottom: 8px;
    min-width: 110px;
    display: flex;
    justify-content: flex-end;
}
.permit-card .card-body[b-xxkdieh8r1] {
    padding-top: 70px !important;
}
.status-btn[b-xxkdieh8r1] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border-radius: 16px;
    padding: 6px 16px;
    box-shadow: 0 1px 4px rgba(34, 166, 222, 0.10);
    pointer-events: none;
}
.open-btn[b-xxkdieh8r1] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-xxkdieh8r1] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
.classh3[b-xxkdieh8r1] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-xxkdieh8r1] {
    margin-top: 10px;
}
.permit-card[b-xxkdieh8r1] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-xxkdieh8r1] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-xxkdieh8r1] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-xxkdieh8r1] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.permit-card .card-footer[b-xxkdieh8r1] {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    padding-bottom: 0.5rem;
}
.permit-card .e-flat[b-xxkdieh8r1] {
    background: var(--primary-color, #22a6de);
    color: #fff;
    border-radius: 4px;
}
.permit-card .e-flat:hover[b-xxkdieh8r1] {
    background: var(--primary-color-dark, #1B4F89);
}
.alert[b-xxkdieh8r1] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}
.alert-info[b-xxkdieh8r1] {
    color: #333;
    background-color: rgba(128, 128, 128, 0.2);
    border-color: #dadada;
}
/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/AddPermitPersonDialog.razor.rz.scp.css */
/* Estilos únicos migrados del bloque <style> en AddPermitPersonDialog.razor */
.add-person-role-picker[b-zoh3gaspw9] {
    min-width: 0;
}

.person-form-grid .e-input-group input[b-zoh3gaspw9]::placeholder,
.person-form-grid .e-control-wrapper input[b-zoh3gaspw9]::placeholder {
    text-align: left !important;
}

.e-label[b-zoh3gaspw9] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important
}


@media (max-width: 768px) {
    .add-person-header[b-zoh3gaspw9] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 10px;
    }

    .person-form-grid[b-zoh3gaspw9] {
        grid-template-columns: 1fr;
    }

    .person-form-full[b-zoh3gaspw9] {
        grid-column: auto;
    }

    .add-person-actions[b-zoh3gaspw9] {
        justify-content: stretch;
    }

    .add-person-actions .e-btn[b-zoh3gaspw9] {
        width: 100%;
    }
}
/* Forzar mismo tamaño y color para todos los botones del popup */
.add-person-primary-btn[b-zoh3gaspw9],
.add-person-dialog .e-btn.add-person-primary-btn[b-zoh3gaspw9] {
    background-color: var(--primary-color, #1B4F89) !important;
    border: 1.5px solid var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 8px 22px !important;
    box-shadow: none !important;
    transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, transform 0.06s;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Forzar azul corporativo en todos los estados y variantes de botón */

/* Botón primary: normal */
.add-person-dialog .e-btn.add-person-primary-btn[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-primary.add-person-primary-btn[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-primary[b-zoh3gaspw9],
.add-person-dialog .e-btn[b-zoh3gaspw9] {
    background-color: var(--primary-color, #1761a0) !important;
    border-color: var(--primary-color, #1761a0) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 8px 22px !important;
    box-shadow: none !important;
    transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, transform 0.06s;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* Botón primary: hover */
.add-person-dialog .e-btn.add-person-primary-btn:hover[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-primary.add-person-primary-btn:hover[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-primary:hover[b-zoh3gaspw9],
.add-person-dialog .e-btn:hover[b-zoh3gaspw9] {
    background-color: #14508a !important;
    border-color: #14508a !important;
}
/* Botón primary: focus */
.add-person-dialog .e-btn.add-person-primary-btn:focus[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-primary.add-person-primary-btn:focus[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-primary:focus[b-zoh3gaspw9],
.add-person-dialog .e-btn:focus[b-zoh3gaspw9] {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(27, 79, 137, 0.25) !important;
}
/* Botón primary: disabled */
.add-person-dialog .e-btn.add-person-primary-btn:disabled[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-primary.add-person-primary-btn:disabled[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-primary:disabled[b-zoh3gaspw9],
.add-person-dialog .e-btn:disabled[b-zoh3gaspw9] {
    background-color: #7f95ad !important;
    border-color: #7f95ad !important;
    color: #ffffff !important;
    opacity: 1 !important;
    cursor: not-allowed;
}

.add-person-dialog .e-dlg-header-content[b-zoh3gaspw9] {
    padding-bottom: 12px;
}

.add-person-dialog .e-dlg-content[b-zoh3gaspw9] {
    background: #ffffff;
    color: #1f2937;
    font-size: 14px;
    line-height: 1.45;
    padding: 20px 24px;
}

.add-person-dialog .e-footer-content[b-zoh3gaspw9] {
    background: #ffffff;
}

.add-person-dialog-title[b-zoh3gaspw9] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    display: block;
    margin: 0;
    letter-spacing: 0;
}

.add-person-label[b-zoh3gaspw9], .add-person-dialog .fieldLabel[b-zoh3gaspw9] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    margin-bottom: 4px;
}

.add-person-dialog .e-input[b-zoh3gaspw9], .add-person-dialog .e-dropdownlist[b-zoh3gaspw9], .add-person-dialog input[b-zoh3gaspw9], .add-person-dialog select[b-zoh3gaspw9] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #222;
    background: #f8fafc;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px 12px;
    margin-bottom: 4px;
}

.add-person-dialog .e-input[b-zoh3gaspw9]::placeholder, .add-person-dialog input[b-zoh3gaspw9]::placeholder {
    color: #9ca3af;
    opacity: 1;
}



/* Primary button style for all dialog buttons */
.add-person-dialog .e-btn[b-zoh3gaspw9], .add-person-dialog button[b-zoh3gaspw9], .add-person-dialog .e-footer-content .e-btn[b-zoh3gaspw9], .add-person-dialog .e-footer-content button[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-flat[b-zoh3gaspw9], .add-person-dialog .e-btn.e-outline[b-zoh3gaspw9], .add-person-dialog .e-btn.e-primary[b-zoh3gaspw9], .add-person-dialog .e-btn.e-secondary[b-zoh3gaspw9] {
    background-color: var(--primary-color, #1761a0) !important;
    border: 1px solid var(--primary-color, #1761a0) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    min-height: 38px;
    padding: 8px 22px !important;
    box-shadow: none !important;
    transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, transform 0.06s;
}

.add-person-dialog .e-btn:disabled[b-zoh3gaspw9], .add-person-dialog button:disabled[b-zoh3gaspw9] {
    background-color: #7f95ad !important;
    border-color: #7f95ad !important;
    color: #ffffff !important;
    opacity: 1 !important;
    cursor: not-allowed;
}

.add-person-dialog .e-btn:focus[b-zoh3gaspw9], .add-person-dialog button:focus[b-zoh3gaspw9] {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(27, 79, 137, 0.25) !important;
}

.add-person-dialog .e-btn:hover[b-zoh3gaspw9], .add-person-dialog button:hover[b-zoh3gaspw9] {
    background-color: #114a7a !important;
    border-color: #114a7a !important;
}

.add-person-dialog .e-btn:disabled[b-zoh3gaspw9], .add-person-dialog button:disabled[b-zoh3gaspw9] {
    background-color: #7f95ad !important;
    border-color: #7f95ad !important;
    color: #ffffff !important;
    opacity: 1 !important;
    cursor: not-allowed;
}

.add-person-dialog .e-btn:focus[b-zoh3gaspw9], .add-person-dialog button:focus[b-zoh3gaspw9] {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(27, 79, 137, 0.25) !important;
}

.add-person-dialog .e-btn:hover[b-zoh3gaspw9], .add-person-dialog button:hover[b-zoh3gaspw9] {
    background-color: #164769 !important;
    border-color: #164769 !important;
}

.add-person-dialog .required-text[b-zoh3gaspw9] {
    font-size: 12px;
    color: red;
}

.add-person-dialog .d-flex[b-zoh3gaspw9] {
    display: flex;
    gap: 22px;
    width: 100%;
}

/* Espaciado uniforme entre todos los divs hijos directos del formulario */
.add-person-dialog .e-dlg-content > div > div[b-zoh3gaspw9] {
    margin-bottom: 10px;
}

.add-person-dialog .e-dlg-content > div > div:last-child[b-zoh3gaspw9] {
    margin-bottom: 0;
}

.add-person-dialog .flex-grow-1[b-zoh3gaspw9] {
    flex: 1;
}

/* Match Add Person button style used in People accordion */
.add-person-dialog .e-btn[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-primary[b-zoh3gaspw9] {
    display: inline-block;
    width: auto !important;
    padding: 6px 16px !important;
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-radius: 4px !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4;
    text-decoration: none;
}

.add-person-dialog .e-btn:hover[b-zoh3gaspw9],
.add-person-dialog .e-btn:focus[b-zoh3gaspw9],
.add-person-dialog .e-btn:active[b-zoh3gaspw9] {
    opacity: 0.88;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

.add-person-dialog .e-btn:disabled[b-zoh3gaspw9],
.add-person-dialog .e-btn.e-disabled[b-zoh3gaspw9] {
    opacity: 0.55 !important;
}

/* Keep field labels aligned with person-edit-shell visuals */
.add-person-dialog .fieldLabel[b-zoh3gaspw9],
.add-person-form-shell .fieldLabel[b-zoh3gaspw9],
.person-form-grid .fieldLabel[b-zoh3gaspw9] {
    color: #4b5563 !important;
    font-weight: 600 !important;
    font-size: 13px;
    margin-bottom: 5px;
    padding-top: 20px !important;
    padding-bottom: 1px;
    line-height: 1.15;
}


    .add-person-header[b-zoh3gaspw9] {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        gap: 16px;
        align-items: end;
        background: rgba(128, 128, 128, 0.05);
        border: 1px solid #dde8f4;
        border-radius: 10px;
        padding: 12px;
        font-size: 13px;
        color: #333;
    }

.add-person-dialog .add-person-header-text[b-zoh3gaspw9] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #333;
    font-size: 13px;
    line-height: 1.4;
}

/* Preserve action button behavior previously defined inline in the Razor style block */
.add-person-actions .e-btn[b-zoh3gaspw9],
.add-person-actions .e-btn.e-primary[b-zoh3gaspw9] {
    border-radius: 4px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: none !important;
    transform: none !important;
}

.add-person-actions .e-btn:hover[b-zoh3gaspw9],
.add-person-actions .e-btn:focus[b-zoh3gaspw9],
.add-person-actions .e-btn:active[b-zoh3gaspw9] {
    transform: none !important;
    box-shadow: none !important;
}

/* Ensure dialog footer Add/Cancel match Add Person button exactly */
.add-person-dialog .e-footer-content .e-btn[b-zoh3gaspw9],
.add-person-dialog .e-footer-content .e-btn.e-primary[b-zoh3gaspw9],
.add-person-dialog .e-footer-content button[b-zoh3gaspw9] {
    display: inline-block !important;
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 6px 16px !important;
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-radius: 4px !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: none !important;
    transform: none !important;
}

.add-person-dialog .e-footer-content .e-btn:hover[b-zoh3gaspw9],
.add-person-dialog .e-footer-content .e-btn:focus[b-zoh3gaspw9],
.add-person-dialog .e-footer-content .e-btn:active[b-zoh3gaspw9],
.add-person-dialog .e-footer-content button:hover[b-zoh3gaspw9],
.add-person-dialog .e-footer-content button:focus[b-zoh3gaspw9],
.add-person-dialog .e-footer-content button:active[b-zoh3gaspw9] {
    opacity: 0.88;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transform: none !important;
}

.add-person-dialog .e-footer-content .e-btn:disabled[b-zoh3gaspw9],
.add-person-dialog .e-footer-content .e-btn.e-disabled[b-zoh3gaspw9],
.add-person-dialog .e-footer-content button:disabled[b-zoh3gaspw9] {
    opacity: 0.55 !important;
}


/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/ApplicationPersonEdit.razor.rz.scp.css */
.person-edit-title[b-r4492xvfu9] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    margin: 0;
}

.fieldLabel[b-r4492xvfu9] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important
}


    .person-edit-helptext[b-r4492xvfu9] {
        margin-top: 8px;
        padding: 8px 10px;
        border-radius: 8px;
        border-left: 3px solid var(--primary-color, #1B4F89);
        background: #f5f9fd;
        color: #333;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.45;
    }
/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/NewApplicationPage.razor.rz.scp.css */
/* Attachment toolbar buttons styled as e-primary */

.page-loading-center[b-5odg7qplsh] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
}


.attachment-toolbar-btn[b-5odg7qplsh],
.attachment-toolbar-btn.help[b-5odg7qplsh] {
    display: inline-block;
    width: auto !important;
    padding: 6px 16px;
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-radius: 4px;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.2s, color 0.2s, opacity 0.2s;
}


.attachment-toolbar-btn:hover[b-5odg7qplsh],
.attachment-toolbar-btn:focus[b-5odg7qplsh],
.attachment-toolbar-btn:active[b-5odg7qplsh],
.attachment-toolbar-btn.help:hover[b-5odg7qplsh],
.attachment-toolbar-btn.help:focus[b-5odg7qplsh],
.attachment-toolbar-btn.help:active[b-5odg7qplsh] {
    opacity: 0.88;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

.attachment-toolbar-btn:disabled[b-5odg7qplsh],
.attachment-toolbar-btn.e-disabled[b-5odg7qplsh],
.attachment-toolbar-btn.help:disabled[b-5odg7qplsh],
.attachment-toolbar-btn.help.e-disabled[b-5odg7qplsh] {
    opacity: 0.55;
}

.classh3[b-5odg7qplsh] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.classh3-subtitle[b-5odg7qplsh] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.valid_address[b-5odg7qplsh] {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
color: lightgreen;
font-size: 12px;
letter-spacing: 0.15px;
}

.invalid_address[b-5odg7qplsh] {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
color: red;
font-size: 12px;
letter-spacing: 0.15px;
}

.validating_address[b-5odg7qplsh] {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
color: grey;
font-size: 12px;
letter-spacing: 0.15px;
}

.location_boundrie[b-5odg7qplsh] {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
color: red;
font-size: 12px;
letter-spacing: 0.15px;
}


[b-5odg7qplsh] .e-control.e-textbox.e-lib.e-input {
    border-radius: 100px !important;
}


.status[b-5odg7qplsh]{
    color: var(--secondary-color, #22A6DE);
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.15px;
}

.status-container[b-5odg7qplsh] {
    text-align: right;
}

.location-name-label[b-5odg7qplsh] {
    color: #333 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 0.15px;
    line-height: 19px;
    display: inline-block;
}

.new-application-header-row[b-5odg7qplsh] {
    margin-top: 25px;
    align-items: center;
}

.new-application-header-row .classh3[b-5odg7qplsh] {
    margin-bottom: 0 !important;
}

.application-details-col > br[b-5odg7qplsh] {
    display: none;
}

.application-details-col > * + *[b-5odg7qplsh] {
    margin-top: 25px;
}

.application-details-col .row + .row[b-5odg7qplsh] {
    margin-top: 25px;
}

.application-details-col .d-flex.flex-row[b-5odg7qplsh] {
    gap: 15px;
    align-items: center;
}

.application-details-col .d-flex.flex-row[b-5odg7qplsh]  .e-control.e-textbox.e-lib.e-input,
.application-details-col .d-flex.flex-row[b-5odg7qplsh]  .e-control.e-textbox.e-lib,
.application-details-col .d-flex.flex-row[b-5odg7qplsh]  input {
    flex: 1 1 auto;
}

.page-header-band[b-5odg7qplsh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.created-by-inline[b-5odg7qplsh] {
    flex: 1;
    text-align: left;
    padding-left: 4px;
}

.created-by-inline img[b-5odg7qplsh] {
    filter: brightness(0) saturate(100%) invert(46%) sepia(0%) saturate(0%) hue-rotate(174deg) brightness(95%) contrast(88%);
}

.created-by-email[b-5odg7qplsh] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: var(--primary-color);
    font-weight: normal;
}

@media (max-width: 768px) {
    .page-header-band[b-5odg7qplsh] {
        flex-direction: column;
        align-items: stretch;
        padding-top: 12px;
        margin-bottom: 10px;
    }

    .created-by-inline[b-5odg7qplsh] {
        flex: none;
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 8px;
        text-align: right;
    }

    .created-by-email[b-5odg7qplsh] {
        font-size: 12px;
    }
}

.bottom-action-buttons-align[b-5odg7qplsh] {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

[b-5odg7qplsh] .general-info-save-btn.e-btn,
[b-5odg7qplsh] .general-info-save-btn.e-btn.e-primary {
    display: inline-block;
    width: auto !important;
    padding: 6px 16px;
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-radius: 4px;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
}

[b-5odg7qplsh] .general-info-save-btn.e-btn:hover,
[b-5odg7qplsh] .general-info-save-btn.e-btn:focus,
[b-5odg7qplsh] .general-info-save-btn.e-btn:active {
    opacity: 0.88;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

[b-5odg7qplsh] .general-info-save-btn.e-btn:disabled,
[b-5odg7qplsh] .general-info-save-btn.e-btn.e-disabled {
    opacity: 0.55;
}

/* Override Syncfusion grid header title text for this page */
[b-5odg7qplsh] .e-grid .e-headercell .e-headertext,
[b-5odg7qplsh] .e-grid .e-headercelldiv {
    color: #333!important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.3;
}

/* Match Home hpc-btn-open style for accordion map tool and secondary buttons */
[b-5odg7qplsh] .intake-panel #screenshotBtn,
[b-5odg7qplsh] .intake-panel #addTextBtn,
[b-5odg7qplsh] .intake-panel .esri-zoom .esri-widget--button,
[b-5odg7qplsh] .intake-panel .esri-ui [aria-label="Zoom in"],
[b-5odg7qplsh] .intake-panel .esri-ui [aria-label="Zoom out"],
[b-5odg7qplsh] .intake-panel .secondary-button,
[b-5odg7qplsh] .intake-panel .secondary-button.e-control.e-btn.e-lib,
[b-5odg7qplsh] .intake-panel .e-control.e-btn.e-lib.secondary-button {
    display: inline-block;
    width: auto !important;
    padding: 6px 16px;
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
    border-radius: 4px;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
}

[b-5odg7qplsh] .intake-panel #screenshotBtn:hover,
[b-5odg7qplsh] .intake-panel #addTextBtn:hover,
[b-5odg7qplsh] .intake-panel .esri-zoom .esri-widget--button:hover,
[b-5odg7qplsh] .intake-panel .esri-ui [aria-label="Zoom in"]:hover,
[b-5odg7qplsh] .intake-panel .esri-ui [aria-label="Zoom out"]:hover,
[b-5odg7qplsh] .intake-panel .secondary-button:hover,
[b-5odg7qplsh] .intake-panel .secondary-button.e-control.e-btn.e-lib:hover,
[b-5odg7qplsh] .intake-panel .e-control.e-btn.e-lib.secondary-button:hover,
[b-5odg7qplsh] .intake-panel #screenshotBtn:focus,
[b-5odg7qplsh] .intake-panel #addTextBtn:focus,
[b-5odg7qplsh] .intake-panel .esri-zoom .esri-widget--button:focus,
[b-5odg7qplsh] .intake-panel .esri-ui [aria-label="Zoom in"]:focus,
[b-5odg7qplsh] .intake-panel .esri-ui [aria-label="Zoom out"]:focus,
[b-5odg7qplsh] .intake-panel .secondary-button:focus,
[b-5odg7qplsh] .intake-panel .secondary-button.e-control.e-btn.e-lib:focus,
[b-5odg7qplsh] .intake-panel .e-control.e-btn.e-lib.secondary-button:focus,
[b-5odg7qplsh] .intake-panel #screenshotBtn:active,
[b-5odg7qplsh] .intake-panel #addTextBtn:active,
[b-5odg7qplsh] .intake-panel .esri-zoom .esri-widget--button:active,
[b-5odg7qplsh] .intake-panel .esri-ui [aria-label="Zoom in"]:active,
[b-5odg7qplsh] .intake-panel .esri-ui [aria-label="Zoom out"]:active,
[b-5odg7qplsh] .intake-panel .secondary-button:active,
[b-5odg7qplsh] .intake-panel .secondary-button.e-control.e-btn.e-lib:active,
[b-5odg7qplsh] .intake-panel .e-control.e-btn.e-lib.secondary-button:active {
    opacity: 0.88;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

[b-5odg7qplsh] .intake-panel .secondary-button.e-control.e-btn.e-lib:disabled,
[b-5odg7qplsh] .intake-panel .secondary-button.e-control.e-btn.e-lib.e-disabled,
[b-5odg7qplsh] .intake-panel .e-control.e-btn.e-lib.secondary-button:disabled,
[b-5odg7qplsh] .intake-panel .e-control.e-btn.e-lib.secondary-button.e-disabled {
    opacity: 0.55;
}

/* Case Licenses grid toolbar buttons (Add/Delete) */
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-gridtoolbar {
    padding: 6px 10px;
}

[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-items {
    gap: 8px;
}

[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn.e-btn,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn.e-btn,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn.e-btn.e-primary,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn.e-btn.e-primary {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 34px;
    padding: 6px 12px !important;
    background-color: #fff !important;
    background-image: none !important;
    color: var(--primary-color, #1B4F89) !important;
    border: 1px solid var(--primary-color, #1B4F89) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

/* Hard fallback selectors for Syncfusion runtime classes */
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-add .e-tbar-btn,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-delete .e-tbar-btn {
    background-color: #fff !important;
    background-image: none !important;
    color: var(--primary-color, #1B4F89) !important;
    border: 1px solid var(--primary-color, #1B4F89) !important;
    border-radius: 4px !important;
}

[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-add .e-tbar-btn .e-btn-icon,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-add .e-tbar-btn .e-icons,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-add .e-tbar-btn .e-tbar-btn-text,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-delete .e-tbar-btn .e-btn-icon,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-delete .e-tbar-btn .e-icons,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-delete .e-tbar-btn .e-tbar-btn-text {
    color: var(--primary-color, #1B4F89) !important;
}

[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-add .e-tbar-btn:hover,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-add .e-tbar-btn:focus,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-add .e-tbar-btn:active,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-delete .e-tbar-btn:hover,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-delete .e-tbar-btn:focus,
[b-5odg7qplsh] #case-licenses-grid-host .e-toolbar-item.e-delete .e-tbar-btn:active {
    background-color: rgba(27, 79, 137, 0.10) !important;
    background-color: color-mix(in srgb, var(--primary-color, #1B4F89) 10%, transparent) !important;
    color: var(--primary-color, #1B4F89) !important;
    border: 1px solid var(--primary-color, #1B4F89) !important;
}

[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn .e-btn-icon,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn .e-icons,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn .e-tbar-btn-text,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn .e-btn-icon,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn .e-icons,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn .e-tbar-btn-text {
    color: var(--primary-color, #1B4F89) !important;
    margin: 0;
}

[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn.e-btn:hover,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn.e-btn:focus,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn.e-btn:active,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn.e-btn:hover,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn.e-btn:focus,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn.e-btn:active {
    background-color: rgba(27, 79, 137, 0.10) !important;
    background-color: color-mix(in srgb, var(--primary-color, #1B4F89) 10%, transparent) !important;
    background-image: none !important;
    color: var(--primary-color, #1B4F89) !important;
    border: 1px solid var(--primary-color, #1B4F89) !important;
    box-shadow: none !important;
}

[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn:hover .e-btn-icon,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn:hover .e-icons,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn:hover .e-tbar-btn-text,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn:focus .e-btn-icon,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn:focus .e-icons,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn:focus .e-tbar-btn-text,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn:active .e-btn-icon,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn:active .e-icons,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn:active .e-tbar-btn-text,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn:hover .e-btn-icon,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn:hover .e-icons,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn:hover .e-tbar-btn-text,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn:focus .e-btn-icon,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn:focus .e-icons,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn:focus .e-tbar-btn-text,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn:active .e-btn-icon,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn:active .e-icons,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn:active .e-tbar-btn-text {
    color: var(--primary-color, #1B4F89) !important;
}

[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn.e-overlay,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-add .e-tbar-btn:disabled,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn.e-overlay,
[b-5odg7qplsh] .intake-panel .case-licenses-toolbar-scope .e-toolbar .e-toolbar-item.e-delete .e-tbar-btn:disabled {
    opacity: 0.55;
}

.permit-description-title[b-5odg7qplsh] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--primary-color) !important;
    margin: 0;
    text-align: left !important;
    display: inline-block !important;
    width: auto !important;
}

.permit-actions-row[b-5odg7qplsh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .new-application-header-row[b-5odg7qplsh] {
        margin-top: 16px;
        row-gap: 6px;
    }

    .new-application-header-row > .col[b-5odg7qplsh] {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    .new-application-header-row > .col:nth-child(2)[b-5odg7qplsh] {
        display: none;
    }

    .classh3[b-5odg7qplsh] {
        font-size: 17px !important;
        margin-bottom: 4px !important;
    }

    .status-container[b-5odg7qplsh] {
        text-align: left;
        margin-left: 4px;
    }

    .status[b-5odg7qplsh] {
        font-size: 15px;
        line-height: 1.2;
    }

    .permit-actions-row[b-5odg7qplsh] {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 12px;
        padding-right: 12px;
    }

    .permit-description-title[b-5odg7qplsh] {
        font-size: 16px !important;
        line-height: 1.3 !important;
        width: 100% !important;
        margin-left: 4px;
    }

    .bottom-action-buttons-align[b-5odg7qplsh] {
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }
}

[b-5odg7qplsh] .bottom-action-btn.e-btn,
[b-5odg7qplsh] .bottom-action-btn.e-btn.e-primary,
.bottom-action-buttons-align[b-5odg7qplsh]  .e-btn,
.bottom-action-buttons-align[b-5odg7qplsh]  .e-btn.e-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, var(--primary-color)) !important;
    color: #fff !important;
    border-radius: 4px;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .bottom-action-buttons-align[b-5odg7qplsh]  .e-btn,
    .bottom-action-buttons-align[b-5odg7qplsh]  .e-btn.e-primary,
    [b-5odg7qplsh] .bottom-action-btn.e-btn,
    [b-5odg7qplsh] .bottom-action-btn.e-btn.e-primary {
        flex: 1 1 calc(50% - 10px);
        min-width: 140px;
    }
}

[b-5odg7qplsh] .bottom-action-btn.e-btn:hover,
[b-5odg7qplsh] .bottom-action-btn.e-btn:focus,
[b-5odg7qplsh] .bottom-action-btn.e-btn:active,
.bottom-action-buttons-align[b-5odg7qplsh]  .e-btn:hover,
.bottom-action-buttons-align[b-5odg7qplsh]  .e-btn:focus,
.bottom-action-buttons-align[b-5odg7qplsh]  .e-btn:active {
    opacity: 0.88;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

[b-5odg7qplsh] .bottom-action-btn.e-btn:disabled,
[b-5odg7qplsh] .bottom-action-btn.e-btn.e-disabled,
.bottom-action-buttons-align[b-5odg7qplsh]  .e-btn:disabled,
.bottom-action-buttons-align[b-5odg7qplsh]  .e-btn.e-disabled {
    opacity: 0.55;
}

    .permit-overview-card[b-5odg7qplsh] {
    background-image: url(images/edit.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) 37px;
    background-size: 18px 18px;
    break-inside: avoid;
    }

    .spin-row[b-5odg7qplsh] {
    position: relative;
    height: 120px;
    width: 120px;
    }

    .e-card .e-card-content[b-5odg7qplsh] {
    overflow-y: auto;
    /*max-height: 290px;*/
    }

    .e-card[b-5odg7qplsh] {
    /*max-height: 290px;*/
    }

    .fieldLabel[b-5odg7qplsh] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
    padding-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px !important
    }


    .required-field-msg[b-5odg7qplsh] {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    color: red;
    font-size: 12px;
    letter-spacing: 0.15px;
}


    .e-tab .e-tab-header .e-toolbar-item .e-tab-text[b-5odg7qplsh] {
    display: inherit;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 100;
    text-transform: none;
    color: black;
    }

    .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text[b-5odg7qplsh], .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text[b-5odg7qplsh] {
    color: var(--primary-color, #1B4F89);
    }

    .e-play-icon[b-5odg7qplsh]::before {
    background-image: url('../images/file-earmark-arrow-down.svg');
    }

    .e-pause-icon[b-5odg7qplsh]::before {
    background-image: url('../images/calendar-plus.svg');
    }

    .e-mio-icon[b-5odg7qplsh]::before {
    content: '\e876';
    }

    .e-mio2-icon[b-5odg7qplsh]::before {
    content: '\e878';
    }

    .e-mio3-icon[b-5odg7qplsh]::before {
    content: '\e82a';
    }

    .e-mio4-icon[b-5odg7qplsh]::before {
    content: '\e7c8';
    }

    .e-checkbox-disabled .e-checkbox-wrapper .e-frame[b-5odg7qplsh] {
    border-color: #bdbdbd;
    }

    .e-checkbox-disabled .e-checkbox-wrapper[b-5odg7qplsh] {
    cursor: default;
    pointer-events: none;
    }

    .floating-button[b-5odg7qplsh] {
    position: fixed;
    bottom: 25px;
    right: 40px;
    border-color: transparent !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    }

    @font-face {
    font-family: 'button-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj1uSf8AAAEoAAAAVmNtYXDOXM6wAAABtAAAAFRnbHlmcV/SKgAAAiQAAAJAaGVhZBNt0QcAAADQAAAANmhoZWEIUQQOAAAArAAAACRobXR4NAAAAAAAAYAAAAA0bG9jYQNWA+AAAAIIAAAAHG1heHABGQAZAAABCAAAACBuYW1lASvfhQAABGQAAAJhcG9zdFAouWkAAAbIAAAA2AABAAAEAAAAAFwEAAAAAAAD9AABAAAAAAAAAAAAAAAAAAAADQABAAAAAQAAYD3WXF8PPPUACwQAAAAAANgtxgsAAAAA2C3GCwAAAAAD9AP0AAAACAACAAAAAAAAAAEAAAANAA0AAgAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wHnDQQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAQAAAAAYABAABAALnCOcN//8AAOcB5wr//wAAAAAAAQAGABQAAAABAAMABAAHAAIACgAJAAgABQAGAAsADAAAAAAADgAkAEQAWgByAIoApgDAAOAA+AEMASAAAQAAAAADYQP0AAIAADcJAZ4CxP08DAH0AfQAAAIAAAAAA9QD9AADAAcAACUhESEBIREhAm4BZv6a/b4BZv6aDAPo/BgD6AAAAgAAAAADpwP0AAMADAAANyE1ISUBBwkBJwERI1kDTvyyAYH+4y4BeQGANv7UTAxNlwEIPf6eAWI9/ukDEwAAAAIAAAAAA/QDngADAAcAADchNSETAyEBDAPo/Bj6+gPo/gxipgFy/t0CRwAAAQAAAAAD9AP0AAsAAAEhFSERMxEhNSERIwHC/koBtnwBtv5KfAI+fP5KAbZ8AbYAAQAAAAAD9AP0AAsAAAEhFSERMxEhNSERIwHh/isB1T4B1f4rPgIfPv4rAdU+AdUAAgAAAAAD9AOlAAMADAAANyE1ISUnBxc3JwcRIwwD6PwYAcWjLO7uLKI/Wj+hoSvs6iyhAm0AAAABAAAAAAP0A/QACwAAAREhFSERMxEhNSERAeH+KwHVPgHV/isD9P4rPv4rAdU+AdUAAAAAAgAAAAADdwP0AAMADAAANyE1ISUBBwkBJwERI4kC7v0SAVj+0SkBdgF4Kf7RPgw+rQEJL/64AUgv/vgC/AAAAAEAAAAAA/QD9AALAAABIRUhETMRITUhESMB2v4yAc5MAc7+MkwCJkz+MgHOTAHOAAIAAAAAA/QDzQADAAcAADchNSE1KQEBDAPo/BgB9AH0/gwzpZUCYAACAAAAAAP0A80AAwAHAAA3ITUhNSkBAQwD6PwYAfQB9P4MM6WVAmAAAAASAN4AAQAAAAAAAAABAAAAAQAAAAAAAQAMAAEAAQAAAAAAAgAHAA0AAQAAAAAAAwAMABQAAQAAAAAABAAMACAAAQAAAAAABQALACwAAQAAAAAABgAMADcAAQAAAAAACgAsAEMAAQAAAAAACwASAG8AAwABBAkAAAACAIEAAwABBAkAAQAYAIMAAwABBAkAAgAOAJsAAwABBAkAAwAYAKkAAwABBAkABAAYAMEAAwABBAkABQAWANkAAwABBAkABgAYAO8AAwABBAkACgBYAQcAAwABBAkACwAkAV8gYnV0dG9uLWljb25zUmVndWxhcmJ1dHRvbi1pY29uc2J1dHRvbi1pY29uc1ZlcnNpb24gMS4wYnV0dG9uLWljb25zRm9udCBnZW5lcmF0ZWQgdXNpbmcgU3luY2Z1c2lvbiBNZXRybyBTdHVkaW93d3cuc3luY2Z1c2lvbi5jb20AIABiAHUAdAB0AG8AbgAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAGIAdQB0AHQAbwBuAC0AaQBjAG8AbgBzAGIAdQB0AHQAbwBuAC0AaQBjAG8AbgBzAFYAZQByAHMAaQBvAG4AIAAxAC4AMABiAHUAdAB0AG8AbgAtAGkAYwBvAG4AcwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIAB1AHMAaQBuAGcAIABTAHkAbgBjAGYAdQBzAGkAbwBuACAATQBlAHQAcgBvACAAUwB0AHUAZABpAG8AdwB3AHcALgBzAHkAbgBjAGYAdQBzAGkAbwBuAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4ACm1lZGlhLXBsYXkLbWVkaWEtcGF1c2UQLWRvd25sb2FkLTAyLXdmLQltZWRpYS1lbmQHYWRkLW5ldwtuZXctbWFpbC13ZhB1c2VyLWRvd25sb2FkLXdmDGV4cGFuZC0wMy13Zg5kb3dubG9hZC0wMi13ZgphZGQtbmV3XzAxC21lZGlhLWVqZWN0Dm1lZGlhLWVqZWN0LTAxAAA=) format('truetype');
    font-weight: normal;
    font-style: normal;
    }

    .e-btn-sb-icons[b-5odg7qplsh] {
    font-family: 'button-icons';
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    .e-add-icon[b-5odg7qplsh]::before {
    content: url('../images/Help_Icon.svg') !important;
    background-color: transparent !important;
    border-color: transparent !important;
    background-repeat: no-repeat !important;
    }

    .rowcolor[b-5odg7qplsh] {
    background-color: lightblue;
    }

    .e-play-icon[b-5odg7qplsh]::before {
    content: '\e324';
    }

    .e-pause-icon[b-5odg7qplsh]::before {
    content: '\e326';
    }

    .e-message[b-5odg7qplsh]::before {
    content: '\e7cb';
    font-size: 30px;
    color: black;
    }

    .e-edit[b-5odg7qplsh]::before {
    content: '\e78f';
    }

    .e-delete[b-5odg7qplsh]::before {
    content: '\e773';
    }

    .e-like[b-5odg7qplsh]::before {
    content: '\e682';
    }

    .e-circle-add[b-5odg7qplsh]::before {
    content: '\e755';
    font-size: 30px;
    color: black;
    }

    .e-dropdown-btn.e-custom[b-5odg7qplsh] {
    width: 85px !important;
    }

    .e-dropdown-btn.e-custom .e-search[b-5odg7qplsh]::before {
    font-size: 100px !important;
    }

    .e-btn.e-custom[b-5odg7qplsh] {
    background-color: transparent;
    border-color: transparent;
    }

    .e-custom:hover[b-5odg7qplsh] {
    background-color: transparent;
    border-color: transparent;
    }

    .e-custom:active[b-5odg7qplsh] {
    background-color: transparent;
    border-color: transparent;
    }

    .e-btn.e-active.e-custom[b-5odg7qplsh] {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    }

    .e-dropdown-btn.e-custom[b-5odg7qplsh] {
    width: 50px !important;
    height: 50px;
    }

    .e-btn:focus.e-custom[b-5odg7qplsh] {
    background-color: transparent;
    border-color: transparent;
    outline: none;
    }

    .e-toolbar-item.e-template.e-ileft[b-5odg7qplsh] {
    border-right: 1px solid black;
    border-left: 1px solid black;
    }

    .e-toolbar-item.e-template.e-ileft.e-active[b-5odg7qplsh] {
    border-right: 1px solid black;
    border-left: 1px solid black;
    }

    .e-accordion .e-acrdn-item.e-select > .e-acrdn-header[b-5odg7qplsh] {
    color: var(--primary-color, #1B4F89);
    font-weight: bold;
    font-size: 20px;
    }

    .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content[b-5odg7qplsh] {
    color: var(--primary-color, #1B4F89);
    font-weight: bold;
    font-size: 20px;
    }

    .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content[b-5odg7qplsh] {
    color: var(--primary-color, #1B4F89);
    font-weight: bold;
    font-size: 20px;
    }

    .people-creation-header[b-5odg7qplsh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
    }

    .people-creation-count[b-5odg7qplsh] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: var(--secondary-color, #22A6DE) !important;
        letter-spacing: 0.01em;
    }

    .creation-person-card[b-5odg7qplsh] {
    border: 1px solid #dadada;
    border-radius: 12px;
    background: #e7f1ff !important;
    margin-bottom: 12px;
    overflow: visible;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.04);
    }

    .creation-person-card-header[b-5odg7qplsh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    background: #e7f1ff !important;
    cursor: pointer;
    gap: 12px;
    transition: background-color 0.18s ease;
    border-bottom: 1px solid #dadada;
    min-height: 44px;
    border-radius: 12px 12px 0 0;
    }

    .creation-person-card-header:hover[b-5odg7qplsh] {
    background: #f1f7ff;
    }

    .creation-person-card-header:focus-visible[b-5odg7qplsh] {
    outline: 2px solid #2563eb;
    outline-offset: -2px;
    }

    .creation-person-role[b-5odg7qplsh] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    }

    .creation-person-actions[b-5odg7qplsh] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
    }

    .creation-icon-btn[b-5odg7qplsh] {
    border: 1px solid #d0d5dd;
    background: #fff;
    border-radius: 8px;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 6px;
    transition: all 0.16s ease;
    }

    .creation-icon-btn:hover[b-5odg7qplsh] {
    border-color: #9db3c9;
    background: #f8fbff;
    }

    .creation-icon-btn img[b-5odg7qplsh] {
    max-height: 18px;
    width: auto;
    }

    .creation-chip-btn[b-5odg7qplsh] {
    border: 1px solid #d0d5dd;
    background: #fff;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 12px;
    color: #344054;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.16s ease;
    }

    .creation-chip-btn:hover[b-5odg7qplsh] {
    border-color: #9db3c9;
    background: #f8fbff;
    }

    .creation-person-card-body[b-5odg7qplsh] {
    padding: 12px;
    background: #ffffff;
    border-radius: 0 0 12px 12px;
    }

    @media (max-width: 575.98px) {
    .people-creation-header[b-5odg7qplsh] {
    align-items: stretch;
    }

    .people-creation-header .e-btn[b-5odg7qplsh] {
    width: 100%;
    }

    .creation-person-card-header[b-5odg7qplsh] {
    padding: 10px 12px;
    align-items: flex-start;
    }

    .creation-person-role[b-5odg7qplsh] {
    font-size: 14px;
    }

    .creation-person-card-body[b-5odg7qplsh] {
    padding: 10px;
    }
    }

    /* ── Intake Panel Shell ─────────────────────────────── */
    .intake-panel[b-5odg7qplsh] {
        background: #fff;
        border: 1px solid #dce8e5;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.07);
        margin-bottom: 1rem;
        overflow: hidden;
    }
    
    .intake-panel-title[b-5odg7qplsh] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    letter-spacing: 0.01em;
    vertical-align: middle;
    }

    .intake-panel-alert[b-5odg7qplsh] {
        display: inline-flex;
        align-items: center;
        margin-right: 6px;
        vertical-align: middle;
    }

    .intake-panel-alert img[b-5odg7qplsh] {
        display: block;
    }

    .visually-hidden[b-5odg7qplsh] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
    .e-accordion .e-acrdn-item > .e-acrdn-header[b-5odg7qplsh] {
        border-left: 4px solid #0f6b66;
        padding-left: 12px;
        min-height: 44px;
    }
    .e-accordion .e-acrdn-item > .e-acrdn-header:focus-within[b-5odg7qplsh] {
        outline: 3px solid #0f6b66;
        outline-offset: 2px;
        box-shadow: 0 0 0 2px #ffffff;
    }

    .attachments-mobile-list[b-5odg7qplsh] {
        display: none;
    }
    .attachment-mobile-card[b-5odg7qplsh] {
        border: 1px solid #dce8e5;
        border-radius: 10px;
        padding: 12px;
        background: #fff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    }
    .attachment-mobile-card + .attachment-mobile-card[b-5odg7qplsh] {
        margin-top: 10px;
    }
    .attachment-mobile-card-header[b-5odg7qplsh] {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        align-items: flex-start;
        margin-bottom: 8px;
    }
    .attachment-mobile-type[b-5odg7qplsh] {
        font-weight: 600;
        color: #1f3443;
    }
    .attachment-mobile-state[b-5odg7qplsh] {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }


/* History dialog responsive rendering */
.history-mobile-cards[b-5odg7qplsh] {
    display: none;
}

.history-card[b-5odg7qplsh] {
    border: 1px solid #d9dfe5;
    border-radius: 10px;
    background: #fff;
    padding: 14px 16px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

.history-card-row[b-5odg7qplsh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 8px;
}

.history-card-label[b-5odg7qplsh] {
    font-size: 12px;
    color: #5f6368;
    font-weight: 600;
}

.history-card-value[b-5odg7qplsh] {
    font-size: 14px;
    color: #1f2933;
    word-break: break-word;
}

.history-card-actions[b-5odg7qplsh] {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
}

.history-empty-state[b-5odg7qplsh] {
    padding: 10px;
    color: #5f6368;
    font-size: 14px;
}

@media (max-width: 768px) {
    .history-desktop-grid[b-5odg7qplsh] {
        display: none;
    }

    .history-mobile-cards[b-5odg7qplsh] {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .e-dialog.e-dlg-modal[b-5odg7qplsh] {
        width: 95vw !important;
        min-width: unset !important;
        max-width: 95vw !important;
    }
}
    .attachment-chip[b-5odg7qplsh] {
        font-size: 12px;
        padding: 2px 8px;
        border-radius: 999px;
        border: 1px solid #d0d7de;
        color: #344054;
        background: #fff;
    }
    .attachment-chip.required[b-5odg7qplsh] {
        border-color: #c0392b;
        color: #c0392b;
    }
    .attachment-chip.uploaded[b-5odg7qplsh] {
        border-color: #1f7a3d;
        color: #1f7a3d;
    }
    .attachment-chip.missing[b-5odg7qplsh] {
        border-color: #b54708;
        color: #b54708;
    }
    .attachment-file-link[b-5odg7qplsh] {
        border: 0;
        background: transparent;
        padding: 0;
        color: #0b5ed7;
        text-decoration: underline;
        text-align: left;
        cursor: pointer;
        font-size: 14px;
    }
    .attachment-mobile-date[b-5odg7qplsh] {
        margin-top: 4px;
        font-size: 12px;
        color: #667085;
    }
    .attachment-mobile-empty[b-5odg7qplsh] {
        font-size: 13px;
        color: #667085;
    }
    .attachment-mobile-actions[b-5odg7qplsh] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .attachment-mobile-btn[b-5odg7qplsh] {
        border: 1px solid #d0d7de;
        background: #fff;
        border-radius: 8px;
        padding: 6px 10px;
        font-size: 13px;
        cursor: pointer;
    }
    .attachment-actions-bar[b-5odg7qplsh] {
        margin-top: 10px;
    }
    .attachment-toolbar[b-5odg7qplsh] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 10px;
    }
    .attachment-toolbar-btn[b-5odg7qplsh] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 0;
        border-radius: 4px;
        background: var(--primary-color, #1B4F89);
        color: #fff;
        font-family: inherit;
        font-weight: normal;
        font-size: 13px;
        line-height: 1.4;
        padding: 6px 16px;
        cursor: pointer;
        box-shadow: none;
        text-decoration: none;
    }
    .attachment-toolbar-btn:hover[b-5odg7qplsh],
    .attachment-toolbar-btn:focus[b-5odg7qplsh],
    .attachment-toolbar-btn:active[b-5odg7qplsh] {
        opacity: 0.88;
        color: #fff;
        text-decoration: none;
    }
    .attachment-toolbar-btn:disabled[b-5odg7qplsh] {
        opacity: 0.55;
    }

    .attachment-toolbar-btn[b-5odg7qplsh]::before,
    .attachment-toolbar-btn[b-5odg7qplsh]::after,
    .attachment-toolbar-btn span[b-5odg7qplsh]::before,
    .attachment-toolbar-btn span[b-5odg7qplsh]::after {
        content: none !important;
        display: none !important;
    }

    .attachment-toolbar-btn .e-icons[b-5odg7qplsh],
    .attachment-toolbar-btn .e-btn-icon[b-5odg7qplsh],
    .attachment-toolbar-btn [class*="icon"][b-5odg7qplsh],
    .attachment-toolbar-btn [class*="e-icon"][b-5odg7qplsh] {
        display: none !important;
    }

    .attachment-toolbar-btn.help[b-5odg7qplsh] {
        background: var(--primary-color, #1B4F89);
    }
    .attachment-toolbar-btn.review[b-5odg7qplsh] {
        background: var(--primary-color, #1B4F89);
    }

    @media (max-width: 767.98px) {
        .attachments-grid-desktop[b-5odg7qplsh] {
            display: none;
        }
        .attachments-mobile-list[b-5odg7qplsh] {
            display: block;
        }
        .attachment-actions-bar[b-5odg7qplsh] {
            display: flex;
            flex-direction: column;
            gap: 8px;
            align-items: stretch;
        }
        .attachment-toolbar[b-5odg7qplsh] {
            justify-content: stretch;
            gap: 8px;
        }
        .attachment-toolbar-btn[b-5odg7qplsh] {
            width: 100%;
            font-size: 13px;
            padding: 6px 12px;
        }
    }

.contractor-add-cards-mobile[b-5odg7qplsh] {
    display: none;
}

.contractor-add-mobile-card[b-5odg7qplsh] {
    width: 100%;
    border: 1px solid #dce8e5;
    background: #fff;
    border-radius: 10px;
    padding: 10px 14px;
    text-align: left;
    margin-bottom: 8px;
    cursor: pointer;
    font-family: inherit;
}

.contractor-add-mobile-card.is-selected[b-5odg7qplsh] {
    border-color: var(--primary-color, #1B4F89);
    box-shadow: 0 0 0 2px rgba(27, 79, 137, 0.18);
}

.contractor-add-mobile-name[b-5odg7qplsh] {
    font-weight: 600;
    color: var(--primary-color, #1B4F89);
    font-size: 14px;
}

.contractor-add-mobile-meta[b-5odg7qplsh] {
    margin-top: 3px;
    font-size: 12px;
    color: #667085;
}

@media (max-width: 767.98px) {
    .contractor-add-grid-desktop[b-5odg7qplsh] {
        display: none;
    }
    .contractor-add-cards-mobile[b-5odg7qplsh] {
        display: block;
    }
}
/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/PermitAttachmentBulkEdit.razor.rz.scp.css */
/* Alinear el botón close a la derecha dentro de e-dlg-header-content */
.e-dlg-header-content[b-yhe8dawr06] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100%;
    padding: 0 16px 0 0 !important;
    box-sizing: border-box;
    position: relative;
}


.attachments-close-btn[b-yhe8dawr06] {
    margin-left: auto !important;
    margin-right: 0 !important;
}
/* Separación entre el título y la sección de ayuda */
.attachments-dialog-title + .upload-help-sections[b-yhe8dawr06] {
    margin-top: 10px;
    margin-bottom: 15px !important; 
}
/* Separación extra para mensajes vacíos debajo del título */
.attachment-guidance-empty[b-yhe8dawr06] {
    margin-bottom: 14px;
}

/* ==================== PermitAttachmentBulkEdit Styles ==================== */

.attachment-upload-dialog .attachment-toolbar-btn[b-yhe8dawr06],
.attachment-upload-dialog .e-btn.e-primary.attachment-toolbar-btn[b-yhe8dawr06],
.attachment-upload-dialog .e-btn.e-btn.attachment-toolbar-btn[b-yhe8dawr06],
.attachment-upload-dialog .attachment-toolbar-btn.e-btn.e-primary[b-yhe8dawr06] {
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
}
.attachment-upload-dialog .attachment-toolbar-btn:hover[b-yhe8dawr06],
.attachment-upload-dialog .e-btn.e-primary.attachment-toolbar-btn:hover[b-yhe8dawr06],
.attachment-upload-dialog .e-btn.e-btn.attachment-toolbar-btn:hover[b-yhe8dawr06],
.attachment-upload-dialog .attachment-toolbar-btn.e-btn.e-primary:hover[b-yhe8dawr06] {
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
}
.attachment-upload-dialog .attachment-toolbar-btn:active[b-yhe8dawr06],
.attachment-upload-dialog .e-btn.e-primary.attachment-toolbar-btn:active[b-yhe8dawr06],
.attachment-upload-dialog .e-btn.e-btn.attachment-toolbar-btn:active[b-yhe8dawr06],
.attachment-upload-dialog .attachment-toolbar-btn.e-btn.e-primary:active[b-yhe8dawr06] {
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
}
.attachment-upload-dialog .attachment-toolbar-btn:focus[b-yhe8dawr06],
.attachment-upload-dialog .e-btn.e-primary.attachment-toolbar-btn:focus[b-yhe8dawr06],
.attachment-upload-dialog .e-btn.e-btn.attachment-toolbar-btn:focus[b-yhe8dawr06],
.attachment-upload-dialog .attachment-toolbar-btn.e-btn.e-primary:focus[b-yhe8dawr06] {
    background: var(--primary-color, #1B4F89) !important;
    color: #fff !important;
}

/* Header compacto y alineado */

.attachments-dialog-header-row[b-yhe8dawr06] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0 0 0 0;
    height: 44px;
    min-height: 44px;
    background: #fff;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
    position: relative;
    box-sizing: border-box;
    gap: 0;
}

.attachments-dialog-title-header[b-yhe8dawr06] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    color: var(--secondary-color, #22a6de);
    margin-bottom: 0;
    letter-spacing: 0;
    flex: 1 1 auto;
    align-self: center;
    display: flex;
    align-items: center;
    height: 100%;
}


.attachments-dialog-title[b-yhe8dawr06] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    color: var(--secondary-color, #22a6de);
    margin-bottom: 15px;
    letter-spacing: 0;
    flex: 1 1 auto;
    align-self: center;
    display: flex;
    align-items: center;
    height: 100%;
    min-width: 0;
}

.attachments-close-btn[b-yhe8dawr06] {
    margin-left: auto !important;
    margin-right: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #888 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    width: 36px !important;
    height: 36px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 !important;
    outline: none !important;
    transition: color 0.15s;
    position: static;
    max-width: none !important;
    right: 0;
    /* Refuerzo para que quede pegado al borde derecho */
    align-self: center;
}

.attachment-guidance-title[b-yhe8dawr06] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    margin-bottom: 8px;
}
.attachment-guidance-item[b-yhe8dawr06] {
    border: 1px solid #dadada;
    border-radius: 10px;
    background: #ffffff;
    padding: 10px;
    margin-bottom: 8px;
}

/* Browse button hover/focus/active */
.attachment-upload-dialog .e-upload .e-btn.e-upload-browse-btn:hover[b-yhe8dawr06],
.attachment-upload-dialog .e-upload .e-btn.e-upload-browse-btn:focus[b-yhe8dawr06],
.attachment-upload-dialog .e-upload .e-btn.e-upload-browse-btn:active[b-yhe8dawr06],
.attachment-upload-dialog .e-upload .attachment-toolbar-btn.e-btn.e-upload-browse-btn:hover[b-yhe8dawr06],
.attachment-upload-dialog .e-upload .attachment-toolbar-btn.e-btn.e-upload-browse-btn:focus[b-yhe8dawr06],
.attachment-upload-dialog .e-upload .attachment-toolbar-btn.e-btn.e-upload-browse-btn:active[b-yhe8dawr06] {
    background: var(--primary-color, #1B4F89) !important;
    border-color: #dadada !important;
    color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
}
.attachment-upload-dialog .e-upload .e-btn.e-upload-browse-btn:disabled[b-yhe8dawr06],
.attachment-upload-dialog .e-upload .attachment-toolbar-btn.e-btn.e-upload-browse-btn:disabled[b-yhe8dawr06] {
    background-color: grey !important;
    border-color: #dadada!important;
    color: #ffffff !important;
    opacity: 1 !important;
    cursor: not-allowed;
}

/* Dialog menos ancho en escritorio */
.attachment-upload-dialog[b-yhe8dawr06] {
    max-width: 50vw !important;
    width: 50vw !important;
    min-width: 320px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
@media (max-width: 700px) {
    .attachment-upload-dialog[b-yhe8dawr06] {
        max-width: 96vw !important;
        width: 96vw !important;
        min-width: unset;
    }
}

/* Mostrar grid en desktop, cards en mobile */
.upload-list-mobile[b-yhe8dawr06] {
    display: none;
}

@media (max-width: 768px) {
    .upload-grid-desktop[b-yhe8dawr06] {
        display: none;
    }

    .upload-list-mobile[b-yhe8dawr06] {
        display: block;
    }
}
/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/PermitAttachments.razor.rz.scp.css */
.classh3[b-hl46a2jy7h] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22A6DE) !important;
    margin: 0 0 10px 0 !important;
}

.att-admin-labels[b-hl46a2jy7h] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.att-admin-label-primary[b-hl46a2jy7h] {
    color: var(--att-primary-label-color, #1b4f89);
}

.att-admin-label-secondary[b-hl46a2jy7h] {
    color: var(--att-secondary-label-color, #22a6de);
}

.att-admin-label-tertiary[b-hl46a2jy7h] {
    color: var(--att-tertiary-label-color, #0f6b66);
}

/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/PermitDatas.razor.rz.scp.css */
.subtitle_grids[b-rkgoqfx998] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/PermitFees.razor.rz.scp.css */
.open-btn[b-ereoj5qguv],
.open-btn *[b-ereoj5qguv],
.e-btn.open-btn[b-ereoj5qguv],
.e-btn.open-btn *[b-ereoj5qguv],
.e-btn.open-btn .e-btn-content[b-ereoj5qguv],
.e-btn.open-btn .e-btn-content *[b-ereoj5qguv] {
    color: #fff !important;
    fill: #fff !important;
}
/* Forzar color blanco en todos los casos posibles, incluso shadow DOM de Syncfusion */
.open-btn[b-ereoj5qguv],
.open-btn *[b-ereoj5qguv],
.e-btn.open-btn[b-ereoj5qguv],
.e-btn.open-btn *[b-ereoj5qguv],
.e-btn.open-btn .e-btn-content[b-ereoj5qguv],
.e-btn.open-btn .e-btn-content *[b-ereoj5qguv],
button[class*="open-btn"][b-ereoj5qguv],
button[class*="open-btn"] *[b-ereoj5qguv],
button.e-btn.open-btn[b-ereoj5qguv],
button.e-btn.open-btn *[b-ereoj5qguv],
:is(.open-btn, .e-btn.open-btn, button.e-btn.open-btn)[b-ereoj5qguv]  *,
:is(.open-btn, .e-btn.open-btn, button.e-btn.open-btn)[b-ereoj5qguv]  span,
:is(.open-btn, .e-btn.open-btn, button.e-btn.open-btn)[b-ereoj5qguv]  strong {
    color: #fff !important;
    fill: #fff !important;
}
.e-btn.open-btn[b-ereoj5qguv],
.e-btn.open-btn *[b-ereoj5qguv],
.open-btn[b-ereoj5qguv],
.open-btn *[b-ereoj5qguv],
.e-btn.open-btn .e-btn-content[b-ereoj5qguv],
.e-btn.open-btn .e-btn-content *[b-ereoj5qguv] {
    color: #fff !important;
    fill: #fff !important;
}
.e-btn.open-btn[b-ereoj5qguv],
.e-btn.open-btn span[b-ereoj5qguv],
.open-btn[b-ereoj5qguv] {
    color: #fff !important;
}
@media (max-width: 700px) {
    .overview-card-content-row[b-ereoj5qguv] {
        padding-left: 12px;
        padding-right: 12px;
    }
    .overview-card-content-row > [class^="col-"][b-ereoj5qguv],
    .overview-card-content-row > [class*=" col-"][b-ereoj5qguv] {
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex;
        justify-content: center;
    }
    .permit-card[b-ereoj5qguv] {
        width: 100%;
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
}

.classh3[b-ereoj5qguv] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
.card-list[b-ereoj5qguv] {
    margin-top: 20px;
}
.overview-card-content-row > [class^="col-"][b-ereoj5qguv],
.overview-card-content-row > [class*=" col-"][b-ereoj5qguv] {
    margin-bottom: 32px;
}
.permit-card[b-ereoj5qguv] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(34, 166, 222, 0.08);
    transition: box-shadow 0.2s;
    background: #fff;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.permit-card:hover[b-ereoj5qguv] {
    box-shadow: 0 4px 16px rgba(34, 166, 222, 0.18);
}
.permit-card .card-title[b-ereoj5qguv] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    font-size: 1.1rem;
    background: none;
}
.permit-card .card-subtitle[b-ereoj5qguv] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    color: #333;
}
.hpc-card-label[b-ereoj5qguv] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    text-transform: none;
    letter-spacing: 0;
}
.hpc-card-value[b-ereoj5qguv] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align: left;
}
.open-btn[b-ereoj5qguv] {
    display: inline-block;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769);
    color: #fff !important;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    transition: background 0.15s, color 0.15s, opacity 0.15s;
}
.open-btn:hover[b-ereoj5qguv] {
    opacity: 0.88;
    color: #fff;
    text-decoration: none;
}
/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/PermitGeneralEdit.razor.rz.scp.css */
.classh3[b-pb4amk8n46] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/PermitOverviewPageLowSync.razor.rz.scp.css */
/* Responsive: tags debajo de botones en mobile */
@media (max-width: 900px) {
    .permit-header-row[b-b7u2nggnz2] {
        flex-direction: column !important;
        display: flex !important;
        align-items: stretch !important;
    }
    .permit-header-row > .info-section[b-b7u2nggnz2],
    .permit-header-row > .col-3.card-container[b-b7u2nggnz2] {
        width: 100% !important;
        max-width: 100% !important;
    }
    .gi-tags-row[b-b7u2nggnz2] {
        width: 100% !important;
        margin-top: 12px !important;
        margin-bottom: 0 !important;
        order: 3;
    }
}

/* History dialog responsive rendering */
.history-mobile-cards[b-b7u2nggnz2] {
    display: none;
}

.history-card[b-b7u2nggnz2] {
    border: 1px solid #d9dfe5;
    border-radius: 10px;
    background: #fff;
    padding: 12px;
    margin-bottom: 10px;
}

.history-card-row[b-b7u2nggnz2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 8px;
}

.history-card-label[b-b7u2nggnz2] {
    font-size: 12px;
    color: #5f6368;
    font-weight: 600;
}

.history-card-value[b-b7u2nggnz2] {
    font-size: 14px;
    color: #1f2933;
    word-break: break-word;
}

.history-card-actions[b-b7u2nggnz2] {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
}

.history-empty-state[b-b7u2nggnz2] {
    padding: 10px;
    color: #5f6368;
    font-size: 14px;
}

@media (max-width: 768px) {
    .history-desktop-grid[b-b7u2nggnz2] {
        display: none;
    }

    .history-mobile-cards[b-b7u2nggnz2] {
        display: block;
    }
}
/* Responsive horizontal slider for permit-tabs-carousel */
@media (max-width: 1100px) {
    .permit-tabs-carousel[b-b7u2nggnz2] {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        gap: 8px;
        width: 100%;
        padding: 14px 0;
        align-items: stretch;
        scrollbar-width: thin;
        scrollbar-color: var(--portal-primary-color, #1b4f89) #f0f0f0;
    }
    .permit-tabs-carousel .tab-card-col[b-b7u2nggnz2] {
        flex: 0 0 140px;
        min-width: 120px;
        max-width: 180px;
        margin-right: 8px;
        box-sizing: border-box;
    }
    /* Hide last margin on last card */
    .permit-tabs-carousel .tab-card-col:last-child[b-b7u2nggnz2] {
        margin-right: 0;
    }
    /* Optional: style scroll bar for webkit */
    .permit-tabs-carousel[b-b7u2nggnz2]::-webkit-scrollbar {
        height: 8px;
        background: #f0f0f0;
    }
    .permit-tabs-carousel[b-b7u2nggnz2]::-webkit-scrollbar-thumb {
        background: var(--portal-primary-color, #1b4f89);
        border-radius: 4px;
    }
}
/* Definición global del color primario */
:root[b-b7u2nggnz2] {
    --portal-primary-color: #1b4f89;
}
/* Estilos personalizados para <strong> y <p> dentro de .e-acrdn-content */
.e-acrdn-content strong[b-b7u2nggnz2], .e-acrdn-content .strong-acrdn[b-b7u2nggnz2] {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15px;
    line-height: 19px;
}

.e-acrdn-content p[b-b7u2nggnz2], .e-acrdn-content .p-acrdn[b-b7u2nggnz2] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
}
/* Modal ocupa la mitad de la pantalla (desktop) y 96vw en móvil */
.permit-overview-dialog[b-b7u2nggnz2], .e-dialog[b-b7u2nggnz2], .e-popup[b-b7u2nggnz2], .e-popup.e-dialog[b-b7u2nggnz2] {
    max-width: 50vw !important;
    width: 50vw !important;
    min-width: 320px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
.permit-overview-dialog *[b-b7u2nggnz2],
.e-dialog *[b-b7u2nggnz2],
.e-popup *[b-b7u2nggnz2],
.e-popup.e-dialog *[b-b7u2nggnz2] {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
@media (max-width: 700px) {
    .permit-overview-dialog[b-b7u2nggnz2], .e-dialog[b-b7u2nggnz2], .e-popup[b-b7u2nggnz2], .e-popup.e-dialog[b-b7u2nggnz2] {
        max-width: 96vw !important;
        width: 96vw !important;
        min-width: unset;
    }
}
@media (max-width: 1100px) {
    .recent-activity-list[b-b7u2nggnz2] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .recent-activity-list[b-b7u2nggnz2] {
        grid-template-columns: 1fr;
    }
}
/* Recent Activity grid: 3 cards per row and spacing */

@media (min-width: 1101px) {
    .recent-activity-list[b-b7u2nggnz2] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        width: 100%;
        box-sizing: border-box;
    }
    .recent-activity-list .activity-card[b-b7u2nggnz2] {
        min-width: 0;
        margin: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
    }
}

@media (max-width: 1100px) {
    .recent-activity-list[b-b7u2nggnz2] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 700px) {
    .recent-activity-list[b-b7u2nggnz2] {
        grid-template-columns: 1fr;
    }
}

.recent-activity-list .activity-card[b-b7u2nggnz2] {
    margin: 0;
    box-sizing: border-box;
}
/* Unifica el ancho de los bloques Recent Activity y To-Do */
.overview-block[b-b7u2nggnz2] {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}
.final-documents-header[b-b7u2nggnz2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}
.classh3[b-b7u2nggnz2] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: #22a6de !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.background_content[b-b7u2nggnz2] {
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    background-color: #ffffff !important;
    border-radius: 0;
    padding-top: 0;
}

[b-b7u2nggnz2] .e-card-header-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: var(--portal-primary-color, #22a6de);
    font-weight: 700;
    line-height: 1.2;
}

.permit-overview-card[b-b7u2nggnz2] {
    background-image: url(images/edit.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-origin: content-box;
    break-inside: avoid;
    padding-left: 10px;
    padding-right: 10px;
}

.spin-row[b-b7u2nggnz2] {
    position: relative;
    height: 120px;
    width: 120px;
}

.e-card .e-card-content[b-b7u2nggnz2] {
    overflow-y: auto;
    padding-top: 0px;
    /*max-height: 290px;*/
}

.e-card[b-b7u2nggnz2] {
    /*max-height: 290px;*/
}

.fieldLabel[b-b7u2nggnz2] {
    padding-top: 5px !important
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text[b-b7u2nggnz2] {
    display: inherit;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 18px;
    font-weight: 100;
    text-transform: capitalize;
    color: black;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text[b-b7u2nggnz2], .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text[b-b7u2nggnz2] {
    /*  color: #0d6efd; */
}

.e-play-icon[b-b7u2nggnz2]::before {
    content: '\e324';
    background-image: url('../images/file-earmark-arrow-down.svg');
}

.e-pause-icon[b-b7u2nggnz2]::before {
    content: '\e326';
    background-image: url('../images/calendar-plus.svg');
}

.e-mio-icon[b-b7u2nggnz2]::before {
    content: '\e876';
}

.e-mio2-icon[b-b7u2nggnz2]::before {
    content: '\e878';
}

.e-mio3-icon[b-b7u2nggnz2]::before {
    content: '\e82a';
}

.e-mio4-icon[b-b7u2nggnz2]::before {
    content: '\e7c8';
}

.e-checkbox-disabled .e-checkbox-wrapper .e-frame[b-b7u2nggnz2] {
    border-color: #bdbdbd;
}

.e-checkbox-disabled .e-checkbox-wrapper[b-b7u2nggnz2] {
    cursor: default;
    pointer-events: none;
}

.floating-button[b-b7u2nggnz2] {
    position: fixed;
    bottom: 25px;
    right: 40px;
    border-color: transparent !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

@font-face {
    font-family: 'button-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj1uSf8AAAEoAAAAVmNtYXDOXM6wAAABtAAAAFRnbHlmcV/SKgAAAiQAAAJAaGVhZBNt0QcAAADQAAAANmhoZWEIUQQOAAAArAAAACRobXR4NAAAAAAAAYAAAAA0bG9jYQNWA+AAAAIIAAAAHG1heHABGQAZAAABCAAAACBuYW1lASvfhQAABGQAAAJhcG9zdFAouWkAAAbIAAAA2AABAAAEAAAAAFwEAAAAAAAD9AABAAAAAAAAAAAAAAAAAAAADQABAAAAAQAAYD3WXF8PPPUACwQAAAAAANgtxgsAAAAA2C3GCwAAAAAD9AP0AAAACAACAAAAAAAAAAEAAAANAA0AAgAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wHnDQQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAQAAAAAYABAABAALnCOcN//8AAOcB5wr//wAAAAAAAQAGABQAAAABAAMABAAHAAIACgAJAAgABQAGAAsADAAAAAAADgAkAEQAWgByAIoApgDAAOAA+AEMASAAAQAAAAADYQP0AAIAADcJAZ4CxP08DAH0AfQAAAIAAAAAA9QD9AADAAcAACUhESEBIREhAm4BZv6a/b4BZv6aDAPo/BgD6AAAAgAAAAADpwP0AAMADAAANyE1ISUBBwkBJwERI1kDTvyyAYH+4y4BeQGANv7UTAxNlwEIPf6eAWI9/ukDEwAAAAIAAAAAA/QDngADAAcAADchNSETAyEBDAPo/Bj6+gPo/gxipgFy/t0CRwAAAQAAAAAD9AP0AAsAAAEhFSERMxEhNSERIwHC/koBtnwBtv5KfAI+fP5KAbZ8AbYAAQAAAAAD9AP0AAsAAAEhFSERMxEhNSERIwHh/isB1T4B1f4rPgIfPv4rAdU+AdUAAgAAAAAD9AOlAAMADAAANyE1ISUnBxc3JwcRIwwD6PwYAcWjLO7uLKI/Wj+hoSvs6iyhAm0AAAABAAAAAAP0A/QACwAAAREhFSERMxEhNSERAeH+KwHVPgHV/isD9P4rPv4rAdU+AdUAAAAAAgAAAAADdwP0AAMADAAANyE1ISUBBwkBJwERI4kC7v0SAVj+0SkBdgF4Kf7RPgw+rQEJL/64AUgv/vgC/AAAAAEAAAAAA/QD9AALAAABIRUhETMRITUhESMB2v4yAc5MAc7+MkwCJkz+MgHOTAHOAAIAAAAAA/QDzQADAAcAADchNSE1KQEBDAPo/BgB9AH0/gwzpZUCYAACAAAAAAP0A80AAwAHAAA3ITUhNSkBAQwD6PwYAfQB9P4MM6WVAmAAAAASAN4AAQAAAAAAAAABAAAAAQAAAAAAAQAMAAEAAQAAAAAAAgAHAA0AAQAAAAAAAwAMABQAAQAAAAAABAAMACAAAQAAAAAABQALACwAAQAAAAAABgAMADcAAQAAAAAACgAsAEMAAQAAAAAACwASAG8AAwABBAkAAAACAIEAAwABBAkAAQAYAIMAAwABBAkAAgAOAJsAAwABBAkAAwAYAKkAAwABBAkABAAYAMEAAwABBAkABQAWANkAAwABBAkABgAYAO8AAwABBAkACgBYAQcAAwABBAkACwAkAV8gYnV0dG9uLWljb25zUmVndWxhcmJ1dHRvbi1pY29uc2J1dHRvbi1pY29uc1ZlcnNpb24gMS4wYnV0dG9uLWljb25zRm9udCBnZW5lcmF0ZWQgdXNpbmcgU3luY2Z1c2lvbiBNZXRybyBTdHVkaW93d3cuc3luY2Z1c2lvbi5jb20AIABiAHUAdAB0AG8AbgAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAGIAdQB0AHQAbwBuAC0AaQBjAG8AbgBzAGIAdQB0AHQAbwBuAC0AaQBjAG8AbgBzAFYAZQByAHMAaQBvAG4AIAAxAC4AMABiAHUAdAB0AG8AbgAtAGkAYwBvAG4AcwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIAB1AHMAaQBuAGcAIABTAHkAbgBjAGYAdQBzAGkAbwBuACAATQBlAHQAcgBvACAAUwB0AHUAZABpAG8AdwB3AHcALgBzAHkAbgBjAGYAdQBzAGkAbwBuAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4ACm1lZGlhLXBsYXkLbWVkaWEtcGF1c2UQLWRvd25sb2FkLTAyLXdmLQltZWRpYS1lbmQHYWRkLW5ldwtuZXctbWFpbC13ZhB1c2VyLWRvd25sb2FkLXdmDGV4cGFuZC0wMy13Zg5kb3dubG9hZC0wMi13ZgphZGQtbmV3XzAxC21lZGlhLWVqZWN0Dm1lZGlhLWVqZWN0LTAxAAA=) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.e-btn-sb-icons[b-b7u2nggnz2] {
    font-family: 'button-icons';
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.e-add-icon[b-b7u2nggnz2]::before {
    content: url('../images/Help_Icon.svg') !important;
    background-color: transparent !important;
    border-color: transparent !important;
    background-repeat: no-repeat !important;
}

.rowcolor[b-b7u2nggnz2] {
    background-color: lightblue;
}

.e-message[b-b7u2nggnz2]::before {
    content: '\e7cb';
    font-size: 30px;
    color: black;
}

.e-edit[b-b7u2nggnz2]::before {
    content: '\e78f';
}

.e-delete[b-b7u2nggnz2]::before {
    content: '\e773';
}

.e-like[b-b7u2nggnz2]::before {
    content: '\e682';
}

.e-circle-add[b-b7u2nggnz2]::before {
    content: '\e755';
    font-size: 30px;
    color: black;
}

    .e-dropdown-btn.e-custom .e-search[b-b7u2nggnz2]::before {
        font-size: 100px !important;
    }

.e-btn.e-custom[b-b7u2nggnz2] {
    background-color: transparent;
    border-color: transparent;
}

.e-custom:hover[b-b7u2nggnz2] {
    background-color: transparent;
    border-color: transparent;
}

.e-custom:active[b-b7u2nggnz2] {
    background-color: transparent;
    border-color: transparent;
}

/* nuevo */

.e-btn.e-active.e-custom[b-b7u2nggnz2] {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.e-dropdown-btn.e-custom[b-b7u2nggnz2] {
    width: 50px !important;
    height: 50px;
}

.e-btn:focus.e-custom[b-b7u2nggnz2] {
    background-color: transparent;
    border-color: transparent;
    outline: none;
}

.e-toolbar-item.e-template.e-ileft[b-b7u2nggnz2] {
    border-right: 1px solid black;
    border-left: 1px solid black;
}

    .e-toolbar-item.e-template.e-ileft.e-active[b-b7u2nggnz2] {
        border-right: 1px solid black;
        border-left: 1px solid black;
    }

/* ── Accordion: estados del header ── */

/* Base – todos los items */
.e-accordion .e-acrdn-header[b-b7u2nggnz2] {
    background-color: white !important;
    font-size: 20px;
    font-weight: bold;
    color: var(--accordion-secondary-color) !important;
    font-family: Arial, Helvetica, sans-serif;
}

/* Item seleccionado (colapsado) */
.e-accordion .e-acrdn-item.e-select > .e-acrdn-header[b-b7u2nggnz2] {
    background-color: white !important;
    font-size: 20px;
    font-weight: bold;
    color: var(--accordion-secondary-color) !important;
    font-family: Arial, Helvetica, sans-serif;
}

/* Contenido del header – estado por defecto */
.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content[b-b7u2nggnz2] {
    background-color: transparent !important;
    font-size: 20px;
    font-weight: 700;
    color: var(--accordion-secondary-color) !important;
    font-family: Arial, Helvetica, sans-serif;
}

/* Item seleccionado + expandido – header */
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header[b-b7u2nggnz2],
.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header[b-b7u2nggnz2],
.e-accordion .e-acrdn-item.e-select.e-focused > .e-acrdn-header[b-b7u2nggnz2] {
    background-color: white !important;
    font-size: 20px;
    font-weight: 700;
    color: white !important;
    font-family: Arial, Helvetica, sans-serif;
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header[b-b7u2nggnz2] {
    background-color: rgba(124, 185, 228, 0.2) !important;
    font-size: 20px;
    font-weight: 700;
    color: white !important;
    font-family: Arial, Helvetica, sans-serif;
}

/* Item seleccionado + expandido – contenido del header */
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content[b-b7u2nggnz2],
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content[b-b7u2nggnz2] {
    font-size: 20px;
    font-weight: 700;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}

/* Item seleccionado + expandido – ícono del header */
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon[b-b7u2nggnz2],
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon[b-b7u2nggnz2] {
    background-color: transparent;
    color: white !important;
    font-size: 20px;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
}

/* Force Syncfusion selected/focus backgrounds inside scoped CSS */
[b-b7u2nggnz2] .e-accordion .e-acrdn-item .e-acrdn-header {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
}

[b-b7u2nggnz2] .e-accordion .e-acrdn-item.e-select > .e-acrdn-header,
[b-b7u2nggnz2] .e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header,
[b-b7u2nggnz2] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header,
[b-b7u2nggnz2] .e-accordion .e-acrdn-item.e-select.e-focused > .e-acrdn-header {
    background-color: white !important;
}

[b-b7u2nggnz2] .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header {
    background-color: rgba(124, 185, 228, 0.2) !important;
}

[b-b7u2nggnz2] .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    background-color: transparent !important;
    display: flex;
    align-items: center;
    min-height: 44px;
    margin: 0;
    line-height: 1.2;
}

[b-b7u2nggnz2] .e-accordion .e-acrdn-item .e-acrdn-header .classh3 {
    margin: 0 !important;
    line-height: 1.2 !important;
    display: inline-flex;
    align-items: center;
}


.info-section[b-b7u2nggnz2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 900px) {
    .info-section.col-9[b-b7u2nggnz2] {
        flex-direction: column;
        width: 100% !important;
        padding: 0 8px;
    }
    .info-section.col-9 p[b-b7u2nggnz2] {
        width: 100% !important;
        margin-bottom: 10px;
        word-break: break-word;
        font-size: 15px;
    }
}

    .info-section p[b-b7u2nggnz2] {
        margin: 5px 0;
        width: 45%;
    }

.view-application[b-b7u2nggnz2] {
    text-align: right;
}

.view-btn:hover[b-b7u2nggnz2] {
        /* background-color: #22A6DE; */
    }

/* Target the first card header's title */
.card-container .e-card .e-card-header .e-card-header-caption[b-b7u2nggnz2] {
    color: var(--portal-tertiary-color);
    font-size: 18px;
    font-weight: 500;
}

.card-container .permit-overview-card-title[b-b7u2nggnz2] {
    color: var(--portal-tertiary-color);
    font-size: 18px;
    font-weight: 500;
}

.home-welcome-back-text[b-b7u2nggnz2] {
}
/* Target the second card header's title */
/*  .card-container .e-card:nth-child(2) .e-card-header .e-card-header-title {
                                                                                                            } */

.e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-b7u2nggnz2] {
    padding-top: 0px;
}

[b-b7u2nggnz2] .e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 12px;
    color: var(--portal-primary-color, #22a6de) !important;
    padding: 0px !important;
}

    .e-card .e-card-header .e-card-header-caption .e-card-header-title .e-card-header-title2[b-b7u2nggnz2] {
    }

.selected[b-b7u2nggnz2] {
    background-color: #ffffff;
    border-radius: 8px !important;
    border: 2px solid var(--portal-primary-color, #22a6de) !important;
    transition: background-color 0.2s ease, border-color 0.2s;
    opacity: 1;
}

.permit-tab-card[b-b7u2nggnz2] {
    text-align: center;
}

    .permit-tab-card > .e-card-image[b-b7u2nggnz2] {
        margin: 8px auto 4px;
        width: 32px;
        height: 32px;
        min-height: unset;
        flex-shrink: 0;
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

[b-b7u2nggnz2] .permit-tab-card .e-card-header {
    width: 100%;
    text-align: center;
    padding: 0 6px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-b7u2nggnz2] .permit-tab-card .e-card-header .e-card-header-caption {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
}

[b-b7u2nggnz2] .permit-tab-card .e-card-header .e-card-header-caption .e-card-header-title {
    margin: 0;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
     color: var(--portal-primary-color, #22a6de) !important;
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.second-container .e-card .e-card-header .e-card-header-image[b-b7u2nggnz2] {
    height: 48px;
    width: 48px;
}

#Card_Third[b-b7u2nggnz2] {
    margin-top: 8%;
}

.row[b-b7u2nggnz2] {
    display: flex;
    justify-content: center;
}


.overview-card-content-row[b-b7u2nggnz2] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
    border: 1px solid #d9e6f3;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
    box-shadow: 0 2px 8px rgba(8, 48, 91, 0.08);
}

.overview-section[b-b7u2nggnz2] {
    background: #f7fbff;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(21, 56, 84, 0.07);
    padding: 24px 18px 18px 18px;
    margin-bottom: 28px;
    border: 1px solid #e1e9f2;
}

.overview-section-title[b-b7u2nggnz2] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: var(--secondary-color, #22A6DE);
    margin-bottom: 12px;
    letter-spacing: 0.01em;
    text-align: left;
}

.overview-section-divider[b-b7u2nggnz2] {
    height: 1px;
    background: #e1e9f2;
    margin: 18px 0 24px 0;
    border: none;
}

.permit-tabs-carousel[b-b7u2nggnz2] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    padding: 14px 0;
    align-items: stretch;
}

.permit-tabs-carousel .tab-card-col[b-b7u2nggnz2] {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
}

[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card {
    width: 100%;
    text-align: center;
    min-height: 90px;
    height: 90px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 4px 4px 6px;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    cursor: pointer;
    box-sizing: border-box;
}

[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card * {
    cursor: pointer !important;
}

[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .selected,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .selected.e-card,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .selected .e-card,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card.selected {
    background: #ffffff !important;
    border-color: var(--portal-primary-color, #22a6de) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 8px !important;
    box-shadow: 0 0 0 1px var(--portal-primary-color, #22a6de) inset !important;
}

[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .permit-tab-card.selected,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .permit-tab-card.e-card.selected,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .selected .permit-tab-card {
    border: 1px solid var(--portal-secondary-color, #22a6de) !important;
}

/* Keep selected border color stable even when Syncfusion applies hover/focus state styles */
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .permit-tab-card.selected:hover,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .permit-tab-card.selected:focus,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .permit-tab-card.selected:active,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card.selected:hover,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card.selected:focus,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card.selected:active {
    border: 1px solid var(--portal-primary-color, #22a6de) !important;
    box-shadow: 0 0 0 1px var(--portal-primary-color, #22a6de) inset !important;
}

[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card:hover {
    background: white;
    border-radius: 8px;
}

[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card .e-card-header {
    padding: 0 2px 2px;
    width: 100%;
    flex-shrink: 0;
}

[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card .e-card-header .e-card-header-caption {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: bolder;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    max-width: 100%;
    word-break: break-word;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
     color: var(--portal-primary-color, #22a6de) !important;
}

[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card .e-card-image {
    width: 32px !important;
    height: 32px !important;
    min-height: unset !important;
    margin: 6px auto 4px !important;
    flex-shrink: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}

@media screen and (max-width: 768px) {
    .permit-tabs-carousel[b-b7u2nggnz2] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .permit-tabs-carousel .tab-card-col[b-b7u2nggnz2] {
        flex: 0 0 calc(25% - 6px);
        min-width: 80px;
    }

    .permit-tab-card > .e-card-image[b-b7u2nggnz2] {
        width: min(38px, calc(100% - 20px));
        height: min(38px, calc(100% - 20px));
        min-height: unset;
    }
}

table[b-b7u2nggnz2] {
    width: 60%
}

.e-btn.e-primary[b-b7u2nggnz2], .e-css.e-btn.e-primary[b-b7u2nggnz2] {
    background-color: var(--portal-primary-color);
    border-color: var(--portal-primary-color);
    color: #fff;
}

[b-b7u2nggnz2] .permit-header-button.e-btn,
[b-b7u2nggnz2] .permit-header-button.e-css.e-btn {
    height: 34px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

[b-b7u2nggnz2] .permit-header-button .e-btn-icon,
[b-b7u2nggnz2] .permit-header-button .e-icons {
    font-size: 12px;
    line-height: 1;
}

/*     .e-spinner-pane .e-spinner-inner {
                                                                                                                                -webkit-transform: translateX(-50%) translateY(-50%);
                                                                                                                                left: 50%;
                                                                                                                                margin: 0;
                                                                                                                                position: absolute;
                                                                                                                                text-align: center;
                                                                                                                                top: 50%;
                                                                                                                                transform: translateX(-50%) translateY(-50%);
                                                                                                                                z-index: 1000;

                                                                                                                            } */

.content-body[b-b7u2nggnz2] {
    background-color: #F6F6F6;
}

/* Final override: keep selected permit tab border visible in tertiary color */
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .selected .e-card,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card.selected,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .permit-tab-card.selected,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .permit-tab-card.selected .e-card,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .permit-tab-card.selected:hover,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .permit-tab-card.selected:focus,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .permit-tab-card.selected:active,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card.selected:hover,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card.selected:focus,
[b-b7u2nggnz2] .permit-tabs-carousel .tab-card-col .e-card.selected:active {
    border: 1px solid var(--portal-tertiary-color, #22a6de) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 0 0 1px var(--portal-tertiary-color, #22a6de) !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/ReviewDialog.razor.rz.scp.css */
.classh3[b-6nhr7ty8m9] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: #22a6de !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.review-empty-state[b-6nhr7ty8m9] {
    border: 1px solid #e1e9f2;
    border-radius: 10px;
    padding: 14px;
    color: #4a5f74;
    background-color: #f8fbff;
}

.review-desktop-grid[b-6nhr7ty8m9] {
    display: none;
}

.review-mobile-list[b-6nhr7ty8m9] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.review-date-group[b-6nhr7ty8m9] {
    margin-bottom: 18px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.review-date-group-header[b-6nhr7ty8m9] {
    font-size: 13px;
    font-weight: 700;
    color: #164769;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    background: #edf5fc;
    border: 1px solid #bfd5eb;
    border-radius: 6px;
    padding: 8px 12px;
    margin: 0 0 10px 0;
}

.review-date-group-tasks[b-6nhr7ty8m9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.review-task-card[b-6nhr7ty8m9] {
    border: 1px solid #d9e6f3;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
    box-shadow: 0 2px 8px rgba(8, 48, 91, 0.08);
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.review-task-card-head[b-6nhr7ty8m9] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.review-task-title[b-6nhr7ty8m9] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    overflow-wrap: anywhere;
}

.review-task-subtitle[b-6nhr7ty8m9] {
    margin-top: 4px;
    font-size: 12px;
    color: #4b6480;
}

.review-result-pill[b-6nhr7ty8m9] {
    border: 1px solid #bfd5eb;
    border-radius: 999px;
    color: #164769;
    background: #edf5fc;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
    white-space: nowrap;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.review-meta-grid[b-6nhr7ty8m9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.review-meta-item[b-6nhr7ty8m9] {
    background: #f7fbff;
    border: 1px solid #e2edf8;
    border-radius: 8px;
    padding: 8px;
    min-width: 0;
}

.review-meta-item-wide[b-6nhr7ty8m9] {
    grid-column: 1 / -1;
}

.review-meta-label[b-6nhr7ty8m9] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0.03em;
    color: #4d4d4d;
    margin-bottom: 2px;
}

.review-meta-value[b-6nhr7ty8m9] {
    display: block;
    font-size: 13px;
    color: #1c344e;
    font-weight: 600;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.review-actions-row[b-6nhr7ty8m9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.review-inline-action[b-6nhr7ty8m9] {
    border: 1px solid #bdd5ec;
    border-radius: 999px;
    background-color: #164769;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 10px;
    min-height: 34px;
}

.review-inline-action:hover[b-6nhr7ty8m9] {
    border-color: #7eb1db;
    background-color: #f2f8ff;
}

.review-inline-action:focus-visible[b-6nhr7ty8m9] {
    outline: 2px solid #1a75b7;
    outline-offset: 1px;
}

.review-comments-block[b-6nhr7ty8m9] {
    margin-top: 10px;
    border-top: 1px solid #e3edf7;
    padding-top: 10px;
    display: grid;
    gap: 8px;
}

.review-comment-item[b-6nhr7ty8m9] {
    border: 1px solid #e2ecf7;
    border-radius: 8px;
    padding: 8px;
    background: #fbfdff;
}

.review-comment-topline[b-6nhr7ty8m9] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    margin-bottom: 4px;
}

.review-comment-user[b-6nhr7ty8m9] {
    color: #164769;
    font-size: 12px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.review-comment-date[b-6nhr7ty8m9] {
    color: #617890;
    font-size: 11px;
    white-space: nowrap;
}

.review-comment-text[b-6nhr7ty8m9] {
    color: #27435f;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.review-comments-summary[b-6nhr7ty8m9] {
    font-size: 11px;
    color: #5a738f;
    margin-top: 2px;
}

.review-task-title[b-6nhr7ty8m9] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
}

/* Cards are now shown at all screen sizes */

@media (max-width: 575.98px) {
    .review-task-card[b-6nhr7ty8m9] {
        padding: 10px;
        margin-bottom: 10px;
    }

    .review-meta-grid[b-6nhr7ty8m9] {
        grid-template-columns: 1fr;
    }

    .review-meta-item-wide[b-6nhr7ty8m9] {
        grid-column: auto;
    }

    .review-task-card-head[b-6nhr7ty8m9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        margin-bottom: 8px;
    }

    /* .review-task-title styles moved outside media query */

    .review-task-subtitle[b-6nhr7ty8m9] {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        color: #4d4d4d;
    }

    .review-result-pill[b-6nhr7ty8m9] {
        max-width: 100%;
    }

    .review-actions-row[b-6nhr7ty8m9] {
        gap: 6px;
        margin-top: 10px;
    }

    .review-inline-action[b-6nhr7ty8m9] {
        font-size: 11px;
        min-height: 32px;
        padding: 5px 10px;
    }

    .review-date-group-header[b-6nhr7ty8m9] {
        font-size: 12px;
        padding: 6px 10px;
    }
}

@media (max-width: 767.98px) {
    :global(.review-comments-dialog.e-dialog)[b-6nhr7ty8m9] {
        width: 96vw !important;
        max-width: 96vw !important;
        left: 2vw !important;
    }
}

.review-icon-button[b-6nhr7ty8m9] {
    border: 1px solid #bdd5ec;
    border-radius: 8px;
    background-color: #ffffff;
    color: var(--primary-color, #164769);
    min-height: 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.review-icon-button:hover[b-6nhr7ty8m9] {
    border-color: #7eb1db;
    background-color: #f2f8ff;
}

.review-icon-button:focus-visible[b-6nhr7ty8m9] {
    border-color: #7eb1db;
    background-color: #f2f8ff;
}

.review-dialog-close[b-6nhr7ty8m9] {
    margin-bottom: 6px;
    float: right;
    border: none;
    background: transparent;
    padding: 0;
}

.review-dialog-close:focus-visible[b-6nhr7ty8m9] {
    outline: 2px solid #1a75b7;
    outline-offset: 2px;
}

:global(.review-comments-dialog .e-dropdown-popup)[b-6nhr7ty8m9],
:global(.popup-checklist-task-dialog .e-dropdown-popup)[b-6nhr7ty8m9],
:global(.popup-attachments-task-dialog .e-dropdown-popup)[b-6nhr7ty8m9] {
    z-index: 100000 !important;
}
/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/ReviewInspectionDialog.razor.rz.scp.css */
/* --- HPC Card: igual a inspection-type-card --- */
.hpc-card[b-gf3kve5ppb] {
    border: 1px solid #d9e2ea;
    border-radius: 10px;
    background: #ffffff;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-height: 225px;
    box-shadow: 0 2px 8px rgba(16, 66, 104, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    animation: inspections-card-fade-in-b-gf3kve5ppb 320ms ease both;
}

.hpc-card:hover[b-gf3kve5ppb] {
    transform: translateY(-2px);
    border-color: #b7cfdf;
    box-shadow: 0 10px 24px rgba(16, 66, 104, 0.14);
}

.hpc-card-field[b-gf3kve5ppb] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 8px;
    font-size: 12px;
    color: #333;
    align-items: center;
    text-align: left;
}

.hpc-card-label[b-gf3kve5ppb] {
    font-weight: bold;
    color: #333;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.hpc-card-value[b-gf3kve5ppb] {
    font-size: 12px;
    color: #333;
    overflow-wrap: anywhere;
    text-align: left;
}
.hpc-card[b-gf3kve5ppb] {
    border: 1px solid #d9e2ea;
    border-radius: 10px;
    background: #ffffff;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-height: 225px;
    box-shadow: 0 2px 8px rgba(16, 66, 104, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    animation: inspections-card-fade-in-b-gf3kve5ppb 320ms ease both;
}

.hpc-card:hover[b-gf3kve5ppb] {
    transform: translateY(-2px);
    border-color: #b7cfdf;
    box-shadow: 0 10px 24px rgba(16, 66, 104, 0.14);
}

.hpc-card-field[b-gf3kve5ppb] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 8px;
    font-size: 12px;
    color: #333;
    align-items: center;
    text-align: left;
}

.hpc-card-label[b-gf3kve5ppb] {
    font-weight: bold;
    color: #333;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.hpc-card-value[b-gf3kve5ppb] {
    font-size: 12px;
    color: #333;
    overflow-wrap: anywhere;
    text-align: left;
}
/* Icono blanco cuando el botón está activo o seleccionado */
.inspection-icon-btn.selected .fa[b-gf3kve5ppb],
.inspection-icon-btn.active .fa[b-gf3kve5ppb] {
    color: #fff !important;
}

.classh3[b-gf3kve5ppb] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22A6DE) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.content[b-gf3kve5ppb],
.content *[b-gf3kve5ppb],
.inspections-layout[b-gf3kve5ppb],
.inspections-recent[b-gf3kve5ppb],
.inspections-types[b-gf3kve5ppb],
.recent-carousel[b-gf3kve5ppb],
.recent-inspection-card[b-gf3kve5ppb],
.inspection-type-card-grid[b-gf3kve5ppb],
.inspection-type-card[b-gf3kve5ppb],
.inspection-type-meta-row[b-gf3kve5ppb],
.inspection-card-actions[b-gf3kve5ppb],
.history-list[b-gf3kve5ppb],
.history-row[b-gf3kve5ppb],
.history-row-main[b-gf3kve5ppb],
.history-row-actions[b-gf3kve5ppb] {
    box-sizing: border-box;
}

.inspections-layout[b-gf3kve5ppb] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.inspections-recent[b-gf3kve5ppb],
.inspections-types[b-gf3kve5ppb] {
    border: 1px solid #d5e1ec;
    border-radius: 14px;
    background: radial-gradient(circle at 105% -20%, rgba(34, 166, 222, 0.14), transparent 35%), #ffffff;
    padding: 14px;
    box-shadow: 0 8px 24px rgba(21, 56, 84, 0.06);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.inspections-section-head[b-gf3kve5ppb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.inspections-section-title-wrap[b-gf3kve5ppb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.inspections-section-head h6[b-gf3kve5ppb] {
    margin: 0 0 10px 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22A6DE) !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.inspections-section-subtitle[b-gf3kve5ppb] {
    font-size: 12px;
    color: #5f7486;
}

.recent-nav[b-gf3kve5ppb] {
    display: flex;
    gap: 4px;
}

.recent-nav .inspection-nav-btn[b-gf3kve5ppb] {
    border: 1px solid #c7d8e7;
    border-radius: 8px;
    background: #ffffff;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.recent-nav .inspection-nav-btn:not(:disabled):hover[b-gf3kve5ppb] {
    border-color: var(--portal-tertiary-color, #22a6de);
    color: var(--portal-tertiary-color, #22a6de);
    background: #f2fbff;
}

.recent-carousel[b-gf3kve5ppb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.recent-inspection-card[b-gf3kve5ppb] {
    border: 1px solid #d9e2ea;
    border-radius: 10px;
    padding: 12px;
    background: linear-gradient(165deg, #ffffff 0%, #f7fbff 100%);
    min-height: 145px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: 0 2px 8px rgba(16, 66, 104, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    animation: inspections-card-fade-in-b-gf3kve5ppb 260ms ease both;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.recent-inspection-card:hover[b-gf3kve5ppb] {
    transform: translateY(-2px);
    border-color: #b7cfdf;
    box-shadow: 0 10px 24px rgba(16, 66, 104, 0.14);
}

.recent-card-title[b-gf3kve5ppb] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22A6DE) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.recent-card-meta[b-gf3kve5ppb] {
    font-size: 11px;
    color: #576e7f;
}

.recent-card-result[b-gf3kve5ppb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    width: fit-content;
}

.recent-card-comment[b-gf3kve5ppb] {
    margin-top: auto;
    font-size: 11px;
    color: #2d3f4e;
    line-height: 1.3;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.inspection-type-card-grid[b-gf3kve5ppb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.inspection-type-card[b-gf3kve5ppb] {
    border: 1px solid #d9e2ea;
    border-radius: 10px;
    background: #ffffff;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-height: 225px;
    box-shadow: 0 2px 8px rgba(16, 66, 104, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    animation: inspections-card-fade-in-b-gf3kve5ppb 320ms ease both;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.inspection-type-card:hover[b-gf3kve5ppb] {
    transform: translateY(-2px);
    border-color: #b7cfdf;
    box-shadow: 0 10px 24px rgba(16, 66, 104, 0.14);
}

.inspection-type-title[b-gf3kve5ppb] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22A6DE) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.inspection-type-meta-row[b-gf3kve5ppb] {
    display: grid;
    grid-template-columns: minmax(76px, 90px) minmax(0, 1fr);
    gap: 8px;
    font-size: 12px;
    color: #333;
    width: 100%;
    min-width: 0;
}

.inspection-type-meta-row span:first-child[b-gf3kve5ppb] {
    font-weight: bold;
    color: #333;
    min-width: 0;
}

.inspection-type-meta-row span:last-child[b-gf3kve5ppb] {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.inspection-card-actions[b-gf3kve5ppb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: auto;
    padding-top: 6px;
    border-top: 1px solid #e5edf5;
    margin-top: 8px;
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


.inspection-icon-btn[b-gf3kve5ppb] {
    border: 1px solid #dadada;
    border-radius: 8px;
    background: #fff;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color, #22A6DE);
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.inspection-icon-btn:not(:disabled):hover[b-gf3kve5ppb] {
    background: rgba(34, 166, 222, 0.10); /* primary color con 10% opacidad */
    border-color: #dadada;
    color: var(--primary-color, #22A6DE);
}

.inspection-icon-btn:disabled[b-gf3kve5ppb] {
    opacity: 0.45;
    cursor: not-allowed;
    background: #e5edf5;
    border-color: #e5edf5;
    color: #b0b0b0;
}

/* Estado seleccionado/activo (par) */
.inspection-icon-btn.selected[b-gf3kve5ppb],
.inspection-icon-btn.active[b-gf3kve5ppb] {
    background: var(--primary-color, #22A6DE);
    color: #fff !important;
    border-color: var(--primary-color, #22A6DE);
}
.inspection-icon-btn:disabled[b-gf3kve5ppb] {
    opacity: 0.45;
    cursor: not-allowed;
}

.inspection-icon-btn:not(:disabled):hover[b-gf3kve5ppb] {
    background: rgba(34, 166, 222, 0.10); /* primary color con 10% opacidad */
    border-color: #dadada;
    color: #164769;
}



.inspection-request-btn[b-gf3kve5ppb] {
    border: 1px solid #bdd5ec;
    border-radius: 999px;
    background-color: #164769;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 10px;
    min-height: 34px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s, background-color 0.2s;
    /* Igual que .review-inline-action */
}



.inspection-request-btn:hover[b-gf3kve5ppb] {
    border-color: #7eb1db;
    background-color: #f2f8ff;
    color: #164769;
}



.inspection-request-btn:focus-visible[b-gf3kve5ppb] {
    outline: 2px solid #1a75b7;
    outline-offset: 1px;
}

.inspection-icon-btn:focus-visible[b-gf3kve5ppb],
.inspection-nav-btn:focus-visible[b-gf3kve5ppb] {
    border-color: #7eb1db;
    background-color: #f2f8ff;
}

.history-list[b-gf3kve5ppb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 62vh;
    overflow-y: auto;
}

.history-row[b-gf3kve5ppb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #d9e2ea;
    border-radius: 10px;
    background: #ffffff;
    padding: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.history-row-main[b-gf3kve5ppb] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.history-row-title[b-gf3kve5ppb] {
    font-size: 13px;
    font-weight: 700;
    color: #164769;
}

.history-row-meta[b-gf3kve5ppb] {
    font-size: 11px;
    color: #5b7081;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.history-row-comment[b-gf3kve5ppb] {
    font-size: 11px;
    color: #2d3f4e;
    line-height: 1.35;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.history-row-actions[b-gf3kve5ppb] {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
    max-width: 100%;
}

.inspection-empty[b-gf3kve5ppb] {
    border: 1px dashed #ced9e3;
    border-radius: 10px;
    background: #f8fbfd;
    color: #587084;
    font-size: 12px;
    padding: 10px;
}

.result-pass[b-gf3kve5ppb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    width: fit-content;
    color: #0f7a3d;
    background: #e7f7ee;
}

.result-fail[b-gf3kve5ppb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    width: fit-content;
    color: #a12c2c;
    background: #faeaea;
}

.result-pending[b-gf3kve5ppb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    width: fit-content;
    color: #7a5d14;
    background: #fff7e3;
}

.result-other[b-gf3kve5ppb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    width: fit-content;
    color: #164769;
    background: #e8f4fb;
}

.result-dot[b-gf3kve5ppb] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    display: inline-block;
    background: currentColor;
}

@media screen and (max-width: 1200px) {
    .recent-carousel[b-gf3kve5ppb] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .inspection-type-card-grid[b-gf3kve5ppb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 768px) {
    .inspections-recent[b-gf3kve5ppb],
    .inspections-types[b-gf3kve5ppb] {
        padding: 12px;
        border-radius: 12px;
    }

    .recent-carousel[b-gf3kve5ppb] {
        display: grid;
        grid-template-columns: 1fr;
        overflow-x: hidden;
        padding-bottom: 0;
    }

    .recent-inspection-card[b-gf3kve5ppb] {
        min-height: 0;
    }

    .inspection-type-card-grid[b-gf3kve5ppb] {
        grid-template-columns: 1fr;
    }

    .inspection-type-meta-row[b-gf3kve5ppb] {
        grid-template-columns: minmax(70px, 82px) minmax(0, 1fr);
    }

    .inspection-card-actions[b-gf3kve5ppb] {
        gap: 6px;
        justify-content: flex-start;
    }

    .inspection-icon-btn[b-gf3kve5ppb] {
        width: 34px;
        height: 34px;
    }

    .inspection-request-btn[b-gf3kve5ppb] {
        margin-left: 0;
        width: 100%;
        margin-top: 4px;
        max-width: 100%;
    }

    .history-row[b-gf3kve5ppb] {
        flex-direction: column;
    }
}

@keyframes inspections-card-fade-in-b-gf3kve5ppb {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .recent-inspection-card[b-gf3kve5ppb],
    .inspection-type-card[b-gf3kve5ppb] {
        animation: none;
        transition: none;
    }

    .recent-inspection-card:hover[b-gf3kve5ppb],
    .inspection-type-card:hover[b-gf3kve5ppb] {
        transform: none;
    }
}
/* _content/CentricityPllPortal.WebPortal/Pages/PermitsNew/StartNewApplication.razor.rz.scp.css */
.classh3[b-fb69tql89z] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.fw-bold[b-fb69tql89z] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2 !important;
    color: var(--primary-color, #22a6de) !important;
    margin: 10px 0 0px 10px !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;

}

    .page-wrap[b-fb69tql89z] {
        min-height: 100dvh;
    }


    .card-panel[b-fb69tql89z] {
        background: #fff;
        border-radius: 10px;
        padding: 1rem;
    }
    @media (min-width: 768px) {
        .card-panel[b-fb69tql89z]

    {
        padding: 1.5rem;
    }

    }

    .title[b-fb69tql89z] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: var(--secondary-color);        
        font-weight: bold;
    }

    .section-title[b-fb69tql89z] {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: var(--secondary-color);        
        font-weight: bold;
        margin-top: 25px;
    }

.email-user[b-fb69tql89z] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: var(--primary-color);
    font-weight: normal;
}

.return-home-btn img[b-fb69tql89z] {
    filter: invert(49%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(92%) contrast(85%);
}

.return-home-btn[b-fb69tql89z],
.return-home-btn.btn[b-fb69tql89z],
.return-home-btn.btn-link[b-fb69tql89z] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

.return-home-btn:hover[b-fb69tql89z],
.return-home-btn:focus[b-fb69tql89z],
.return-home-btn:active[b-fb69tql89z] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

.progress-status-wrap[b-fb69tql89z] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.progress-track[b-fb69tql89z] {
    width: min(320px, 100%);
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .progress-status-wrap[b-fb69tql89z] {
        width: 200%;
        margin-left: -100%;
    }

    .progress-step-label[b-fb69tql89z],
    .progress-value[b-fb69tql89z] {
        text-align: center;
    }
}

    .help-text[b-fb69tql89z] {
        line-height: 1.5;
    }

[b-fb69tql89z] .start-btn-open.e-btn,
[b-fb69tql89z] .start-btn-open.e-btn.e-primary {
    display: inline-block;
    width: auto !important;
    padding: 6px 16px;
    background: var(--dashboard-selected-bg-color, #164769) !important;
    color: #fff !important;
    border-radius: 4px;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
}

[b-fb69tql89z] .start-btn-open.e-btn:hover,
[b-fb69tql89z] .start-btn-open.e-btn:focus,
[b-fb69tql89z] .start-btn-open.e-btn:active {
    opacity: 0.88;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

[b-fb69tql89z] .start-btn-open.e-btn:disabled,
[b-fb69tql89z] .start-btn-open.e-btn.e-disabled {
    opacity: 0.55;
}

@media (max-width: 767.98px) {
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-input,
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-input[readonly],
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-input-value,
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-placeholder,
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-input-group-icon,
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-input-group .e-input-value,
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-ddl-icon,
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-input-group,
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-control-wrapper {
        min-height: 3rem;
    }

    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-input,
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-input[readonly],
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-input-value,
    [b-fb69tql89z] .start-app-dropdown.e-ddl .e-placeholder {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        line-height: 1.3 !important;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }

    .start-app-dropdown-text[b-fb69tql89z] {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        line-height: 1.3 !important;
        height: auto !important;
        min-height: 2.5rem;
        word-break: break-word;
        overflow-wrap: anywhere;
    }
}

    @media (min-width: 768px) {
        .btn-responsive.e-btn[b-fb69tql89z]

    {
        width: auto;
        display: inline-block;
    }

    }
/* _content/CentricityPllPortal.WebPortal/Pages/SettingsmenuCards.razor.rz.scp.css */
.classh3[b-g4jtkooybe] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22a6de) !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

.portal-settings-lead[b-g4jtkooybe]{
    font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
}

/* Grid de 4 columnas en escritorio */
    .settings-menu-grid[b-g4jtkooybe] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        width: 100%;
        box-sizing: border-box;
    }
@media (max-width: 1200px) {
    .settings-menu-grid[b-g4jtkooybe] {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 640px) {
    .settings-menu-grid[b-g4jtkooybe] {
        grid-template-columns: 1fr;
    }
}

/* Cada item ocupa toda la columna */
.settings-menu-grid > .settings-menu-item[b-g4jtkooybe] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
}
.settings-menu-grid > .settings-menu-item > .e-card[b-g4jtkooybe] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    transition: box-shadow 0.2s;
    box-shadow: 0 2px 8px rgba(8,48,91,0.08);
    border-radius: 10px;
    border: 1px solid #e1e9f2;
    background: #fff;
}
.settings-menu-grid > .settings-menu-item > .e-card:focus-visible[b-g4jtkooybe] {
    outline: 3px solid rgba(18, 108, 99, 0.35);
    outline-offset: 2px;
}


    .card-container .e-card .e-card-header .e-card-header-caption .e-card-header-title[b-g4jtkooybe] {
        color: var(--primary-color, #1B4F89) !important;
        font-size: 18px;
        font-weight: 500;
    }

    .card-container .permit-overview-card-title[b-g4jtkooybe] {
        color: var(--tertiary-color, #1B4F89) !important;
        font-size: 18px;
        font-weight: 500;
    }

    .e-card .e-card-header .e-card-header-caption .e-card-sub-title[b-g4jtkooybe] {
        padding-top: 0px;
    }


.settings-menu-grid .e-card-header-title[b-g4jtkooybe] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: var(--secondary-color, #22A6DE) !important;
}

        .e-card .e-card-header .e-card-header-caption .e-card-header-title .e-card-header-title2[b-g4jtkooybe] {
            font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
        }

    .e-card .e-card-content[b-g4jtkooybe] {
        padding-top: 0px;
    }


#HugeImage[b-g4jtkooybe] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#HugeImage > .e-card-image[b-g4jtkooybe] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 10px auto;
    width: 48px;
    height: 48px;
    min-width: 32px;
    min-height: 32px;
    max-width: 56px;
    max-height: 56px;
    object-fit: contain;
    position: relative;
}
#HugeImage > .e-card-image img[b-g4jtkooybe], #HugeImage > .e-card-image svg[b-g4jtkooybe] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

    .second-container .e-card .e-card-header .e-card-header-image[b-g4jtkooybe] {
        height: 48px;
        width: 48px;
    }

    #Card_Third[b-g4jtkooybe] {
        margin-top: 8%;
    }

    .row[b-g4jtkooybe] {
        display: flex;
        justify-content: center;
    }

    .e-btn.e-primary[b-g4jtkooybe], .e-css.e-btn.e-primary[b-g4jtkooybe] {
        color: var(--primary-color, #1B4F89) !important;
        border-color: var(--secondary-color, #22A6DE) !important;
        color: #fff;
    }
/* _content/CentricityPllPortal.WebPortal/Shared/FileUploadComponent.razor.rz.scp.css */
.e-btn.e-primary[b-ylmhikbv7m] {
    background: var(--secondary-color, #22A6DE) !important;
    color: #fff !important;
    border-radius: 6px !important;
    border: none !important;
    box-shadow: 0 2px 8px 0 rgba(8,48,91,0.04);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 8px 18px;
    transition: background 0.2s, box-shadow 0.2s, color 0.2s;
    width: 25% !important;
    max-width: 160px;
    min-width: 60px;
    text-align: center;
    outline: none !important;
    display: inline-block;
}
.e-btn.e-primary:hover[b-ylmhikbv7m], .e-btn.e-primary:focus[b-ylmhikbv7m] {
    background: var(--primary-color, #1B7CB3) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px 0 rgba(8,48,91,0.10);
}
.e-btn.e-primary:active[b-ylmhikbv7m] {
    background: var(--secondary-color, #22A6DE) !important;
    color: #fff !important;
    box-shadow: 0 1.5px 4px 0 rgba(8,48,91,0.08);
}
.e-btn.e-primary:disabled[b-ylmhikbv7m] {
    background: #b3c6d6 !important;
    color: #f3f7fa !important;
    cursor: not-allowed !important;
    opacity: 0.7;
    box-shadow: none !important;
}
/* _content/CentricityPllPortal.WebPortal/Shared/NavMenu.razor.rz.scp.css */
#navigation-sidebar .sidebar-header .sidebar-hamburger[b-ct1ajg0mx3],
#navigation-sidebar .sidebar-header.sidebar-header-collapsed .sidebar-hamburger[b-ct1ajg0mx3] {
    display: inline-flex !important;
    position: absolute;
    top: 8px;
    right: 8px;
    left: auto;
    z-index: 2;
}
#navigation-sidebar .recent-popover-close[b-ct1ajg0mx3] {
    position: absolute;
    top: 12px;
    right: 12px;
    background: transparent;
    border: none;
    padding: 4px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s;
}
#navigation-sidebar .recent-popover-close:hover[b-ct1ajg0mx3],
#navigation-sidebar .recent-popover-close:focus[b-ct1ajg0mx3] {
    background: rgba(218,218,218,0.15);
    outline: none;
}
#navigation-sidebar[b-ct1ajg0mx3] {
    display: block;
}

#navigation-sidebar .overview[b-ct1ajg0mx3],
#navigation-sidebar .about[b-ct1ajg0mx3],
#navigation-sidebar .review[b-ct1ajg0mx3],
#navigation-sidebar .reports[b-ct1ajg0mx3],
#navigation-sidebar .settings[b-ct1ajg0mx3],
#navigation-sidebar .recent[b-ct1ajg0mx3] {
    padding: 0;
}

#navigation-sidebar .overview.active[b-ct1ajg0mx3],
#navigation-sidebar .about.active[b-ct1ajg0mx3],
#navigation-sidebar .review.active[b-ct1ajg0mx3],
#navigation-sidebar .reports.active[b-ct1ajg0mx3],
#navigation-sidebar .settings.active[b-ct1ajg0mx3],
#navigation-sidebar .recent.active[b-ct1ajg0mx3] {
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

#navigation-sidebar[b-ct1ajg0mx3]  .e-sidebar {
    width: 240px !important;
    overflow: visible !important;
}

#navigation-sidebar.nav-sidebar-transition[b-ct1ajg0mx3]  .e-sidebar {
    transition: width 0.3s ease, transform 0.3s ease !important;
}
/* Ajuste para el popup de aplicaciones recientes en responsive (sidebar colapsado) */
@media (max-width: 992px) {
    #navigation-sidebar .recent-popover[b-ct1ajg0mx3] {
        width: 75vw !important;
        left: 12.5vw !important;
        min-width: unset !important;
        max-width: unset !important;
    }
}

#navigation-sidebar #sidebar-wrapper[b-ct1ajg0mx3] {
    overflow: visible;
}

#navigation-sidebar .sidebar-header[b-ct1ajg0mx3] {
    text-align: center;
    padding-top: 35px;
}

#navigation-sidebar .sidebar-header[b-ct1ajg0mx3] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 35px;
    padding-right: 0;
}

#navigation-sidebar .sidebar-hamburger[b-ct1ajg0mx3] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 34px;
    height: 34px;
    padding: 8px;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.15);
    cursor: pointer;
    transition: background-color 0.2s ease;
    flex-shrink: 0;
    z-index: 1;
}

#navigation-sidebar .sidebar-hamburger:hover[b-ct1ajg0mx3],
#navigation-sidebar .sidebar-hamburger:focus-visible[b-ct1ajg0mx3] {
    background: rgba(255, 255, 255, 0.28);
    outline: none;
}

#navigation-sidebar .sidebar-hamburger .hamburger-line[b-ct1ajg0mx3] {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background: #ffffff;
}

#navigation-sidebar .sidebar-header-collapsed[b-ct1ajg0mx3] {
    padding-top: 12px;
}

#navigation-sidebar .sidebar-header:not(.sidebar-header-collapsed) .home-page-logo[b-ct1ajg0mx3] {
    min-height: 100px;
    padding-top: 25px;
}

#navigation-sidebar .sidebar-header-collapsed .home-page-logo.logo-collapsed[b-ct1ajg0mx3] {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

#navigation-sidebar .create-new-wrap[b-ct1ajg0mx3] {
    display: flex;
    justify-content: center;
    padding: 0 10px;
}

#navigation-sidebar[b-ct1ajg0mx3]  .create-new-button {
    margin: 20px;
    font-weight: bold;
    background-color: var(--create-new-bg, #f4b815) !important;
    color: var(--create-new-text, #1b4f89) !important;
    border-color: transparent !important;
}

#navigation-sidebar[b-ct1ajg0mx3]  .create-new-icon-only.e-btn {
    min-width: 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    padding: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

#navigation-sidebar .nav-list[b-ct1ajg0mx3] {
    display: flex;
    flex-direction: column;
    padding: 6px 8px 72px;
    gap: 6px;
}

#navigation-sidebar .nav-list-collapsed[b-ct1ajg0mx3] {
    margin-left: 0 !important;
    padding-right: 8px !important;
    align-items: center;
}

#navigation-sidebar .nav-list-collapsed .nav-item[b-ct1ajg0mx3] {
    justify-content: center;
    margin-left: 0;
}

#navigation-sidebar .nav-list-collapsed .nav-item a[b-ct1ajg0mx3],
#navigation-sidebar .nav-list-collapsed .recent[b-ct1ajg0mx3] {
    width: 44px !important;
    min-width: 44px !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 10px !important;
}

#navigation-sidebar .nav-icon[b-ct1ajg0mx3] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 0;
    flex-shrink: 0;
    display: flex;
    object-fit: contain;
    align-self: center;
}

#navigation-sidebar .nav-list-collapsed .nav-icon[b-ct1ajg0mx3] {
    margin-right: 0;
    justify-self: center;
}

#navigation-sidebar .nav-icon-settings-small[b-ct1ajg0mx3] {
    width: 18px !important;
    height: 18px !important;
}

#navigation-sidebar .containerUser-collapsed[b-ct1ajg0mx3] {
    justify-content: center;
    padding-left: 0;
}

#navigation-sidebar .nav-list-collapsed .recent-item .recent[b-ct1ajg0mx3] {
    min-width: 44px;
}

#navigation-sidebar #small-navigation-bar[b-ct1ajg0mx3] {
    display: none;
}

#navigation-sidebar .bar[b-ct1ajg0mx3] {
    width: 30px;
    height: 3px;
    background-color: black;
    transition: all 0.3s;
}

#navigation-sidebar .menu[b-ct1ajg0mx3] {
    display: none;
    flex-direction: column;
    background-color: #fff;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 10px 0;
    border: 1px solid #ddd;
}

#navigation-sidebar .menu ul[b-ct1ajg0mx3] {
    list-style: none;
    margin: 0;
    padding: 0;
}

#navigation-sidebar .menu li[b-ct1ajg0mx3] {
    padding: 10px;
    text-align: center;
}

#navigation-sidebar .menu li a[b-ct1ajg0mx3] {
    text-decoration: none;
    color: #333;
    display: block;
}

#navigation-sidebar[b-ct1ajg0mx3]  .e-tab .e-tab-header {
    background: #fff !important;
}

#navigation-sidebar .numberCircle[b-ct1ajg0mx3] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 4px;
    background: #fff;
    border: 1px solid #212529;
    color: #212529;
    text-align: center;
    font-size: 20px;
}

#navigation-sidebar .containerUser[b-ct1ajg0mx3] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    padding: 10px;
    background-color: #212529;
    display: flex;
    align-items: center;
}

#navigation-sidebar[b-ct1ajg0mx3]  .containerUser-collapsed .user-dropdown-btn.e-dropdown-btn {
    min-width: 40px;
    width: 40px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
}

#navigation-sidebar[b-ct1ajg0mx3]  .containerUser-collapsed .user-dropdown-btn .e-btn-content {
    justify-content: center;
}

#navigation-sidebar[b-ct1ajg0mx3]  .user-dropdown-btn-icon-only .e-dropdown-btn .e-caret {
    display: none;
}

#navigation-sidebar[b-ct1ajg0mx3]  .user-dropdown-btn.e-dropdown-btn,
#navigation-sidebar[b-ct1ajg0mx3]  .test.e-dropdown-btn {
    background-color: #212529 !important;
    color: white !important;
    font-size: 14px !important;
    border-color: transparent !important;
    margin-top: 4px;
    width: 100%;
}

#navigation-sidebar[b-ct1ajg0mx3]  .user-dropdown-btn.e-dropdown-btn .e-btn-content {
    justify-content: flex-start;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#navigation-sidebar[b-ct1ajg0mx3]  .user-dropdown-btn.e-btn.e-active,
#navigation-sidebar[b-ct1ajg0mx3]  .test.e-btn.e-active,
#navigation-sidebar[b-ct1ajg0mx3]  .e-css.e-btn.e-active {
    box-shadow: none !important;
}

#navigation-sidebar[b-ct1ajg0mx3]  .user-dropdown-btn.e-dropdown-btn:focus,
#navigation-sidebar[b-ct1ajg0mx3]  .test.e-dropdown-btn:focus,
#navigation-sidebar[b-ct1ajg0mx3]  .e-dropdown-btn.e-btn:focus {
    box-shadow: none !important;
}

#navigation-sidebar .nav-item[b-ct1ajg0mx3] {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    width: 100%;
    align-self: stretch;
    border-radius: 10px;
}

#navigation-sidebar[b-ct1ajg0mx3]  .nav-item > a,
#navigation-sidebar .recent-item > .recent[b-ct1ajg0mx3] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 42px !important;
    box-sizing: border-box;
    border-radius: 10px !important;
    padding: 10px 12px 10px 24px !important;
    transition: background-color .2s ease, color .2s ease;
    color: #ffffff !important;
    text-decoration: none !important;
    cursor: pointer;
    font-size: 14px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    border: none !important;
    box-shadow: none !important;
}

#navigation-sidebar[b-ct1ajg0mx3]  .nav-item > a {
    background-color: transparent !important;
}

#navigation-sidebar[b-ct1ajg0mx3]  .nav-item > a .nav-icon,
#navigation-sidebar .recent-item > .recent .nav-icon[b-ct1ajg0mx3] {
    margin-right: 0;
    width: 22px;
    height: 22px;
    min-width: 22px;
    display: block;
    flex-shrink: 0;
    align-self: center;
}

#navigation-sidebar[b-ct1ajg0mx3]  .nav-item a * {
    cursor: pointer;
}

#navigation-sidebar[b-ct1ajg0mx3]  .nav-item a:hover {
    background-color: rgba(255, 255, 255, 0.28);
    color: #ffffff !important;
}

#navigation-sidebar[b-ct1ajg0mx3]  .nav-item a.active {
    background-color: rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
}

#navigation-sidebar .recent-item[b-ct1ajg0mx3] {
    display: flex;
    align-items: center;
    min-height: 42px;
    position: relative;
    width: 100%;
}

#navigation-sidebar[b-ct1ajg0mx3]  .nav-item > a:hover,
#navigation-sidebar[b-ct1ajg0mx3]  .nav-item > a:focus,
#navigation-sidebar[b-ct1ajg0mx3]  .nav-item > a:active,
#navigation-sidebar .recent-item > .recent:hover[b-ct1ajg0mx3],
#navigation-sidebar .recent-item > .recent:focus[b-ct1ajg0mx3],
#navigation-sidebar .recent-item > .recent:active[b-ct1ajg0mx3],
#navigation-sidebar .recent-item > .recent.active[b-ct1ajg0mx3],
#navigation-sidebar .recent-open > .recent[b-ct1ajg0mx3] {
    background-color: rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
}

#navigation-sidebar[b-ct1ajg0mx3]  .nav-item a span,
#navigation-sidebar .recent span[b-ct1ajg0mx3] {
    display: block;
    min-width: 0;
    text-align: left;
    margin: 0;
    line-height: 1.2;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

@media (min-width: 993px) {
    #navigation-sidebar[b-ct1ajg0mx3]  .nav-list:not(.nav-list-collapsed) .nav-item > a,
    #navigation-sidebar[b-ct1ajg0mx3]  .nav-list:not(.nav-list-collapsed) .recent-item > .recent {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        padding-left: 24px !important;
    }

    #navigation-sidebar[b-ct1ajg0mx3]  .nav-list:not(.nav-list-collapsed) .nav-item > a .nav-icon,
    #navigation-sidebar[b-ct1ajg0mx3]  .nav-list:not(.nav-list-collapsed) .recent-item > .recent .nav-icon {
        margin-right: 0 !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
    }

    #navigation-sidebar[b-ct1ajg0mx3]  .nav-list:not(.nav-list-collapsed) .nav-item > a span,
    #navigation-sidebar[b-ct1ajg0mx3]  .nav-list:not(.nav-list-collapsed) .recent-item > .recent span {
        margin: 0 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        line-height: 1.2;
    }

    #navigation-sidebar .sidebar-header-collapsed .sidebar-hamburger[b-ct1ajg0mx3] {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    #navigation-sidebar .sidebar-header.sidebar-header-collapsed[b-ct1ajg0mx3] {
        padding-top: 12px;
        min-height: 56px;
    }

    #navigation-sidebar #sidebar-wrapper.sidebar-collapsed .create-new-wrap[b-ct1ajg0mx3] {
        justify-content: center;
        margin-top: 12px;
    }

    #navigation-sidebar .nav-list.nav-list-collapsed .nav-item[b-ct1ajg0mx3],
    #navigation-sidebar .nav-list.nav-list-collapsed .recent-item[b-ct1ajg0mx3] {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #navigation-sidebar[b-ct1ajg0mx3]  .nav-list.nav-list-collapsed .nav-item > a,
    #navigation-sidebar .nav-list.nav-list-collapsed .recent-item > .recent[b-ct1ajg0mx3] {
        width: 44px !important;
        min-width: 44px !important;
        justify-content: center !important;
        gap: 0 !important;
        padding: 10px !important;
    }

    #navigation-sidebar[b-ct1ajg0mx3]  .nav-list.nav-list-collapsed .nav-item > a .nav-icon,
    #navigation-sidebar .nav-list.nav-list-collapsed .recent-item > .recent .nav-icon[b-ct1ajg0mx3],
    #navigation-sidebar .nav-list.nav-list-collapsed .nav-icon-settings-small[b-ct1ajg0mx3] {
        display: block;
        margin: 0 auto !important;
    }
}



#navigation-sidebar .recent-popover[b-ct1ajg0mx3] {
    position: absolute;
    top: 0;
    left: calc(100% + 10px);
    right: auto;
    z-index: 2500;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(33, 37, 41, 0.12);
    box-shadow: 0 10px 26px rgba(17, 24, 39, 0.24);
    padding: 10px;
    color: #212529;
    width: 320px;
}

#navigation-sidebar .recent-popover-collapsed[b-ct1ajg0mx3] {
    left: calc(100% + 10px);
    right: auto;
}

#navigation-sidebar .recent-popover-title[b-ct1ajg0mx3] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 0.02em;
    text-transform: none;
    font-weight: bold;
    color: var(--sidebar-secondary-color, #22a6de);
    margin-bottom: 8px;
}

#navigation-sidebar .recent-search-wrap[b-ct1ajg0mx3] {
    display: flex;
    align-items: center;
    border: 1px solid #d5d9df;
    border-radius: 8px;
    padding: 0 8px;
    background: #f8fafc;
    margin-bottom: 8px;
}

#navigation-sidebar .recent-search-icon[b-ct1ajg0mx3] {
    color: #7b8794;
    font-size: 14px;
    margin-right: 6px;
}

#navigation-sidebar .recent-search-input[b-ct1ajg0mx3] {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    height: 34px;
    font-size: 13px;
    color: #1f2937;
}

#navigation-sidebar .recent-list[b-ct1ajg0mx3] {
    max-height: 300px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: 2px;
}

#navigation-sidebar .recent-list-item[b-ct1ajg0mx3] {
    border: 1px solid #dadada;
    border-radius: 8px;
    background: #ffffff;
    text-align: left;
    width: 100%;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    cursor: pointer;
}

#navigation-sidebar .recent-list-item:hover[b-ct1ajg0mx3],
#navigation-sidebar .recent-list-item:focus[b-ct1ajg0mx3] {
    background: #f4f7fb;
    border-color: #dadada;
}

#navigation-sidebar .recent-list-main[b-ct1ajg0mx3] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    line-height: 1.25;
}

#navigation-sidebar .recent-list-meta[b-ct1ajg0mx3] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #333;
}

#navigation-sidebar .recent-empty[b-ct1ajg0mx3] {
    font-size: 12px;
    color: #6b7280;
    padding: 12px 6px;
    text-align: center;
}

#navigation-sidebar[b-ct1ajg0mx3]  .e-icons.e-export:before {
    color: var(--sidebar-icon-accent, #1b4f89) !important;
}

@media (max-width: 992px) {
    /* Centrado solo cuando sidebar está colapsado */
    #navigation-sidebar .sidebar-header.sidebar-header-collapsed .sidebar-hamburger[b-ct1ajg0mx3] {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    /* A la derecha cuando sidebar está expandido */
    #navigation-sidebar .sidebar-header:not(.sidebar-header-collapsed) .sidebar-hamburger[b-ct1ajg0mx3] {
        left: auto;
        right: 8px;
        transform: none;
    }

    #navigation-sidebar .create-new-wrap[b-ct1ajg0mx3] {
        margin-top: 20px !important;
        padding-top: 6px;
    }

    #navigation-sidebar .sidebar-header[b-ct1ajg0mx3] {
        padding-top: 50px;
    }

    #navigation-sidebar .sidebar-header-collapsed[b-ct1ajg0mx3] {
        padding-top: 50px !important;
    }

    #navigation-sidebar .nav-list[b-ct1ajg0mx3] {
        padding: 4px 8px 68px;
        gap: 4px;
    }

    #navigation-sidebar[b-ct1ajg0mx3]  .nav-item > a,
    #navigation-sidebar .recent-item > .recent[b-ct1ajg0mx3] {
        min-height: 40px;
        padding: 8px 10px 8px 16px !important;
        gap: 12px !important;
        align-items: center !important;
    }

    #navigation-sidebar .nav-icon[b-ct1ajg0mx3] {
        width: 20px;
        height: 20px;
        min-width: 20px;
        margin-right: 0 !important;
        display: block;
        object-position: center;
    }

    #navigation-sidebar .nav-list-collapsed .nav-item[b-ct1ajg0mx3],
    #navigation-sidebar .nav-list-collapsed .recent-item[b-ct1ajg0mx3] {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #navigation-sidebar .nav-list-collapsed .nav-item > a[b-ct1ajg0mx3],
    #navigation-sidebar .nav-list-collapsed .recent-item > .recent[b-ct1ajg0mx3] {
        width: 48px !important;
        min-width: 48px !important;
        padding: 10px !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    #navigation-sidebar .nav-list-collapsed .nav-item > a .nav-icon[b-ct1ajg0mx3],
    #navigation-sidebar .nav-list-collapsed .recent-item > .recent .nav-icon[b-ct1ajg0mx3],
    #navigation-sidebar .nav-list-collapsed .nav-icon-settings-small[b-ct1ajg0mx3] {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        margin: 0 auto !important;
    }

    #navigation-sidebar .recent-popover[b-ct1ajg0mx3],
    #navigation-sidebar .recent-popover-collapsed[b-ct1ajg0mx3] {
        left: calc(100% + 8px);
        right: auto;
        width: 300px;
    }
}

@media (max-width: 768px) {
    #navigation-sidebar .recent-popover[b-ct1ajg0mx3],
    #navigation-sidebar .recent-popover-collapsed[b-ct1ajg0mx3] {
        position: fixed;
        top: 12px;
        left: 12px;
        right: 12px;
        bottom: 12px;
        transform: none;
        width: auto;
        max-width: none;
        z-index: 12000;
        display: flex;
        flex-direction: column;
        padding: 12px;
    }

    #navigation-sidebar .recent-list[b-ct1ajg0mx3] {
        flex: 1;
        min-height: 0;
        max-height: none;
        overflow-y: auto;
    }
}
/* _content/CentricityPllPortal.WebPortal/Shared/PermitAttachmentCityworksSection.razor.rz.scp.css */
.cw-section-title[b-g1nhgzghff] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    color: var(--secondary-color, #22A6DE) !important; /* valor por defecto: #22A6DE */
    margin: 0 0 10px 0 !important;
}

.cw-section[b-g1nhgzghff] {
    min-width: 0;
}

[b-g1nhgzghff] .att-type-content {
    width: 100%;
    min-width: 0;
}

[b-g1nhgzghff] .att-grid-header,
[b-g1nhgzghff] .att-doc-row,
[b-g1nhgzghff] .att-history-row {
    display: grid;
    grid-template-columns: minmax(220px, 2.2fr) minmax(64px, 0.7fr) minmax(110px, 1fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(150px, 1.2fr);
    gap: 14px;
    align-items: center;
    width: 100%;
}

[b-g1nhgzghff] .att-grid-header {
    padding: 0 0 10px;
    border-bottom: 1px solid #dbe3ea;
    margin-bottom: 8px;
}

[b-g1nhgzghff] .att-doc-row,
[b-g1nhgzghff] .att-history-row {
    padding: 10px 0;
    border-bottom: 1px solid #edf2f6;
}

[b-g1nhgzghff] .att-name,
[b-g1nhgzghff] .att-ver,
[b-g1nhgzghff] .att-date,
[b-g1nhgzghff] .att-meta,
[b-g1nhgzghff] .att-actions {
    min-width: 0;
}

[b-g1nhgzghff] .att-name {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-wrap: anywhere;
}

[b-g1nhgzghff] .att-name a {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-g1nhgzghff] .att-ver {
    justify-self: center;
    white-space: nowrap;
}

[b-g1nhgzghff] .att-date,
[b-g1nhgzghff] .att-meta {
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-g1nhgzghff] .att-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
}

@media (max-width: 768px) {
    .cw-section-title[b-g1nhgzghff] {
        font-size: 16px !important;
        line-height: 1.35 !important;
    }

    [b-g1nhgzghff] .att-grid-header {
        display: none;
    }

    [b-g1nhgzghff] .att-doc-row,
    [b-g1nhgzghff] .att-history-row {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
        margin-bottom: 10px;
        border: 1px solid #dbe5ed;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 4px 14px rgba(20, 45, 67, 0.06);
    }

    [b-g1nhgzghff] .att-name {
        align-items: flex-start;
    }

    [b-g1nhgzghff] .att-name .att-select {
        margin-top: 3px;
    }

    [b-g1nhgzghff] .att-ver,
    [b-g1nhgzghff] .att-date,
    [b-g1nhgzghff] .att-meta {
        justify-self: stretch;
        position: relative;
        padding-left: 92px;
        min-height: 18px;
        font-size: 13px;
        color: #334c5d;
    }

    [b-g1nhgzghff] .att-doc-row > .att-ver::before,
    [b-g1nhgzghff] .att-history-row > .att-ver::before {
        content: "Version";
    }

    [b-g1nhgzghff] .att-doc-row > .att-date::before,
    [b-g1nhgzghff] .att-history-row > .att-date::before {
        content: "Date";
    }

    [b-g1nhgzghff] .att-doc-row > .att-meta:nth-of-type(4)::before,
    [b-g1nhgzghff] .att-history-row > .att-meta:nth-of-type(4)::before {
        content: "Labels";
    }

    [b-g1nhgzghff] .att-doc-row > .att-meta:nth-of-type(5)::before,
    [b-g1nhgzghff] .att-history-row > .att-meta:nth-of-type(5)::before {
        content: "Tags";
    }

    [b-g1nhgzghff] .att-ver::before,
    [b-g1nhgzghff] .att-date::before,
    [b-g1nhgzghff] .att-meta::before {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: #6a7d8b;
    }

    [b-g1nhgzghff] .att-actions {
        padding-top: 4px;
        border-top: 1px solid #eef3f7;
    }

    [b-g1nhgzghff] .btn-history {
        width: 100%;
        text-align: center;
    }
}
/* _content/CentricityPllPortal.WebPortal/Shared/PermitAttachmentTypeAccordion.razor.rz.scp.css */
/* Icon color for action icons */
.att-action-icon[b-dg7sam003c] {
    color: grey !important;
    fill: grey !important;
    /* For img tags, use filter to tint if needed */
    filter: grayscale(1) brightness(0.6);
}
/* Header label style for accordion grid */
.att-header-label[b-dg7sam003c] {
    color: #333 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.3;
    text-transform: capitalize;
}

/* Header del acordeón de Cityworks con mismo estilo que el header seleccionado del acordeón principal */
.cw-section-title[b-dg7sam003c],
.e-accordion .e-acrdn-item.e-select > .e-acrdn-header[b-dg7sam003c],
.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header[b-dg7sam003c],
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header[b-dg7sam003c],
.e-accordion .e-acrdn-item.e-select.e-focused > .e-acrdn-header[b-dg7sam003c] {
    background: #f5f7fa !important;
    border-radius: 8px 8px 0 0 !important;
    color: #164769 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    padding: 12px 18px !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    display: block;
}
.att-type-header[b-dg7sam003c] {
    text-align: left !important;
}
.att-doc-row > .att-doc-col-name[b-dg7sam003c],
.att-doc-row > .att-doc-col-date[b-dg7sam003c],
.att-doc-row > .att-doc-col-labels[b-dg7sam003c],
.att-doc-row > .att-doc-col-tags[b-dg7sam003c] {
    justify-content: flex-start !important;
    text-align: left !important;
}
/* Botones de acciones del toolbar, excepto select all */
/* Usa el color primario real de settings, que se setea como --att-primary-label-color en el componente */
.att-toolbar-actions button:not(.att-select-all)[b-dg7sam003c] {
    background: var(--att-primary-label-color, #164769) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    box-shadow: none !important;
}
.att-toolbar-actions button:not(.att-select-all):hover[b-dg7sam003c] {
    background: var(--primary-color-hover, #0f3054) !important;
}
/* Encabezado de grupo en el acordeón */
.att-group-header[b-dg7sam003c] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    display: block;
}
/* Distribución de columnas para las filas de documentos */
.att-doc-row[b-dg7sam003c] {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 4px 0;
    width: 100%;
}
.att-doc-row > span[b-dg7sam003c] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.att-doc-col-name[b-dg7sam003c] { flex: 2; min-width: 120px; }
.att-doc-col-version[b-dg7sam003c] { flex: 1; min-width: 70px; justify-content: center; }
.att-doc-col-date[b-dg7sam003c] { flex: 2; min-width: 120px; }
.att-doc-col-labels[b-dg7sam003c] { flex: 2; min-width: 120px; }
.att-doc-col-tags[b-dg7sam003c] { flex: 2; min-width: 120px; }
.att-doc-col-actions[b-dg7sam003c] { flex: 2; min-width: 120px; justify-content: flex-start; }
.att-doc-col-name[b-dg7sam003c] {
    flex: 2;
    min-width: 120px;
    display: flex;
    align-items: center;
}
.att-doc-col-version[b-dg7sam003c] {
    flex: 1;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.att-doc-col-date[b-dg7sam003c] {
    flex: 2;
    min-width: 120px;
    display: flex;
    align-items: center;
}
.att-doc-col-labels[b-dg7sam003c] {
    flex: 2;
    min-width: 120px;
    display: flex;
    align-items: center;
}
.att-doc-col-tags[b-dg7sam003c] {
    flex: 2;
    min-width: 120px;
    display: flex;
    align-items: center;
}
.att-doc-col-actions[b-dg7sam003c] {
    flex: 2;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
/* Estilo para el contador de documentos en el acordeón */
.att-count-badge[b-dg7sam003c] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    display: block !important;
    margin-top: 2px !important;
    width: 100%;
    clear: both;
}
/* Encabezados de grupo en el acordeón de adjuntos */
.att-type-header[b-dg7sam003c] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22A6DE) !important;
    line-height: 1.3;
}

.att-header-name[b-dg7sam003c] {
    color: #333!important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.3;
    text-transform: capitalize;
}


.att-count-badge[b-dg7sam003c] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #fff!important;
}

[b-dg7sam003c] .att-type-content {
    width: 100%;
    min-width: 0;
}

[b-dg7sam003c] .att-grid-header,
[b-dg7sam003c] .att-doc-row,
[b-dg7sam003c] .att-history-row {
    display: grid;
    grid-template-columns: minmax(220px, 2.2fr) minmax(64px, 0.7fr) minmax(110px, 1fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(150px, 1.2fr);
    gap: 14px;
    align-items: center;
    width: 100%;
}

[b-dg7sam003c] .att-grid-header {
    padding: 0 0 10px;
    border-bottom: 1px solid #dbe3ea;
    margin-bottom: 8px;
}

[b-dg7sam003c] .att-doc-row,
[b-dg7sam003c] .att-history-row {
    padding: 10px 0;
    border-bottom: 1px solid #edf2f6;
}

[b-dg7sam003c] .att-history-row {
    padding-left: 12px;
}

[b-dg7sam003c] .att-name,
[b-dg7sam003c] .att-ver,
[b-dg7sam003c] .att-date,
[b-dg7sam003c] .att-meta,
[b-dg7sam003c] .att-actions {
    min-width: 0;
}

[b-dg7sam003c] .att-name {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-wrap: anywhere;
}

[b-dg7sam003c] .att-name a {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-dg7sam003c] .att-ver {
    justify-self: center;
    white-space: nowrap;
}

[b-dg7sam003c] .att-date,
[b-dg7sam003c] .att-meta {
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-dg7sam003c] .att-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
}

[b-dg7sam003c] .att-action-icon,
[b-dg7sam003c] .att-toggle-btn,
[b-dg7sam003c] .badge-final,
[b-dg7sam003c] .btn-history {
    flex: 0 0 auto;
}

@media (max-width: 768px) {
    .cw-section-title[b-dg7sam003c],
    .att-type-header[b-dg7sam003c] {
        font-size: 16px !important;
        line-height: 1.35;
    }

    .att-count-badge[b-dg7sam003c] {
        font-size: 11px;
        margin-top: 4px !important;
    }

    [b-dg7sam003c] .att-grid-header {
        display: none;
    }

    [b-dg7sam003c] .att-doc-row,
    [b-dg7sam003c] .att-history-row {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
        margin-bottom: 10px;
        border: 1px solid #dbe5ed;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 4px 14px rgba(20, 45, 67, 0.06);
    }

    [b-dg7sam003c] .att-history-row {
        margin-left: 10px;
        padding-left: 12px;
        background: #f8fbfd;
    }

    [b-dg7sam003c] .att-name {
        align-items: flex-start;
    }

    [b-dg7sam003c] .att-name .att-select {
        margin-top: 3px;
    }

    [b-dg7sam003c] .att-ver,
    [b-dg7sam003c] .att-date,
    [b-dg7sam003c] .att-meta {
        justify-self: stretch;
        position: relative;
        padding-left: 92px;
        min-height: 18px;
        font-size: 13px;
        color: #334c5d;
    }

    [b-dg7sam003c] .att-doc-row > .att-ver::before,
    [b-dg7sam003c] .att-history-row > .att-ver::before {
        content: "Version";
    }

    [b-dg7sam003c] .att-doc-row > .att-date::before,
    [b-dg7sam003c] .att-history-row > .att-date::before {
        content: "Date";
    }

    [b-dg7sam003c] .att-doc-row > .att-meta:nth-of-type(4)::before,
    [b-dg7sam003c] .att-history-row > .att-meta:nth-of-type(4)::before {
        content: "Labels";
    }

    [b-dg7sam003c] .att-doc-row > .att-meta:nth-of-type(5)::before,
    [b-dg7sam003c] .att-history-row > .att-meta:nth-of-type(5)::before {
        content: "Tags";
    }

    [b-dg7sam003c] .att-ver::before,
    [b-dg7sam003c] .att-date::before,
    [b-dg7sam003c] .att-meta::before {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: #6a7d8b;
    }

    [b-dg7sam003c] .att-actions {
        padding-top: 4px;
        border-top: 1px solid #eef3f7;
    }

    [b-dg7sam003c] .btn-history {
        width: 100%;
        text-align: center;
    }
}
/* _content/CentricityPllPortal.WebPortal/Shared/TopMenuButtons.razor.rz.scp.css */
/* Top menu layout */
.top-menu-host[b-7jczxdbfwy] {
    display: flex;
    justify-content: end;
}

.top-right-buttons[b-7jczxdbfwy] {
    width: 650px;
    margin-top: 20px;
}

.top-right-buttons-row[b-7jczxdbfwy] {
    display: flex;
    justify-content: end;
    align-items: flex-start;
    gap: 52px;
}

#topRightButtons[b-7jczxdbfwy] {
    display: block;
}

@media screen and (max-width: 768px) {
    #topRightButtons[b-7jczxdbfwy] {
        display: none;
    }
}

/* Top menu buttons: icon above title, centered, no background */
#topRightButtons .dropdown[b-7jczxdbfwy] {
    width: 120px;
    display: flex;
    justify-content: center;
    padding-bottom: 6px;
}

#topRightButtons .e-btn[b-7jczxdbfwy] {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    text-align: center !important;
    padding: 0 !important;
    width: 120px !important;
}

#topRightButtons .e-caret-hide[b-7jczxdbfwy] {
    color: var(--menu-primary-color, #1b4f89) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
    padding: 0 !important;
    min-width: 120px !important;
    min-height: 80px !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

#topRightButtons .top-menu-main-btn[b-7jczxdbfwy],
#topRightButtons .top-menu-main-btn:hover[b-7jczxdbfwy],
#topRightButtons .top-menu-main-btn:focus[b-7jczxdbfwy],
#topRightButtons .top-menu-main-btn:active[b-7jczxdbfwy] {
    color: var(--menu-primary-color, #1b4f89) !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#topRightButtons .e-btn.e-flat:active[b-7jczxdbfwy],
#topRightButtons .e-btn.e-flat.e-active[b-7jczxdbfwy],
#topRightButtons .e-css.e-btn.e-flat:active[b-7jczxdbfwy],
#topRightButtons .e-css.e-btn.e-flat.e-active[b-7jczxdbfwy] {
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

#topRightButtons .e-btn.e-primary:focus[b-7jczxdbfwy],
#topRightButtons .e-css.e-btn.e-primary:focus[b-7jczxdbfwy] {
    box-shadow: none !important;
}

#topRightButtons .dropdown-toggle[b-7jczxdbfwy]::after,
#topRightButtons .e-dropdown-icon[b-7jczxdbfwy]::after {
    display: none !important;
}

#topRightButtons .e-btn .e-btn-icon[b-7jczxdbfwy] {
    margin: 0 !important;
    line-height: 1 !important;
    display: block !important;
    text-align: center !important;
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#topRightButtons .e-btn .e-icon-left[b-7jczxdbfwy] {
    margin-right: 0 !important;
}

#topRightButtons .top-menu-main-btn .e-btn-text[b-7jczxdbfwy] {
    display: block !important;
    width: 100%;
    text-align: center !important;
    line-height: 1.2 !important;
    margin-top: 2px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: var(--menu-primary-color, #1b4f89) !important;
    background: transparent !important;
}

#topRightButtons .top-menu-main-btn .top-menu-glyph[b-7jczxdbfwy] {
    display: inline-block;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
}

#topRightButtons .top-menu-main-btn .top-menu-label[b-7jczxdbfwy] {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: var(--menu-primary-color, #1b4f89) !important;
    background: transparent !important;
}

#topRightButtons .top-menu-main-btn.e-caret-hide.e-btn-icon-left .e-btn-text[b-7jczxdbfwy] {
    order: 2;
    margin-top: 2px !important;
    display: block;
}

#topRightButtons .top-menu-main-btn.e-caret-hide.e-btn-icon-left .e-btn-icon[b-7jczxdbfwy] {
    order: 1;
}

.todo-svg-icon[b-7jczxdbfwy],
.todo-svg-icon-on[b-7jczxdbfwy],
.notification-svg-icon[b-7jczxdbfwy],
.notification-svg-icon-on[b-7jczxdbfwy],
.help-svg-icon[b-7jczxdbfwy],
.chat-svg-icon[b-7jczxdbfwy] {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 34px !important;
    height: 34px !important;
}

.todo-svg-icon[b-7jczxdbfwy] { background-image: url('/images/toDo.svg'); }
.todo-svg-icon-on[b-7jczxdbfwy] { background-image: url('/images/toDo_on.svg'); }
.notification-svg-icon[b-7jczxdbfwy] { background-image: url('/images/ico_notification.svg'); margin-top: 1px !important; }
.notification-svg-icon-on[b-7jczxdbfwy] { background-image: url('/images/ico_notification_on.svg'); margin-top: 1px !important; }
.help-svg-icon[b-7jczxdbfwy] { background-image: url('/images/help.svg'); }
.chat-svg-icon[b-7jczxdbfwy] { background-image: url('/images/chat.svg'); }

.menu-svg-icon[b-7jczxdbfwy] {
    background-image: url('/images/ico_menu.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
}

/* Notifications filter button */
.notifications-filter .e-dropdown-btn[b-7jczxdbfwy] {
    display: flex !important;
    justify-content: flex-end !important;
    width: auto !important;
    padding: 0 !important;
}

.notifications-toolbar[b-7jczxdbfwy] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-height: 24px;
    padding-right: 36px;
}

#topRightButtons[b-7jczxdbfwy]  .notifications-mark-all-btn.e-btn,
#topRightButtons[b-7jczxdbfwy]  .notifications-mark-all-btn.e-css.e-btn {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #333 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: underline !important;
}

#topRightButtons[b-7jczxdbfwy]  .notifications-mark-all-btn.e-btn:hover,
#topRightButtons[b-7jczxdbfwy]  .notifications-mark-all-btn.e-btn:focus,
#topRightButtons[b-7jczxdbfwy]  .notifications-mark-all-btn.e-btn:active,
#topRightButtons[b-7jczxdbfwy]  .notifications-mark-all-btn.e-css.e-btn:hover,
#topRightButtons[b-7jczxdbfwy]  .notifications-mark-all-btn.e-css.e-btn:focus,
#topRightButtons[b-7jczxdbfwy]  .notifications-mark-all-btn.e-css.e-btn:active {
    background: transparent !important;
    border: 0 !important;
    color: #333 !important;
    box-shadow: none !important;
    text-decoration: underline !important;
}

.notifications-filter[b-7jczxdbfwy] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
    flex: none;
}

.notifications-filter-icon-wrap[b-7jczxdbfwy] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: auto;
}

#topRightButtons .notifications-filter .notifications-filter-btn.e-btn[b-7jczxdbfwy] {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    margin-left: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#topRightButtons .notifications-filter .notifications-filter-btn.e-caret-hide[b-7jczxdbfwy] {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
}

#topRightButtons .notifications-filter .notifications-filter-btn.e-btn .menu-svg-icon-right.e-btn-icon.e-icon-left[b-7jczxdbfwy] {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    align-self: center !important;
}

.notifications-filter-btn[b-7jczxdbfwy] {
    margin-left: auto !important;
}

#topRightButtons[b-7jczxdbfwy]  .notifications-filter-btn,
#topRightButtons[b-7jczxdbfwy]  .notifications-filter-btn.e-btn,
#topRightButtons[b-7jczxdbfwy]  .notifications-filter .e-dropdown-btn,
#topRightButtons[b-7jczxdbfwy]  .notifications-filter .e-dropdown-btn.e-btn {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#topRightButtons .notifications-filter .notifications-filter-btn.e-btn:hover[b-7jczxdbfwy],
#topRightButtons .notifications-filter .notifications-filter-btn.e-btn:focus[b-7jczxdbfwy],
#topRightButtons .notifications-filter .notifications-filter-btn.e-btn:active[b-7jczxdbfwy],
#topRightButtons[b-7jczxdbfwy]  .notifications-filter .notifications-filter-btn.e-btn:hover,
#topRightButtons[b-7jczxdbfwy]  .notifications-filter .notifications-filter-btn.e-btn:focus,
#topRightButtons[b-7jczxdbfwy]  .notifications-filter .notifications-filter-btn.e-btn:active {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#topRightButtons[b-7jczxdbfwy]  .notifications-filter .menu-svg-icon,
#topRightButtons[b-7jczxdbfwy]  .notifications-filter .menu-svg-icon-right {
    background-image: none !important;
    -webkit-mask: url('/images/ico_menu.svg') no-repeat center / contain;
    mask: url('/images/ico_menu.svg') no-repeat center / contain;
    background-color: var(--primary-color, #1b4f89) !important;
    width: 20px !important;
    height: 20px !important;
}

/* Dropdown panels */
.dropdown-notifications[b-7jczxdbfwy] {
    position: relative;
    padding-bottom: 6px;
}

.todo-dropdown-menu[b-7jczxdbfwy],
.notifications-dropdown-panel[b-7jczxdbfwy] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: -2px;
    width: 340px !important;
    max-height: 550px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    z-index: 9999;
    padding: 12px;
}

.todo-dropdown-menu[b-7jczxdbfwy] {
    display: none;
}

.is-open[b-7jczxdbfwy] {
    display: block;
}

.is-closed[b-7jczxdbfwy] {
    display: none;
}

.notifications-list[b-7jczxdbfwy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.dropdown:hover .todo-dropdown-menu[b-7jczxdbfwy],
.dropdown-notifications:hover .notifications-dropdown-panel[b-7jczxdbfwy] {
    display: block !important;
}

.dropdown-menu[b-7jczxdbfwy] {
    padding: 10px !important;
}

/* Card styles */
.notification-card[b-7jczxdbfwy] {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 14px 16px;
    border: 1px solid #e8e8e8;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    text-align: left;
    overflow-x: auto;
}

.notification-card:hover[b-7jczxdbfwy] {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}

.notification-card--unread[b-7jczxdbfwy] {
    background-color: #f8fafc;
    border-left: 3px solid;
    font-weight: 500;
}

.notification-card--read[b-7jczxdbfwy] {
    background-color: #fff;
    opacity: 0.92;
}

.notification-card--read .notification-card-title[b-7jczxdbfwy] {
    font-weight: 600;
}

.notification-card--unread .notification-card-title[b-7jczxdbfwy] {
    font-weight: 700;
}

.notification-card-time[b-7jczxdbfwy] {
    font-size: 0.75rem;
    color: black;
    margin-bottom: 6px;
}

.notification-card-title[b-7jczxdbfwy] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.35;
    color: var(--secondary-color, #22a6de);
}

.notification-card-meta[b-7jczxdbfwy] {
    font-size: 0.85rem;
    color: black;
    margin-bottom: 4px;
    line-height: 1.4;
}

.notification-card-label[b-7jczxdbfwy] {
    font-weight: 600;
    color: black;
    margin-right: 4px;
}

.notification-card-action[b-7jczxdbfwy] {
    display: inline-block;
    width: auto !important;
    margin-top: 20px;
    padding: 6px 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff !important;
    background: var(--dashboard-selected-bg-color, var(--primary-color)) !important;
    border-radius: 4px;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
    float: right !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    cursor: pointer;
    user-select: none;
}

.notification-card-action:hover[b-7jczxdbfwy],
.notification-card-action:focus[b-7jczxdbfwy],
.notification-card-action:active[b-7jczxdbfwy] {
    opacity: 0.88;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

.todo-dropdown-item[b-7jczxdbfwy] {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    padding: 10px 16px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: black;
    margin: 0 0 12px 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.todo-dropdown-item:last-child[b-7jczxdbfwy] {
    margin-bottom: 0;
}

.todo-item-title[b-7jczxdbfwy],
.notification-item-trigger[b-7jczxdbfwy],
.notification-item-label[b-7jczxdbfwy] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary-color, #22a6de);
}

.case-number-label[b-7jczxdbfwy] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: black;
}

.todo-item-type[b-7jczxdbfwy],
.todo-item-case-number[b-7jczxdbfwy] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: black;
    word-break: break-word;
}

.todo-item-spacer[b-7jczxdbfwy] {
    margin-bottom: 1rem;
}

.notification-item-spacer[b-7jczxdbfwy] {
    margin-bottom: 10px;
}

.todo-item-actions[b-7jczxdbfwy] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    gap: 10px;
}

.todo-action-btn[b-7jczxdbfwy],
#topRightButtons[b-7jczxdbfwy]  .todo-action-btn.e-btn,
#topRightButtons[b-7jczxdbfwy]  .todo-action-btn.e-btn.e-primary {
    display: inline-block;
    width: auto !important;
    margin-top: 20px;
    padding: 6px 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff !important;
    background: var(--dashboard-selected-bg-color, var(--primary-color)) !important;
    border-radius: 4px;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
    float: right !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
}

.todo-action-btn:hover[b-7jczxdbfwy],
.todo-action-btn:focus[b-7jczxdbfwy],
.todo-action-btn:active[b-7jczxdbfwy],
#topRightButtons[b-7jczxdbfwy]  .todo-action-btn.e-btn:hover,
#topRightButtons[b-7jczxdbfwy]  .todo-action-btn.e-btn:focus,
#topRightButtons[b-7jczxdbfwy]  .todo-action-btn.e-btn:active {
    opacity: 0.88;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

#topRightButtons[b-7jczxdbfwy]  .todo-action-btn.e-btn:disabled,
#topRightButtons[b-7jczxdbfwy]  .todo-action-btn.e-btn.e-disabled,
.notification-card-action:disabled[b-7jczxdbfwy] {
    opacity: 0.55;
}

.todo-delete-button[b-7jczxdbfwy] {
    border: 0;
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.todo-delete-button:focus-visible[b-7jczxdbfwy] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: 4px;
}

.todo-delete-icon[b-7jczxdbfwy] {
    height: 40px;
    margin-top: 18px;
    cursor: pointer;
}

.dropdown-item[b-7jczxdbfwy] {
    user-select: none !important;
    outline: none !important;
}

.dropdown-item:focus[b-7jczxdbfwy],
.dropdown-item:active[b-7jczxdbfwy] {
    outline: none !important;
    background: transparent !important;
    color: black !important;
}

.dropdown-item[b-7jczxdbfwy]::selection {
    background: transparent !important;
}

/* Deep overrides for Syncfusion button markup (required with CSS isolation) */
#topRightButtons[b-7jczxdbfwy]  .top-menu-main-btn {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 120px !important;
    min-height: 80px !important;
    padding: 0 !important;
    color: var(--menu-primary-color, #1b4f89) !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
}

#topRightButtons[b-7jczxdbfwy]  .top-menu-main-btn:hover,
#topRightButtons[b-7jczxdbfwy]  .top-menu-main-btn:focus,
#topRightButtons[b-7jczxdbfwy]  .top-menu-main-btn:active {
    color: var(--menu-primary-color, #1b4f89) !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#topRightButtons[b-7jczxdbfwy]  .top-menu-main-btn::after,
#topRightButtons[b-7jczxdbfwy]  .e-dropdown-icon::after {
    display: none !important;
}

#topRightButtons[b-7jczxdbfwy]  .top-menu-main-btn .e-btn-icon,
#topRightButtons[b-7jczxdbfwy]  .top-menu-main-btn .e-icons {
    order: 1;
    margin: 0 auto !important;
    line-height: 1 !important;
}

#topRightButtons[b-7jczxdbfwy]  .top-menu-main-btn .e-btn-text {
    order: 2;
    display: block !important;
    width: 100%;
    margin-top: 2px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: var(--menu-primary-color, #1b4f89) !important;
    background: transparent !important;
}

#topRightButtons[b-7jczxdbfwy]  .todo-svg-icon,
#topRightButtons[b-7jczxdbfwy]  .todo-svg-icon-on,
#topRightButtons[b-7jczxdbfwy]  .notification-svg-icon,
#topRightButtons[b-7jczxdbfwy]  .notification-svg-icon-on,
#topRightButtons[b-7jczxdbfwy]  .help-svg-icon,
#topRightButtons[b-7jczxdbfwy]  .chat-svg-icon {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block !important;
    width: 34px !important;
    height: 34px !important;
}

#topRightButtons[b-7jczxdbfwy]  .todo-svg-icon { background-image: url('/images/toDo.svg'); }
#topRightButtons[b-7jczxdbfwy]  .todo-svg-icon-on { background-image: url('/images/toDo_on.svg'); }
#topRightButtons[b-7jczxdbfwy]  .notification-svg-icon { background-image: url('/images/ico_notification.svg'); margin-top: 1px !important; }
#topRightButtons[b-7jczxdbfwy]  .notification-svg-icon-on { background-image: url('/images/ico_notification_on.svg'); margin-top: 1px !important; }
#topRightButtons[b-7jczxdbfwy]  .help-svg-icon { background-image: url('/images/help.svg'); }