/*
 * PGSBlazorApplicationRibbonWindowTemplateComponent adds this stylesheet to
 * the active Fluent theme only when its persisted accent is Notarial Modern.
 * Light and Dark PGS keep using the existing site.css tokens and styles.
 */
:root {
    color-scheme: light;

    /* A warm material palette separates the page, cards, and controls without
       falling back to stark white surfaces. */
    --pgs-page: #F0E7DA;
    --pgs-surface: #F7F0E5;
    --pgs-surface-soft: #E9DDCC;
    --pgs-text: #392B21;
    --pgs-muted: #77695D;
    --pgs-border: #D8C7B2;
    --pgs-border-soft: #E1D3C1;
    --pgs-accent: #806044;
    --pgs-accent-surface: #806044;
    --pgs-accent-hover: #634832;
    --pgs-accent-soft: #EFE4D5;
    --pgs-accent-contrast: #FFFFFF;
    --pgs-checkbox-accent: #A7793E;
    --pgs-danger: #B54747;
    --pgs-danger-surface: #FBF1F1;
    --pgs-warning: #B7791F;
    --pgs-warning-surface: #FAF3E8;
    --pgs-success: #287A59;
    --pgs-success-surface: #EDF6F0;
    --pgs-radius: 7px;

    --pgs-grid-border: #D8C7B2;
    --pgs-grid-header: #E9DDCC;
    --pgs-grid-row-alt: #F3EADD;
    --pgs-grid-row-hover: #EFE3D2;
    --pgs-grid-row-selected: #E7D7C0;
    --pgs-grid-row-focused: #DCC4A2;
    --pgs-grid-row-selected-focused: #D2B58B;

    /* Fluent semantic tokens also drive built-in XAF and DevExpress controls. */
    --dxds-color-surface-neutral-default-rest: #F7F0E5;
    --dxds-color-surface-neutral-default-hovered: #EFE3D2;
    --dxds-color-surface-neutral-default-active: #E9DDCC;
    --dxds-color-surface-neutral-default-selected: #E7D7C0;
    --dxds-color-surface-neutral-default-selected-hovered: #DCC4A2;
    --dxds-color-surface-neutral-default-disabled: #E9DDCC;
    --dxds-color-surface-neutral-default-on-surface-rest: #F7F0E5;
    --dxds-color-surface-neutral-default-on-surface-hovered: #EFE3D2;
    --dxds-color-surface-neutral-subdued-rest: #E9DDCC;
    --dxds-color-surface-neutral-subdued-hovered: #E3D5C2;
    --dxds-color-surface-neutral-deep-rest: #D8C7B2;
    --dxds-color-surface-primary-default-rest: #806044;
    --dxds-color-surface-primary-default-hovered: #634832;
    --dxds-color-surface-primary-default-active: #533B29;
    --dxds-color-surface-primary-default-selected: #634832;
    --dxds-color-surface-primary-default-disabled: #C3B19C;
    --dxds-color-surface-primary-subdued-rest: #EFE4D5;
    --dxds-color-surface-primary-subdued-hovered: #E8DAC6;
    --dxds-color-surface-primary-subdued-active: #DCC7AA;
    --dxds-color-surface-primary-subdued-selected: #DCC7AA;
    --dxds-color-content-neutral-default-rest: #392B21;
    --dxds-color-content-neutral-default-hovered: #392B21;
    --dxds-color-content-neutral-default-active: #392B21;
    --dxds-color-content-neutral-default-selected: #392B21;
    --dxds-color-content-neutral-default-disabled: #A49788;
    --dxds-color-content-neutral-default-inverted-rest: #FFFDF9;
    --dxds-color-content-neutral-default-on-surface-rest: #392B21;
    --dxds-color-content-neutral-subdued-rest: #77695D;
    --dxds-color-content-neutral-subdued-hovered: #625448;
    --dxds-color-content-neutral-subdued-active: #514438;
    --dxds-color-content-neutral-deep-rest: #514438;
    --dxds-color-content-primary-default-rest: #806044;
    --dxds-color-content-primary-default-hovered: #634832;
    --dxds-color-content-primary-default-active: #533B29;
    --dxds-color-content-primary-default-disabled: #A49788;
    --dxds-color-border-neutral-default-rest: #D8C7B2;
    --dxds-color-border-neutral-default-hovered: #C6B298;
    --dxds-color-border-neutral-default-active: #AE9677;
    --dxds-color-border-neutral-default-disabled: #D8C7B2;
    --dxds-color-border-neutral-subdued-rest: #E1D3C1;
    --dxds-color-border-primary-default-rest: #806044;
    --dxds-color-border-primary-default-hovered: #634832;
    --dxds-color-border-focus-default: #806044;
    --dxds-color-surface-success-subdued-rest: #EDF6F0;
    --dxds-color-content-success-default-rest: #287A59;
    --dxds-color-border-success-default-rest: #A8D2BA;
    --dxds-color-surface-warning-subdued-rest: #FAF3E8;
    --dxds-color-content-warning-default-rest: #8A5D13;
    --dxds-color-border-warning-default-rest: #E8C995;
    --dxds-color-surface-danger-subdued-rest: #FBF1F1;
    --dxds-color-content-danger-default-rest: #B54747;
    --dxds-color-border-danger-default-rest: #E5B8B8;

    --dxds-font-family-system-sans-serif: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dxds-font-family-segoe-ui: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Notarial Modern is a light-only theme. Hide the mode selector only while
   this stylesheet is active; the original PGS Light/Dark control returns with Azul PGS. */
.theme-settings nav[aria-label="Fluent Mode"] {
    display: none !important;
}

body.dxbl-theme-fluent {
    color: var(--pgs-text);
    background: var(--pgs-page);
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Application frame and navigation */
.header.navbar-dark {
    color: var(--pgs-text);
    background: var(--pgs-surface);
    border-bottom: 1px solid var(--pgs-border);
    box-shadow: 0 1px 3px rgb(57 43 33 / 5%);
}

.header.navbar-dark .header-logo {
    background-color: transparent;
}

.xaf-sidebar,
.xaf-sidebar.sidebar,
.sidebar {
    color: var(--pgs-text);
    background: var(--pgs-surface-soft);
    border-color: var(--pgs-border);
}

.xaf-navmenu,
.xaf-navmenu .dxbl-accordion,
.xaf-navmenu .dxbl-accordion-group-body {
    color: var(--pgs-text);
    background: var(--pgs-surface-soft);
}

.xaf-navmenu .dxbl-accordion-group-header,
.xaf-navmenu .dxbl-accordion-item {
    color: var(--pgs-text);
}

.xaf-navmenu .dxbl-accordion-item:hover,
.xaf-navmenu .dxbl-accordion-group-header:hover,
.xaf-navmenu .xaf-nav-link:hover {
    color: var(--pgs-accent);
    background: var(--pgs-grid-row-hover);
}

.xaf-navmenu .dxbl-active,
.xaf-navmenu .xaf-nav-link[aria-current="page"],
.xaf-navmenu .xaf-nav-item.active {
    color: var(--pgs-accent);
    background: var(--pgs-accent-soft);
    font-weight: 650;
}

.main-content,
.main-ribbon,
.pgs-application-body,
.xaf-tabbed-mdi .dxbl-tabs-content {
    background: var(--pgs-page);
}

.main-ribbon,
.xaf-ribbon {
    color: var(--pgs-text);
    background: var(--pgs-surface);
    border-color: var(--pgs-border);
}

.dxbl-ribbon,
.dxbl-ribbon__root,
.dxbl-ribbon__root-element,
.dxbl-ribbon-toolbar {
    color: var(--pgs-text);
    background-color: var(--pgs-surface);
}

.xaf-tabbed-mdi .dxbl-tabs {
    background: var(--pgs-surface);
    border-bottom: 1px solid var(--pgs-border);
}

.xaf-tabbed-mdi .dxbl-tabs-item {
    color: var(--pgs-muted);
    border-radius: 12px 12px 8px 8px;
}

.xaf-tabbed-mdi .dxbl-tabs-item:hover {
    color: var(--pgs-accent);
    background: var(--pgs-grid-row-hover);
}

.xaf-tabbed-mdi .dxbl-tabs-item.dxbl-active {
    color: var(--pgs-accent);
    background: var(--pgs-accent-soft);
    box-shadow: none;
}

/* Shared fields, action buttons, and Razor forms */
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select,
.dxbl-text-edit,
.dxbl-text-edit-input {
    color: var(--pgs-text);
    background-color: var(--pgs-surface);
    border-color: var(--pgs-border);
    border-radius: 6px;
}

input::placeholder,
textarea::placeholder,
.dxbl-text-edit-input::placeholder {
    color: #8794A5;
    opacity: 1;
}

input:focus,
textarea:focus,
select:focus,
.dxbl-text-edit:focus-within {
    border-color: var(--pgs-accent);
    outline: 3px solid color-mix(in srgb, var(--pgs-accent) 16%, transparent);
    outline-offset: 1px;
}

.dxbl-text-edit:focus-within .dxbl-text-edit-input {
    border-color: transparent;
    outline: 0;
}

.dxbl-btn,
.pgs-button,
.xaf-primary-toolbar-btn {
    border-radius: 6px;
    box-shadow: none;
    transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease;
}

.dxbl-btn.dxbl-btn-primary,
.dxbl-btn-primary,
.pgs-button.primary,
.xaf-primary-toolbar-btn {
    color: #fff;
    background-color: var(--pgs-accent);
    border-color: var(--pgs-accent);
}

.dxbl-btn.dxbl-btn-primary:hover:not(:disabled),
.dxbl-btn-primary:hover:not(:disabled),
.pgs-button.primary:hover:not(:disabled),
.xaf-primary-toolbar-btn:hover:not(:disabled) {
    color: #fff;
    background-color: var(--pgs-accent-hover);
    border-color: var(--pgs-accent-hover);
}

.dxbl-btn.dxbl-btn-secondary,
.dxbl-btn-secondary,
.pgs-button:not(.primary):not(.pgs-button-danger) {
    color: var(--pgs-text);
    background-color: var(--pgs-surface);
    border-color: var(--pgs-border);
}

.dxbl-btn.dxbl-btn-secondary:hover:not(:disabled),
.dxbl-btn-secondary:hover:not(:disabled),
.pgs-button:not(.primary):not(.pgs-button-danger):hover:not(:disabled) {
    color: var(--pgs-accent);
    background-color: var(--pgs-grid-row-hover);
    border-color: #CDBCA7;
}

.pgs-button.pgs-button-danger,
.dxbl-btn.dxbl-btn-danger {
    color: #fff;
    background-color: var(--pgs-danger);
    border-color: var(--pgs-danger);
}

.pgs-surface,
.pgs-form-section,
.pgs-info-card,
.pgs-expediente-card,
.pgs-form-note,
.pgs-document-summary-card,
.pgs-provenance-panel,
.pgs-treatment-summary {
    border-radius: 7px;
    box-shadow: 0 2px 8px rgb(57 43 33 / 5%);
}

.pgs-form-section,
.pgs-info-card,
.pgs-expediente-card,
.pgs-document-summary-card,
.pgs-provenance-panel {
    border-color: var(--pgs-border);
    background-color: var(--pgs-surface);
}

.pgs-field-label,
.pgs-search,
.pgs-form-section-heading p,
.pgs-empty-text,
.pgs-muted {
    color: var(--pgs-muted);
}

/* XAF ListViews and reusable DevExpress grids */
.dxbl-grid,
.dxbl-grid-table,
.dxbl-grid-bottom-panel,
.dxbl-pager,
.dxbl-pager-container {
    color: var(--pgs-text);
    background-color: var(--pgs-surface);
    border-color: var(--pgs-border);
}

.dxbl-grid-header,
.dxbl-grid-table thead,
.dxbl-grid-table .dxbl-grid-header-row,
.dxbl-grid-table .dxbl-grid-header-row > th {
    color: var(--pgs-text);
    background-color: var(--pgs-grid-header);
    border-color: var(--pgs-border);
    font-weight: 650;
}

.dxbl-grid-table > tbody > tr > td {
    border-color: var(--pgs-grid-border);
}

.dxbl-grid-table > tbody > tr:nth-child(even):not(.dxbl-grid-selected-row):not(.dxbl-grid-focused-row) > td {
    background-color: var(--pgs-grid-row-alt);
}

.dxbl-grid-table > tbody > tr:hover:not(.dxbl-grid-group-row):not(.dxbl-grid-group-footer-row):not(.dxbl-grid-edit-row) > td {
    background-color: var(--pgs-grid-row-hover);
}

.dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td,
.dxbl-grid-table > tbody > tr.dxbl-grid-focused-row > td {
    background-color: var(--pgs-grid-row-selected);
}

.dxbl-pager .dxbl-pager-active-page-btn,
.dxbl-pager .dxbl-pager-active-page-btn:hover {
    color: #fff;
    background-color: var(--pgs-accent);
    border-color: var(--pgs-accent);
}

.pgs-grid-wrap,
.pgs-grid {
    border-color: var(--pgs-grid-border);
    border-radius: 7px;
    box-shadow: none;
}

.pgs-table th {
    color: var(--pgs-text);
    background: var(--pgs-grid-header);
    border-color: var(--pgs-grid-border);
}

.pgs-table td {
    border-color: var(--pgs-grid-border);
}

.pgs-table tbody tr:hover td {
    background: var(--pgs-grid-row-hover);
}

/* Standard XAF DetailViews, tabs, popups, and validation states */
.dxbl-group,
.dxbl-tabs-content-panel,
.dxbl-popup,
.dxbl-modal,
.dxbl-dropdown {
    color: var(--pgs-text);
    background-color: var(--pgs-surface);
    border-color: var(--pgs-border);
}

.dxbl-group-header {
    color: var(--pgs-text);
    background-color: var(--pgs-surface-soft);
    border-color: var(--pgs-border);
    font-weight: 650;
}

.dxbl-tabs-tablist,
.dxbl-tabs-container {
    background-color: var(--pgs-surface-soft);
    border-color: var(--pgs-border);
}

.dxbl-tabs-item {
    color: var(--pgs-muted);
    border-radius: 6px;
}

.dxbl-tabs-item:hover {
    color: var(--pgs-accent);
    background-color: var(--pgs-grid-row-hover);
}

.dxbl-tabs-item.dxbl-active {
    color: var(--pgs-accent);
    background-color: var(--pgs-accent-soft);
    font-weight: 650;
}

/* Keep one visible surface per DetailView and one per command bar. The
   ribbon's framework wrappers stay transparent; the toolbar remains the card. */
.pgs-surface.pgs-detailview-shell {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.main-ribbon-template .main-ribbon,
.main-ribbon-template .main-ribbon .xaf-ribbon,
.main-ribbon-template .main-ribbon .xaf-ribbon .dxbl-ribbon,
.main-ribbon-template .main-ribbon .xaf-ribbon .dxbl-ribbon__root,
.main-ribbon-template .main-ribbon .xaf-ribbon .dxbl-ribbon__root-element {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.main-ribbon-template .main-ribbon .dxbl-ribbon-toolbar {
    background: var(--pgs-surface) !important;
    border: 1px solid var(--pgs-border) !important;
    box-shadow: none !important;
}

/* DevExpress renders an adaptive container inside the toolbar. Its default
   surface and elevation must not create a second card around the buttons. */
.main-ribbon-template .main-ribbon .dxbl-ribbon-toolbar > .dxbl-ribbon-adaptive-container {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* A softer antique-gold selection reads clearly against the cream palette. */
.pgs-field:has(input[type="checkbox"]) .pgs-field-control > input[type="checkbox"]:checked {
    background: var(--pgs-checkbox-accent) !important;
}

.pgs-check input,
.pgs-surface input[type="checkbox"],
.pgs-surface input[type="radio"],
.pgs-document-choice input {
    accent-color: var(--pgs-checkbox-accent) !important;
}

/* A few older shared widgets still had literal white fills instead of tokens. */
.pgs-treatment-list,
.pgs-treatment-lineage,
.pgs-treatment-resolution,
.pgs-interesados-card,
.pgs-select-sm {
    background-color: var(--pgs-surface) !important;
}

.pgs-treatment-lineage dl > div,
.pgs-treatment-history li {
    background-color: var(--pgs-surface-soft) !important;
}

.pgs-interesados-grid tbody tr.pgs-row-attention > td {
    background-color: var(--pgs-warning-surface) !important;
}

.dxbl-invalid,
.dxbl-invalid .dxbl-text-edit {
    border-color: var(--pgs-danger);
}

.dxbl-validation-message,
.dxbl-invalid-message {
    color: var(--pgs-danger);
}

:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--pgs-accent) 52%, transparent);
    outline-offset: 2px;
}

@media (max-width: 767.98px) {
    .pgs-surface {
        padding: 1rem;
        border-radius: 6px;
    }

    .dxbl-grid,
    .pgs-grid-wrap,
    .pgs-table-wrap {
        max-width: 100%;
        overflow-x: auto;
    }

    .pgs-form,
    .pgs-fields,
    .pgs-expediente-overview-grid,
    .pgs-expediente-data-grid,
    .pgs-evidence-review-layout,
    .pgs-documentation-layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}


/* ==========================================================================
   NOTARIAL MODERN EXACT REFINEMENT (Matches reference design)
   ========================================================================== */

/* Typography & Root Page */
:root {
    --pgs-notarial-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --pgs-serif-font: 'Playfair Display', Georgia, "Times New Roman", serif;
    --pgs-cognac: #9E7848;
    --pgs-cognac-hover: #886538;
    --pgs-navy: #35485E;
    --pgs-navy-hover: #273647;
    --pgs-card-bg: #FFFFFF;
    --pgs-page-bg: #F8F6F1;
    --pgs-sidebar-bg: #F5F3F1;
    --pgs-border-light: #ECE7DF;
    --pgs-muted-text: #8F8477;
    --pgs-dark-text: #1E232B;
}

body.dxbl-theme-fluent,
.app.main-ribbon-template,
.pgs-application-body,
.main-content,
.main,
.xaf-flex-auto {
    font-family: var(--pgs-notarial-font);
    background-color: var(--pgs-page-bg) !important;
}

/* --------------------------------------------------------------------------
   TOP HEADER
   -------------------------------------------------------------------------- */
.header.navbar-dark.pgs-notarial-header,
.header.navbar-dark {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #ECE7DF !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 1000 !important;
}

.pgs-notarial-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    color: inherit !important;
}

.pgs-notarial-brand-logo {
    font-family: var(--pgs-serif-font) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--pgs-dark-text) !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
}

.pgs-notarial-brand-divider {
    display: inline-block !important;
    width: 1px !important;
    height: 24px !important;
    background-color: #D6CEC2 !important;
}

.pgs-notarial-brand-text {
    display: inline-flex !important;
    flex-direction: column !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 1.6px !important;
    color: #8F8374 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
}

.pgs-header-center {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    max-width: 520px !important;
    margin: 0 auto !important;
}

.pgs-header-search-pill {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 460px !important;
    background-color: #F1ECE4 !important;
    border: 1px solid transparent !important;
    border-radius: 9999px !important;
    padding: 6px 16px !important;
    transition: all 0.2s ease !important;
}

.pgs-header-search-pill:focus-within {
    background-color: #FFFFFF !important;
    border-color: #CDBCA7 !important;
    box-shadow: 0 0 0 3px rgba(167, 121, 62, 0.12) !important;
}

.pgs-header-search-icon {
    color: #8C8071 !important;
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

.pgs-header-search-input {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    width: 100% !important;
    font-size: 13px !important;
    color: #332A22 !important;
    font-family: inherit !important;
}

.pgs-header-search-input::placeholder {
    color: #8C8071 !important;
}

.pgs-header-user-side {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.pgs-header-bell-btn {
    position: relative !important;
    background: transparent !important;
    border: none !important;
    padding: 6px !important;
    cursor: pointer !important;
    color: #4A4035 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.15s ease !important;
}

.pgs-header-bell-btn:hover {
    background-color: #F3EEE7 !important;
}

.pgs-bell-badge {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #E5A93C !important;
    border-radius: 50% !important;
    border: 2px solid #FFFFFF !important;
}

.pgs-header-user-badge {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    transition: background-color 0.15s ease !important;
}

.pgs-header-user-badge:hover {
    background-color: #F3EEE7 !important;
}

.pgs-user-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-color: var(--pgs-navy) !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pgs-user-info {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

.pgs-user-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--pgs-dark-text) !important;
    line-height: 1.2 !important;
}

.pgs-user-role {
    font-size: 11px !important;
    color: var(--pgs-muted-text) !important;
    line-height: 1.2 !important;
}

.pgs-user-chevron {
    width: 14px !important;
    height: 14px !important;
    color: var(--pgs-muted-text) !important;
    margin-left: 2px !important;
}

.pgs-xaf-account-host {
    position: relative !important;
    z-index: 30 !important;
    display: flex !important;
    align-items: center !important;
    opacity: 1 !important;
}

.pgs-xaf-account-host .account-container {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.pgs-xaf-account-host .account-button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 8px !important;
    color: #263345 !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

.pgs-xaf-account-host .account-button:hover,
.pgs-xaf-account-host .account-button:focus-visible {
    background: #F3EEE7 !important;
    outline: 2px solid #C4AC86 !important;
    outline-offset: 1px !important;
}

.pgs-xaf-account-host .account-button::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #36475C !important;
}

.pgs-xaf-account-host .account-button > .xaf-image {
    position: absolute !important;
    top: 50% !important;
    left: 17px !important;
    width: 18px !important;
    height: 18px !important;
    background-color: #FFFFFF !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.pgs-xaf-account-host .account-button::after {
    content: attr(title) "  ⌄" !important;
    display: block !important;
    padding-right: 2px !important;
    color: #263345 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    white-space: nowrap !important;
}

.pgs-xaf-account-host .account-main {
    z-index: 40 !important;
    min-width: 245px !important;
}

/* --------------------------------------------------------------------------
   SIDEBAR & NAVIGATION
   -------------------------------------------------------------------------- */
.xaf-sidebar,
.xaf-sidebar.sidebar,
.sidebar,
.pgs-notarial-sidebar {
    background-color: var(--pgs-sidebar-bg) !important;
    background-image: url('../images/notarial-sidebar-columns.png') !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    background-size: 250px auto !important;
    border-right: 1px solid #ECE6DB !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Hide the search box inside the sidebar */
.pgs-navigation-filter-row {
    display: none !important;
}

.xaf-navmenu,
.xaf-navmenu .dxbl-accordion,
.xaf-navmenu .dxbl-accordion-group-body {
    background: transparent !important;
    border: none !important;
}

.xaf-navmenu .dxbl-accordion-item,
.xaf-navmenu .dxbl-accordion-group-header,
.xaf-navmenu .xaf-nav-link {
    color: #4A4036 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    margin: 2px 10px !important;
    padding: 8px 14px !important;
    transition: all 0.15s ease !important;
}

.xaf-navmenu .dxbl-accordion-item:hover,
.xaf-navmenu .dxbl-accordion-group-header:hover,
.xaf-navmenu .xaf-nav-link:hover {
    color: #2D231A !important;
    background-color: #EFE8DD !important;
}

.xaf-navmenu .dxbl-active,
.xaf-navmenu .xaf-nav-link[aria-current="page"],
.xaf-navmenu .xaf-nav-item.active {
    color: #2B2117 !important;
    background-color: #E7D8C5 !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
}

.pgs-sidebar-footer {
    margin-top: auto !important;
    padding: 24px 20px 20px 20px !important;
    position: relative !important;
    z-index: 2 !important;
    visibility: hidden !important;
}

.pgs-footer-brand {
    font-family: var(--pgs-serif-font) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #7A6F62 !important;
    letter-spacing: 0.5px !important;
}

.pgs-footer-version {
    font-size: 11px !important;
    color: #A4988B !important;
    margin-top: 2px !important;
}

/* --------------------------------------------------------------------------
   MAIN VIEW CLEANUP
   -------------------------------------------------------------------------- */

/* Hide outer floating ribbon when inside the notarial view */
.pgs-xaf-tab-page-content:has(.pgs-notarial-view-wrapper) > .main-ribbon,
.main-ribbon:has(+ * .pgs-notarial-view-wrapper) {
    display: none !important;
}

.pgs-notarial-view-wrapper {
    padding: 24px 32px 40px 32px;
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
}

/* --------------------------------------------------------------------------
   BREADCRUMB & PAGE HEADER
   -------------------------------------------------------------------------- */
.pgs-notarial-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--pgs-muted-text);
    margin-bottom: 12px;
}

.pgs-bc-home {
    color: var(--pgs-muted-text);
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: color 0.15s ease;
}

.pgs-bc-home:hover {
    color: var(--pgs-dark-text);
}

.pgs-bc-sep {
    color: #B8ADA0;
    font-size: 11px;
}

.pgs-bc-item {
    color: var(--pgs-muted-text);
}

.pgs-bc-active {
    color: var(--pgs-dark-text);
    font-weight: 500;
}

.pgs-notarial-heading-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.pgs-notarial-title {
    font-family: var(--pgs-serif-font);
    font-size: 2.15rem;
    font-weight: 600;
    color: var(--pgs-dark-text);
    margin: 0 0 4px 0;
    letter-spacing: -0.3px;
    line-height: 1.15;
}

.pgs-notarial-subtitle {
    font-size: 14px;
    color: #7B7165;
    margin: 0;
}

.pgs-btn-nuevo-expediente {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--pgs-cognac);
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(158, 120, 72, 0.28);
    transition: background-color 0.15s ease, transform 0.1s ease;
}

.pgs-btn-nuevo-expediente:hover {
    background-color: var(--pgs-cognac-hover);
}

.pgs-btn-plus {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

/* --------------------------------------------------------------------------
   WHITE TABLE CARD & TOOLBAR
   -------------------------------------------------------------------------- */
.pgs-notarial-card {
    background-color: var(--pgs-card-bg) !important;
    border-radius: 14px !important;
    border: 1px solid var(--pgs-border-light) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    padding: 20px 24px !important;
    margin-bottom: 32px !important;
}

.pgs-notarial-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 18px;
}

.pgs-notarial-toolbar-left,
.pgs-notarial-toolbar-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pgs-tb-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 7px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.15s ease;
    text-decoration: none;
}

.pgs-tb-btn-primary {
    background-color: var(--pgs-navy);
    color: #FFFFFF;
    border-color: var(--pgs-navy);
}

.pgs-tb-btn-primary:hover:not(:disabled) {
    background-color: var(--pgs-navy-hover);
    border-color: var(--pgs-navy-hover);
}

.pgs-tb-btn-danger {
    background-color: #FFF5F5;
    color: #D64545;
    border-color: #F1BFBF;
}

.pgs-tb-btn-danger:hover:not(:disabled) {
    background-color: #FDE8E8;
    border-color: #E29D9D;
}

.pgs-tb-btn-outline {
    background-color: #FFFFFF;
    color: #332B23;
    border-color: #E0DDD7;
}

.pgs-tb-btn-outline:hover:not(:disabled) {
    background-color: #F7F5F0;
    border-color: #D0C9BF;
}

.pgs-tb-btn-sync {
    background-color: #FFFFFF;
    color: #332B23;
    border-color: #E0DDD7;
}

.pgs-tb-btn-sync:hover:not(:disabled) {
    background-color: #F7F5F0;
    border-color: #D0C9BF;
}

.pgs-tb-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.pgs-tb-svg {
    flex-shrink: 0;
}

.pgs-notarial-search-box {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 12px;
    background-color: #FAF9F6;
    border: 1px solid #E0DDD7;
    border-radius: 7px;
    width: 190px;
    transition: all 0.15s ease;
}

.pgs-notarial-search-box:focus-within {
    background-color: #FFFFFF;
    border-color: #CDBCA7;
    box-shadow: 0 0 0 2px rgba(158, 120, 72, 0.12);
}

.pgs-notarial-search-box input {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    width: 100% !important;
    font-size: 13px !important;
    color: #332B23 !important;
}

.pgs-notarial-search-box input::placeholder {
    color: var(--pgs-muted-text);
}

.pgs-search-icon {
    color: var(--pgs-muted-text);
    flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   GRID TABLE STYLING
   -------------------------------------------------------------------------- */
.pgs-notarial-grid-container {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.pgs-notarial-grid {
    background: transparent !important;
    border: none !important;
}

.pgs-notarial-grid .dxbl-grid-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.pgs-notarial-grid thead th,
.pgs-notarial-grid .dxbl-grid-header-row > th {
    background-color: #F1F0EE !important;
    color: #222222 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #ECE7DF !important;
    padding: 12px 14px !important;
}

.pgs-notarial-grid tbody td {
    padding: 12px 14px !important;
    font-size: 13px !important;
    color: #2C241D !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #F3EFE9 !important;
    vertical-align: middle !important;
}

.pgs-notarial-grid tbody tr:hover > td {
    background-color: #FAF8F4 !important;
}

.pgs-notarial-grid tbody tr.pgs-grid-row-selected > td {
    background-color: #F5EFE6 !important;
}

/* Status dots */
.pgs-status-cell {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    white-space: nowrap;
}

.pgs-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.pgs-dot-amber {
    background-color: #E5A93C;
}

.pgs-dot-green {
    background-color: #2E9F65;
}

.pgs-dot-red {
    background-color: #D94343;
}

.pgs-cell-causante {
    font-weight: 500;
    letter-spacing: 0.2px;
}

.pgs-cell-docs {
    font-size: 12.5px;
    color: #4A4036;
}

.pgs-document-summary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .28rem;
    min-width: 0;
}

.pgs-list-document-progress {
    gap: .35rem;
}

.pgs-list-document-progress span {
    min-width: 3.2rem;
    font-size: .74rem;
    font-variant-numeric: tabular-nums;
}

.pgs-cell-bienes {
    font-size: 13px;
    font-weight: 500;
    color: #2C241D;
}

/* Cobertura Bar */
.pgs-cobertura-cell {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.pgs-cobertura-val {
    font-size: 13px;
    font-weight: 500;
    min-width: 36px;
    color: #2C241D;
}

.pgs-cobertura-bar {
    width: 68px;
    height: 8px;
    background-color: #EFEBE4;
    border-radius: 9999px;
    overflow: hidden;
    flex-shrink: 0;
}

.pgs-cobertura-fill {
    height: 100%;
    border-radius: 9999px;
    transition: width 0.3s ease;
}

.pgs-cobertura-fill.med {
    background-color: #BFA384;
}

.pgs-cobertura-fill.high {
    background-color: #6FA285;
}

/* --------------------------------------------------------------------------
   CARD FOOTER & PAGINATION
   -------------------------------------------------------------------------- */
.pgs-notarial-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #F3EFE9;
}

.pgs-footer-showing {
    font-size: 13px;
    color: var(--pgs-muted-text);
}

.pgs-footer-pagination {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pgs-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-width: 32px;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid transparent;
    background: transparent;
    transition: all 0.15s ease;
}

.pgs-page-num.active {
    background-color: var(--pgs-navy) !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

.pgs-page-nav {
    border-color: #E0DDD7 !important;
    background-color: #FFFFFF !important;
    color: #554A3E !important;
}

.pgs-page-nav:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

.pgs-footer-pagesize {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--pgs-muted-text);
}

.pgs-pagesize-dropdown {
    border: 1px solid #E0DDD7;
    border-radius: 6px;
    background-color: #FFFFFF;
    padding: 4px 10px;
    font-size: 13px;
    color: #332B23;
    cursor: pointer;
    outline: none;
}



/* ==========================================================================
   PIXEL-PERFECT REFINEMENTS FOR NOTARIAL MODERN
   ========================================================================== */

/* Top Header Layout */
.header.navbar-dark.pgs-notarial-header,
.header.navbar-dark {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #ECE7DF !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

.header.navbar-dark .header-left-side,
.pgs-header-brand-side {
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 200px !important;
    display: flex !important;
    align-items: center !important;
}

.header.navbar-dark .pgs-header-center {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    max-width: 540px !important;
    margin: 0 24px !important;
}

.pgs-header-search-pill {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 440px !important;
    min-width: 380px !important;
    max-width: 480px !important;
    background-color: #F1ECE4 !important;
    border: 1px solid transparent !important;
    border-radius: 9999px !important;
    padding: 7px 18px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.pgs-header-search-icon {
    width: 17px !important;
    height: 17px !important;
    color: #8C8071 !important;
    flex-shrink: 0 !important;
    display: block !important;
}

.pgs-header-search-input {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 260px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 13.5px !important;
    color: #332A22 !important;
    font-family: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pgs-header-search-input::placeholder {
    color: #8C8071 !important;
    opacity: 1 !important;
}

.header.navbar-dark .header-right-side,
.pgs-header-user-side {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-left: auto !important;
}

/* The XAF account menu opens below the header; allow it to extend past this flex host. */
.header.navbar-dark .header-right-side.pgs-header-user-side {
    overflow: visible !important;
}

/* Keep the theme switcher out of the account hit target. */
.pgs-xaf-settings-host {
    display: none !important;
}

/* Bell button & badge */
.pgs-header-bell-btn {
    position: relative !important;
    background: transparent !important;
    border: none !important;
    padding: 6px !important;
    cursor: pointer !important;
    color: #4A4035 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
}

.pgs-header-bell-btn svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    stroke: #4A4035 !important;
}

.pgs-bell-badge {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #E5A93C !important;
    border-radius: 50% !important;
    border: 2px solid #FFFFFF !important;
}

/* Hide hamburger toggle on desktop */
.btn-hamburger.pgs-sidebar-menu-toggle {
    display: none !important;
}

/* Sidebar styling & watermark */
.xaf-sidebar,
.xaf-sidebar.sidebar,
.sidebar,
.pgs-notarial-sidebar {
    background-color: #F5F3F1 !important;
    background-image: url('../images/notarial-sidebar-columns.png'), linear-gradient(180deg, #EEE7DC 0%, #F0ECE5 36%, #F5F3F1 70%, #F5F3F1 100%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: 0 bottom, 0 0 !important;
    background-size: 250px auto, 100% 100% !important;
    border-right: 1px solid #ECE6DB !important;
}

.xaf-sidebar.sidebar.pgs-notarial-sidebar {
    position: relative !important;
    flex: 0 0 var(--pgs-sidebar-width, 250px) !important;
    width: var(--pgs-sidebar-width, 250px) !important;
    min-width: 176px !important;
    max-width: 360px !important;
    box-sizing: border-box !important;
    transition: width 120ms ease, flex-basis 120ms ease !important;
}

.pgs-sidebar-resizing .xaf-sidebar.sidebar.pgs-notarial-sidebar {
    transition: none !important;
    user-select: none !important;
}

.pgs-sidebar-resize-handle {
    position: absolute !important;
    z-index: 25 !important;
    inset-block: 0 !important;
    inset-inline-end: -5px !important;
    width: 10px !important;
    border: 0 !important;
    background: transparent !important;
    cursor: col-resize !important;
    touch-action: none !important;
}

.pgs-sidebar-resize-handle::before,
.pgs-sidebar-resize-handle::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 1px !important;
    height: 38px !important;
    border-radius: 1px !important;
    background: #BBA68A !important;
    opacity: 0.45 !important;
    transform: translateY(-50%) !important;
    transition: opacity 120ms ease, background-color 120ms ease !important;
}

.pgs-sidebar-resize-handle::before { inset-inline-start: 3px !important; }
.pgs-sidebar-resize-handle::after { inset-inline-end: 3px !important; }

.pgs-sidebar-resize-handle:hover::before,
.pgs-sidebar-resize-handle:hover::after,
.pgs-sidebar-resize-handle:focus-visible::before,
.pgs-sidebar-resize-handle:focus-visible::after {
    background: #806044 !important;
    opacity: 1 !important;
}

.pgs-sidebar-resize-handle:focus-visible {
    outline: 2px solid #C4AC86 !important;
    outline-offset: -2px !important;
}

@media (max-width: 575.98px) {
    .xaf-sidebar.sidebar.pgs-notarial-sidebar {
        flex-basis: auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .pgs-sidebar-resize-handle {
        display: none !important;
    }
}

/* Use XAF's real navigation actions with the compact menu appearance from the reference. */
.xaf-sidebar .xaf-navmenu .xaf-nav-item,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-header,
.xaf-sidebar .xaf-navmenu .dxbl-group-header {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    margin: 2px 8px !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    cursor: pointer !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-group-expand-btn {
    display: none !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-group-header > .dxbl-accordion-item-content {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 0 !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-group-header .xaf-nav-menu-item-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    object-fit: contain !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-header:hover {
    color: #2B2117 !important;
    background: transparent !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body {
    margin: 0 !important;
    padding: 0 8px 4px 38px !important;
    background: transparent !important;
    border: 0 !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    margin: 1px 0 !important;
    padding: 8px 12px !important;
    border-radius: 7px !important;
    color: #4A4036 !important;
    background: transparent !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content:hover {
    color: #2B2117 !important;
    background: transparent !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active {
    color: #2B2117 !important;
    background: #E7D8C5 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-header:focus-visible,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content:focus-visible,
.xaf-sidebar .xaf-navmenu .xaf-nav-link:focus-visible {
    outline: 2px solid var(--pgs-cognac, #806044) !important;
    outline-offset: 2px !important;
}

/* Clean up cell evidence icons in this table view */
.pgs-notarial-grid .pgs-evidence-value > a {
    display: none !important;
}

/* Match the alternating row surfaces shown in the succession list. */
.pgs-notarial-grid tbody tr > td {
    background-color: #FFFFFF !important;
}

.pgs-notarial-grid tbody tr.pgs-grid-row-alt > td {
    background-color: #F8F7F6 !important;
}

.pgs-notarial-grid tbody tr:hover > td {
    background-color: #FAF8F4 !important;
}

.pgs-notarial-grid tbody tr.pgs-grid-row-selected > td {
    background-color: #F3ECE2 !important;
}

/* Layout aligned with the PGS notarial reference while keeping XAF navigation and tabs. */
.header.navbar-dark.pgs-notarial-header,
.header.navbar-dark {
    display: grid !important;
    grid-template-columns: var(--pgs-sidebar-width, 250px) minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: initial !important;
    column-gap: 24px !important;
    height: 70px !important;
    min-height: 70px !important;
    padding: 0 24px 0 0 !important;
}

.header.navbar-dark .header-left-side.pgs-header-brand-side,
.header.navbar-dark .pgs-header-brand-side {
    box-sizing: border-box !important;
    flex: none !important;
    width: var(--pgs-sidebar-width, 250px) !important;
    min-width: 0 !important;
    padding-left: 32px !important;
}

.pgs-notarial-brand-logo {
    font-size: 36px !important;
}

.pgs-notarial-brand-divider {
    height: 30px !important;
}

.header.navbar-dark .pgs-header-center {
    justify-self: end !important;
    width: min(440px, 100%) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-family: var(--pgs-serif-font) !important;
}

.pgs-header-search-pill {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 440px !important;
    height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid #ECE8E1 !important;
    border-radius: 10px !important;
    background: #F5F4F2 !important;
}

.pgs-header-search-input {
    min-width: 0 !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 13px !important;
}

.header.navbar-dark .header-right-side,
.header.navbar-dark .pgs-header-user-side {
    justify-self: end !important;
    gap: 16px !important;
    margin-left: 0 !important;
}

.pgs-notarial-sidebar {
    background-size: 250px auto, 100% 100% !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper {
    padding: 8px 0 12px !important;
    font-family: var(--pgs-serif-font) !important;
}

.pgs-sidebar-home {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 50px !important;
    margin: 2px 8px !important;
    padding: 10px 18px !important;
    border-radius: 8px !important;
    color: #24364C !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: background-color .15s ease, color .15s ease !important;
}

.pgs-sidebar-home svg {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
}

.pgs-sidebar-home:hover,
.pgs-sidebar-home:focus-visible {
    color: #18283C !important;
    background: transparent !important;
}

.pgs-sidebar-home:focus-visible {
    outline: 2px solid var(--pgs-cognac, #806044) !important;
    outline-offset: 2px !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-header {
    min-height: 50px !important;
    padding: 10px 18px !important;
    color: #24364C !important;
    background: transparent !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-group-header > .dxbl-accordion-item-content {
    gap: 14px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    background: transparent !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-header .xaf-nav-menu-item-icon {
    filter: grayscale(1) sepia(.25) saturate(1.3) hue-rotate(175deg) brightness(.68) !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-header:hover {
    color: #26364B !important;
    background: transparent !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body {
    padding: 0 8px 3px !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content {
    min-height: 48px !important;
    gap: 14px !important;
    margin: 1px 0 !important;
    padding: 10px 18px !important;
    color: #24364C !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 15px !important;
    white-space: nowrap !important;
    background: transparent !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-menu-item-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    filter: grayscale(1) sepia(.25) saturate(1.3) hue-rotate(175deg) brightness(.68) !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content:hover {
    color: #26364B !important;
    background: transparent !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active {
    color: #26364B !important;
    background: #E9DFD2 !important;
}

.pgs-notarial-view-wrapper {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px 20px 32px !important;
    font-family: var(--pgs-serif-font) !important;
}

.pgs-notarial-heading-row {
    margin: 0 14px 20px 18px !important;
}

.pgs-notarial-title {
    font-size: 2.25rem !important;
}

.pgs-btn-nuevo-expediente {
    min-height: 52px !important;
    padding: 12px 22px !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 15px !important;
}

.pgs-notarial-card {
    padding: 18px !important;
    border: 1px solid var(--pgs-border-light, #ECE7DF) !important;
    border-radius: 16px !important;
}

.pgs-notarial-toolbar {
    margin-bottom: 22px !important;
}

.pgs-tb-btn,
.pgs-notarial-search-box {
    height: 44px !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 14px !important;
}

.pgs-tb-btn {
    padding-inline: 16px !important;
}

.pgs-notarial-search-box {
    box-sizing: border-box !important;
    width: 250px !important;
    border-radius: 9px !important;
}

.pgs-notarial-search-box input {
    min-width: 0 !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 14px !important;
}

.pgs-notarial-grid thead th,
.pgs-notarial-grid .dxbl-grid-header-row > th {
    padding: 10px 14px !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 13.5px !important;
}

.pgs-notarial-grid tbody td {
    padding: 9px 14px !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 13.5px !important;
}

.pgs-status-cell,
.pgs-cell-docs,
.pgs-cell-bienes,
.pgs-cobertura-val,
.pgs-footer-showing,
.pgs-footer-pagesize {
    font-family: var(--pgs-serif-font) !important;
}

@media (max-width: 1100px) {
    .header.navbar-dark.pgs-notarial-header,
    .header.navbar-dark {
        grid-template-columns: minmax(0, var(--pgs-sidebar-width, 250px)) minmax(0, 1fr) auto !important;
        column-gap: 14px !important;
        padding-right: 16px !important;
    }

    .header.navbar-dark .header-left-side.pgs-header-brand-side,
    .header.navbar-dark .pgs-header-brand-side {
        width: 100% !important;
        padding-left: 16px !important;
    }

    .pgs-notarial-heading-row {
        margin-inline: 0 !important;
    }
}

@media (max-width: 760px) {
    .header.navbar-dark .pgs-header-center {
        display: none !important;
    }

    .header.navbar-dark.pgs-notarial-header,
    .header.navbar-dark {
        grid-template-columns: minmax(0, 1fr) auto !important;
        column-gap: 8px !important;
    }

    .header.navbar-dark .header-left-side.pgs-header-brand-side,
    .header.navbar-dark .pgs-header-brand-side {
        width: auto !important;
    }

    .pgs-notarial-view-wrapper {
        padding: 16px 12px 24px !important;
    }

    .pgs-notarial-heading-row {
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .pgs-notarial-title {
        font-size: 1.8rem !important;
    }

    .pgs-btn-nuevo-expediente {
        min-height: 42px !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
    }

    .pgs-notarial-card {
        padding: 12px !important;
    }

    .pgs-notarial-search-box {
        width: min(250px, 100%) !important;
    }
}

/* Keep the navigation groups compact and aligned to the same left edge. */
.pgs-notarial-sidebar .pgs-navmenu-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    padding-top: 2px !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
}

/* The hidden XAF filter still owns an empty accordion row unless its wrapper is hidden too. */
.pgs-notarial-sidebar .pgs-navmenu-wrapper .dxbl-accordion-filter {
    display: none !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper > dxbl-scroll-viewer {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
}

.pgs-notarial-sidebar .xaf-navmenu .dxbl-accordion-group {
    flex: 0 0 auto !important;
    height: auto !important;
    margin: 0 0 6px !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-header {
    box-sizing: border-box !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 1px 8px !important;
    padding: 0 14px 0 26px !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-header > .dxbl-accordion-item-content {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    height: 100% !important;
    text-align: left !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-header .dxbl-accordion-item-text-container,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-text-container {
    flex: 0 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body {
    box-sizing: border-box !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 8px 2px !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    gap: 18px !important;
    padding: 0 14px 0 26px !important;
    text-align: left !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* Fluent adds a separate logical margin after each image; the explicit flex gap is enough here. */
.xaf-sidebar .xaf-navmenu .dxbl-accordion-item-content > .dxbl-image {
    margin-inline-end: 0 !important;
    margin-right: 0 !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-indent,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-group-expand-btn-container,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-group-expand-btn {
    display: none !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active {
    color: #24364C !important;
    background: #E9DFD2 !important;
    font-weight: 600 !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-active,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link[aria-current="page"],
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-item.active {
    color: #24364C !important;
    background: #E9DFD2 !important;
    font-weight: 600 !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body a,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-header a {
    text-decoration: none !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link * {
    text-decoration: none !important;
}

.pgs-sidebar-home {
    box-sizing: border-box !important;
    flex: 0 0 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    gap: 18px !important;
    margin: 0 8px 4px !important;
    padding: 0 14px 0 26px !important;
    background: transparent !important;
}

.xaf-sidebar .xaf-navmenu .xaf-nav-menu-item-icon {
    filter: brightness(0) saturate(100%) invert(18%) sepia(20%) saturate(1000%) hue-rotate(176deg) brightness(92%) contrast(90%) !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-accordion {
    --dxbl-accordion-group-item-content-spacing: 0px !important;
}

.pgs-sidebar-home,
.xaf-sidebar .xaf-navmenu .dxbl-group-header .dxbl-accordion-item-content,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content,
.xaf-sidebar .xaf-navmenu .dxbl-group-header .dxbl-accordion-item-text-container,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-text-container,
.xaf-sidebar .xaf-navmenu .dxbl-group-header .dxbl-text,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-text,
.xaf-sidebar .xaf-navmenu .dxbl-group-header .xaf-nav-link,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link {
    font-family: var(--pgs-serif-font) !important;
    font-size: 15px !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-group-header .dxbl-accordion-item-content,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content {
    gap: 18px !important;
}

.xaf-sidebar .xaf-navmenu .dxbl-group-header .xaf-nav-menu-item-icon,
.xaf-sidebar .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-menu-item-icon {
    box-sizing: content-box !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: none !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: none !important;
    flex: 0 0 22px !important;
    margin-inline: 0 !important;
    margin-inline-end: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    object-fit: contain !important;
}

/* XAF owns the tab lifecycle; these rules only shape its tab strip. */
.pgs-tabbed-mdi-host,
.pgs-tabbed-mdi-host > .xaf-tabbed-mdi,
.pgs-application-body .xaf-tabbed-mdi {
    min-width: 0 !important;
    height: 100% !important;
    background: #F8F6F2 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi.dxbl-tabs {
    --tab-title-text-padding: .25rem;
    --tab-title-text-line-height: 1.35rem;
    --tab-title-text-height: 1.85rem;
    background: #F8F6F2 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi > .dxbl-tabs-tablist {
    box-sizing: border-box !important;
    min-height: 60px !important;
    padding: 7px 16px 0 !important;
    border-bottom: 1px solid #E7E0D7 !important;
    background: #F8F6F2 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi > .dxbl-tabs-tablist .dxbl-scroll-viewer,
:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi > .dxbl-tabs-tablist .dxbl-scroll-viewer-content,
:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi > .dxbl-tabs-tablist ul {
    height: 100% !important;
    background: transparent !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi > .dxbl-tabs-tablist ul {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi > .dxbl-tabs-tablist ul > li {
    display: flex !important;
    align-items: stretch !important;
    height: 100% !important;
    margin: 0 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-text-container {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-item .dxbl-tabs-text-container > .dxbl-text {
    width: 100% !important;
    padding: 0 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-item {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    height: 52px !important;
    min-height: 52px !important;
    min-width: 240px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 10px 10px 0 0 !important;
    color: #26364B !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 15px !important;
    text-align: left !important;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-item > .dxbl-text:has(.xaf-tab-header-template) {
    width: 100% !important;
    padding: 0 !important;
    text-align: left !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-item:hover {
    color: #20344C !important;
    background: #F0ECE6 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-item.dxbl-active {
    color: #20344C !important;
    background: #E9DFD2 !important;
    box-shadow: none !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .xaf-tab-header-template {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    color: inherit !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .xaf-layout-tab-icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 2px 0 0 !important;
    color: #8E6B45 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .xaf-close-tab-button {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin-left: auto !important;
    border-radius: 50% !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .xaf-close-tab-button:hover {
    background: rgba(38, 54, 75, .1) !important;
}

@media (max-width: 760px) {
    :is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi > .dxbl-tabs-tablist {
        min-height: 54px !important;
        padding-inline: 8px !important;
    }

    :is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-item {
        height: 46px !important;
        min-height: 46px !important;
        min-width: 190px !important;
    }
}

/* Final sidebar alignment: remove XAF's empty child-expander slot and show the group chevron. */
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-group-expand-btn-container {
    display: none !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header {
    justify-content: flex-start !important;
    gap: 0 !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header > .dxbl-accordion-item-content {
    order: 1 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 18px !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header > .dxbl-group-expand-btn {
    order: 2 !important;
    display: flex !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header > .dxbl-group-expand-btn .dxbl-image {
    width: 16px !important;
    height: 16px !important;
    transition: transform 160ms ease !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header[aria-expanded="true"] > .dxbl-group-expand-btn .dxbl-image {
    transform: rotate(180deg) !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header[aria-expanded="false"] > .dxbl-group-expand-btn .dxbl-image {
    transform: rotate(0deg) !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content {
    gap: 18px !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.pgs-notarial-sidebar .pgs-sidebar-home,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header:hover,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content:hover {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.pgs-notarial-sidebar .pgs-sidebar-home:focus,
.pgs-notarial-sidebar .pgs-sidebar-home:focus-visible,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header:focus,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header:focus-visible,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-item-content:focus,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-item-content:focus-visible,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-group-expand-btn:focus,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-group-expand-btn:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content[aria-selected="true"],
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link[aria-current="page"],
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-item.active > .dxbl-accordion-item-content {
    color: #FFFFFF !important;
    background: #284766 !important;
    font-weight: 600 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active .xaf-nav-menu-item-icon,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content[aria-selected="true"] .xaf-nav-menu-item-icon {
    filter: brightness(0) invert(1) !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group.xaf-nav-item.dxbl-active > .dxbl-accordion-group-header,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group.xaf-nav-item.active > .dxbl-accordion-group-header,
.pgs-notarial-sidebar .pgs-sidebar-home[aria-current="page"],
.pgs-notarial-sidebar .pgs-sidebar-home.active {
    color: #FFFFFF !important;
    border: 0 !important;
    outline: none !important;
    background: #284766 !important;
    box-shadow: none !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group.xaf-nav-item.dxbl-active > .dxbl-accordion-group-header .xaf-nav-menu-item-icon,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group.xaf-nav-item.active > .dxbl-accordion-group-header .xaf-nav-menu-item-icon {
    filter: brightness(0) invert(1) !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active :is(.dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, .xaf-nav-link span),
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content[aria-selected="true"] :is(.dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, .xaf-nav-link span),
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group.xaf-nav-item.dxbl-active > .dxbl-accordion-group-header .dxbl-accordion-item-text-container,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group.xaf-nav-item.active > .dxbl-accordion-group-header .dxbl-accordion-item-text-container,
.pgs-notarial-sidebar .pgs-sidebar-home[aria-current="page"] span,
.pgs-notarial-sidebar .pgs-sidebar-home.active span {
    color: #FFFFFF !important;
}

.pgs-xaf-account-host .account-button:focus,
.pgs-xaf-account-host .account-button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   PGS reference layout: neutral surfaces and navy actions used in the list
   and succession detail views.
   -------------------------------------------------------------------------- */
:root {
    --pgs-page: #F7F8FA;
    --pgs-surface: #FFFFFF;
    --pgs-surface-soft: #F2F4F6;
    --pgs-text: #20344C;
    --pgs-muted: #738196;
    --pgs-border: #DDE2E8;
    --pgs-border-soft: #E6E9ED;
    --pgs-accent: #284766;
    --pgs-accent-surface: #284766;
    --pgs-accent-hover: #203A57;
    --pgs-accent-soft: #E8EEF4;
    --pgs-accent-contrast: #FFFFFF;
    --pgs-checkbox-accent: #284766;
    --pgs-grid-border: #E4E7EB;
    --pgs-grid-header: #F1F2F4;
    --pgs-grid-row-alt: #F8F8F9;
    --pgs-grid-row-hover: #EEF3F8;
    --pgs-grid-row-selected: #E3ECF4;
    --pgs-grid-row-focused: #D7E3EF;
    --pgs-grid-row-selected-focused: #CBD9E7;

    --dxds-color-surface-neutral-default-rest: #FFFFFF;
    --dxds-color-surface-neutral-default-hovered: #F1F4F7;
    --dxds-color-surface-neutral-default-active: #E8EDF2;
    --dxds-color-surface-neutral-default-selected: #E7EDF3;
    --dxds-color-surface-neutral-default-selected-hovered: #DDE6EF;
    --dxds-color-surface-neutral-default-disabled: #F0F2F4;
    --dxds-color-surface-neutral-default-on-surface-rest: #FFFFFF;
    --dxds-color-surface-neutral-default-on-surface-hovered: #F1F4F7;
    --dxds-color-surface-neutral-subdued-rest: #F2F4F6;
    --dxds-color-surface-neutral-subdued-hovered: #E9EDF1;
    --dxds-color-surface-neutral-deep-rest: #DDE2E8;
    --dxds-color-surface-primary-default-rest: #284766;
    --dxds-color-surface-primary-default-hovered: #203A57;
    --dxds-color-surface-primary-default-active: #192F48;
    --dxds-color-surface-primary-default-selected: #203A57;
    --dxds-color-surface-primary-default-disabled: #AEBAC7;
    --dxds-color-surface-primary-subdued-rest: #E8EEF4;
    --dxds-color-surface-primary-subdued-hovered: #DEE7F0;
    --dxds-color-surface-primary-subdued-active: #D5E0EA;
    --dxds-color-surface-primary-subdued-selected: #D5E0EA;
    --dxds-color-content-neutral-default-rest: #20344C;
    --dxds-color-content-neutral-default-hovered: #20344C;
    --dxds-color-content-neutral-default-active: #20344C;
    --dxds-color-content-neutral-default-selected: #20344C;
    --dxds-color-content-neutral-default-disabled: #9AA5B2;
    --dxds-color-content-neutral-default-inverted-rest: #FFFFFF;
    --dxds-color-content-neutral-default-on-surface-rest: #20344C;
    --dxds-color-content-neutral-subdued-rest: #738196;
    --dxds-color-content-neutral-subdued-hovered: #5D6E83;
    --dxds-color-content-neutral-subdued-active: #4A5C72;
    --dxds-color-content-neutral-deep-rest: #4A5C72;
    --dxds-color-content-primary-default-rest: #284766;
    --dxds-color-content-primary-default-hovered: #203A57;
    --dxds-color-content-primary-default-active: #192F48;
    --dxds-color-content-primary-default-disabled: #9AA5B2;
    --dxds-color-border-neutral-default-rest: #DDE2E8;
    --dxds-color-border-neutral-default-hovered: #C7D0DA;
    --dxds-color-border-neutral-default-active: #AEBAC7;
    --dxds-color-border-neutral-default-disabled: #DDE2E8;
    --dxds-color-border-neutral-subdued-rest: #E6E9ED;
    --dxds-color-border-primary-default-rest: #284766;
    --dxds-color-border-primary-default-hovered: #203A57;
    --dxds-color-border-focus-default: #284766;
}

:root {
    --pgs-navy: #284766;
    --pgs-navy-hover: #203A57;
    --pgs-page-bg: #F7F8FA;
    --pgs-sidebar-bg: #F2F4F6;
    --pgs-border-light: #E4E7EB;
    --pgs-muted-text: #738196;
    --pgs-dark-text: #20344C;
}

body.dxbl-theme-fluent,
.app.main-ribbon-template,
.pgs-application-body,
.main-content,
.main,
.xaf-flex-auto {
    color: var(--pgs-text) !important;
    background-color: var(--pgs-page-bg) !important;
}

.xaf-sidebar.sidebar.pgs-notarial-sidebar {
    background-color: #F7F8FA !important;
    background-image: url('../images/notarial-sidebar-columns.png'), linear-gradient(180deg, #E9EDF2 0%, #F1F3F6 38%, #F7F8FA 76%, #F7F8FA 100%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: 0 bottom, 0 0 !important;
    background-size: 250px auto, 100% 100% !important;
    border-right-color: #E3E7EC !important;
}

.pgs-sidebar-home,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-item-text-container,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-text {
    font-family: var(--pgs-notarial-font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.pgs-sidebar-home,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content {
    color: #20344C !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content[aria-selected="true"],
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link[aria-current="page"],
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-item.active > .dxbl-accordion-item-content {
    color: #FFFFFF !important;
    background: #284766 !important;
}

/* The reference highlights the succession section while its Expedientes row
   remains visible as a normal child item on both target screens. */
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) > .dxbl-accordion-group-header {
    color: #FFFFFF !important;
    background: #284766 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) > .dxbl-accordion-group-header .dxbl-accordion-item-content,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) > .dxbl-accordion-group-header .dxbl-accordion-item-text-container {
    color: #FFFFFF !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) > .dxbl-accordion-group-header :is(.xaf-nav-link, .xaf-nav-link span) {
    color: #FFFFFF !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) > .dxbl-accordion-group-header .xaf-nav-menu-item-icon {
    filter: brightness(0) invert(1) !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active {
    color: #20344C !important;
    background: transparent !important;
    font-weight: 500 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active .xaf-nav-menu-item-icon {
    filter: brightness(0) saturate(100%) invert(18%) sepia(20%) saturate(1000%) hue-rotate(176deg) brightness(92%) contrast(90%) !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active :is(.dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, span) {
    color: #20344C !important;
}

/* DevExpress paints the selected tree-item wrapper, even when its link is transparent. */
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) .dxbl-accordion-group-body .xaf-nav-item.dxbl-active {
    background: transparent !important;
}

.pgs-xaf-account-host .account-button::after {
    color: #20344C !important;
    font-family: var(--pgs-notarial-font) !important;
    font-size: 14px !important;
}

.pgs-application-body .main-ribbon button.dxbl-ribbon-button[title="Guardar"] {
    color: #FFFFFF !important;
    background: #284766 !important;
    border-color: #284766 !important;
}

.pgs-application-body .main-ribbon button.dxbl-ribbon-button[title="Guardar"]:hover {
    background: #203A57 !important;
    border-color: #203A57 !important;
}

.pgs-application-body .main-ribbon button.dxbl-ribbon-button[title="Guardar"] .dxbl-image {
    color: #FFFFFF !important;
}

.pgs-tabbed-mdi-host,
.pgs-tabbed-mdi-host > .xaf-tabbed-mdi,
.pgs-application-body .xaf-tabbed-mdi,
:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi.dxbl-tabs,
:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi > .dxbl-tabs-tablist {
    background: #F4F5F7 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi > .dxbl-tabs-tablist {
    border-bottom-color: #E1E5EA !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-item,
:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-item > .dxbl-text:has(.xaf-tab-header-template) {
    color: #33465D !important;
    font-family: var(--pgs-notarial-font) !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .xaf-tab-header-template {
    font-family: var(--pgs-notarial-font) !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-item:hover {
    color: #20344C !important;
    background: #E9EDF2 !important;
}

:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi .dxbl-tabs-item.dxbl-active {
    color: #20344C !important;
    background: #E7EDF4 !important;
    box-shadow: none !important;
}

.pgs-notarial-view-wrapper,
.pgs-notarial-view-wrapper *,
.pgs-expediente-view,
.pgs-expediente-view * {
    font-family: var(--pgs-notarial-font) !important;
}

.pgs-notarial-title {
    color: #20344C !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    letter-spacing: -.035em !important;
}

.pgs-notarial-subtitle,
.pgs-notarial-breadcrumb,
.pgs-footer-showing,
.pgs-footer-pagesize {
    color: #738196 !important;
}

.pgs-notarial-grid thead th,
.pgs-notarial-grid .dxbl-grid-header-row > th {
    color: #20344C !important;
    background-color: #F1F2F4 !important;
    border-bottom-color: #E5E8EC !important;
}

.pgs-notarial-grid tbody td {
    color: #20344C !important;
    border-bottom-color: #ECEEF1 !important;
}

.pgs-notarial-grid tbody tr:hover > td {
    background-color: #F4F6F8 !important;
}

.pgs-expediente-tabs {
    color: #20344C !important;
    background: #F2F4F6 !important;
    border-color: #E6E9ED !important;
}

.pgs-expediente-tabs [role="tab"] {
    color: #29415C !important;
    font-size: .9rem !important;
}

.pgs-expediente-tabs [role="tab"]:hover {
    color: #20344C !important;
    background: #E7ECF1 !important;
}

.pgs-expediente-tabs [role="tab"].pgs-tab-active,
.pgs-expediente-tabs [role="tab"][aria-selected="true"] {
    color: #FFFFFF !important;
    border-color: #284766 !important;
    background: #284766 !important;
    box-shadow: 0 2px 6px rgba(40, 71, 102, .2) !important;
}

.pgs-expediente-subtabs [role="tab"].pgs-tab-active small,
.pgs-expediente-subtabs [role="tab"][aria-selected="true"] small {
    color: #284766 !important;
    background: #FFFFFF !important;
}

.pgs-expediente-card {
    background: #FFFFFF !important;
    border-color: #E3E7EC !important;
    box-shadow: 0 2px 8px rgba(28, 45, 65, .035) !important;
}

.pgs-expediente-card-heading > div {
    flex: 1 1 auto;
    min-width: 0;
}

.pgs-expediente-card-icon {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 9px;
    color: #947146;
    background: #F4EBDD;
}

.pgs-expediente-card-icon svg {
    width: 23px;
    height: 23px;
}

.pgs-expediente-tabs [role="tab"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.pgs-expediente-tab-icon {
    display: inline-flex;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    color: currentColor;
}

.pgs-expediente-tab-icon svg {
    display: block;
    width: 20px;
    height: 20px;
}

.pgs-expediente-data-grid .pgs-field-control {
    box-sizing: border-box;
    min-height: 42px;
    padding: 0 9px;
    gap: 7px;
    border: 1px solid #DCE1E7;
    border-radius: 8px;
    background: #FFFFFF;
}

.pgs-expediente-data-grid .pgs-field-control:focus-within {
    border-color: #9BAFC3;
    box-shadow: 0 0 0 2px rgba(40, 71, 102, .08);
}

.pgs-expediente-data-grid .pgs-field-control > input:not([type="checkbox"]),
.pgs-expediente-data-grid .pgs-field-control > select,
.pgs-expediente-data-grid .pgs-field-control > textarea,
.pgs-expediente-data-grid .pgs-field-control > output,
.pgs-expediente-data-grid .pgs-field-control > .pgs-reference-picker {
    box-sizing: border-box;
    min-height: 40px;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pgs-expediente-data-grid .pgs-field-control > output {
    display: flex;
    align-items: center;
    padding: 7px 3px;
    color: #20344C;
}

.pgs-expediente-data-grid .pgs-reference-picker {
    align-items: center;
    padding: 0 !important;
}

.pgs-expediente-data-grid .pgs-reference-picker > select {
    padding: 7px 3px !important;
    color: #20344C !important;
}

.pgs-expediente-data-grid .pgs-field-control > input:not([type="checkbox"]),
.pgs-expediente-data-grid .pgs-field-control > textarea {
    padding: 7px 3px !important;
    color: #20344C !important;
}

.pgs-expediente-data-grid .pgs-field-control > textarea {
    min-height: 64px;
}

.pgs-expediente-data-grid .pgs-field-label {
    color: #334960 !important;
    font-size: .82rem !important;
}

/* Keep the active MDI tab underline clear of the tab strip baseline. */
:is(.pgs-tabbed-mdi-host, .pgs-application-body) .xaf-tabbed-mdi > .dxbl-tabs-tablist {
    border-bottom: 0 !important;
}

/* Make detail commands lighter and separate each action from its neighbor. */
.main-ribbon-template .main-ribbon .dxbl-ribbon-toolbar .dxbl-toolbar-layout-block-group {
    gap: 12px !important;
}

.main-ribbon-template .main-ribbon .dxbl-ribbon-toolbar button.dxbl-ribbon-button:not([title="Guardar"]):not([data-action-name="Eliminar"]) {
    background: transparent !important;
}

.main-ribbon-template .main-ribbon .dxbl-ribbon-toolbar button.dxbl-ribbon-button:not([title="Guardar"]):not([data-action-name="Eliminar"]):hover:not(:disabled) {
    background: rgba(40, 71, 102, .06) !important;
}

/* Remove only the divider between the detail command bar and its view. */
.main-ribbon-template .main-ribbon .dxbl-ribbon-toolbar {
    border-bottom: 0 !important;
}

/* Final navigation pass: the current destination is the leaf menu item.
   Expanded category headers only show their disclosure state. */
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group.xaf-nav-item > .dxbl-accordion-group-header,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group.xaf-nav-item.dxbl-active > .dxbl-accordion-group-header,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group.xaf-nav-item.active > .dxbl-accordion-group-header,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) > .dxbl-accordion-group-header {
    color: #20344C !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group.xaf-nav-item > .dxbl-accordion-group-header .xaf-nav-menu-item-icon,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) > .dxbl-accordion-group-header .xaf-nav-menu-item-icon {
    filter: brightness(0) saturate(100%) invert(18%) sepia(20%) saturate(1000%) hue-rotate(176deg) brightness(92%) contrast(90%) !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link[aria-current="page"],
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-item.active > .dxbl-accordion-item-content {
    color: #FFFFFF !important;
    border: 0 !important;
    outline: none !important;
    background: #284766 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active :is(.dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, .xaf-nav-link span),
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link[aria-current="page"] :is(.dxbl-accordion-item-text-container, .dxbl-text, span),
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-item.active > .dxbl-accordion-item-content :is(.dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, span) {
    color: #FFFFFF !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active .xaf-nav-menu-item-icon,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link[aria-current="page"] .xaf-nav-menu-item-icon,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-item.active > .dxbl-accordion-item-content .xaf-nav-menu-item-icon {
    filter: brightness(0) invert(1) !important;
}

/* These selectors also outrank the older :has() rules that cleared the leaf. */
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active {
    color: #FFFFFF !important;
    background: #284766 !important;
    font-weight: 600 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active :is(.dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, span) {
    color: #FFFFFF !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active .xaf-nav-menu-item-icon {
    filter: brightness(0) invert(1) !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(.dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active) > .dxbl-accordion-group-header :is(.dxbl-accordion-item-content, .dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, .xaf-nav-link span) {
    color: #20344C !important;
}

/* Match submenu icon/text alignment to Inicio and let long labels wrap. */
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content {
    height: auto !important;
    min-height: 46px !important;
    padding-block: 8px !important;
    white-space: normal !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-text-container,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-text,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link span {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    line-height: 1.3 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header:focus-visible,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content:focus-visible,
.pgs-notarial-sidebar .pgs-sidebar-home:focus-visible {
    outline: 2px solid #284766 !important;
    outline-offset: -2px !important;
    box-shadow: none !important;
}

/* Keep the selected page-size value readable in the compact footer control. */
select.pgs-pagesize-dropdown {
    box-sizing: border-box !important;
    width: 80px !important;
    min-width: 80px !important;
    padding-inline: 8px 22px !important;
}

/* The command row should float above the detail view without a separator card. */
.main-ribbon-template .main-ribbon .dxbl-ribbon-toolbar {
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-inline: 0 !important;
}

.main-ribbon .xaf-ribbon .dxbl-tabs {
    border-bottom: 0 !important;
}

/* Keep the expediente section tabs on one rail at compact desktop widths. */
.pgs-expediente-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: thin;
}

.pgs-expediente-tabs [role="tab"] {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

@media (max-width: 1360px) {
    .pgs-expediente-tabs:not(.pgs-expediente-subtabs) {
        gap: .15rem !important;
        padding-inline: .2rem !important;
    }

    .pgs-expediente-tabs:not(.pgs-expediente-subtabs) [role="tab"] {
        gap: 7px !important;
        padding-inline: .58rem !important;
    }

    .pgs-expediente-tabs.pgs-expediente-subtabs [role="tab"] {
        padding-inline: .45rem !important;
    }
}

/* Sidebar finish: blend the original columns into the full-width sidebar gradient. */
.xaf-sidebar.sidebar.pgs-notarial-sidebar {
    background-color: #F7F8FA !important;
    background-image: linear-gradient(180deg, #E9EDF2 0%, #F1F3F6 38%, #F7F8FA 76%, #F7F8FA 100%) !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-size: 100% 100% !important;
    padding-bottom: 0 !important;
    isolation: isolate !important;
}

.pgs-notarial-sidebar::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 250px !important;
    height: 379px !important;
    background: url('../images/notarial-sidebar-columns.png') left bottom / 100% 100% no-repeat !important;
    mix-blend-mode: luminosity !important;
    opacity: .94 !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 58%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, #000 0%, #000 58%, transparent 100%) !important;
    pointer-events: none !important;
}

/* Remove the unused home link and tighten the navigation rhythm. */
.pgs-notarial-sidebar .pgs-navmenu-wrapper {
    gap: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group {
    margin-block: 0 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header {
    min-height: 40px !important;
    height: auto !important;
    margin-block: 0 !important;
    padding-block: 3px !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header .xaf-nav-link {
    margin: 0 !important;
    padding: 0 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content {
    min-height: 40px !important;
    padding-block: 5px !important;
}

/* The footer is an opaque version band; it also covers the old text baked into the artwork. */
.pgs-notarial-sidebar .pgs-sidebar-footer {
    display: flex !important;
    flex: 0 0 96px !important;
    min-height: 96px !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: auto 0 0 !important;
    padding: 8px 22px !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #F7F8FA !important;
    border-top: 1px solid #E3E7EC !important;
    z-index: 2 !important;
}

.pgs-notarial-sidebar .pgs-footer-brand {
    color: #738196 !important;
    font-family: var(--pgs-serif-font) !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
}

.pgs-notarial-sidebar .pgs-footer-version {
    margin-top: 1px !important;
    color: #738196 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
}

/* Keep all tab rails on the same soft neutral as the sidebar surface. */
.main-ribbon .xaf-ribbon .dxbl-tabs,
.pgs-expediente-tabs {
    background-color: var(--pgs-sidebar-bg) !important;
}

/* Typography and navigation states from the supplied PGS reference. */
:root {
    --pgs-reference-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --pgs-reference-navy: #284766;
    --pgs-reference-submenu: #F1F3F6;
    --pgs-reference-submenu-hover: #E5ECF4;
}

.pgs-notarial-sidebar .pgs-sidebar-home,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-header :is(.dxbl-accordion-item-content, .dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, span) {
    font-family: var(--pgs-reference-serif) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body {
    margin-inline: 8px !important;
    padding-block: 5px !important;
    border-radius: 14px !important;
    background: var(--pgs-reference-submenu) !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content :is(.dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, span) {
    font-family: var(--pgs-reference-serif) !important;
    font-size: 1.0625rem !important;
    font-weight: 500 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content:not(.dxbl-active):not([aria-selected="true"]):hover,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-item:not(.active):not(.dxbl-active) > .dxbl-accordion-item-content:hover {
    color: #20344C !important;
    background: var(--pgs-reference-submenu-hover) !important;
    border-radius: 9px !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active,
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content[aria-selected="true"],
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link[aria-current="page"],
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-item.active > .dxbl-accordion-item-content {
    color: #FFFFFF !important;
    background: var(--pgs-reference-navy) !important;
    border-radius: 9px !important;
    font-family: var(--pgs-reference-serif) !important;
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content.dxbl-active :is(.dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, span),
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .dxbl-accordion-item-content[aria-selected="true"] :is(.dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, span),
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-link[aria-current="page"] :is(.dxbl-accordion-item-text-container, .dxbl-text, span),
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group-body .xaf-nav-item.active > .dxbl-accordion-item-content :is(.dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, span) {
    color: #FFFFFF !important;
}

/* Keep page titles, action labels, and tabs in the same serif as the reference. */
.pgs-notarial-view-wrapper .pgs-notarial-title,
.pgs-surface .pgs-heading h2,
.pgs-surface .pgs-heading h3,
.pgs-surface .pgs-popup-title-copy h2,
.pgs-application-body .pgs-expediente-tabs [role="tab"],
.pgs-application-body .pgs-tb-btn,
.pgs-application-body .pgs-button,
.pgs-application-body .main-ribbon .dxbl-ribbon-toolbar button.dxbl-ribbon-button,
.pgs-application-body .xaf-tabbed-mdi .dxbl-tabs-item {
    font-family: var(--pgs-reference-serif) !important;
}

.pgs-notarial-view-wrapper .pgs-notarial-title {
    font-size: clamp(2rem, 2.8vw, 2.5rem) !important;
    line-height: 1.12 !important;
}

.pgs-surface .pgs-heading h2,
.pgs-surface .pgs-popup-title-copy h2 {
    font-size: clamp(1.65rem, 2.2vw, 2rem) !important;
    line-height: 1.18 !important;
}

.pgs-surface .pgs-heading h3 {
    font-size: 1.2rem !important;
    line-height: 1.25 !important;
}

.pgs-detailview-shell.pgs-surface h2,
.pgs-detailview-shell.pgs-surface h3 {
    font-family: var(--pgs-reference-serif) !important;
}

.pgs-detailview-shell.pgs-surface h2 {
    font-size: clamp(1.65rem, 2.2vw, 2rem) !important;
    line-height: 1.18 !important;
}

.pgs-detailview-shell.pgs-surface h3 {
    font-size: 1.25rem !important;
    line-height: 1.25 !important;
}

.pgs-application-body .pgs-expediente-tabs [role="tab"],
.pgs-application-body .pgs-tb-btn,
.pgs-application-body .pgs-button,
.pgs-application-body .main-ribbon .dxbl-ribbon-toolbar button.dxbl-ribbon-button,
.pgs-application-body .xaf-tabbed-mdi .dxbl-tabs-item {
    font-size: 1.0625rem !important;
}

/* A selected child marks its own entry; keep the expanded parent neutral. */
.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(> .dxbl-accordion-group-body :is(.dxbl-accordion-item-content.dxbl-active, .dxbl-accordion-item-content[aria-selected="true"], .xaf-nav-link[aria-current="page"], .xaf-nav-item.active)) > .dxbl-accordion-group-header:not(:hover):not(:focus-within) {
    color: #20344C !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}

.pgs-notarial-sidebar .pgs-navmenu-wrapper .xaf-navmenu .dxbl-accordion-group:has(> .dxbl-accordion-group-body :is(.dxbl-accordion-item-content.dxbl-active, .dxbl-accordion-item-content[aria-selected="true"], .xaf-nav-link[aria-current="page"], .xaf-nav-item.active)) > .dxbl-accordion-group-header:not(:hover):not(:focus-within) :is(.dxbl-accordion-item-content, .dxbl-accordion-item-text-container, .dxbl-text, .xaf-nav-link, span) {
    color: #20344C !important;
    font-weight: 500 !important;
}

.pgs-interesados-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

.pgs-interesados-grid .pgs-interesado-control {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.pgs-interesados-grid .pgs-interesado-control > .pgs-interesado-evidence-inside {
    position: absolute;
    z-index: 2;
    left: .35rem;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.pgs-interesados-grid .pgs-interesado-control .pgs-select-sm,
.pgs-interesados-grid .pgs-interesado-control .pgs-cuota-input {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding-left: 1.9rem;
}

.pgs-interesados-grid .pgs-interesado-control.pgs-cuota-control {
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr) 1.35rem;
    column-gap: .3rem;
}

.pgs-interesados-grid .pgs-cuota-origin {
    display: grid;
    min-width: 1.35rem;
    place-items: center;
}

.pgs-interesados-grid .pgs-cuota-origin .pgs-interesado-evidence-inside {
    position: static;
    transform: none;
}

.pgs-interesados-grid .pgs-interesado-control .pgs-cuota-input {
    grid-column: 2;
    padding: .3rem .45rem;
}

.pgs-interesados-grid .pgs-cuota-percent {
    display: flex;
    grid-column: 3;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    color: var(--pgs-muted, #68778a);
}

.pgs-interesados-grid .pgs-declarante-control {
    width: max-content;
    max-width: 100%;
}

.pgs-interesados-grid .pgs-declarante-control .pgs-button {
    padding-left: 1.9rem;
    white-space: nowrap;
}

.pgs-interesados-grid tbody tr.pgs-row-deleted > td {
    color: var(--pgs-muted, #68778a);
    background: color-mix(in srgb, var(--pgs-surface-soft, #f1f4f7) 72%, #ffffff);
}

.pgs-interesados-grid .pgs-badge-deleted {
    display: inline-flex;
    margin-left: .45rem;
    padding: .12rem .42rem;
    border-radius: 999px;
    color: #697586;
    background: #e8edf2;
    font-size: .74rem;
    font-weight: 600;
    white-space: nowrap;
}

.pgs-list-view-switch {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: max-content;
    gap: 2px;
    margin: 0 0 .75rem auto;
    padding: 2px;
    border: 1px solid var(--pgs-border, #d7dee7);
    border-radius: 9px;
    background: var(--pgs-surface, #fff);
    box-sizing: border-box;
}

.pgs-list-view-switch button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    color: var(--pgs-muted, #69788b);
    background: transparent;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease;
}

.pgs-list-card-open,
.pgs-list-card-page {
    border: 1px solid var(--pgs-border, #d7dee7);
    border-radius: .55rem;
    padding: .42rem .7rem;
    color: var(--pgs-text, #17324f);
    background: var(--pgs-surface, #fff);
    font: inherit;
    cursor: pointer;
}

.pgs-list-view-switch button.active,
.pgs-list-view-switch button:hover,
.pgs-list-card-open:hover,
.pgs-list-card-page:not(:disabled):hover {
    border-color: var(--pgs-accent, #294c70);
    color: var(--pgs-accent-contrast, #fff);
    background: var(--pgs-accent, #294c70);
}

.pgs-list-view-switch button:focus-visible,
.pgs-list-card-open:focus-visible,
.pgs-list-card-page:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--pgs-accent, #294c70) 35%, transparent);
    outline-offset: 2px;
}

.pgs-list-tools {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .25rem;
}

.pgs-list-tools .pgs-search { flex: 1 1 auto; margin-bottom: .75rem; }

@media (max-width: 520px) {
    .pgs-list-tools { align-items: flex-start; flex-wrap: wrap; }
    .pgs-list-tools .pgs-search { width: 100%; }
}

.pgs-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
    align-items: stretch;
    gap: .85rem;
}

.pgs-list-card {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--pgs-border, #d7dee7);
    border-radius: .8rem;
    background: var(--pgs-surface, #fff);
    box-shadow: 0 2px 7px color-mix(in srgb, var(--pgs-text, #17324f) 7%, transparent);
}

.pgs-list-card-selected {
    border-color: var(--pgs-accent, #294c70);
    box-shadow: inset 3px 0 var(--pgs-accent, #294c70), 0 2px 7px color-mix(in srgb, var(--pgs-text, #17324f) 7%, transparent);
}

.pgs-list-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .8rem;
    margin-bottom: .75rem;
}

.pgs-list-card-heading { min-width: 0; }
.pgs-list-card-heading h3 { margin: 0; color: var(--pgs-text, #17324f); font-size: 1rem; overflow-wrap: anywhere; }
.pgs-list-card-heading p { margin: .25rem 0 0; color: var(--pgs-muted, #69788b); font-size: .85rem; overflow-wrap: anywhere; }
.pgs-list-card-actions { display: flex; align-items: center; gap: .4rem; flex: 0 0 auto; }
.pgs-list-card-content { color: var(--pgs-text, #17324f); }
.pgs-card-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr)); gap: .6rem .9rem; margin: 0; }
.pgs-card-details > div { min-width: 0; }
.pgs-card-details dt { margin-bottom: .12rem; color: var(--pgs-muted, #69788b); font-size: .76rem; font-weight: 600; }
.pgs-card-details dd { margin: 0; overflow-wrap: anywhere; }
.pgs-card-details dd .pgs-evidence-value { align-items: flex-start; }
.pgs-card-select { display: inline-flex; align-items: center; gap: .35rem; color: var(--pgs-muted, #69788b); font-size: .8rem; white-space: nowrap; }
.pgs-card-group { margin-top: 1rem; }
.pgs-card-group-heading { display: flex; justify-content: space-between; align-items: center; gap: .6rem; margin: 0 0 .55rem; color: var(--pgs-text, #17324f); }
.pgs-card-group-heading h3 { margin: 0; font-size: 1rem; }
.pgs-card-group-heading span { color: var(--pgs-muted, #69788b); font-size: .84rem; }
.pgs-card-pagination { display: flex; justify-content: space-between; align-items: center; gap: .75rem; margin-top: .85rem; color: var(--pgs-muted, #69788b); font-size: .85rem; }
.pgs-card-pagination > div { display: flex; align-items: center; gap: .55rem; }
.pgs-list-card-page:disabled { opacity: .5; cursor: default; }

@media (max-width: 600px) {
    .pgs-card-grid { grid-template-columns: minmax(0, 1fr); }
    .pgs-list-card-header { flex-wrap: wrap; }
    .pgs-card-pagination { align-items: flex-start; flex-direction: column; }
}
/* Keep both expediente navigation rails visible inside the XAF detail-view scroller. */
.pgs-expediente-view > .pgs-expediente-tabs:not(.pgs-expediente-subtabs) {
    position: sticky;
    top: 0;
    z-index: 80;
    background: var(--pgs-surface-soft, #f1f3f6);
    box-shadow: 0 5px 12px color-mix(in srgb, var(--pgs-text) 9%, transparent);
}

.pgs-expediente-tabs.pgs-expediente-subtabs {
    position: sticky;
    top: 3.75rem;
    z-index: 79;
    background: var(--pgs-surface-soft, #f1f3f6);
    box-shadow: 0 5px 12px color-mix(in srgb, var(--pgs-text) 9%, transparent);
}

@media (max-width: 640px) {
    .pgs-expediente-tabs.pgs-expediente-subtabs { top: 3.3rem; }
}

.pgs-server-dashboard { display: grid; gap: 1.2rem; padding: clamp(1rem, 2vw, 1.6rem); color: var(--pgs-text, #26364a); }
.pgs-server-heading { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.pgs-server-mark { display: grid; width: 3.4rem; height: 3.4rem; place-items: center; border-radius: 1.1rem; background: var(--pgs-accent, #294765); color: #fff; font-size: 1.5rem; }
.pgs-server-heading h2 { margin: .1rem 0 .25rem; font: 500 clamp(1.5rem, 3vw, 2rem) Georgia, serif; }
.pgs-server-heading p, .pgs-server-card p { margin: 0; color: var(--pgs-muted, #69788b); }
.pgs-server-eyebrow { color: var(--pgs-muted, #69788b); font-size: .73rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.pgs-server-live { display: inline-flex; align-items: center; gap: .5rem; margin-left: auto; padding: .55rem .8rem; border: 1px solid var(--pgs-border, #dce2e8); border-radius: 999px; background: var(--pgs-surface, #fff); color: var(--pgs-muted, #69788b); font-size: .82rem; }
.pgs-server-live i { width: .55rem; height: .55rem; border-radius: 50%; background: #43a477; box-shadow: 0 0 0 .22rem color-mix(in srgb, #43a477 18%, transparent); }
.pgs-server-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.pgs-server-summary > div, .pgs-server-card { border: 1px solid var(--pgs-border, #dce2e8); border-radius: 1rem; background: var(--pgs-surface, #fff); box-shadow: 0 5px 18px color-mix(in srgb, var(--pgs-text, #26364a) 5%, transparent); }
.pgs-server-summary > div { display: grid; gap: .35rem; padding: .9rem 1rem; }
.pgs-server-summary span, .pgs-server-card small { color: var(--pgs-muted, #69788b); font-size: .8rem; }
.pgs-server-summary strong { overflow-wrap: anywhere; font-size: .95rem; }
.pgs-server-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; }
.pgs-server-card { display: grid; align-content: start; gap: .9rem; padding: 1.15rem; }
.pgs-server-card header { display: flex; align-items: center; gap: .75rem; }
.pgs-server-card h3 { margin: 0 0 .18rem; font-size: 1.05rem; }
.pgs-server-card-icon { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border-radius: .85rem; background: var(--pgs-surface-soft, #f1f3f6); color: var(--pgs-accent, #294765); font-size: .72rem; font-weight: 800; }
.pgs-server-card-value { font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight: 750; letter-spacing: -.04em; }
.pgs-server-meter { height: .72rem; overflow: hidden; border-radius: 999px; background: var(--pgs-surface-soft, #edf0f3); }
.pgs-server-meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5b9b91, #294765); transition: width .35s ease; }
.pgs-server-storage-path, .pgs-server-footnote { margin: 0; color: var(--pgs-muted, #69788b); font-size: .84rem; }
.pgs-server-storage-path code { overflow-wrap: anywhere; color: var(--pgs-text, #26364a); }
.pgs-server-unavailable { display: grid; gap: .45rem; padding: 1.1rem; border: 1px solid var(--pgs-border, #dce2e8); border-radius: 1rem; background: var(--pgs-surface, #fff); color: var(--pgs-muted, #69788b); }
.pgs-server-unavailable strong { color: var(--pgs-text, #26364a); }
@media (max-width: 900px) {
    .pgs-server-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pgs-server-metrics { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
    .pgs-server-summary { grid-template-columns: minmax(0, 1fr); }
    .pgs-server-live { margin-left: 0; }
}