.table-wrapper {
    width: 100%;
    overflow-x: auto;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
}

/* =========================================================
   DOCUMENTOS ASOCIADOS · EVENTOS Y ARRIENDOS
========================================================= */

.entity-documents {
    background:
        radial-gradient(circle at 92% 0, color-mix(in srgb, var(--primary) 10%, transparent), transparent 34%),
        var(--card);
    border: 1px solid var(--border);
    border-radius: 22px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .14);
    color: var(--text);
    padding: clamp(18px, 2.5vw, 30px);
}

.entity-documents-header,
.entity-documents-heading,
.entity-document-card-topline,
.entity-document-meta,
.entity-document-form-actions {
    align-items: center;
    display: flex;
}

.entity-documents-header {
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 22px;
}

.entity-documents-heading {
    gap: 14px;
    min-width: 0;
}

.entity-documents-heading-icon,
.entity-document-source-icon {
    align-items: center;
    background: color-mix(in srgb, var(--primary) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border));
    border-radius: 13px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.entity-documents-heading-icon svg,
.entity-document-source-icon svg {
    height: 22px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 22px;
}

.entity-documents-heading h3,
.entity-documents-empty h4,
.entity-document-card h4 {
    margin: 0;
}

.entity-documents-heading h3 {
    font-size: clamp(19px, 2vw, 24px);
    font-weight: 650;
    letter-spacing: -.02em;
}

.entity-documents-heading p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 4px 0 0;
}

.entity-documents-count {
    background: color-mix(in srgb, var(--primary) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--border));
    border-radius: 999px;
    color: var(--primary);
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 11px;
}

.entity-document-upload-form {
    border-bottom: 1px solid var(--border);
    margin-bottom: 24px;
    padding-bottom: 24px;
}

.entity-document-source-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.entity-document-source-card {
    align-items: center;
    background: color-mix(in srgb, var(--card) 82%, var(--bg));
    border: 1px solid var(--border);
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    gap: 13px;
    min-height: 82px;
    padding: 15px;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.entity-document-source-card:hover,
.entity-document-source-card:focus-within {
    background: color-mix(in srgb, var(--primary) 7%, var(--card));
    border-color: color-mix(in srgb, var(--primary) 55%, var(--border));
    transform: translateY(-1px);
}

.entity-document-source-card strong,
.entity-document-source-card small {
    display: block;
}

.entity-document-source-card strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 650;
}

.entity-document-source-card small {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.45;
    margin-top: 3px;
}

.entity-document-native-input {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.entity-document-selection {
    align-items: stretch;
    background: color-mix(in srgb, var(--bg) 55%, var(--card));
    border: 1px solid var(--border);
    border-radius: 16px;
    display: grid;
    gap: 18px;
    grid-template-columns: 140px minmax(0, 1fr);
    margin-top: 14px;
    padding: 16px;
}

.entity-document-upload-form.is-enhanced .entity-document-selection:not(.is-active) {
    display: none;
}

.entity-document-selected-preview {
    align-items: center;
    background: color-mix(in srgb, var(--card) 72%, var(--bg));
    border: 1px solid var(--border);
    border-radius: 13px;
    color: var(--primary);
    display: flex;
    justify-content: center;
    min-height: 140px;
    overflow: hidden;
}

.entity-document-selected-preview img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.entity-document-selected-preview svg {
    height: 42px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.4;
    width: 42px;
}

.entity-document-selected-content {
    min-width: 0;
}

.entity-document-selected-name {
    color: var(--text);
    font-size: 13px;
    font-weight: 650;
    margin-bottom: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entity-document-fields {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(150px, .7fr) minmax(220px, 1.3fr);
}

.entity-document-fields label {
    display: grid;
    gap: 6px;
}

.entity-document-fields label > span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.entity-document-fields input,
.entity-document-fields select,
.entity-document-fields textarea {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 10px;
    color: var(--text);
    font: inherit;
    font-size: 13px;
    min-width: 0;
    outline: none;
    padding: 10px 11px;
    width: 100%;
}

.entity-document-fields input:focus,
.entity-document-fields select:focus,
.entity-document-fields textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);
}

.entity-document-description-field {
    grid-column: 1 / -1;
}

.entity-document-description-field textarea {
    min-height: 65px;
    resize: vertical;
}

.entity-document-form-error {
    color: #e26a61;
    font-size: 12px;
    margin: 10px 0 0;
}

.entity-document-form-actions {
    gap: 10px;
    justify-content: flex-end;
    margin-top: 13px;
}

.entity-document-form-actions .ui-button svg {
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 17px;
}

.entity-document-form-actions .ui-button.is-loading {
    opacity: .65;
    pointer-events: none;
}

.entity-documents-empty,
.entity-documents-readonly-note {
    background: color-mix(in srgb, var(--bg) 55%, var(--card));
    border: 1px dashed color-mix(in srgb, var(--primary) 25%, var(--border));
    border-radius: 16px;
}

.entity-documents-empty {
    align-items: center;
    color: var(--text-muted);
    display: flex;
    gap: 14px;
    justify-content: center;
    min-height: 122px;
    padding: 20px;
    text-align: left;
}

.entity-documents-empty > svg {
    color: var(--primary);
    height: 34px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
    width: 34px;
}

.entity-documents-empty h4 {
    color: var(--text);
    font-size: 15px;
    font-weight: 650;
}

.entity-documents-empty p {
    font-size: 13px;
    line-height: 1.5;
    margin: 4px 0 0;
}

.entity-documents-readonly-note {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.55;
    margin: 0 0 20px;
    padding: 13px 15px;
}

.entity-document-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.entity-document-card {
    background: color-mix(in srgb, var(--card) 84%, var(--bg));
    border: 1px solid var(--border);
    border-radius: 16px;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    min-width: 0;
    overflow: visible;
    position: relative;
}

.entity-document-card-preview {
    align-items: center;
    background: color-mix(in srgb, var(--bg) 58%, var(--card));
    border-radius: 15px 0 0 15px;
    color: var(--primary);
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    min-height: 166px;
    overflow: hidden;
    text-decoration: none;
}

.entity-document-card-preview.is-image img {
    height: 100%;
    object-fit: cover;
    transition: transform .24s ease;
    width: 100%;
}

.entity-document-card-preview.is-image:hover img {
    transform: scale(1.035);
}

.entity-document-file-icon {
    height: 38px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
    width: 38px;
}

.entity-document-card-preview strong {
    font-size: 11px;
    letter-spacing: .12em;
}

.entity-document-card-body {
    min-width: 0;
    padding: 16px 15px 50px;
}

.entity-document-card-topline {
    gap: 8px;
    justify-content: space-between;
}

.entity-document-category,
.entity-document-camera-label {
    color: var(--primary);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.entity-document-camera-label {
    align-items: center;
    display: inline-flex;
    gap: 4px;
}

.entity-document-camera-label svg {
    height: 13px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 13px;
}

.entity-document-card h4 {
    color: var(--text);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.35;
    margin-top: 8px;
    overflow-wrap: anywhere;
}

.entity-document-original-name,
.entity-document-description {
    color: var(--text-muted);
    line-height: 1.45;
}

.entity-document-original-name {
    font-size: 11px;
    margin: 4px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entity-document-description {
    display: -webkit-box;
    font-size: 12px;
    margin: 8px 0 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.entity-document-meta {
    color: var(--text-soft);
    flex-wrap: wrap;
    font-size: 10px;
    gap: 5px 11px;
    margin-top: 9px;
}

.entity-document-actions {
    bottom: 12px;
    position: absolute;
    right: 12px;
    z-index: 6;
}

.entity-document-actions summary {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 9px;
    color: var(--text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    list-style: none;
    min-height: 30px;
    padding: 6px 10px;
    user-select: none;
}

.entity-document-actions summary::-webkit-details-marker {
    display: none;
}

.entity-document-actions[open] summary,
.entity-document-actions summary:hover {
    border-color: color-mix(in srgb, var(--primary) 48%, var(--border));
    color: var(--primary);
}

.entity-document-actions-menu {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    bottom: calc(100% + 7px);
    box-shadow: 0 18px 34px rgba(0, 0, 0, .3);
    min-width: 178px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    right: 0;
}

.entity-document-actions-menu a,
.entity-document-actions-menu button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--text);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 12px;
    gap: 9px;
    padding: 9px 10px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.entity-document-actions-menu a:hover,
.entity-document-actions-menu button:hover {
    background: color-mix(in srgb, var(--primary) 10%, transparent);
    color: var(--primary);
}

.entity-document-actions-menu button {
    color: #e26a61;
}

.entity-document-actions-menu svg {
    flex: 0 0 auto;
    height: 16px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 16px;
}

@media (max-width: 980px) {
    .entity-document-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .entity-documents {
        border-radius: 17px;
        padding: 16px;
    }

    .entity-documents-header {
        align-items: flex-start;
        gap: 10px;
    }

    .entity-documents-heading-icon {
        height: 40px;
        width: 40px;
    }

    .entity-documents-count {
        font-size: 10px;
        padding: 6px 8px;
    }

    .entity-document-source-grid,
    .entity-document-fields,
    .entity-document-selection {
        grid-template-columns: 1fr;
    }

    .entity-document-source-card {
        min-height: 72px;
        padding: 12px;
    }

    .entity-document-selected-preview {
        max-height: 190px;
        min-height: 118px;
    }

    .entity-document-form-actions .ui-button {
        flex: 1 1 0;
        justify-content: center;
    }

    .entity-document-card {
        grid-template-columns: 92px minmax(0, 1fr);
    }

    .entity-document-card-preview {
        min-height: 158px;
    }

    .entity-document-card-body {
        padding-left: 12px;
        padding-right: 12px;
    }

    .entity-document-meta span:last-child {
        display: none;
    }
}

@media (max-width: 430px) {
    .entity-documents-header {
        display: grid;
        grid-template-columns: 1fr auto;
    }

    .entity-documents-heading-icon {
        display: none;
    }

    .entity-documents-heading p {
        font-size: 12px;
    }

    .entity-document-card {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .entity-document-card-preview {
        min-height: 152px;
    }

    .entity-document-card h4 {
        font-size: 14px;
    }
}

.app-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--text);
}

.app-table th,
.app-table td {
    padding: 16px 18px;
    text-align: left;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.app-table th {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
}

.app-table tbody tr {
    transition: var(--transition);
}

.app-table tbody tr:hover {
    background: rgba(255, 255, 255, .03);
}

.app-table tbody tr:last-child td {
    border-bottom: none;
}

.table-empty {
    color: var(--text-muted);
    text-align: center;
}

.page > p + .table-wrapper {
    margin-top: 18px;
}

.event-table-link {
    color: var(--text);
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    text-underline-offset: 4px;
    transition: color .18s ease, text-decoration-color .18s ease;
}

.event-table-link-strong {
    font-weight: 800;
}

.event-table-link:hover,
.event-table-link:focus-visible {
    color: var(--primary);
    text-decoration: underline;
    text-decoration-color: currentColor;
}

.event-table-link:focus-visible {
    outline: 1px solid var(--primary);
    outline-offset: 3px;
}

.page-header {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

.page-header-content {
    display: grid;
    gap: 6px;
}

.settings-detail-page .page-header h2,
.accesses-page .page-header h2,
.permissions-page .page-header h2 {
    color: var(--text);
    font-size: clamp(18px, 1.45vw, 21px);
    font-weight: 700;
    line-height: 1.18;
    margin: 0;
}

.page-header-actions,
.page-top-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    margin: 0;
}

.page-header .page-header-actions {
    margin-bottom: -6px;
    margin-top: 10px;
}

.dashboard-workspace-heading {
    display: grid;
    gap: 7px;
    max-width: 760px;
}

.dashboard-workspace-eyebrow {
    color: var(--primary);
    font-size: 12px;
    font-weight: 860;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: uppercase;
}

.dashboard-workspace-heading h1 {
    color: var(--text);
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 860;
    line-height: 1.08;
    margin: 0;
}

.dashboard-workspace-heading p {
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
    max-width: 680px;
}

body.workspace-venue-management .dashboard-workspace-eyebrow {
    color: var(--workspace-accent);
}

.page-header-actions .ui-button,
.page-top-actions .ui-button {
    flex: 0 0 auto;
    min-height: 34px;
    padding-bottom: 8px;
    padding-top: 8px;
}

body.theme-light {
    --bg: #f3f0ea;
    --sidebar: #faf8f3;
    --card: #fbf8f1;
    --border: #d9d1c3;
    --text: #1e1b16;
    --text-muted: #6f675d;
    --text-soft: #8a8176;
    background: var(--bg);
    color: var(--text);
}

body.theme-light .content {
    background: var(--bg);
}

body.theme-light .sidebar,
body.theme-light .topbar,
body.theme-light .app-footer {
    box-shadow: 0 10px 32px rgba(40, 32, 20, .08);
}

body.theme-light .search-box,
body.theme-light .form-control,
body.theme-light .ui-button-secondary {
    background: #fbfaf7;
}

body.theme-light .sidebar-nav a:hover,
body.theme-light .sidebar-nav a.active,
body.theme-light .sidebar-mode-toggle:hover,
body.theme-light .sidebar-rail-toggle:hover {
    background: #eee8dc;
}

body.theme-light .sidebar {
    background: #f8f4ec;
    border-right-color: #d6ccb9;
}

body.theme-light .sidebar a,
body.theme-light .sidebar-switch-title,
body.theme-light .sidebar-user-card strong {
    color: #29241d;
}

body.theme-light .sidebar-section {
    border-top-color: rgba(77, 64, 43, .14);
}

body.theme-light .sidebar-section-title,
body.theme-light .sidebar-user-card small {
    color: #756950;
}

body.theme-light .sidebar-nav .active,
body.theme-light .sidebar-nav .active:hover {
    background: var(--primary);
    color: #1d160c;
}

body.theme-light .sidebar-nav .active .sidebar-item-icon,
body.theme-light .sidebar-nav .active .sidebar-item-text {
    color: #1d160c;
}

body.theme-light .sidebar-switch {
    background: rgba(41, 36, 29, .12);
    border-color: rgba(41, 36, 29, .16);
}

body.theme-light .sidebar-switch-dot {
    background: #615640;
}

body.theme-light .sidebar-user-icon {
    background: rgba(41, 36, 29, .07);
    border-color: rgba(41, 36, 29, .14);
}

body.theme-light .app-notice,
body.theme-light .preference-module-card,
body.theme-light .preference-row,
body.theme-light .permission-module-card {
    background: rgba(201, 168, 106, .08);
}

body.theme-light .event-record-page .event-expedient-hero,
body.theme-light .event-record-page .event-quick-action,
body.theme-light .event-record-page .event-meetings-inline-panel,
body.theme-light .event-record-page .event-executive-summary,
body.theme-light .event-record-page .event-finance-executive-card,
body.theme-light .event-record-page .event-finance-flow-card,
body.theme-light .event-record-page .event-finance-kpi,
body.theme-light .event-record-page .event-finance-details-panel,
body.theme-light .event-record-page .event-finance-detail-card,
body.theme-light .event-record-page .event-meetings-kpi,
body.theme-light .event-record-page .event-meeting-card,
body.theme-light .event-record-page .event-timeline-card,
body.theme-light .event-record-page .event-timeline-empty,
body.theme-light .event-record-page .event-info-card,
body.theme-light .event-record-page .internal-info,
body.theme-light .event-record-page .event-danger-zone,
body.theme-light .event-record-page .event-record-card,
body.theme-light .event-record-page .finance-card,
body.theme-light .event-record-page .meetings-empty-state,
body.theme-light .event-record-page .app-card {
    border-color: rgba(116, 93, 58, .30);
    box-shadow: 0 14px 30px rgba(86, 68, 41, .10);
}

body.theme-light .event-record-page .event-executive-metrics div,
body.theme-light .event-record-page .event-finance-executive-header,
body.theme-light .event-record-page .event-finance-row,
body.theme-light .event-record-page .event-meeting-card-header,
body.theme-light .event-record-page .event-meeting-actions,
body.theme-light .event-record-page .event-finance-flow-header,
body.theme-light .event-record-page .event-finance-flow-list div,
body.theme-light .event-record-page .event-finance-details-header,
body.theme-light .event-record-page .event-finance-detail-card header,
body.theme-light .event-record-page .event-finance-detail-card div,
body.theme-light .event-record-page .event-info-card-header,
body.theme-light .event-record-page .event-info-quick-strip,
body.theme-light .event-record-page .event-record-secondary-actions,
body.theme-light .event-record-page .finance-movement-card-header,
body.theme-light .event-record-page .event-cost-card-header,
body.theme-light .event-record-page .finance-movement-actions {
    border-color: rgba(116, 93, 58, .24);
}

body.theme-light .event-record-page .event-executive-details div,
body.theme-light .event-record-page .event-executive-attendees div,
body.theme-light .event-record-page .event-executive-control div,
body.theme-light .event-record-page .event-info-field,
body.theme-light .event-record-page .event-meeting-field,
body.theme-light .event-record-page .internal-metric-card,
body.theme-light .event-record-page .financial-edit-preview {
    border-color: rgba(116, 93, 58, .22);
}

body.theme-light .event-record-page .event-tabs {
    border-color: rgba(116, 93, 58, .26);
}

body.theme-light .event-record-page .event-tab.active {
    border-color: rgba(201, 168, 106, .48);
    border-bottom-color: var(--primary);
}

body.workspace-venue-management {
    --bg: var(--workspace-bg);
    --sidebar: var(--workspace-sidebar);
    --card: var(--workspace-card);
    --border: var(--workspace-border);
    --primary: var(--workspace-accent);
    --primary-hover: var(--workspace-accent-hover);
}

body.workspace-venue-management .content {
    background:
        radial-gradient(circle at 88% 8%, var(--workspace-secondary-soft), transparent 26%),
        linear-gradient(180deg, rgba(15, 23, 36, .98), var(--workspace-bg));
}

body.theme-light.workspace-venue-management .content {
    background:
        radial-gradient(circle at 88% 8%, var(--workspace-secondary-soft), transparent 28%),
        radial-gradient(circle at 12% 0%, rgba(181, 139, 67, .08), transparent 24%),
        linear-gradient(180deg, #f6f8fb, var(--workspace-bg));
}

body.workspace-venue-management .sidebar,
body.workspace-venue-management .topbar,
body.workspace-venue-management .app-footer {
    background: var(--workspace-sidebar);
    border-color: var(--workspace-border);
    box-shadow: 0 14px 38px rgba(2, 8, 18, .24);
}

body.theme-light.workspace-venue-management .sidebar,
body.theme-light.workspace-venue-management .topbar,
body.theme-light.workspace-venue-management .app-footer {
    box-shadow: 0 14px 34px rgba(49, 64, 82, .10);
}

body.workspace-venue-management .table-wrapper,
body.workspace-venue-management .app-card,
body.workspace-venue-management .settings-card,
body.workspace-venue-management .dashboard-action-card,
body.workspace-venue-management .event-record-card,
body.workspace-venue-management .event-list-card,
body.workspace-venue-management .provider-card,
body.workspace-venue-management .agenda-meeting-card,
body.workspace-venue-management .task-meeting-card,
body.workspace-venue-management .pending-meeting-card,
body.workspace-venue-management .access-card,
body.workspace-venue-management .permission-module-card,
body.workspace-venue-management .preference-module-card,
body.workspace-venue-management .preference-row,
body.workspace-venue-management .venue-premium-card,
body.workspace-venue-management .venue-premium-panel,
body.workspace-venue-management .venue-card,
body.workspace-venue-management .venue-panel,
body.workspace-venue-management .venue-summary-card,
body.workspace-venue-management .venue-list-card,
body.workspace-venue-management .venue-detail-card {
    background: var(--venue-glass-bg);
    border-color: var(--venue-glass-border);
    box-shadow: var(--venue-glass-shadow);
}

body.workspace-venue-management .app-card,
body.workspace-venue-management .settings-card,
body.workspace-venue-management .dashboard-action-card,
body.workspace-venue-management .event-record-card,
body.workspace-venue-management .event-list-card,
body.workspace-venue-management .provider-card,
body.workspace-venue-management .agenda-meeting-card,
body.workspace-venue-management .task-meeting-card,
body.workspace-venue-management .pending-meeting-card,
body.workspace-venue-management .access-card,
body.workspace-venue-management .permission-module-card,
body.workspace-venue-management .preference-module-card,
body.workspace-venue-management .preference-row,
body.workspace-venue-management .venue-premium-card,
body.workspace-venue-management .venue-premium-panel,
body.workspace-venue-management .venue-premium-modal,
body.workspace-venue-management .venue-card,
body.workspace-venue-management .venue-panel,
body.workspace-venue-management .venue-summary-card,
body.workspace-venue-management .venue-list-card,
body.workspace-venue-management .venue-detail-card,
body.workspace-venue-management .venue-modal {
    isolation: isolate;
    position: relative;
}

body.workspace-venue-management .app-card::before,
body.workspace-venue-management .settings-card::before,
body.workspace-venue-management .dashboard-action-card::before,
body.workspace-venue-management .event-record-card::before,
body.workspace-venue-management .event-list-card::before,
body.workspace-venue-management .provider-card::before,
body.workspace-venue-management .agenda-meeting-card::before,
body.workspace-venue-management .task-meeting-card::before,
body.workspace-venue-management .pending-meeting-card::before,
body.workspace-venue-management .access-card::before,
body.workspace-venue-management .permission-module-card::before,
body.workspace-venue-management .preference-module-card::before,
body.workspace-venue-management .preference-row::before,
body.workspace-venue-management .venue-premium-card::before,
body.workspace-venue-management .venue-premium-panel::before,
body.workspace-venue-management .venue-premium-modal::before,
body.workspace-venue-management .venue-card::before,
body.workspace-venue-management .venue-panel::before,
body.workspace-venue-management .venue-summary-card::before,
body.workspace-venue-management .venue-list-card::before,
body.workspace-venue-management .venue-detail-card::before,
body.workspace-venue-management .venue-modal::before {
    background: var(--venue-glass-highlight);
    content: "";
    height: 1px;
    left: 16px;
    opacity: .58;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 0;
    z-index: 0;
}

@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
    body.workspace-venue-management .app-card,
    body.workspace-venue-management .settings-card,
    body.workspace-venue-management .dashboard-action-card,
    body.workspace-venue-management .event-record-card,
    body.workspace-venue-management .event-list-card,
    body.workspace-venue-management .provider-card,
    body.workspace-venue-management .agenda-meeting-card,
    body.workspace-venue-management .task-meeting-card,
    body.workspace-venue-management .pending-meeting-card,
    body.workspace-venue-management .access-card,
    body.workspace-venue-management .permission-module-card,
    body.workspace-venue-management .preference-module-card,
    body.workspace-venue-management .preference-row,
    body.workspace-venue-management .venue-premium-card,
    body.workspace-venue-management .venue-premium-panel,
    body.workspace-venue-management .venue-premium-modal,
    body.workspace-venue-management .venue-premium-field,
    body.workspace-venue-management .venue-premium-button,
    body.workspace-venue-management .venue-card,
    body.workspace-venue-management .venue-panel,
    body.workspace-venue-management .venue-summary-card,
    body.workspace-venue-management .venue-list-card,
    body.workspace-venue-management .venue-detail-card,
    body.workspace-venue-management .venue-modal,
    body.workspace-venue-management .venue-field,
    body.workspace-venue-management .venue-input,
    body.workspace-venue-management .venue-select,
    body.workspace-venue-management .venue-textarea,
    body.workspace-venue-management .venue-button {
        -webkit-backdrop-filter: blur(12px) saturate(118%);
        backdrop-filter: blur(12px) saturate(118%);
    }
}

@media (hover: hover) and (pointer: fine) {
    body.workspace-venue-management .app-card:hover,
    body.workspace-venue-management .settings-card:hover,
    body.workspace-venue-management .dashboard-action-card:hover,
    body.workspace-venue-management .event-record-card:hover,
    body.workspace-venue-management .event-list-card:hover,
    body.workspace-venue-management .provider-card:hover,
    body.workspace-venue-management .agenda-meeting-card:hover,
    body.workspace-venue-management .task-meeting-card:hover,
    body.workspace-venue-management .pending-meeting-card:hover,
    body.workspace-venue-management .access-card:hover,
    body.workspace-venue-management .permission-module-card:hover,
    body.workspace-venue-management .preference-module-card:hover,
    body.workspace-venue-management .preference-row:hover,
    body.workspace-venue-management .venue-premium-card:hover,
    body.workspace-venue-management .venue-premium-panel:hover,
    body.workspace-venue-management .venue-card:hover,
    body.workspace-venue-management .venue-panel:hover,
    body.workspace-venue-management .venue-summary-card:hover,
    body.workspace-venue-management .venue-list-card:hover,
    body.workspace-venue-management .venue-detail-card:hover {
        border-color: var(--venue-glass-border-strong);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .08),
            0 20px 46px rgba(2, 8, 18, .25);
        transform: translateY(-1px);
    }
}

body.workspace-venue-management .venue-premium-card,
body.workspace-venue-management .venue-premium-panel,
body.workspace-venue-management .venue-premium-modal,
body.workspace-venue-management .venue-card,
body.workspace-venue-management .venue-panel,
body.workspace-venue-management .venue-summary-card,
body.workspace-venue-management .venue-list-card,
body.workspace-venue-management .venue-detail-card,
body.workspace-venue-management .venue-modal {
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    color: var(--text);
    overflow: hidden;
}

body.workspace-venue-management .venue-premium-card,
body.workspace-venue-management .venue-card,
body.workspace-venue-management .venue-summary-card,
body.workspace-venue-management .venue-list-card {
    padding: 18px;
}

body.workspace-venue-management .venue-premium-panel,
body.workspace-venue-management .venue-panel,
body.workspace-venue-management .venue-detail-card {
    padding: 22px;
}

body.workspace-venue-management .venue-premium-modal,
body.workspace-venue-management .venue-modal,
body.workspace-venue-management .app-modal-dialog,
body.workspace-venue-management .epp-assistant-card,
body.workspace-venue-management .epp-start-decision-card,
body.workspace-venue-management .epp-tour-popover,
body.workspace-venue-management .epp-tour-confirm {
    background: var(--venue-glass-bg-strong);
    border-color: var(--venue-glass-border-strong);
    box-shadow: var(--venue-glass-shadow-strong);
}

body.workspace-venue-management .app-modal-backdrop {
    background:
        radial-gradient(circle at 50% 16%, var(--workspace-secondary-soft), transparent 34%),
        rgba(2, 8, 18, .84);
    -webkit-backdrop-filter: blur(14px) saturate(118%);
    backdrop-filter: blur(14px) saturate(118%);
}

body.workspace-venue-management .epp-assistant-action,
body.workspace-venue-management .epp-assistant-tour-card,
body.workspace-venue-management .epp-start-decision-option {
    background: var(--venue-glass-bg);
    border-color: var(--venue-glass-border);
    box-shadow: var(--venue-glass-shadow);
}

body.workspace-venue-management .venue-premium-header,
body.workspace-venue-management .venue-panel-header,
body.workspace-venue-management .venue-card-header {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
}

body.workspace-venue-management .venue-premium-header + *,
body.workspace-venue-management .venue-panel-header + *,
body.workspace-venue-management .venue-card-header + * {
    margin-top: 14px;
}

body.workspace-venue-management .venue-premium-icon,
body.workspace-venue-management .venue-panel-icon,
body.workspace-venue-management .venue-card-icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .18), rgba(201, 168, 106, .055)),
        rgba(10, 18, 31, .34);
    border: 1px solid var(--venue-glass-border-strong);
    border-radius: 999px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 10px 22px rgba(2, 8, 18, .16);
    color: var(--workspace-accent);
    display: inline-flex;
    flex: 0 0 38px;
    height: 38px;
    justify-content: center;
    width: 38px;
}

body.workspace-venue-management .venue-premium-title,
body.workspace-venue-management .venue-panel-title,
body.workspace-venue-management .venue-card-title {
    color: var(--text);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.2;
    margin: 0;
}

body.workspace-venue-management .venue-premium-subtitle,
body.workspace-venue-management .venue-panel-subtitle,
body.workspace-venue-management .venue-card-subtitle {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.35;
    margin: 3px 0 0;
}

body.workspace-venue-management .venue-premium-grid,
body.workspace-venue-management .venue-card-grid,
body.workspace-venue-management .venue-panel-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

body.workspace-venue-management .venue-premium-actions,
body.workspace-venue-management .venue-card-actions,
body.workspace-venue-management .venue-panel-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.workspace-venue-management .search-box,
body.workspace-venue-management .form-control,
body.workspace-venue-management .ui-button-secondary,
body.workspace-venue-management .topbar-search-button,
body.workspace-venue-management .view-mode-selector,
body.workspace-venue-management .venue-premium-field,
body.workspace-venue-management .venue-field,
body.workspace-venue-management .venue-input,
body.workspace-venue-management .venue-select,
body.workspace-venue-management .venue-textarea {
    background-color: var(--venue-field-bg);
    border-color: var(--venue-field-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

body.workspace-venue-management .form-control:focus,
body.workspace-venue-management .venue-premium-field:focus,
body.workspace-venue-management .venue-premium-field:focus-within,
body.workspace-venue-management .venue-field:focus,
body.workspace-venue-management .venue-field:focus-within,
body.workspace-venue-management .venue-input:focus,
body.workspace-venue-management .venue-select:focus,
body.workspace-venue-management .venue-textarea:focus {
    border-color: var(--workspace-accent);
    box-shadow:
        0 0 0 3px rgba(201, 168, 106, .12),
        inset 0 1px 0 rgba(255, 255, 255, .055);
}

body.workspace-venue-management .form-control::placeholder,
body.workspace-venue-management .venue-premium-field::placeholder,
body.workspace-venue-management .venue-field::placeholder,
body.workspace-venue-management .venue-input::placeholder,
body.workspace-venue-management .venue-textarea::placeholder {
    color: rgba(255, 255, 255, .42);
}

body.workspace-venue-management .sidebar-nav a:hover,
body.workspace-venue-management .sidebar-section-admin a:hover,
body.workspace-venue-management .sidebar-workspace-option:hover,
body.workspace-venue-management .sidebar-workspace-option:focus-visible,
body.workspace-venue-management .sidebar-switch-control:hover,
body.workspace-venue-management .sidebar-switch-control:focus-visible {
    background: var(--workspace-active-bg);
    border-color: var(--workspace-active-border);
}

body.workspace-venue-management .sidebar-nav a.active,
body.workspace-venue-management .sidebar-nav a.active:hover,
body.workspace-venue-management .sidebar-section-admin a.active,
body.workspace-venue-management .sidebar-section-admin a.active:hover {
    background: var(--workspace-active-bg);
    border-color: var(--workspace-active-border);
    color: var(--workspace-accent);
}

body.workspace-venue-management .sidebar-nav a.active .sidebar-item-icon,
body.workspace-venue-management .sidebar-nav a.active .sidebar-item-text,
body.workspace-venue-management .sidebar-section-admin a.active .sidebar-item-icon,
body.workspace-venue-management .sidebar-section-admin a.active .sidebar-item-text,
body.workspace-venue-management .sidebar-workspace-icon,
body.workspace-venue-management .sidebar-section-title svg {
    color: var(--workspace-accent);
}

body.workspace-venue-management .view-mode-option:hover,
body.workspace-venue-management .view-mode-option:focus-visible {
    background: var(--workspace-active-bg);
    color: var(--text);
}

body.workspace-venue-management .ui-button-primary,
body.workspace-venue-management .venue-premium-button,
body.workspace-venue-management .venue-button,
body.workspace-venue-management .venue-button-primary {
    background:
        linear-gradient(145deg, rgba(215, 182, 118, .98), rgba(201, 168, 106, .92));
    border-color: rgba(244, 215, 157, .40);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .28),
        0 12px 26px rgba(201, 168, 106, .18);
    color: #111827;
}

body.workspace-venue-management .ui-button-primary:hover,
body.workspace-venue-management .ui-button-primary:focus-visible,
body.workspace-venue-management .venue-premium-button:hover,
body.workspace-venue-management .venue-premium-button:focus-visible,
body.workspace-venue-management .venue-button:hover,
body.workspace-venue-management .venue-button:focus-visible,
body.workspace-venue-management .venue-button-primary:hover,
body.workspace-venue-management .venue-button-primary:focus-visible {
    background:
        linear-gradient(145deg, rgba(226, 195, 133, 1), rgba(215, 182, 118, .96));
    border-color: rgba(244, 215, 157, .58);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .34),
        0 16px 32px rgba(201, 168, 106, .24);
}

body.workspace-venue-management .ui-button-secondary,
body.workspace-venue-management .venue-premium-button-secondary,
body.workspace-venue-management .venue-button-secondary {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .014)),
        rgba(20, 32, 50, .78);
    border-color: rgba(201, 168, 106, .18);
    color: var(--text);
}

body.workspace-venue-management .ui-button-secondary:hover,
body.workspace-venue-management .ui-button-secondary:focus-visible,
body.workspace-venue-management .venue-premium-button-secondary:hover,
body.workspace-venue-management .venue-premium-button-secondary:focus-visible,
body.workspace-venue-management .venue-button-secondary:hover,
body.workspace-venue-management .venue-button-secondary:focus-visible {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018)),
        rgba(25, 39, 60, .84);
    border-color: var(--venue-glass-border-strong);
}

body.theme-light.workspace-venue-management .ui-button-primary,
body.theme-light.workspace-venue-management .venue-premium-button,
body.theme-light.workspace-venue-management .venue-button,
body.theme-light.workspace-venue-management .venue-button-primary {
    color: #251c0d;
}

body.theme-light.workspace-venue-management .ui-button-secondary,
body.theme-light.workspace-venue-management .venue-premium-button-secondary,
body.theme-light.workspace-venue-management .venue-button-secondary {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .84), rgba(255, 255, 255, .50)),
        rgba(248, 250, 252, .74);
    color: var(--text);
}

body.theme-light.workspace-venue-management .form-control,
body.theme-light.workspace-venue-management .search-box,
body.theme-light.workspace-venue-management .venue-premium-field,
body.theme-light.workspace-venue-management .venue-field,
body.theme-light.workspace-venue-management .venue-input,
body.theme-light.workspace-venue-management .venue-select,
body.theme-light.workspace-venue-management .venue-textarea {
    color: var(--text);
}

body.workspace-venue-management .ui-badge,
body.workspace-venue-management .venue-premium-status,
body.workspace-venue-management .venue-status,
body.workspace-venue-management .event-meeting-status-badge,
body.workspace-venue-management .meeting-status-badge {
    background: var(--venue-status-soft);
    border: 1px solid rgba(201, 168, 106, .24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    color: var(--workspace-accent);
}

body.workspace-venue-management .venue-premium-status.is-success,
body.workspace-venue-management .venue-status.is-success,
body.workspace-venue-management .venue-status-confirmado,
body.workspace-venue-management .venue-status-confirmada,
body.workspace-venue-management .venue-status-realizado,
body.workspace-venue-management .venue-status-realizada,
body.workspace-venue-management .ui-badge-confirmed,
body.workspace-venue-management .ui-badge-done,
body.workspace-venue-management .event-meeting-status-realizada {
    background: rgba(40, 167, 69, .13);
    border-color: rgba(40, 167, 69, .30);
    color: var(--venue-success);
}

body.workspace-venue-management .venue-premium-status.is-warning,
body.workspace-venue-management .venue-status.is-warning,
body.workspace-venue-management .venue-status-reservado,
body.workspace-venue-management .venue-status-reservada,
body.workspace-venue-management .venue-status-pendiente,
body.workspace-venue-management .ui-badge-pending,
body.workspace-venue-management .ui-badge-reserved,
body.workspace-venue-management .event-meeting-status-programada,
body.workspace-venue-management .event-meeting-status-confirmada,
body.workspace-venue-management .event-meeting-status-reprogramada,
body.workspace-venue-management .event-meeting-status-pospuesta {
    background: rgba(201, 168, 106, .14);
    border-color: rgba(201, 168, 106, .30);
    color: var(--workspace-accent);
}

body.workspace-venue-management .venue-premium-status.is-danger,
body.workspace-venue-management .venue-status.is-danger,
body.workspace-venue-management .venue-status-cancelado,
body.workspace-venue-management .venue-status-cancelada,
body.workspace-venue-management .ui-badge-cancelled,
body.workspace-venue-management .event-meeting-status-cancelada {
    background: rgba(217, 83, 79, .13);
    border-color: rgba(217, 83, 79, .32);
    color: var(--venue-danger);
}

body.workspace-venue-management .event-status-dot-reservado,
body.workspace-venue-management .event-status-dot-pendiente,
body.workspace-venue-management .event-status-dot-pago-parcial {
    background: var(--workspace-accent);
    box-shadow: 0 0 0 5px rgba(201, 168, 106, .13);
}

body.workspace-venue-management .event-status-dot-confirmado,
body.workspace-venue-management .event-status-dot-realizado {
    background: var(--venue-success);
    box-shadow: 0 0 0 5px rgba(40, 167, 69, .13);
}

body.workspace-venue-management .event-status-dot-cancelado,
body.workspace-venue-management .event-status-dot-archivado {
    background: var(--venue-danger);
    box-shadow: 0 0 0 5px rgba(217, 83, 79, .13);
}

body.theme-light.workspace-venue-management .venue-premium-icon,
body.theme-light.workspace-venue-management .venue-panel-icon,
body.theme-light.workspace-venue-management .venue-card-icon {
    background:
        linear-gradient(145deg, rgba(181, 139, 67, .14), rgba(181, 139, 67, .045)),
        rgba(255, 255, 255, .62);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .70),
        0 10px 22px rgba(49, 64, 82, .10);
}

body.theme-light.workspace-venue-management .form-control::placeholder,
body.theme-light.workspace-venue-management .venue-premium-field::placeholder,
body.theme-light.workspace-venue-management .venue-field::placeholder,
body.theme-light.workspace-venue-management .venue-input::placeholder,
body.theme-light.workspace-venue-management .venue-textarea::placeholder {
    color: rgba(30, 27, 22, .45);
}

body.hide-task-bell .topbar-task-link,
.topbar-task-link.is-hidden-by-preference {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

body.animations-off *,
body.animations-off *::before,
body.animations-off *::after,
body.preferences-disable-animations *,
body.preferences-disable-animations *::before,
body.preferences-disable-animations *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
}

body:has(.login-page) {
    display: block;
    margin: 0;
}

.password-visibility-option {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    cursor: pointer;
}

.password-visibility-option input {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--workspace-accent, var(--primary));
}

.logo-epp-xs,
.logo-epp-sm,
.logo-epp-md,
.logo-epp-lg {
    display: block;
    object-fit: contain;
}

.logo-epp-xs {
    height: auto !important;
    max-height: 32px !important;
    max-width: 32px !important;
    width: 32px !important;
}

.logo-epp-sm {
    height: auto !important;
    max-height: 64px !important;
    max-width: 64px !important;
    width: 64px !important;
}

.logo-epp-md {
    height: auto !important;
    max-height: 96px !important;
    max-width: 96px !important;
    width: 96px !important;
}

.logo-epp-lg {
    height: auto !important;
    max-height: 128px !important;
    max-width: 128px !important;
    width: 128px !important;
}

body.public-layout .sidebar,
body.public-layout .sidebar-overlay,
body.public-layout .topbar,
body.public-layout .app > .app-footer,
body:has(.login-page) .sidebar,
body:has(.login-page) .sidebar-overlay,
body:has(.login-page) .topbar,
body:has(.login-page) .app > .app-footer {
    display: none !important;
}

body.public-layout,
body:has(.login-page) {
    display: block;
    margin: 0;
}

body.public-layout .app,
body:has(.login-page) .app {
    display: block;
    height: 100vh;
    height: 100dvh;
    width: 100%;
}

body.public-layout .content,
body:has(.login-page) .content {
    display: block;
    height: 100vh;
    height: 100dvh;
    padding: 0;
    width: 100%;
}

.login-page {
    height: 100vh;
    height: 100dvh;
    background:
        radial-gradient(circle at 76% 14%, rgba(201, 168, 106, .12), transparent 28%),
        radial-gradient(circle at 18% 88%, rgba(201, 168, 106, .07), transparent 30%),
        linear-gradient(145deg, #020202, #080807 46%, #030303 100%);
    display: grid;
    padding: clamp(8px, 1.2vw, 16px);
    place-items: center;
    position: relative;
    transition: opacity .25s ease;
}

.login-shell {
    animation: loginEnter .32s ease both;
}

.login-page.is-leaving,
.login-page.login-exit {
    filter: blur(4px);
    opacity: 0;
    transform: scale(.995);
}

@keyframes loginEnter {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.login-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    height: calc(100vh - (clamp(8px, 1.2vw, 16px) * 2));
    height: calc(100dvh - (clamp(8px, 1.2vw, 16px) * 2));
    width: 100%;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012) 46%, rgba(201, 168, 106, .025)),
        rgba(5, 5, 5, .86);
    border: 1px solid rgba(201, 168, 106, .12);
    border-radius: 24px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        inset 0 -1px 0 rgba(201, 168, 106, .045),
        0 36px 110px rgba(0, 0, 0, .58),
        0 12px 34px rgba(201, 168, 106, .045);
    overflow: hidden;
    position: relative;
}

.login-visual-panel {
    background:
        radial-gradient(circle at 62% 44%, rgba(201, 168, 106, .16), transparent 24%),
        linear-gradient(90deg, rgba(0, 0, 0, .48), rgba(0, 0, 0, .18)),
        linear-gradient(180deg, rgba(0, 0, 0, .14), rgba(0, 0, 0, .78)),
        url("../img/login-bg.jpg"),
        linear-gradient(135deg, #080808, #17120b);
    background-position: center;
    background-size: cover;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.login-visual-overlay {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .026) 0 1px, transparent 1px 34px),
        radial-gradient(circle at 26% 84%, rgba(201, 168, 106, .12), transparent 25%),
        linear-gradient(90deg, transparent, rgba(0, 0, 0, .28));
    inset: 0;
    opacity: .58;
    position: absolute;
}

.login-visual-content {
    display: grid;
    grid-template-rows: auto 1fr auto;
    inset: 0;
    padding: clamp(24px, 3.4vw, 44px);
    position: absolute;
    z-index: 1;
}

.login-mini-brand {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    gap: 12px;
    justify-self: start;
    text-transform: none;
    filter: drop-shadow(0 10px 28px rgba(0, 0, 0, .42));
}

.login-mini-brand > div:last-child {
    display: grid;
    gap: 2px;
}

.login-mini-brand strong {
    color: var(--text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

.login-mini-brand span {
    color: var(--primary);
    font-size: 8.5px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.2;
}

.login-hero-copy {
    align-self: end;
    display: grid;
    gap: 13px;
    margin-bottom: clamp(34px, 6.5vh, 72px);
    max-width: 470px;
}

.login-hero-copy h1 {
    color: #fff;
    font-size: clamp(31px, 3.15vw, 46px);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.1;
    text-shadow: 0 18px 42px rgba(0, 0, 0, .56);
}

.login-hero-copy h1 span {
    color: var(--primary);
}

.login-hero-line {
    background: linear-gradient(90deg, var(--primary), rgba(201, 168, 106, .22));
    border-radius: 999px;
    display: block;
    height: 2px;
    width: 56px;
}

.login-hero-copy p {
    color: rgba(255, 255, 255, .68);
    font-size: clamp(13px, .96vw, 15px);
    line-height: 1.65;
    max-width: 430px;
}

.login-security-note {
    align-items: flex-start;
    backdrop-filter: blur(18px);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .018)),
        rgba(8, 8, 8, .58);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 18px 46px rgba(0, 0, 0, .32);
    display: flex;
    gap: 12px;
    max-width: 430px;
    padding: 14px 15px;
}

.login-security-icon {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 10px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.login-security-icon svg {
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    fill: none;
    width: 18px;
}

.login-security-note strong {
    color: var(--text);
    display: block;
    font-size: 14px;
    line-height: 1.3;
}

.login-security-note em {
    color: var(--text-muted);
    display: block;
    font-size: 12px;
    font-style: normal;
    line-height: 1.45;
    margin-top: 4px;
}

.login-form-panel {
    align-items: center;
    background:
        radial-gradient(circle at 50% 10%, rgba(201, 168, 106, .12), transparent 32%),
        radial-gradient(circle at 100% 82%, rgba(255, 255, 255, .035), transparent 28%),
        linear-gradient(180deg, #0b0b0a, #030303);
    border-left: 1px solid rgba(201, 168, 106, .1);
    display: grid;
    min-height: 0;
    padding: clamp(20px, 3.6vw, 44px);
}

.login-form-wrap {
    display: grid;
    gap: clamp(8px, 1.1vh, 12px);
    justify-self: center;
    max-width: 410px;
    width: min(100%, 410px);
}

.login-brand {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    text-align: left;
}

.login-logo {
    align-items: center;
    background: linear-gradient(135deg, var(--primary), #efd99c);
    border-radius: 13px;
    color: #111;
    display: inline-flex;
    font-size: 17px;
    font-weight: 900;
    height: 52px;
    justify-content: center;
    letter-spacing: .04em;
    box-shadow: 0 12px 32px rgba(201, 168, 106, .18);
    width: 52px;
}

.login-mini-brand .login-logo {
    border-radius: 11px;
    font-size: 13px;
    height: 42px;
    width: 42px;
}

.login-logo-small-wrap {
    align-items: center;
    display: flex;
    flex: 0 0 64px !important;
    height: 64px !important;
    justify-content: center;
    overflow: hidden;
    width: 64px !important;
}

.login-logo-main-wrap {
    align-items: center;
    display: flex;
    flex: 0 0 74px !important;
    height: 74px !important;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    width: 74px !important;
}

.login-logo-small {
    display: block;
    height: auto !important;
    max-height: 64px !important;
    max-width: 64px !important;
    object-fit: contain;
    width: 64px !important;
}

.login-logo-main {
    display: block;
    height: auto !important;
    margin: 0 auto;
    max-height: 74px !important;
    max-width: 74px !important;
    object-fit: contain;
    width: 74px !important;
}

.login-brand strong {
    color: var(--text);
    display: block;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.05;
}

.login-brand span {
    color: var(--primary);
    display: block;
    font-size: 11.5px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.2;
    margin-top: 4px;
}

.login-card {
    background:
        radial-gradient(circle at 50% 0%, rgba(201, 168, 106, .09), transparent 34%),
        linear-gradient(150deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .024) 42%, rgba(201, 168, 106, .028)),
        rgba(15, 15, 14, .88);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 22px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        inset 0 -1px 0 rgba(201, 168, 106, .06),
        0 28px 76px rgba(0, 0, 0, .46),
        0 10px 28px rgba(201, 168, 106, .045);
    display: grid;
    gap: clamp(14px, 1.65vh, 19px);
    padding: clamp(20px, 2.5vh, 26px);
    position: relative;
}

.login-card::before {
    background: linear-gradient(90deg, transparent, rgba(201, 168, 106, .28), rgba(255, 255, 255, .09), transparent);
    content: "";
    height: 1px;
    left: 22px;
    opacity: .72;
    position: absolute;
    right: 22px;
    top: 0;
}

.login-card-header {
    display: grid;
    gap: 3px;
    text-align: center;
}

.login-card-header h1 {
    color: var(--text);
    font-size: clamp(27px, 3.8vh, 31px);
    font-weight: 900;
    line-height: 1.2;
}

.login-card-header p,
.login-card-header small {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.45;
    margin-inline: auto;
    max-width: 320px;
}

.login-card-header small {
    color: var(--text-soft);
    display: block;
    font-size: 12px;
}

.demo-badge,
.demo-pill {
    align-items: center;
    background: rgba(8, 8, 8, .58);
    border: 1px solid rgba(201, 168, 106, .35);
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    height: auto;
    justify-self: center;
    letter-spacing: .16em;
    line-height: 1;
    max-width: max-content;
    min-width: auto;
    padding: 6px 14px;
    white-space: nowrap;
    width: auto;
}

.login-demo-badge {
    align-items: center;
    bottom: auto;
    display: inline-flex;
    grid-column: auto;
    grid-row: auto;
    height: auto;
    justify-content: center;
    left: auto;
    max-width: max-content;
    min-width: auto;
    position: fixed !important;
    right: clamp(14px, 2.2vw, 24px);
    top: clamp(14px, 2.2vw, 24px);
    width: auto;
    z-index: 3;
}

.login-demo-notice {
    background: rgba(201, 168, 106, .08);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 14px;
    color: var(--text-muted);
    font-size: 12.5px;
    line-height: 1.45;
    margin: 0;
    padding: 10px 12px;
    text-align: center;
}

.login-form {
    display: grid;
    gap: clamp(12px, 1.6vh, 15px);
}

.login-form .form-control:focus {
    border-color: var(--primary);
    box-shadow:
        0 0 0 3px rgba(201, 168, 106, .12),
        inset 0 1px 0 rgba(255, 255, 255, .055);
}

.login-input-field {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%;
}

.login-field-icon {
    align-items: center;
    color: rgba(201, 168, 106, .7);
    display: inline-flex;
    height: 20px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    left: 15px;
    z-index: 1;
    width: 20px;
}

.login-field-icon svg {
    fill: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 18px;
}

.login-input-field .form-control {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .026)),
        rgba(255, 255, 255, .032);
    border-color: rgba(201, 168, 106, .16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    flex: 1 1 auto;
    min-width: 0;
    min-height: clamp(43px, 5.4vh, 48px);
    padding-left: 46px;
    width: 100%;
}

.login-input-field .form-control:-webkit-autofill,
.login-input-field .form-control:-webkit-autofill:hover,
.login-input-field .form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--text);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .026)),
        rgba(255, 255, 255, .032);
    border-color: rgba(201, 168, 106, .18);
    box-shadow:
        0 0 0 1000px #11110f inset,
        inset 0 1px 0 rgba(255, 255, 255, .05);
    caret-color: var(--text);
    transition: background-color 9999s ease-in-out 0s;
}

.password-field {
    display: flex;
}

.password-field .form-control {
    flex: 1 1 auto;
    min-width: 0;
}

.login-label-row {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.login-label-row a {
    color: var(--primary);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.login-label-row a:hover,
.login-label-row a:focus-visible {
    color: var(--primary-hover);
    outline: none;
}

.login-options {
    align-items: flex-start;
    display: grid;
    gap: 9px;
    justify-content: stretch;
}

.login-remember {
    align-items: center;
    color: rgba(255, 255, 255, .68);
    display: inline-flex;
    font-size: 13px;
    gap: 8px;
}

.login-remember input {
    accent-color: var(--primary);
    height: 15px;
    width: 15px;
}

.login-forgot-link {
    color: var(--primary);
    font-size: 13px;
    font-weight: 700;
    justify-self: start;
    text-decoration: none;
}

.login-forgot-link:hover,
.login-forgot-link:focus-visible {
    color: var(--primary-hover);
    outline: none;
}

.login-back-link {
    color: var(--primary);
    font-size: 13px;
    font-weight: 700;
    justify-self: center;
    text-decoration: none;
}

.login-back-link:hover,
.login-back-link:focus-visible {
    color: var(--primary-hover);
    outline: none;
}

.ui-button.login-submit {
    justify-content: center;
    min-height: clamp(44px, 5.6vh, 50px);
    margin-top: 2px;
    width: 100%;
}

.login-divider {
    align-items: center;
    color: var(--text-muted);
    display: grid;
    font-size: 12px;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    margin: 2px 0 -2px;
}

.login-divider::before,
.login-divider::after {
    background: linear-gradient(90deg, transparent, rgba(201, 168, 106, .18), transparent);
    content: "";
    height: 1px;
}

.login-divider span {
    color: rgba(201, 168, 106, .62);
}

.login-support-note {
    color: var(--text-muted);
    font-size: 12.5px;
    margin: 0;
    text-align: center;
}

.login-support-note a {
    color: var(--primary);
    font-weight: 800;
    text-decoration: none;
}

.login-support-note a:hover,
.login-support-note a:focus-visible {
    color: var(--primary-hover);
    outline: none;
}

.login-pwa-actions {
    background:
        radial-gradient(circle at 50% 22%, rgba(201, 168, 106, .16), transparent 34%),
        rgba(0, 0, 0, .62);
    backdrop-filter: blur(14px);
    border: 0;
    bottom: 0;
    display: grid;
    left: 0;
    margin: 0;
    place-items: center;
    padding: clamp(18px, 3vw, 36px);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 60;
}

.login-pwa-actions[hidden],
.login-install-button[hidden] {
    display: none;
}

body.login-pwa-modal-open {
    overflow: hidden;
}

.login-pwa-modal {
    background:
        linear-gradient(145deg, rgba(32, 31, 28, .98), rgba(12, 12, 11, .98)),
        rgba(16, 16, 15, .98);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 28px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        inset 0 0 34px rgba(201, 168, 106, .045),
        0 30px 80px rgba(0, 0, 0, .48);
    color: var(--text);
    max-width: 580px;
    padding: clamp(22px, 3vw, 34px);
    position: relative;
    text-align: left;
    width: min(100%, 580px);
}

.login-pwa-modal::before {
    background: linear-gradient(90deg, transparent, rgba(201, 168, 106, .44), transparent);
    content: "";
    height: 1px;
    left: 34px;
    position: absolute;
    right: 34px;
    top: 0;
}

.login-pwa-modal-header {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: auto 1fr;
    padding-right: 28px;
}

.login-install-message-icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(215, 182, 118, .24), rgba(201, 168, 106, .08));
    border: 1px solid rgba(201, 168, 106, .30);
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 34px;
    font-size: 10px;
    font-weight: 900;
    height: 30px;
    justify-content: center;
    letter-spacing: .04em;
    width: 34px;
}

.login-pwa-modal .login-install-message-icon {
    border-radius: 18px;
    flex-basis: 50px;
    font-size: 13px;
    height: 50px;
    margin-top: 2px;
    width: 50px;
}

.login-pwa-modal .login-install-message-icon img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.login-pwa-modal-kicker {
    color: rgba(215, 182, 118, .86);
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .055em;
    margin: 0 0 7px;
    text-transform: uppercase;
}

.login-pwa-modal h2 {
    color: var(--text);
    font-size: clamp(18px, 1.45vw, 21px);
    font-weight: 500;
    line-height: 1.32;
    margin: 0;
}

.login-pwa-modal-copy {
    color: rgba(255, 255, 255, .66);
    font-size: clamp(14px, 1.45vw, 15.5px);
    font-weight: 350;
    line-height: 1.65;
    margin: 18px 0 0;
    max-width: 46rem;
}

.login-pwa-modal-steps {
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .075), rgba(255, 255, 255, .026)),
        rgba(255, 255, 255, .025);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 18px;
    margin-top: 18px;
    padding: 16px 18px;
}

.login-pwa-modal-steps p {
    color: rgba(255, 255, 255, .74);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    margin: 0 0 10px;
}

.login-pwa-modal-steps ol {
    color: rgba(255, 255, 255, .62);
    display: grid;
    font-size: 14px;
    font-weight: 350;
    gap: 7px;
    line-height: 1.55;
    margin: 0;
    padding-left: 20px;
}

.login-pwa-modal-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.login-install-button {
    background:
        linear-gradient(145deg, rgba(215, 182, 118, .98), rgba(201, 168, 106, .92));
    border: 1px solid rgba(244, 215, 157, .38);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .24),
        0 10px 22px rgba(201, 168, 106, .16);
    color: #111;
    cursor: pointer;
    font-size: 13px;
    font-weight: 900;
    min-height: 42px;
    padding: 0 18px;
    transition: var(--transition);
    width: auto;
}

.login-install-button:hover,
.login-install-button:focus-visible {
    background:
        linear-gradient(145deg, rgba(226, 195, 133, 1), rgba(215, 182, 118, .96));
    border-color: rgba(244, 215, 157, .55);
    color: #111;
    outline: none;
}

.login-pwa-understood,
.login-pwa-muted-action {
    align-items: center;
    border-radius: 12px;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    transition: var(--transition);
}

.login-pwa-understood {
    background: rgba(255, 255, 255, .075);
    border: 1px solid rgba(255, 255, 255, .11);
    color: rgba(255, 255, 255, .86);
}

.login-pwa-muted-action {
    background: transparent;
    border: 1px solid rgba(201, 168, 106, .18);
    color: rgba(201, 168, 106, .78);
}

.login-pwa-understood:hover,
.login-pwa-understood:focus-visible,
.login-pwa-muted-action:hover,
.login-pwa-muted-action:focus-visible {
    background: rgba(201, 168, 106, .12);
    border-color: rgba(201, 168, 106, .32);
    color: var(--primary);
    outline: none;
}

.login-install-dismiss {
    align-items: center;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 999px;
    color: rgba(255, 255, 255, .62);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 30px;
    font-size: 20px;
    font-weight: 400;
    height: 30px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    transition: var(--transition);
    width: 30px;
}

.login-install-dismiss:hover,
.login-install-dismiss:focus-visible {
    background: rgba(201, 168, 106, .12);
    color: var(--primary);
    outline: none;
}

.ui-button.login-submit[disabled] {
    cursor: wait;
    opacity: .82;
}

.login-spinner {
    border: 2px solid rgba(17, 17, 17, .35);
    border-radius: 999px;
    border-top-color: #111;
    display: none;
    height: 14px;
    width: 14px;
}

.login-submit.is-loading .login-spinner {
    animation: loginSpin .7s linear infinite;
    display: inline-flex;
}

@keyframes loginSpin {
    to {
        transform: rotate(360deg);
    }
}

.login-alert {
    background: rgba(201, 168, 106, .1);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: var(--radius);
    color: var(--primary);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    padding: 12px 14px;
}

.app-footer.auth-footer {
    border-top: 1px solid rgba(201, 168, 106, .12);
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 2px;
    font-size: 11px;
    padding: 8px 0 0;
    opacity: .82;
    text-align: left;
}

.app-footer.auth-footer::before {
    display: none;
}

.app-footer.auth-footer strong {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    font-size: 11.5px;
    white-space: nowrap;
}

.app-footer.auth-footer strong::before {
    background: var(--primary);
    content: "";
    height: 14px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='5' y='10' width='14' height='10' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='5' y='10' width='14' height='10' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 14px;
}

@media (max-width: 899px), (max-width: 1199px) and (orientation: portrait) {
    .login-page {
        padding: 0;
    }

    .login-shell {
        border: 0;
        border-radius: 0;
        grid-template-columns: 1fr;
        height: 100vh;
        height: 100dvh;
    }

    .login-visual-panel {
        display: none;
    }

    .login-form-panel {
        border-left: 0;
        padding: clamp(18px, 4vh, 30px) 18px;
    }

    .login-form-wrap {
        gap: clamp(10px, 1.8vh, 16px);
    }
}

@media (min-width: 900px) and (max-width: 1199px) and (orientation: landscape) {
    .login-page {
        padding: clamp(8px, 1.2vw, 14px);
    }

    .login-shell {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .login-hero-copy h1 {
        font-size: clamp(29px, 3.2vw, 39px);
    }

    .login-visual-content,
    .login-form-panel {
        padding: clamp(20px, 2.8vw, 30px);
    }

    .login-hero-copy {
        gap: 11px;
        margin-bottom: clamp(24px, 5vh, 46px);
    }

    .login-security-note {
        padding: 12px;
    }

    .login-form-wrap {
        gap: clamp(9px, 1.45vh, 13px);
        max-width: 390px;
    }

    .login-card {
        gap: 15px;
        padding: clamp(20px, 2.7vh, 26px);
    }

    .login-card-header h1 {
        font-size: 27px;
    }

    .login-input-field .form-control,
    .ui-button.login-submit {
        min-height: 43px;
    }
}

@media (max-width: 560px) {
    .login-pwa-actions {
        align-items: end;
        padding: 12px;
    }

    .login-pwa-modal {
        border-radius: 22px;
        max-height: calc(100dvh - 24px);
        overflow: auto;
        padding: 18px;
        width: 100%;
    }

    .login-pwa-modal::before {
        left: 22px;
        right: 22px;
    }

    .login-pwa-modal-header {
        gap: 12px;
        padding-right: 30px;
    }

    .login-pwa-modal .login-install-message-icon {
        flex-basis: 46px;
        font-size: 12px;
        height: 46px;
        width: 46px;
    }

    .login-pwa-modal h2 {
        font-size: 17px;
        line-height: 1.32;
    }

    .login-pwa-modal-copy,
    .login-pwa-modal-steps p,
    .login-pwa-modal-steps ol {
        font-size: 13px;
    }

    .login-pwa-modal-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .login-install-button,
    .login-pwa-understood,
    .login-pwa-muted-action {
        width: 100%;
    }

    .login-brand {
        gap: 10px;
        justify-content: center;
    }

    .login-brand > div:last-child {
        align-self: center;
    }

    .login-logo {
        height: 44px;
        width: 44px;
    }

    .login-logo-main-wrap {
        flex-basis: 60px !important;
        height: 60px !important;
        width: 60px !important;
    }

    .login-logo-main {
        max-height: 60px !important;
        max-width: 60px !important;
        width: 60px !important;
    }

    .login-brand strong {
        font-size: 20px;
    }

    .login-brand span {
        font-size: 10.5px;
    }

    .login-card {
        gap: 12px;
        padding: 20px 18px;
    }

    .login-card-header h1 {
        font-size: 26px;
    }

    .login-card-header p,
    .login-card-header small {
        font-size: 13px;
    }

    .login-form {
        gap: 11px;
    }

    .login-input-field .form-control,
    .ui-button.login-submit {
        min-height: 42px;
    }

    .login-options {
        gap: 7px;
    }

    .login-remember,
    .login-forgot-link,
    .login-support-note {
        font-size: 12.5px;
    }

    .login-divider {
        margin: 0;
    }

    .password-field {
        align-items: stretch;
    }

    .password-field button {
        padding-inline: 10px;
    }

    .login-options {
        align-items: flex-start;
        display: grid;
        justify-content: stretch;
    }

    .app-footer.auth-footer {
        display: grid;
        justify-content: center;
        padding-top: 7px;
        text-align: center;
    }
}

.sidebar-mode-toggle {
    width: 100%;
    min-height: 46px;
    padding: 14px 16px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    font: inherit;
    text-align: left;
    transition: var(--transition);
}

.sidebar-mode-toggle:hover,
.sidebar-mode-toggle:focus-visible {
    outline: none;
    background: #2a2a2a;
    color: var(--primary);
}

.sidebar-mode-toggle.is-active {
    color: var(--success);
}

.sidebar-mode-toggle.is-active:hover,
.sidebar-mode-toggle.is-active:focus-visible {
    background: #2a2a2a;
    color: var(--success);
}

.page-breadcrumb,
.dashboard-location,
.page-kicker {
    color: var(--text-muted);
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.3;
    text-transform: uppercase;
}

.page-breadcrumb a,
.page-breadcrumb span {
    color: inherit;
}

.page-breadcrumb a {
    text-decoration: none;
    transition: var(--transition);
}

.page-breadcrumb a:hover,
.page-breadcrumb a:focus-visible {
    color: var(--text);
    outline: none;
}

.page-breadcrumb-separator {
    color: var(--text-soft);
}

.page-subtitle {
    color: var(--text);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
}

.page-description {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.topbar-task-link {
    color: var(--primary);
    position: relative;
    text-decoration: none;
}

.topbar-task-link:not(.has-pending) {
    border-color: var(--border);
    box-shadow: none;
}

.topbar-brand-logo {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 46px;
    justify-content: center;
    text-decoration: none;
    width: 46px;
    transform: translateZ(0);
}

.topbar-logo-epp {
    display: block;
    aspect-ratio: 1 / 1;
    flex: 0 0 auto;
    height: 42px;
    max-height: 42px;
    max-width: 42px;
    object-fit: contain;
    opacity: 1;
    width: 42px;
}

.topbar-brand-logo:hover,
.topbar-brand-logo:focus-visible {
    outline: none;
}

.topbar-assistant-link {
    color: var(--primary);
    position: relative;
}

.topbar-svg-icon {
    fill: none;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 20px;
}

.topbar-assistant-link[data-topbar-tooltip]::after,
.topbar-task-link[data-topbar-tooltip]::after {
    background: rgba(12, 12, 12, .94);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 9px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
    color: var(--text);
    content: attr(data-topbar-tooltip);
    font-size: 12px;
    font-weight: 700;
    left: 50%;
    line-height: 1;
    opacity: 0;
    padding: 8px 10px;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 10px);
    transform: translateX(-50%) translateY(-2px);
    transition: opacity .16s ease, transform .16s ease;
    white-space: nowrap;
    width: max-content;
    z-index: 140;
}

.topbar-assistant-link[data-topbar-tooltip]:hover::after,
.topbar-assistant-link[data-topbar-tooltip]:focus-visible::after,
.topbar-task-link[data-topbar-tooltip]:hover::after,
.topbar-task-link[data-topbar-tooltip]:focus-visible::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

body.theme-light .topbar-assistant-link[data-topbar-tooltip]::after,
body.theme-light .topbar-task-link[data-topbar-tooltip]::after {
    background: rgba(251, 248, 241, .96);
    border-color: rgba(116, 93, 58, .22);
    box-shadow: 0 12px 28px rgba(86, 68, 41, .16);
}

.topbar-task-link.has-pending {
    animation: eppTaskBellAttention .52s ease-out 1 both;
    border-color: rgba(201, 168, 106, .42);
    box-shadow: none;
    color: var(--primary);
}

.topbar-task-link.has-pending-upcoming {
    border-color: rgba(201, 168, 106, .42);
    box-shadow: none;
    color: var(--primary);
}

.topbar-task-link.has-pending-critical {
    border-color: rgba(201, 168, 106, .42);
    box-shadow: none;
    color: var(--primary);
}

@keyframes eppTaskBellAttention {
    0%,
    100% {
        transform: scale(1);
    }

    48% {
        transform: scale(1.05);
    }
}

@media (prefers-reduced-motion: reduce) {
    .topbar-task-link.has-pending {
        animation: none;
    }
}

.topbar-search-form {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    max-width: 470px;
    min-height: 42px;
    min-width: 0;
    position: relative;
    transition: none;
    width: min(470px, 100%);
}

.topbar-search-form .search-box {
    box-sizing: border-box;
    flex: 1 1 auto;
    height: 42px;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.topbar-right {
    flex-shrink: 0;
    transition: none;
    width: max-content;
}

.topbar-right .icon-btn,
.topbar-right .topbar-task-link,
.topbar-right .user-avatar {
    flex: 0 0 auto;
}

.topbar-search-button {
    align-items: center;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    font-size: 15px;
    height: 42px;
    justify-content: center;
    transition: var(--transition);
    width: 42px;
}

.topbar-search-button:hover,
.topbar-search-button:focus-visible {
    border-color: var(--primary);
    color: var(--primary);
    outline: none;
}

.topbar-search-suggestions {
    background:
        radial-gradient(circle at 12% 0%, rgba(201, 168, 106, .08), transparent 34%),
        var(--card);
    border: 1px solid rgba(201, 168, 106, .22);
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
    display: grid;
    gap: 6px;
    left: 0;
    max-height: min(420px, 70vh);
    overflow: auto;
    padding: 8px;
    position: absolute;
    right: 50px;
    top: calc(100% + 8px);
    z-index: 80;
}

.topbar-search-suggestions[hidden] {
    display: none !important;
}

.topbar-search-suggestion,
.topbar-search-all,
.topbar-search-empty {
    border-radius: 10px;
    display: grid;
    gap: 3px;
    padding: 10px;
    text-decoration: none;
}

.topbar-search-suggestion {
    border: 1px solid transparent;
    color: var(--text);
    transition: var(--transition);
}

.topbar-search-suggestion:hover,
.topbar-search-suggestion:focus-visible {
    background: rgba(255, 255, 255, .04);
    border-color: rgba(201, 168, 106, .22);
    outline: none;
}

.topbar-search-suggestion-type {
    color: var(--primary);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .07em;
    line-height: 1.2;
    text-transform: uppercase;
}

.topbar-search-suggestion strong {
    color: var(--text);
    font-size: 13px;
    line-height: 1.25;
}

.topbar-search-suggestion small,
.topbar-search-empty {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.3;
}

.topbar-search-all {
    background: rgba(201, 168, 106, .10);
    color: var(--primary);
    font-size: 12px;
    font-weight: 800;
    justify-items: center;
    line-height: 1.2;
}

@media (min-width: 561px) and (max-width: 900px) {
    .topbar {
        flex-wrap: nowrap;
    }

    .topbar-left {
        flex: 0 1 auto;
    }

    .topbar-center {
        flex: 1 1 320px;
        min-width: 210px;
        order: initial;
    }

    .topbar-search-form {
        flex: 0 0 auto;
        max-width: 320px;
        width: min(320px, 100%);
    }

    .topbar-search-form .search-box {
        padding-inline: 12px;
    }

    .topbar-search-suggestions {
        right: 0;
    }
}

@media (max-width: 560px) {
    .topbar-center {
        min-width: 0;
    }

    .topbar-search-form {
        flex: 0 0 auto;
        max-width: none;
        width: 100%;
    }
}

.search-page {
    display: grid;
    gap: 20px;
}

.search-page-title {
    color: var(--text);
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: 1.12;
    margin: 0 0 8px;
}

.search-page .page-subtitle strong {
    color: var(--primary);
    font-weight: 800;
}

.search-results-section,
.search-empty-state {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 14px 38px rgba(0, 0, 0, .18);
    padding: 18px;
}

.search-results-section {
    display: grid;
    gap: 16px;
}

.search-results-header {
    align-items: center;
    border-bottom: 1px solid rgba(201, 168, 106, .22);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding-bottom: 12px;
}

.search-results-header h3,
.search-empty-state h3,
.search-empty-state h4 {
    color: var(--text);
    font-size: 16px;
    line-height: 1.3;
}

.search-results-header h3 {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.search-results-header h3 span {
    color: var(--primary);
}

.search-results-header span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
}

.search-results-grid {
    display: grid;
    gap: 12px;
}

.search-result-card {
    align-items: center;
    background: rgba(255, 255, 255, .018);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: var(--radius);
    display: grid;
    gap: 14px;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    padding: 16px;
    transition: var(--transition);
}

.search-result-card:hover {
    border-color: rgba(201, 168, 106, .32);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .20);
}

.search-result-icon {
    align-items: center;
    background: radial-gradient(circle at 35% 25%, rgba(201, 168, 106, .20), rgba(201, 168, 106, .05));
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 14px;
    color: var(--primary);
    display: inline-flex;
    font-size: 18px;
    font-weight: 900;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.search-result-icon .event-view-svg-icon,
.search-results-header .event-view-svg-icon {
    height: 20px;
    width: 20px;
}

.search-result-fields {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.search-result-fields span {
    color: var(--text-muted);
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 4px;
}

.search-result-fields strong {
    color: var(--text);
    display: block;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.search-empty-state-compact {
    background: transparent;
    border: 1px dashed rgba(201, 168, 106, .18);
    box-shadow: none;
    padding: 14px;
}

.search-empty-state {
    display: grid;
    gap: 8px;
}

.search-empty-state p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.5;
}

.tasks-page {
    display: grid;
    gap: 20px;
}

.tasks-page .providers-view-modes .ui-button {
    white-space: nowrap;
}

.tasks-priority-legend {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 10px;
    padding: 14px 16px;
}

.tasks-priority-legend strong {
    color: var(--text);
    font-size: 14px;
    line-height: 1.3;
}

.tasks-priority-legend div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
}

.tasks-priority-legend span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 12px;
    gap: 7px;
    line-height: 1.35;
}

.tasks-list {
    display: grid;
    gap: 12px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.tasks-meetings-section {
    display: grid;
    gap: 12px;
}

.task-meeting-grid {
    display: grid;
    gap: 14px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fill, minmax(300px, 360px));
    justify-content: start;
}

.task-meeting-card {
    background:
        radial-gradient(circle at 14% 0%, rgba(201, 168, 106, .09), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012));
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 14px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .18);
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    max-width: 360px;
    padding: 16px;
    width: 100%;
}

.task-meeting-card-section {
    display: grid;
    gap: 10px 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.task-meeting-field {
    background: rgba(0, 0, 0, .10);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 12px;
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 10px;
}

.task-meeting-field span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 7px;
    line-height: 1.2;
}

.task-meeting-field strong {
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.task-meeting-field-wide strong {
    font-size: 14px;
}

.task-meeting-field-wide {
    grid-column: 1 / -1;
}

.task-meeting-card-divider {
    background: linear-gradient(90deg, rgba(201, 168, 106, .44), rgba(255, 255, 255, .08), transparent);
    border-radius: 999px;
    height: 1px;
}

.task-meeting-icon {
    color: var(--primary);
    flex: 0 0 auto;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 15px;
}

.task-meeting-card .ui-button {
    align-self: end;
    justify-content: center;
    width: 100%;
}

@media (max-width: 767px) {
    .task-meeting-grid {
        grid-template-columns: 1fr;
    }

    .task-agenda-grid,
    .task-meeting-card-section {
        grid-template-columns: 1fr;
    }

    .task-agenda-subrows div {
        grid-template-columns: 1fr;
    }

    .task-meeting-card {
        max-width: none;
        padding: 14px;
    }
}

.task-meeting-title,
.agenda-meeting-title {
    align-items: center;
    display: flex !important;
    gap: 8px;
    min-width: 0;
}

.task-card-compact {
    gap: 10px;
    min-height: 0;
    padding: 14px;
}

.task-card-compact p {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
}

.task-card-compact .ui-button {
    justify-content: center;
    width: 100%;
}

.pending-meetings-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.pending-meetings-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}

.pending-meetings-header {
    margin-bottom: 24px;
}

.pending-meeting-card {
    background:
        radial-gradient(circle at 14% 0%, rgba(201, 168, 106, .08), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012));
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 14px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .18);
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 16px;
}

.pending-meeting-title {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.pending-meeting-title strong {
    color: var(--text);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pending-meeting-fields {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pending-meeting-sections {
    display: grid;
    gap: 16px;
}

.pending-meeting-section {
    background: rgba(0, 0, 0, .08);
    border: 1px solid rgba(255, 255, 255, .055);
    border-radius: 13px;
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 12px;
}

.pending-meeting-section + .pending-meeting-section {
    border-color: rgba(201, 168, 106, .18);
}

.pending-meeting-section-header {
    align-items: center;
    border-bottom: 1px solid rgba(201, 168, 106, .18);
    display: flex;
    gap: 9px;
    padding-bottom: 10px;
}

.pending-meeting-section-header h4 {
    color: var(--primary);
    font-size: 11px;
    font-weight: 850;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
}

.pending-meeting-field {
    align-items: start;
    background: rgba(0, 0, 0, .10);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 12px;
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 10px;
}

.pending-meeting-field-wide {
    grid-column: 1 / -1;
}

.pending-meeting-field span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 7px;
    line-height: 1.2;
}

.pending-meeting-field strong {
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.pending-meeting-field-wide strong {
    font-size: 14px;
}

.pending-meeting-icon-svg {
    color: var(--primary);
    flex: 0 0 auto;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 15px;
}

.pending-meeting-card .ui-button {
    justify-content: center;
    width: 100%;
}

.pending-meetings-page {
    display: grid;
    gap: 22px;
    min-width: 0;
}

.pending-meetings-quick-actions {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    width: 100%;
}

.pending-meetings-context-panel {
    align-items: stretch;
    grid-template-columns: 1fr;
}

.pending-meetings-quick-list {
    margin-top: 14px;
}

.pending-meeting-quick-card dl {
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
}

.pending-meeting-quick-card dl div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .014)),
        rgba(255, 255, 255, .025);
    border: 1px solid rgba(201, 168, 106, .12);
    border-radius: 8px;
    padding: 10px;
}

.pending-meeting-quick-card footer .ui-button {
    min-width: 124px;
}

.pending-meetings-list-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        rgba(18, 18, 20, .92);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 18px 42px rgba(0, 0, 0, .18);
}

.pending-meetings-status-legend {
    border-top-color: rgba(201, 168, 106, .14);
}

.pending-meetings-table {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .034), rgba(255, 255, 255, .010)),
        rgba(15, 15, 17, .92);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: var(--radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.pending-meetings-table .app-table {
    min-width: 780px;
    background: transparent;
}

.pending-meetings-table .app-table thead th {
    background: rgba(18, 18, 20, .82);
    border-bottom-color: rgba(201, 168, 106, .12);
}

.pending-meetings-table .app-table tbody tr {
    background: rgba(16, 16, 18, .68);
}

.pending-meetings-table .app-table tbody tr:nth-child(even) {
    background: rgba(20, 20, 22, .68);
}

.pending-meetings-table .app-table tbody tr:hover {
    background: rgba(28, 28, 30, .80);
}

.pending-meetings-table .app-table th,
.pending-meetings-table .app-table td {
    border-bottom-color: rgba(255, 255, 255, .065);
}

.pending-meetings-table .app-table tbody tr:last-child td {
    border-bottom-color: transparent;
}

[data-pending-meetings-list-view][hidden],
[data-pending-meetings-card-view][hidden] {
    display: none !important;
}

.pending-meetings-card-grid {
    padding: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .034), rgba(255, 255, 255, .010)),
        rgba(15, 15, 17, .82);
    border: 1px solid rgba(201, 168, 106, .20);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 16px 36px rgba(0, 0, 0, .16);
}

.pending-meeting-summary-card {
    background:
        radial-gradient(circle at 14% 0%, rgba(201, 168, 106, .050), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012)),
        rgba(20, 20, 22, .94);
    border: 1px solid rgba(201, 168, 106, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .040),
        0 14px 30px rgba(0, 0, 0, .18);
}

.pending-meeting-summary-card:hover,
.pending-meeting-summary-card:focus-within {
    border-color: rgba(201, 168, 106, .34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        0 18px 38px rgba(0, 0, 0, .22);
}

.pending-meeting-summary-details div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .010)),
        rgba(24, 24, 27, .72);
    border-color: rgba(201, 168, 106, .13);
}

.pending-meeting-summary-details div:nth-child(5) {
    grid-column: 1 / -1;
}

.pending-meeting-summary-card .event-meeting-status-badge {
    flex: 0 0 auto;
}

.pending-meetings-page .event-meeting-status-programada,
.pending-meetings-page .event-meeting-status-confirmada,
.pending-meetings-page .event-meeting-status-pospuesta,
.pending-meetings-page .event-meeting-status-reprogramada {
    background: rgba(201, 168, 106, .10);
    border-color: rgba(201, 168, 106, .36);
    color: #d8b56d;
}

.pending-meetings-page .event-meeting-status-realizada {
    background: rgba(63, 191, 95, .10);
    border-color: rgba(63, 191, 95, .30);
    color: #70d98a;
}

.pending-meetings-page .event-meeting-status-cancelada {
    background: rgba(217, 83, 79, .10);
    border-color: rgba(217, 83, 79, .30);
    color: #f08a87;
}

.task-card,
.tasks-empty-state {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px;
}

.task-card {
    display: grid;
    gap: 14px;
    grid-template-rows: auto 1fr auto;
    min-height: 470px;
}

.task-card-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.task-card-header h3 {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.task-card-header .task-meeting-icon {
    height: 17px;
    width: 17px;
}

.task-priority-dot {
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 9px;
    width: 9px;
}

.task-priority-normal {
    background: var(--success);
}

.task-priority-upcoming {
    background: var(--warning);
}

.task-priority-critical {
    background: var(--danger);
}

.task-date {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.task-section-label {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 7px;
    line-height: 1.3;
    text-transform: uppercase;
}

.task-card-body {
    align-content: start;
    display: grid;
    gap: 11px;
}

.task-agenda-grid {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.task-agenda-field {
    background: rgba(0, 0, 0, .10);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 12px;
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 10px;
}

.task-agenda-field-wide {
    grid-column: 1 / -1;
}

.task-agenda-field > span,
.task-agenda-subrows span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 7px;
    line-height: 1.2;
}

.task-agenda-field > strong,
.task-agenda-subrows strong {
    color: var(--text);
    font-size: 13px;
    font-weight: 850;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.task-agenda-field > strong {
    font-size: 14px;
}

.task-agenda-next > span {
    color: var(--primary);
    text-transform: uppercase;
}

.task-agenda-subrows {
    display: grid;
    gap: 8px;
}

.task-agenda-subrows div {
    align-items: start;
    display: grid;
    gap: 4px;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1fr);
}

.task-info-row {
    align-items: start;
    display: grid;
    gap: 4px;
}

.task-info-row span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 7px;
    line-height: 1.25;
}

.task-info-row strong,
.task-meeting-summary {
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
}

.task-agenda-block,
.task-next-meeting {
    display: grid;
    gap: 8px;
}

.task-agenda-main {
    min-height: 76px;
}

.task-next-meeting {
    min-height: 112px;
}

.task-metric-row,
.task-balance-row {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.task-metric-row span,
.task-balance-row span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    line-height: 1.25;
    min-width: 0;
}

.task-metric-row strong {
    color: var(--primary);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
    text-align: right;
}

.task-balance-row strong {
    color: var(--warning);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
    text-align: right;
}

.task-card-divider {
    background:
        linear-gradient(90deg, rgba(201, 168, 106, .55), rgba(201, 168, 106, .10), transparent);
    border-radius: 999px;
    height: 2px;
    margin: 5px 0;
    width: 100%;
}

.task-meeting-summary {
    color: var(--primary);
}

.task-card h3,
.tasks-empty-state h3 {
    color: var(--text);
    font-size: 15px;
    line-height: 1.3;
}

.task-card > .ui-button {
    justify-content: center;
    width: 100%;
}

.tasks-empty-state p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.5;
}

.task-pending-list {
    display: grid;
    gap: 6px;
    list-style: none;
}

.task-pending-list li {
    align-items: center;
    color: var(--text-muted);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    line-height: 1.35;
}

.task-pending-list li span {
    font-size: 13px;
}

.task-pending-list strong {
    color: var(--warning);
    font-size: 13px;
    line-height: 1.25;
    white-space: nowrap;
}

.topbar-left .topbar-brand {
    display: grid;
    gap: 2px;
    line-height: 1;
}

.topbar-left .topbar-brand.topbar-brand-logo {
    display: inline-flex;
}

.topbar-brand-name {
    color: var(--text);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.05;
}

.topbar-brand-version {
    color: var(--primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.1;
}

.sidebar-header,
.sidebar-brand-compact {
    align-items: center;
    display: flex;
    gap: 0;
    justify-content: center;
    overflow: visible;
    position: relative;
    text-align: center;
}

.sidebar-brand,
.sidebar-brand-identity {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-width: 0;
    text-align: center;
    width: 100%;
}

.sidebar-brand-compact .brand-logo {
    border-radius: 15px;
    font-size: 19px;
    height: 72px;
    width: 72px;
}

.brand-logo-epp {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    height: 72px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    transition: opacity .18s ease, transform .18s ease;
    width: 72px;
}

.brand-logo-epp .logo-epp-sm {
    height: auto !important;
    max-height: 72px !important;
    max-width: 72px !important;
    width: 72px !important;
}

.sidebar-brand-text {
    align-items: center;
    display: grid;
    flex: 0 0 auto;
    gap: 3px;
    justify-items: center;
    min-width: 0;
    text-align: center;
    width: 100%;
}

.sidebar-brand-text .brand-title {
    color: var(--text);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.05;
}

.sidebar-brand-text .brand-subtitle {
    color: var(--primary);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.sidebar-brand-compact .sidebar-close {
    margin-left: 0;
    position: absolute;
    right: 16px;
}

.sidebar-logo-toggle,
.sidebar-edge-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 14px;
    color: var(--primary);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 72px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: relative;
    transition: background .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
    width: 72px;
    z-index: 2;
}

.sidebar-edge-toggle:hover,
.sidebar-edge-toggle:focus-visible {
    background: rgba(201, 168, 106, .07);
    box-shadow: inset 0 0 0 1px rgba(201, 168, 106, .18);
    color: var(--primary);
    outline: none;
}

.sidebar-brand-toggle-icon {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--primary);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(.92);
    transition: opacity .18s ease, transform .18s ease;
    width: 34px;
}

.sidebar-brand-toggle-logo {
    display: flex;
    opacity: 1;
    transform: scale(1);
    transition: opacity .18s ease, transform .18s ease;
}

body:not(.sidebar-rail-compact) .sidebar-brand-toggle-icon-close,
body.sidebar-menu-fixed .sidebar-brand-toggle-icon-close {
    display: none;
    height: 34px;
    opacity: 0;
    position: absolute;
    transform: translate(-50%, -50%) scale(.94);
    width: 34px;
}

body:not(.sidebar-rail-compact) .sidebar-brand-toggle-icon-close .sidebar-edge-icon,
body.sidebar-menu-fixed .sidebar-brand-toggle-icon-close .sidebar-edge-icon {
    height: 20px;
    width: 20px;
}

.sidebar-edge-icon {
    display: block;
    height: 18px;
    stroke: currentColor;
    width: 18px;
}

.sidebar-brand-toggle-icon-open {
    display: none;
}

body.sidebar-rail-compact .sidebar-brand-identity {
    display: flex;
}

body.sidebar-rail-compact .sidebar-brand-toggle {
    background: transparent;
    border-color: transparent;
    height: 56px;
    position: relative;
    width: 56px;
}

body.sidebar-rail-compact .sidebar-brand-toggle-logo {
    display: flex;
    opacity: 1;
    transform: scale(1);
}

body.sidebar-rail-compact .sidebar-brand-toggle-icon-close {
    display: none;
}

body.sidebar-rail-compact .sidebar-brand-toggle-icon-open {
    display: inline-flex;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.92);
}

body:not(.sidebar-rail-compact) .sidebar-brand-toggle:hover .sidebar-brand-toggle-logo,
body:not(.sidebar-rail-compact) .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-logo,
body.sidebar-menu-fixed .sidebar-brand-toggle:hover .sidebar-brand-toggle-logo,
body.sidebar-menu-fixed .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-logo {
    opacity: 0;
    transform: scale(.94);
}

body:not(.sidebar-rail-compact) .sidebar-brand-toggle:hover .sidebar-brand-toggle-icon-close,
body:not(.sidebar-rail-compact) .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-icon-close,
body.sidebar-menu-fixed .sidebar-brand-toggle:hover .sidebar-brand-toggle-icon-close,
body.sidebar-menu-fixed .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-icon-close {
    display: inline-flex;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

@media (min-width: 1200px) {
    body:not(.sidebar-rail-compact) .sidebar-brand-toggle::after,
    body.sidebar-menu-fixed .sidebar-brand-toggle::after {
        background: rgba(18, 18, 18, .96);
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 8px;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
        color: #fff;
        content: attr(data-sidebar-tooltip);
        font-size: 12px;
        font-weight: 650;
        min-width: max-content;
        left: calc(100% + 14px);
        line-height: 1;
        opacity: 0;
        padding: 8px 10px;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateX(-3px);
        transition: opacity .18s ease, transform .18s ease;
        white-space: nowrap;
        width: max-content;
        z-index: 1000;
    }

    body:not(.sidebar-rail-compact) .sidebar-brand-toggle:hover::after,
    body:not(.sidebar-rail-compact) .sidebar-brand-toggle:focus-visible::after,
    body.sidebar-menu-fixed .sidebar-brand-toggle:hover::after,
    body.sidebar-menu-fixed .sidebar-brand-toggle:focus-visible::after {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
    }

    body.theme-light:not(.sidebar-rail-compact) .sidebar-brand-toggle::after,
    body.theme-light.sidebar-menu-fixed .sidebar-brand-toggle::after {
        background: rgba(255, 255, 255, .98);
        border-color: rgba(77, 64, 43, .14);
        box-shadow: 0 12px 30px rgba(40, 32, 20, .12);
        color: #29241d;
    }
}

body.sidebar-logo-toggle-reset .sidebar-brand-toggle::after {
    opacity: 0 !important;
    transform: translateY(-50%) translateX(-3px) !important;
}

body.sidebar-logo-toggle-reset:not(.sidebar-rail-compact) .sidebar-brand-toggle .sidebar-brand-toggle-logo,
body.sidebar-logo-toggle-reset:not(.sidebar-rail-compact) .sidebar-brand-toggle:hover .sidebar-brand-toggle-logo,
body.sidebar-logo-toggle-reset:not(.sidebar-rail-compact) .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-logo,
body.sidebar-logo-toggle-reset.sidebar-menu-fixed .sidebar-brand-toggle .sidebar-brand-toggle-logo,
body.sidebar-logo-toggle-reset.sidebar-menu-fixed .sidebar-brand-toggle:hover .sidebar-brand-toggle-logo,
body.sidebar-logo-toggle-reset.sidebar-menu-fixed .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-logo {
    opacity: 1;
    transform: scale(1);
}

body.sidebar-logo-toggle-reset:not(.sidebar-rail-compact) .sidebar-brand-toggle .sidebar-brand-toggle-icon-close,
body.sidebar-logo-toggle-reset:not(.sidebar-rail-compact) .sidebar-brand-toggle:hover .sidebar-brand-toggle-icon-close,
body.sidebar-logo-toggle-reset:not(.sidebar-rail-compact) .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-icon-close,
body.sidebar-logo-toggle-reset.sidebar-menu-fixed .sidebar-brand-toggle .sidebar-brand-toggle-icon-close,
body.sidebar-logo-toggle-reset.sidebar-menu-fixed .sidebar-brand-toggle:hover .sidebar-brand-toggle-icon-close,
body.sidebar-logo-toggle-reset.sidebar-menu-fixed .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-icon-close {
    display: none;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.94);
}

body.sidebar-rail-compact .sidebar-brand-toggle:hover .sidebar-brand-toggle-logo,
body.sidebar-rail-compact .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-logo {
    opacity: 0;
    transform: scale(.94);
}

body.sidebar-rail-compact .sidebar-brand-toggle:hover .sidebar-brand-toggle-icon-open,
body.sidebar-rail-compact .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-icon-open {
    display: inline-flex;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

body.sidebar-logo-toggle-reset.sidebar-rail-compact .sidebar-brand-toggle .sidebar-brand-toggle-logo,
body.sidebar-logo-toggle-reset.sidebar-rail-compact .sidebar-brand-toggle:hover .sidebar-brand-toggle-logo,
body.sidebar-logo-toggle-reset.sidebar-rail-compact .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-logo {
    opacity: 1;
    transform: scale(1);
}

body.sidebar-logo-toggle-reset.sidebar-rail-compact .sidebar-brand-toggle .sidebar-brand-toggle-icon-open,
body.sidebar-logo-toggle-reset.sidebar-rail-compact .sidebar-brand-toggle:hover .sidebar-brand-toggle-icon-open,
body.sidebar-logo-toggle-reset.sidebar-rail-compact .sidebar-brand-toggle:focus-visible .sidebar-brand-toggle-icon-open {
    display: inline-flex;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.92);
}

.sidebar-item-icon {
    align-items: center;
    display: inline-flex;
    flex: 0 0 24px;
    color: currentColor;
    justify-content: center;
    line-height: 1;
    min-width: 24px;
}

.sidebar-nav a,
.sidebar-footer a {
    box-sizing: border-box;
    min-width: 0;
}

.sidebar-svg-icon {
    display: block;
    height: 20px;
    overflow: visible;
    stroke: currentColor;
    width: 20px;
}

.sidebar-item-text,
.menu-title,
.sidebar-footer,
.sidebar-brand-text,
.sidebar-section-title,
.sidebar-switch-copy,
.sidebar-user-card span:last-child {
    opacity: 1;
    transition: opacity .22s ease, transform .26s ease, width .26s ease;
}

.sidebar-item-text {
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
    text-overflow: unset;
    white-space: nowrap;
}

.sidebar {
    overflow-x: hidden;
    overflow-y: auto;
}

.sidebar-section {
    border-top: 1px solid rgba(255, 255, 255, .055);
    display: grid;
    gap: 8px;
    padding-top: 18px;
}

.sidebar-section:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.sidebar-section-primary {
    gap: 3px;
}

.sidebar-section-primary + .sidebar-section {
    padding-top: 9px;
}

.sidebar-section-primary + .sidebar-section-workspaces {
    margin-top: 24px;
}

.sidebar-section-workspaces + .sidebar-section-controls {
    margin-top: 8px;
}

.sidebar-section-title {
    align-items: center;
    color: var(--text-soft);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 8px;
    letter-spacing: .08em;
    line-height: 1.2;
    overflow: hidden;
    padding: 4px 4px 8px;
    text-transform: uppercase;
    white-space: nowrap;
}

.sidebar-section-admin a.active,
.sidebar-section-admin a.active:hover,
body.theme-light .sidebar-section-admin a.active,
body.theme-light .sidebar-section-admin a.active:hover {
    background: transparent;
    color: var(--text);
}

.sidebar-section-admin a.active .sidebar-item-icon,
body.theme-light .sidebar-section-admin a.active .sidebar-item-icon {
    color: var(--primary);
}

.sidebar-section-admin a.active .sidebar-item-text,
body.theme-light .sidebar-section-admin a.active .sidebar-item-text {
    color: var(--text);
}

.sidebar-nav a.is-disabled {
    cursor: default;
    opacity: .58;
    pointer-events: none;
}

.sidebar-nav a.is-disabled .sidebar-item-icon {
    color: var(--text-soft);
}

.sidebar-switch-control,
.sidebar-rail-toggle.sidebar-switch-control,
.sidebar-mode-toggle.sidebar-switch-control {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 10px;
    color: var(--text-muted);
    cursor: pointer;
    column-gap: 8px;
    display: flex;
    min-height: 34px;
    padding: 7px 14px;
    text-align: left;
    transition: var(--transition);
    width: 100%;
}

.sidebar-control-icon {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 20px;
    justify-content: center;
}

.sidebar-control-svg-icon {
    display: block;
    height: 16px;
    stroke: currentColor;
    width: 16px;
}

.sidebar-desktop-only-control {
    display: none !important;
}

@media (min-width: 1200px) {
    .sidebar-desktop-only-control.sidebar-switch-control {
        display: flex !important;
    }
}

@media (max-width: 1199px) {
    .sidebar-desktop-only-control.sidebar-switch-control {
        display: none !important;
    }
}

.sidebar-switch-control:hover,
.sidebar-switch-control:focus-visible,
.sidebar-rail-toggle.sidebar-switch-control:hover,
.sidebar-rail-toggle.sidebar-switch-control:focus-visible,
.sidebar-mode-toggle.sidebar-switch-control:hover,
.sidebar-mode-toggle.sidebar-switch-control:focus-visible {
    background: rgba(255, 255, 255, .045);
    color: var(--text);
    outline: none;
}

.sidebar-switch-copy {
    display: block;
    flex: 1 1 auto;
    gap: 1px;
    min-width: 0;
    overflow: visible;
}

.sidebar-switch-title {
    color: currentColor;
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.2;
    white-space: nowrap;
}

.sidebar-switch {
    align-items: center;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 0 34px;
    height: 16px;
    justify-self: end;
    padding: 2px;
    transition: var(--transition);
    width: 34px;
}

.sidebar-switch-dot {
    background: var(--text-muted);
    border-radius: 999px;
    display: block;
    height: 10px;
    transform: translateX(0);
    transition: var(--transition);
    width: 10px;
}

.sidebar-switch-control.is-active .sidebar-switch {
    background: rgba(40, 167, 69, .18);
    border-color: rgba(40, 167, 69, .32);
}

.sidebar-switch-control.is-active .sidebar-switch-dot {
    background: var(--success);
    transform: translateX(16px);
}

.sidebar-workspace-list {
    display: grid;
    gap: 7px;
    width: 100%;
}

.sidebar-workspace-form {
    margin: 0;
    min-width: 0;
}

.sidebar-workspace-option {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 10px;
    color: var(--text-muted);
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: 22px minmax(0, 1fr) 12px;
    height: 36px;
    justify-content: initial;
    min-height: 36px;
    padding: 7px 10px;
    text-align: left;
    transition: var(--transition);
    width: 100%;
}

.sidebar-workspace-icon {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    justify-content: center;
    min-width: 0;
}

.sidebar-workspace-icon .sidebar-control-svg-icon {
    height: 18px;
    width: 18px;
}

.sidebar-workspace-option:hover,
.sidebar-workspace-option:focus-visible {
    background: rgba(255, 255, 255, .045);
    color: var(--text);
    outline: none;
}

.sidebar-workspace-option:disabled {
    cursor: default;
}

.sidebar-workspace-option:disabled:hover,
.sidebar-workspace-option:disabled:focus-visible {
    background: transparent;
    color: var(--text-muted);
}

.sidebar-workspace-name {
    color: currentColor;
    flex: 1 1 auto;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: nowrap;
}

.sidebar-workspace-indicator {
    border: 1px solid rgba(211, 168, 85, .72);
    border-radius: 999px;
    box-sizing: border-box;
    display: inline-flex;
    height: 12px;
    justify-self: end;
    width: 12px;
}

.sidebar-workspace-option.is-active {
    color: var(--text);
}

.sidebar-workspace-option.is-active .sidebar-workspace-indicator {
    background: var(--workspace-accent);
    border-color: var(--workspace-accent);
    box-shadow: 0 0 0 2px rgba(211, 168, 85, .12);
}

body.theme-light .sidebar-workspace-option:hover,
body.theme-light .sidebar-workspace-option:focus-visible {
    background: rgba(41, 36, 29, .06);
    color: #29241d;
}

body.theme-light .sidebar-workspace-option.is-active {
    color: #29241d;
}

@media (max-width: 1199px) {
    .sidebar {
        padding-bottom: 20px;
        padding-top: 22px;
    }

    .sidebar-nav {
        gap: 4px;
    }

    .sidebar-section {
        gap: 6px;
        padding-top: 14px;
    }

    .sidebar-section-title {
        font-size: 10px;
        padding-bottom: 7px;
    }

    .sidebar-nav a,
    .sidebar-footer a {
        min-height: 40px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .sidebar-section-primary {
        gap: 2px;
    }

    .sidebar-section-primary a {
        min-height: 34px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .sidebar-section-primary + .sidebar-section {
        padding-top: 10px;
    }

    .sidebar-switch-control,
    .sidebar-workspace-option {
        min-height: 32px;
        padding-bottom: 6px;
        padding-top: 6px;
    }

    .sidebar-footer {
        gap: 8px;
        padding-top: 12px;
    }
}

@media (min-width: 1200px) {
    .sidebar {
        padding-top: 20px;
        padding-bottom: 22px;
    }

    .sidebar-brand-compact {
        padding-bottom: 16px;
    }

    .sidebar-nav {
        gap: 3px;
    }

    .sidebar-section {
        gap: 6px;
        padding-top: 10px;
    }

    .sidebar-section-primary {
        gap: 2px;
    }

    .sidebar-section-primary a {
        min-height: 34px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .sidebar-section-primary + .sidebar-section {
        padding-top: 10px;
    }

    .sidebar-section-title {
        padding-bottom: 7px;
    }
}

@media (max-width: 900px) {
    .sidebar {
        padding: 20px 24px 18px;
    }

    .sidebar-brand-compact {
        border-bottom: 1px solid rgba(201, 168, 106, .22);
        margin-top: 0;
        padding-bottom: 16px;
        padding-top: 0;
        width: 100%;
    }

    body.theme-light .sidebar-brand-compact {
        border-bottom-color: rgba(122, 90, 30, .22);
    }

    .sidebar-brand-compact .brand-logo,
    .sidebar-logo-toggle,
    .sidebar-edge-toggle {
        height: 72px;
        width: 72px;
    }

    .brand-logo-epp,
    .brand-logo-epp .logo-epp-sm {
        max-height: 72px !important;
        max-width: 72px !important;
        width: 72px !important;
    }

    .sidebar-brand-text {
        gap: 3px;
        justify-items: center;
        text-align: center;
    }

    .sidebar-brand-identity {
        gap: 8px;
    }

    .sidebar-brand-text .brand-title {
        font-size: 17px;
    }

    .sidebar-brand-text .brand-subtitle {
        font-size: 10px;
    }

    .sidebar-section {
        padding-top: 12px;
    }

    .sidebar-brand-compact + .sidebar-nav {
        padding-top: 16px;
    }

    .sidebar-nav a,
    .sidebar-footer a {
        min-height: 38px;
        padding-bottom: 9px;
        padding-top: 9px;
    }

    .sidebar-section-primary a {
        min-height: 34px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .sidebar-switch-control,
    .sidebar-workspace-option {
        min-height: 32px;
        padding-bottom: 6px;
        padding-top: 6px;
    }

    .sidebar-workspace-list {
        gap: 5px;
    }
}

@media (max-width: 560px) {
    .sidebar {
        padding: 16px 20px 16px;
        width: min(276px, 88vw);
    }

    .sidebar-brand-compact {
        padding-bottom: 14px;
        padding-top: 0;
    }

    .sidebar-brand-compact .brand-logo,
    .sidebar-logo-toggle,
    .sidebar-edge-toggle {
        height: 64px;
        width: 64px;
    }

    .brand-logo-epp,
    .brand-logo-epp .logo-epp-sm {
        max-height: 64px !important;
        max-width: 64px !important;
        width: 64px !important;
    }

    .sidebar-section {
        padding-top: 8px;
    }

    .sidebar-brand-compact + .sidebar-nav {
        padding-top: 14px;
    }

    .sidebar-nav a,
    .sidebar-footer a {
        min-height: 36px;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .sidebar-section-primary a {
        min-height: 32px;
        padding-bottom: 6px;
        padding-top: 6px;
    }

    .sidebar-switch-title,
    .sidebar-workspace-name {
        font-size: 10px;
    }
}

.sidebar-footer {
    border-top: 1px solid rgba(255, 255, 255, .055);
    display: grid;
    gap: 12px;
    padding-top: 12px;
}

.sidebar-footer .sidebar-section {
    border-top: 0;
    padding-top: 0;
}

.sidebar-user-card {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.sidebar-user-icon {
    align-items: center;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    line-height: 1;
    width: 34px;
}

.sidebar-user-icon .sidebar-svg-icon {
    height: 18px;
    width: 18px;
}

.sidebar-user-card span:last-child {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.sidebar-user-card strong {
    color: var(--text);
    font-size: 13px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-user-card small {
    color: var(--primary);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

.sidebar-footer .sidebar-logout {
    color: var(--text-muted);
    font-size: 13px;
    gap: 10px;
    min-height: 40px;
    padding: 10px 12px;
}

.sidebar-footer .sidebar-logout .sidebar-item-icon {
    flex-basis: 18px;
    font-size: 14px;
    min-width: 18px;
}

.settings-page {
    display: grid;
    gap: 20px;
}

.settings-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-detail-header {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.settings-detail-header .page-header {
    margin-bottom: 0;
}

.settings-detail-panel {
    gap: 18px;
}

.settings-panel-header {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.settings-info-grid {
    display: grid;
    gap: 12px 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-info-grid div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.settings-info-field {
    align-items: start;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 14px;
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 12px;
}

.settings-info-field-wide {
    grid-column: 1 / -1;
}

.settings-info-grid span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.settings-info-field span {
    align-items: flex-start;
    display: inline-flex;
    font-weight: 800;
    gap: 7px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.settings-info-grid strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.settings-info-icon-svg {
    color: var(--primary);
    flex: 0 0 auto;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 15px;
}

.official-docs-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.official-doc-link {
    justify-content: center;
    margin-top: 4px;
    pointer-events: none;
    width: 100%;
}

.legal-document-panel {
    max-width: 980px;
}

.legal-document-content,
.epp-legal-document {
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 14px;
    color: var(--text);
    display: grid;
    gap: 18px;
    line-height: 1.65;
    margin-inline: auto;
    margin-top: 18px;
    max-width: 900px;
    padding: 18px;
    width: 100%;
}

.epp-legal-document h2 {
    color: var(--text);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
}

.epp-legal-document h3 {
    color: var(--primary);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.3;
    margin: 0;
}

.epp-legal-document p,
.epp-legal-document ul,
.epp-legal-document ol {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.65;
    margin: 0;
}

.epp-legal-document ul,
.epp-legal-document ol {
    display: grid;
    gap: 8px;
    padding-left: 22px;
}

.epp-legal-document li {
    color: var(--text-muted);
    line-height: 1.6;
    padding-left: 2px;
}

.epp-legal-document strong {
    color: var(--text);
    font-weight: 800;
}

.app-notice-warning {
    border-color: rgba(201, 168, 106, .22);
    color: var(--primary);
}

.settings-card-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.settings-detail-panel .settings-card-actions {
    margin-top: 28px;
}

.settings-preferences {
    display: grid;
    gap: 10px;
}

.settings-preference-toggle {
    align-items: center;
    background: rgba(255, 255, 255, .02);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 10px 12px;
}

.settings-preference-toggle span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.settings-preference-toggle strong {
    color: var(--text);
    font-size: 13px;
    line-height: 1.25;
}

.settings-preference-toggle small {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.35;
}

.settings-preference-toggle input {
    accent-color: var(--primary);
    flex: 0 0 auto;
}

.permissions-page {
    display: grid;
    gap: 20px;
}

.permissions-panel {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 18px;
    padding: 18px;
}

.permissions-panel-header {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.permissions-panel-header h3 {
    color: var(--text);
    font-size: 16px;
    line-height: 1.3;
}

.permissions-panel-header p {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.45;
    margin-top: 5px;
}

.permissions-matrix {
    display: grid;
    gap: 14px;
}

.permissions-global-actions {
    display: flex;
    justify-content: flex-end;
}

.permissions-global-toggle {
    min-height: 38px;
}

.permission-module-card {
    background: rgba(255, 255, 255, .018);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 12px;
    padding: 14px;
}

.permission-module-header {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 0;
    text-align: left;
    width: 100%;
}

.permission-module-header:hover strong,
.permission-module-header:focus-visible strong {
    color: var(--primary-hover);
}

.permission-module-header:focus-visible {
    outline: 2px solid rgba(201, 168, 106, .32);
    outline-offset: 4px;
}

.permission-module-header > span:first-child {
    display: grid;
    gap: 4px;
}

.permission-module-header strong {
    color: var(--primary);
    font-size: 15px;
    line-height: 1.3;
}

.permission-module-header small {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
}

.permission-module-toggle-icon {
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text-muted);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 15px;
    height: 30px;
    justify-content: center;
    line-height: 1;
    width: 30px;
}

.permission-table {
    display: grid;
    gap: 8px;
}

.permission-table[hidden] {
    display: none;
}

.permission-row {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(180px, 1fr) repeat(3, minmax(120px, .55fr));
}

.permission-row-head {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.permission-row:not(.permission-row-head) {
    background: rgba(255, 255, 255, .018);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 10px;
    padding: 10px;
}

.permission-row > span:first-child {
    color: var(--text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.permission-check {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    min-width: 0;
}

.permission-check input {
    accent-color: var(--primary);
    flex: 0 0 auto;
}

.permission-check span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.permissions-actions {
    display: flex;
    justify-content: flex-end;
}

.preferences-page {
    gap: 18px;
}

.preferences-engine-panel {
    gap: 18px;
}

.preferences-engine-form {
    display: grid;
    gap: 14px;
}

.preference-module-card {
    background: rgba(255, 255, 255, .018);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 12px;
    padding: 14px;
}

.preferences-list {
    display: grid;
    gap: 8px;
}

.preferences-list[hidden] {
    display: none;
}

.preference-row {
    align-items: center;
    background: rgba(255, 255, 255, .018);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 10px;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 12px;
}

.preference-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.preference-copy strong {
    color: var(--text);
    font-size: 13px;
    line-height: 1.35;
}

.preference-copy small {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.4;
}

.preference-control {
    align-items: center;
    display: inline-flex;
    gap: 10px;
}

.preference-control input {
    accent-color: var(--primary);
    flex: 0 0 auto;
}

.preference-status {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    min-width: 58px;
    text-align: right;
}

.preference-tag {
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    padding: 6px 8px;
    white-space: nowrap;
}

.preference-tag-active {
    border-color: rgba(201, 168, 106, .35);
    color: var(--primary);
}

.preference-tag-future {
    border-color: rgba(255, 255, 255, .08);
    color: var(--text-soft);
}

.preference-row-disabled {
    opacity: .66;
}

.preference-row-disabled input {
    cursor: not-allowed;
}

@media (min-width: 901px) {
    /* Navigation Rail desktop: barra compacta de iconos con expansion solo por clic. */
    body {
        height: 100vh;
        height: 100dvh;
        overflow: hidden;
    }

    .sidebar {
        height: 100vh;
        height: 100dvh;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        scrollbar-width: thin;
        transition: none;
        z-index: 90;
    }

    body.epp-layout-ready .sidebar {
        transition: flex-basis .28s ease, width .28s ease, min-width .28s ease, padding .28s ease;
    }

    .sidebar.sidebar-expanded {
        overflow: visible;
        padding-left: 18px;
        padding-right: 18px;
        z-index: 300;
    }

    .app {
        height: 100vh;
        height: 100dvh;
        overflow-y: auto;
    }

    .sidebar > * {
        transition: opacity .22s ease, transform .28s ease;
    }

    .sidebar-nav a,
    .sidebar-switch-control,
    .sidebar-workspace-option,
    .sidebar-footer a {
        box-sizing: border-box;
        gap: 8px;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .sidebar.sidebar-expanded .sidebar-nav a.active,
    .sidebar.sidebar-expanded .sidebar-nav a.active:hover {
        background: transparent;
        color: var(--primary);
        font-weight: 700;
        overflow: visible;
        position: relative;
    }

    .sidebar.sidebar-expanded .sidebar-nav a.active::before {
        background: var(--primary);
        border-radius: 999px;
        content: "";
        height: 20px;
        left: -8px;
        position: absolute;
        width: 3px;
    }

    body.sidebar-rail-compact .sidebar {
        flex-basis: 72px;
        max-width: 72px;
        min-width: 72px;
        overflow: visible;
        padding-left: 10px;
        padding-right: 10px;
        width: 72px;
    }

    body.sidebar-rail-compact .menu-title,
    body.sidebar-rail-compact .sidebar-item-text,
    body.sidebar-rail-compact .sidebar-brand-text,
    body.sidebar-rail-compact .sidebar-section-title,
    body.sidebar-rail-compact .sidebar-switch-copy,
    body.sidebar-rail-compact .sidebar-user-card span:last-child {
        opacity: 0;
        pointer-events: none;
        transform: translateX(-8px);
        width: 0;
    }

    body.sidebar-rail-compact .sidebar-switch-copy,
    body.sidebar-rail-compact .sidebar-workspace-name {
        overflow: hidden;
    }

    body.sidebar-rail-compact .sidebar-section-title {
        display: none;
    }

    body.sidebar-rail-compact .sidebar-section-controls,
    body.sidebar-rail-compact .sidebar-section-workspaces {
        display: grid;
        gap: 6px;
        height: auto;
        margin: 0;
        min-height: 0;
        overflow: visible;
        padding-top: 10px;
    }

    body.sidebar-rail-compact .sidebar-workspace-list {
        display: grid;
        gap: 6px;
        justify-items: center;
        width: auto;
    }

    body.sidebar-rail-compact .sidebar-workspace-form {
        width: 42px;
    }

    body.sidebar-rail-compact .sidebar-nav a,
    body.sidebar-rail-compact .sidebar-switch-control,
    body.sidebar-rail-compact .sidebar-workspace-option,
    body.sidebar-rail-compact .sidebar-footer a {
        align-items: center;
        border-radius: 12px;
        justify-content: center;
        min-height: 42px;
        padding-left: 0;
        padding-right: 0;
        width: 42px;
    }

    body.sidebar-rail-compact .sidebar-workspace-option {
        display: inline-flex;
        gap: 0;
        grid-template-columns: none;
    }

    body.sidebar-rail-compact .sidebar-switch,
    body.sidebar-rail-compact .sidebar-workspace-indicator,
    body.sidebar-rail-compact .sidebar-workspace-name {
        display: none;
    }

    body.sidebar-rail-compact .sidebar-control-icon,
    body.sidebar-rail-compact .sidebar-workspace-icon {
        flex-basis: 22px;
        min-width: 22px;
    }

    body.sidebar-rail-compact .sidebar-workspace-option.is-active {
        color: var(--primary);
        position: relative;
    }

    body.sidebar-rail-compact .sidebar-workspace-option.is-active::before {
        background: var(--primary);
        border-radius: 999px;
        content: "";
        height: 20px;
        left: -10px;
        position: absolute;
        width: 3px;
    }

    body.sidebar-rail-compact .sidebar-nav a {
        background: transparent;
        color: var(--text-muted);
        margin-left: auto;
        margin-right: auto;
    }

    body.sidebar-rail-compact .sidebar-nav a:hover {
        background: rgba(255, 255, 255, .045);
        color: var(--text);
    }

    body.sidebar-rail-compact .sidebar-nav a.active,
    body.sidebar-rail-compact .sidebar-nav a.active:hover {
        background: transparent;
        color: var(--primary);
        font-weight: 700;
        position: relative;
    }

    body.sidebar-rail-compact .sidebar-nav a.active::before {
        background: var(--primary);
        border-radius: 999px;
        content: "";
        height: 20px;
        left: -10px;
        position: absolute;
        width: 3px;
    }

    body.sidebar-rail-compact .sidebar-footer .sidebar-item-text {
        opacity: 0;
        pointer-events: none;
        transform: translateX(-8px);
        width: 0;
    }

    body.sidebar-rail-compact .sidebar-close {
        display: none;
    }

    body.sidebar-rail-compact .sidebar-brand-compact .brand-logo {
        border-radius: 12px;
        font-size: 15px;
        height: 46px;
        width: 46px;
    }

    body.sidebar-rail-compact .sidebar-brand-compact {
        gap: 0;
        grid-template-columns: 1fr;
        justify-content: center;
    }

    body.sidebar-rail-compact .sidebar-section,
    body.sidebar-rail-compact .sidebar-footer {
        align-items: center;
        justify-items: center;
        padding-top: 10px;
    }

    body.sidebar-rail-compact .sidebar-item-icon {
        flex-basis: 22px;
        min-width: 22px;
    }

    body.sidebar-rail-compact .sidebar-svg-icon,
    body.sidebar-rail-compact .sidebar-control-svg-icon {
        height: 20px;
        width: 20px;
    }

    body.sidebar-rail-compact .sidebar-nav a,
    body.sidebar-rail-compact .sidebar-footer a,
    body.sidebar-rail-compact .sidebar-user-card {
        position: relative;
    }

    body.sidebar-rail-compact .sidebar-user-card {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        width: 42px;
    }

    body.sidebar-rail-compact .sidebar-user-icon {
        flex-basis: 30px;
        height: 30px;
        width: 30px;
    }

    body.sidebar-rail-compact .sidebar-footer .sidebar-logout {
        color: var(--text-muted);
        margin-left: auto;
        margin-right: auto;
        min-height: 42px;
    }

    body.sidebar-rail-compact .sidebar-footer .sidebar-logout:hover {
        background: rgba(255, 255, 255, .045);
        color: var(--text);
    }

    body.theme-light.sidebar-rail-compact .sidebar-nav a:hover,
    body.theme-light.sidebar-rail-compact .sidebar-footer .sidebar-logout:hover {
        background: rgba(41, 36, 29, .06);
        color: #29241d;
    }

    body.theme-light.sidebar-rail-compact .sidebar-nav a.active,
    body.theme-light.sidebar-rail-compact .sidebar-nav a.active:hover {
        background: transparent;
        color: #7a5a1e;
    }

    body.sidebar-rail-compact [data-sidebar-tooltip]::after {
        background: rgba(18, 18, 18, .96);
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 8px;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
        color: var(--text);
        content: attr(data-sidebar-tooltip);
        font-size: 12px;
        font-weight: 650;
        left: calc(100% + 24px);
        line-height: 1;
        min-width: max-content;
        opacity: 0;
        padding: 8px 10px;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateX(-4px);
        transition: opacity .18s ease, transform .18s ease;
        white-space: nowrap;
        width: max-content;
        z-index: 1000;
    }

    body.sidebar-rail-compact [data-sidebar-tooltip] {
        overflow: visible;
    }

    body.sidebar-rail-compact [data-sidebar-tooltip]:hover::after,
    body.sidebar-rail-compact [data-sidebar-tooltip]:focus-visible::after {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
    }

    body.sidebar-logo-toggle-reset.sidebar-rail-compact .sidebar-brand-toggle[data-sidebar-tooltip]::after,
    body.sidebar-logo-toggle-reset.sidebar-rail-compact .sidebar-brand-toggle[data-sidebar-tooltip]:hover::after,
    body.sidebar-logo-toggle-reset.sidebar-rail-compact .sidebar-brand-toggle[data-sidebar-tooltip]:focus-visible::after {
        opacity: 0 !important;
        transform: translateY(-50%) translateX(-4px) !important;
    }

    body.theme-light.sidebar-rail-compact [data-sidebar-tooltip]::after {
        background: rgba(255, 255, 255, .98);
        border-color: rgba(77, 64, 43, .14);
        box-shadow: 0 12px 30px rgba(40, 32, 20, .12);
        color: #29241d;
    }

}

@media (min-width: 1200px) {
    .sidebar.sidebar-expanded {
        flex-basis: var(--sidebar-width);
        max-width: var(--sidebar-width);
        min-width: var(--sidebar-width);
        padding-left: 18px;
        padding-right: 18px;
        width: var(--sidebar-width);
    }

    .sidebar.sidebar-expanded .menu-title,
    .sidebar.sidebar-expanded .sidebar-item-text,
    .sidebar.sidebar-expanded .sidebar-brand-text,
    .sidebar.sidebar-expanded .sidebar-section-title,
    .sidebar.sidebar-expanded .sidebar-switch-copy,
    .sidebar.sidebar-expanded .sidebar-user-card span:last-child {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(0);
        width: auto;
    }

    .sidebar.sidebar-expanded .sidebar-section-controls,
    .sidebar.sidebar-expanded .sidebar-section-workspaces {
        border-top: 1px solid rgba(255, 255, 255, .055);
        display: grid;
        gap: 7px;
        height: auto;
        overflow: visible;
        padding-top: 16px;
    }

    .sidebar.sidebar-expanded .sidebar-nav a,
    .sidebar.sidebar-expanded .sidebar-footer a {
        border-radius: 12px;
        color: var(--text-muted);
        justify-content: flex-start;
        min-height: 40px;
        overflow: visible;
        padding-left: 2px;
        padding-right: 2px;
        white-space: nowrap;
        width: 100%;
    }

    .sidebar.sidebar-expanded .sidebar-section-primary {
        gap: 2px;
    }

    .sidebar.sidebar-expanded .sidebar-section-primary a {
        min-height: 34px;
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .sidebar.sidebar-expanded .sidebar-switch-control {
        color: var(--text-muted);
        min-height: 34px;
        padding: 7px 10px;
        width: 100%;
    }

    .sidebar.sidebar-expanded .sidebar-workspace-option {
        height: 34px;
        min-height: 34px;
        padding: 6px 10px;
        width: 100%;
    }

    .sidebar.sidebar-expanded .sidebar-switch-control:hover,
    .sidebar.sidebar-expanded .sidebar-switch-control:focus-visible {
        background: rgba(255, 255, 255, .045);
        color: var(--text);
    }

    .sidebar.sidebar-expanded .sidebar-nav a:hover,
    .sidebar.sidebar-expanded .sidebar-footer a:hover {
        background: rgba(255, 255, 255, .045);
        color: var(--text);
    }

    .sidebar.sidebar-expanded .sidebar-section-admin a.active,
    .sidebar.sidebar-expanded .sidebar-section-admin a.active:hover {
        background: transparent;
        color: var(--text);
    }

    .sidebar.sidebar-expanded .sidebar-section-admin a.active::before {
        content: none;
    }

    .sidebar.sidebar-expanded .sidebar-section-admin a.active .sidebar-item-icon {
        color: var(--primary);
    }

    .sidebar.sidebar-expanded .sidebar-section-admin a.active .sidebar-item-text {
        color: var(--text);
    }

.sidebar.sidebar-expanded .sidebar-brand-identity .brand-logo {
    border-radius: 12px;
    font-size: 15px;
    height: 72px;
    width: 72px;
}

.sidebar.sidebar-expanded .sidebar-brand-compact {
    justify-content: center;
}

.sidebar.sidebar-expanded .sidebar-brand {
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.sidebar.sidebar-expanded .sidebar-brand-text {
    justify-items: center;
    text-align: center;
}

.sidebar.sidebar-expanded .sidebar-logo-toggle {
    height: 72px;
    width: 72px;
}

    .sidebar.sidebar-expanded .sidebar-section,
    .sidebar.sidebar-expanded .sidebar-footer {
        align-items: center;
        justify-items: stretch;
        padding-top: 10px;
    }

    .sidebar.sidebar-expanded .sidebar-item-icon {
        flex-basis: 22px;
        min-width: 22px;
    }

    .sidebar.sidebar-expanded .sidebar-svg-icon {
        height: 20px;
        width: 20px;
    }

    .sidebar.sidebar-expanded .sidebar-user-card {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (min-width: 901px) and (max-width: 1199px) {
    .sidebar-rail-toggle {
        display: none;
    }

    .sidebar-edge-toggle {
        display: inline-flex;
    }

    .sidebar {
        padding-top: 20px;
    }

    .sidebar-brand-compact {
        border-bottom: 1px solid rgba(201, 168, 106, .22);
        padding-bottom: 16px;
        width: 100%;
    }

    body.theme-light .sidebar-brand-compact {
        border-bottom-color: rgba(122, 90, 30, .22);
    }

    .sidebar-brand-compact + .sidebar-nav {
        padding-top: 16px;
    }
}

@media (max-width: 900px) {
    .sidebar-rail-toggle {
        display: none;
    }

    .sidebar-edge-toggle {
        display: inline-flex;
    }

    .sidebar-nav a,
    .sidebar-mode-toggle {
        gap: 12px;
    }

    .sidebar {
        max-height: 100vh;
        max-height: 100dvh;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .sidebar-nav a.active,
    .sidebar-nav a.active:hover {
        background: transparent;
        color: var(--primary);
        font-weight: 700;
        overflow: visible;
        position: relative;
    }

    .sidebar-nav a.active::before {
        background: var(--primary);
        border-radius: 999px;
        content: "";
        height: 20px;
        left: -8px;
        position: absolute;
        width: 3px;
    }

    .meeting-panel-header {
        align-items: stretch;
        gap: 10px;
        grid-template-columns: 1fr;
        max-width: 100%;
        overflow: hidden;
        padding: 12px;
    }

    .meeting-panel-title {
        max-width: 100%;
    }

    .meeting-panel-title small {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        word-break: break-word;
    }

    .meeting-state-header {
        align-items: stretch;
        flex-direction: column;
    }

    .meeting-state-header .ui-button {
        justify-content: center;
        width: 100%;
    }

    .meeting-panel-body-compact,
    .agenda-meeting-card,
    .task-meeting-card {
        grid-template-columns: 1fr;
    }

    .agenda-meeting-card .ui-button,
    .task-meeting-card .ui-button {
        justify-content: center;
        width: 100%;
    }

    .agenda-grid {
        grid-template-columns: 1fr;
    }

    .settings-grid {
        grid-template-columns: 1fr;
    }

    .settings-detail-header,
    .settings-panel-header {
        align-items: stretch;
        flex-direction: column;
    }

    .settings-detail-header .ui-button,
    .settings-panel-header .ui-button {
        width: 100%;
    }

    .settings-info-grid {
        grid-template-columns: 1fr;
    }

    .official-docs-grid {
        grid-template-columns: 1fr;
    }

    .settings-card-actions,
    .settings-card-actions .ui-button {
        width: 100%;
    }

    .settings-preference-toggle {
        align-items: flex-start;
    }
}

@media (min-width: 641px) and (max-width: 1100px) {
    .official-docs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pending-meetings-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .pending-meetings-grid {
        grid-template-columns: 1fr;
    }

    .pending-meeting-sections {
        gap: 18px;
    }

    .pending-meeting-section {
        padding: 11px;
    }

    .pending-meeting-fields {
        grid-template-columns: 1fr;
    }
}

.dashboard-greeting {
    color: var(--text-muted);
    display: grid;
    gap: 8px;
    line-height: 1.45;
    margin: 0;
}

.dashboard-greeting strong {
    color: var(--text);
    font-size: 22px;
    line-height: 1.2;
}

.dashboard-greeting span {
    font-size: 15px;
}

.dashboard-management {
    container-type: inline-size;
    display: grid;
    gap: 16px;
    margin-bottom: 30px;
}

.dashboard-management h3 {
    color: var(--text);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
}

.dashboard-management-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    grid-auto-rows: 1fr;
}

.dashboard-action-card {
    background:
        radial-gradient(circle at 18% 18%, rgba(201, 168, 106, .08), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
        var(--card);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: var(--radius);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .18);
    color: var(--text);
    display: grid;
    gap: 8px;
    grid-template-rows: auto auto auto;
    min-height: 108px;
    overflow: hidden;
    padding: 12px 18px;
    position: relative;
    text-decoration: none;
    transition: var(--transition);
}

.dashboard-action-card:hover,
.dashboard-action-card:focus-visible {
    border-color: rgba(201, 168, 106, .34);
    box-shadow: 0 22px 54px rgba(0, 0, 0, .24);
    outline: none;
    transform: translateY(-1px);
}

.dashboard-action-card-header {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
}

.dashboard-action-icon {
    align-items: center;
    background: rgba(201, 168, 106, .08);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 999px;
    box-shadow:
        inset 0 0 26px rgba(201, 168, 106, .06),
        0 0 22px rgba(201, 168, 106, .08);
    color: var(--primary);
    display: inline-flex;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.dashboard-action-icon svg,
.dashboard-action-arrow svg,
.dashboard-summary-icon svg {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard-action-icon svg {
    height: 26px;
    stroke-width: 1.9;
    width: 26px;
}

.dashboard-action-card strong {
    color: var(--text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.dashboard-action-divider {
    background:
        linear-gradient(90deg, rgba(201, 168, 106, .58), rgba(201, 168, 106, .12), transparent);
    border-radius: 999px;
    height: 2px;
    width: 100%;
}

.dashboard-action-description {
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.45;
    max-width: none;
}

.dashboard-action-arrow {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    justify-self: end;
}

.dashboard-action-arrow svg {
    height: 22px;
    stroke-width: 2.3;
    width: 22px;
}

.dashboard-summary-card {
    grid-column: span 2;
    grid-template-rows: auto auto 1fr;
    cursor: default;
    min-height: 108px;
    padding: 12px 18px;
}

.dashboard-summary-card:hover,
.dashboard-summary-card:focus-visible {
    border-color: rgba(255, 255, 255, .09);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .18);
    transform: none;
}

.dashboard-page .dashboard-action-card:not(.dashboard-summary-card):not(.venue-home-card) {
    grid-template-rows: auto auto auto auto;
    min-height: 0;
}

.dashboard-page .dashboard-action-card:not(.dashboard-summary-card):not(.venue-home-card) .dashboard-card-action {
    margin-top: 2px;
}

.dashboard-summary-mini {
    display: grid;
    gap: 8px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-summary-mini div {
    align-items: center;
    background: rgba(0, 0, 0, .10);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 12px;
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
    padding: 8px 10px;
}

.dashboard-summary-mini div:first-child {
    padding-left: 10px;
}

.dashboard-summary-mini div + div {
    border-left: 1px solid rgba(255, 255, 255, .075);
}

.dashboard-summary-icon {
    color: var(--primary);
    display: inline-flex;
}

.dashboard-summary-icon svg {
    height: 16px;
    stroke-width: 2;
    width: 16px;
}

.dashboard-summary-mini span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
}

.dashboard-summary-mini strong {
    color: var(--text);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    justify-self: end;
}

body.workspace-venue-management .dashboard-page .dashboard-action-card {
    background:
        radial-gradient(circle at 26% -18%, rgba(111, 168, 220, .10), transparent 32%),
        radial-gradient(circle at 98% -8%, rgba(201, 168, 106, .055), transparent 28%),
        linear-gradient(155deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .014) 44%, rgba(201, 168, 106, .026)),
        rgba(10, 18, 31, .48);
    background-clip: padding-box;
    border-color: rgba(201, 168, 106, .28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        inset 0 -1px 0 rgba(255, 255, 255, .025),
        0 20px 54px rgba(2, 8, 18, .34);
    isolation: isolate;
}

body.workspace-venue-management .dashboard-page .dashboard-action-card::before {
    background:
        linear-gradient(90deg, transparent, rgba(111, 168, 220, .16), rgba(201, 168, 106, .08), transparent),
        linear-gradient(90deg, rgba(201, 168, 106, .18), rgba(201, 168, 106, .045), transparent);
    content: "";
    height: 1px;
    left: 22px;
    opacity: .46;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 0;
    z-index: 0;
}

body.workspace-venue-management .dashboard-page .dashboard-action-card::after {
    background: radial-gradient(circle, rgba(111, 168, 220, .08), rgba(201, 168, 106, .035) 36%, transparent 66%);
    content: "";
    height: 112px;
    opacity: .38;
    pointer-events: none;
    position: absolute;
    right: -72px;
    top: -86px;
    width: 112px;
    z-index: 0;
}

body.workspace-venue-management .dashboard-page .dashboard-action-card > * {
    position: relative;
    z-index: 1;
}

body.workspace-venue-management .dashboard-page .dashboard-action-card:hover,
body.workspace-venue-management .dashboard-page .dashboard-action-card:focus-visible {
    border-color: rgba(201, 168, 106, .42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .15),
        inset 0 -1px 0 rgba(255, 255, 255, .03),
        0 26px 66px rgba(2, 8, 18, .42);
    transform: translateY(-1px);
}

body.workspace-venue-management .dashboard-page .dashboard-action-card .dashboard-action-icon {
    background: rgba(201, 168, 106, .095);
    border-color: rgba(201, 168, 106, .26);
    box-shadow:
        inset 0 0 24px rgba(201, 168, 106, .055),
        0 10px 26px rgba(2, 8, 18, .16);
}

body.workspace-venue-management .dashboard-page .dashboard-action-divider {
    background:
        linear-gradient(90deg, rgba(201, 168, 106, .62), rgba(201, 168, 106, .18), rgba(111, 168, 220, .08), transparent);
}

body.workspace-venue-management .dashboard-page .dashboard-summary-card:hover,
body.workspace-venue-management .dashboard-page .dashboard-summary-card:focus-visible {
    border-color: rgba(201, 168, 106, .28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        inset 0 -1px 0 rgba(255, 255, 255, .025),
        0 20px 54px rgba(2, 8, 18, .34);
    transform: none;
}

body.workspace-venue-management .dashboard-page .dashboard-summary-mini div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018)),
        rgba(8, 15, 27, .38);
    border-color: rgba(201, 168, 106, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 8px 18px rgba(2, 8, 18, .14);
}

body.workspace-venue-management .dashboard-page .dashboard-summary-mini div + div {
    border-left-color: rgba(201, 168, 106, .18);
}

@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
    body.workspace-venue-management .dashboard-page .dashboard-action-card {
        -webkit-backdrop-filter: blur(18px) saturate(132%);
        backdrop-filter: blur(18px) saturate(132%);
    }

    body.workspace-venue-management .dashboard-page .dashboard-summary-mini div {
        -webkit-backdrop-filter: blur(12px) saturate(120%);
        backdrop-filter: blur(12px) saturate(120%);
    }
}

body.theme-light.workspace-venue-management .dashboard-page .dashboard-action-card {
    background:
        radial-gradient(circle at 26% -18%, rgba(49, 95, 134, .09), transparent 32%),
        radial-gradient(circle at 98% -8%, rgba(181, 139, 67, .075), transparent 28%),
        var(--venue-glass-bg);
    border-color: var(--venue-glass-border-strong);
    box-shadow: var(--venue-glass-shadow-strong);
}

body.theme-light.workspace-venue-management .dashboard-page .dashboard-action-card::before {
    background:
        linear-gradient(90deg, transparent, rgba(49, 95, 134, .14), rgba(181, 139, 67, .12), transparent),
        var(--venue-glass-highlight);
}

body.theme-light.workspace-venue-management .dashboard-page .dashboard-action-card::after {
    background: radial-gradient(circle, rgba(49, 95, 134, .08), rgba(181, 139, 67, .05) 36%, transparent 66%);
}

body.theme-light.workspace-venue-management .dashboard-page .dashboard-action-card:hover,
body.theme-light.workspace-venue-management .dashboard-page .dashboard-action-card:focus-visible,
body.theme-light.workspace-venue-management .dashboard-page .dashboard-summary-card:hover,
body.theme-light.workspace-venue-management .dashboard-page .dashboard-summary-card:focus-visible {
    border-color: rgba(181, 139, 67, .42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .86),
        0 24px 56px rgba(49, 64, 82, .18);
}

body.theme-light.workspace-venue-management .dashboard-page .dashboard-action-card .dashboard-action-icon {
    background: rgba(181, 139, 67, .10);
    border-color: rgba(181, 139, 67, .28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .70),
        0 10px 24px rgba(49, 64, 82, .10);
}

body.theme-light.workspace-venue-management .dashboard-page .dashboard-action-divider {
    background:
        linear-gradient(90deg, rgba(181, 139, 67, .58), rgba(181, 139, 67, .18), rgba(49, 95, 134, .10), transparent);
}

body.theme-light.workspace-venue-management .dashboard-page .dashboard-summary-mini div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .45)),
        rgba(248, 250, 252, .70);
    border-color: rgba(181, 139, 67, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .74),
        0 8px 18px rgba(49, 64, 82, .08);
}

    body.theme-light.workspace-venue-management .dashboard-page .dashboard-summary-mini div + div {
        border-left-color: rgba(181, 139, 67, .18);
    }

@container (max-width: 1100px) {
    .dashboard-management-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container (max-width: 760px) {
    .dashboard-management-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-summary-card {
        grid-column: auto;
    }
}

@container (max-width: 560px) {
    .dashboard-management-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }
}

@media (min-width: 901px) and (max-width: 1366px) and (pointer: coarse) {
    .dashboard-management-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 641px) and (max-width: 1199px) {
    .dashboard-page .dashboard-action-card {
        gap: 7px;
        min-height: 0;
        padding: 11px 14px;
    }

    .dashboard-page .dashboard-action-card-header {
        gap: 8px;
        grid-template-columns: 38px minmax(0, 1fr) auto;
    }

    .dashboard-page .dashboard-action-icon {
        height: 38px;
        width: 38px;
    }

    .dashboard-page .dashboard-action-icon svg {
        height: 20px;
        width: 20px;
    }

    .dashboard-page .dashboard-action-description {
        font-size: 13px;
        line-height: 1.32;
    }

    .dashboard-page .dashboard-card-action,
    .dashboard-page .venue-home-card-action {
        margin-top: 2px;
    }

    .dashboard-page .venue-home-card {
        min-height: 0;
    }
}

.epp-assistant-welcome {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 22px;
    position: fixed;
    z-index: 2600;
}

body.epp-assistant-modal-open {
    overflow: hidden;
}

.epp-workspace-welcome {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 2600;
}

.epp-workspace-welcome[hidden] {
    display: none !important;
}

.epp-workspace-welcome-backdrop {
    animation: eppAssistantFade .26s ease both;
    background:
        radial-gradient(circle at 50% 18%, rgba(201, 168, 106, .10), transparent 34%),
        rgba(2, 8, 18, .84);
    backdrop-filter: blur(14px) saturate(118%);
    inset: 0;
    pointer-events: auto;
    position: absolute;
    -webkit-backdrop-filter: blur(14px) saturate(118%);
}

.epp-workspace-welcome-card {
    animation: eppAssistantEnter .30s cubic-bezier(.2, .78, .22, 1) both;
    background:
        radial-gradient(circle at 18% -10%, rgba(255, 255, 255, .06), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(201, 168, 106, .08), transparent 30%),
        linear-gradient(155deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .018) 46%, rgba(201, 168, 106, .03)),
        rgba(29, 29, 29, .88);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 24px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .09),
        0 32px 90px rgba(0, 0, 0, .48);
    color: var(--text);
    display: grid;
    gap: 18px;
    max-height: calc(100vh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    max-width: 820px;
    overflow: auto;
    padding: 26px;
    position: relative;
    text-align: center;
    width: min(100%, 820px);
}

.epp-workspace-welcome-card::before {
    background: linear-gradient(90deg, transparent, rgba(201, 168, 106, .26), rgba(255, 255, 255, .10), transparent);
    content: "";
    height: 1px;
    left: 22px;
    opacity: .78;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 0;
}

.epp-workspace-welcome-header {
    display: grid;
    gap: 7px;
    justify-items: center;
    padding: 4px 48px 0;
}

.epp-workspace-welcome-kicker {
    color: var(--primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.epp-workspace-welcome-header h2 {
    color: var(--text);
    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: 850;
    line-height: 1.12;
    margin: 0;
}

.epp-workspace-welcome-brand {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    line-height: 1;
    margin: 2px 0 4px;
}

.epp-workspace-welcome-brand strong {
    color: var(--text);
    font-size: clamp(24px, 2.8vw, 36px);
    font-weight: 880;
    line-height: 1.05;
}

.epp-workspace-welcome-brand span {
    align-items: center;
    background: rgba(201, 168, 106, .11);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 999px;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.epp-workspace-welcome-brand svg {
    fill: none;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 17px;
}

.epp-workspace-welcome-header p {
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
    max-width: 46rem;
}

.epp-workspace-welcome-options {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.epp-workspace-welcome-option {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .058), rgba(255, 255, 255, .014)),
        rgba(31, 31, 31, .72);
    border: 1px solid rgba(201, 168, 106, .17);
    border-radius: 18px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .052),
        0 14px 30px rgba(0, 0, 0, .20);
    color: var(--text);
    cursor: pointer;
    display: grid;
    gap: 14px;
    grid-template-columns: 54px minmax(0, 1fr);
    min-height: 142px;
    padding: 18px;
    text-align: left;
    transition: var(--transition);
}

.epp-workspace-welcome-option:hover,
.epp-workspace-welcome-option:focus-visible,
.epp-workspace-welcome-option.is-active {
    border-color: rgba(201, 168, 106, .38);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 18px 40px rgba(0, 0, 0, .30);
    outline: none;
    transform: translateY(-1px);
}

.epp-workspace-welcome-option-icon {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 16px;
    color: var(--primary);
    display: inline-flex;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.epp-workspace-welcome-option svg {
    fill: none;
    height: 27px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 27px;
}

.epp-workspace-welcome-option strong {
    display: block;
    font-size: 18px;
    font-weight: 840;
    line-height: 1.2;
    margin: 0 0 7px;
}

.epp-workspace-welcome-option small {
    color: var(--text-muted);
    display: block;
    font-size: 13px;
    line-height: 1.4;
}

.epp-workspace-welcome-note {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.4;
}

.epp-workspace-welcome-preferences {
    align-items: center;
    border-top: 1px solid rgba(201, 168, 106, .14);
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    justify-content: center;
    padding-top: 16px;
}

.epp-workspace-welcome-preferences label {
    align-items: center;
    color: var(--text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    gap: 9px;
    line-height: 1.35;
}

.epp-workspace-welcome-preferences input {
    accent-color: var(--primary);
}

.workspace-context-card-layer {
    align-items: center;
    background:
        radial-gradient(circle at 50% 42%, rgba(201, 168, 106, .045), transparent 32%),
        rgba(2, 8, 18, .38);
    -webkit-backdrop-filter: blur(7px) saturate(112%);
    backdrop-filter: blur(7px) saturate(112%);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));
    pointer-events: auto;
    position: fixed;
    z-index: 2400;
}

.workspace-context-card {
    --workspace-context-accent: #b7c0cb;
    --workspace-context-accent-soft: rgba(183, 192, 203, .13);
    --workspace-context-accent-hover: rgba(183, 192, 203, .19);
    --workspace-context-border: rgba(174, 184, 196, .28);
    --workspace-context-inset-accent: rgba(183, 192, 203, .055);
    --workspace-context-glow: rgba(160, 170, 183, .10);
    --workspace-context-shine: rgba(183, 192, 203, .26);
    --workspace-context-bg:
        radial-gradient(circle at 16% 0%, rgba(183, 192, 203, .11), transparent 34%),
        radial-gradient(circle at 92% 18%, rgba(255, 255, 255, .04), transparent 26%),
        linear-gradient(150deg, rgba(255, 255, 255, .082), rgba(255, 255, 255, .022) 52%, rgba(183, 192, 203, .03)),
        linear-gradient(180deg, rgba(25, 27, 33, .98), rgba(11, 12, 17, .98));
    animation: workspaceContextCardEnter .32s cubic-bezier(.2, .78, .22, 1) both;
    background: var(--workspace-context-bg);
    border: 1px solid var(--workspace-context-border);
    border-radius: 20px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .14),
        inset 0 -1px 0 var(--workspace-context-inset-accent),
        0 34px 96px rgba(0, 0, 0, .64),
        0 0 0 1px rgba(255, 255, 255, .055),
        0 0 54px var(--workspace-context-glow);
    color: var(--text);
    display: grid;
    gap: 14px;
    isolation: isolate;
    max-width: min(460px, calc(100vw - 40px));
    outline: 1px solid rgba(0, 0, 0, .22);
    padding: 20px;
    pointer-events: auto;
    position: relative;
    width: 460px;
}

.workspace-context-card::before {
    background: linear-gradient(90deg, transparent, var(--workspace-context-shine), rgba(255, 255, 255, .10), transparent);
    content: "";
    height: 1px;
    left: 18px;
    opacity: .78;
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 0;
    z-index: -1;
}

.workspace-context-card-header {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: 54px minmax(0, 1fr);
    padding-right: 38px;
}

.workspace-context-card-icon {
    align-items: center;
    background:
        linear-gradient(145deg, var(--workspace-context-accent-soft), rgba(255, 255, 255, .025)),
        rgba(5, 8, 14, .72);
    border: 1px solid var(--workspace-context-border);
    border-radius: 16px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 12px 26px rgba(0, 0, 0, .30);
    color: var(--workspace-context-accent);
    display: inline-flex;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.workspace-context-card-icon svg {
    fill: none;
    height: 27px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 27px;
}

.workspace-context-card-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.workspace-context-card-copy strong {
    color: #f8fafc;
    font-size: 19px;
    font-weight: 880;
    line-height: 1.2;
}

.workspace-context-card-copy p {
    color: var(--text);
    font-size: 14px;
    line-height: 1.35;
    margin: 0;
}

.workspace-context-card-copy span {
    color: rgba(181, 198, 216, .74);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .03em;
    line-height: 1.2;
    margin-top: 4px;
    text-transform: uppercase;
}

.workspace-context-card-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-context-card-actions a {
    align-items: center;
    background: var(--workspace-context-accent-soft);
    border: 1px solid var(--workspace-context-border);
    border-radius: 12px;
    color: var(--workspace-context-accent);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    justify-content: center;
    min-height: 38px;
    padding: 9px 10px;
    text-align: center;
    text-decoration: none;
    transition: var(--transition);
}

.workspace-context-card-actions a:hover,
.workspace-context-card-actions a:focus-visible {
    background: var(--workspace-context-accent-hover);
    border-color: var(--workspace-context-border);
    color: var(--text);
    outline: none;
    transform: translateY(-1px);
}

.workspace-context-card-close {
    align-items: center;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(126, 154, 184, .18);
    border-radius: 10px;
    color: var(--text-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: 20px;
    font-weight: 760;
    height: 34px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 34px;
}

.workspace-context-card-close:hover,
.workspace-context-card-close:focus-visible {
    background: var(--workspace-context-accent-hover);
    border-color: var(--workspace-context-border);
    color: var(--text);
    outline: none;
}

.workspace-context-card-production-events {
    --workspace-context-accent: #d8b56d;
    --workspace-context-accent-soft: rgba(201, 168, 106, .15);
    --workspace-context-accent-hover: rgba(201, 168, 106, .22);
    --workspace-context-border: rgba(201, 168, 106, .34);
    --workspace-context-inset-accent: rgba(201, 168, 106, .07);
    --workspace-context-glow: rgba(201, 168, 106, .13);
    --workspace-context-shine: rgba(244, 215, 157, .32);
    --workspace-context-bg:
        radial-gradient(circle at 16% 0%, rgba(201, 168, 106, .16), transparent 34%),
        radial-gradient(circle at 92% 18%, rgba(255, 255, 255, .045), transparent 26%),
        linear-gradient(150deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .02) 52%, rgba(201, 168, 106, .045)),
        linear-gradient(180deg, rgba(28, 28, 30, .98), rgba(9, 9, 11, .98));
}

.workspace-context-card-venue-management {
    --workspace-context-accent: #75a7d8;
    --workspace-context-accent-soft: rgba(117, 167, 216, .14);
    --workspace-context-accent-hover: rgba(117, 167, 216, .20);
    --workspace-context-border: rgba(126, 154, 184, .32);
    --workspace-context-inset-accent: rgba(117, 167, 216, .06);
    --workspace-context-glow: rgba(29, 56, 86, .16);
    --workspace-context-shine: rgba(117, 167, 216, .32);
    --workspace-context-bg:
        radial-gradient(circle at 16% 0%, rgba(117, 167, 216, .15), transparent 34%),
        radial-gradient(circle at 92% 18%, rgba(201, 168, 106, .055), transparent 28%),
        linear-gradient(150deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .022) 52%, rgba(117, 167, 216, .04)),
        linear-gradient(180deg, rgba(8, 22, 38, .98), rgba(4, 10, 19, .98));
}

@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
    .workspace-context-card {
        -webkit-backdrop-filter: blur(18px) saturate(132%);
        backdrop-filter: blur(18px) saturate(132%);
    }
}

@keyframes workspaceContextCardEnter {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.workspace-venue-management .epp-workspace-welcome-card {
    background:
        radial-gradient(circle at 18% -10%, rgba(78, 136, 190, .13), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(201, 168, 106, .08), transparent 30%),
        linear-gradient(155deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018) 46%, rgba(201, 168, 106, .028)),
        rgba(10, 18, 31, .82);
}

body.workspace-venue-management .epp-workspace-welcome-option {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .014)),
        rgba(10, 18, 31, .48);
}

body.theme-light .epp-workspace-welcome-backdrop {
    background:
        radial-gradient(circle at 50% 18%, rgba(116, 93, 58, .10), transparent 34%),
        rgba(30, 27, 22, .62);
}

body.theme-light .epp-workspace-welcome-card {
    background:
        radial-gradient(circle at 18% -10%, rgba(255, 255, 255, .62), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(181, 139, 67, .08), transparent 30%),
        linear-gradient(155deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .46) 46%, rgba(181, 139, 67, .04)),
        rgba(242, 240, 236, .90);
    box-shadow: 0 30px 82px rgba(86, 68, 41, .20);
}

body.theme-light .epp-workspace-welcome-option {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .50)),
        rgba(244, 242, 238, .76);
    border-color: rgba(116, 93, 58, .16);
}

.epp-assistant-welcome[hidden] {
    display: none !important;
}

.epp-assistant-backdrop {
    animation: eppAssistantFade .26s ease both;
    background:
        radial-gradient(circle at 50% 18%, rgba(78, 136, 190, .16), transparent 34%),
        radial-gradient(circle at 16% 100%, rgba(201, 168, 106, .08), transparent 38%),
        rgba(2, 8, 18, .90);
    backdrop-filter: blur(18px) saturate(120%);
    inset: 0;
    pointer-events: auto;
    position: absolute;
    -webkit-backdrop-filter: blur(18px) saturate(120%);
}

.epp-assistant-card {
    animation: eppAssistantEnter .30s cubic-bezier(.2, .78, .22, 1) both;
    background:
        radial-gradient(circle at 18% -10%, rgba(78, 136, 190, .14), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(201, 168, 106, .08), transparent 30%),
        linear-gradient(155deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018) 46%, rgba(201, 168, 106, .028)),
        rgba(10, 18, 31, .76);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 22px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        inset 0 -1px 0 rgba(255, 255, 255, .025),
        0 32px 90px rgba(2, 8, 18, .50);
    display: grid;
    gap: 16px;
    isolation: isolate;
    justify-items: center;
    max-width: 640px;
    overflow: hidden;
    padding: 24px;
    position: relative;
    text-align: center;
    width: min(100%, 640px);
}

.epp-assistant-card::before {
    background: linear-gradient(90deg, transparent, rgba(201, 168, 106, .24), rgba(255, 255, 255, .10), transparent);
    content: "";
    height: 1px;
    left: 18px;
    opacity: .70;
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 0;
    z-index: 0;
}

.epp-assistant-card::after {
    background: radial-gradient(circle at 50% 0%, rgba(201, 168, 106, .08), transparent 56%);
    content: "";
    height: 130px;
    left: 0;
    opacity: .70;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.epp-assistant-card > :not(.epp-modal-close) {
    position: relative;
    z-index: 1;
}

.epp-assistant-icon,
.epp-assistant-copy,
.epp-assistant-actions,
.epp-assistant-preference,
.epp-assistant-tour-card,
.epp-assistant-continue {
    animation: eppAssistantContentEnter .34s cubic-bezier(.2, .78, .22, 1) both;
}

.epp-assistant-copy {
    animation-delay: .035s;
}

.epp-assistant-actions {
    animation-delay: .07s;
}

.epp-assistant-preference,
.epp-assistant-tour-card {
    animation-delay: .10s;
}

.epp-assistant-continue {
    animation-delay: .13s;
}

.epp-modal-close {
    align-items: center;
    background: rgba(10, 18, 31, .34);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .72);
    cursor: pointer;
    display: inline-flex;
    font-size: 22px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 40px;
    z-index: 3;
}

.epp-modal-close:hover,
.epp-modal-close:focus-visible {
    border-color: rgba(201, 168, 106, .32);
    background: rgba(201, 168, 106, .10);
    color: var(--text);
    outline: none;
}

.epp-assistant-icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .18), rgba(201, 168, 106, .055)),
        rgba(10, 18, 31, .46);
    border: 1px solid rgba(201, 168, 106, .38);
    border-radius: 999px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .11),
        inset 0 0 28px rgba(201, 168, 106, .08),
        0 14px 32px rgba(2, 8, 18, .26),
        0 0 24px rgba(201, 168, 106, .12);
    color: var(--workspace-accent, var(--primary));
    display: inline-flex;
    height: 58px;
    justify-content: center;
    width: 58px;
}

.epp-assistant-icon svg,
.epp-assistant-action svg {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.epp-assistant-icon svg {
    height: 28px;
    stroke-width: 1.9;
    width: 28px;
}

.epp-assistant-copy {
    display: grid;
    gap: 6px;
}

.epp-assistant-copy h2 {
    color: var(--text);
    font-size: clamp(21px, 2vw, 27px);
    font-weight: 820;
    line-height: 1.14;
    margin: 0;
}

.epp-assistant-copy p {
    color: var(--text-muted);
    font-size: 16px;
    line-height: 1.35;
    margin: 0;
}

.epp-assistant-actions {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}

.epp-assistant-action {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .014)),
        rgba(10, 18, 31, .44);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 16px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        0 12px 28px rgba(2, 8, 18, .18);
    color: var(--text);
    display: grid;
    gap: 9px;
    justify-items: center;
    min-height: 112px;
    padding: 15px 12px;
    text-decoration: none;
    transition: var(--transition);
}

.epp-assistant-action:hover,
.epp-assistant-action:focus-visible {
    border-color: rgba(201, 168, 106, .34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 18px 38px rgba(2, 8, 18, .26);
    outline: none;
    transform: translateY(-1px);
}

.epp-assistant-action span {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .26);
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    color: var(--workspace-accent, var(--primary));
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.epp-assistant-action svg {
    height: 24px;
    stroke-width: 2;
    width: 24px;
}

.epp-assistant-action strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 780;
    line-height: 1.25;
}

.epp-assistant-preference {
    align-items: start;
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    font-size: 13px;
    gap: 9px;
    line-height: 1.35;
    text-align: left;
    width: 100%;
}

.epp-assistant-preference input {
    accent-color: var(--primary);
    margin-top: 2px;
}

.epp-assistant-tour-card {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .016)),
        rgba(10, 18, 31, .48);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 16px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 14px 32px rgba(2, 8, 18, .20);
    display: grid;
    gap: 12px;
    grid-template-columns: 42px minmax(0, 1fr) 148px;
    padding: 14px;
    text-align: left;
    width: 100%;
}

.epp-assistant-tour-icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .17), rgba(201, 168, 106, .055)),
        rgba(10, 18, 31, .42);
    border: 1px solid rgba(201, 168, 106, .32);
    border-radius: 999px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 10px 22px rgba(2, 8, 18, .18);
    color: var(--workspace-accent, var(--primary));
    display: inline-flex;
    height: 42px;
    justify-content: center;
    justify-self: start;
    width: 42px;
}

.epp-assistant-tour-icon svg {
    fill: none;
    height: 21px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 21px;
}

.epp-assistant-tour-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
    overflow-wrap: normal;
}

.epp-assistant-tour-copy strong {
    color: var(--text);
    font-size: 15px;
    font-weight: 820;
    line-height: 1.2;
}

.epp-assistant-tour-copy span {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.35;
    max-width: 38rem;
}

.epp-assistant-tour-actions {
    align-items: center;
    display: grid;
    gap: 8px;
    justify-content: stretch;
    width: 148px;
}

.epp-assistant-tour-actions .ui-button {
    justify-content: center;
    min-height: 34px;
    padding: 8px 11px;
    width: 100%;
}

.epp-assistant-tour-actions .ui-button-primary {
    box-shadow: 0 12px 24px rgba(201, 168, 106, .18);
}

.epp-assistant-continue {
    background: transparent;
    border: 0;
    color: var(--primary);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 760;
    padding: 4px 8px;
}

.epp-assistant-continue:hover,
.epp-assistant-continue:focus-visible {
    color: var(--text);
    outline: none;
}

body.theme-light .epp-assistant-backdrop {
    background:
        radial-gradient(circle at 50% 18%, rgba(78, 136, 190, .10), transparent 34%),
        rgba(2, 8, 18, .78);
}

body.theme-light .epp-assistant-card {
    border-color: rgba(201, 168, 106, .26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        inset 0 -1px 0 rgba(255, 255, 255, .025),
        0 30px 82px rgba(2, 8, 18, .42);
}

body.theme-light .epp-assistant-action {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018)),
        rgba(10, 18, 31, .46);
    border-color: rgba(201, 168, 106, .18);
}

body.theme-light .epp-assistant-tour-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .018)),
        rgba(10, 18, 31, .50);
    border-color: rgba(201, 168, 106, .24);
}

@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
    .epp-workspace-welcome-card {
        backdrop-filter: blur(18px) saturate(128%);
        -webkit-backdrop-filter: blur(18px) saturate(128%);
    }

    .epp-workspace-welcome-option {
        backdrop-filter: blur(12px) saturate(118%);
        -webkit-backdrop-filter: blur(12px) saturate(118%);
    }

    .epp-assistant-card {
        backdrop-filter: blur(18px) saturate(128%);
        -webkit-backdrop-filter: blur(18px) saturate(128%);
    }

    .epp-assistant-action,
    .epp-assistant-tour-card {
        backdrop-filter: blur(12px) saturate(118%);
        -webkit-backdrop-filter: blur(12px) saturate(118%);
    }
}

.epp-start-decision {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 2600;
}

.epp-start-decision[hidden] {
    display: none !important;
}

.epp-start-decision-backdrop {
    background:
        radial-gradient(circle at 50% 18%, rgba(201, 168, 106, .10), transparent 34%),
        rgba(2, 8, 18, .84);
    -webkit-backdrop-filter: blur(14px) saturate(118%);
    backdrop-filter: blur(14px) saturate(118%);
    inset: 0;
    pointer-events: auto;
    position: absolute;
}

.epp-start-decision-card {
    background:
        radial-gradient(circle at 18% 0%, rgba(201, 168, 106, .10), transparent 36%),
        linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
        var(--card);
    border: 1px solid rgba(201, 168, 106, .20);
    border-radius: 22px;
    box-shadow: 0 28px 76px rgba(0, 0, 0, .38);
    color: var(--text);
    display: grid;
    gap: 18px;
    max-height: calc(100vh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    max-width: 820px;
    overflow: auto;
    padding: 24px;
    position: relative;
    width: min(100%, 820px);
}

.epp-start-decision-header {
    display: contents;
}

.epp-start-decision-copy {
    display: grid;
    gap: 6px;
    justify-items: center;
    text-align: center;
}

.epp-start-decision-copy h2 {
    color: var(--text);
    font-size: clamp(22px, 2.1vw, 30px);
    font-weight: 820;
    line-height: 1.15;
    margin: 0;
}

.epp-start-decision-copy p {
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
}

.epp-start-decision-options {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.epp-start-decision-option {
    align-content: start;
    background: rgba(0, 0, 0, .13);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 18px;
    display: grid;
    gap: 14px;
    min-width: 0;
    padding: 18px;
}

.epp-start-decision-icon {
    align-items: center;
    background: rgba(201, 168, 106, .09);
    border: 1px solid rgba(201, 168, 106, .22);
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.epp-start-decision-icon svg {
    fill: none;
    height: 23px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 23px;
}

.epp-start-decision-option strong {
    color: var(--text);
    display: block;
    font-size: 16px;
    font-weight: 820;
    line-height: 1.25;
    margin-bottom: 5px;
}

.epp-start-decision-option p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
}

.epp-start-decision-option .ui-button {
    justify-content: center;
    margin-top: auto;
    width: 100%;
}

.epp-start-decision-skip {
    background: transparent;
    border: 0;
    color: var(--primary);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 760;
    justify-self: center;
    padding: 4px 8px;
}

.epp-start-decision-skip:hover,
.epp-start-decision-skip:focus-visible {
    color: var(--text);
    outline: none;
}

body.theme-light .epp-start-decision-backdrop {
    background:
        radial-gradient(circle at 50% 18%, rgba(201, 168, 106, .08), transparent 34%),
        rgba(30, 27, 22, .56);
}

body.theme-light .epp-start-decision-card {
    border-color: rgba(116, 93, 58, .24);
    box-shadow: 0 24px 60px rgba(86, 68, 41, .18);
}

body.theme-light .epp-start-decision-option {
    background: rgba(255, 255, 255, .56);
    border-color: rgba(116, 93, 58, .16);
}

body.workspace-production-events .epp-assistant-backdrop {
    background:
        radial-gradient(circle at 50% 18%, rgba(201, 168, 106, .10), transparent 34%),
        rgba(4, 4, 4, .84);
}

body.workspace-production-events .epp-assistant-card {
    background:
        radial-gradient(circle at 18% -10%, rgba(255, 255, 255, .06), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(201, 168, 106, .07), transparent 30%),
        linear-gradient(155deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .018) 46%, rgba(201, 168, 106, .024)),
        rgba(29, 29, 29, .80);
    border-color: rgba(201, 168, 106, .24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        inset 0 -1px 0 rgba(255, 255, 255, .022),
        0 32px 90px rgba(0, 0, 0, .46);
}

body.workspace-production-events .epp-assistant-action,
body.workspace-production-events .epp-assistant-tour-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .014)),
        rgba(31, 31, 31, .76);
    border-color: rgba(201, 168, 106, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .052),
        0 12px 28px rgba(0, 0, 0, .20);
}

body.workspace-production-events .epp-start-decision-backdrop {
    background:
        radial-gradient(circle at 50% 18%, rgba(201, 168, 106, .10), transparent 34%),
        rgba(4, 4, 4, .82);
}

body.workspace-production-events .epp-start-decision-card {
    background:
        radial-gradient(circle at 18% 0%, rgba(201, 168, 106, .08), transparent 36%),
        linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        rgba(29, 29, 29, .88);
    border-color: rgba(201, 168, 106, .20);
    box-shadow: 0 28px 76px rgba(0, 0, 0, .42);
}

body.workspace-production-events .epp-start-decision-option {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        rgba(31, 31, 31, .72);
    border-color: rgba(201, 168, 106, .16);
}

body.theme-light.workspace-production-events .epp-assistant-backdrop {
    background:
        radial-gradient(circle at 50% 18%, rgba(116, 93, 58, .10), transparent 34%),
        rgba(30, 27, 22, .62);
}

body.theme-light.workspace-production-events .epp-assistant-card {
    background:
        radial-gradient(circle at 18% -10%, rgba(255, 255, 255, .58), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(181, 139, 67, .07), transparent 30%),
        linear-gradient(155deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .46) 46%, rgba(181, 139, 67, .035)),
        rgba(242, 240, 236, .84);
    border-color: rgba(116, 93, 58, .22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .75),
        0 30px 82px rgba(86, 68, 41, .20);
}

body.theme-light.workspace-production-events .epp-assistant-action,
body.theme-light.workspace-production-events .epp-assistant-tour-card,
body.theme-light.workspace-production-events .epp-start-decision-option {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .48)),
        rgba(244, 242, 238, .72);
    border-color: rgba(116, 93, 58, .16);
}

body.theme-light.workspace-production-events .epp-start-decision-backdrop {
    background:
        radial-gradient(circle at 50% 18%, rgba(116, 93, 58, .08), transparent 34%),
        rgba(30, 27, 22, .56);
}

body.theme-light.workspace-production-events .epp-start-decision-card {
    background:
        radial-gradient(circle at 18% 0%, rgba(181, 139, 67, .08), transparent 36%),
        linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .45)),
        rgba(242, 240, 236, .88);
    border-color: rgba(116, 93, 58, .24);
    box-shadow: 0 24px 60px rgba(86, 68, 41, .18);
}

body.workspace-production-events .epp-assistant-backdrop {
    background:
        radial-gradient(circle at 48% 14%, rgba(244, 215, 157, .18), transparent 31%),
        radial-gradient(circle at 18% 100%, rgba(201, 168, 106, .10), transparent 40%),
        linear-gradient(135deg, rgba(6, 6, 7, .78), rgba(18, 16, 13, .90)),
        rgba(4, 4, 4, .86);
    -webkit-backdrop-filter: blur(20px) saturate(124%) brightness(.82);
    backdrop-filter: blur(20px) saturate(124%) brightness(.82);
}

body.workspace-venue-management .epp-assistant-backdrop {
    background:
        radial-gradient(circle at 48% 14%, rgba(78, 136, 190, .16), transparent 32%),
        radial-gradient(circle at 14% 100%, rgba(201, 168, 106, .08), transparent 38%),
        rgba(2, 8, 18, .88);
    -webkit-backdrop-filter: blur(18px) saturate(122%);
    backdrop-filter: blur(18px) saturate(122%);
}

body.workspace-production-events .epp-assistant-card {
    background:
        radial-gradient(circle at 18% -12%, rgba(255, 255, 255, .13), transparent 34%),
        radial-gradient(circle at 90% 0%, rgba(244, 215, 157, .16), transparent 34%),
        radial-gradient(circle at 50% 112%, rgba(201, 168, 106, .09), transparent 52%),
        linear-gradient(155deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .018) 44%, rgba(201, 168, 106, .050)),
        rgba(26, 25, 23, .94);
    border-color: rgba(244, 215, 157, .38);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .16),
        inset 0 -1px 0 rgba(255, 255, 255, .035),
        0 42px 110px rgba(0, 0, 0, .62),
        0 0 0 1px rgba(201, 168, 106, .075),
        0 0 54px rgba(201, 168, 106, .10);
}

body.workspace-venue-management .epp-assistant-card {
    background:
        radial-gradient(circle at 18% -10%, rgba(78, 136, 190, .13), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(201, 168, 106, .10), transparent 32%),
        linear-gradient(155deg, rgba(255, 255, 255, .078), rgba(255, 255, 255, .018) 46%, rgba(201, 168, 106, .034)),
        rgba(10, 18, 31, .92);
    border-color: rgba(201, 168, 106, .28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        inset 0 -1px 0 rgba(255, 255, 255, .028),
        0 36px 98px rgba(0, 0, 0, .54),
        0 0 0 1px rgba(78, 136, 190, .08);
}

body.workspace-production-events .epp-assistant-card::before,
body.workspace-venue-management .epp-assistant-card::before {
    background: linear-gradient(90deg, transparent, rgba(244, 215, 157, .30), rgba(255, 255, 255, .14), transparent);
    opacity: .86;
}

body.workspace-production-events .epp-assistant-card::after {
    background:
        radial-gradient(circle at 50% 0%, rgba(244, 215, 157, .16), transparent 54%),
        linear-gradient(180deg, rgba(255, 255, 255, .050), transparent 64%);
    opacity: .96;
}

body.workspace-venue-management .epp-assistant-card::after {
    background:
        radial-gradient(circle at 50% 0%, rgba(78, 136, 190, .13), transparent 56%),
        linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 64%);
    opacity: .88;
}

body.workspace-production-events .epp-assistant-action,
body.workspace-production-events .epp-assistant-tour-card {
    background:
        radial-gradient(circle at 50% 0%, rgba(244, 215, 157, .080), transparent 52%),
        linear-gradient(145deg, rgba(255, 255, 255, .082), rgba(255, 255, 255, .016)),
        rgba(31, 30, 28, .82);
    border-color: rgba(244, 215, 157, .26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .095),
        inset 0 -1px 0 rgba(255, 255, 255, .022),
        0 16px 36px rgba(0, 0, 0, .30),
        0 0 0 1px rgba(201, 168, 106, .035);
}

body.workspace-production-events .epp-assistant-icon,
body.workspace-production-events .epp-assistant-action span,
body.workspace-production-events .epp-assistant-tour-icon {
    background:
        radial-gradient(circle at 50% 18%, rgba(244, 215, 157, .16), transparent 58%),
        linear-gradient(145deg, rgba(201, 168, 106, .22), rgba(201, 168, 106, .065)),
        rgba(25, 24, 22, .72);
    border-color: rgba(244, 215, 157, .42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        inset 0 0 28px rgba(201, 168, 106, .10),
        0 14px 32px rgba(0, 0, 0, .30),
        0 0 24px rgba(201, 168, 106, .14);
    color: rgba(244, 215, 157, .96);
}

body.workspace-venue-management .epp-assistant-action,
body.workspace-venue-management .epp-assistant-tour-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .072), rgba(255, 255, 255, .016)),
        rgba(18, 27, 42, .68);
    border-color: rgba(201, 168, 106, .22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 14px 32px rgba(0, 0, 0, .24);
}

body.workspace-production-events .epp-assistant-action:hover,
body.workspace-production-events .epp-assistant-action:focus-visible {
    background:
        radial-gradient(circle at 50% 0%, rgba(244, 215, 157, .12), transparent 56%),
        linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .022)),
        rgba(36, 34, 31, .88);
    border-color: rgba(244, 215, 157, .48);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .13),
        0 22px 48px rgba(0, 0, 0, .38),
        0 0 28px rgba(201, 168, 106, .15);
}

body.workspace-production-events .epp-assistant-tour-actions [data-tour-continue],
body.workspace-production-events .epp-assistant-tour-actions [data-tour-restart] {
    border-radius: 12px;
    font-size: 12px;
    font-weight: 820;
    letter-spacing: 0;
    min-height: 38px;
    padding: 9px 12px;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

body.workspace-production-events .epp-assistant-tour-actions [data-tour-continue] {
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .18), transparent 54%),
        linear-gradient(145deg, rgba(244, 215, 157, .36), rgba(201, 168, 106, .18)),
        rgba(47, 39, 25, .92);
    border-color: rgba(244, 215, 157, .48);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .20),
        0 14px 28px rgba(0, 0, 0, .30),
        0 0 24px rgba(201, 168, 106, .16);
    color: rgba(255, 250, 238, .98);
}

body.workspace-production-events .epp-assistant-tour-actions [data-tour-restart] {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .064), rgba(255, 255, 255, .014)),
        rgba(28, 27, 25, .72);
    border-color: rgba(244, 215, 157, .24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .075),
        0 10px 22px rgba(0, 0, 0, .22);
    color: rgba(244, 215, 157, .86);
}

body.workspace-production-events .epp-assistant-tour-actions [data-tour-continue]:hover,
body.workspace-production-events .epp-assistant-tour-actions [data-tour-continue]:focus-visible {
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .24), transparent 56%),
        linear-gradient(145deg, rgba(255, 223, 164, .42), rgba(201, 168, 106, .24)),
        rgba(54, 44, 27, .96);
    border-color: rgba(255, 229, 180, .62);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .24),
        0 18px 36px rgba(0, 0, 0, .36),
        0 0 30px rgba(201, 168, 106, .24);
    color: #fff8e9;
    outline: none;
    transform: translateY(-1px);
}

body.workspace-production-events .epp-assistant-tour-actions [data-tour-restart]:hover,
body.workspace-production-events .epp-assistant-tour-actions [data-tour-restart]:focus-visible {
    background:
        radial-gradient(circle at 50% 0%, rgba(244, 215, 157, .08), transparent 58%),
        linear-gradient(145deg, rgba(255, 255, 255, .078), rgba(255, 255, 255, .018)),
        rgba(34, 32, 29, .78);
    border-color: rgba(244, 215, 157, .36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .095),
        0 14px 28px rgba(0, 0, 0, .28),
        0 0 18px rgba(201, 168, 106, .10);
    color: rgba(255, 246, 226, .96);
    outline: none;
    transform: translateY(-1px);
}

body.workspace-venue-management .epp-assistant-action:hover,
body.workspace-venue-management .epp-assistant-action:focus-visible {
    border-color: rgba(244, 215, 157, .40);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 20px 42px rgba(0, 0, 0, .34),
        0 0 24px rgba(78, 136, 190, .12);
}

body.theme-light.workspace-production-events .epp-assistant-card {
    background:
        radial-gradient(circle at 18% -10%, rgba(255, 255, 255, .72), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(181, 139, 67, .09), transparent 32%),
        linear-gradient(155deg, rgba(255, 255, 255, .80), rgba(255, 255, 255, .48) 46%, rgba(181, 139, 67, .04)),
        rgba(242, 240, 236, .88);
    border-color: rgba(116, 93, 58, .24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .78),
        0 30px 84px rgba(86, 68, 41, .22),
        0 0 0 1px rgba(116, 93, 58, .045);
}

body.theme-light.workspace-venue-management .epp-assistant-card {
    background:
        radial-gradient(circle at 18% -10%, rgba(255, 255, 255, .70), transparent 36%),
        radial-gradient(circle at 92% 0%, rgba(78, 136, 190, .10), transparent 32%),
        linear-gradient(155deg, rgba(255, 255, 255, .80), rgba(255, 255, 255, .48) 46%, rgba(78, 136, 190, .04)),
        rgba(244, 247, 251, .88);
    border-color: rgba(49, 105, 158, .22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .78),
        0 30px 84px rgba(35, 63, 91, .20),
        0 0 0 1px rgba(49, 105, 158, .045);
}

body.theme-light.workspace-production-events .epp-assistant-action,
body.theme-light.workspace-production-events .epp-assistant-tour-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .50)),
        rgba(244, 242, 238, .76);
    border-color: rgba(116, 93, 58, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .62),
        0 14px 30px rgba(86, 68, 41, .12);
}

body.theme-light.workspace-venue-management .epp-assistant-action,
body.theme-light.workspace-venue-management .epp-assistant-tour-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .50)),
        rgba(244, 247, 251, .76);
    border-color: rgba(49, 105, 158, .17);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .62),
        0 14px 30px rgba(35, 63, 91, .12);
}

.epp-tour-layer {
    --epp-tour-layer-base: 2600;
    inset: 0;
    isolation: isolate;
    pointer-events: auto;
    position: fixed;
    z-index: var(--epp-tour-layer-base);
}

.epp-tour-layer.is-agenda-premium-step::before,
.epp-tour-layer.is-agenda-premium-step::after {
    content: "";
    inset: 0;
    pointer-events: none;
    position: fixed;
    z-index: 4;
}

.epp-tour-layer.is-agenda-premium-step::before {
    animation: eppAgendaScreenFireworks 2.2s ease-in-out infinite;
    background:
        radial-gradient(circle at 16% 22%, rgba(244, 215, 157, .95) 0 3px, transparent 4px),
        radial-gradient(circle at 22% 34%, rgba(255, 244, 212, .70) 0 2px, transparent 4px),
        radial-gradient(circle at 72% 18%, rgba(244, 215, 157, .88) 0 3px, transparent 4px),
        radial-gradient(circle at 82% 32%, rgba(255, 244, 212, .72) 0 2px, transparent 4px),
        radial-gradient(circle at 78% 76%, rgba(244, 215, 157, .86) 0 3px, transparent 4px),
        radial-gradient(circle at 58% 88%, rgba(255, 244, 212, .68) 0 2px, transparent 4px),
        radial-gradient(circle at 20% 78%, rgba(244, 215, 157, .84) 0 3px, transparent 4px),
        radial-gradient(circle at 9% 56%, rgba(255, 244, 212, .68) 0 2px, transparent 4px);
    filter:
        drop-shadow(0 0 8px rgba(244, 215, 157, .48))
        drop-shadow(0 0 18px rgba(201, 168, 106, .24));
    opacity: .72;
}

.epp-tour-layer.is-agenda-premium-step::after {
    animation: eppAgendaScreenGlow 2.6s ease-in-out infinite;
    background:
        radial-gradient(circle at 50% 48%, rgba(244, 215, 157, .20), transparent 23%),
        radial-gradient(circle at 50% 48%, rgba(201, 168, 106, .12), transparent 38%);
    mix-blend-mode: screen;
    opacity: .56;
}

.epp-tour-layer[hidden] {
    display: none !important;
}

.epp-tour-popover[hidden],
.epp-tour-confirm[hidden] {
    display: none !important;
}

.epp-tour-scrim {
    background:
        radial-gradient(circle at 50% 20%, rgba(201, 168, 106, .055), transparent 34%),
        rgba(0, 0, 0, .72);
    backdrop-filter: blur(10px) saturate(94%);
    inset: 0;
    pointer-events: auto;
    position: absolute;
    transition: background .18s ease, opacity .18s ease, backdrop-filter .18s ease;
    -webkit-backdrop-filter: blur(10px) saturate(94%);
    z-index: 0;
}

.epp-tour-layer.has-target-highlight .epp-tour-scrim {
    background: rgba(0, 0, 0, .16);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epp-tour-highlight {
    background: rgba(255, 255, 255, .018);
    border: 1px solid rgba(244, 215, 157, .86);
    border-radius: 16px;
    box-shadow:
        0 0 0 9999px rgba(0, 0, 0, .72),
        0 0 0 5px rgba(201, 168, 106, .15),
        0 0 34px rgba(201, 168, 106, .26),
        inset 0 0 0 1px rgba(255, 255, 255, .18),
        0 18px 46px rgba(0, 0, 0, .30);
    pointer-events: none;
    position: fixed;
    transition: top .22s cubic-bezier(.2, .74, .24, 1), left .22s cubic-bezier(.2, .74, .24, 1), width .22s cubic-bezier(.2, .74, .24, 1), height .22s cubic-bezier(.2, .74, .24, 1), opacity .16s ease;
    z-index: 2;
}

.epp-tour-agenda-spotlight {
    align-items: center;
    background:
        radial-gradient(circle at 18% 16%, rgba(255, 244, 212, .28), transparent 26%),
        radial-gradient(circle at 82% 20%, rgba(244, 215, 157, .22), transparent 28%),
        linear-gradient(145deg, rgba(27, 23, 16, .94), rgba(8, 8, 7, .86));
    border: 1px solid rgba(244, 215, 157, .42);
    border-radius: 22px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 24px 70px rgba(0, 0, 0, .48),
        0 0 46px rgba(201, 168, 106, .22);
    color: rgba(255, 244, 212, .98);
    display: flex;
    flex-direction: column;
    gap: 3px;
    left: 50%;
    min-width: min(360px, calc(100vw - 36px));
    overflow: hidden;
    padding: 18px 22px 16px;
    pointer-events: none;
    position: fixed;
    text-align: center;
    top: max(22px, env(safe-area-inset-top));
    transform: translateX(-50%);
    z-index: 5;
}

.epp-tour-agenda-spotlight[hidden] {
    display: none !important;
}

.epp-tour-agenda-spotlight strong {
    font-size: 22px;
    font-weight: 780;
    letter-spacing: .02em;
    line-height: 1.1;
    position: relative;
    z-index: 2;
}

.epp-tour-agenda-spotlight em {
    color: rgba(244, 215, 157, .78);
    font-size: 12px;
    font-style: normal;
    font-weight: 650;
    letter-spacing: .12em;
    line-height: 1.2;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

.epp-tour-agenda-burst {
    animation: eppAgendaSpotlightBurst 1.65s ease-in-out infinite;
    background:
        radial-gradient(circle, rgba(255, 244, 212, 1) 0 2px, transparent 3px),
        radial-gradient(circle at 20% 80%, rgba(244, 215, 157, .95) 0 2px, transparent 3px),
        radial-gradient(circle at 80% 22%, rgba(255, 244, 212, .70) 0 1px, transparent 3px);
    filter:
        drop-shadow(0 0 8px rgba(244, 215, 157, .70))
        drop-shadow(0 0 18px rgba(201, 168, 106, .28));
    height: 54px;
    opacity: .9;
    position: absolute;
    width: 54px;
}

.epp-tour-agenda-burst:nth-child(1) {
    left: 12px;
    top: 10px;
}

.epp-tour-agenda-burst:nth-child(2) {
    animation-delay: .22s;
    right: 20px;
    top: 8px;
}

.epp-tour-agenda-burst:nth-child(3) {
    animation-delay: .46s;
    bottom: -6px;
    left: 18%;
}

.epp-tour-agenda-burst:nth-child(4) {
    animation-delay: .68s;
    bottom: -4px;
    right: 16%;
}

@keyframes eppAgendaSpotlightBurst {
    0%,
    100% {
        opacity: .34;
        transform: scale(.72) rotate(0deg);
    }

    45% {
        opacity: 1;
        transform: scale(1.16) rotate(16deg);
    }
}

.epp-tour-layer.is-agenda-premium-step .epp-tour-highlight {
    background:
        radial-gradient(circle at 50% 50%, rgba(244, 215, 157, .12), transparent 64%),
        rgba(255, 255, 255, .026);
    border-color: rgba(244, 215, 157, .96);
    box-shadow:
        0 0 0 9999px rgba(0, 0, 0, .76),
        0 0 0 6px rgba(201, 168, 106, .18),
        0 0 42px rgba(244, 215, 157, .34),
        inset 0 1px 0 rgba(255, 255, 255, .22),
        0 24px 60px rgba(0, 0, 0, .36);
}

.epp-tour-layer.is-agenda-premium-step .epp-tour-highlight::before,
.epp-tour-layer.is-agenda-premium-step .epp-tour-highlight::after {
    border-radius: inherit;
    content: "";
    inset: -24px;
    pointer-events: none;
    position: absolute;
}

.epp-tour-layer.is-agenda-premium-step .epp-tour-highlight::before {
    animation: eppAgendaFireworkBurst 1.9s ease-in-out infinite;
    background:
        radial-gradient(circle at 12% 18%, rgba(244, 215, 157, .95) 0 2px, transparent 3px),
        radial-gradient(circle at 26% 6%, rgba(255, 244, 212, .72) 0 1px, transparent 3px),
        radial-gradient(circle at 78% 10%, rgba(244, 215, 157, .88) 0 2px, transparent 3px),
        radial-gradient(circle at 92% 32%, rgba(255, 244, 212, .68) 0 1px, transparent 3px),
        radial-gradient(circle at 88% 82%, rgba(244, 215, 157, .86) 0 2px, transparent 3px),
        radial-gradient(circle at 62% 96%, rgba(255, 244, 212, .70) 0 1px, transparent 3px),
        radial-gradient(circle at 18% 86%, rgba(244, 215, 157, .84) 0 2px, transparent 3px),
        radial-gradient(circle at 4% 55%, rgba(255, 244, 212, .64) 0 1px, transparent 3px);
    filter:
        drop-shadow(0 0 8px rgba(244, 215, 157, .38))
        drop-shadow(0 0 18px rgba(201, 168, 106, .18));
    opacity: .72;
}

.epp-tour-layer.is-agenda-premium-step .epp-tour-highlight::after {
    animation: eppAgendaFireworkRing 2.4s ease-in-out infinite;
    background:
        conic-gradient(
            from 32deg,
            transparent 0 9deg,
            rgba(244, 215, 157, .52) 10deg 12deg,
            transparent 13deg 42deg,
            rgba(255, 244, 212, .36) 43deg 45deg,
            transparent 46deg 82deg,
            rgba(244, 215, 157, .42) 83deg 85deg,
            transparent 86deg 132deg,
            rgba(255, 244, 212, .32) 133deg 135deg,
            transparent 136deg 188deg,
            rgba(244, 215, 157, .42) 189deg 191deg,
            transparent 192deg 246deg,
            rgba(255, 244, 212, .34) 247deg 249deg,
            transparent 250deg 314deg,
            rgba(244, 215, 157, .48) 315deg 317deg,
            transparent 318deg 360deg
        );
    filter: blur(.2px);
    mask: radial-gradient(ellipse at center, transparent 0 58%, #000 59% 72%, transparent 73%);
    opacity: .52;
}

@keyframes eppAgendaFireworkBurst {
    0% {
        opacity: .30;
        transform: scale(.92);
    }

    42% {
        opacity: .92;
        transform: scale(1.04);
    }

    100% {
        opacity: .34;
        transform: scale(1.14);
    }
}

@keyframes eppAgendaFireworkRing {
    0% {
        opacity: .22;
        transform: rotate(0deg) scale(.96);
    }

    50% {
        opacity: .64;
        transform: rotate(10deg) scale(1.04);
    }

    100% {
        opacity: .24;
        transform: rotate(20deg) scale(1.08);
    }
}

@keyframes eppAgendaScreenFireworks {
    0% {
        opacity: .18;
        transform: scale(.84);
    }

    28% {
        opacity: .92;
        transform: scale(1);
    }

    62% {
        opacity: .54;
        transform: scale(1.08);
    }

    100% {
        opacity: .20;
        transform: scale(1.16);
    }
}

@keyframes eppAgendaScreenGlow {
    0%,
    100% {
        opacity: .22;
        transform: scale(.92);
    }

    48% {
        opacity: .68;
        transform: scale(1.08);
    }
}

.epp-tour-indicator {
    align-items: center;
    color: rgba(244, 215, 157, .96);
    display: inline-flex;
    filter:
        drop-shadow(0 16px 26px rgba(0, 0, 0, .42))
        drop-shadow(0 0 18px rgba(201, 168, 106, .18));
    height: 44px;
    justify-content: center;
    pointer-events: none;
    position: fixed;
    transform-origin: center;
    width: 72px;
    z-index: 5;
}

.epp-tour-indicator[hidden] {
    display: none !important;
}

.epp-tour-indicator svg {
    animation: eppTourIndicatorPulse 1.45s ease-in-out infinite;
    display: block;
    height: 44px;
    overflow: visible;
    width: 72px;
}

.epp-tour-indicator path {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.epp-tour-indicator-beam {
    opacity: .92;
    stroke-width: 4.4;
}

.epp-tour-indicator-tip {
    filter: drop-shadow(0 0 10px rgba(244, 215, 157, .22));
    stroke-width: 4.7;
}

.epp-tour-indicator.is-pointing-left svg {
    animation-name: eppTourIndicatorPulseLeft;
    transform: rotate(180deg);
}

.epp-tour-indicator.is-compact {
    color: rgba(244, 215, 157, .98);
    transform: scale(.88);
}

@keyframes eppTourIndicatorPulse {
    0%,
    100% {
        opacity: .78;
        transform: translateX(0);
    }

    50% {
        opacity: 1;
        transform: translateX(7px);
    }
}

@keyframes eppTourIndicatorPulseLeft {
    0%,
    100% {
        opacity: .78;
        transform: rotate(180deg) translateX(0);
    }

    50% {
        opacity: 1;
        transform: rotate(180deg) translateX(7px);
    }
}

body.epp-tour-active .epp-tour-active-target {
    border-radius: 14px;
    box-shadow:
        0 0 0 4px rgba(201, 168, 106, .18),
        0 0 32px rgba(201, 168, 106, .30),
        0 18px 46px rgba(0, 0, 0, .32) !important;
    filter: saturate(1.08) brightness(1.06);
    pointer-events: none !important;
    position: relative;
    transition: box-shadow .22s ease, filter .22s ease, transform .22s ease;
    will-change: box-shadow, filter;
    z-index: 2599 !important;
}

body.workspace-venue-management.epp-tour-active .dashboard-page .epp-tour-active-target {
    background:
        radial-gradient(circle at 26% -18%, rgba(111, 168, 220, .14), transparent 32%),
        radial-gradient(circle at 98% -8%, rgba(201, 168, 106, .075), transparent 28%),
        linear-gradient(155deg, rgba(255, 255, 255, .072), rgba(255, 255, 255, .024) 44%, rgba(201, 168, 106, .036)),
        rgba(10, 18, 31, .86);
    border-color: rgba(201, 168, 106, .52);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .16),
        inset 0 -1px 0 rgba(255, 255, 255, .035),
        0 0 0 4px rgba(201, 168, 106, .16),
        0 0 30px rgba(201, 168, 106, .22),
        0 24px 62px rgba(2, 8, 18, .44) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    filter: none;
    transform: translateZ(0);
}

body.theme-light.workspace-venue-management.epp-tour-active .dashboard-page .epp-tour-active-target {
    background:
        radial-gradient(circle at 26% -18%, rgba(49, 95, 134, .12), transparent 32%),
        radial-gradient(circle at 98% -8%, rgba(181, 139, 67, .095), transparent 28%),
        linear-gradient(155deg, rgba(255, 255, 255, .94), rgba(246, 248, 251, .82));
    border-color: rgba(181, 139, 67, .44);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .88),
        0 0 0 4px rgba(181, 139, 67, .12),
        0 18px 44px rgba(49, 64, 82, .18) !important;
}

body.epp-tour-active .epp-tour-active-target[data-tour="dashboard-agenda"],
body.epp-tour-active .epp-tour-active-target[data-tour="venue-agenda"] {
    animation: eppAgendaCardSpotlight 1.65s ease-in-out infinite;
    box-shadow:
        0 0 0 6px rgba(201, 168, 106, .26),
        0 0 52px rgba(244, 215, 157, .46),
        0 26px 70px rgba(0, 0, 0, .42) !important;
    filter: saturate(1.18) brightness(1.12);
    transform: translateY(-3px) scale(1.018);
}

body.epp-tour-active .epp-tour-agenda-target::after {
    animation: eppAgendaSparkleSweep 1.8s ease-in-out infinite;
    background:
        radial-gradient(circle at 18% 22%, rgba(255, 245, 216, .95) 0 2px, transparent 3px),
        radial-gradient(circle at 74% 18%, rgba(244, 215, 157, .88) 0 2px, transparent 3px),
        radial-gradient(circle at 90% 66%, rgba(255, 245, 216, .82) 0 1.5px, transparent 3px),
        radial-gradient(circle at 38% 88%, rgba(244, 215, 157, .88) 0 2px, transparent 3px),
        linear-gradient(120deg, transparent 0%, rgba(255, 244, 212, .18) 42%, rgba(255, 244, 212, .38) 50%, rgba(255, 244, 212, .12) 58%, transparent 100%);
    border-radius: inherit;
    content: "";
    inset: -1px;
    opacity: .76;
    pointer-events: none;
    position: absolute;
    z-index: 3;
}

@keyframes eppAgendaCardSpotlight {
    0%,
    100% {
        box-shadow:
            0 0 0 5px rgba(201, 168, 106, .20),
            0 0 34px rgba(244, 215, 157, .28),
            0 20px 54px rgba(0, 0, 0, .36);
        transform: translateY(-2px) scale(1.01);
    }

    48% {
        box-shadow:
            0 0 0 9px rgba(201, 168, 106, .28),
            0 0 68px rgba(244, 215, 157, .52),
            0 30px 78px rgba(0, 0, 0, .46);
        transform: translateY(-4px) scale(1.026);
    }
}

@keyframes eppAgendaSparkleSweep {
    0% {
        opacity: .30;
        transform: translateX(-8%) scale(.98);
    }

    45% {
        opacity: .92;
        transform: translateX(4%) scale(1.01);
    }

    100% {
        opacity: .36;
        transform: translateX(10%) scale(1.02);
    }
}

body.epp-tour-active .epp-tour-active-target * {
    pointer-events: none !important;
}

.epp-tour-menu-button-cue {
    animation: eppTourMenuButtonCue 1.55s ease-in-out infinite;
    border-color: rgba(201, 168, 106, .52) !important;
    box-shadow:
        0 0 0 4px rgba(201, 168, 106, .13),
        0 10px 22px rgba(0, 0, 0, .16) !important;
    outline: none;
    position: relative;
    z-index: 2599;
}

body.epp-tour-active {
    overflow: hidden;
}

@keyframes eppTourMenuButtonCue {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.035);
    }
}

@media (prefers-reduced-motion: reduce) {
    .epp-tour-menu-button-cue,
    .epp-tour-indicator svg,
    .epp-tour-layer.is-agenda-premium-step::before,
    .epp-tour-layer.is-agenda-premium-step::after,
    .epp-tour-layer.is-agenda-premium-step .epp-tour-highlight::before,
    .epp-tour-layer.is-agenda-premium-step .epp-tour-highlight::after,
    body.epp-tour-active .epp-tour-active-target[data-tour="dashboard-agenda"],
    body.epp-tour-active .epp-tour-active-target[data-tour="venue-agenda"],
    body.epp-tour-active .epp-tour-agenda-target::after,
    .epp-tour-agenda-celebration span {
        animation: none;
    }
}

.epp-tour-popover,
.epp-tour-confirm {
    background:
        radial-gradient(circle at 16% 0%, rgba(201, 168, 106, .08), transparent 36%),
        linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
        var(--card);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 18px;
    box-shadow: 0 24px 62px rgba(0, 0, 0, .36);
    color: var(--text);
    display: grid;
    gap: 14px;
    max-width: min(390px, calc(100vw - 28px));
    padding: 16px;
    pointer-events: auto;
    position: fixed;
    transition: opacity .20s ease, transform .22s cubic-bezier(.2, .74, .24, 1);
    z-index: 6;
}

.epp-tour-popover.is-transitioning {
    opacity: 0;
    transform: translateY(7px);
}

.epp-tour-popover {
    max-height: calc(100vh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow: auto;
    width: 390px;
}

.epp-tour-popover.is-agenda-premium-step {
    background:
        radial-gradient(circle at 20% 0%, rgba(244, 215, 157, .15), transparent 38%),
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        var(--card);
    border-color: rgba(244, 215, 157, .30);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 28px 72px rgba(0, 0, 0, .42),
        0 0 34px rgba(201, 168, 106, .11);
}

.epp-tour-popover-header {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) 34px;
}

.epp-tour-popover-header h2,
.epp-tour-confirm h2 {
    color: var(--text);
    font-size: 18px;
    font-weight: 820;
    line-height: 1.2;
    margin: 0;
}

.epp-tour-step-count {
    color: var(--primary);
    font-size: 11px;
    font-weight: 840;
    letter-spacing: .06em;
    line-height: 1.2;
    text-transform: uppercase;
}

.epp-tour-emphasis-label {
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .18), rgba(201, 168, 106, .055));
    border: 1px solid rgba(201, 168, 106, .26);
    border-radius: 999px;
    color: rgba(244, 215, 157, .92);
    display: inline-flex;
    font-size: 10.5px;
    font-weight: 680;
    letter-spacing: .045em;
    line-height: 1;
    margin: 0 0 8px 8px;
    padding: 5px 8px;
    text-transform: uppercase;
    vertical-align: top;
}

.epp-tour-agenda-celebration {
    align-items: center;
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 244, 212, .28), transparent 34%),
        linear-gradient(145deg, rgba(201, 168, 106, .22), rgba(255, 255, 255, .045)),
        rgba(201, 168, 106, .075);
    border: 1px solid rgba(244, 215, 157, .34);
    border-radius: 16px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .16),
        0 16px 34px rgba(0, 0, 0, .24),
        0 0 28px rgba(201, 168, 106, .18);
    color: rgba(255, 244, 212, .96);
    display: flex;
    justify-content: center;
    min-height: 54px;
    overflow: hidden;
    position: relative;
}

.epp-tour-agenda-celebration strong {
    font-size: 12px;
    font-weight: 760;
    letter-spacing: .08em;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

.epp-tour-agenda-celebration span {
    animation: eppAgendaVisibleSpark 1.8s ease-in-out infinite;
    background: rgba(255, 244, 212, .92);
    border-radius: 999px;
    box-shadow:
        0 0 8px rgba(244, 215, 157, .84),
        0 0 18px rgba(201, 168, 106, .44);
    height: 6px;
    position: absolute;
    width: 6px;
}

.epp-tour-agenda-celebration span:nth-child(1) {
    left: 10%;
    top: 28%;
}

.epp-tour-agenda-celebration span:nth-child(2) {
    animation-delay: .28s;
    left: 26%;
    top: 68%;
}

.epp-tour-agenda-celebration span:nth-child(3) {
    animation-delay: .52s;
    right: 22%;
    top: 24%;
}

.epp-tour-agenda-celebration span:nth-child(4) {
    animation-delay: .78s;
    right: 10%;
    top: 66%;
}

@keyframes eppAgendaVisibleSpark {
    0%,
    100% {
        opacity: .34;
        transform: scale(.72);
    }

    42% {
        opacity: 1;
        transform: scale(1.65);
    }
}

.epp-tour-popover p,
.epp-tour-confirm p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
}

.epp-tour-close {
    align-items: center;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    color: var(--text-muted);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 34px;
    justify-content: center;
    width: 34px;
    z-index: 3;
}

.epp-tour-close:hover,
.epp-tour-close:focus-visible {
    border-color: rgba(201, 168, 106, .28);
    color: var(--text);
    outline: none;
}

.epp-tour-confirm-close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 3;
}

.epp-tour-actions,
.epp-tour-confirm-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.epp-tour-actions .ui-button,
.epp-tour-confirm-actions .ui-button {
    min-height: 34px;
    padding: 8px 11px;
}

.epp-tour-confirm {
    left: 50%;
    max-height: calc(100vh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, calc(100vw - 28px));
}

.epp-tour-confirm-check {
    align-items: start;
    color: var(--text-muted);
    display: flex;
    font-size: 13px;
    gap: 9px;
    line-height: 1.35;
}

.epp-tour-confirm-check input {
    accent-color: var(--primary);
    margin-top: 2px;
}

body.theme-light .epp-tour-scrim {
    background:
        radial-gradient(circle at 50% 20%, rgba(116, 93, 58, .07), transparent 34%),
        rgba(30, 27, 22, .62);
}

body.theme-light .epp-tour-layer.has-target-highlight .epp-tour-scrim {
    background: rgba(30, 27, 22, .12);
}

body.theme-light .epp-tour-highlight {
    box-shadow:
        0 0 0 9999px rgba(30, 27, 22, .60),
        0 0 0 4px rgba(116, 93, 58, .16),
        0 0 30px rgba(116, 93, 58, .22),
        inset 0 0 0 1px rgba(255, 255, 255, .26),
        0 18px 46px rgba(86, 68, 41, .16);
}

body.theme-light .epp-tour-menu-button-cue {
    box-shadow:
        0 0 0 3px rgba(116, 93, 58, .14),
        0 10px 22px rgba(86, 68, 41, .14) !important;
}

body.theme-light .epp-tour-popover,
body.theme-light .epp-tour-confirm {
    border-color: rgba(116, 93, 58, .24);
    box-shadow: 0 24px 60px rgba(86, 68, 41, .18);
}

@media (max-width: 840px) {
    .epp-assistant-tour-card {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .epp-assistant-tour-actions {
        grid-column: 2 / -1;
        grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
        width: 100%;
    }
}

body.workspace-production-events.private-mode .is-confidential {
    display: none !important;
}

body.workspace-venue-management.private-mode .is-confidential {
    display: none !important;
}

@media (max-width: 760px) {
    .epp-workspace-welcome {
        align-items: center;
        padding: 16px;
    }

    .epp-workspace-welcome-card {
        gap: 14px;
        max-height: calc(100vh - 32px);
        max-height: calc(100dvh - 32px);
        padding: 62px 16px 18px;
    }

    .epp-workspace-welcome-card .epp-modal-close {
        height: 38px;
        right: 14px;
        top: 14px;
        width: 38px;
    }

    .epp-workspace-welcome-header {
        padding: 0;
    }

    .epp-workspace-welcome-header h2 {
        font-size: 23px;
        max-width: 290px;
    }

    .epp-workspace-welcome-brand {
        gap: 8px;
    }

    .epp-workspace-welcome-brand strong {
        font-size: 25px;
    }

    .epp-workspace-welcome-brand span {
        height: 26px;
        width: 26px;
    }

    .epp-workspace-welcome-header p {
        font-size: 14px;
    }

    .epp-workspace-welcome-options {
        grid-template-columns: 1fr;
    }

    .epp-workspace-welcome-option {
        grid-template-columns: 46px minmax(0, 1fr);
        min-height: 0;
        padding: 14px;
    }

    .epp-workspace-welcome-option-icon {
        border-radius: 14px;
        height: 46px;
        width: 46px;
    }

    .epp-workspace-welcome-option strong {
        font-size: 16px;
    }

    .epp-workspace-welcome-preferences {
        align-items: flex-start;
        display: grid;
        justify-content: stretch;
        text-align: left;
    }

    .workspace-context-card-layer {
        align-items: center;
        inset: 0;
        justify-content: center;
        padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
    }

    .workspace-context-card {
        max-width: 100%;
        outline-color: rgba(0, 0, 0, .34);
        padding: 16px;
        width: 100%;
    }

    .workspace-context-card-header {
        gap: 12px;
        grid-template-columns: 46px minmax(0, 1fr);
        padding-right: 34px;
    }

    .workspace-context-card-icon {
        border-radius: 14px;
        height: 46px;
        width: 46px;
    }

    .workspace-context-card-icon svg {
        height: 23px;
        width: 23px;
    }

    .workspace-context-card-copy strong {
        font-size: 17px;
    }

    .workspace-context-card-actions {
        grid-template-columns: 1fr;
    }

    .epp-assistant-welcome {
        align-items: center;
        padding: 16px;
    }

    .epp-assistant-card {
        gap: 14px;
        max-height: calc(100vh - 32px);
        max-height: calc(100dvh - 32px);
        overflow: auto;
        padding: 62px 18px 18px;
    }

    .epp-assistant-card .epp-modal-close {
        height: 38px;
        right: 14px;
        top: 14px;
        width: 38px;
    }

    .epp-assistant-copy {
        max-width: 100%;
    }

    .epp-assistant-copy h2 {
        font-size: 21px;
        line-height: 1.18;
        padding-inline: 4px;
    }

    .epp-assistant-actions {
        grid-template-columns: 1fr;
    }

    .epp-assistant-tour-card {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .epp-assistant-tour-actions,
    .epp-assistant-tour-actions .ui-button {
        grid-column: auto;
        width: 100%;
    }

    .epp-assistant-action {
        align-items: center;
        display: flex;
        justify-content: flex-start;
        min-height: 58px;
        padding: 13px 14px;
        text-align: left;
    }

    .epp-assistant-action strong {
        font-size: 15px;
    }

    .epp-start-decision {
        align-items: center;
        padding: 16px;
    }

    .epp-start-decision-card {
        gap: 14px;
        padding: 18px;
    }

    .epp-start-decision-header {
        display: grid;
        justify-items: center;
        min-height: 42px;
        padding-inline: 48px;
        position: relative;
    }

    .epp-start-decision-header .epp-modal-close {
        height: 38px;
        right: 0;
        top: 0;
        width: 38px;
    }

    .epp-start-decision-copy {
        max-width: 100%;
    }

    .epp-start-decision-copy h2 {
        font-size: 22px;
        line-height: 1.14;
        max-width: 238px;
    }

    .epp-start-decision-options {
        grid-template-columns: 1fr;
    }

    .epp-start-decision-option {
        gap: 12px;
        padding: 15px;
    }

    .epp-start-decision-option .ui-button {
        min-height: 42px;
    }

    .epp-tour-popover {
        bottom: max(14px, env(safe-area-inset-bottom));
        box-sizing: border-box;
        left: 14px;
        max-height: min(72vh, calc(100vh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
        max-height: min(72dvh, calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
        max-width: none;
        overflow: auto;
        right: 14px;
        top: auto;
        width: auto;
    }

    .epp-tour-agenda-spotlight {
        border-radius: 18px;
        min-width: 0;
        padding: 13px 16px 12px;
        top: max(12px, env(safe-area-inset-top));
        width: calc(100vw - 28px);
    }

    .epp-tour-agenda-spotlight strong {
        font-size: 18px;
    }

    .epp-tour-agenda-spotlight em {
        font-size: 10px;
        letter-spacing: .10em;
    }

    .epp-tour-agenda-burst {
        height: 42px;
        width: 42px;
    }

    .epp-tour-popover-header {
        display: grid;
        gap: 10px;
        grid-template-columns: 1fr;
        min-height: 38px;
        padding-right: 46px;
        position: relative;
    }

    .epp-tour-popover-header .epp-tour-close {
        height: 38px;
        position: absolute;
        right: 0;
        top: 0;
        width: 38px;
    }

    .epp-tour-popover-header h2 {
        padding-right: 0;
    }

    .epp-tour-actions,
    .epp-tour-confirm-actions {
        justify-content: stretch;
    }

    .epp-tour-actions .ui-button,
    .epp-tour-confirm-actions .ui-button {
        flex: 1 1 0;
        min-width: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

    .epp-tour-confirm {
        left: 14px;
        max-height: calc(100vh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        max-height: calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        padding-top: 58px;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
    }

    .epp-tour-confirm-close {
        height: 38px;
        width: 38px;
    }
}

@media (max-height: 560px) {
    .epp-assistant-welcome {
        align-items: center;
        padding: 12px 16px;
    }

    .epp-assistant-card {
        max-height: calc(100vh - 24px);
        max-height: calc(100dvh - 24px);
        overflow: auto;
    }
}

@media (max-width: 380px) {
    .topbar-brand-logo {
        height: 38px;
        width: 38px;
    }

    .topbar-logo-epp {
        max-height: 34px;
        max-width: 34px;
        width: 34px;
    }
}

@keyframes eppAssistantFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes eppAssistantEnter {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes eppAssistantContentEnter {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.support-page {
    display: grid;
    gap: 18px;
}

.support-form {
    max-width: 860px;
}

.support-form .ui-button .event-view-svg-icon {
    height: 17px;
    width: 17px;
}

.dashboard-timeline-card {
    align-content: start;
}

.dashboard-timeline-mini {
    display: grid;
    gap: 8px;
}

.dashboard-timeline-mini small {
    border-top: 1px solid rgba(255, 255, 255, .07);
    color: var(--text-muted);
    display: grid;
    gap: 2px;
    line-height: 1.3;
    padding-top: 8px;
}

.dashboard-timeline-mini small:first-child {
    border-top: 0;
    padding-top: 0;
}

.dashboard-timeline-mini strong {
    color: var(--text);
    font-size: 12px;
}

.dashboard-timeline-mini span {
    color: var(--text-muted);
    font-size: 12px;
}

.dashboard-bitacora {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 18px;
    padding: 22px;
}

.providers-page {
    display: grid;
    gap: 20px;
}

.providers-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.providers-header .page-header {
    margin-bottom: 0;
}

.providers-search {
    display: grid;
    gap: 8px;
    max-width: 420px;
    width: 100%;
}

.providers-search-form {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: 8px;
    width: 100%;
}

.providers-search-form .form-control {
    min-width: 0;
}

.providers-search-button {
    width: 42px;
    height: 42px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #242424;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: var(--transition);
}

.providers-search-button:hover,
.providers-search-button:focus-visible {
    outline: none;
    background: #2a2a2a;
    border-color: var(--primary);
}

.providers-panel {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 18px;
    padding: 18px;
}

.providers-panel-header {
    align-items: end;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.providers-panel-actions,
.providers-view-modes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.providers-panel-actions {
    align-items: flex-end;
    flex-direction: column;
}

.providers-view-modes .ui-button.is-active {
    border-color: var(--primary);
    color: var(--primary);
}

.providers-list-panel {
    display: grid;
    gap: 16px;
    grid-template-rows: 1fr;
    opacity: 1;
    overflow: hidden;
    transition: grid-template-rows .24s ease, opacity .2s ease;
}

.providers-list-panel[hidden] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
}

.providers-list-panel[hidden] > * {
    overflow: hidden;
}

.providers-grid {
    display: grid;
    gap: 18px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.providers-empty {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 18px;
}

.provider-card {
    align-content: start;
    background:
        radial-gradient(circle at 16% 0%, rgba(201, 168, 106, .10), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .014)),
        var(--card);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: var(--radius);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .20);
    display: grid;
    gap: 14px;
    min-height: 0;
    overflow: hidden;
    padding: 16px;
}

.provider-card-header {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    position: relative;
}

.provider-card-icon {
    align-items: center;
    background: rgba(201, 168, 106, .08);
    border: 1px solid rgba(201, 168, 106, .26);
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.provider-list-icon-svg {
    color: var(--primary);
    fill: none;
    flex: 0 0 auto;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 17px;
}

.provider-card-icon .provider-list-icon-svg {
    height: 28px;
    width: 28px;
}

.provider-card h3 {
    color: var(--text);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.provider-card-header p {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    margin: 4px 0 0;
}

.provider-card-status {
    align-items: center;
    background: rgba(70, 211, 120, .10);
    border: 1px solid rgba(70, 211, 120, .34);
    border-radius: 999px;
    color: #5ee68b;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    gap: 6px;
    line-height: 1;
    padding: 7px 9px;
    position: absolute;
    right: 0;
    top: 0;
}

.provider-card-status > span {
    background: currentColor;
    border-radius: 999px;
    height: 6px;
    width: 6px;
}

.provider-card-status-inactivo,
.provider-card-status-suspendido {
    background: rgba(255, 193, 84, .10);
    border-color: rgba(255, 193, 84, .34);
    color: #ffc154;
}

.provider-card-divider {
    background: linear-gradient(90deg, rgba(201, 168, 106, .46), rgba(255, 255, 255, .08), transparent);
    border-radius: 999px;
    height: 1px;
}

.provider-card-fields {
    display: grid;
    gap: 10px 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.provider-card-field {
    background: rgba(0, 0, 0, .10);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 12px;
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 10px;
}

.provider-card-field-wide {
    grid-column: 1 / -1;
}

.provider-card-fields span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 6px;
    line-height: 1.2;
}

.provider-card-fields strong,
.providers-empty strong {
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.provider-card-actions {
    align-self: end;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: auto;
}

.provider-card-actions .ui-button {
    justify-content: center;
    justify-self: stretch;
    min-width: 0;
    width: 100%;
}

@media (max-width: 1024px) {
    .providers-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .providers-grid {
        grid-template-columns: 1fr;
    }

    .provider-card {
        min-height: 0;
    }

    .provider-card-actions {
        grid-template-columns: 1fr;
    }
}

.users-page {
    display: grid;
    gap: 20px;
}

.users-header {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.users-header .page-header {
    margin-bottom: 0;
}

.users-panel {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 18px;
    padding: 18px;
}

.users-panel-header {
    display: flex;
    justify-content: space-between;
}

.users-search-form {
    display: grid;
    gap: 8px;
    max-width: 420px;
    width: 100%;
}

.users-search-control {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) 42px;
}

.users-search-button {
    align-items: center;
    background: #242424;
    border: 1px solid var(--border);
    border-radius: 10px;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    font-size: 15px;
    height: 42px;
    justify-content: center;
    transition: var(--transition);
    width: 42px;
}

.users-search-button:hover,
.users-search-button:focus-visible {
    background: #2a2a2a;
    border-color: var(--primary);
    outline: none;
}

.users-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.user-card,
.users-empty {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 18px;
}

.user-card {
    display: grid;
    gap: 16px;
}

.user-card h3 {
    color: var(--text);
    font-size: 18px;
    line-height: 1.3;
}

.user-card-fields {
    display: grid;
    gap: 12px;
}

.user-card-fields div {
    display: grid;
    gap: 4px;
}

.user-card-fields span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
}

.user-card-fields strong,
.users-empty strong {
    color: var(--text);
    font-size: 15px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.user-record-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.user-record-main {
    grid-column: span 2;
}

.user-record-compact {
    min-width: 0;
}

.accesses-page {
    display: grid;
    gap: 16px;
}

.accesses-header {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.accesses-header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.accesses-header .page-header {
    margin-bottom: 0;
}

.access-company-card,
.accesses-panel {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 14px;
    padding: 16px;
}

.access-company-card h3 {
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.3;
}

.access-card-heading {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.access-license-layout {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: auto minmax(0, 1fr);
}

.access-license-logo {
    align-items: center;
    background: var(--primary);
    border-radius: 14px;
    color: #111;
    display: inline-flex;
    font-size: 17px;
    font-weight: 900;
    height: 58px;
    justify-content: center;
    letter-spacing: .04em;
    overflow: hidden;
    width: 58px;
}

.access-license-logo img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.access-company-fields {
    display: grid;
    gap: 10px 14px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.access-company-fields div,
.access-card-fields div {
    display: grid;
    gap: 4px;
}

.access-company-fields span,
.access-card-fields span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
}

.access-company-fields strong,
.access-card-fields strong,
.accesses-empty strong {
    color: var(--text);
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.accesses-panel-header {
    align-items: end;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.accesses-panel-header h3 {
    color: var(--text);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.3;
    text-transform: uppercase;
}

.accesses-list-details {
    display: grid;
    gap: 16px;
}

.accesses-list-details summary {
    align-items: center;
    color: var(--text);
    cursor: pointer;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    gap: 12px;
    justify-content: space-between;
    list-style: none;
}

.accesses-list-details summary::-webkit-details-marker {
    display: none;
}

.accesses-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.access-level-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.access-level-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 12px;
    padding: 14px;
}

.access-level-card-featured {
    border-color: rgba(201, 168, 106, .42);
    box-shadow: 0 0 0 1px rgba(201, 168, 106, .12);
}

.access-level-card-header {
    display: grid;
    gap: 5px;
}

.access-level-card-header h3 {
    color: var(--primary);
    font-size: 15px;
    line-height: 1.3;
}

.access-level-card-header p {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.4;
}

.access-level-card-list {
    display: grid;
    gap: 10px;
}

.access-card,
.accesses-empty {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 14px;
}

.access-card {
    display: grid;
    gap: 10px;
}

.access-card h3 {
    color: var(--text);
    font-size: 15px;
    line-height: 1.3;
}

.access-card h4 {
    color: var(--text);
    font-size: 14px;
    line-height: 1.3;
}

.access-card-compact {
    background: rgba(255, 255, 255, .018);
}

.access-empty-compact {
    padding: 12px;
}

.access-card-fields {
    display: grid;
    gap: 8px;
}

.access-card-compact .access-card-fields {
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.access-list-field {
    align-items: start;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 14px;
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 12px;
}

.access-list-field-wide {
    grid-column: 1 / -1;
}

.access-card-fields .access-list-field span {
    align-items: flex-start;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    letter-spacing: .04em;
    line-height: 1.25;
    min-width: 0;
    overflow-wrap: anywhere;
    text-transform: uppercase;
    white-space: normal;
}

.access-card-fields .access-list-field strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.access-list-icon-svg {
    color: var(--primary);
    flex: 0 0 auto;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 15px;
}

.access-level-value {
    color: var(--primary) !important;
}

.access-description-value {
    color: var(--text-muted) !important;
    font-weight: 600;
}

.access-record-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.access-summary-card {
    align-content: start;
    gap: 10px;
    padding: 14px;
}

.access-summary-card .event-record-fields {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.access-detail-field {
    align-items: start;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 14px;
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 11px 12px;
}

.access-detail-field-wide {
    grid-column: 1 / -1;
}

.access-detail-field span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.access-detail-field strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.access-detail-icon-svg {
    color: var(--primary);
    flex: 0 0 auto;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 15px;
}

.access-record-main {
    grid-column: span 2;
}

.access-record-compact {
    min-width: 0;
}

@media (min-width: 1180px) {
    .accesses-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .access-summary-card .event-record-fields {
        grid-template-columns: 1fr;
    }

    .access-card-compact .access-card-fields {
        grid-template-columns: 1fr;
    }
}

.provider-conditional {
    display: none;
}

.provider-conditional:not([hidden]) {
    display: flex;
}

.provider-page-title {
    font-size: 22px;
    line-height: 1.25;
}

.provider-form .form-section:first-child .form-grid {
    grid-template-areas:
        "name category"
        "contact role"
        "notes notes";
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
}

.provider-general-name {
    grid-area: name;
}

.provider-general-category {
    grid-area: category;
}

.provider-general-contact {
    grid-area: contact;
}

.provider-general-role {
    grid-area: role;
}

.provider-general-notes {
    grid-area: notes;
}

.provider-form .form-section h3 {
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 16px;
}

.provider-form-actions {
    gap: 10px;
}

.provider-card .ui-button {
    justify-self: start;
}

.meetings-panel {
    display: grid;
    gap: 16px;
}

.meetings-actions {
    margin-bottom: 12px;
    margin-top: 0;
}

.meeting-grid,
.meeting-detail-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.meeting-detail-page .app-notice {
    margin-bottom: 18px;
}

.meeting-detail-grid {
    align-items: start;
    gap: 18px;
}

.meeting-card,
.meeting-detail-grid .event-record-card {
    min-width: 0;
}

.meeting-detail-grid .event-record-card {
    display: grid;
    gap: 16px;
    padding: 20px;
}

.meeting-detail-grid .event-quick-fields {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.meeting-detail-grid .event-quick-fields .meeting-detail-field {
    align-items: start;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 14px;
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 11px 12px;
}

.meeting-detail-grid .event-quick-fields .meeting-detail-field-wide {
    grid-column: 1 / -1;
}

.meeting-detail-grid .event-quick-fields .meeting-detail-field span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.meeting-detail-grid .event-quick-fields .meeting-detail-field strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.meeting-detail-icon-svg {
    color: var(--primary);
    flex: 0 0 auto;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 15px;
}

@media (max-width: 640px) {
    .meeting-detail-grid .event-quick-fields {
        grid-template-columns: 1fr;
    }
}

.meeting-detail-divider {
    background: linear-gradient(90deg, rgba(201, 168, 106, .42), rgba(201, 168, 106, .06));
    height: 1px;
    margin: 2px 0;
    width: 100%;
}

.meeting-panels {
    display: grid;
    gap: 18px;
}

.meeting-state-sections {
    display: grid;
    gap: 14px;
}

.meeting-state-section {
    background: rgba(255, 255, 255, .018);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    overflow: hidden;
}

.meeting-state-header {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 16px;
}

.meeting-state-header h3 {
    align-items: center;
    color: var(--text);
    display: flex;
    font-size: 16px;
    gap: 10px;
    line-height: 1.2;
    margin: 0;
}

.meeting-state-header p {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.35;
    margin: 6px 0 0;
}

.meeting-state-dot {
    background: var(--primary);
    border-radius: 999px;
    box-shadow: 0 0 0 5px rgba(201, 168, 106, .12);
    display: inline-block;
    height: 10px;
    width: 10px;
}

.meeting-state-body {
    border-top: 1px solid var(--border);
    display: grid;
    gap: 12px;
    padding: 14px;
}

.meeting-state-body[hidden] {
    display: none !important;
}

.meeting-state-programada .meeting-state-dot {
    background: #76a9e6;
    box-shadow: 0 0 0 5px rgba(118, 169, 230, .12);
}

.meeting-state-realizada .meeting-state-dot {
    background: #3fbf5f;
    box-shadow: 0 0 0 5px rgba(63, 191, 95, .12);
}

.meeting-state-pospuesta .meeting-state-dot {
    background: #d8a92d;
    box-shadow: 0 0 0 5px rgba(216, 169, 45, .14);
}

.meeting-state-cancelada .meeting-state-dot {
    background: #e65b5b;
    box-shadow: 0 0 0 5px rgba(230, 91, 91, .13);
}

.meeting-card {
    background: rgba(255, 255, 255, .018);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 14px;
    padding: 16px;
}

.meeting-panel-card {
    background:
        linear-gradient(90deg, rgba(201, 168, 106, .22) 0 3px, transparent 3px),
        rgba(255, 255, 255, .018);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: var(--radius);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .12);
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.meeting-panel-card:nth-child(even) {
    background:
        linear-gradient(90deg, rgba(118, 169, 230, .20) 0 3px, transparent 3px),
        rgba(255, 255, 255, .024);
}

.meeting-panel-card:has(.meeting-panel-header[aria-expanded="true"]) {
    background:
        linear-gradient(90deg, rgba(201, 168, 106, .72) 0 4px, transparent 4px),
        radial-gradient(circle at 0% 0%, rgba(201, 168, 106, .08), transparent 32%),
        rgba(255, 255, 255, .026);
    border-color: rgba(201, 168, 106, .34);
    box-shadow: 0 18px 38px rgba(0, 0, 0, .22);
}

.meeting-panel-header {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--text);
    cursor: pointer;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 14px;
    text-align: left;
    transition: var(--transition);
    width: 100%;
}

.meeting-panel-header:hover,
.meeting-panel-header:focus-visible {
    background: rgba(255, 255, 255, .03);
    outline: none;
}

.meeting-panel-header[aria-expanded="true"] {
    background: rgba(201, 168, 106, .045);
}

.meeting-panel-title {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.meeting-panel-title-icon {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    justify-content: center;
}

.meeting-panel-title-icon .meeting-list-icon-svg {
    height: 18px;
    width: 18px;
}

.meeting-panel-title-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.meeting-panel-title strong {
    color: var(--primary);
    font-size: 13px;
    line-height: 1.25;
}

.meeting-panel-title small {
    color: var(--text);
    font-size: 13px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meeting-panel-body {
    border-top: 1px solid rgba(201, 168, 106, .20);
    display: grid;
    gap: 14px;
    padding: 14px;
}

.meeting-panel-body-compact {
    align-items: start;
    grid-template-columns: 1fr;
}

.meeting-global-actions {
    justify-content: flex-start;
}

.meeting-card-header {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.meeting-card h3,
.meeting-card-header h3 {
    color: var(--text);
    font-size: 15px;
    line-height: 1.25;
    margin: 0;
}

.meeting-status-badge {
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 999px;
    color: var(--primary);
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    padding: 6px 8px;
    white-space: nowrap;
}

.meeting-card-fields {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.meeting-list-field {
    align-items: start;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 14px;
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 11px 12px;
}

.meeting-list-field-wide {
    grid-column: span 2;
}

.meeting-list-field span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.meeting-list-field strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.meeting-list-icon-svg {
    color: var(--primary);
    flex: 0 0 auto;
    height: 15px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 15px;
}

@media (max-width: 1024px) {
    .meeting-card-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .meeting-card-fields {
        grid-template-columns: 1fr;
    }

    .meeting-list-field-wide {
        grid-column: 1;
    }
}

.meeting-card .ui-button {
    justify-content: center;
    width: 100%;
}

.meeting-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.meeting-card-actions .ui-button,
.meeting-card-actions form {
    flex: 1 1 150px;
}

.meeting-card-actions form .ui-button {
    width: 100%;
}

.meeting-postpone-panel {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.meeting-postpone-panel summary {
    cursor: pointer;
    justify-content: center;
    list-style: none;
}

.meeting-postpone-panel summary::-webkit-details-marker {
    display: none;
}

.meeting-postpone-form {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.agenda-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agenda-panel {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 16px;
    padding: 18px;
}

.agenda-calendar-placeholder {
    align-items: center;
    border: 1px dashed rgba(201, 168, 106, .28);
    border-radius: var(--radius);
    color: var(--text-muted);
    display: grid;
    gap: 8px;
    min-height: 160px;
    place-items: center;
    text-align: center;
}

.agenda-calendar-placeholder strong {
    color: var(--primary);
    font-size: 18px;
}

.agenda-mini-list {
    display: grid;
    gap: 8px;
}

.agenda-meeting-list {
    display: grid;
    gap: 10px;
}

.agenda-meeting-card {
    align-items: center;
    background: rgba(255, 255, 255, .018);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 10px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto auto auto auto;
    padding: 12px;
}

body.theme-light .agenda-meeting-card,
body.theme-light .task-meeting-card {
    background: #fffdf8;
    border-color: rgba(122, 90, 30, .18);
    box-shadow: 0 8px 22px rgba(40, 32, 20, .045);
}

.agenda-meeting-card div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.agenda-meeting-card strong {
    color: var(--text);
    font-size: 13px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agenda-meeting-card span:not(.meeting-status-badge) {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.25;
}

.agenda-mini-item {
    background: rgba(255, 255, 255, .018);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 10px;
    color: var(--text);
    display: grid;
    gap: 4px;
    padding: 12px;
    text-decoration: none;
    transition: var(--transition);
}

.agenda-mini-item:hover,
.agenda-mini-item:focus-visible {
    border-color: rgba(201, 168, 106, .35);
    color: var(--primary);
    outline: none;
}

.agenda-mini-item strong {
    font-size: 13px;
    line-height: 1.3;
}

.agenda-mini-item span {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.35;
}

.events-table .ui-button-secondary:hover,
.events-table .ui-button-secondary:focus-visible {
    border-color: var(--primary);
    color: var(--primary);
}

@media (min-width: 1200px) {
    .events-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 641px) and (max-width: 1199px) {
    .events-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-filter-form {
        align-items: stretch;
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr;
    }

    .event-filter-return {
        order: 1;
    }

    .event-filter-actions {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        order: 2;
    }

    .events-view-mode-selector {
        order: 1;
    }

    .events-show-all-button {
        order: 2;
    }

    .events-new-button {
        order: 3;
    }

    .event-filter-calendar {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        order: 3;
    }

    .event-filter-calendar .form-group {
        min-width: 0;
    }

    .event-filter-actions .ui-button,
    .event-filter-return .ui-button {
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .event-filter-form {
        align-items: stretch;
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr;
    }

    .event-filter-return {
        order: 1;
    }

    .event-filter-actions {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        order: 2;
    }

    .events-show-all-button {
        order: 1;
    }

    .events-new-button {
        order: 2;
    }

    .event-filter-calendar {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        order: 3;
    }

    .event-filter-calendar .form-group {
        min-width: 0;
    }

    .event-filter-actions .ui-button,
    .event-filter-return .ui-button {
        justify-content: center;
        width: 100%;
    }
}

.provider-admin-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.trust-rating {
    display: grid;
    gap: 8px;
}

.trust-rating-stars {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.trust-star {
    width: 34px;
    height: 34px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #171717;
    color: var(--text-muted);
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    transition: var(--transition);
}

.trust-star:hover,
.trust-star:focus-visible {
    outline: none;
    background: #242424;
}

.trust-rating[data-trust-level="1"] .trust-star.is-active {
    color: var(--danger);
}

.trust-rating[data-trust-level="2"] .trust-star.is-active {
    color: #ff8a3d;
}

.trust-rating[data-trust-level="3"] .trust-star.is-active {
    color: var(--warning);
}

.trust-rating[data-trust-level="4"] .trust-star.is-active {
    color: #8fdc8f;
}

.trust-rating[data-trust-level="5"] .trust-star.is-active {
    color: var(--success);
}

.trust-star.is-active {
    border-color: currentColor;
}

.trust-rating-label {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.trust-rating-readonly .trust-star {
    cursor: default;
    pointer-events: none;
}

.trust-rating-readonly .trust-rating-stars {
    gap: 5px;
}

.app-card {
    min-height: 118px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.app-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.app-card-icon {
    color: var(--primary);
    font-size: 18px;
    line-height: 1;
}

.app-card-title {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.app-card-content {
    color: var(--text);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 14px;
}

.app-card-actions {
    margin-top: 14px;
}

.event-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    margin-bottom: 16px;
}

.event-detail-actions .ui-button {
    min-height: 34px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.event-form {
    display: grid;
    gap: 20px;
}

.form-section {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 22px;
}

.form-section h3 {
    color: var(--text);
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 18px;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.event-form .form-section:first-child .form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-group-full {
    grid-column: 1 / -1;
}

.form-field-stack {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group[hidden],
[data-conditional-field][hidden] {
    display: none !important;
}

.form-label {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
}

.form-label-with-icon {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    line-height: 1.25;
}

.form-label-with-icon .event-view-svg-icon {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: var(--primary);
    stroke-width: 2;
}

.form-control {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 42px;
    box-sizing: border-box;
    background: #171717;
    border: 1px solid var(--border);
    border-radius: 10px;
    color: var(--text);
    padding: 11px 13px;
    outline: none;
    transition: var(--transition);
}

input[type="date"] {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    max-width: 100%;
    max-inline-size: 100%;
    min-width: 0;
    box-sizing: border-box;
    color-scheme: var(--epp-native-picker-scheme, dark);
    overflow: hidden;
}

input[type="time"] {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    color-scheme: var(--epp-native-picker-scheme, dark);
    display: block;
    max-inline-size: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

input[type="date"]::-webkit-date-and-time-value,
input[type="time"]::-webkit-date-and-time-value {
    min-width: 0;
    text-align: left;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23c9a86a'%20d='M7%202a1%201%200%200%201%201%201v1h8V3a1%201%200%201%201%202%200v1h1a3%203%200%200%201%203%203v12a3%203%200%200%201-3%203H5a3%203%200%200%201-3-3V7a3%203%200%200%201%203-3h1V3a1%201%200%200%201%201-1Zm13%208H4v9a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-9ZM5%206a1%201%200%200%200-1%201v1h16V7a1%201%200%200%200-1-1H5Zm2%207h3v3H7v-3Zm5%200h3v3h-3v-3Z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px 19px;
    cursor: pointer;
    display: block;
    flex-shrink: 0;
    height: 22px;
    margin: 0;
    opacity: 1;
    padding: 0;
    width: 22px;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8.5'%20stroke='%23c9a86a'%20stroke-width='2.4'/%3E%3Cpath%20d='M12%207.5v5l3.4%202.1'%20stroke='%23c9a86a'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    cursor: pointer;
    display: block;
    flex-shrink: 0;
    height: 22px;
    margin: 0;
    opacity: 1;
    padding: 0;
    width: 22px;
}

.epp-date-time-field {
    display: block;
    min-width: 0;
    position: relative;
    width: 100%;
}

.epp-date-time-field .epp-date-time-native {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
    box-sizing: border-box;
    caret-color: transparent;
    color: transparent;
    cursor: pointer;
    height: 100%;
    inset: 0;
    margin: 0;
    max-width: 100%;
    min-height: 42px;
    min-width: 0;
    opacity: .01;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.epp-date-time-field .epp-date-time-native::-webkit-date-and-time-value {
    color: transparent;
}

.epp-date-time-field .epp-date-time-native::-webkit-calendar-picker-indicator {
    height: 100%;
    inset-inline-end: 0;
    opacity: 0;
    position: absolute;
    width: 48px;
}

.epp-date-time-display {
    align-items: center;
    background: var(--epp-picker-field-bg, #171717);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--text);
    display: flex;
    min-height: 42px;
    min-width: 0;
    overflow: hidden;
    padding: 11px 44px 11px 13px;
    text-overflow: ellipsis;
    transition: var(--transition);
    white-space: nowrap;
    width: 100%;
}

.epp-date-time-field.is-empty .epp-date-time-display {
    color: var(--text-muted);
}

.epp-date-time-field:focus-within .epp-date-time-display {
    border-color: var(--primary);
}

.epp-date-time-icon {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    height: 20px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    z-index: 1;
}

.epp-date-time-icon-svg {
    height: 18px;
    stroke: currentColor;
    width: 18px;
}

body {
    --epp-picker-field-bg: #171717;
    --epp-native-picker-bg: #171717;
    --epp-native-picker-scheme: dark;
    --epp-picker-surface: rgba(16, 17, 20, .96);
    --epp-picker-surface-soft: rgba(255, 255, 255, .045);
    --epp-picker-surface-strong: rgba(12, 13, 16, .94);
    --epp-picker-border: rgba(201, 168, 106, .20);
    --epp-picker-border-soft: rgba(255, 255, 255, .075);
    --epp-picker-border-strong: rgba(201, 168, 106, .62);
    --epp-picker-accent: var(--primary);
    --epp-picker-accent-soft: rgba(201, 168, 106, .18);
    --epp-picker-focus-ring: rgba(201, 168, 106, .12);
    --epp-picker-text: var(--text);
    --epp-picker-muted: var(--text-muted);
    --epp-picker-shadow: rgba(0, 0, 0, .34);
    --epp-picker-inset: rgba(255, 255, 255, .06);
}

body.theme-light {
    --epp-picker-field-bg: #fbfaf7;
    --epp-native-picker-bg: #fbfaf7;
    --epp-native-picker-scheme: light;
    --epp-picker-surface: rgba(255, 252, 246, .98);
    --epp-picker-surface-soft: rgba(116, 93, 58, .070);
    --epp-picker-surface-strong: rgba(255, 255, 255, .96);
    --epp-picker-border: rgba(116, 93, 58, .18);
    --epp-picker-border-soft: rgba(116, 93, 58, .12);
    --epp-picker-border-strong: rgba(116, 93, 58, .42);
    --epp-picker-accent: var(--primary);
    --epp-picker-accent-soft: rgba(181, 139, 67, .14);
    --epp-picker-focus-ring: rgba(181, 139, 67, .16);
    --epp-picker-text: var(--text);
    --epp-picker-muted: var(--text-muted);
    --epp-picker-shadow: rgba(86, 68, 41, .16);
    --epp-picker-inset: rgba(255, 255, 255, .78);
}

body.workspace-production-events,
body.workspace-produccion {
    --epp-picker-surface: rgba(18, 18, 20, .96);
    --epp-picker-surface-soft: rgba(255, 255, 255, .042);
    --epp-picker-surface-strong: rgba(12, 12, 14, .94);
    --epp-picker-border: rgba(201, 168, 106, .19);
    --epp-picker-border-soft: rgba(255, 255, 255, .070);
    --epp-picker-shadow: rgba(0, 0, 0, .36);
}

body.theme-light.workspace-production-events,
body.theme-light.workspace-produccion {
    --epp-picker-surface: rgba(255, 252, 246, .98);
    --epp-picker-surface-soft: rgba(116, 93, 58, .065);
    --epp-picker-surface-strong: rgba(255, 255, 255, .96);
    --epp-picker-border: rgba(116, 93, 58, .18);
    --epp-picker-border-soft: rgba(116, 93, 58, .12);
    --epp-picker-shadow: rgba(86, 68, 41, .16);
}

body.workspace-venue-management,
body.workspace-eventos {
    --epp-picker-surface: rgba(10, 20, 33, .97);
    --epp-picker-surface-soft: rgba(72, 111, 157, .13);
    --epp-picker-surface-strong: rgba(6, 15, 26, .95);
    --epp-picker-border: rgba(201, 168, 106, .23);
    --epp-picker-border-soft: rgba(138, 165, 199, .15);
    --epp-picker-shadow: rgba(2, 8, 18, .42);
}

body.theme-light.workspace-venue-management,
body.theme-light.workspace-eventos {
    --epp-picker-surface: rgba(247, 250, 253, .98);
    --epp-picker-surface-soft: rgba(49, 105, 158, .080);
    --epp-picker-surface-strong: rgba(255, 255, 255, .96);
    --epp-picker-border: rgba(49, 105, 158, .18);
    --epp-picker-border-soft: rgba(49, 105, 158, .12);
    --epp-picker-border-strong: rgba(49, 105, 158, .44);
    --epp-picker-accent-soft: rgba(49, 105, 158, .13);
    --epp-picker-focus-ring: rgba(49, 105, 158, .16);
    --epp-picker-shadow: rgba(35, 63, 91, .16);
}

.epp-time-picker-popover {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .060), rgba(255, 255, 255, .018)),
        var(--epp-picker-surface);
    border: 1px solid var(--epp-picker-border);
    border-radius: 16px;
    box-shadow:
        inset 0 1px 0 var(--epp-picker-inset),
        0 22px 48px var(--epp-picker-shadow);
    box-sizing: border-box;
    color: var(--epp-picker-text);
    display: grid;
    gap: 14px;
    padding: 16px;
    position: fixed;
    z-index: 1800;
}

.epp-time-picker-popover[hidden] {
    display: none;
}

.epp-time-picker-popover strong {
    color: var(--epp-picker-text);
    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;
}

.epp-time-picker-controls {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.epp-time-picker-field {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.epp-time-picker-field span {
    color: var(--epp-picker-muted);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

.epp-time-picker-select {
    -webkit-appearance: none;
    appearance: none;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .050), rgba(255, 255, 255, .014)),
        var(--epp-picker-surface-strong);
    border: 1px solid var(--epp-picker-border);
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--epp-picker-text);
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    min-height: 42px;
    outline: none;
    padding: 10px 12px;
    width: 100%;
}

.epp-time-picker-select:focus {
    border-color: var(--epp-picker-border-strong);
    box-shadow: 0 0 0 3px var(--epp-picker-focus-ring);
}

.epp-time-picker-actions {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.epp-time-picker-actions .ui-button {
    min-height: 36px;
    padding: 8px 12px;
}

.epp-calendar-picker-popover {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .060), rgba(255, 255, 255, .018)),
        var(--epp-picker-surface);
    border: 1px solid var(--epp-picker-border);
    border-radius: 16px;
    box-shadow:
        inset 0 1px 0 var(--epp-picker-inset),
        0 22px 48px var(--epp-picker-shadow);
    box-sizing: border-box;
    color: var(--epp-picker-text);
    display: grid;
    gap: 12px;
    padding: 16px;
    position: fixed;
    z-index: 1800;
}

.epp-calendar-picker-popover[hidden] {
    display: none;
}

.epp-calendar-picker-header {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 36px minmax(0, 1fr) 36px;
}

.epp-calendar-picker-title {
    color: var(--epp-picker-text);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
}

.epp-calendar-picker-nav {
    align-items: center;
    background: var(--epp-picker-surface-soft);
    border: 1px solid var(--epp-picker-border);
    border-radius: 10px;
    color: var(--epp-picker-accent);
    cursor: pointer;
    display: inline-flex;
    font-size: 22px;
    font-weight: 800;
    height: 36px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 36px;
}

.epp-calendar-picker-week,
.epp-calendar-picker-grid {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.epp-calendar-picker-week span {
    color: var(--epp-picker-muted);
    font-size: 10px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

.epp-calendar-picker-day {
    align-items: center;
    background: var(--epp-picker-surface-soft);
    border: 1px solid var(--epp-picker-border-soft);
    border-radius: 10px;
    color: var(--epp-picker-text);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    height: 36px;
    justify-content: center;
    padding: 0;
}

.epp-calendar-picker-day:hover,
.epp-calendar-picker-day:focus-visible {
    border-color: var(--epp-picker-border-strong);
    color: var(--epp-picker-accent);
    outline: none;
}

.epp-calendar-picker-day.is-selected {
    background: var(--epp-picker-accent-soft);
    border-color: var(--epp-picker-border-strong);
    color: var(--epp-picker-accent);
}

.epp-calendar-picker-day.is-today {
    border-color: var(--epp-picker-border-strong);
    box-shadow:
        inset 0 0 0 1px var(--epp-picker-accent-soft),
        0 0 0 3px var(--epp-picker-focus-ring);
    color: var(--epp-picker-accent);
    position: relative;
}

.epp-calendar-picker-day.is-today::after {
    background: currentColor;
    border-radius: 999px;
    bottom: 5px;
    content: "";
    height: 4px;
    left: 50%;
    opacity: .86;
    position: absolute;
    transform: translateX(-50%);
    width: 4px;
}

.epp-calendar-picker-day.is-selected.is-today {
    background: var(--epp-picker-accent-soft);
    border-color: var(--epp-picker-border-strong);
    box-shadow:
        inset 0 0 0 1px var(--epp-picker-border-strong),
        0 0 0 3px var(--epp-picker-focus-ring);
}

.epp-calendar-picker-day:disabled {
    cursor: default;
    opacity: .22;
}

.epp-calendar-picker-actions {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.epp-calendar-picker-actions .ui-button {
    min-height: 36px;
    padding: 8px 12px;
}

@media (max-width: 520px) {
    .epp-time-picker-popover,
    .epp-calendar-picker-popover {
        border-radius: 14px;
        padding: 14px;
    }

    .epp-time-picker-controls {
        gap: 8px;
    }
}

@media (hover: none) and (pointer: coarse), (max-width: 720px) {
    input[type="date"].form-control,
    input[type="time"].form-control {
        -webkit-appearance: none;
        appearance: none;
        background-color: var(--epp-native-picker-bg, #171717);
        background-position: right 38px center;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        box-sizing: border-box;
        color-scheme: var(--epp-native-picker-scheme, dark);
        max-inline-size: 100%;
        max-width: 100%;
        min-inline-size: 0;
        min-width: 0;
        overflow: hidden;
        padding-right: 44px;
        width: 100%;
    }

    input[type="date"].form-control {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23c9a86a'%20d='M7%202a1%201%200%200%201%201%201v1h8V3a1%201%200%201%201%202%200v1h1a3%203%200%200%201%203%203v12a3%203%200%200%201-3%203H5a3%203%200%200%201-3-3V7a3%203%200%200%201%203-3h1V3a1%201%200%200%201%201-1Zm13%208H4v9a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-9ZM5%206a1%201%200%200%200-1%201v1h16V7a1%201%200%200%200-1-1H5Zm2%207h3v3H7v-3Zm5%200h3v3h-3v-3Z'/%3E%3C/svg%3E");
    }

    input[type="time"].form-control {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8.5'%20stroke='%23c9a86a'%20stroke-width='2.4'/%3E%3Cpath%20d='M12%207.5v5l3.4%202.1'%20stroke='%23c9a86a'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    input[type="date"].form-control::-webkit-calendar-picker-indicator,
    input[type="time"].form-control::-webkit-calendar-picker-indicator {
        display: block;
        height: 100%;
        margin: 0;
        opacity: .72;
        padding: 0;
        width: 24px;
    }
}

.form-control:focus {
    border-color: var(--primary);
}

select.form-control {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding-right: 38px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239a9a9a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 13px center;
    background-size: 12px 8px;
}

.form-textarea {
    min-height: 120px;
    resize: vertical;
}

.form-actions {
    display: flex;
    justify-content: flex-end;
}

body.workspace-production-events .meeting-form .form-actions {
    gap: 12px;
}

@media (max-width: 640px) {
    body.workspace-production-events .meeting-form .form-actions {
        gap: 10px;
    }
}

.financial-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.events-page {
    display: grid;
    gap: 22px;
    min-width: 0;
}

.events-page > .page-header {
    margin-bottom: 0;
}

.events-page > .page-header .page-header-actions {
    margin-bottom: 0;
    margin-top: 10px;
}

.event-events-summary {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.event-events-summary .event-dashboard-kpi {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .006)),
        rgba(15, 15, 17, .78);
    border: 1px solid rgba(201, 168, 106, .14);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .026),
        0 10px 22px rgba(0, 0, 0, .10);
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 86px;
    min-width: 0;
    padding: 16px;
}

.event-events-summary .event-dashboard-kpi-icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .18), rgba(201, 168, 106, .045)),
        rgba(12, 12, 12, .34);
    border: 1px solid rgba(201, 168, 106, .26);
    border-radius: 18px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.event-events-summary .event-dashboard-svg-icon {
    display: block;
    fill: none;
    height: 30px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 30px;
}

.event-events-summary .event-dashboard-kpi span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.event-events-summary .event-dashboard-kpi strong {
    color: var(--text);
    display: block;
    font-size: clamp(24px, 2.5vw, 32px);
    line-height: 1;
    margin-top: 4px;
}

.event-filters-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(20, 20, 22, .74);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: var(--radius-lg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .030);
    min-width: 0;
    padding: 18px;
}

.event-filter-toggle {
    display: none;
}

.event-filters-panel .event-filter-form {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(220px, 1.4fr) minmax(150px, .8fr) minmax(150px, .8fr) minmax(150px, .8fr) auto;
    margin: 0;
    min-width: 0;
}

.event-filters-panel .event-filter-form .form-group {
    margin: 0;
    min-width: 0;
}

.event-filters-panel .event-filter-form .form-control {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.event-filters-panel .event-filter-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.event-filters-panel .event-filter-actions .ui-button {
    min-height: 42px;
    white-space: nowrap;
}

.events-table .event-list-table-action {
    justify-content: center;
    min-height: 34px;
    white-space: nowrap;
}

.view-mode-selector {
    align-items: center;
    background: rgba(12, 12, 12, .42);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 12px;
    display: inline-flex;
    gap: 3px;
    padding: 2px 3px;
    width: max-content;
}

.view-mode-option {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 9px;
    color: var(--text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    min-width: 40px;
    padding: 0;
    position: relative;
    transition: background .18s ease, box-shadow .18s ease, color .18s ease;
    width: 40px;
}

.view-mode-option:hover,
.view-mode-option:focus-visible {
    background: rgba(201, 168, 106, .08);
    color: var(--text);
    outline: none;
}

.view-mode-option:focus-visible {
    box-shadow: 0 0 0 2px rgba(201, 168, 106, .28);
}

.view-mode-option.is-active {
    background: var(--workspace-active-bg);
    color: var(--workspace-accent);
    box-shadow: inset 0 0 0 1px var(--workspace-active-border);
}

.view-mode-icon {
    display: block;
    fill: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 18px;
}

.view-mode-option[data-view-tooltip]::after {
    background: rgba(18, 18, 18, .96);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
    color: #fff;
    content: attr(data-view-tooltip);
    font-size: 12px;
    font-weight: 650;
    left: 50%;
    line-height: 1;
    opacity: 0;
    padding: 8px 10px;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 8px);
    transform: translateX(-50%) translateY(-4px);
    transition: opacity .18s ease, transform .18s ease;
    white-space: nowrap;
    width: max-content;
    z-index: 120;
}

.view-mode-option[data-view-tooltip]:hover::after,
.view-mode-option[data-view-tooltip]:focus-visible::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

body.theme-light .view-mode-selector {
    background: rgba(255, 255, 255, .58);
    border-color: rgba(77, 64, 43, .14);
}

body.theme-light .view-mode-option[data-view-tooltip]::after {
    background: rgba(255, 255, 255, .98);
    border-color: rgba(77, 64, 43, .14);
    box-shadow: 0 12px 30px rgba(40, 32, 20, .12);
    color: #29241d;
}

.event-filter-return {
    align-items: end;
    display: flex;
}

@media (min-width: 1200px) {
    body.workspace-production-events .events-page .event-filter-toggle {
        display: none;
    }

    body.workspace-production-events .events-page .event-filters-panel.is-collapsed .event-filter-form {
        display: grid;
    }

    .event-filters-panel .event-filter-actions .ui-button {
        flex: 0 0 auto;
        width: auto;
    }
}

@media (min-width: 641px) and (max-width: 1199px) {
    .event-filter-toggle {
        display: inline-flex;
        justify-content: center;
        width: 100%;
    }

    .event-filters-panel.is-collapsed .event-filter-form {
        display: none;
    }

    .event-filters-panel .event-filter-form {
        align-items: stretch;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 14px;
    }

    .event-filters-panel .event-filter-actions {
        justify-content: start;
    }

    .event-filters-panel .event-filter-actions .ui-button {
        justify-content: center;
        width: 100%;
    }

    .events-table .app-table {
        min-width: 0;
        width: 100%;
    }

    .events-table .app-table tbody tr {
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .events-table .app-table td > * {
        max-width: 100%;
        min-width: 0;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 640px) {
    .events-page {
        gap: 16px;
    }

    .event-filters-panel {
        padding: 16px;
    }

    .event-filter-toggle {
        display: inline-flex;
        justify-content: center;
        width: 100%;
    }

    .event-filters-panel.is-collapsed .event-filter-form {
        display: none;
    }

    .event-filters-panel .event-filter-form {
        align-items: stretch;
        grid-template-columns: 1fr;
        margin: 14px 0 0;
    }

    .event-filters-panel .event-filter-actions {
        display: grid;
        gap: 8px;
        grid-template-columns: 1fr;
    }

    .event-filters-panel .event-filter-actions .ui-button {
        justify-content: center;
        width: 100%;
    }
}

.event-list-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        var(--card);
    border: 1px solid rgba(201, 168, 106, .30);
    border-radius: var(--radius-lg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
    min-width: 0;
    padding: 20px;
}

.event-list-panel-header {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 16px;
    min-width: 0;
}

.event-list-panel-kicker {
    color: var(--primary);
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.event-list-panel-header h2 {
    color: var(--text);
    font-size: clamp(20px, 2vw, 25px);
    line-height: 1.18;
    margin: 0;
}

.event-list-tools {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.event-list-count {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 800;
}

.events-card-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.events-table {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        rgba(12, 12, 12, .34);
    border-color: var(--border);
}

.events-table .app-table {
    min-width: 760px;
}

.events-pagination {
    margin-top: 16px;
}

.events-card-grid[hidden] {
    display: none;
}

[data-events-list-view][hidden],
[data-events-card-view][hidden] {
    display: none !important;
}

[data-events-list-item][hidden],
[data-events-card-item][hidden] {
    display: none !important;
}

html.epp-events-view-cards [data-events-list-view],
html.epp-events-view-list [data-events-card-view] {
    display: none !important;
}

html.epp-events-view-cards [data-events-card-view] {
    display: grid !important;
}

html.epp-events-view-list [data-events-list-view] {
    display: block !important;
}

.event-list-panel .event-list-card,
.event-list-panel .events-card-empty {
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
}

.event-list-panel .event-list-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        rgba(12, 12, 12, .34);
    border-color: rgba(201, 168, 106, .36);
    display: grid;
    gap: 18px;
    padding: 18px;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.event-list-panel .event-list-card:hover,
.event-list-panel .event-list-card:focus-within {
    border-color: rgba(201, 168, 106, .42);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .20);
    transform: translateY(-1px);
}

.event-list-card-header {
    align-items: start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-width: 0;
}

.event-list-card-identity {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.event-list-card-icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .16), rgba(201, 168, 106, .045)),
        rgba(12, 12, 12, .30);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 14px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    line-height: 0;
    width: 42px;
}

.event-list-card-icon .event-list-type-icon {
    display: block;
    fill: none;
    height: 24px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 24px;
}

.event-list-card-code,
.event-list-card-title {
    color: var(--text);
    text-decoration: none;
    transition: var(--transition);
}

.event-list-card-code {
    color: var(--primary);
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
}

.event-list-card-title {
    color: var(--text);
    display: block;
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 900;
    line-height: 1.15;
    margin: 0 0 7px;
    overflow-wrap: anywhere;
}

.event-list-card-code:hover,
.event-list-card-code:focus-visible,
.event-list-card-title:hover,
.event-list-card-title:focus-visible {
    color: var(--primary);
    outline: none;
}

.event-list-card-details {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.event-list-card-data div {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.event-list-card-field {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        rgba(12, 12, 12, .34);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: var(--radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 12px;
}

.event-list-card-data span,
.event-list-card-client span,
.event-list-card-summary span,
.event-list-card-field span,
.event-list-card-field dt {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    gap: 6px;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.event-list-card-data strong,
.event-list-card-client strong,
.event-list-card-field strong,
.event-list-card-field dd {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    font-size: 14px;
    gap: 8px;
    font-weight: 820;
    line-height: 1.3;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.event-list-card-field:last-child strong,
.event-list-card-field:last-child dd,
.event-list-card-field dd.is-complete-value {
    color: var(--primary);
}

.event-list-card-field dd.is-warning-value {
    color: #fca5a5;
}

.event-list-card-client {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.event-list-card-mini-icon {
    color: var(--primary);
    fill: none;
    flex: 0 0 auto;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 17px;
}

.event-list-card-divider {
    background:
        linear-gradient(90deg, rgba(201, 168, 106, .55), rgba(201, 168, 106, .12), transparent);
    border-radius: 999px;
    height: 2px;
    width: 100%;
}

.event-list-card-summary {
    align-items: stretch;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.event-list-card-summary div {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 0 14px;
}

.event-list-card-summary div:first-child {
    padding-left: 0;
}

.event-list-card-summary div + div {
    border-left: 1px solid rgba(255, 255, 255, .09);
}

.event-list-card-summary strong {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    gap: 8px;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.event-list-card-summary div:last-child strong {
    color: var(--primary);
}

.event-list-card .ui-button {
    justify-content: center;
    margin-top: 0;
    min-height: 38px;
    width: 100%;
}

.event-list-card .event-list-detail-action {
    border-color: rgba(244, 215, 157, .46);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .28),
        0 12px 24px rgba(201, 168, 106, .18);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .01em;
    margin-top: 2px;
    min-width: 128px;
}

.event-list-card .event-list-detail-action:hover,
.event-list-card .event-list-detail-action:focus-visible {
    border-color: rgba(244, 215, 157, .62);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .34),
        0 16px 30px rgba(201, 168, 106, .24);
}

.events-card-empty {
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 700;
    grid-column: 1 / -1;
    padding: 18px;
    text-align: center;
}

@media (max-width: 760px) {
    .event-events-summary {
        gap: 14px;
        grid-template-columns: 1fr;
    }

    .event-list-panel {
        padding: 16px;
    }

    .event-list-panel-header {
        align-items: stretch;
        flex-direction: column;
    }

    .event-list-tools {
        justify-content: flex-start;
        width: 100%;
    }

    .events-card-grid {
        grid-template-columns: 1fr;
    }

    .event-list-card {
        gap: 14px;
        min-height: 0;
        padding: 16px;
    }

    .event-list-card-header {
        display: grid;
        gap: 10px;
    }

    .event-list-card-identity {
        align-items: start;
    }

    .event-list-card-data,
    .event-list-card-details,
    .event-list-card-summary {
        grid-template-columns: 1fr;
    }

    .event-list-card-summary {
        gap: 10px;
    }

    .event-list-card-summary div,
    .event-list-card-summary div:first-child {
        padding: 0;
    }

    .event-list-card-summary div + div {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .09);
        padding-top: 10px;
    }

    .events-table .app-table {
        min-width: 0;
    }

    .events-table .app-table td {
        align-items: flex-start;
    }

    .events-table .app-table td > * {
        min-width: 0;
        overflow-wrap: anywhere;
        text-align: right;
    }
}

.app-notice {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 12px 14px;
    color: var(--text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.app-notice-success {
    background: rgba(40, 167, 69, .10);
    border-color: rgba(40, 167, 69, .28);
    color: var(--success);
}

.app-footer {
    padding: 22px 35px;
    border-top: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}

.app-footer strong {
    color: var(--text);
    font-size: 13px;
}

.app-footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.app-footer a {
    color: var(--text-muted);
    text-decoration: none;
}

.app-footer a:hover,
.app-footer a:focus-visible {
    color: var(--primary);
    outline: none;
}

.calculated-field {
    color: var(--primary);
    font-weight: 700;
}

.event-record-page {
    display: grid;
    gap: 28px;
}

.event-record-page .event-expedient-hero {
    order: 10;
}

.event-record-page .event-tab-panel[data-event-panel="informacion"] {
    order: 30;
}

.event-record-page .event-tabs {
    order: 20;
}

.event-record-page .event-tab-panel[data-event-panel="reuniones"],
.event-record-page .event-tab-panel[data-event-panel="documentos"],
.event-record-page .event-tab-panel[data-event-panel="historial"] {
    order: 40;
}

.event-record-page .event-quick-actions {
    order: 50;
}

.event-record-page .event-quick-action-panels {
    order: 60;
}

.event-record-page .event-executive-summary {
    order: 70;
}

.event-record-page .internal-info {
    order: 80;
}

.event-record-page .event-danger-zone {
    order: 90;
}

.event-record-page h2,
.event-record-page .event-detail-actions {
    margin-bottom: 0;
}

.event-record-breadcrumb {
    margin-bottom: 0;
}

.event-expedient-hero {
    background:
        radial-gradient(circle at 8% 0, rgba(201, 168, 106, .10), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
        var(--card);
    border: 1px solid rgba(201, 168, 106, .20);
    border-radius: var(--radius);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .26);
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 20px;
    width: 100%;
}

.event-expedient-hero-heading {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.event-expedient-hero-icon {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .34);
    border-radius: 10px;
    color: var(--primary);
    display: grid;
    font-size: 19px;
    font-weight: 900;
    height: 52px;
    justify-content: center;
    line-height: 1;
    width: 52px;
}

.event-view-svg-icon {
    display: block;
    fill: none;
    height: 1em;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 1em;
}

.ui-button .event-view-svg-icon {
    height: 16px;
    width: 16px;
}

.event-expedient-hero-icon .event-view-svg-icon {
    height: 28px;
    width: 28px;
}

.event-status-dot {
    background: var(--primary);
    border-radius: 999px;
    box-shadow: 0 0 0 5px rgba(201, 168, 106, .12);
    display: inline-block;
    flex: 0 0 auto;
    height: 10px;
    width: 10px;
}

.event-status-dot-reservado {
    background: #d8a92d;
    box-shadow: 0 0 0 5px rgba(216, 169, 45, .14);
}

.event-status-dot-confirmado,
.event-status-dot-realizado {
    background: #3fbf5f;
    box-shadow: 0 0 0 5px rgba(63, 191, 95, .13);
}

.event-status-dot-cotizado {
    background: #4f7edb;
    box-shadow: 0 0 0 5px rgba(79, 126, 219, .13);
}

.event-status-dot-pausado,
.event-status-dot-pendiente,
.event-status-dot-pago-parcial {
    background: #d8a92d;
    box-shadow: 0 0 0 5px rgba(216, 169, 45, .13);
}

.event-status-dot-cancelado,
.event-status-dot-archivado {
    background: #d9534f;
    box-shadow: 0 0 0 5px rgba(217, 83, 79, .13);
}

.event-expedient-hero-main {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.event-expedient-hero-title-row {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.event-expedient-hero-title-row h2 {
    color: var(--text);
    font-size: clamp(26px, 2.4vw, 34px);
    font-weight: 900;
    line-height: 1.08;
    margin: 0;
    overflow-wrap: anywhere;
    word-break: normal;
}

.event-expedient-featured {
    color: var(--primary);
    font-size: 15px;
    line-height: 1;
}

.event-expedient-featured .event-view-svg-icon {
    height: 16px;
    width: 16px;
}

.event-expedient-code {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 7px;
    line-height: 1.25;
    margin: 6px 0 0;
}

.event-expedient-qr {
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(2, 4px);
    margin-left: 2px;
}

.event-expedient-qr span {
    background: currentColor;
    display: block;
    height: 4px;
    opacity: .72;
    width: 4px;
}

.event-expedient-qr span:nth-child(2),
.event-expedient-qr span:nth-child(3) {
    opacity: .34;
}

.event-expedient-hero-meta-row {
    align-items: center;
    border-top: 1px solid rgba(201, 168, 106, .12);
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    min-width: 0;
    padding-top: 14px;
}

.event-expedient-hero-meta-row p {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 7px;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: anywhere;
}

.event-expedient-hero-meta-row p span {
    color: var(--primary);
    font-size: 12px;
}

.event-meta-icon-calendar {
    background: rgba(201, 168, 106, .12);
    border: 2px solid currentColor;
    border-radius: 3px;
    display: inline-block;
    height: 13px;
    position: relative;
    width: 13px;
}

.event-meta-icon-calendar::before {
    background: currentColor;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 2px;
}

.event-meta-icon-calendar::after {
    border-left: 3px solid currentColor;
    border-right: 3px solid currentColor;
    content: "";
    height: 4px;
    left: 2px;
    position: absolute;
    right: 2px;
    top: -5px;
}

.event-expedient-hero-admin-row {
    align-self: start;
    justify-self: end;
}

.event-quick-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.event-quick-action {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)),
        var(--card);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    color: var(--text);
    display: grid;
    gap: 8px;
    justify-content: center;
    min-height: 72px;
    padding: 12px 10px;
    text-align: center;
    text-decoration: none;
}

.event-quick-action.is-active {
    background:
        linear-gradient(180deg, rgba(201, 168, 106, .20), rgba(201, 168, 106, .075)),
        var(--card);
    border-color: rgba(201, 168, 106, .52);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

.event-quick-action.is-active > span,
.event-quick-action.is-active strong {
    color: var(--primary);
}

button.event-quick-action,
summary.event-quick-action {
    appearance: none;
    cursor: pointer;
    font: inherit;
}

summary.event-quick-action {
    list-style: none;
}

summary.event-quick-action::-webkit-details-marker {
    display: none;
}

.event-quick-action > span {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    font-size: 20px;
    font-weight: 900;
    justify-content: center;
    line-height: 1;
}

.event-quick-action .event-view-svg-icon {
    height: 21px;
    width: 21px;
}

.event-quick-action strong {
    color: var(--text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.event-quick-menu {
    position: relative;
}

.event-quick-menu-options {
    background: var(--card);
    border: 1px solid rgba(201, 168, 106, .20);
    border-radius: 10px;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .30);
    display: grid;
    gap: 4px;
    left: 0;
    min-width: 210px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 5;
}

.event-quick-menu-options a {
    border-radius: 7px;
    color: var(--text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    padding: 10px 12px;
    text-decoration: none;
}

.event-quick-menu-options a:hover,
.event-quick-menu-options a:focus-visible {
    background: rgba(201, 168, 106, .10);
    color: var(--primary);
    outline: none;
}

.event-quick-action-panels {
    display: grid;
    gap: 12px;
}

.event-meetings-inline-panel {
    align-items: center;
    background: var(--card);
    border: 1px solid rgba(201, 168, 106, .20);
    border-radius: var(--radius);
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 18px;
}

.event-meetings-inline-panel[hidden] {
    display: none !important;
}

.event-meetings-inline-panel span {
    color: var(--primary);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.event-meetings-inline-panel strong {
    color: var(--text);
    display: block;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
}

.event-meetings-inline-panel p {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.45;
    margin: 8px 0 0;
}

.event-meetings-inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.event-executive-summary {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
        var(--card);
    border: 1px solid rgba(201, 168, 106, .20);
    border-radius: var(--radius);
    display: grid;
    gap: 16px;
    min-height: 0;
    padding: 22px;
}

.event-executive-summary-header {
    display: block;
}

.event-executive-summary h3 {
    color: var(--primary);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .03em;
    line-height: 1.2;
    margin: 0;
}

.event-executive-metrics {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.event-executive-metrics div {
    border-right: 1px solid rgba(255, 255, 255, .08);
    display: grid;
    gap: 7px;
    min-width: 0;
    padding-right: 14px;
}

.event-executive-metrics div:last-child {
    border-right: 0;
    padding-right: 0;
}

.event-executive-metrics span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .03em;
    line-height: 1.2;
    text-transform: uppercase;
}

.event-executive-metrics strong {
    color: var(--text);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.event-executive-primary-metric {
    grid-column: 1 / -1;
}

.event-executive-primary-metric small {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    grid-column: 1 / -1;
    line-height: 1.25;
}

.event-executive-metrics div:nth-child(1) strong {
    color: var(--primary);
}

.event-executive-metrics div:nth-child(2) strong {
    color: #3fbf5f;
}

.event-executive-metrics div:nth-child(3) strong {
    color: #e65b5b;
}

.event-executive-metrics div:nth-child(4) strong {
    color: #76a9e6;
}

.event-executive-details,
.event-executive-attendees,
.event-executive-control {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.event-executive-details div,
.event-executive-attendees div,
.event-executive-control div {
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 10px;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px 12px;
}

.event-executive-details span,
.event-executive-attendees span,
.event-executive-control span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .03em;
    line-height: 1.2;
    text-transform: uppercase;
}

.event-executive-details strong,
.event-executive-attendees strong,
.event-executive-control strong {
    color: var(--text);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.event-executive-details div:nth-child(1) strong,
.event-executive-details div:nth-child(2) strong,
.event-executive-details div:nth-child(5) strong,
.event-executive-attendees div:nth-child(1) strong,
.event-executive-attendees div:nth-child(2) strong,
.event-executive-attendees div:nth-child(3) strong,
.event-executive-attendees div:nth-child(5) strong {
    color: var(--primary);
}

.event-executive-details div:nth-child(3) strong,
.event-executive-control div:nth-child(3) strong {
    color: #3fbf5f;
}

.event-executive-details div:nth-child(4) strong,
.event-executive-control div:nth-child(1) strong,
.event-executive-control div:nth-child(4) strong {
    color: #e65b5b;
}

.event-executive-control div:nth-child(2) strong {
    color: #76a9e6;
}

.event-executive-control div:nth-child(5) strong,
.event-executive-control div:nth-child(6) strong {
    color: var(--primary);
}

.event-finance-flow-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.event-finance-flow-card {
    background: rgba(255, 255, 255, .026);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 16px;
}

.event-finance-flow-header {
    align-items: center;
    border-bottom: 1px solid rgba(201, 168, 106, .22);
    display: flex;
    gap: 10px;
    padding-bottom: 12px;
}

.event-finance-flow-icon {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 36px;
    font-size: 17px;
    height: 36px;
    justify-content: center;
    line-height: 1;
    width: 36px;
}

.event-finance-flow-icon .event-view-svg-icon {
    height: 19px;
    width: 19px;
}

.event-finance-flow-header h4 {
    color: var(--text);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.2;
    margin: 0;
}

.event-finance-flow-list {
    display: grid;
    gap: 8px;
}

.event-finance-flow-item {
    align-items: start;
    background: rgba(0, 0, 0, .10);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 12px;
    display: grid;
    gap: 10px;
    grid-template-columns: 30px minmax(0, 1fr);
    min-width: 0;
    padding: 10px;
}

.event-finance-flow-item-icon {
    align-items: center;
    background: rgba(201, 168, 106, .10);
    border: 1px solid rgba(201, 168, 106, .22);
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.event-finance-flow-item-icon .event-view-svg-icon {
    height: 15px;
    width: 15px;
}

.event-finance-flow-item-content {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.event-finance-flow-list span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .03em;
    line-height: 1.2;
    text-transform: uppercase;
}

.event-finance-flow-list strong {
    color: var(--text);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.event-finance-flow-list small {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.event-finance-flow-list strong.finance-value-primary {
    color: var(--primary);
}

.event-finance-flow-list strong.finance-value-positive {
    color: #3fbf5f;
}

.event-finance-flow-list strong.finance-value-warning {
    color: #d8a92d;
}

.event-finance-flow-list strong.finance-value-danger {
    color: #e65b5b;
}

.event-finance-flow-list strong.finance-value-info {
    color: #76a9e6;
}

.event-finance-kpi-band {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.event-finance-kpi {
    background: rgba(255, 255, 255, .028);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    display: grid;
    gap: 9px;
    min-width: 0;
    padding: 16px;
}

.event-finance-kpi span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.event-finance-kpi strong {
    color: var(--text);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.event-finance-kpi strong.finance-value-primary,
.event-finance-row strong.finance-value-primary {
    color: var(--primary);
}

.event-finance-kpi strong.finance-value-positive,
.event-finance-row strong.finance-value-positive {
    color: #3fbf5f;
}

.event-finance-kpi strong.finance-value-warning,
.event-finance-row strong.finance-value-warning {
    color: #d8a92d;
}

.event-finance-kpi strong.finance-value-danger,
.event-finance-row strong.finance-value-danger {
    color: #e65b5b;
}

.event-finance-kpi strong.finance-value-info,
.event-finance-row strong.finance-value-info {
    color: #76a9e6;
}

.event-finance-kpi-status.is-complete strong {
    color: #3fbf5f;
}

.event-finance-kpi-status.is-pending strong {
    color: #d8a92d;
}

.event-finance-progress-block {
    display: grid;
    gap: 8px;
}

.event-finance-progress-block .event-executive-progress {
    width: 100%;
}

.event-finance-progress-block > span {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.event-finance-executive-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.event-finance-executive-card {
    background: rgba(255, 255, 255, .026);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    display: grid;
    gap: 13px;
    grid-template-rows: auto 1fr auto;
    min-width: 0;
    min-height: 300px;
    padding: 16px;
}

.event-finance-executive-card-wide {
    grid-column: 1 / -1;
    min-height: 0;
}

.event-finance-executive-header {
    align-items: center;
    border-bottom: 1px solid rgba(201, 168, 106, .22);
    display: flex;
    gap: 10px;
    min-height: 49px;
    padding-bottom: 12px;
}

.event-finance-executive-header h4 {
    color: var(--text);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.2;
    margin: 0;
}

.event-finance-row-list {
    display: grid;
    gap: 0;
}

.event-finance-row-list-inline {
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.event-finance-row {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .075);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    padding: 11px 0;
}

.event-finance-row:first-child {
    border-top: 0;
    padding-top: 0;
}

.event-finance-row:last-child {
    padding-bottom: 0;
}

.event-finance-row-list-inline .event-finance-row {
    border-top: 0;
    border-left: 1px solid rgba(255, 255, 255, .075);
    padding: 0 0 0 14px;
}

.event-finance-row-list-inline .event-finance-row:first-child {
    border-left: 0;
    padding-left: 0;
}

.event-finance-row span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.2;
}

.event-finance-row strong {
    color: var(--text);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
    text-align: right;
}

.event-finance-abono-state {
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 12px;
    display: grid;
    gap: 5px;
    margin-top: 2px;
    padding: 13px 14px;
}

.event-finance-abono-state strong {
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .02em;
    line-height: 1.2;
}

.event-finance-abono-state span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
}

.event-finance-abono-state.is-complete {
    background: rgba(63, 191, 95, .08);
    border-color: rgba(63, 191, 95, .24);
}

.event-finance-abono-state.is-complete strong {
    color: #3fbf5f;
}

.event-finance-abono-state.is-pending {
    background: rgba(216, 169, 45, .08);
    border-color: rgba(216, 169, 45, .26);
}

.event-finance-abono-state.is-pending strong {
    color: #d8a92d;
}

.event-finance-details-panel {
    background: rgba(255, 255, 255, .022);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    display: grid;
    gap: 14px;
    margin-top: 16px;
    padding: 14px;
}

.event-finance-details-header {
    align-items: center;
    border-bottom: 1px solid rgba(201, 168, 106, .20);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding-bottom: 13px;
}

.event-finance-details-header h4 {
    color: var(--text);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
    margin: 0;
}

.event-finance-details-header p {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    margin: 5px 0 0;
}

.event-finance-details-grid {
    display: grid;
    align-items: stretch;
    gap: 16px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.event-finance-details-grid[hidden] {
    display: none;
}

.event-finance-detail-card {
    background: rgba(255, 255, 255, .026);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
    display: grid;
    gap: 14px;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
    overflow: hidden;
    padding: 18px;
}

.event-finance-detail-card-top {
    grid-column: span 2;
}

.event-finance-detail-card-bottom {
    grid-column: span 3;
}

.event-finance-detail-card header {
    align-items: center;
    border-bottom: 1px solid rgba(201, 168, 106, .22);
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding-bottom: 14px;
}

.event-finance-detail-card header span {
    align-items: center;
    background: rgba(201, 168, 106, .10);
    border: 1px solid rgba(201, 168, 106, .26);
    border-radius: 999px;
    box-shadow: none;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 42px;
    font-size: 18px;
    height: 42px;
    justify-content: center;
    line-height: 1;
    width: 42px;
}

.event-finance-detail-card header .event-view-svg-icon {
    height: 22px;
    width: 22px;
}

.event-finance-detail-card h5 {
    color: var(--text);
    font-size: 16px;
    font-weight: 820;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: anywhere;
}

.event-finance-card-rows {
    display: grid;
    gap: 0;
    min-width: 0;
}

.event-finance-card-row {
    align-items: baseline;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    padding: 13px 0;
}

.event-finance-card-row + .event-finance-card-row {
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.event-finance-card-row span,
.event-finance-card-split > div > span,
.event-finance-card-source > span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    line-height: 1.25;
}

.event-finance-card-row span .event-view-svg-icon,
.event-finance-card-split > div > span .event-view-svg-icon,
.event-finance-card-source li .event-view-svg-icon {
    color: var(--primary);
    flex: 0 0 auto;
    height: 15px;
    width: 15px;
}

.event-finance-card-row strong,
.event-finance-card-split > div > strong {
    color: var(--text);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
    text-align: right;
}

.event-finance-card-row-total strong,
.event-finance-card-split > div > strong {
    color: var(--primary);
}

.event-finance-card-split {
    align-items: stretch;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, .86fr) minmax(0, 1fr);
    min-width: 0;
}

.event-finance-card-split > div:first-child {
    border-right: 1px solid rgba(255, 255, 255, .10);
    display: grid;
    gap: 10px;
    padding-right: 18px;
}

.event-finance-card-split > div > strong {
    font-size: clamp(22px, 2.1vw, 30px);
    text-align: left;
}

.event-finance-card-source {
    display: grid;
    gap: 10px;
}

.event-finance-card-source ul {
    color: var(--text);
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.event-finance-card-source li {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 850;
    gap: 8px;
    line-height: 1.25;
}

.event-finance-card-source li::before {
    content: none;
}

.event-executive-deadline-alert {
    border-color: rgba(255, 193, 7, .35) !important;
}

.event-executive-details small,
.event-executive-attendees small {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

.event-executive-details .event-executive-deadline-alert small {
    color: #d8a92d;
}

.event-executive-progress {
    background: rgba(255, 255, 255, .07);
    border-radius: 999px;
    height: 9px;
    overflow: hidden;
    width: min(300px, 100%);
}

.event-executive-progress span {
    background: linear-gradient(90deg, #229d37, #45b85a);
    border-radius: inherit;
    display: block;
    height: 100%;
}

.event-executive-summary-footer {
    align-items: center;
    color: var(--text-muted);
    display: grid;
    font-size: 13px;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    line-height: 1.2;
}

.event-executive-summary-footer a {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    font-weight: 800;
    gap: 10px;
    text-decoration: none;
}

.event-record-card {
    min-width: 0;
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px;
}

.event-quick-view {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.event-quick-view > .event-record-card {
    background: var(--card);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    padding: 20px;
}

.event-quick-view .event-record-card-event {
    grid-column: 1 / -1;
}

.event-quick-view .event-details-panel {
    grid-column: 1 / -1;
}

.event-quick-view .event-contact-panel {
    grid-column: span 6;
}

.event-quick-view .event-record-actions-card {
    grid-column: span 6;
}

.event-quick-view .event-collapsible-panel .event-record-card-title,
.event-quick-view .event-record-actions-card .event-record-card-title {
    font-size: 15px;
    margin-bottom: 12px;
}

.event-panel-header {
    align-items: flex-start;
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr;
}

.event-panel-header .event-record-card-title {
    margin-bottom: 0;
}

.event-panel-content {
    display: grid;
    grid-template-rows: 1fr;
    margin-top: 16px;
    opacity: 1;
    overflow: hidden;
    transition: grid-template-rows .24s ease, opacity .2s ease, margin-top .2s ease;
}

.event-panel-content[hidden] {
    display: grid;
    grid-template-rows: 0fr;
    margin-top: 0;
    opacity: 0;
}

.event-panel-content[hidden] > * {
    overflow: hidden;
}

.event-quick-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.event-detail-fields {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.event-detail-note {
    grid-column: 1 / -1;
}

.provider-record-header {
    grid-template-columns: repeat(16, minmax(0, 1fr));
    gap: 24px;
    padding: 28px;
}

.provider-record-header .provider-record-card-main {
    grid-column: span 5;
    padding: 20px;
}

.provider-record-header .provider-record-card-compact {
    grid-column: span 3;
    padding: 20px;
}

.provider-profile-grid {
    display: grid;
    gap: 18px;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.provider-hero-card {
    align-items: center;
    background:
        radial-gradient(circle at 10% 0%, rgba(201, 168, 106, .12), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .014)),
        var(--card);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: var(--radius);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
    display: grid;
    gap: 22px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin-bottom: 18px;
    padding: 22px 24px;
}

.provider-hero-icon {
    align-items: center;
    background: rgba(201, 168, 106, .08);
    border: 1px solid rgba(201, 168, 106, .30);
    border-radius: 999px;
    box-shadow: inset 0 0 28px rgba(201, 168, 106, .07);
    color: var(--primary);
    display: inline-flex;
    height: 96px;
    justify-content: center;
    width: 96px;
}

.provider-hero-icon .provider-info-icon-svg {
    height: 48px;
    width: 48px;
}

.provider-hero-content {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.provider-hero-kicker {
    color: var(--primary);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.provider-hero-content h2 {
    color: var(--text);
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 800;
    line-height: 1.12;
    margin: 0;
}

.provider-hero-content p {
    color: var(--text-muted);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
}

.provider-hero-meta {
    align-items: center;
    color: var(--text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 4px;
}

.provider-hero-meta > span {
    align-items: center;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
}

.provider-status-pill {
    background: rgba(70, 211, 120, .10);
    border: 1px solid rgba(70, 211, 120, .36);
    border-radius: 999px;
    color: #5ee68b;
    padding: 7px 12px;
}

.provider-status-pill > span {
    background: currentColor;
    border-radius: 999px;
    height: 7px;
    width: 7px;
}

.provider-status-inactivo,
.provider-status-suspendido {
    background: rgba(255, 193, 84, .10);
    border-color: rgba(255, 193, 84, .36);
    color: #ffc154;
}

.provider-hero-actions {
    justify-self: end;
}

.provider-profile-card {
    align-content: start;
    min-height: 280px;
}

.provider-info-icon-svg,
.provider-action-grid .ui-button svg,
.provider-action-grid a svg {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.provider-info-icon-svg {
    height: 20px;
    width: 20px;
}

.provider-data-list {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.provider-data-row {
    align-items: baseline;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(104px, .78fr) minmax(0, 1fr);
    min-width: 0;
}

.provider-data-row + .provider-data-row {
    border-top: 1px solid rgba(255, 255, 255, .07);
    padding-top: 12px;
}

.provider-data-row span {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.provider-data-row strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.provider-data-row-stack {
    align-items: start;
    grid-template-columns: 1fr;
}

.provider-card-separator {
    background: linear-gradient(90deg, rgba(201, 168, 106, .48), rgba(255, 255, 255, .08), transparent);
    border-radius: 999px;
    height: 1px;
    margin: 18px 0;
}

.provider-service-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.provider-service-tags span {
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 999px;
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    padding: 8px 12px;
}

.provider-action-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
    margin-top: 14px;
}

.provider-action-grid .ui-button,
.provider-action-grid a {
    justify-content: center;
    min-width: 0;
    width: 100%;
}

.provider-action-grid .ui-button svg,
.provider-action-grid a svg {
    height: 16px;
    width: 16px;
}

.provider-trust-compact {
    gap: 6px;
}

.provider-trust-compact .trust-rating-stars {
    gap: 4px;
}

.provider-trust-compact .trust-star {
    border-radius: 8px;
    height: 26px;
    width: 26px;
}

.event-record-card-event,
.event-record-card-client {
    grid-column: span 3;
}

.event-record-card-contact,
.event-record-actions-card {
    grid-column: span 2;
}

.event-record-card-title {
    color: var(--text);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 14px;
    text-transform: uppercase;
}

.event-record-fields {
    display: grid;
    gap: 12px;
}

.event-record-fields div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.event-record-fields span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.event-record-fields strong {
    color: var(--text);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.event-record-actions-card {
    align-content: start;
}

.event-record-button-list {
    display: grid;
    gap: 10px;
}

.event-contact-action {
    min-height: 36px;
    justify-content: center;
    padding: 8px 10px;
    font-size: 12px;
}

.event-record-primary-actions,
.event-record-secondary-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.event-record-secondary-actions {
    padding-top: 10px;
    border-top: 1px solid var(--border);
}

.ui-button-disabled {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
}

.event-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.event-tabs {
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: var(--radius);
    display: grid;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow-x: auto;
    padding: 0;
}

.event-tab {
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--text-muted);
    cursor: pointer;
    display: grid;
    font-size: 13px;
    font-weight: 800;
    gap: 7px;
    justify-items: center;
    line-height: 1.2;
    min-height: 70px;
    padding: 13px 12px;
    text-align: center;
    white-space: nowrap;
}

.event-tab span {
    color: inherit;
    font-size: 16px;
    line-height: 1;
}

.event-tab .event-view-svg-icon {
    height: 18px;
    width: 18px;
}

.event-tab .event-tab-label-short {
    display: none;
    font-size: inherit;
}

.event-tab .event-tab-label-full {
    font-size: inherit;
}

.event-tab.active {
    background: rgba(201, 168, 106, .10);
    border-color: rgba(201, 168, 106, .30);
    border-bottom-color: var(--primary);
    color: var(--primary);
}

.event-tab:focus-visible {
    outline: 1px solid var(--primary);
    outline-offset: 2px;
}

.event-tab-panel {
    display: grid;
    gap: 18px;
}

.event-tab-panel[hidden] {
    display: none;
}

.event-tab-panel h3 {
    color: var(--text);
    font-size: 17px;
    line-height: 1.3;
    text-transform: uppercase;
}

.event-timeline {
    display: grid;
    gap: 10px;
    position: relative;
    width: 100%;
}

.event-timeline::before {
    background: linear-gradient(180deg, rgba(201, 168, 106, .55), rgba(201, 168, 106, 0));
    bottom: 12px;
    content: "";
    left: 18px;
    position: absolute;
    top: 12px;
    width: 1px;
}

.event-timeline-card,
.event-timeline-empty {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
        var(--card);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: var(--radius);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
    display: grid;
    gap: 12px;
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 12px;
    position: relative;
}

.event-timeline-icon,
.event-timeline-empty-icon {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .36);
    border-radius: 999px;
    display: inline-flex;
    font-size: 16px;
    height: 36px;
    justify-content: center;
    line-height: 1;
    position: relative;
    width: 36px;
    z-index: 1;
}

.event-timeline-icon .event-view-svg-icon,
.event-timeline-empty-icon .event-view-svg-icon {
    height: 18px;
    width: 18px;
}

.event-timeline-body {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.event-timeline-body header {
    align-items: start;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.event-timeline-body h4,
.event-timeline-empty h4 {
    color: var(--text);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0;
}

.event-timeline-body header span {
    color: var(--primary);
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.25;
}

.event-timeline-body p,
.event-timeline-empty p {
    color: var(--text);
    font-size: 13px;
    line-height: 1.42;
    margin: 0;
}

.event-timeline-body footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.event-timeline-body footer span {
    color: var(--text-muted);
    font-size: 11.5px;
    font-weight: 800;
}

.event-timeline-body footer strong {
    color: var(--text);
    font-size: 12px;
    font-weight: 900;
}

.event-timeline-actions {
    display: flex;
    justify-content: flex-end;
}

.event-timeline-actions form {
    display: inline-flex;
}

.event-timeline-actions .ui-button {
    min-height: 30px;
    padding: 7px 10px;
}

.event-record-page [data-event-history-item][hidden],
.event-record-page [data-event-history-pagination][hidden] {
    display: none !important;
}

.event-history-pagination {
    border-top: 0;
    grid-column: 1 / -1;
    margin-top: 10px;
    padding-top: 4px;
    position: relative;
    z-index: 2;
}

.event-record-page .event-history-timeline::before {
    bottom: 72px;
}

.event-timeline-card-payment .event-timeline-icon {
    background: rgba(40, 167, 69, .14);
    border-color: rgba(40, 167, 69, .38);
}

.event-timeline-card-cost .event-timeline-icon {
    background: rgba(118, 169, 230, .14);
    border-color: rgba(118, 169, 230, .38);
}

.event-timeline-card-created .event-timeline-icon,
.event-timeline-card-meeting .event-timeline-icon {
    background: rgba(201, 168, 106, .14);
    border-color: rgba(201, 168, 106, .38);
}

.event-timeline-card-edited .event-timeline-icon,
.event-timeline-card-status .event-timeline-icon {
    background: rgba(255, 193, 7, .13);
    border-color: rgba(255, 193, 7, .35);
}

.event-timeline-card-archived .event-timeline-icon,
.event-timeline-card-cancelled .event-timeline-icon {
    background: rgba(217, 83, 79, .14);
    border-color: rgba(217, 83, 79, .38);
}

.event-timeline-empty {
    align-items: start;
}

.event-timeline-empty p {
    color: var(--text-muted);
    max-width: 620px;
}

.event-info-sections {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.event-info-master-card {
    display: grid;
    gap: 16px;
}

.event-info-master-card > h3 {
    color: var(--primary);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.15;
    margin: 0;
}

.event-info-block {
    display: grid;
    gap: 12px;
}

.event-info-card {
    align-content: start;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
        var(--card);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: var(--radius);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
    min-height: 0;
    overflow: hidden;
    padding: 18px;
}

.event-info-card-header {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .075);
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    padding-bottom: 12px;
}

.event-info-card-icon {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 10px;
    color: var(--primary);
    display: inline-flex;
    font-size: 18px;
    font-weight: 900;
    height: 40px;
    justify-content: center;
    line-height: 1;
    width: 40px;
}

.event-info-card-icon .event-view-svg-icon {
    height: 21px;
    width: 21px;
}

.event-info-block h4,
.event-danger-zone h3 {
    color: var(--primary);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.3;
    margin: 0;
    text-transform: uppercase;
}

.event-info-card-header p {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    margin: 2px 0 0;
}

.event-info-card-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.event-info-card-grid-featured {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.event-info-field {
    background: rgba(255, 255, 255, .024);
    border: 1px solid rgba(255, 255, 255, .055);
    border-radius: 9px;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 9px 10px;
}

.event-info-field-wide {
    grid-column: 1 / -1;
}

.event-info-card-grid span {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.event-info-card-grid strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.event-info-phone-group small {
    color: var(--primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.event-info-field-email {
    border-color: rgba(201, 168, 106, .18);
}

.event-info-field-email strong {
    color: var(--primary);
}

.event-info-quick-strip {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .075);
    color: var(--text);
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 12px;
}

.event-info-quick-strip > span {
    align-items: center;
    background: rgba(201, 168, 106, .08);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 999px;
    color: var(--text);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 6px;
    line-height: 1.2;
    min-width: 0;
    padding: 7px 9px;
}

.event-info-quick-strip > span > span {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 auto;
}

.event-info-quick-strip .event-view-svg-icon {
    height: 15px;
    width: 15px;
}

.event-finance-panel {
    margin-top: 8px;
}

.event-finance-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

.finance-card {
    min-width: 0;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px;
    display: grid;
    gap: 8px;
}

.finance-card span {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.finance-card strong {
    color: var(--text);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.finance-card-primary strong {
    color: var(--primary);
}

.finance-card-positive strong {
    color: var(--success);
}

.finance-card-warning strong {
    color: var(--warning);
}

.finance-card-danger strong {
    color: var(--danger);
}

.finance-summary-toggle {
    display: inline-flex;
}

.finance-summary-panel {
    display: grid;
    gap: 14px;
    grid-template-rows: 1fr;
    opacity: 1;
    overflow: hidden;
    transition: grid-template-rows .24s ease, opacity .2s ease;
}

.finance-summary-panel[hidden] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
}

.finance-summary-panel[hidden] > * {
    overflow: hidden;
}

.finance-summary-actions {
    display: flex;
    justify-content: flex-end;
}

.finance-section {
    display: grid;
    gap: 14px;
}

.event-finance-panel {
    display: grid;
    gap: 16px;
}

.event-finance-panel[hidden] {
    display: none;
}

.event-finance-panel .finance-section,
.internal-info {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    padding: 20px;
}

.event-finance-panel .finance-section:has(> .finance-summary-panel[hidden]) {
    gap: 0;
}

.finance-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.finance-section-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.finance-section-header h4 {
    color: var(--text);
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
}

.event-section-title-with-icon {
    align-items: center;
    display: inline-flex;
    gap: 9px;
}

.event-section-title-with-icon .event-view-svg-icon {
    color: var(--primary);
    height: 18px;
    width: 18px;
}

.app-modal,
.payment-edit-modal,
.cost-edit-modal,
.financial-edit-modal {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 20px;
    position: fixed;
    z-index: 2600;
}

.app-modal[hidden],
.payment-edit-modal[hidden],
.cost-edit-modal[hidden],
.financial-edit-modal[hidden] {
    display: none;
}

.app-modal-backdrop,
.payment-edit-backdrop,
.cost-edit-backdrop,
.financial-edit-backdrop {
    background:
        radial-gradient(circle at 50% 15%, rgba(201, 168, 106, .10), transparent 34%),
        rgba(2, 8, 18, .84);
    -webkit-backdrop-filter: blur(14px) saturate(118%);
    backdrop-filter: blur(14px) saturate(118%);
    inset: 0;
    pointer-events: auto;
    position: absolute;
}

.app-modal-dialog,
.payment-edit-dialog,
.cost-edit-dialog,
.financial-edit-dialog {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    display: grid;
    gap: 16px;
    max-width: 440px;
    padding: 20px;
    position: relative;
    z-index: 2;
    width: min(100%, 440px);
}

.payment-edit-dialog,
.cost-edit-dialog,
.financial-edit-dialog {
    max-width: 760px;
    width: min(100%, 760px);
}

.cost-edit-dialog {
    max-width: 840px;
    width: min(100%, 840px);
}

.financial-edit-dialog {
    max-width: 820px;
    width: min(100%, 820px);
}

.payment-edit-form,
.cost-edit-form,
.financial-edit-form {
    display: grid;
    gap: 16px;
}

.financial-edit-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.financial-edit-preview {
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 16px;
}

.financial-edit-preview span {
    color: var(--text-muted);
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 4px;
}

.financial-edit-preview strong {
    color: var(--text);
    display: block;
    font-size: 17px;
    line-height: 1.25;
}

.app-modal-header,
.payment-edit-header,
.cost-edit-header,
.financial-edit-header {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.app-modal-header h2,
.payment-edit-header h4,
.cost-edit-header h4,
.financial-edit-header h4 {
    color: var(--text);
    font-size: 18px;
    line-height: 1.25;
}

.app-modal-close {
    align-items: center;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 10px;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    line-height: 1;
    width: 34px;
}

.app-modal p,
.payment-edit-form,
.cost-edit-form,
.financial-edit-form {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.app-modal-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

body.modal-open {
    overflow: hidden;
}

.demo-mode-badge {
    align-items: center;
    background: rgba(8, 8, 8, .68);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
    line-height: 1;
    padding: 7px 11px;
    position: fixed;
    right: 18px;
    top: 78px;
    width: max-content;
    z-index: 80;
}

@media (max-width: 767px) {
    .login-demo-badge,
    .demo-mode-badge {
        font-size: 9px;
        padding: 5px 8px;
    }

    .login-demo-badge {
        bottom: 18px;
        height: auto;
        left: auto;
        max-width: max-content;
        min-height: 0;
        min-width: auto;
        right: 18px;
        top: auto;
        width: auto;
    }

    .demo-mode-badge {
        right: 12px;
        top: 62px;
    }
}

.event-costs-grid {
    display: grid;
    gap: 18px;
}

.finance-movement-grid {
    display: grid;
    gap: 18px;
}

.finance-list-panel {
    display: grid;
    gap: 18px;
}

.finance-list-panel[hidden] {
    display: none;
}

.finance-movement-card,
.event-cost-card,
.finance-movement-empty,
.event-costs-empty {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 22px;
}

.finance-movement-card,
.event-cost-card {
    display: grid;
    gap: 20px;
}

.finance-movement-card-header,
.finance-movement-card-details,
.event-cost-card-header,
.event-cost-card-details {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.finance-movement-card-header,
.event-cost-card-header {
    border-bottom: 1px solid var(--border);
    padding-bottom: 18px;
}

.finance-movement-card span,
.finance-movement-empty span,
.event-cost-card span,
.event-costs-empty span {
    color: var(--text-muted);
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
}

.finance-movement-card strong,
.finance-movement-empty strong,
.event-cost-card strong,
.event-costs-empty strong {
    color: var(--text);
    display: block;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.finance-movement-card-header strong,
.event-cost-card-header strong {
    font-size: 17px;
}

.finance-movement-card-note,
.event-cost-card-note {
    grid-column: 1 / -1;
}

.finance-movement-actions {
    border-top: 1px solid var(--border);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    padding-top: 18px;
}

.finance-movement-actions form {
    display: inline-flex;
}

.finance-movement-card-voided {
    opacity: .62;
}

.finance-movement-card-voided strong {
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

.finance-movement-empty,
.event-costs-empty {
    display: grid;
    gap: 4px;
}

.event-meetings-panel {
    display: grid;
    gap: 18px;
    margin-top: 8px;
}

.event-meetings-panel h3 {
    color: var(--text);
    font-size: 17px;
    line-height: 1.3;
    text-transform: uppercase;
}

.meetings-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.meetings-empty-state {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 18px;
    display: grid;
    gap: 12px;
}

.meetings-empty-state h4 {
    color: var(--text);
    font-size: 16px;
    line-height: 1.3;
}

.meetings-empty-state p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.5;
}

.meeting-status-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.meeting-status-list span {
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 7px 10px;
}

.event-record-page .app-card {
    min-height: 108px;
}

.event-record-page .app-card-title {
    color: var(--text);
    font-size: 15px;
    font-weight: 700;
}

.event-record-page .app-card-content {
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.internal-info {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    padding: 22px;
}

.internal-info summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--text);
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    list-style: none;
}

.internal-info summary::-webkit-details-marker {
    display: none;
}

.confidential-panel summary {
    list-style: none;
}

.confidential-panel summary::-webkit-details-marker {
    display: none;
}

.confidential-panel-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--text);
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.confidential-panel-content {
    animation: confidentialPanelIn .18s ease-out;
    margin-top: 18px;
}

@keyframes confidentialPanelIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.internal-info-content {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 16px;
}

.internal-info-content[hidden] {
    display: none !important;
}

.internal-metric-card {
    align-items: center;
    background: rgba(255, 255, 255, .026);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    display: grid;
    gap: 11px;
    grid-template-columns: 38px minmax(0, 1fr);
    min-width: 0;
    padding: 12px;
}

.internal-metric-icon {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.internal-metric-icon .event-view-svg-icon {
    height: 19px;
    width: 19px;
}

.internal-metric-card div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.internal-metric-card span:not(.internal-metric-icon) {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .035em;
    line-height: 1.2;
    text-transform: uppercase;
}

.internal-metric-card strong {
    color: var(--text);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.internal-metric-neutral strong {
    color: #76a9e6;
}

.internal-metric-positive strong,
.internal-metric-success strong {
    color: #3fbf5f;
}

.internal-metric-danger strong {
    color: #e65b5b;
}

.internal-metric-primary strong {
    color: var(--primary);
}

.event-danger-zone {
    align-items: stretch;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 16px;
    padding: 22px;
}

.event-danger-zone-header {
    display: grid;
    gap: 6px;
}

.event-danger-zone-heading {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
}

.event-danger-zone-header h3 {
    margin: 0;
}

.event-danger-zone-header p {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

.event-danger-actions {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.event-danger-actions[hidden] {
    display: none !important;
}

.event-danger-actions .ui-button {
    justify-content: center;
    text-align: center;
    white-space: normal;
}

.event-danger-action-normal {
    border-color: rgba(201, 168, 106, .36);
}

.event-danger-action-pause {
    border-color: rgba(255, 193, 7, .34);
    color: #d8a92d;
}

.event-danger-action-archive {
    border-color: rgba(40, 167, 69, .30);
    color: #3fbf5f;
}

.event-danger-action-cancel {
    border-color: rgba(217, 83, 79, .36);
    color: #e65b5b;
}

.event-danger-action-delete {
    background: rgba(217, 83, 79, .12);
    border-color: rgba(217, 83, 79, .55);
    color: #ff7a7a;
    font-weight: 900;
}

@media (max-width: 1199px) {
    .event-danger-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.ui-button {
    min-height: 38px;
    padding: 10px 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--text);
    background: var(--card);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
}

.ui-button:hover,
.ui-button:focus-visible {
    outline: none;
    background: #2a2a2a;
}

.ui-button-primary {
    background: var(--primary);
    border-color: var(--primary);
    color: #111;
}

.ui-button-primary:hover,
.ui-button-primary:focus-visible {
    background: var(--primary-hover);
    color: #111;
}

.ui-button-secondary {
    background: #242424;
}

.collapsible-toggle {
    border-color: var(--border);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
    min-height: 38px;
    min-width: 118px;
    padding: 10px 14px;
    text-align: center;
    transition: var(--transition);
    white-space: nowrap;
}

.collapsible-toggle:hover,
.collapsible-toggle:focus-visible {
    background: #2a2a2a;
}

.ui-button-danger {
    background: var(--danger);
    border-color: var(--danger);
    color: var(--text);
}

.ui-button-link {
    min-height: auto;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--primary);
}

.ui-button-link:hover,
.ui-button-link:focus-visible {
    background: transparent;
    color: var(--primary-hover);
}

.ui-badge {
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    color: var(--text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.ui-badge-reserved {
    background: rgba(201, 168, 106, .14);
    border-color: rgba(201, 168, 106, .38);
    color: var(--primary);
}

.ui-badge-confirmed {
    background: rgba(40, 167, 69, .14);
    border-color: rgba(40, 167, 69, .36);
    color: var(--success);
}

.ui-badge-done {
    background: rgba(255, 255, 255, .10);
    border-color: rgba(255, 255, 255, .22);
    color: var(--text);
}

.ui-badge-cancelled {
    background: rgba(217, 83, 79, .14);
    border-color: rgba(217, 83, 79, .38);
    color: var(--danger);
}

.ui-badge-pending {
    background: rgba(255, 193, 7, .14);
    border-color: rgba(255, 193, 7, .34);
    color: var(--warning);
}

.ui-badge-default {
    background: rgba(255, 255, 255, .08);
    border-color: var(--border);
    color: var(--text-muted);
}

.payment-form,
.cost-form {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    display: grid;
    gap: 16px;
    margin: 16px 0 18px;
    padding: 18px;
}

.payment-form[hidden],
.cost-form[hidden] {
    display: none !important;
}

.payment-form-grid,
.cost-form-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (min-width: 1025px) {
    .event-record-page {
        gap: 28px;
    }

    .event-expedient-hero {
        align-items: start;
        gap: 14px;
        padding: 18px;
    }

    .event-expedient-hero-heading {
        gap: 14px;
    }

    .event-expedient-hero-title-row h2 {
        font-size: clamp(28px, 2.1vw, 32px);
    }

    .event-expedient-hero-meta-row {
        gap: 9px 22px;
    }

    .event-quick-actions {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .event-quick-action {
        min-height: 66px;
        padding: 10px 8px;
    }

    .event-quick-action strong {
        font-size: 12px;
    }

    .event-executive-summary {
        padding: 22px;
    }

    .event-executive-metrics {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .event-executive-details,
    .event-executive-attendees,
    .event-executive-control {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .event-tabs {
        overflow: hidden;
    }

    .event-tab {
        font-size: 13px;
        min-height: 64px;
    }

    .event-info-sections {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .dashboard-management-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-summary-card {
        grid-column: auto;
    }

    .dashboard-summary-mini {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 0;
    }

    .topbar-brand-name {
        font-size: 22px;
    }

    .topbar-brand-version {
        font-size: 11px;
    }

    .page-header {
        margin-bottom: 14px;
    }

    .event-finance-flow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-finance-kpi-band,
    .event-finance-executive-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-finance-executive-card-wide {
        grid-column: 1 / -1;
    }

    .event-finance-row-list-inline {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .event-finance-details-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-finance-detail-card-top,
    .event-finance-detail-card-bottom {
        grid-column: auto;
    }

    .event-expedient-hero {
        gap: 14px;
        padding: 18px;
    }

    .event-expedient-hero-heading {
        gap: 14px;
    }

    .event-expedient-hero-title-row h2 {
        font-size: clamp(24px, 3.2vw, 30px);
    }

    .event-expedient-hero-meta-row {
        gap: 9px 18px;
    }

    .event-quick-actions {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .event-quick-action {
        min-height: 66px;
        padding: 10px 8px;
    }

    .event-quick-action strong {
        font-size: 12px;
    }

    .event-executive-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .event-executive-metrics div:nth-child(3) {
        border-right: 0;
        padding-right: 0;
    }

    .event-executive-metrics div:nth-child(4) {
        border-right: 1px solid rgba(255, 255, 255, .08);
        padding-right: 14px;
    }

    .event-info-sections {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .access-level-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-quick-view {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .event-quick-view .event-record-card-event,
    .event-quick-view .event-details-panel,
    .event-quick-view .event-contact-panel,
    .event-quick-view .event-record-actions-card {
        grid-column: span 6;
    }

    .event-record-card-event,
    .event-record-card-client {
        grid-column: span 3;
    }

    .event-record-card-contact,
    .event-record-actions-card {
        grid-column: span 2;
    }

    .payment-form-grid,
    .cost-form-grid,
    .financial-edit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-cost-card-header,
    .finance-movement-card-header,
    .finance-movement-card-details,
    .event-cost-card-details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .provider-record-header {
        gap: 16px;
        padding: 22px;
    }

    .provider-hero-card {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .provider-hero-actions {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .provider-profile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .provider-profile-card,
    .provider-profile-card-main,
    .provider-profile-card-notes,
    .provider-profile-card-actions {
        grid-column: auto;
    }

    .provider-record-header .provider-record-card-main,
    .provider-record-header .provider-record-card-compact {
        grid-column: span 3;
        padding: 16px;
    }

    .permissions-panel-header {
        align-items: stretch;
        flex-direction: column;
    }

    .permission-row {
        grid-template-columns: minmax(160px, 1fr) repeat(3, minmax(96px, .6fr));
    }

    .users-header,
    .users-panel-header,
    .accesses-header,
    .accesses-panel-header {
        align-items: stretch;
        flex-direction: column;
    }

    .users-header .ui-button,
    .user-card .ui-button,
    .accesses-header .ui-button,
    .access-card .ui-button,
    .accesses-header-actions .ui-button {
        width: 100%;
    }

    .accesses-header-actions {
        justify-content: stretch;
        margin-bottom: 12px;
        margin-top: 12px;
    }

    .user-record-grid,
    .access-record-grid {
        grid-template-columns: 1fr;
    }

    .user-record-main,
    .access-record-main {
        grid-column: auto;
    }

    .access-company-fields {
        grid-template-columns: 1fr;
    }

    .access-level-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .access-license-layout {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .accesses-list-details summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .event-form .form-section:first-child .form-grid {
        grid-template-columns: 1fr;
    }

    .table-wrapper {
        overflow-x: visible;
        background: transparent;
        border: none;
        border-radius: 0;
    }

    .app-table,
    .app-table thead,
    .app-table tbody,
    .app-table tr,
    .app-table th,
    .app-table td {
        display: block;
    }

    .app-table thead {
        display: none;
    }

    .app-table {
        border-collapse: separate;
    }

    .app-table tbody {
        display: grid;
        gap: 14px;
    }

    .app-table tbody tr {
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .app-table tbody tr:hover {
        background: var(--card);
    }

    .app-table td {
        width: 100%;
        padding: 0;
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        white-space: normal;
    }

    .app-table td::before {
        content: attr(data-label);
        color: var(--text-muted);
        font-size: 12px;
        font-weight: 600;
        line-height: 1.3;
    }

    .app-table td[data-label="Código"] {
        order: 1;
    }

    .app-table td[data-label="Nombre Evento"] {
        order: 2;
    }

    .app-table td[data-label="Cliente"] {
        order: 3;
    }

    .app-table td[data-label="Fecha"] {
        order: 4;
    }

    .app-table td[data-label="Estado"] {
        order: 5;
    }

    .app-table td[data-label="Acción"] {
        order: 6;
        align-items: stretch;
        flex-direction: column;
    }

    .app-table td[data-label="Acción"] .ui-button {
        width: 100%;
    }

    .table-empty {
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 18px;
    }
}

@media (max-width: 768px) {
    .topbar-brand-name {
        font-size: 20px;
    }

    .topbar-brand-version {
        font-size: 10px;
    }

    .provider-form .form-section:first-child .form-grid {
        grid-template-areas:
            "name"
            "contact"
            "category"
            "role"
            "notes";
        grid-template-columns: 1fr;
    }

    .search-result-card,
    .search-result-fields {
        grid-template-columns: 1fr;
    }

    .search-result-card .ui-button {
        width: 100%;
    }

    .permission-row,
    .permission-row-head {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .permission-row-head {
        display: none;
    }

    .permissions-global-actions,
    .permissions-global-toggle {
        width: 100%;
    }

    .permission-check {
        justify-content: space-between;
    }

    .permissions-actions,
    .permissions-actions .ui-button {
        width: 100%;
    }

    .preference-row {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .preference-control {
        justify-content: space-between;
    }

    .event-detail-actions {
        gap: 12px;
        margin-bottom: 12px;
        margin-top: 12px;
    }

    .event-detail-actions .ui-button {
        width: auto;
    }

    .access-level-grid {
        grid-template-columns: 1fr;
    }

    .providers-header {
        align-items: stretch;
        flex-direction: column;
    }

    .providers-panel-header {
        align-items: stretch;
        flex-direction: column;
    }

    .providers-panel-header .ui-button {
        width: 100%;
    }

    .providers-panel-actions,
    .providers-view-modes {
        align-items: stretch;
        width: 100%;
    }

    .finance-section-header {
        align-items: stretch;
        flex-direction: column;
    }

    .finance-section-actions,
    .finance-section-actions .ui-button {
        width: 100%;
    }

    .payment-form-grid,
    .cost-form-grid,
    .financial-edit-grid,
    .financial-edit-preview {
        grid-template-columns: 1fr;
    }

    .event-cost-card-header,
    .finance-movement-card-header,
    .finance-movement-card-details,
    .event-cost-card-details {
        grid-template-columns: 1fr;
    }

    .finance-movement-actions,
    .finance-movement-actions form,
    .finance-movement-actions .ui-button {
        width: 100%;
    }

    .providers-header .ui-button,
    .provider-form-actions .ui-button {
        width: 100%;
    }

    .provider-card .ui-button,
    .provider-admin-actions,
    .provider-admin-actions .ui-button,
    .provider-admin-actions form {
        width: 100%;
    }

    .providers-search {
        max-width: none;
    }

    .dashboard-management-grid {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 12px;
        grid-auto-rows: auto;
    }

    .dashboard-action-card {
        align-self: start;
        gap: 9px;
        grid-template-rows: auto auto auto auto;
        height: auto;
        min-height: unset;
        padding: 12px 14px;
    }

    .dashboard-action-card-header {
        gap: 9px;
        grid-template-columns: 34px minmax(0, 1fr) auto;
    }

    .dashboard-action-icon {
        height: 34px;
        width: 34px;
    }

    .dashboard-action-icon svg {
        height: 18px;
        width: 18px;
    }

    .dashboard-action-card strong {
        font-size: 14.5px;
        font-weight: 700;
    }

    .dashboard-action-divider {
        height: 1px;
    }

    .dashboard-action-description {
        font-size: 13px;
        line-height: 1.3;
        max-width: none;
    }

    .dashboard-action-arrow {
        justify-self: end;
    }

    .dashboard-action-arrow svg {
        height: 18px;
        width: 18px;
    }

    .dashboard-summary-mini {
        gap: 8px;
        grid-template-columns: 1fr;
    }

    .dashboard-summary-mini span {
        font-size: 11px;
    }

    .dashboard-summary-mini strong {
        font-size: 22px;
    }

    .dashboard-summary-mini div,
    .dashboard-summary-mini div:first-child {
        border: 1px solid rgba(255, 255, 255, .075);
        padding: 8px 10px;
    }

    .dashboard-summary-mini div + div {
        border-left: 1px solid rgba(255, 255, 255, .075);
        border-top: 1px solid rgba(255, 255, 255, .075);
    }

    .table-wrapper {
        overflow-x: visible;
        background: transparent;
        border: none;
        border-radius: 0;
    }

    .app-table,
    .app-table thead,
    .app-table tbody,
    .app-table tr,
    .app-table th,
    .app-table td {
        display: block;
    }

    .app-table thead {
        display: none;
    }

    .app-table {
        border-collapse: separate;
    }

    .app-table tbody {
        display: grid;
        gap: 14px;
    }

    .app-table tbody tr {
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .app-table tbody tr:hover {
        background: var(--card);
    }

    .app-table td {
        width: 100%;
        padding: 0;
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        white-space: normal;
    }

    .app-table td::before {
        content: attr(data-label);
        color: var(--text-muted);
        font-size: 12px;
        font-weight: 600;
        line-height: 1.3;
    }

    .app-table td[data-label="Código"] {
        order: 1;
    }

    .app-table td[data-label="Nombre Evento"] {
        order: 2;
    }

    .app-table td[data-label="Cliente"] {
        order: 3;
    }

    .app-table td[data-label="Fecha"] {
        order: 4;
    }

    .app-table td[data-label="Estado"] {
        order: 5;
    }

    .app-table td[data-label="Acción"] {
        order: 6;
        align-items: stretch;
        flex-direction: column;
    }

    .app-table td[data-label="Acción"] .ui-button {
        width: 100%;
    }

    .table-empty {
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 18px;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }

    .event-form .form-section:first-child .form-grid {
        grid-template-columns: 1fr;
    }

    .form-section {
        padding: 18px;
    }

    .form-actions {
        justify-content: stretch;
    }

    .form-actions .ui-button {
        width: 100%;
    }

    .financial-summary-grid {
        grid-template-columns: 1fr;
    }

    .event-filter-form {
        grid-template-columns: 1fr;
    }

    .event-filter-actions .ui-button {
        width: 100%;
    }

    .app-footer {
        padding: 20px 16px;
        gap: 6px 12px;
    }

    .app-footer-links {
        gap: 6px 12px;
    }

    .app-footer a {
        min-height: 32px;
        display: inline-flex;
        align-items: center;
    }

    .event-expedient-hero {
        gap: 13px;
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .event-expedient-hero-main,
    .event-expedient-hero-admin-row {
        grid-column: 1 / -1;
    }

    .event-expedient-hero-heading {
        gap: 10px;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .event-expedient-hero-icon {
        height: 34px;
        width: 34px;
        font-size: 15px;
    }

    .event-expedient-hero-title-row h2 {
        font-size: clamp(20px, 6vw, 26px);
        line-height: 1.08;
    }

    .event-expedient-code {
        font-size: 11px;
        margin-top: 4px;
    }

    .event-expedient-hero-meta-row {
        align-items: start;
        display: grid;
        gap: 9px;
    }

    .event-expedient-hero-admin-row {
        justify-self: start;
    }

    .event-quick-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-quick-action {
        min-height: 56px;
        padding: 10px 8px;
    }

    .event-quick-action > span {
        font-size: 16px;
    }

    .event-quick-action strong {
        font-size: 12px;
    }

    .event-meetings-inline-panel {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .event-meetings-inline-actions {
        justify-content: flex-start;
    }

    .event-executive-summary {
        padding: 15px;
    }

    .event-executive-metrics,
    .event-executive-details,
    .event-executive-attendees,
    .event-executive-control,
    .event-info-sections,
    .event-info-card-grid {
        grid-template-columns: 1fr;
    }

    .event-executive-metrics {
        gap: 11px;
    }

    .event-executive-metrics div,
    .event-executive-metrics div:nth-child(4) {
        align-items: center;
        border-right: 0;
        display: grid;
        gap: 12px;
        grid-template-columns: minmax(0, 1fr) auto;
        padding-right: 0;
    }

    .event-executive-metrics span {
        font-size: 13px;
        letter-spacing: 0;
        text-transform: none;
    }

    .event-executive-metrics strong {
        font-size: 15px;
        text-align: right;
    }

    .event-executive-details div,
    .event-executive-attendees div,
    .event-executive-control div {
        align-items: center;
        gap: 8px 12px;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .event-executive-details small,
    .event-executive-attendees small {
        grid-column: 1 / -1;
    }

    .event-executive-progress {
        width: 100%;
    }

    .event-executive-summary-footer {
        grid-template-columns: 1fr;
    }

    .event-tabs {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        overflow-x: visible;
    }

    .event-tab {
        font-size: 11px;
        min-height: 58px;
        padding: 10px 6px;
        white-space: normal;
    }

    .event-tab .event-tab-label-full {
        display: inline;
    }

    .event-timeline::before {
        left: 17px;
    }

    .event-timeline-card,
    .event-timeline-empty {
        gap: 10px;
        grid-template-columns: 34px minmax(0, 1fr);
        padding: 11px;
    }

    .event-timeline-icon,
    .event-timeline-empty-icon {
        font-size: 15px;
        height: 34px;
        width: 34px;
    }

    .event-timeline-body header {
        grid-template-columns: 1fr;
    }

    .event-timeline-actions {
        justify-content: flex-start;
    }

    .event-info-card {
        min-height: auto;
        padding: 16px;
    }

    .event-quick-view,
    .event-quick-fields,
    .event-detail-fields {
        grid-template-columns: 1fr;
    }

    .event-panel-header {
        align-items: stretch;
        flex-direction: column;
    }

    .event-panel-header .ui-button {
        width: 100%;
    }

    .event-quick-view .event-record-card-event,
    .event-quick-view .event-details-panel,
    .event-quick-view .event-contact-panel,
    .event-quick-view .event-record-actions-card {
        grid-column: 1 / -1;
    }

    .event-record-card-event,
    .event-record-card-client,
    .event-record-card-contact,
    .event-record-actions-card {
        grid-column: 1 / -1;
    }

    .provider-record-header .provider-record-card-main,
    .provider-record-header .provider-record-card-compact {
        grid-column: 1 / -1;
    }

    .provider-hero-card {
        grid-template-columns: 1fr;
        padding: 18px;
        text-align: left;
    }

    .provider-hero-icon {
        height: 76px;
        width: 76px;
    }

    .provider-hero-icon .provider-info-icon-svg {
        height: 38px;
        width: 38px;
    }

    .provider-hero-actions,
    .provider-hero-actions .ui-button {
        justify-self: stretch;
        width: 100%;
    }

    .provider-profile-grid {
        grid-template-columns: 1fr;
    }

    .provider-action-grid {
        grid-template-columns: 1fr;
    }

    .provider-profile-card {
        min-height: 0;
    }

    .provider-data-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .event-record-button-list .ui-button,
    .event-record-button-list .ui-button-disabled {
        width: 100%;
    }

    .event-summary-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .finance-section-header {
        align-items: stretch;
        flex-direction: column;
    }

    .finance-section-header .ui-button {
        width: 100%;
    }

    .event-tabs {
        border-bottom: none;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        overflow-x: visible;
    }

    .event-tab {
        border: 1px solid var(--border);
        border-radius: 10px;
        text-align: center;
        white-space: normal;
    }

    .event-tab.active {
        border-color: var(--primary);
    }

    .internal-info summary {
        align-items: stretch;
        flex-direction: column;
    }

    .internal-info summary .ui-button {
        width: 100%;
    }

    .internal-info-content {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .event-danger-zone {
        align-items: stretch;
    }

    .event-danger-actions {
        grid-template-columns: 1fr;
    }

    .event-danger-zone .ui-button {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .event-tabs {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .meetings-page,
    .meetings-panel,
    .meeting-state-sections,
    .meeting-state-section,
    .meeting-state-body,
    .meeting-panels,
    .meeting-panel-card {
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .meeting-state-section,
    .meeting-panel-card {
        overflow: visible;
    }

    .meeting-panels {
        gap: 20px;
    }

    .meeting-panel-card {
        border-radius: 14px;
        box-shadow: 0 14px 28px rgba(0, 0, 0, .18);
    }

    .meeting-panel-header {
        align-items: stretch;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start;
        max-width: 100%;
        min-width: 0;
        overflow: visible;
        padding: 12px;
        width: 100%;
    }

    .meeting-panel-title {
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .meeting-panel-title small {
        max-width: 100%;
        overflow: visible;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
        word-break: break-word;
    }

    .event-detail-actions,
    .page-header-actions,
    .page-top-actions,
    .form-actions,
    .event-filter-actions,
    .event-filter-return,
    .providers-view-modes,
    .providers-panel-actions,
    .provider-card-actions,
    .provider-hero-actions,
    .provider-admin-actions,
    .provider-form-actions,
    .meeting-card-actions,
    .meetings-actions,
    .event-meetings-inline-actions,
    .finance-section-actions,
    .finance-movement-actions,
    .event-record-button-list,
    .event-record-primary-actions,
    .event-record-secondary-actions,
    .event-danger-actions,
    .permissions-global-actions,
    .permissions-actions,
    .settings-card-actions,
    .app-modal-actions {
        align-items: stretch;
        display: grid;
        gap: 8px;
        grid-template-columns: 1fr;
        justify-content: stretch;
        width: 100%;
    }

    .event-detail-actions,
    .page-header-actions,
    .page-top-actions {
        margin: 0;
    }

    .event-filter-form {
        margin-bottom: 10px;
        margin-top: 8px;
    }

    .event-finance-flow-grid {
        grid-template-columns: 1fr;
    }

    .event-finance-kpi-band,
    .event-finance-executive-grid,
    .event-finance-row-list-inline {
        grid-template-columns: 1fr;
    }

    .event-finance-kpi {
        padding: 14px;
    }

    .event-finance-kpi strong {
        font-size: 21px;
    }

    .event-finance-executive-card {
        min-height: 0;
        padding: 14px;
    }

    .event-finance-row {
        align-items: start;
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 10px 0;
    }

    .event-finance-row strong {
        text-align: left;
    }

    .event-finance-row-list-inline .event-finance-row,
    .event-finance-row-list-inline .event-finance-row:first-child {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .075);
        padding: 10px 0;
    }

    .event-finance-row-list-inline .event-finance-row:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .event-finance-flow-card {
        padding: 14px;
    }

    .event-finance-details-header {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .event-finance-details-header .ui-button {
        width: 100%;
    }

    .event-finance-details-grid {
        grid-template-columns: 1fr;
    }

    .event-finance-detail-card {
        padding: 12px;
    }

    .event-finance-detail-card header {
        gap: 9px;
    }

    .event-finance-detail-card header span {
        flex-basis: 34px;
        height: 34px;
        width: 34px;
    }

    .event-finance-detail-card-top,
    .event-finance-detail-card-bottom {
        grid-column: auto;
    }

    .event-finance-card-row {
        gap: 10px;
        padding: 11px 0;
    }

    .event-finance-card-split {
        grid-template-columns: 1fr;
    }

    .event-finance-card-split > div:first-child {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .10);
        padding-bottom: 14px;
        padding-right: 0;
    }

    .event-quick-actions {
        grid-template-columns: 1fr;
    }

    .event-detail-actions .ui-button,
    .page-header-actions .ui-button,
    .page-top-actions .ui-button,
    .form-actions .ui-button,
    .event-filter-actions .ui-button,
    .event-filter-return .ui-button,
    .providers-view-modes .ui-button,
    .providers-panel-actions .ui-button,
    .provider-card-actions .ui-button,
    .provider-hero-actions .ui-button,
    .provider-admin-actions .ui-button,
    .provider-form-actions .ui-button,
    .meeting-card-actions .ui-button,
    .meetings-actions .ui-button,
    .event-meetings-inline-actions .ui-button,
    .finance-section-actions .ui-button,
    .finance-movement-actions .ui-button,
    .event-record-button-list .ui-button,
    .event-record-button-list .ui-button-disabled,
    .event-record-primary-actions .ui-button,
    .event-record-secondary-actions .ui-button,
    .event-danger-actions .ui-button,
    .permissions-global-actions .ui-button,
    .permissions-actions .ui-button,
    .settings-card-actions .ui-button,
    .app-modal-actions .ui-button,
    .event-quick-action {
        justify-content: center;
        text-align: center;
        width: 100%;
    }

    .finance-movement-actions form,
    .provider-admin-actions form,
    .meeting-card-actions form {
        width: 100%;
    }
}

.sidebar-brand-compact .brand-logo-epp {
    height: 72px !important;
    width: 72px !important;
}

body.sidebar-rail-compact .sidebar-brand-compact .brand-logo-epp {
    height: 56px !important;
    width: 56px !important;
}

.sidebar-brand-compact .brand-logo-epp .logo-epp-sm {
    height: auto !important;
    max-height: 72px !important;
    max-width: 72px !important;
    width: 72px !important;
}

body.sidebar-rail-compact .sidebar-brand-compact .brand-logo-epp .logo-epp-sm {
    height: auto !important;
    max-height: 56px !important;
    max-width: 56px !important;
    width: 56px !important;
}

.sidebar.sidebar-expanded .sidebar-brand-compact .brand-logo-epp {
    height: 72px !important;
    width: 72px !important;
}

.sidebar.sidebar-expanded .sidebar-brand-compact .brand-logo-epp .logo-epp-sm {
    height: auto !important;
    max-height: 72px !important;
    max-width: 72px !important;
    width: 72px !important;
}

@media (max-width: 900px) {
    .sidebar-brand-compact .brand-logo-epp {
        height: 72px !important;
        width: 72px !important;
    }

    .sidebar-brand-compact .brand-logo-epp .logo-epp-sm {
        height: auto !important;
        max-height: 72px !important;
        max-width: 72px !important;
        width: 72px !important;
    }
}

@media (max-width: 560px) {
    .sidebar-brand-compact .brand-logo-epp {
        height: 64px !important;
        width: 64px !important;
    }

    .sidebar-brand-compact .brand-logo-epp .logo-epp-sm {
        height: auto !important;
        max-height: 64px !important;
        max-width: 64px !important;
        width: 64px !important;
    }
}

.event-record-page .event-quick-actions {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1024px) {
    .event-record-page .event-quick-actions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .event-record-page .event-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
    }

    .event-record-page .event-tab {
        font-size: 10.5px;
        min-height: 58px;
        padding: 9px 5px;
    }

    .event-record-page .event-tab .event-view-svg-icon {
        height: 16px;
        width: 16px;
    }

    .event-record-page .event-quick-actions {
        grid-template-columns: 1fr;
    }
}

.event-meetings-kpi-band {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.event-meetings-kpi {
    background: rgba(255, 255, 255, .028);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 16px;
}

.event-meetings-kpi span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.event-meetings-kpi strong {
    color: var(--text);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.event-meeting-new-button {
    white-space: nowrap;
}

.event-meeting-card-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.event-meeting-card {
    background: rgba(255, 255, 255, .026);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 14px;
    display: grid;
    gap: 14px;
    min-width: 0;
    padding: 16px;
}

.event-meeting-card-header {
    align-items: start;
    border-bottom: 1px solid rgba(201, 168, 106, .22);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding-bottom: 12px;
}

.event-meeting-card-header > div {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.event-meeting-card-header h4 {
    color: var(--text);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.25;
    margin: 0;
    overflow-wrap: anywhere;
}

.event-meeting-card-icon {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 999px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 36px;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.event-meeting-card-icon .event-view-svg-icon {
    height: 19px;
    width: 19px;
}

.event-meeting-status-badge {
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 999px;
    color: var(--primary);
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    padding: 7px 9px;
    white-space: nowrap;
}

.event-meeting-status-programada,
.event-meeting-status-confirmada {
    border-color: rgba(118, 169, 230, .36);
    color: #76a9e6;
}

.event-meeting-status-realizada {
    border-color: rgba(63, 191, 95, .36);
    color: #3fbf5f;
}

.event-meeting-status-cancelada {
    border-color: rgba(230, 91, 91, .36);
    color: #e65b5b;
}

.event-meeting-status-reprogramada,
.event-meeting-status-pospuesta {
    border-color: rgba(216, 169, 45, .38);
    color: #d8a92d;
}

.event-meeting-fields {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.event-meeting-field {
    background: rgba(0, 0, 0, .10);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 12px;
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 10px;
}

.event-meeting-field-wide {
    grid-column: 1 / -1;
}

.event-meeting-field span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 7px;
    letter-spacing: .03em;
    line-height: 1.2;
    text-transform: uppercase;
}

.event-meeting-field span .event-view-svg-icon {
    color: var(--primary);
    height: 15px;
    width: 15px;
}

.event-meeting-field strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.event-meeting-actions {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .075);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 12px;
}

.event-meeting-actions .ui-button {
    min-width: 96px;
}

@media (max-width: 1024px) {
    .event-meetings-kpi-band {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .internal-info-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .event-meetings-kpi-band,
    .event-meeting-card-grid,
    .event-meeting-fields {
        grid-template-columns: 1fr;
    }

    .event-meeting-actions {
        justify-content: stretch;
    }

    .event-meeting-actions .ui-button {
        width: 100%;
    }

    .internal-info-content {
        grid-template-columns: 1fr;
    }
}

body.workspace-venue-management .table-wrapper,
body.workspace-venue-management .form-section,
body.workspace-venue-management .providers-panel,
body.workspace-venue-management .accesses-panel,
body.workspace-venue-management .access-level-card,
body.workspace-venue-management .access-card,
body.workspace-venue-management .provider-hero-card,
body.workspace-venue-management .provider-card,
body.workspace-venue-management .event-info-card,
body.workspace-venue-management .event-finance-kpi,
body.workspace-venue-management .event-finance-progress-block,
body.workspace-venue-management .event-finance-executive-card,
body.workspace-venue-management .event-finance-details-panel,
body.workspace-venue-management .event-finance-detail-card,
body.workspace-venue-management .event-meetings-inline-panel,
body.workspace-venue-management .event-meetings-kpi,
body.workspace-venue-management .event-meeting-card,
body.workspace-venue-management .finance-section,
body.workspace-venue-management .finance-movement-card,
body.workspace-venue-management .event-cost-card,
body.workspace-venue-management .finance-movement-empty,
body.workspace-venue-management .event-costs-empty,
body.workspace-venue-management .meetings-empty-state,
body.workspace-venue-management .meeting-card,
body.workspace-venue-management .meeting-state-card,
body.workspace-venue-management .agenda-meeting-card,
body.workspace-venue-management .task-meeting-card,
body.workspace-venue-management .pending-meeting-card,
body.workspace-venue-management .internal-info,
body.workspace-venue-management .event-danger-zone,
body.workspace-venue-management .app-modal-dialog,
body.workspace-venue-management .payment-edit-dialog,
body.workspace-venue-management .cost-edit-dialog,
body.workspace-venue-management .financial-edit-dialog,
body.workspace-venue-management .settings-card,
body.workspace-venue-management .settings-detail-panel,
body.workspace-venue-management .permission-module-card,
body.workspace-venue-management .preference-module-card {
    background: var(--venue-glass-bg-strong);
    border-color: var(--venue-glass-border);
    box-shadow: var(--venue-glass-shadow);
    isolation: isolate;
    overflow: hidden;
    position: relative;
}

body.workspace-venue-management .event-info-field,
body.workspace-venue-management .event-meeting-field,
body.workspace-venue-management .meeting-list-field,
body.workspace-venue-management .meeting-detail-field,
body.workspace-venue-management .pending-meeting-field,
body.workspace-venue-management .provider-card-field,
body.workspace-venue-management .provider-data-row,
body.workspace-venue-management .access-list-field,
body.workspace-venue-management .access-detail-field,
body.workspace-venue-management .internal-metric-card,
body.workspace-venue-management .financial-edit-preview,
body.workspace-venue-management .event-finance-row,
body.workspace-venue-management .event-finance-card-row,
body.workspace-venue-management .dashboard-summary-mini div,
body.workspace-venue-management .settings-info-item,
body.workspace-venue-management .settings-preference-toggle,
body.workspace-venue-management .preference-row {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .060), rgba(255, 255, 255, .018)),
        rgba(12, 22, 36, .46);
    border-color: rgba(201, 168, 106, .16);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 10px 22px rgba(2, 8, 18, .10);
}

body.workspace-venue-management .table-wrapper::before,
body.workspace-venue-management .form-section::before,
body.workspace-venue-management .providers-panel::before,
body.workspace-venue-management .accesses-panel::before,
body.workspace-venue-management .access-level-card::before,
body.workspace-venue-management .access-card::before,
body.workspace-venue-management .provider-hero-card::before,
body.workspace-venue-management .provider-card::before,
body.workspace-venue-management .event-info-card::before,
body.workspace-venue-management .event-finance-kpi::before,
body.workspace-venue-management .event-finance-progress-block::before,
body.workspace-venue-management .event-finance-executive-card::before,
body.workspace-venue-management .event-finance-details-panel::before,
body.workspace-venue-management .event-finance-detail-card::before,
body.workspace-venue-management .event-meetings-inline-panel::before,
body.workspace-venue-management .event-meetings-kpi::before,
body.workspace-venue-management .event-meeting-card::before,
body.workspace-venue-management .finance-section::before,
body.workspace-venue-management .finance-movement-card::before,
body.workspace-venue-management .event-cost-card::before,
body.workspace-venue-management .finance-movement-empty::before,
body.workspace-venue-management .event-costs-empty::before,
body.workspace-venue-management .meetings-empty-state::before,
body.workspace-venue-management .meeting-card::before,
body.workspace-venue-management .meeting-state-card::before,
body.workspace-venue-management .agenda-meeting-card::before,
body.workspace-venue-management .task-meeting-card::before,
body.workspace-venue-management .pending-meeting-card::before,
body.workspace-venue-management .internal-info::before,
body.workspace-venue-management .event-danger-zone::before,
body.workspace-venue-management .app-modal-dialog::before,
body.workspace-venue-management .payment-edit-dialog::before,
body.workspace-venue-management .cost-edit-dialog::before,
body.workspace-venue-management .financial-edit-dialog::before,
body.workspace-venue-management .settings-card::before,
body.workspace-venue-management .settings-detail-panel::before,
body.workspace-venue-management .permission-module-card::before,
body.workspace-venue-management .preference-module-card::before {
    background: linear-gradient(90deg, transparent, rgba(201, 168, 106, .13), rgba(111, 168, 220, .075), transparent);
    content: "";
    height: 1px;
    left: 18px;
    opacity: .64;
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 0;
    z-index: 0;
}

body.workspace-venue-management .table-wrapper > *,
body.workspace-venue-management .form-section > *,
body.workspace-venue-management .providers-panel > *,
body.workspace-venue-management .accesses-panel > *,
body.workspace-venue-management .access-level-card > *,
body.workspace-venue-management .access-card > *,
body.workspace-venue-management .provider-hero-card > *,
body.workspace-venue-management .provider-card > *,
body.workspace-venue-management .event-info-card > *,
body.workspace-venue-management .event-finance-kpi > *,
body.workspace-venue-management .event-finance-progress-block > *,
body.workspace-venue-management .event-finance-executive-card > *,
body.workspace-venue-management .event-finance-details-panel > *,
body.workspace-venue-management .event-finance-detail-card > *,
body.workspace-venue-management .event-meetings-inline-panel > *,
body.workspace-venue-management .event-meetings-kpi > *,
body.workspace-venue-management .event-meeting-card > *,
body.workspace-venue-management .finance-section > *,
body.workspace-venue-management .finance-movement-card > *,
body.workspace-venue-management .event-cost-card > *,
body.workspace-venue-management .finance-movement-empty > *,
body.workspace-venue-management .event-costs-empty > *,
body.workspace-venue-management .meetings-empty-state > *,
body.workspace-venue-management .meeting-card > *,
body.workspace-venue-management .meeting-state-card > *,
body.workspace-venue-management .agenda-meeting-card > *,
body.workspace-venue-management .task-meeting-card > *,
body.workspace-venue-management .pending-meeting-card > *,
body.workspace-venue-management .internal-info > *,
body.workspace-venue-management .event-danger-zone > *,
body.workspace-venue-management .app-modal-dialog > *,
body.workspace-venue-management .payment-edit-dialog > *,
body.workspace-venue-management .cost-edit-dialog > *,
body.workspace-venue-management .financial-edit-dialog > *,
body.workspace-venue-management .settings-card > *,
body.workspace-venue-management .settings-detail-panel > *,
body.workspace-venue-management .permission-module-card > *,
body.workspace-venue-management .preference-module-card > * {
    position: relative;
    z-index: 1;
}

body.workspace-venue-management .app-table th,
body.workspace-venue-management .app-table td,
body.workspace-venue-management .finance-movement-card-header,
body.workspace-venue-management .event-cost-card-header,
body.workspace-venue-management .finance-movement-actions,
body.workspace-venue-management .event-meeting-card-header,
body.workspace-venue-management .event-meeting-actions,
body.workspace-venue-management .event-finance-executive-header,
body.workspace-venue-management .event-finance-details-header,
body.workspace-venue-management .event-info-card-header,
body.workspace-venue-management .provider-card-divider,
body.workspace-venue-management .provider-card-separator {
    border-color: rgba(201, 168, 106, .17);
}

body.workspace-venue-management .form-control,
body.workspace-venue-management .search-box,
body.workspace-venue-management .providers-search-input,
body.workspace-venue-management .topbar-search-input,
body.workspace-venue-management select.form-control,
body.workspace-venue-management textarea.form-control {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .050), rgba(255, 255, 255, .014)),
        var(--venue-field-bg);
    border-color: var(--venue-field-border);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 8px 18px rgba(2, 8, 18, .08);
}

body.workspace-venue-management .epp-date-time-display {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .050), rgba(255, 255, 255, .014)),
        var(--venue-field-bg);
    border-color: var(--venue-field-border);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 8px 18px rgba(2, 8, 18, .08);
}

body.workspace-venue-management .epp-date-time-field:focus-within .epp-date-time-display {
    border-color: rgba(201, 168, 106, .68);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 0 0 3px rgba(201, 168, 106, .12),
        0 10px 22px rgba(2, 8, 18, .13);
}

@media (hover: none) and (pointer: coarse), (max-width: 720px) {
    body.workspace-venue-management input[type="date"].form-control,
    body.workspace-venue-management input[type="time"].form-control {
        background-position: right 38px center;
        background-repeat: no-repeat;
        background-size: 18px 18px;
    }

    body.workspace-venue-management input[type="date"].form-control {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23c9a86a'%20d='M7%202a1%201%200%200%201%201%201v1h8V3a1%201%200%201%201%202%200v1h1a3%203%200%200%201%203%203v12a3%203%200%200%201-3%203H5a3%203%200%200%201-3-3V7a3%203%200%200%201%203-3h1V3a1%201%200%200%201%201-1Zm13%208H4v9a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-9ZM5%206a1%201%200%200%200-1%201v1h16V7a1%201%200%200%200-1-1H5Zm2%207h3v3H7v-3Zm5%200h3v3h-3v-3Z'/%3E%3C/svg%3E");
    }

    body.workspace-venue-management input[type="time"].form-control {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8.5'%20stroke='%23c9a86a'%20stroke-width='2.4'/%3E%3Cpath%20d='M12%207.5v5l3.4%202.1'%20stroke='%23c9a86a'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    }
}

body.workspace-venue-management .ui-button,
body.workspace-venue-management .collapsible-toggle,
body.workspace-venue-management .view-mode-selector {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .016)),
        rgba(18, 29, 46, .78);
    border-color: rgba(201, 168, 106, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 10px 22px rgba(2, 8, 18, .10);
}

body.workspace-venue-management .ui-button-primary {
    background:
        linear-gradient(145deg, rgba(226, 195, 133, .98), rgba(201, 168, 106, .94));
    border-color: rgba(244, 215, 157, .48);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .32),
        0 14px 30px rgba(201, 168, 106, .20);
}

body.workspace-venue-management .app-modal-backdrop,
body.workspace-venue-management .payment-edit-backdrop,
body.workspace-venue-management .cost-edit-backdrop,
body.workspace-venue-management .financial-edit-backdrop {
    background:
        radial-gradient(circle at 50% 14%, rgba(111, 168, 220, .14), transparent 34%),
        rgba(2, 8, 18, .84);
    -webkit-backdrop-filter: blur(14px) saturate(118%);
    backdrop-filter: blur(14px) saturate(118%);
}

@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
    body.workspace-venue-management .table-wrapper,
    body.workspace-venue-management .form-section,
    body.workspace-venue-management .providers-panel,
    body.workspace-venue-management .accesses-panel,
    body.workspace-venue-management .access-level-card,
    body.workspace-venue-management .access-card,
    body.workspace-venue-management .provider-hero-card,
    body.workspace-venue-management .provider-card,
    body.workspace-venue-management .event-info-card,
    body.workspace-venue-management .event-finance-kpi,
    body.workspace-venue-management .event-finance-progress-block,
    body.workspace-venue-management .event-finance-executive-card,
    body.workspace-venue-management .event-finance-details-panel,
    body.workspace-venue-management .event-finance-detail-card,
    body.workspace-venue-management .event-meetings-inline-panel,
    body.workspace-venue-management .event-meetings-kpi,
    body.workspace-venue-management .event-meeting-card,
    body.workspace-venue-management .finance-section,
    body.workspace-venue-management .finance-movement-card,
    body.workspace-venue-management .event-cost-card,
    body.workspace-venue-management .finance-movement-empty,
    body.workspace-venue-management .event-costs-empty,
    body.workspace-venue-management .meetings-empty-state,
    body.workspace-venue-management .meeting-card,
    body.workspace-venue-management .meeting-state-card,
    body.workspace-venue-management .agenda-meeting-card,
    body.workspace-venue-management .task-meeting-card,
    body.workspace-venue-management .pending-meeting-card,
    body.workspace-venue-management .internal-info,
    body.workspace-venue-management .event-danger-zone,
    body.workspace-venue-management .app-modal-dialog,
    body.workspace-venue-management .payment-edit-dialog,
    body.workspace-venue-management .cost-edit-dialog,
    body.workspace-venue-management .financial-edit-dialog,
    body.workspace-venue-management .settings-card,
    body.workspace-venue-management .settings-detail-panel,
    body.workspace-venue-management .permission-module-card,
    body.workspace-venue-management .preference-module-card {
        -webkit-backdrop-filter: blur(14px) saturate(122%);
        backdrop-filter: blur(14px) saturate(122%);
    }
}

@media (hover: hover) and (pointer: fine) {
    body.workspace-venue-management .form-section:hover,
    body.workspace-venue-management .providers-panel:hover,
    body.workspace-venue-management .access-level-card:hover,
    body.workspace-venue-management .access-card:hover,
    body.workspace-venue-management .provider-card:hover,
    body.workspace-venue-management .event-info-card:hover,
    body.workspace-venue-management .event-finance-kpi:hover,
    body.workspace-venue-management .event-finance-executive-card:hover,
    body.workspace-venue-management .event-finance-detail-card:hover,
    body.workspace-venue-management .event-meetings-kpi:hover,
    body.workspace-venue-management .event-meeting-card:hover,
    body.workspace-venue-management .finance-movement-card:hover,
    body.workspace-venue-management .event-cost-card:hover,
    body.workspace-venue-management .meeting-card:hover,
    body.workspace-venue-management .agenda-meeting-card:hover,
    body.workspace-venue-management .task-meeting-card:hover,
    body.workspace-venue-management .pending-meeting-card:hover,
    body.workspace-venue-management .settings-card:hover {
        border-color: var(--venue-glass-border-strong);
        box-shadow: var(--venue-glass-shadow-strong);
        transform: translateY(-1px);
    }
}

body.theme-light.workspace-venue-management .event-info-field,
body.theme-light.workspace-venue-management .event-meeting-field,
body.theme-light.workspace-venue-management .meeting-list-field,
body.theme-light.workspace-venue-management .meeting-detail-field,
body.theme-light.workspace-venue-management .pending-meeting-field,
body.theme-light.workspace-venue-management .provider-card-field,
body.theme-light.workspace-venue-management .provider-data-row,
body.theme-light.workspace-venue-management .access-list-field,
body.theme-light.workspace-venue-management .access-detail-field,
body.theme-light.workspace-venue-management .internal-metric-card,
body.theme-light.workspace-venue-management .financial-edit-preview,
body.theme-light.workspace-venue-management .event-finance-row,
body.theme-light.workspace-venue-management .event-finance-card-row,
body.theme-light.workspace-venue-management .dashboard-summary-mini div,
body.theme-light.workspace-venue-management .settings-info-item,
body.theme-light.workspace-venue-management .settings-preference-toggle,
body.theme-light.workspace-venue-management .preference-row {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .42)),
        rgba(248, 250, 252, .62);
    border-color: rgba(181, 139, 67, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .70),
        0 10px 22px rgba(49, 64, 82, .08);
}

.venue-dashboard-page {
    display: grid;
    gap: 22px;
}

.venue-home-header {
    --page-header-row-gap: 10px;
    gap: var(--page-header-row-gap);
}

.venue-home-card {
    min-height: 230px;
}

.dashboard-card-action,
.venue-home-card-action {
    align-items: center;
    color: var(--workspace-accent);
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    margin-top: auto;
}

@media (max-width: 640px) {
    .dashboard-page .dashboard-management-grid {
        gap: 10px;
    }

    .dashboard-page .dashboard-action-card {
        gap: 7px;
        min-height: 0;
        padding: 10px 12px;
    }

    .dashboard-page .dashboard-action-card-header {
        gap: 8px;
        grid-template-columns: 32px minmax(0, 1fr) auto;
    }

    .dashboard-page .dashboard-action-icon {
        height: 32px;
        width: 32px;
    }

    .dashboard-page .dashboard-action-icon svg {
        height: 17px;
        width: 17px;
    }

    .dashboard-page .dashboard-action-description {
        font-size: 12.5px;
        line-height: 1.28;
    }

    .dashboard-page .venue-home-card {
        min-height: 0;
    }

    .dashboard-page .dashboard-card-action,
    .dashboard-page .venue-home-card-action {
        font-size: 12.5px;
        margin-top: 2px;
    }
}

.venue-module-placeholder {
    align-items: center;
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 12px;
    justify-items: center;
    min-height: 360px;
    padding: 36px 22px;
    text-align: center;
}

.venue-module-placeholder strong {
    color: var(--text);
    font-size: 22px;
    line-height: 1.2;
}

.venue-module-placeholder p {
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
    max-width: 520px;
}

.venue-dashboard-eyebrow,
.venue-dashboard-panel-kicker {
    color: var(--workspace-accent);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.venue-dashboard-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.venue-dashboard-button-icon,
.venue-dashboard-svg-icon {
    display: block;
    fill: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 18px;
}

.venue-dashboard-empty-svg {
    display: block;
    fill: none;
    height: 30px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 30px;
}

.venue-dashboard-summary {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.venue-dashboard-kpi {
    align-items: center;
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 108px;
    padding: 14px;
}

.venue-dashboard-kpi-icon,
.venue-dashboard-empty-icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .18), rgba(201, 168, 106, .045)),
        rgba(10, 18, 31, .36);
    border: 1px solid var(--venue-glass-border-strong);
    border-radius: 18px;
    color: var(--workspace-accent);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.venue-dashboard-kpi span,
.venue-dashboard-status dt,
.venue-dashboard-rental-card dt {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .03em;
    line-height: 1.15;
    text-transform: uppercase;
}

.venue-dashboard-kpi strong {
    color: var(--text);
    display: block;
    font-size: clamp(24px, 2.4vw, 30px);
    line-height: 1.05;
    margin-top: 4px;
}

.venue-dashboard-kpi small {
    color: var(--text-muted);
    display: block;
    font-size: 12px;
    line-height: 1.25;
    margin-top: 4px;
}

.venue-dashboard-grid {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
}

.venue-dashboard-main-column,
.venue-dashboard-side-column {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.venue-dashboard-panel,
.venue-dashboard-widget {
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    padding: 20px;
}

.venue-dashboard-panel-header {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 16px;
    min-width: 0;
}

.venue-dashboard-panel-header h2 {
    color: var(--text);
    font-size: 20px;
    line-height: 1.15;
    margin: 4px 0 0;
}

.venue-dashboard-empty {
    align-items: center;
    border: 1px dashed rgba(201, 168, 106, .24);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 12px;
    justify-items: center;
    min-height: 310px;
    padding: 34px 22px;
    text-align: center;
}

.venue-dashboard-empty strong,
.venue-dashboard-compact-empty strong {
    color: var(--text);
    font-size: 20px;
    line-height: 1.2;
}

.venue-dashboard-empty p {
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
    max-width: 520px;
}

.venue-dashboard-rental-cards {
    display: none;
}

.venue-dashboard-view-action {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .014)),
        rgba(20, 32, 50, .72);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 12px;
    color: var(--workspace-accent);
    display: inline-flex;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.venue-dashboard-view-action:hover,
.venue-dashboard-view-action:focus-visible {
    border-color: var(--venue-glass-border-strong);
    box-shadow: var(--venue-glass-shadow);
    transform: translateY(-1px);
}

.venue-dashboard-view-action-icon {
    display: block;
    fill: none;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 20px;
}

.venue-status-badge {
    align-items: center;
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 999px;
    color: var(--text);
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    padding: 7px 10px;
    white-space: nowrap;
}

.venue-status-badge.is-confirmed {
    background: rgba(34, 197, 94, .13);
    border-color: rgba(34, 197, 94, .28);
    color: #86efac;
}

.venue-status-badge.is-pending,
.venue-status-badge.is-quote {
    background: rgba(201, 168, 106, .13);
    border-color: rgba(201, 168, 106, .32);
    color: var(--workspace-accent);
}

.venue-status-badge.is-done {
    background: rgba(111, 168, 220, .13);
    border-color: rgba(111, 168, 220, .28);
    color: #bfdbfe;
}

.venue-status-badge.is-cancelled {
    background: rgba(239, 68, 68, .13);
    border-color: rgba(239, 68, 68, .30);
    color: #fca5a5;
}

.venue-dashboard-quick-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.venue-dashboard-quick-card {
    align-items: center;
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius);
    color: var(--text);
    display: grid;
    gap: 10px;
    min-height: 112px;
    padding: 16px;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.venue-dashboard-quick-card span {
    color: var(--workspace-accent);
}

.venue-dashboard-quick-card strong {
    font-size: 14px;
    line-height: 1.2;
}

.venue-dashboard-quick-card:hover,
.venue-dashboard-quick-card:focus-visible {
    border-color: var(--venue-glass-border-strong);
    box-shadow: var(--venue-glass-shadow-strong);
    transform: translateY(-1px);
}

.venue-dashboard-side-column .venue-dashboard-quick-grid {
    gap: 10px;
    grid-template-columns: 1fr;
}

.venue-dashboard-side-column .venue-dashboard-quick-card {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 0;
    padding: 13px 14px;
}

.venue-dashboard-side-column .venue-dashboard-quick-card .venue-dashboard-svg-icon {
    height: 20px;
    width: 20px;
}

.venue-dashboard-compact-empty {
    border: 1px dashed rgba(201, 168, 106, .22);
    border-radius: var(--radius);
    display: grid;
    gap: 6px;
    padding: 18px;
}

.venue-dashboard-compact-empty span {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.4;
}

.venue-dashboard-timeline {
    display: grid;
    gap: 14px;
}

.venue-dashboard-timeline article {
    display: grid;
    gap: 10px;
    grid-template-columns: 10px minmax(0, 1fr);
}

.venue-dashboard-timeline article > span {
    background: var(--workspace-accent);
    border-radius: 999px;
    box-shadow: 0 0 0 6px rgba(201, 168, 106, .10);
    height: 10px;
    margin-top: 5px;
    width: 10px;
}

.venue-dashboard-timeline strong {
    color: var(--text);
    display: block;
    font-size: 14px;
}

.venue-dashboard-timeline small {
    color: var(--text-muted);
}

.venue-pending-actions {
    display: grid;
    gap: 14px;
}

.venue-pending-action-group {
    display: grid;
    gap: 10px;
}

.venue-pending-action-group h3 {
    color: var(--workspace-accent);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
}

.venue-pending-action-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        rgba(8, 16, 30, .36);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 14px;
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 12px;
}

[data-venue-dashboard-rental-row][hidden],
[data-venue-dashboard-rental-card][hidden],
[data-venue-dashboard-pending-group][hidden],
[data-venue-dashboard-pending-entry][hidden] {
    display: none !important;
}

.venue-pending-action-card header {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
}

.venue-pending-action-card header strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.25;
    min-width: 0;
    overflow-wrap: anywhere;
}

.venue-pending-action-card header span {
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 999px;
    color: var(--workspace-accent);
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    padding: 6px 8px;
    white-space: nowrap;
}

.venue-pending-action-toolbar {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.venue-pending-action-link {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .16), rgba(201, 168, 106, .055)),
        rgba(255, 255, 255, .035);
    border: 1px solid rgba(201, 168, 106, .28);
    border-radius: 999px;
    color: var(--text);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 900;
    gap: 6px;
    justify-content: center;
    line-height: 1;
    min-height: 30px;
    padding: 7px 10px;
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    white-space: nowrap;
}

.venue-pending-action-link:hover,
.venue-pending-action-link:focus-visible {
    border-color: rgba(201, 168, 106, .48);
    box-shadow: 0 10px 22px rgba(2, 8, 18, .18);
    transform: translateY(-1px);
}

.venue-pending-action-link-icon {
    display: block;
    fill: none;
    height: 13px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
    width: 13px;
}

.venue-pending-action-card dl {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    margin: 0;
}

.venue-pending-action-card dl div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
        rgba(255, 255, 255, .035);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 9px 10px;
}

.venue-pending-action-card dt {
    color: var(--text-muted);
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: .04em;
    line-height: 1.15;
    text-transform: uppercase;
}

.venue-pending-action-card dd {
    color: var(--text);
    font-size: 13px;
    font-weight: 780;
    line-height: 1.3;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.venue-important-dates article > span.is-mandatory {
    background: #ef4444;
    box-shadow: 0 0 0 6px rgba(239, 68, 68, .12);
}

.venue-important-dates article > span.is-religious {
    background: #60a5fa;
    box-shadow: 0 0 0 6px rgba(96, 165, 250, .12);
}

.venue-important-dates article > span.is-national {
    background: var(--workspace-accent);
    box-shadow: 0 0 0 6px rgba(201, 168, 106, .10);
}

.venue-important-dates em {
    color: var(--workspace-accent);
    font-style: normal;
    font-weight: 850;
}

.venue-dashboard-status {
    display: grid;
    gap: 16px;
}

.venue-dashboard-status dl,
.venue-dashboard-rental-card dl {
    display: grid;
    gap: 12px;
    margin: 0;
}

.venue-dashboard-status div,
.venue-dashboard-rental-card dl div {
    display: grid;
    gap: 4px;
}

.venue-dashboard-status dd,
.venue-dashboard-rental-card dd {
    color: var(--text);
    font-weight: 800;
    margin: 0;
}

.venue-mini-calendar {
    --venue-mini-calendar-day-bg: rgba(255, 255, 255, .035);
    --venue-mini-calendar-day-border: rgba(255, 255, 255, .065);
    --venue-mini-calendar-visit-text: #bfdbfe;
    --venue-mini-calendar-block-text: #fca5a5;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.venue-mini-calendar span {
    align-items: center;
    aspect-ratio: 1;
    background: var(--venue-mini-calendar-day-bg);
    border: 1px solid var(--venue-mini-calendar-day-border);
    border-radius: 12px;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 13px;
    font-weight: 850;
    justify-content: center;
}

.venue-mini-calendar .has-visit {
    border-color: rgba(111, 168, 220, .34);
    color: var(--venue-mini-calendar-visit-text);
}

.venue-mini-calendar .has-block {
    border-color: rgba(239, 68, 68, .30);
    color: var(--venue-mini-calendar-block-text);
}

.venue-dashboard-mini-calendar {
    --venue-dashboard-mini-control-bg:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .014)),
        rgba(20, 32, 50, .72);
    --venue-dashboard-mini-day-bg: rgba(255, 255, 255, .035);
    --venue-dashboard-mini-day-border: rgba(255, 255, 255, .07);
    --venue-dashboard-mini-hover-shadow: var(--venue-glass-shadow);
    --venue-dashboard-mini-eye-bg: rgba(255, 255, 255, .08);
    --venue-dashboard-mini-eye-border: rgba(255, 255, 255, .12);
    --venue-dashboard-mini-panel-bg:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
        rgba(8, 16, 30, .36);
    --venue-dashboard-mini-panel-border: rgba(201, 168, 106, .18);
    --venue-dashboard-mini-detail-border: rgba(201, 168, 106, .14);
    --venue-dashboard-mini-available-icon: #86efac;
    --venue-dashboard-mini-reserved-icon: #fca5a5;
    --venue-dashboard-mini-pending-icon: var(--workspace-accent);
    display: grid;
    gap: 10px;
    min-width: 0;
}

.venue-dashboard-mini-calendar-nav {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
}

.venue-dashboard-mini-calendar-nav button {
    align-items: center;
    background: var(--venue-dashboard-mini-control-bg);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 10px;
    color: var(--workspace-accent);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.venue-dashboard-mini-calendar-nav button:hover,
.venue-dashboard-mini-calendar-nav button:focus-visible {
    border-color: var(--venue-glass-border-strong);
    box-shadow: var(--venue-glass-shadow);
    transform: translateY(-1px);
}

.venue-dashboard-mini-calendar-nav strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
}

.venue-dashboard-mini-calendar-weekdays,
.venue-dashboard-mini-calendar-grid {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.venue-dashboard-mini-calendar-weekdays span {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

.venue-dashboard-mini-calendar-day {
    align-items: center;
    aspect-ratio: 1;
    background: var(--venue-dashboard-mini-day-bg);
    border: 1px solid var(--venue-dashboard-mini-day-border);
    border-radius: 10px;
    color: var(--text);
    cursor: pointer;
    display: grid;
    gap: 2px;
    justify-items: center;
    min-width: 0;
    padding: 4px 2px;
    position: relative;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.venue-dashboard-mini-calendar-day:hover,
.venue-dashboard-mini-calendar-day:focus-visible {
    border-color: var(--venue-glass-border-strong);
    box-shadow: var(--venue-dashboard-mini-hover-shadow);
    transform: translateY(-1px);
}

.venue-dashboard-mini-calendar-day.is-available {
    background: rgba(34, 197, 94, .12);
    border-color: rgba(34, 197, 94, .24);
}

.venue-dashboard-mini-calendar-day.is-reserved-day {
    background: rgba(239, 68, 68, .13);
    border-color: rgba(239, 68, 68, .30);
}

.venue-dashboard-mini-calendar-day.is-payment-pending {
    background: rgba(201, 168, 106, .13);
    border-color: rgba(201, 168, 106, .32);
}

.venue-dashboard-mini-calendar-day.is-outside-month {
    opacity: .44;
}

.venue-dashboard-mini-calendar-day.is-today {
    box-shadow: 0 0 0 2px rgba(111, 168, 220, .24);
}

.venue-dashboard-mini-calendar-number {
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}

.venue-dashboard-mini-calendar-state,
.venue-dashboard-mini-calendar-eye {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    justify-content: center;
}

.venue-dashboard-mini-calendar-state {
    color: currentColor;
    height: 16px;
    width: 16px;
}

.venue-dashboard-mini-calendar-eye {
    background: var(--venue-dashboard-mini-eye-bg);
    border: 1px solid var(--venue-dashboard-mini-eye-border);
    color: var(--workspace-accent);
    height: 16px;
    width: 16px;
}

.venue-dashboard-mini-calendar-state-svg,
.venue-dashboard-mini-calendar-eye-svg {
    display: block;
    fill: none;
    height: 12px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 12px;
}

.venue-dashboard-mini-calendar-day.is-available .venue-dashboard-mini-calendar-state {
    color: var(--venue-dashboard-mini-available-icon);
}

.venue-dashboard-mini-calendar-day.is-reserved-day .venue-dashboard-mini-calendar-state {
    color: var(--venue-dashboard-mini-reserved-icon);
}

.venue-dashboard-mini-calendar-day.is-payment-pending .venue-dashboard-mini-calendar-state {
    color: var(--venue-dashboard-mini-pending-icon);
}

.venue-dashboard-mini-calendar-panel {
    background: var(--venue-dashboard-mini-panel-bg);
    border: 1px solid var(--venue-dashboard-mini-panel-border);
    border-radius: 12px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.venue-dashboard-mini-calendar-panel[hidden] {
    display: none;
}

.venue-dashboard-mini-calendar-panel p {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
}

.venue-dashboard-mini-calendar-detail {
    display: grid;
    gap: 10px;
}

.venue-dashboard-mini-calendar-detail + .venue-dashboard-mini-calendar-detail {
    border-top: 1px solid var(--venue-dashboard-mini-detail-border);
    padding-top: 10px;
}

.venue-dashboard-mini-calendar-detail strong,
.venue-dashboard-mini-calendar-panel > div > strong {
    color: var(--text);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
}

.venue-dashboard-mini-calendar-detail dl {
    display: grid;
    gap: 7px;
    margin: 0;
}

.venue-dashboard-mini-calendar-detail div {
    display: grid;
    gap: 2px;
}

.venue-dashboard-mini-calendar-detail dt {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.1;
    text-transform: uppercase;
}

.venue-dashboard-mini-calendar-detail dd {
    color: var(--text);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
    overflow-wrap: anywhere;
}

.venue-dashboard-mini-calendar-panel .ui-button {
    justify-content: center;
    min-height: 38px;
    width: 100%;
}

body.theme-light .venue-mini-calendar {
    --venue-mini-calendar-day-bg: rgba(255, 255, 255, .72);
    --venue-mini-calendar-day-border: rgba(49, 105, 158, .13);
    --venue-mini-calendar-visit-text: #1d4f82;
    --venue-mini-calendar-block-text: #b91c1c;
}

body.theme-light .venue-dashboard-mini-calendar {
    --venue-dashboard-mini-control-bg:
        linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .56)),
        rgba(247, 250, 253, .90);
    --venue-dashboard-mini-day-bg: rgba(255, 255, 255, .74);
    --venue-dashboard-mini-day-border: rgba(49, 105, 158, .13);
    --venue-dashboard-mini-hover-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .76),
        0 14px 28px rgba(35, 63, 91, .12);
    --venue-dashboard-mini-eye-bg: rgba(49, 105, 158, .08);
    --venue-dashboard-mini-eye-border: rgba(49, 105, 158, .18);
    --venue-dashboard-mini-panel-bg:
        linear-gradient(145deg, rgba(255, 255, 255, .84), rgba(255, 255, 255, .58)),
        rgba(247, 250, 253, .88);
    --venue-dashboard-mini-panel-border: rgba(49, 105, 158, .16);
    --venue-dashboard-mini-detail-border: rgba(49, 105, 158, .13);
    --venue-dashboard-mini-available-icon: #15803d;
    --venue-dashboard-mini-reserved-icon: #b91c1c;
    --venue-dashboard-mini-pending-icon: #9a6b1f;
}

body.theme-light .venue-dashboard-mini-calendar-day.is-available {
    background: rgba(34, 197, 94, .14);
    border-color: rgba(22, 163, 74, .28);
}

body.theme-light .venue-dashboard-mini-calendar-day.is-reserved-day {
    background:
        linear-gradient(145deg, rgba(248, 113, 113, .20), rgba(255, 255, 255, .52)),
        rgba(255, 241, 242, .84);
    border-color: rgba(220, 38, 38, .32);
}

body.theme-light .venue-dashboard-mini-calendar-day.is-payment-pending {
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .22), rgba(255, 255, 255, .54)),
        rgba(255, 251, 235, .86);
    border-color: rgba(181, 139, 67, .32);
}

.venue-calendar-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.venue-calendar-legend span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
}

.venue-calendar-legend i {
    border-radius: 999px;
    display: inline-block;
    height: 8px;
    width: 8px;
}

.venue-calendar-legend .is-event {
    background: var(--workspace-accent);
}

.venue-calendar-legend .is-visit {
    background: #6fa8dc;
}

.venue-calendar-legend .is-block {
    background: #ef4444;
}

.venue-dashboard-widget .venue-calendar-legend .is-available {
    background: #22c55e;
}

.venue-dashboard-widget .venue-calendar-legend .is-visit {
    background: var(--workspace-accent);
}

.venue-dashboard-page .is-disabled {
    cursor: default;
    opacity: .72;
}

@media (max-width: 1180px) {
    .venue-dashboard-page {
        gap: 18px;
    }

    .venue-dashboard-summary {
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi {
        gap: 8px;
        grid-template-columns: 30px minmax(0, 1fr) auto;
        min-height: 58px;
        padding: 7px 9px;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi-icon {
        border-radius: 13px;
        height: 30px;
        width: 30px;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi > div {
        align-items: center;
        column-gap: 8px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        min-width: 0;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi strong {
        font-size: 22px;
        grid-column: 2;
        grid-row: 1 / span 2;
        margin-top: 0;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi small {
        font-size: 10.5px;
        line-height: 1.1;
        margin-top: 1px;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .venue-dashboard-grid {
        display: contents;
        grid-template-columns: 1fr;
    }

    .venue-dashboard-side-column {
        display: contents;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .venue-dashboard-main-column {
        order: 3;
    }

    .venue-dashboard-side-column .venue-dashboard-quick {
        order: 2;
    }

    .venue-dashboard-side-column .venue-dashboard-widget {
        order: 4;
    }

    .venue-dashboard-side-column .venue-dashboard-widget:last-child {
        grid-column: 1 / -1;
    }

    .venue-dashboard-quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .venue-dashboard-side-column .venue-dashboard-quick-grid {
        grid-template-columns: 1fr;
    }

    .venue-dashboard-panel-header {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .venue-pending-action-card header {
        align-items: stretch;
        display: grid;
    }

    .venue-dashboard-rentals-table {
        display: none;
    }

    .venue-dashboard-rental-cards {
        display: grid;
        gap: 6px;
    }

    .venue-dashboard-rental-card {
        align-items: center;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
            rgba(8, 16, 30, .30);
        border: 1px solid var(--venue-glass-border);
        border-radius: 12px;
        display: grid;
        gap: 8px;
        grid-template-columns: 86px minmax(0, 1fr) auto 42px;
        min-width: 0;
        padding: 8px 10px;
    }

    .venue-dashboard-rental-card header,
    .venue-dashboard-rental-card dl,
    .venue-dashboard-rental-card dl div:first-child {
        display: contents;
    }

    .venue-dashboard-rental-card header strong {
        font-size: 13px;
        grid-column: 2;
        grid-row: 1;
        line-height: 1.2;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .venue-dashboard-rental-card header .venue-status-badge {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
    }

    .venue-dashboard-rental-card dl {
        margin: 0;
    }

    .venue-dashboard-rental-card dl div:not(:first-child),
    .venue-dashboard-rental-card dt {
        display: none;
    }

    .venue-dashboard-rental-card dd {
        color: var(--text);
        font-size: 13px;
        font-weight: 850;
        line-height: 1.2;
        margin: 0;
        min-width: 0;
        white-space: nowrap;
    }

    .venue-dashboard-rental-card dl div:first-child dd {
        grid-column: 1;
        grid-row: 1;
    }

    .venue-dashboard-rental-card .venue-dashboard-view-action {
        grid-column: 4;
        grid-row: 1;
        height: 42px;
        min-height: 42px;
        min-width: 42px;
        width: 100%;
    }
}

@media (max-width: 860px) {
    .venue-dashboard-page .page-header-actions,
    .venue-dashboard-actions {
        justify-content: start;
    }

    .venue-dashboard-side-column,
    .venue-dashboard-quick-grid {
        grid-template-columns: 1fr;
    }

    .venue-dashboard-side-column .venue-dashboard-widget:last-child {
        grid-column: auto;
    }

    .venue-dashboard-kpi {
        align-items: center;
        gap: 10px;
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 0;
        padding: 12px;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi {
        min-height: 58px;
        padding: 7px 9px;
    }

    .venue-dashboard-kpi strong {
        font-size: 26px;
    }

    .venue-dashboard-rental-card .ui-button,
    .venue-dashboard-panel-header .ui-button {
        justify-content: center;
        min-height: 42px;
    }

    .venue-dashboard-rental-card .venue-dashboard-view-action {
        width: 100%;
    }

    .venue-dashboard-rental-card header strong {
        font-size: 14px;
        line-height: 1.2;
    }

    .venue-pending-action-card dl {
        grid-template-columns: 1fr;
    }

    .venue-dashboard-pagination {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }

    .venue-dashboard-pagination .venue-bitacora-page-button {
        justify-content: center;
        min-height: 42px;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .venue-dashboard-page {
        gap: 16px;
    }

    .venue-dashboard-summary {
        gap: 8px;
        grid-template-columns: 1fr;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi {
        gap: 8px;
        grid-template-columns: 30px minmax(0, 1fr) auto;
        min-height: 58px;
        padding: 7px 9px;
    }

    .venue-dashboard-grid,
    .venue-dashboard-main-column,
    .venue-dashboard-side-column {
        gap: 14px;
    }

    .venue-dashboard-page .page-header-actions,
    .venue-dashboard-page .page-header-actions .ui-button,
    .venue-dashboard-actions,
    .venue-dashboard-actions .ui-button {
        width: 100%;
    }

    .venue-dashboard-page .page-header-actions .ui-button,
    .venue-dashboard-actions .ui-button {
        justify-content: center;
    }

    .venue-dashboard-panel,
    .venue-dashboard-widget {
        padding: 16px;
    }

    .venue-dashboard-panel-header {
        align-items: start;
        display: grid;
        gap: 10px;
    }

    .venue-dashboard-rental-card {
        gap: 6px;
        grid-template-columns: 74px minmax(0, 1fr) auto 38px;
        padding: 7px 8px;
    }

    .venue-dashboard-rental-card dd {
        font-size: 12px;
    }

    .venue-dashboard-rental-card .venue-status-badge {
        font-size: 11px;
        padding: 6px 8px;
    }

    .venue-dashboard-rental-card .venue-dashboard-view-action {
        border-radius: 10px;
        height: 38px;
        min-height: 38px;
        min-width: 38px;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi-icon {
        border-radius: 13px;
        height: 30px;
        width: 30px;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi > div {
        align-items: center;
        column-gap: 8px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        min-width: 0;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi span,
    .venue-dashboard-panel-kicker,
    .venue-pending-action-group h3 {
        font-size: 11px;
        line-height: 1.2;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi strong {
        font-size: 22px;
        grid-column: 2;
        grid-row: 1 / span 2;
        margin-top: 0;
    }

    body.workspace-venue-management .venue-dashboard-summary .venue-dashboard-kpi small {
        font-size: 10.5px;
        line-height: 1.1;
        margin-top: 1px;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .venue-dashboard-panel-header h2 {
        font-size: 18px;
    }

    .venue-dashboard-quick-card {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        min-height: 0;
        padding: 14px;
    }

    .venue-dashboard-quick-card .venue-dashboard-svg-icon {
        height: 20px;
        width: 20px;
    }

    .venue-pending-action-card {
        padding: 11px;
    }

    .venue-pending-action-card dl {
        grid-template-columns: 1fr;
    }

    .venue-pending-action-card header {
        align-items: stretch;
        display: grid;
    }

    .venue-pending-action-card header span {
        justify-self: start;
        white-space: normal;
    }

    .venue-pending-action-toolbar {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
        justify-content: flex-start;
    }

    .venue-pending-action-link {
        justify-content: center;
        min-height: 38px;
        width: 100%;
    }

    .venue-dashboard-rental-card .ui-button {
        justify-content: center;
        min-height: 40px;
        width: 100%;
    }

    .venue-mini-calendar {
        gap: 6px;
    }

    .venue-mini-calendar span {
        border-radius: 10px;
        font-size: 12px;
    }

    .venue-dashboard-mini-calendar-weekdays,
    .venue-dashboard-mini-calendar-grid {
        gap: 5px;
    }

    .venue-dashboard-mini-calendar-day {
        border-radius: 9px;
        padding: 3px 1px;
    }

    .venue-dashboard-mini-calendar-number {
        font-size: 10.5px;
    }
}

.venue-rentals-page,
.venue-visits-page {
    display: grid;
    gap: 22px;
    min-width: 0;
}

.venue-rentals-summary .venue-dashboard-kpi {
    align-items: center;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 86px;
    padding: 16px;
}

.venue-rentals-summary .venue-dashboard-kpi strong {
    font-size: clamp(24px, 2.5vw, 32px);
    line-height: 1;
    margin-top: 4px;
}

.venue-rentals-summary .venue-dashboard-kpi small {
    display: none;
}

.venue-rentals-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.venue-visits-quick-actions {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    width: 100%;
}

.venue-visits-status-legend {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .07);
    color: var(--text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 10px;
    padding-top: 9px;
}

.venue-visits-status-legend span {
    align-items: center;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 6px;
    line-height: 1.2;
}

.venue-visit-status-dot {
    background: #d8a92d;
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(216, 169, 45, .12);
    display: inline-block;
    flex: 0 0 auto;
    height: 9px;
    width: 9px;
}

.venue-visit-status-dot.is-programada {
    background: #d8a92d;
    box-shadow: 0 0 0 4px rgba(216, 169, 45, .12);
}

.venue-visit-status-dot.is-realizada {
    background: #3fbf5f;
    box-shadow: 0 0 0 4px rgba(63, 191, 95, .12);
}

.venue-visit-status-dot.is-cancelada {
    background: #d9534f;
    box-shadow: 0 0 0 4px rgba(217, 83, 79, .12);
}

.venue-visits-table-action {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    white-space: nowrap;
}

.venue-visits-table-action .event-view-svg-icon {
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.venue-visits-quick-panel {
    align-items: stretch;
    grid-template-columns: 1fr;
}

.venue-quick-panel-header {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    min-width: 0;
}

.venue-quick-panel-header > div {
    min-width: 0;
}

.venue-quick-panel-header .ui-button {
    flex: 0 0 auto;
}

.venue-quick-panel-body {
    min-width: 0;
}

.venue-quick-panel-empty {
    margin-top: 14px;
}

.venue-quick-visit-card-list {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.venue-quick-visit-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .014)),
        rgba(10, 18, 31, .28);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 10px;
    display: grid;
    gap: 14px;
    padding: 14px;
}

.venue-quick-visit-card h4 {
    color: var(--text);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.25;
    margin: 0;
}

.venue-quick-visit-card dl {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
    margin: 0;
    min-width: 0;
}

.venue-quick-visit-card dl div {
    min-width: 0;
}

.venue-quick-visit-card dt {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.2;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.venue-quick-visit-card dd {
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
    overflow-wrap: anywhere;
}

.venue-quick-visit-card footer {
    display: flex;
    justify-content: flex-end;
}

.venue-quick-visit-card.is-operational {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr) max-content;
}

.venue-quick-visit-card.is-operational dl {
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
}

.venue-quick-visit-card.is-operational dl div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .014)),
        rgba(255, 255, 255, .025);
    border: 1px solid rgba(201, 168, 106, .12);
    border-radius: 8px;
    padding: 10px;
}

.venue-quick-visit-card.is-operational footer {
    align-items: stretch;
    justify-content: flex-end;
}

.venue-quick-visit-card.is-operational footer .ui-button {
    align-self: stretch;
    justify-content: center;
    min-width: 124px;
}

.venue-quick-panel-actions {
    border-top: 1px solid rgba(255, 255, 255, .075);
    margin-top: 2px;
    padding-top: 14px;
}

.venue-rentals-filters {
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    min-width: 0;
    padding: 18px;
}

.venue-rentals-filter-form {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(220px, 1.4fr) minmax(150px, .8fr) minmax(150px, .8fr) minmax(150px, .8fr) auto;
    min-width: 0;
}

.venue-rentals-filter-form .form-group {
    margin: 0;
    min-width: 0;
}

.venue-rentals-filter-form .form-control {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.venue-rentals-filter-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.venue-rentals-filter-actions .ui-button {
    min-height: 42px;
    white-space: nowrap;
}

.venue-rentals-filter-toggle {
    display: none;
}

.venue-rentals-list-panel {
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    min-width: 0;
    padding: 20px;
}

.venue-bitacora-page {
    gap: 18px;
}

.venue-bitacora-filter-form {
    grid-template-columns: minmax(160px, .75fr) minmax(170px, .85fr) minmax(190px, 1fr) minmax(190px, 1fr) auto;
}

.venue-bitacora-timeline {
    display: grid;
    gap: 14px;
    margin-top: 16px;
    position: relative;
}

.venue-bitacora-entry {
    align-items: flex-start;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .016)),
        rgba(9, 18, 32, .56);
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 14px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 16px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.venue-bitacora-entry:hover,
.venue-bitacora-entry:focus-within {
    border-color: var(--venue-glass-border-strong);
    box-shadow: var(--venue-glass-shadow);
    transform: translateY(-1px);
}

.venue-bitacora-entry-icon {
    align-items: center;
    background: rgba(201, 168, 106, .1);
    border: 1px solid rgba(201, 168, 106, .34);
    border-radius: 14px;
    color: var(--venue-accent);
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.venue-bitacora-svg-icon {
    height: 21px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 21px;
}

.venue-bitacora-entry-body {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.venue-bitacora-entry-header,
.venue-bitacora-entry-meta {
    align-items: center;
    color: var(--text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 800;
    gap: 10px;
    text-transform: uppercase;
}

.venue-bitacora-entry h3 {
    color: var(--text-primary);
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
}

.venue-bitacora-entry p {
    color: var(--text-secondary);
    line-height: 1.55;
    margin: 0;
}

.venue-bitacora-rental-context {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 2px 0 0;
}

.venue-bitacora-rental-context div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        rgba(8, 16, 30, .38);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: 12px;
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 10px 11px;
}

.venue-bitacora-rental-context dt {
    color: var(--venue-accent);
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.15;
    text-transform: uppercase;
}

.venue-bitacora-rental-context dd {
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 820;
    line-height: 1.25;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.venue-bitacora-entry-meta {
    text-transform: none;
}

.venue-bitacora-entry-meta span,
.venue-bitacora-entry-meta a {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    gap: 6px;
    min-width: 0;
}

.venue-bitacora-entry-meta a {
    color: var(--venue-accent);
    text-decoration: none;
}

.venue-bitacora-empty {
    margin-top: 16px;
}

.venue-bitacora-pagination {
    align-items: center;
    border-top: 1px solid rgba(201, 168, 106, .18);
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 18px;
    padding-top: 16px;
}

.venue-bitacora-page-button {
    min-height: 38px;
    min-width: 112px;
}

.venue-bitacora-page-button:disabled {
    cursor: not-allowed;
    opacity: .45;
    transform: none;
}

.venue-bitacora-page-status {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .012)),
        rgba(8, 16, 30, .38);
    border: 1px solid rgba(201, 168, 106, .22);
    border-radius: 999px;
    color: var(--venue-accent);
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    min-height: 38px;
    min-width: 116px;
    padding: 8px 13px;
    white-space: nowrap;
}

.venue-rentals-count {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 800;
}

@media (max-width: 1024px) {
    .venue-bitacora-pagination {
        display: grid;
        gap: 8px;
        grid-template-columns: 42px minmax(0, auto) 42px;
        justify-content: center;
        justify-items: center;
        overflow: hidden;
        text-align: center;
    }

    .venue-bitacora-pagination small {
        display: none;
    }

    .venue-bitacora-page-button {
        font-size: 0;
        min-width: 42px;
        padding-left: 0;
        padding-right: 0;
        width: 42px;
    }

    .venue-bitacora-page-button span[aria-hidden="true"] {
        display: none;
    }

    .venue-bitacora-page-button:first-of-type::before,
    .venue-bitacora-page-button:last-of-type::before {
        font-size: 18px;
        line-height: 1;
    }

    .venue-bitacora-page-button:first-of-type::before {
        content: "←";
    }

    .venue-bitacora-page-button:last-of-type::before {
        content: "→";
    }

    .venue-bitacora-page-status {
        font-size: 0;
        grid-column: auto;
        max-width: calc(100vw - 120px);
        min-width: 0;
        order: 0;
        width: auto;
    }

    .venue-bitacora-page-status::before {
        content: attr(data-mobile-label);
        font-size: 12px;
    }
}

.venue-rentals-list-tools {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.venue-rentals-table {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .014)),
        rgba(9, 18, 32, .58);
    border-color: var(--venue-glass-border);
}

.venue-rentals-table .app-table {
    min-width: 760px;
}

.venue-rentals-table .venue-status-badge {
    display: inline-flex;
}

.venue-rentals-mobile-list {
    display: none;
}

[data-venue-list-view][hidden],
[data-venue-card-view][hidden] {
    display: none !important;
}

.venue-rentals-list {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.venue-rental-list-card {
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 18px;
    padding: 18px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.venue-rental-list-card:hover,
.venue-rental-list-card:focus-within {
    border-color: var(--venue-glass-border-strong);
    box-shadow: var(--venue-glass-shadow-strong);
    transform: translateY(-1px);
}

.venue-rental-list-card-header {
    align-items: start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-width: 0;
}

.venue-rental-list-card-header h3 {
    color: var(--text);
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.15;
    margin: 0 0 7px;
    overflow-wrap: anywhere;
}

.venue-rental-list-card-header time,
.venue-rental-card-code {
    color: var(--workspace-accent);
    display: inline-flex;
    font-size: 13px;
    font-weight: 850;
}

.venue-rental-list-details {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.venue-rental-list-details div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        rgba(12, 22, 36, .28);
    border: 1px solid rgba(201, 168, 106, .12);
    border-radius: var(--radius);
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 12px;
}

.venue-rental-list-details div:nth-child(5) {
    grid-column: 1 / -1;
}

.venue-rental-list-details dt {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 850;
    gap: 6px;
    letter-spacing: .04em;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.venue-rental-list-details dt .event-view-svg-icon {
    color: var(--workspace-accent);
    flex: 0 0 auto;
    height: 13px;
    width: 13px;
}

.venue-rental-list-details dd {
    color: var(--text);
    font-size: 14px;
    font-weight: 820;
    line-height: 1.3;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.venue-rental-list-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.venue-rental-list-actions .ui-button {
    justify-content: center;
    min-height: 38px;
    width: 100%;
}

.venue-rental-list-actions .venue-rental-detail-action {
    border-color: rgba(244, 215, 157, .46);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .28),
        0 12px 24px rgba(201, 168, 106, .18);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .01em;
    margin-top: 2px;
    min-width: 128px;
}

.venue-module-page .venue-tasks-summary-grid {
    display: grid;
    column-gap: 16px;
    margin-bottom: 24px;
    row-gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.venue-module-page .venue-tasks-summary-header {
    grid-column: 1 / -1;
    margin-bottom: 2px;
}

.venue-module-page .venue-tasks-summary-card {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        rgba(9, 18, 32, .58);
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--venue-glass-shadow);
    display: flex;
    gap: 12px;
    min-width: 0;
    padding: 15px;
}

.venue-module-page .venue-tasks-summary-card > span {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .30);
    border-radius: 14px;
    color: var(--venue-accent);
    display: inline-flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.venue-module-page .venue-tasks-summary-card small {
    color: var(--text-muted);
    display: block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.venue-module-page .venue-tasks-summary-card strong {
    color: var(--text);
    display: block;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.05;
    margin-top: 4px;
}

.venue-module-page .venue-tasks-panel {
    display: grid;
    gap: 16px;
}

.venue-module-page .venue-tasks-filter-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        rgba(8, 16, 30, .42);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1.25fr) minmax(140px, .75fr) minmax(140px, .75fr);
    padding: 14px;
}

.venue-module-page .venue-tasks-filter-panel label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.venue-module-page .venue-tasks-filter-panel span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.venue-module-page .venue-tasks-table {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        rgba(9, 18, 32, .58);
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--venue-glass-shadow);
}

.venue-module-page .venue-tasks-table .app-table {
    min-width: 780px;
}

.venue-module-page .venue-tasks-card-grid {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        rgba(9, 18, 32, .48);
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--venue-glass-shadow);
    gap: 14px;
    padding: 14px;
}

.venue-module-page .venue-task-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .058), rgba(255, 255, 255, .016)),
        rgba(10, 18, 31, .72);
    border-color: rgba(201, 168, 106, .20);
    gap: 14px;
    padding: 15px;
}

.venue-module-page .venue-task-details div {
    border-color: rgba(201, 168, 106, .14);
    padding: 10px;
}

.venue-module-page .venue-task-details {
    gap: 8px;
}

.venue-module-page .venue-task-pending-list {
    display: grid;
    gap: 8px;
}

.venue-module-page .venue-task-pending-item {
    align-items: flex-start;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(201, 168, 106, .14);
    border-radius: 12px;
    display: grid;
    gap: 9px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 10px;
}

.venue-module-page .venue-task-pending-item strong {
    color: var(--text);
    display: block;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
}

.venue-module-page .venue-task-pending-item small {
    color: var(--text-muted);
    display: block;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 3px;
}

.venue-module-page .venue-tasks-pagination {
    margin-top: 2px;
}

.venue-module-page .venue-tasks-pagination small {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    width: 100%;
}

body.workspace-venue-management .venue-rental-operational-pendings .event-finance-executive-grid {
    align-items: stretch;
}

body.workspace-venue-management .venue-rental-operational-pendings .event-finance-kpi-band {
    gap: 10px;
}

body.workspace-venue-management .venue-rental-operational-pendings .event-finance-kpi {
    min-height: 78px;
    padding: 12px 14px;
}

body.workspace-venue-management .venue-rental-operational-pendings .event-finance-kpi span {
    font-size: 10px;
    letter-spacing: .04em;
}

body.workspace-venue-management .venue-rental-operational-pendings .event-finance-kpi strong {
    font-size: 16px;
    line-height: 1.16;
}

body.workspace-venue-management .venue-rental-operational-pendings .venue-rental-empty-note {
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .12), rgba(201, 168, 106, .035)),
        rgba(8, 16, 30, .42);
    border: 1px solid rgba(201, 168, 106, .22);
    border-radius: 12px;
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
    margin: 2px 0 0;
    padding: 12px 14px;
}

body.workspace-venue-management .venue-rental-operational-pendings .event-finance-executive-card {
    grid-template-rows: auto 1fr;
    min-height: 336px;
}

body.workspace-venue-management .venue-rental-operational-pendings .event-finance-row-list {
    align-content: start;
    gap: 8px;
    min-height: 230px;
}

body.workspace-venue-management .venue-rental-operational-pendings .event-finance-row {
    min-height: 42px;
}

.venue-task-state-stack {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
}

.venue-task-status,
.venue-task-priority {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    gap: 6px;
    line-height: 1;
    padding: 7px 10px;
    white-space: nowrap;
}

.venue-task-status::before,
.venue-task-priority::before {
    background: currentColor;
    border-radius: 999px;
    content: "";
    height: 7px;
    width: 7px;
}

.venue-task-status.is-pending {
    color: #d8a92d;
}

.venue-task-status.is-progress {
    color: #76a9e6;
}

.venue-task-status.is-completed {
    color: #3fbf5f;
}

.venue-task-status.is-cancelled {
    color: #e65b5b;
}

.venue-task-priority.is-high {
    color: #e65b5b;
}

.venue-task-priority.is-medium {
    color: #d8a92d;
}

.venue-task-priority.is-low {
    color: #3fbf5f;
}

.venue-module-page [data-venue-tasks-list-view][hidden],
.venue-module-page [data-venue-tasks-card-view][hidden],
.venue-module-page [data-venue-task-item][hidden],
.venue-module-page [data-venue-tasks-pagination][hidden],
.venue-module-page [data-venue-tasks-empty-filter][hidden] {
    display: none !important;
}

@media (max-width: 1180px) {
    .venue-module-page .venue-tasks-filter-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .venue-module-page .venue-tasks-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .venue-module-page .venue-tasks-summary-grid,
    .venue-module-page .venue-tasks-filter-panel {
        grid-template-columns: 1fr;
    }

    .venue-module-page .venue-tasks-summary-card {
        padding: 12px;
    }
}

.venue-rental-list-actions .venue-rental-detail-action:hover,
.venue-rental-list-actions .venue-rental-detail-action:focus-visible {
    border-color: rgba(244, 215, 157, .62);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .34),
        0 16px 30px rgba(201, 168, 106, .24);
}

.venue-rental-mobile-detail {
    color: var(--workspace-accent);
    display: none;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.venue-status-badge.is-request,
.venue-status-badge.is-default {
    background: rgba(148, 163, 184, .12);
    border-color: rgba(148, 163, 184, .26);
    color: #cbd5e1;
}

.venue-status-badge.is-reserved {
    background: rgba(59, 130, 246, .14);
    border-color: rgba(59, 130, 246, .32);
    color: #93c5fd;
}

.venue-status-badge.venue-status-review {
    background: rgba(201, 168, 106, .15);
    border-color: rgba(201, 168, 106, .42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    color: #f6d58f;
}

.venue-status-badge.venue-status-archived {
    background: rgba(148, 163, 184, .16);
    border-color: rgba(201, 168, 106, .30);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    color: #e2e8f0;
}

.venue-status-stack {
    align-items: flex-start;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}

.venue-archived-notice {
    background: rgba(148, 163, 184, .10);
    border: 1px solid rgba(201, 168, 106, .22);
    border-radius: 14px;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.45;
    padding: 12px 14px;
}

@media (max-width: 1180px) {
    .venue-rentals-filter-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .venue-rentals-filter-actions {
        justify-content: start;
    }

    .venue-rental-list-details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .venue-rentals-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .venue-bitacora-rental-context {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .venue-quick-visit-card.is-operational {
        grid-template-columns: 1fr;
    }

    .venue-quick-visit-card dl,
    .venue-quick-visit-card.is-operational dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .venue-quick-visit-card.is-operational footer {
        justify-content: flex-start;
    }

    .venue-quick-visit-card.is-operational footer .ui-button {
        width: 100%;
    }
}

@media (max-width: 900px) {
    .venue-rentals-filter-toggle {
        align-self: stretch;
        display: inline-flex;
        justify-content: center;
        min-height: 42px;
        width: 100%;
    }

    .venue-rentals-filters[data-venue-filter-panel][hidden] {
        display: none !important;
    }

    .venue-bitacora-filter-form {
        grid-template-columns: 1fr;
    }

    .venue-rentals-table.table-wrapper {
        overflow-x: visible;
    }

    .venue-rentals-table .app-table {
        display: none;
    }

    .venue-rentals-mobile-list {
        display: grid;
        gap: 10px;
    }

    .venue-rentals-mobile-row {
        align-items: center;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
            rgba(12, 22, 36, .36);
        border: 1px solid var(--venue-glass-border);
        border-radius: var(--radius);
        display: grid;
        gap: 12px;
        grid-template-columns: minmax(0, 1fr) auto;
        min-width: 0;
        padding: 13px;
    }

    .venue-rentals-mobile-row-copy {
        display: grid;
        gap: 6px;
        min-width: 0;
    }

    .venue-rentals-mobile-title {
        color: var(--text);
        font-size: 15px;
        font-weight: 850;
        line-height: 1.25;
        overflow-wrap: anywhere;
        text-decoration: none;
    }

    .venue-rentals-mobile-title:hover,
    .venue-rentals-mobile-title:focus-visible {
        color: var(--workspace-accent);
    }

    .venue-rentals-mobile-date {
        align-items: center;
        color: var(--text-muted);
        display: inline-flex;
        font-size: 12px;
        font-weight: 800;
        gap: 7px;
        line-height: 1.25;
    }

    .venue-rentals-mobile-date .event-view-svg-icon {
        color: var(--workspace-accent);
        flex: 0 0 auto;
        height: 15px;
        width: 15px;
    }

    .venue-rentals-mobile-action {
        justify-content: center;
        min-height: 36px;
        padding: 8px 12px;
        white-space: nowrap;
    }

    .pending-meetings-table.table-wrapper {
        overflow-x: auto;
    }

    .pending-meetings-table .app-table {
        display: table;
        min-width: 720px;
    }
}

@media (max-width: 760px) {
    .venue-rentals-page,
    .venue-visits-page,
    .pending-meetings-page {
        gap: 16px;
    }

    .venue-visits-quick-actions,
    .pending-meetings-quick-actions,
    .venue-quick-visit-card dl,
    .venue-quick-visit-card.is-operational dl,
    .pending-meeting-quick-card dl {
        grid-template-columns: 1fr;
    }

    .venue-quick-visit-card footer,
    .venue-quick-visit-card footer .ui-button {
        width: 100%;
    }

    .venue-quick-visit-card.is-operational {
        grid-template-columns: 1fr;
    }

    .venue-quick-panel-header {
        align-items: stretch;
        flex-direction: column;
    }

    .venue-rentals-filter-form {
        grid-template-columns: 1fr;
    }

    .venue-rentals-filter-actions,
    .venue-rentals-filter-actions .ui-button {
        width: 100%;
    }

    .venue-rentals-filter-actions .ui-button {
        justify-content: center;
    }

    .venue-bitacora-entry {
        grid-template-columns: 1fr;
    }

    .venue-bitacora-entry-icon {
        height: 40px;
        width: 40px;
    }

    .venue-bitacora-entry-header,
    .venue-bitacora-entry-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .venue-bitacora-rental-context {
        grid-template-columns: 1fr;
    }

    .venue-rentals-list-panel,
    .venue-rentals-filters {
        padding: 16px;
    }

    .venue-rental-list-card {
        gap: 14px;
        padding: 16px;
    }

    .venue-rental-list-card-header {
        display: grid;
        gap: 10px;
    }

    .venue-rentals-summary {
        grid-template-columns: 1fr;
    }

    .venue-rentals-list-tools {
        justify-content: flex-start;
        width: 100%;
    }

    .venue-rentals-list,
    .pending-meetings-card-grid {
        grid-template-columns: 1fr;
    }

    .venue-rental-list-details,
    .pending-meeting-summary-details {
        grid-template-columns: 1fr;
    }

    .venue-rentals-mobile-row {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .venue-rentals-mobile-action {
        width: 100%;
    }
}

.venue-rental-new-page {
    display: grid;
    gap: 20px;
    min-width: 0;
}

.venue-rental-layout {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
    min-width: 0;
}

.venue-rental-main {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.venue-rental-form-grid {
    align-items: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.venue-rental-form .form-section:first-child .venue-rental-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.venue-rental-form-grid > .form-group,
.venue-rental-form-grid .form-control,
.venue-rental-form-grid .form-label-with-icon {
    max-width: 100%;
    min-width: 0;
}

.venue-rental-form .form-section,
.venue-rental-form .form-grid,
.venue-rental-form .form-group,
.venue-rental-form .form-control {
    max-width: 100%;
    min-width: 0;
}

.venue-rental-form .form-control {
    width: 100%;
}

.venue-rental-form-grid .form-label-with-icon {
    flex-wrap: wrap;
    overflow-wrap: anywhere;
}

.venue-rental-form-grid input[type="time"].form-control {
    -webkit-appearance: none;
    appearance: none;
    display: block;
}

.venue-rental-optional {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 700;
}

.venue-rental-section-heading {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.venue-rental-section-heading span {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.venue-commercial-pair {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(130px, .72fr) minmax(0, 1fr);
}

.venue-rental-form .calculated-field.is-balance-pending {
    border-color: rgba(239, 68, 68, .38);
    color: #fca5a5;
}

.venue-rental-form .calculated-field.is-balance-complete {
    border-color: rgba(34, 197, 94, .36);
    color: #86efac;
}

.venue-space-selector {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        rgba(10, 18, 31, .28);
    border: 1px solid rgba(201, 168, 106, .14);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 16px;
    margin-top: 24px;
    min-width: 0;
    padding: 18px;
}

.venue-space-selector-header {
    display: grid;
    gap: 8px;
}

.venue-space-selector-header h4 {
    color: var(--text);
    font-size: 16px;
    line-height: 1.2;
    margin: 3px 0 0;
}

.venue-space-selector-divider {
    background: linear-gradient(90deg, rgba(201, 168, 106, .34), rgba(255, 255, 255, .055), transparent);
    height: 1px;
    width: 100%;
}

.venue-space-full-note {
    background: rgba(201, 168, 106, .08);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: var(--radius);
    color: var(--workspace-accent);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    margin: 0;
    padding: 10px 12px;
}

.venue-space-full-note[hidden] {
    display: none;
}

.venue-space-groups {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.venue-space-group {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
        rgba(5, 8, 14, .18);
    border: 1px solid rgba(181, 198, 216, .12);
    border-radius: var(--radius);
    display: grid;
    gap: 12px;
    margin: 0;
    min-width: 0;
    padding: 14px;
}

.venue-space-group legend {
    color: var(--text);
    font-size: 12px;
    font-weight: 900;
    line-height: 1.25;
    padding: 0 6px;
}

.venue-rental-form .venue-space-grid,
.venue-rental-form .form-section:first-child .venue-space-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
}

.venue-space-option {
    background: transparent;
    border: 0;
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 0;
}

.venue-space-option label {
    align-items: center;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 760;
    gap: 8px;
    line-height: 1.25;
    min-height: 28px;
    min-width: 0;
    transition: color .18s ease;
}

.venue-space-option label span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.venue-space-option input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        rgba(5, 8, 14, .52);
    border: 1px solid rgba(181, 198, 216, .32);
    border-radius: 4px;
    color: #111827;
    display: inline-flex;
    flex: 0 0 auto;
    height: 16px;
    justify-content: center;
    margin: 0;
    position: relative;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
    width: 16px;
}

.venue-space-option input[type="checkbox"]::after {
    color: #111827;
    content: "✓";
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    opacity: 0;
    transform: scale(.82);
    transition: opacity .14s ease, transform .14s ease;
}

.venue-space-option input[type="checkbox"]:checked {
    background: var(--workspace-accent);
    border-color: var(--workspace-accent);
    box-shadow: 0 0 0 2px rgba(201, 168, 106, .12);
}

.venue-space-option input[type="checkbox"]:checked::after {
    opacity: 1;
    transform: scale(1);
}

.venue-space-option input[type="checkbox"]:focus-visible {
    outline: 2px solid rgba(201, 168, 106, .42);
    outline-offset: 2px;
}

.venue-space-option label:hover,
.venue-space-option label:focus-within {
    color: var(--workspace-accent);
}

.venue-space-option.is-featured label {
    font-weight: 850;
}

.venue-space-option:has(input:disabled) {
    opacity: .48;
}

.venue-space-detail {
    display: grid;
    gap: 8px;
    padding: 2px 0 0 24px;
}

.venue-space-detail[hidden] {
    display: none;
}

.venue-event-observations {
    border-top: 1px solid rgba(255, 255, 255, .07);
    margin-top: 18px;
    padding-top: 18px;
}

.venue-setup-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr;
    margin-bottom: 16px;
}

.venue-setup-block {
    border: 1px solid rgba(201, 168, 106, .14);
    border-radius: var(--radius-lg);
    margin: 0;
    min-width: 0;
    padding: 16px;
}

.venue-setup-block legend {
    color: var(--workspace-accent);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .07em;
    padding: 0 8px;
    text-transform: uppercase;
}

.venue-availability-panel {
    align-items: center;
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: var(--radius-lg);
    display: flex;
    gap: 14px;
    padding: 16px;
}

.venue-availability-icon,
.venue-rental-summary-icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .18), rgba(201, 168, 106, .045)),
        rgba(10, 18, 31, .36);
    border: 1px solid var(--venue-glass-border-strong);
    border-radius: 16px;
    color: var(--workspace-accent);
    display: inline-flex;
    flex: 0 0 auto;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.venue-availability-panel span,
.venue-rental-summary-list dt {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.venue-availability-panel strong {
    color: var(--text);
    display: block;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 4px;
}

.venue-availability-panel p {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.45;
    margin: 8px 0 0;
}

.venue-rental-summary {
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    padding: 20px;
}

.venue-rental-summary-header {
    align-items: center;
    display: flex;
    gap: 14px;
    margin-bottom: 18px;
    min-width: 0;
}

.venue-rental-summary-header h2 {
    color: var(--text);
    font-size: 20px;
    line-height: 1.15;
    margin: 4px 0 0;
}

.venue-rental-summary-list {
    display: grid;
    gap: 10px;
    margin: 0;
}

.venue-rental-summary-list div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        rgba(12, 22, 36, .34);
    border: 1px solid rgba(201, 168, 106, .13);
    border-radius: var(--radius);
    display: grid;
    gap: 5px;
    padding: 12px;
}

.venue-rental-summary-list dd {
    color: var(--text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.venue-rental-actions {
    gap: 10px;
    margin-top: 2px;
}

.venue-rental-view-page {
    display: grid;
    gap: 20px;
    min-width: 0;
}

.venue-rental-hero {
    align-items: start;
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
    min-width: 0;
    padding: 22px;
    position: relative;
}

.venue-rental-hero-main {
    align-items: center;
    display: flex;
    gap: 16px;
    min-width: 0;
    padding-right: 120px;
}

.venue-rental-hero-icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .18), rgba(201, 168, 106, .045)),
        rgba(10, 18, 31, .36);
    border: 1px solid var(--venue-glass-border-strong);
    border-radius: 20px;
    color: var(--workspace-accent);
    display: inline-flex;
    flex: 0 0 auto;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.venue-rental-hero-heading {
    min-width: 0;
}

.venue-rental-hero h2 {
    color: var(--text);
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.08;
    margin: 0 0 9px;
    overflow-wrap: anywhere;
}

.venue-rental-hero-inline-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.venue-rental-hero-code {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.venue-rental-hero-status,
.venue-rental-hero-statuses {
    position: absolute;
    right: 22px;
    top: 22px;
}

.venue-rental-hero-statuses {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    max-width: calc(100% - 44px);
}

.venue-rental-hero-statuses .venue-rental-hero-status {
    position: static;
}

.venue-rental-hero-summary {
    align-items: center;
    border-top: 1px solid rgba(201, 168, 106, .12);
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    padding-top: 14px;
}

.venue-rental-hero-summary span {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    font-size: 13px;
    font-weight: 780;
    gap: 7px;
    line-height: 1.25;
    min-width: 0;
    overflow-wrap: anywhere;
}

.venue-rental-hero-summary .event-view-svg-icon {
    color: var(--workspace-accent);
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.venue-rental-hero-meta,
.venue-rental-detail-list {
    display: grid;
    gap: 10px;
    margin: 0;
}

.venue-rental-hero-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.venue-rental-detail-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.venue-rental-detail-list.is-side,
.venue-rental-detail-list.is-compact {
    grid-template-columns: 1fr;
}

.venue-rental-hero-meta div,
.venue-rental-detail-list div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        rgba(12, 22, 36, .28);
    border: 1px solid rgba(201, 168, 106, .12);
    border-radius: var(--radius);
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 12px;
}

.venue-rental-hero-meta dt,
.venue-rental-detail-list dt,
.venue-rental-notes span {
    align-items: center;
    color: var(--text-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 850;
    gap: 6px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.venue-rental-detail-list dt .event-view-svg-icon,
.venue-rental-notes span .event-view-svg-icon {
    color: var(--workspace-accent);
    flex: 0 0 auto;
    height: 13px;
    width: 13px;
}

.venue-rental-commercial-summary .venue-rental-detail-list dt,
.venue-rental-commercial-summary .venue-rental-notes span {
    color: rgba(201, 168, 106, .86);
}

.venue-rental-hero-meta dd,
.venue-rental-detail-list dd {
    color: var(--text);
    font-size: 14px;
    font-weight: 820;
    line-height: 1.32;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.venue-rental-detail-list dd.venue-rental-financial-value.is-warning {
    color: #fca5a5;
}

.venue-rental-detail-list dd.venue-rental-financial-value.is-complete {
    color: #86efac;
}

.venue-rental-view-grid {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
}

.venue-rental-view-main,
.venue-rental-view-side {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.venue-rental-primary-record {
    display: grid;
    gap: 16px;
}

.venue-rental-primary-record > h3 {
    color: var(--workspace-accent);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.15;
    margin: 0;
}

.venue-rental-primary-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.venue-rental-primary-grid > .venue-rental-detail-card:nth-child(3) {
    grid-column: 1 / -1;
}

.venue-rental-detail-card {
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 20px;
}

.venue-rental-detail-card h3 {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 20px;
    gap: 10px;
    line-height: 1.15;
    margin: 0;
    overflow-wrap: anywhere;
}

.venue-rental-detail-card.venue-rental-primary-record > h3 {
    color: var(--workspace-accent);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.15;
}

.venue-rental-collapsible-card {
    gap: 0;
}

.venue-rental-collapsible-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
}

.venue-rental-collapsible-header h3 {
    flex: 1 1 280px;
}

.venue-rental-quick-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 14px 0 0;
    width: 100%;
}

.venue-setup-toggle::before {
    content: "▼";
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
}

.venue-setup-toggle[aria-expanded="true"]::before {
    content: "▲";
}

.venue-rental-setup-content {
    display: grid;
    gap: 16px;
    margin-top: 16px;
}

.venue-rental-section-icon {
    color: var(--workspace-accent);
    flex: 0 0 auto;
    height: 22px;
    width: 22px;
}

.venue-rental-space-list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.venue-rental-space-list li {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)),
        rgba(12, 22, 36, .28);
    border: 1px solid rgba(201, 168, 106, .12);
    border-radius: var(--radius);
    color: var(--text);
    display: flex;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 11px 12px;
}

.venue-rental-space-list .event-view-svg-icon {
    color: var(--workspace-accent);
    flex: 0 0 auto;
}

.venue-rental-setup-summary {
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr;
}

.venue-rental-setup-summary .venue-setup-block {
    display: grid;
    gap: 12px;
}

.venue-rental-setup-summary .venue-rental-detail-list.is-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.venue-rental-setup-summary .venue-setup-block h4 {
    color: var(--workspace-accent);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .07em;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
}

.venue-rental-notes {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        rgba(5, 8, 14, .22);
    border: 1px solid rgba(201, 168, 106, .12);
    border-radius: var(--radius);
    display: grid;
    gap: 8px;
    padding: 12px;
}

.venue-rental-notes p,
.venue-rental-empty-note {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
}

.venue-rental-empty-note {
    border: 1px dashed rgba(201, 168, 106, .22);
    border-radius: var(--radius);
    padding: 16px;
}

.venue-rental-action-stack {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}

.venue-rental-action-stack .ui-button {
    justify-content: center;
    min-width: 190px;
    width: auto;
}

@media (min-width: 1101px) {
    .venue-rental-actions {
        justify-content: flex-end;
    }
}

@media (max-width: 1100px) {
    .venue-rental-layout {
        grid-template-columns: 1fr;
    }

    .venue-setup-grid {
        grid-template-columns: 1fr;
    }

    .venue-rental-hero,
    .venue-rental-view-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 900px) {
    .venue-rental-hero-main {
        padding-right: 0;
    }

    .venue-rental-hero-status,
    .venue-rental-hero-statuses {
        justify-self: start;
        position: static;
    }

    .venue-rental-hero-statuses {
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }

    .venue-rental-form-grid,
    .venue-rental-form .form-section:first-child .venue-rental-form-grid,
    .venue-rental-primary-grid,
    .venue-setup-grid {
        grid-template-columns: 1fr;
    }

    .venue-rental-primary-grid > .venue-rental-detail-card:nth-child(3) {
        grid-column: auto;
    }

    .venue-space-groups {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .venue-rental-detail-list,
    .venue-rental-setup-summary,
    .venue-rental-setup-summary .venue-rental-detail-list.is-compact {
        grid-template-columns: 1fr;
    }

    .venue-rental-quick-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .venue-rental-action-stack .ui-button {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .venue-rental-form-grid,
    .venue-rental-form .form-grid,
    .venue-rental-form .form-section:first-child .form-grid,
    .venue-rental-form .venue-setup-block .form-grid {
        grid-template-columns: 1fr;
    }

    .venue-commercial-pair {
        grid-template-columns: 1fr;
    }

    .venue-availability-panel {
        align-items: flex-start;
    }

    .venue-rental-form .form-section {
        padding: 18px;
    }

    .venue-space-selector-header {
        display: grid;
    }

    .venue-space-selector {
        padding: 16px;
    }

    .venue-space-groups {
        grid-template-columns: 1fr;
    }

    .venue-rental-form .venue-setup-block,
    .venue-rental-form .venue-setup-block .form-group,
    .venue-rental-form .venue-setup-block .form-control,
    .venue-rental-form #venue_client_extra_info {
        max-inline-size: 100%;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .venue-rental-form .venue-setup-block input[type="date"],
    .venue-rental-form .venue-setup-block input[type="time"] {
        box-sizing: border-box;
        display: block;
        min-width: 0;
        width: 100%;
    }

    .venue-rental-form .venue-setup-block input[type="date"]::-webkit-date-and-time-value,
    .venue-rental-form .venue-setup-block input[type="time"]::-webkit-date-and-time-value {
        min-width: 0;
        text-align: left;
    }

    .venue-rental-form #venue_client_extra_info {
        min-height: 110px;
    }

    .venue-rental-quick-actions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .venue-rental-hero,
    .venue-rental-detail-card {
        padding: 18px;
    }

    .venue-rental-hero-main {
        align-items: flex-start;
        gap: 12px;
    }

    .venue-rental-hero-icon {
        border-radius: 17px;
        height: 48px;
        width: 48px;
    }

    .venue-rental-hero-summary {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }

    .venue-rental-hero-summary span {
        align-items: flex-start;
    }

    .venue-rental-space-list {
        grid-template-columns: 1fr;
    }
}

.workspace-transition {
    --workspace-transition-accent: #c9a86a;
    --workspace-transition-accent-soft: rgba(201, 168, 106, .14);
    --workspace-transition-bg:
        radial-gradient(circle at 50% 16%, rgba(201, 168, 106, .065), transparent 28%),
        radial-gradient(circle at 50% 100%, rgba(12, 20, 34, .34), transparent 38%),
        rgba(2, 8, 18, .40);
    --workspace-transition-card-bg:
        linear-gradient(150deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .018) 48%, rgba(201, 168, 106, .035)),
        rgba(9, 13, 20, .82);
    --workspace-transition-card-border: rgba(201, 168, 106, .38);
    --workspace-transition-card-border-soft: rgba(255, 255, 255, .055);
    --workspace-transition-card-shine: rgba(255, 255, 255, .07);
    --workspace-transition-card-depth: rgba(0, 0, 0, .72);
    --workspace-transition-glow-a: rgba(201, 168, 106, .08);
    --workspace-transition-glow-b: rgba(28, 55, 87, .18);
    --workspace-transition-muted: rgba(226, 232, 240, .70);
    --workspace-transition-text: #f8fafc;
    align-items: center;
    background: var(--workspace-transition-bg);
    -webkit-backdrop-filter: blur(8px) saturate(112%);
    backdrop-filter: blur(8px) saturate(112%);
    display: grid;
    height: 100vh;
    height: 100dvh;
    inset: 0;
    justify-items: center;
    opacity: 1;
    overflow: hidden;
    padding: max(22px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));
    pointer-events: auto;
    position: fixed;
    width: 100vw;
    z-index: 2000;
}

html[data-workspace-transition-theme="venue_management"] .workspace-transition,
.workspace-transition[data-workspace-theme="venue_management"] {
    --workspace-transition-bg:
        radial-gradient(circle at 50% 14%, rgba(117, 167, 216, .12), transparent 28%),
        radial-gradient(circle at 50% 100%, rgba(9, 26, 47, .38), transparent 42%),
        rgba(2, 8, 18, .42);
    --workspace-transition-card-bg:
        linear-gradient(150deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .02) 48%, rgba(201, 168, 106, .045)),
        rgba(7, 19, 35, .82);
    --workspace-transition-card-border: rgba(201, 168, 106, .42);
    --workspace-transition-card-shine: rgba(183, 215, 245, .08);
    --workspace-transition-card-depth: rgba(0, 4, 12, .76);
    --workspace-transition-glow-a: rgba(201, 168, 106, .075);
    --workspace-transition-glow-b: rgba(31, 70, 111, .20);
}

html[data-workspace-transition-theme="production_events"] .workspace-transition,
.workspace-transition[data-workspace-theme="production_events"] {
    --workspace-transition-bg:
        radial-gradient(circle at 50% 16%, rgba(201, 168, 106, .075), transparent 28%),
        radial-gradient(circle at 50% 100%, rgba(12, 20, 34, .30), transparent 38%),
        rgba(4, 4, 4, .40);
    --workspace-transition-card-bg:
        linear-gradient(150deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .018) 48%, rgba(201, 168, 106, .035)),
        rgba(11, 12, 16, .82);
}

.workspace-transition::before,
.workspace-transition::after {
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.workspace-transition::before {
    background:
        radial-gradient(circle at 50% 34%, var(--workspace-transition-glow-a), transparent 34%),
        radial-gradient(circle at 18% 18%, var(--workspace-transition-glow-b), transparent 32%),
        radial-gradient(circle at 82% 18%, rgba(201, 168, 106, .045), transparent 26%);
    opacity: 0;
    transition: opacity .42s cubic-bezier(.22, .72, .22, 1);
}

.workspace-transition::after {
    background:
        linear-gradient(115deg, transparent, rgba(255, 255, 255, .024), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 30%);
    opacity: 0;
    transition: opacity .5s cubic-bezier(.22, .72, .22, 1);
}

html.workspace-transition-active.workspace-transition-ready body:not(.public-layout) .sidebar,
html.workspace-transition-active.workspace-transition-ready body:not(.public-layout) .sidebar-overlay,
html.workspace-transition-active.workspace-transition-ready body:not(.public-layout) .app,
html.epp-workspace-transition-pending.workspace-transition-ready body:not(.public-layout) .sidebar,
html.epp-workspace-transition-pending.workspace-transition-ready body:not(.public-layout) .sidebar-overlay,
html.epp-workspace-transition-pending.workspace-transition-ready body:not(.public-layout) .app {
    filter: saturate(.88) brightness(.76);
    pointer-events: none;
    transition: filter .28s ease;
}

html.workspace-transition-active.workspace-transition-ready body:not(.public-layout) .workspace-transition,
html.epp-workspace-transition-pending.workspace-transition-ready body:not(.public-layout) .workspace-transition {
    visibility: visible;
}

.workspace-transition[hidden] {
    display: none !important;
}

.workspace-transition.is-visible {
    animation: none;
    opacity: 1;
}

.workspace-transition.is-visible::before,
.workspace-transition.is-visible::after {
    opacity: 1;
}

.workspace-transition.is-preloaded {
    animation: none;
    opacity: 1;
}

.workspace-transition.is-preloaded::before {
    opacity: 1;
    transition: none;
}

.workspace-transition.is-preloaded::after {
    opacity: 1;
    transition: none;
}

.workspace-transition.is-complete {
    animation: workspaceTransitionFadeOut .32s ease both;
}

.workspace-transition-card {
    align-items: center;
    background: var(--workspace-transition-card-bg);
    border: 1px solid var(--workspace-transition-card-border);
    border-radius: 26px;
    box-shadow:
        inset 0 1px 0 var(--workspace-transition-card-shine),
        inset 0 -1px 0 rgba(201, 168, 106, .045),
        0 34px 82px var(--workspace-transition-card-depth),
        0 0 0 1px var(--workspace-transition-card-border-soft),
        0 0 56px rgba(201, 168, 106, .045);
    box-sizing: border-box;
    color: var(--workspace-transition-text);
    display: grid;
    gap: 20px;
    justify-items: center;
    max-width: calc(100vw - 36px);
    min-height: 374px;
    overflow: hidden;
    padding: 38px 34px 32px;
    position: relative;
    text-align: center;
    transform: none;
    width: 460px;
    z-index: 1;
}

@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
    .workspace-transition-card {
        -webkit-backdrop-filter: blur(20px) saturate(132%);
        backdrop-filter: blur(20px) saturate(132%);
    }
}

.workspace-transition-card::before {
    background: linear-gradient(90deg, transparent, rgba(201, 168, 106, .18), transparent);
    content: "";
    height: 1px;
    left: 22px;
    opacity: .72;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 0;
}

.workspace-transition-card::after {
    background:
        radial-gradient(circle at 50% 50%, rgba(201, 168, 106, .045), transparent 64%),
        radial-gradient(circle at 28% 28%, rgba(255, 255, 255, .02), transparent 44%);
    content: "";
    height: 178px;
    opacity: .18;
    pointer-events: none;
    position: absolute;
    right: -72px;
    top: -88px;
    width: 170px;
}

.workspace-transition.is-visible .workspace-transition-card {
    animation: workspaceTransitionCardFade .28s ease-out both;
}

.workspace-transition-orbit {
    align-items: center;
    display: inline-grid;
    height: 86px;
    justify-items: center;
    position: relative;
    width: 86px;
    z-index: 1;
}

.workspace-transition-ring {
    border: 1px solid var(--workspace-transition-card-border);
    border-top-color: var(--workspace-transition-accent);
    border-radius: 999px;
    box-shadow:
        0 0 0 8px rgba(201, 168, 106, .045),
        0 0 28px rgba(201, 168, 106, .10);
    height: 86px;
    position: absolute;
    width: 86px;
    animation: workspaceTransitionOrbit 1.05s cubic-bezier(.45, .05, .28, .95) infinite;
}

.workspace-transition-ring::after {
    border: 1px solid rgba(111, 168, 220, .16);
    border-radius: inherit;
    content: "";
    inset: 10px;
    position: absolute;
}

.workspace-transition-icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)),
        rgba(4, 9, 16, .72);
    border: 1px solid rgba(201, 168, 106, .52);
    border-radius: 18px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 12px 24px rgba(0, 0, 0, .34);
    color: var(--workspace-transition-accent);
    display: inline-flex;
    height: 54px;
    justify-content: center;
    position: relative;
    width: 54px;
    z-index: 1;
}

.workspace-transition-svg {
    display: block;
    fill: none;
    height: 28px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 28px;
}

.workspace-transition-copy {
    display: grid;
    gap: 8px;
    position: relative;
    z-index: 1;
}

.workspace-transition-copy p {
    color: var(--workspace-transition-muted);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
    margin: 0;
}

.workspace-transition-copy strong {
    color: var(--workspace-transition-accent);
    font-size: clamp(22px, 4vw, 30px);
    font-weight: 900;
    line-height: 1.1;
}

.workspace-transition-steps {
    display: grid;
    gap: 9px;
    max-width: 280px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.workspace-transition-steps span {
    align-items: center;
    color: var(--workspace-transition-muted);
    display: grid;
    font-size: 12px;
    font-weight: 800;
    gap: 10px;
    grid-template-columns: 9px minmax(0, 1fr);
    letter-spacing: .02em;
    line-height: 1.2;
    opacity: .56;
    text-align: left;
    transition: color .24s ease, opacity .24s ease;
}

.workspace-transition-steps span::before {
    background: transparent;
    border: 1px solid rgba(201, 168, 106, .34);
    border-radius: 999px;
    content: "";
    height: 9px;
    width: 9px;
}

.workspace-transition-steps span.is-active {
    color: var(--workspace-transition-text);
    opacity: 1;
}

.workspace-transition-steps span.is-active::before {
    background: var(--workspace-transition-accent);
    border-color: var(--workspace-transition-accent);
    box-shadow: 0 0 16px rgba(201, 168, 106, .28);
}

@keyframes workspaceTransitionFadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes workspaceTransitionCardFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes workspaceTransitionOrbit {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1024px) {
    .workspace-transition {
        padding:
            max(18px, env(safe-area-inset-top))
            18px
            max(18px, env(safe-area-inset-bottom));
    }

    .workspace-transition.is-visible .workspace-transition-card {
        animation: workspaceTransitionCardFade .24s ease-out both;
    }
}

@media (max-width: 560px) {
    .workspace-transition-card {
        border-radius: 20px;
        gap: 16px;
        min-height: 326px;
        padding: 30px 22px 26px;
    }

    .workspace-transition-orbit,
    .workspace-transition-ring {
        height: 70px;
        width: 70px;
    }

    .workspace-transition-icon {
        border-radius: 16px;
        font-size: 25px;
        height: 48px;
        width: 48px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .workspace-transition,
    .workspace-transition::before,
    .workspace-transition::after,
    .workspace-transition.is-visible,
    .workspace-transition.is-visible::before,
    .workspace-transition.is-complete,
    .workspace-transition.is-visible .workspace-transition-card,
    .workspace-transition-ring,
    .workspace-transition-steps span {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

.pending-meetings-page .venue-rentals-table.pending-meetings-table {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .010)),
        rgba(15, 15, 17, .94);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .032),
        0 14px 30px rgba(0, 0, 0, .16);
}

.pending-meetings-page .pending-meetings-table .app-table,
.pending-meetings-page .pending-meetings-table .app-table thead,
.pending-meetings-page .pending-meetings-table .app-table tbody {
    background: transparent;
}

.pending-meetings-page .pending-meetings-table .app-table th {
    background: rgba(18, 18, 20, .86);
    border-bottom: 1px solid rgba(201, 168, 106, .12);
}

.pending-meetings-page .pending-meetings-table .app-table td {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.pending-meetings-page .pending-meetings-table .app-table tbody tr,
.pending-meetings-page .pending-meetings-table .app-table tbody tr:nth-child(even) {
    background: rgba(16, 16, 18, .72);
}

.pending-meetings-page .pending-meetings-table .app-table tbody tr:hover {
    background: rgba(28, 28, 30, .82);
}

.pending-meetings-page .pending-meetings-table .app-table tbody tr:last-child td {
    border-bottom-color: transparent;
}

.pending-meetings-page .venue-rentals-list.pending-meetings-card-grid {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .010)),
        rgba(15, 15, 17, .86);
    border: 1px solid rgba(201, 168, 106, .20);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .032),
        0 16px 34px rgba(0, 0, 0, .16);
    gap: 14px;
    padding: 14px;
}

.pending-meetings-page .venue-rental-list-card.pending-meeting-summary-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .010)),
        rgba(20, 20, 22, .96);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .034),
        0 12px 26px rgba(0, 0, 0, .16);
}

.pending-meetings-page .venue-rental-list-card.pending-meeting-summary-card:hover,
.pending-meetings-page .venue-rental-list-card.pending-meeting-summary-card:focus-within {
    border-color: rgba(201, 168, 106, .32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .048),
        0 16px 32px rgba(0, 0, 0, .20);
}

.pending-meetings-page .pending-meeting-summary-details div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(24, 24, 27, .76);
    border-color: rgba(201, 168, 106, .13);
}

.agenda-page .agenda-summary-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.agenda-page .agenda-summary-mobile-group {
    display: contents;
}

.agenda-page .agenda-overview,
.agenda-page .agenda-area {
    display: grid;
    gap: 14px;
}

.agenda-page .agenda-module-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .008)),
        rgba(16, 16, 18, .86);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .032),
        0 16px 34px rgba(0, 0, 0, .14);
    display: grid;
    gap: 16px;
    padding: 18px;
}

.agenda-page .agenda-finance-module {
    margin-top: 24px;
}

.agenda-page .agenda-module-card .agenda-area {
    margin-top: 0;
}

.agenda-page .agenda-module-card .agenda-list-panel {
    margin: 0;
}

.agenda-page [data-agenda-meetings-card-view],
.agenda-page [data-agenda-finance-card-view] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agenda-page .agenda-area {
    margin-top: 8px;
}

.agenda-page .agenda-finance-area {
    margin-top: 24px;
}

.agenda-page .agenda-section-heading {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.agenda-page .agenda-section-heading span {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    font-size: 11px;
    font-weight: 850;
    gap: 7px;
    letter-spacing: .045em;
    line-height: 1.2;
    text-transform: uppercase;
}

.agenda-page .agenda-section-heading h2 {
    color: var(--text);
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 880;
    line-height: 1.12;
    margin: 0;
}

.agenda-page .agenda-section-heading p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    max-width: 720px;
}

.agenda-page .agenda-summary-card {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .006)),
        rgba(15, 15, 17, .78);
    border: 1px solid rgba(201, 168, 106, .14);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .026),
        0 10px 22px rgba(0, 0, 0, .10);
    display: flex;
    gap: 10px;
    min-width: 0;
    padding: 12px 13px;
}

.agenda-page .agenda-summary-card > span {
    align-items: center;
    background: rgba(201, 168, 106, .085);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: 12px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.agenda-page .agenda-summary-card small {
    color: var(--text-muted);
    display: block;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .035em;
    line-height: 1.2;
    text-transform: uppercase;
}

.agenda-page .agenda-summary-card strong {
    color: var(--text);
    display: block;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.05;
    margin-top: 3px;
}

.agenda-page .agenda-quick-actions {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.agenda-page .agenda-meetings-quick-actions,
.agenda-page .agenda-finance-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agenda-page .agenda-quick-actions .event-quick-action {
    min-width: 0;
    width: 100%;
}

.agenda-page .agenda-filter-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(20, 20, 22, .74);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1.3fr) repeat(3, minmax(140px, .7fr));
    padding: 14px;
}

.agenda-page .agenda-filter-toggle {
    display: none;
}

.agenda-page .agenda-meetings-filter-panel {
    grid-template-columns: minmax(220px, 1fr) minmax(150px, .45fr);
}

.agenda-page [data-agenda-meetings-list-view],
.agenda-page [data-agenda-meetings-card-view],
.agenda-page [data-agenda-finance-list-view],
.agenda-page [data-agenda-finance-card-view],
.agenda-page .agenda-filter-panel + .meetings-empty-state {
    margin-top: 16px;
}

.agenda-page .agenda-filter-panel label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.agenda-page .agenda-filter-panel span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .035em;
    line-height: 1.2;
    text-transform: uppercase;
}

.agenda-page .agenda-pagination {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2px;
    text-align: center;
}

.agenda-page .agenda-pagination small {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    width: 100%;
}

.agenda-page .agenda-pagination + .meetings-empty-state {
    margin-top: 18px;
}

.agenda-page [data-agenda-list-view][hidden],
.agenda-page [data-agenda-card-view][hidden],
.agenda-page [data-agenda-item][hidden],
.agenda-page [data-agenda-pagination][hidden],
.agenda-page [data-agenda-empty-filter][hidden],
.agenda-page [data-agenda-meetings-list-view][hidden],
.agenda-page [data-agenda-meetings-card-view][hidden],
.agenda-page [data-agenda-meeting-item][hidden],
.agenda-page [data-agenda-meetings-pagination][hidden],
.agenda-page [data-agenda-meetings-empty-filter][hidden],
.agenda-page [data-agenda-finance-list-view][hidden],
.agenda-page [data-agenda-finance-card-view][hidden],
.agenda-page [data-agenda-finance-item][hidden],
.agenda-page [data-agenda-finance-pagination][hidden],
.agenda-page [data-agenda-finance-empty-filter][hidden] {
    display: none !important;
}

@media (max-width: 1024px) {
    .agenda-page .agenda-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agenda-page .agenda-filter-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agenda-page .agenda-quick-actions,
    .agenda-page .agenda-finance-quick-actions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .agenda-page .agenda-filter-panel {
        grid-template-columns: 1fr;
    }

    .agenda-page .agenda-summary-grid {
        grid-template-columns: 1fr;
    }

    .agenda-page .agenda-summary-mobile-group {
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .006)),
            rgba(15, 15, 17, .78);
        border: 1px solid rgba(201, 168, 106, .14);
        border-radius: var(--radius-lg);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .026),
            0 10px 22px rgba(0, 0, 0, .10);
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 10px;
    }

    .agenda-page .agenda-summary-mobile-group .agenda-summary-card {
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: 2px;
    }

    body.theme-light.workspace-production-events .agenda-page .agenda-summary-mobile-group {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .88), transparent 1px),
            linear-gradient(145deg, rgba(255, 253, 249, .96), rgba(247, 242, 233, .94));
        border-color: rgba(116, 93, 58, .18);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .86),
            0 10px 24px rgba(86, 68, 41, .09);
    }

    .agenda-page .agenda-filter-toggle {
        display: inline-flex;
        justify-content: center;
        margin-top: 16px;
        width: 100%;
    }

    .agenda-page .agenda-filter-toggle + .agenda-filter-panel {
        margin-top: 12px;
    }

    .agenda-page .agenda-filter-panel.is-collapsed {
        display: none;
    }

    .agenda-page .agenda-module-card {
        padding: 14px;
    }

    .agenda-page [data-agenda-meetings-card-view],
    .agenda-page [data-agenda-finance-card-view] {
        grid-template-columns: 1fr;
    }

    .agenda-page .agenda-summary-card {
        padding: 12px;
    }
}

body.theme-light.workspace-production-events .agenda-page .pending-meetings-list-panel,
body.theme-light.workspace-production-events .agenda-page .agenda-list-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .86), transparent 1px),
        radial-gradient(ellipse at 16% -18%, rgba(181, 139, 67, .080), transparent 40%),
        linear-gradient(145deg, rgba(255, 252, 246, .96), rgba(245, 240, 231, .94) 56%, rgba(237, 230, 217, .92));
    border-color: rgba(116, 93, 58, .22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .84),
        0 14px 34px rgba(86, 68, 41, .11);
    color: var(--text);
}

body.theme-light.workspace-production-events .agenda-page .venue-rentals-table.pending-meetings-table,
body.theme-light.workspace-production-events .agenda-page .pending-meetings-table {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .86), transparent 1px),
        linear-gradient(145deg, rgba(255, 252, 246, .98), rgba(247, 242, 233, .96) 56%, rgba(240, 234, 223, .94));
    border-color: rgba(116, 93, 58, .24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .86),
        0 12px 28px rgba(86, 68, 41, .10);
}

body.theme-light.workspace-production-events .agenda-page .pending-meetings-table .app-table,
body.theme-light.workspace-production-events .agenda-page .pending-meetings-table .app-table thead,
body.theme-light.workspace-production-events .agenda-page .pending-meetings-table .app-table tbody {
    background: transparent;
    color: var(--text);
}

body.theme-light.workspace-production-events .agenda-page .pending-meetings-table .app-table th {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .80), rgba(255, 255, 255, .44)),
        rgba(250, 247, 241, .78);
    border-bottom-color: rgba(116, 93, 58, .16);
    color: var(--text-muted);
}

body.theme-light.workspace-production-events .agenda-page .pending-meetings-table .app-table td {
    background: transparent;
    border-bottom-color: rgba(116, 93, 58, .12);
    color: var(--text);
}

body.theme-light.workspace-production-events .agenda-page .pending-meetings-table .app-table tbody tr,
body.theme-light.workspace-production-events .agenda-page .pending-meetings-table .app-table tbody tr:nth-child(even) {
    background: rgba(255, 252, 246, .58);
}

body.theme-light.workspace-production-events .agenda-page .pending-meetings-table .app-table tbody tr:hover {
    background: rgba(181, 139, 67, .085);
}

body.theme-light.workspace-production-events .agenda-page .venue-rentals-list.pending-meetings-card-grid {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .84), transparent 1px),
        linear-gradient(145deg, rgba(255, 252, 246, .94), rgba(245, 240, 231, .92) 56%, rgba(237, 230, 217, .90));
    border-color: rgba(116, 93, 58, .20);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .82),
        0 14px 32px rgba(86, 68, 41, .10);
}

body.theme-light.workspace-production-events .agenda-page .venue-rental-list-card.pending-meeting-summary-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .88), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(181, 139, 67, .085), transparent 42%),
        linear-gradient(145deg, rgba(255, 253, 249, .98), rgba(248, 243, 235, .96) 54%, rgba(241, 235, 224, .94));
    border-color: rgba(116, 93, 58, .22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .86),
        0 12px 26px rgba(86, 68, 41, .10);
    color: var(--text);
}

body.theme-light.workspace-production-events .agenda-page .venue-rental-list-card.pending-meeting-summary-card:hover,
body.theme-light.workspace-production-events .agenda-page .venue-rental-list-card.pending-meeting-summary-card:focus-within {
    border-color: rgba(181, 139, 67, .34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .92),
        0 16px 34px rgba(86, 68, 41, .14);
}

body.theme-light.workspace-production-events .agenda-page .pending-meeting-summary-details div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .48)),
        rgba(250, 247, 241, .84);
    border-color: rgba(116, 93, 58, .16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    color: var(--text);
}

body.theme-light.workspace-production-events .agenda-page .agenda-module-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .90), transparent 1px),
        radial-gradient(ellipse at 14% -20%, rgba(181, 139, 67, .10), transparent 42%),
        linear-gradient(145deg, rgba(255, 252, 246, .98), rgba(246, 241, 232, .96) 56%, rgba(238, 231, 218, .94));
    border-color: rgba(116, 93, 58, .24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        inset 0 -1px 0 rgba(181, 139, 67, .045),
        0 18px 42px rgba(86, 68, 41, .13);
    color: var(--text);
}

body.theme-light.workspace-production-events .agenda-page .agenda-summary-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .88), transparent 1px),
        linear-gradient(145deg, rgba(255, 253, 249, .96), rgba(247, 242, 233, .94));
    border-color: rgba(116, 93, 58, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .86),
        0 10px 24px rgba(86, 68, 41, .09);
    color: var(--text);
}

body.theme-light.workspace-production-events .agenda-page .agenda-summary-card > span {
    background:
        linear-gradient(145deg, rgba(181, 139, 67, .13), rgba(181, 139, 67, .045)),
        rgba(255, 255, 255, .66);
    border-color: rgba(181, 139, 67, .24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    color: var(--primary);
}

body.theme-light.workspace-production-events .agenda-page .agenda-filter-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .84), transparent 1px),
        linear-gradient(145deg, rgba(255, 252, 246, .92), rgba(246, 241, 232, .90));
    border-color: rgba(116, 93, 58, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .80),
        0 10px 24px rgba(86, 68, 41, .08);
}

body.theme-light.workspace-production-events .agenda-page .agenda-filter-panel .form-control {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .54)),
        rgba(250, 247, 241, .92);
    border-color: rgba(116, 93, 58, .18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
    color: var(--text);
}

body.theme-light.workspace-production-events .agenda-page .agenda-filter-panel .form-control:focus {
    border-color: rgba(181, 139, 67, .52);
    box-shadow:
        0 0 0 3px rgba(181, 139, 67, .16),
        inset 0 1px 0 rgba(255, 255, 255, .82);
}

body.theme-light.workspace-production-events .agenda-page .agenda-quick-actions .event-quick-action {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .84), transparent 1px),
        linear-gradient(145deg, rgba(255, 253, 249, .92), rgba(246, 241, 232, .90));
    border-color: rgba(116, 93, 58, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .78),
        0 10px 22px rgba(86, 68, 41, .08);
    color: var(--text);
}

body.theme-light.workspace-production-events .agenda-page .agenda-quick-actions .event-quick-action:hover,
body.theme-light.workspace-production-events .agenda-page .agenda-quick-actions .event-quick-action:focus-visible {
    border-color: rgba(181, 139, 67, .32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .86),
        0 14px 28px rgba(86, 68, 41, .12);
}

body.theme-light.workspace-production-events .agenda-page .agenda-quick-actions .event-quick-action.is-active {
    background:
        linear-gradient(145deg, rgba(181, 139, 67, .16), rgba(181, 139, 67, .055)),
        rgba(255, 255, 255, .62);
    border-color: rgba(181, 139, 67, .34);
    color: var(--primary);
}

body.theme-light.workspace-production-events .agenda-page .view-mode-selector,
body.theme-light.workspace-production-events .agenda-page .venue-bitacora-pagination,
body.theme-light.workspace-production-events .agenda-page .meetings-empty-state {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .48)),
        rgba(250, 247, 241, .86);
    border-color: rgba(116, 93, 58, .16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    color: var(--text);
}

@media (max-width: 1199px) {
    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] {
        overflow: hidden;
        width: 100%;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table,
    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table tbody,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table tbody {
        display: block;
        min-width: 0;
        width: 100%;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table thead,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table thead,
    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td[data-label="Estado"],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Cliente"],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Prioridad"] {
        display: none;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table tbody tr,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table tbody tr,
    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table tbody tr:nth-child(even),
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table tbody tr:nth-child(even) {
        align-items: center;
        background: transparent;
        border: 0;
        border-bottom: 1px solid rgba(201, 168, 106, .12);
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        display: grid;
        gap: 10px;
        max-width: 100%;
        min-width: 0;
        padding: 12px 14px;
        width: 100%;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table tbody tr {
        grid-template-columns: minmax(92px, .55fr) minmax(0, 1fr) minmax(0, .95fr) minmax(78px, auto);
    }

    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table tbody tr {
        grid-template-columns: minmax(92px, .55fr) minmax(0, 1fr) minmax(100px, .7fr) minmax(78px, auto);
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table tbody tr:last-child,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table tbody tr:last-child {
        border-bottom: 0;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td {
        align-items: center;
        background: transparent;
        border: 0;
        display: flex;
        gap: 6px;
        justify-content: flex-start;
        min-width: 0;
        padding: 0;
        text-align: left;
        width: auto;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td::before,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td::before {
        content: none;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td[data-label="Fecha"],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Fecha límite"] {
        order: 1;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td[data-label="Evento asociado"],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Evento asociado"] {
        order: 2;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td[data-label="Nombre reunión"],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Monto pendiente"] {
        order: 3;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td[data-label="Acceso"],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Acceso"] {
        justify-content: flex-end;
        order: 4;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td > *,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td > * {
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        overflow-wrap: anywhere;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .venue-visits-table-action,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .venue-visits-table-action {
        align-items: center;
        display: inline-flex;
        font-size: 0;
        gap: 6px;
        justify-content: center;
        min-height: 34px;
        padding: 8px 10px;
        white-space: nowrap;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .venue-visits-table-action span,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .venue-visits-table-action span {
        font-size: 13px;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .venue-visits-table-action::after,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .venue-visits-table-action::after {
        content: "Ver";
        font-size: 13px;
    }

    body.theme-light.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table tbody tr,
    body.theme-light.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table tbody tr,
    body.theme-light.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table tbody tr:nth-child(even),
    body.theme-light.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table tbody tr:nth-child(even) {
        border-bottom-color: rgba(116, 93, 58, .14);
    }
}

@media (max-width: 640px) {
    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td[data-label="Evento asociado"],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Evento asociado"] {
        display: none;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table tbody tr,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table tbody tr,
    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table tbody tr:nth-child(even),
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table tbody tr:nth-child(even) {
        gap: 8px;
        grid-template-columns: minmax(78px, .62fr) minmax(0, 1fr) minmax(64px, auto);
        padding: 12px 14px;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td[data-label="Nombre reunión"],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Monto pendiente"] {
        order: 2;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td[data-label="Acceso"],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Acceso"] {
        justify-content: flex-end;
        order: 3;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td[data-label="Fecha"],
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Fecha límite"] {
        font-size: 12px;
    }

    body.workspace-production-events .agenda-page [data-agenda-meetings-list-view] .app-table td[data-label="Nombre reunión"] > *,
    body.workspace-production-events .agenda-page [data-agenda-finance-list-view] .app-table td[data-label="Monto pendiente"] > * {
        font-size: 13px;
        font-weight: 850;
    }

    body.workspace-production-events .agenda-page .agenda-pagination + .meetings-empty-state {
        margin-top: 22px;
    }

}

.meetings-page .meetings-summary-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.meetings-page .meetings-summary-card {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .010)),
        rgba(15, 15, 17, .92);
    border: 1px solid rgba(201, 168, 106, .20);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 14px 30px rgba(0, 0, 0, .15);
    display: flex;
    gap: 12px;
    min-width: 0;
    padding: 14px 15px;
}

.meetings-page .meetings-summary-card > span {
    align-items: center;
    background: rgba(201, 168, 106, .12);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 14px;
    color: var(--primary);
    display: inline-flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.meetings-page .meetings-summary-card small {
    color: var(--text-muted);
    display: block;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .035em;
    line-height: 1.2;
    text-transform: uppercase;
}

.meetings-page .meetings-summary-card strong {
    color: var(--text);
    display: block;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.05;
    margin-top: 4px;
}

.meetings-page .meetings-list-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(15, 15, 17, .88);
    border: 1px solid rgba(201, 168, 106, .20);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .032),
        0 16px 34px rgba(0, 0, 0, .16);
}

.meetings-page .meetings-filter-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(20, 20, 22, .74);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(190px, 1.25fr) minmax(150px, .75fr) minmax(180px, 1fr) minmax(150px, .75fr);
    margin-top: 16px;
    padding: 14px;
}

.meetings-page .meetings-filter-panel label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.meetings-page .meetings-filter-panel span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.meetings-page .venue-rentals-table.meetings-table {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .010)),
        rgba(15, 15, 17, .94);
    border: 1px solid rgba(201, 168, 106, .24);
    border-radius: 12px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .032),
        0 14px 30px rgba(0, 0, 0, .16);
    margin-top: 16px;
}

.meetings-page .meetings-table .app-table,
.meetings-page .meetings-table .app-table thead,
.meetings-page .meetings-table .app-table tbody {
    background: transparent;
}

.meetings-page .meetings-table .app-table th {
    background: rgba(18, 18, 20, .86);
    border-bottom: 1px solid rgba(201, 168, 106, .12);
}

.meetings-page .meetings-table .app-table td {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.meetings-page .meetings-table .app-table tbody tr,
.meetings-page .meetings-table .app-table tbody tr:nth-child(even) {
    background: rgba(16, 16, 18, .72);
}

.meetings-page .meetings-table .app-table tbody tr:hover {
    background: rgba(28, 28, 30, .82);
}

.meetings-page .meetings-table .app-table tbody tr:last-child td {
    border-bottom-color: transparent;
}

.meetings-page .venue-rentals-list.meetings-card-grid {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .010)),
        rgba(15, 15, 17, .86);
    border: 1px solid rgba(201, 168, 106, .20);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .032),
        0 16px 34px rgba(0, 0, 0, .16);
    gap: 14px;
    margin-top: 16px;
    padding: 14px;
}

.meetings-page .venue-rental-list-card.meeting-summary-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .010)),
        rgba(20, 20, 22, .96);
    border: 1px solid rgba(201, 168, 106, .18);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .034),
        0 12px 26px rgba(0, 0, 0, .16);
}

.meetings-page .venue-rental-list-card.meeting-summary-card:hover,
.meetings-page .venue-rental-list-card.meeting-summary-card:focus-within {
    border-color: rgba(201, 168, 106, .32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .048),
        0 16px 32px rgba(0, 0, 0, .20);
}

.meetings-page .meeting-summary-details div {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(24, 24, 27, .76);
    border-color: rgba(201, 168, 106, .13);
}

.meetings-page [data-meetings-list-view][hidden],
.meetings-page [data-meetings-card-view][hidden],
.meetings-page [data-meeting-item][hidden],
.meetings-page [data-meetings-empty-filter][hidden] {
    display: none !important;
}

.meetings-page [data-meetings-empty-filter] {
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .meetings-page .meetings-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .meetings-page .meetings-filter-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .meetings-page .meetings-summary-grid,
    .meetings-page .meetings-filter-panel {
        grid-template-columns: 1fr;
    }

    .meetings-page .meetings-summary-card {
        padding: 12px;
    }
}

.pending-meetings-page [data-pending-meetings-future-panel] .pending-meeting-quick-card dl,
.pending-meetings-page [data-pending-meetings-next-panel] .pending-meeting-quick-card dl {
    align-items: stretch;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.pending-meetings-page [data-pending-meetings-future-panel] .pending-meeting-quick-card dl div,
.pending-meetings-page [data-pending-meetings-next-panel] .pending-meeting-quick-card dl div {
    min-width: 0;
    padding: 9px 10px;
}

.pending-meetings-page [data-pending-meetings-future-panel] .pending-meeting-quick-card dl div:nth-child(1),
.pending-meetings-page [data-pending-meetings-next-panel] .pending-meeting-quick-card dl div:nth-child(1) {
    display: none;
}

.pending-meetings-page [data-pending-meetings-future-panel] .pending-meeting-quick-card dl div:nth-child(4),
.pending-meetings-page [data-pending-meetings-next-panel] .pending-meeting-quick-card dl div:nth-child(4) {
    order: 1;
}

.pending-meetings-page [data-pending-meetings-future-panel] .pending-meeting-quick-card dl div:nth-child(2),
.pending-meetings-page [data-pending-meetings-next-panel] .pending-meeting-quick-card dl div:nth-child(2) {
    order: 2;
}

.pending-meetings-page [data-pending-meetings-future-panel] .pending-meeting-quick-card dl div:nth-child(3),
.pending-meetings-page [data-pending-meetings-next-panel] .pending-meeting-quick-card dl div:nth-child(3) {
    order: 3;
}

.pending-meetings-page [data-pending-meetings-future-panel] .pending-meeting-quick-card dl div:nth-child(5),
.pending-meetings-page [data-pending-meetings-next-panel] .pending-meeting-quick-card dl div:nth-child(5) {
    order: 4;
}

.pending-meetings-page [data-pending-meetings-future-panel] .pending-meeting-quick-card dl div:nth-child(6),
.pending-meetings-page [data-pending-meetings-next-panel] .pending-meeting-quick-card dl div:nth-child(6) {
    order: 5;
}

.pending-meetings-page [data-pending-meetings-future-panel] .pending-meeting-quick-card footer,
.pending-meetings-page [data-pending-meetings-next-panel] .pending-meeting-quick-card footer {
    margin-top: 2px;
}

body.workspace-production-events .page > .page-header .production-page-navigation,
body.workspace-produccion .page > .page-header .production-page-navigation {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-top: 12px;
}

body.workspace-production-events .epp-operational-card,
body.workspace-produccion .epp-operational-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .010)),
        rgba(20, 20, 22, .96);
    border-color: rgba(201, 168, 106, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .034),
        0 12px 26px rgba(0, 0, 0, .16);
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.workspace-production-events .epp-operational-card:hover,
body.workspace-production-events .epp-operational-card:focus-within,
body.workspace-produccion .epp-operational-card:hover,
body.workspace-produccion .epp-operational-card:focus-within {
    border-color: rgba(201, 168, 106, .32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .048),
        0 16px 32px rgba(0, 0, 0, .20);
    transform: none;
}

body.workspace-production-events .epp-module-panel,
body.workspace-produccion .epp-module-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .008)),
        rgba(16, 16, 18, .86);
    border-color: rgba(201, 168, 106, .18);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .032),
        0 16px 34px rgba(0, 0, 0, .14);
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.workspace-production-events .providers-page .providers-panel,
body.workspace-produccion .providers-page .providers-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .008)),
        rgba(16, 16, 18, .86);
    border-color: rgba(201, 168, 106, .18);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .032),
        0 16px 34px rgba(0, 0, 0, .14);
}

body.workspace-production-events .providers-page .providers-panel-header,
body.workspace-produccion .providers-page .providers-panel-header {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(20, 20, 22, .74);
    border: 1px solid rgba(201, 168, 106, .16);
    border-radius: var(--radius-lg);
    padding: 14px;
}

body.workspace-production-events .providers-page .providers-module-heading {
    display: grid;
    gap: 5px;
    min-width: 0;
}

body.workspace-production-events .providers-page .providers-module-heading span {
    align-items: center;
    color: var(--primary);
    display: inline-flex;
    font-size: 11px;
    font-weight: 850;
    gap: 7px;
    letter-spacing: .045em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.workspace-production-events .providers-page .providers-module-heading h2 {
    color: var(--text);
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 880;
    line-height: 1.12;
    margin: 0;
}

body.workspace-production-events .providers-page .providers-module-heading p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    max-width: 720px;
}

body.workspace-production-events .providers-page .providers-module-heading .provider-list-icon-svg {
    height: 15px;
    width: 15px;
}

body.workspace-production-events .providers-page .providers-search-button,
body.workspace-produccion .providers-page .providers-search-button {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(20, 20, 22, .86);
    border-color: rgba(201, 168, 106, .16);
}

body.workspace-production-events .providers-page .providers-search-button:hover,
body.workspace-production-events .providers-page .providers-search-button:focus-visible,
body.workspace-produccion .providers-page .providers-search-button:hover,
body.workspace-produccion .providers-page .providers-search-button:focus-visible {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .040), rgba(255, 255, 255, .010)),
        rgba(24, 24, 26, .92);
    border-color: rgba(201, 168, 106, .32);
}

@media (min-width: 641px) and (max-width: 1024px) {
    body.workspace-production-events .event-record-page .event-meetings-inline-panel {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    body.workspace-production-events .event-record-page .event-meetings-inline-panel span,
    body.workspace-production-events .event-record-page .event-meetings-inline-panel strong,
    body.workspace-production-events .event-record-page .event-meetings-inline-panel p {
        display: block;
    }

    body.workspace-production-events .event-record-page .event-meetings-inline-actions {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

body.workspace-production-events .event-record-page .event-meetings-inline-actions .ui-button {
    width: auto;
}
}

body.workspace-production-events .event-record-page .event-meetings-module-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .044), transparent 1px),
        radial-gradient(ellipse at 16% -18%, rgba(201, 168, 106, .070), transparent 40%),
        linear-gradient(145deg, rgba(24, 24, 27, .96), rgba(15, 15, 18, .98) 56%, rgba(10, 10, 12, .96));
    border: 1px solid rgba(201, 168, 106, .22);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        inset 0 -1px 0 rgba(201, 168, 106, .035),
        0 16px 34px rgba(0, 0, 0, .16),
        0 30px 66px rgba(0, 0, 0, .12);
    display: grid;
    gap: 16px;
    padding: 18px;
}

body.workspace-production-events .event-record-page .event-meetings-module-panel[hidden] {
    display: none !important;
}

body.workspace-production-events .event-record-page .event-meetings-module-panel > .finance-section {
    margin-top: 0;
}

body.theme-light.workspace-production-events .event-record-page .event-meetings-module-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .90), transparent 1px),
        radial-gradient(ellipse at 16% -18%, rgba(181, 139, 67, .10), transparent 42%),
        linear-gradient(145deg, rgba(255, 252, 246, .98), rgba(246, 241, 232, .96) 56%, rgba(238, 231, 218, .94));
    border-color: rgba(116, 93, 58, .24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        inset 0 -1px 0 rgba(181, 139, 67, .045),
        0 18px 42px rgba(86, 68, 41, .13);
}

@media (min-width: 641px) and (max-width: 1024px) {
    body.workspace-production-events .providers-page .providers-panel-header,
    body.workspace-produccion .providers-page .providers-panel-header {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    body.workspace-production-events .providers-page .providers-search,
    body.workspace-produccion .providers-page .providers-search {
        max-width: none;
        width: 100%;
    }

    body.workspace-production-events .providers-page .providers-panel-actions,
    body.workspace-produccion .providers-page .providers-panel-actions {
        align-items: stretch;
        flex-direction: row;
        justify-content: stretch;
        width: 100%;
    }

    body.workspace-production-events .providers-page .providers-view-modes,
    body.workspace-produccion .providers-page .providers-view-modes {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        justify-content: stretch;
        width: 100%;
    }

    body.workspace-production-events .providers-page .providers-panel-header .ui-button,
    body.workspace-produccion .providers-page .providers-panel-header .ui-button {
        min-width: 0;
        width: 100%;
    }
}

body.workspace-production-events .settings-page .settings-grid.epp-module-panel,
body.workspace-production-events .settings-detail-section.epp-module-panel {
    border: 1px solid rgba(201, 168, 106, .18);
    padding: 18px;
}

body.workspace-production-events .settings-detail-section.epp-module-panel {
    display: grid;
    gap: 16px;
}

body.workspace-production-events .bitacora-page > .event-timeline {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.workspace-production-events .bitacora-page > .event-timeline::before {
    left: 30px;
}

body.workspace-production-events .bitacora-page > .event-timeline .event-timeline-card,
body.workspace-production-events .bitacora-page > .event-timeline .event-timeline-empty {
    align-items: start;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .042), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(201, 168, 106, .055), transparent 38%),
        linear-gradient(145deg, rgba(28, 28, 31, .96), rgba(17, 17, 20, .98) 54%, rgba(12, 12, 14, .96));
    border-color: rgba(201, 168, 106, .22);
    border-left-color: rgba(201, 168, 106, .055);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        inset 0 -1px 0 rgba(201, 168, 106, .032),
        0 12px 26px rgba(0, 0, 0, .15),
        0 22px 50px rgba(0, 0, 0, .11);
    gap: 14px;
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.workspace-production-events .bitacora-page > .event-timeline .event-timeline-card:hover,
body.workspace-production-events .bitacora-page > .event-timeline .event-timeline-card:focus-within {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .046), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(201, 168, 106, .065), transparent 38%),
        linear-gradient(145deg, rgba(30, 30, 33, .97), rgba(18, 18, 21, .99) 54%, rgba(13, 13, 15, .97));
    border-color: rgba(201, 168, 106, .28);
    border-left-color: rgba(201, 168, 106, .065);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .064),
        inset 0 -1px 0 rgba(201, 168, 106, .040),
        0 14px 30px rgba(0, 0, 0, .17),
        0 26px 56px rgba(0, 0, 0, .13);
}

body.workspace-production-events .bitacora-page > .event-timeline .event-timeline-icon,
body.workspace-production-events .bitacora-page > .event-timeline .event-timeline-empty-icon {
    justify-self: center;
}

body.workspace-production-events .bitacora-page [data-bitacora-timeline-item][hidden],
body.workspace-production-events .bitacora-page [data-bitacora-timeline-pagination][hidden] {
    display: none !important;
}

body.workspace-production-events .bitacora-page .bitacora-timeline-pagination {
    margin-top: 18px;
}

body.workspace-production-events .dashboard-page .dashboard-action-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .044), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(201, 168, 106, .070), transparent 40%),
        linear-gradient(145deg, rgba(27, 27, 30, .96), rgba(16, 16, 19, .98) 54%, rgba(11, 11, 13, .96));
    border-color: rgba(201, 168, 106, .22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        inset 0 -1px 0 rgba(201, 168, 106, .035),
        0 14px 28px rgba(0, 0, 0, .16),
        0 28px 62px rgba(0, 0, 0, .13);
}

body.workspace-production-events .dashboard-page .dashboard-action-card:hover,
body.workspace-production-events .dashboard-page .dashboard-action-card:focus-visible {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .050), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(201, 168, 106, .082), transparent 40%),
        linear-gradient(145deg, rgba(29, 29, 32, .97), rgba(17, 17, 20, .99) 54%, rgba(12, 12, 14, .97));
    border-color: rgba(201, 168, 106, .30);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .064),
        inset 0 -1px 0 rgba(201, 168, 106, .044),
        0 16px 32px rgba(0, 0, 0, .18),
        0 32px 70px rgba(0, 0, 0, .15);
    transform: translateY(-1px);
}

body.workspace-production-events .dashboard-page .dashboard-summary-card:hover,
body.workspace-production-events .dashboard-page .dashboard-summary-card:focus-visible {
    transform: none;
}

body.workspace-production-events .dashboard-page .dashboard-action-icon {
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .16), rgba(201, 168, 106, .050)),
        rgba(255, 255, 255, .018);
    border-color: rgba(201, 168, 106, .30);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .060),
        0 10px 22px rgba(0, 0, 0, .12);
}

body.workspace-production-events .dashboard-page .dashboard-action-divider {
    background:
        linear-gradient(90deg, rgba(201, 168, 106, .46), rgba(201, 168, 106, .13), transparent);
    height: 1px;
}

body.workspace-production-events .sidebar {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .030), transparent 1px),
        radial-gradient(ellipse at 50% -10%, rgba(201, 168, 106, .060), transparent 34%),
        linear-gradient(180deg, rgba(18, 18, 21, .98), rgba(10, 10, 12, .98));
    border-right: 1px solid rgba(201, 168, 106, .13);
    box-shadow:
        inset -1px 0 0 rgba(255, 255, 255, .018),
        16px 0 34px rgba(0, 0, 0, .16);
}

body.workspace-production-events .sidebar-section,
body.workspace-production-events .sidebar-footer {
    border-top-color: rgba(201, 168, 106, .10);
}

body.workspace-production-events .sidebar-nav a,
body.workspace-production-events .sidebar-footer a,
body.workspace-production-events .sidebar-switch-control,
body.workspace-production-events .sidebar-workspace-option {
    transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

body.workspace-production-events .sidebar-nav a:hover,
body.workspace-production-events .sidebar-nav a:focus-visible,
body.workspace-production-events .sidebar-footer a:hover,
body.workspace-production-events .sidebar-footer a:focus-visible,
body.workspace-production-events .sidebar-switch-control:hover,
body.workspace-production-events .sidebar-switch-control:focus-visible,
body.workspace-production-events .sidebar-workspace-option:hover,
body.workspace-production-events .sidebar-workspace-option:focus-visible {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .044), rgba(255, 255, 255, .010)),
        rgba(201, 168, 106, .035);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .030);
    color: var(--text);
}

body.workspace-production-events .sidebar-nav a.active,
body.workspace-production-events .sidebar-nav a.active:hover,
body.workspace-production-events .sidebar-nav a.active:focus-visible,
body.workspace-production-events .sidebar.sidebar-expanded .sidebar-nav a.active,
body.workspace-production-events .sidebar.sidebar-expanded .sidebar-nav a.active:hover,
body.workspace-production-events .sidebar.sidebar-expanded .sidebar-nav a.active:focus-visible,
body.workspace-production-events.sidebar-rail-compact .sidebar-nav a.active,
body.workspace-production-events.sidebar-rail-compact .sidebar-nav a.active:hover,
body.workspace-production-events.sidebar-rail-compact .sidebar-nav a.active:focus-visible,
body.workspace-production-events .sidebar-workspace-option.is-active,
body.workspace-production-events .sidebar-workspace-option.is-active:hover,
body.workspace-production-events .sidebar-workspace-option.is-active:focus-visible {
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .130), rgba(201, 168, 106, .036)),
        rgba(255, 255, 255, .018);
    border-color: rgba(201, 168, 106, .22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .040),
        0 10px 22px rgba(0, 0, 0, .10);
    color: var(--primary);
}

body.workspace-production-events .sidebar-nav a.active::before,
body.workspace-production-events .sidebar-workspace-option.is-active::before {
    box-shadow: 0 0 12px rgba(201, 168, 106, .18);
}

@media (max-width: 640px) {
    body.workspace-production-events .bitacora-page > .event-timeline::before {
        left: 28px;
    }

    body.workspace-production-events .bitacora-page > .event-timeline .event-timeline-card,
    body.workspace-production-events .bitacora-page > .event-timeline .event-timeline-empty {
        gap: 12px;
    }
}

body.workspace-production-events .settings-page .settings-card,
body.workspace-production-events .settings-page .settings-info-field,
body.workspace-production-events .permissions-page .permission-module-card,
body.workspace-production-events .preferences-page .preference-module-card,
body.workspace-production-events .accesses-page .access-level-card,
body.workspace-production-events .accesses-page .access-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .008)),
        rgba(18, 18, 20, .86);
    border-color: rgba(201, 168, 106, .17);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .036),
        0 10px 24px rgba(0, 0, 0, .13);
}

body.workspace-production-events .providers-page .provider-card,
body.workspace-produccion .providers-page .provider-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .010)),
        rgba(20, 20, 22, .96);
    border-color: rgba(201, 168, 106, .18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .034),
        0 12px 26px rgba(0, 0, 0, .16);
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.workspace-production-events .providers-page .provider-card:hover,
body.workspace-production-events .providers-page .provider-card:focus-within,
body.workspace-produccion .providers-page .provider-card:hover,
body.workspace-produccion .providers-page .provider-card:focus-within {
    border-color: rgba(201, 168, 106, .32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .048),
        0 16px 32px rgba(0, 0, 0, .20);
    transform: none;
}

body.workspace-production-events .providers-page .provider-card-field,
body.workspace-produccion .providers-page .provider-card-field {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(24, 24, 27, .76);
    border-color: rgba(201, 168, 106, .13);
}

body.workspace-production-events .provider-record-page .provider-hero-card,
body.workspace-produccion .provider-record-page .provider-hero-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .008)),
        rgba(16, 16, 18, .86);
    border-color: rgba(201, 168, 106, .18);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .032),
        0 16px 34px rgba(0, 0, 0, .14);
}

body.workspace-production-events .provider-record-page .provider-profile-card,
body.workspace-produccion .provider-record-page .provider-profile-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .010)),
        rgba(20, 20, 22, .96);
    border-color: rgba(201, 168, 106, .18);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .034),
        0 12px 26px rgba(0, 0, 0, .16);
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.workspace-production-events .provider-record-page .provider-profile-card:hover,
body.workspace-production-events .provider-record-page .provider-profile-card:focus-within,
body.workspace-produccion .provider-record-page .provider-profile-card:hover,
body.workspace-produccion .provider-record-page .provider-profile-card:focus-within {
    border-color: rgba(201, 168, 106, .32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .048),
        0 16px 32px rgba(0, 0, 0, .20);
    transform: none;
}

body.workspace-production-events .provider-record-page .provider-data-row,
body.workspace-produccion .provider-record-page .provider-data-row {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(24, 24, 27, .76);
    border: 1px solid rgba(201, 168, 106, .13);
    border-radius: 12px;
    padding: 10px;
}

body.workspace-production-events .provider-record-page .provider-data-row + .provider-data-row,
body.workspace-produccion .provider-record-page .provider-data-row + .provider-data-row {
    border-top: 1px solid rgba(201, 168, 106, .13);
    padding-top: 10px;
}

body.workspace-production-events .provider-record-page .provider-service-tags span,
body.workspace-produccion .provider-record-page .provider-service-tags span {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .030), rgba(255, 255, 255, .008)),
        rgba(24, 24, 27, .76);
    border-color: rgba(201, 168, 106, .18);
}

body.workspace-production-events .provider-record-page .event-danger-zone,
body.workspace-produccion .provider-record-page .event-danger-zone {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .008)),
        rgba(16, 16, 18, .86);
    border-color: rgba(201, 168, 106, .18);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .032),
        0 16px 34px rgba(0, 0, 0, .14);
}

body.workspace-production-events .epp-form-surface {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .044), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(201, 168, 106, .090), transparent 42%),
        radial-gradient(ellipse at 108% 2%, rgba(255, 255, 255, .040), transparent 34%),
        linear-gradient(145deg, rgba(29, 29, 32, .96), rgba(17, 17, 20, .98) 52%, rgba(12, 12, 14, .96));
    border-color: rgba(201, 168, 106, .22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .060),
        inset 0 -1px 0 rgba(201, 168, 106, .040),
        0 14px 28px rgba(0, 0, 0, .16),
        0 28px 64px rgba(0, 0, 0, .14);
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.workspace-production-events .epp-form-surface:hover,
body.workspace-production-events .epp-form-surface:focus-within {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .050), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(201, 168, 106, .102), transparent 42%),
        radial-gradient(ellipse at 108% 2%, rgba(255, 255, 255, .046), transparent 34%),
        linear-gradient(145deg, rgba(31, 31, 34, .97), rgba(18, 18, 21, .99) 52%, rgba(13, 13, 15, .97));
    border-color: rgba(201, 168, 106, .30);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .070),
        inset 0 -1px 0 rgba(201, 168, 106, .050),
        0 16px 32px rgba(0, 0, 0, .18),
        0 32px 72px rgba(0, 0, 0, .16);
}

body.workspace-production-events .epp-form-surface .form-control,
body.workspace-production-events .epp-form-surface .epp-date-time-display {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .008)),
        rgba(13, 13, 15, .82);
    border-color: rgba(201, 168, 106, .16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .034);
}

body.workspace-production-events .epp-form-surface .form-control:focus,
body.workspace-production-events .epp-form-surface .epp-date-time-field:focus-within .epp-date-time-display {
    border-color: rgba(201, 168, 106, .52);
    box-shadow:
        0 0 0 3px rgba(201, 168, 106, .12),
        inset 0 1px 0 rgba(255, 255, 255, .050);
}

body.workspace-production-events .epp-premium-surface {
    --epp-premium-surface-bg:
        linear-gradient(180deg, rgba(255, 255, 255, .050), transparent 1px),
        radial-gradient(ellipse at 18% -18%, rgba(201, 168, 106, .100), transparent 42%),
        radial-gradient(ellipse at 105% 4%, rgba(255, 255, 255, .050), transparent 34%),
        radial-gradient(ellipse at 50% 118%, rgba(0, 0, 0, .34), transparent 48%),
        linear-gradient(145deg, rgba(32, 32, 35, .96), rgba(18, 18, 21, .98) 48%, rgba(12, 12, 14, .96)),
        linear-gradient(180deg, rgba(255, 255, 255, .028), rgba(201, 168, 106, .014));
    --epp-premium-surface-bg-hover:
        linear-gradient(180deg, rgba(255, 255, 255, .058), transparent 1px),
        radial-gradient(ellipse at 18% -18%, rgba(201, 168, 106, .110), transparent 42%),
        radial-gradient(ellipse at 105% 4%, rgba(255, 255, 255, .056), transparent 34%),
        radial-gradient(ellipse at 50% 118%, rgba(0, 0, 0, .32), transparent 48%),
        linear-gradient(145deg, rgba(34, 34, 37, .97), rgba(19, 19, 22, .99) 48%, rgba(13, 13, 15, .97)),
        linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(201, 168, 106, .016));
    --epp-premium-surface-border: rgba(201, 168, 106, .24);
    --epp-premium-surface-border-hover: rgba(201, 168, 106, .30);
    --epp-premium-surface-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .070),
        inset 0 0 0 1px rgba(255, 255, 255, .012),
        inset 0 -22px 42px rgba(0, 0, 0, .115),
        inset 0 -1px 0 rgba(201, 168, 106, .045),
        0 1px 0 rgba(255, 255, 255, .018),
        0 16px 26px rgba(0, 0, 0, .18),
        0 32px 72px rgba(0, 0, 0, .20);
    --epp-premium-surface-shadow-hover:
        inset 0 1px 0 rgba(255, 255, 255, .078),
        inset 0 0 0 1px rgba(255, 255, 255, .014),
        inset 0 -22px 42px rgba(0, 0, 0, .105),
        inset 0 -1px 0 rgba(201, 168, 106, .050),
        0 1px 0 rgba(255, 255, 255, .020),
        0 18px 30px rgba(0, 0, 0, .20),
        0 36px 78px rgba(0, 0, 0, .22);
    background:
        var(--epp-premium-surface-bg);
    border-color: var(--epp-premium-surface-border);
    box-shadow: var(--epp-premium-surface-shadow);
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.workspace-production-events .epp-premium-surface:hover,
body.workspace-production-events .epp-premium-surface:focus-within {
    background: var(--epp-premium-surface-bg-hover);
    border-color: var(--epp-premium-surface-border-hover);
    box-shadow: var(--epp-premium-surface-shadow-hover);
}

body.workspace-production-events .provider-record-page .epp-premium-surface {
    background: var(--epp-premium-surface-bg);
    border-color: var(--epp-premium-surface-border);
    box-shadow: var(--epp-premium-surface-shadow);
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.workspace-production-events .provider-record-page .epp-premium-surface:hover,
body.workspace-production-events .provider-record-page .epp-premium-surface:focus-within {
    background: var(--epp-premium-surface-bg-hover);
    border-color: var(--epp-premium-surface-border-hover);
    box-shadow: var(--epp-premium-surface-shadow-hover);
}

body.workspace-production-events .providers-page .epp-premium-surface {
    background: var(--epp-premium-surface-bg);
    border-color: var(--epp-premium-surface-border);
    box-shadow: var(--epp-premium-surface-shadow);
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.workspace-production-events .providers-page .epp-premium-surface:hover,
body.workspace-production-events .providers-page .epp-premium-surface:focus-within {
    background: var(--epp-premium-surface-bg-hover);
    border-color: var(--epp-premium-surface-border-hover);
    box-shadow: var(--epp-premium-surface-shadow-hover);
}

body.workspace-production-events .provider-record-page .provider-hero-card.epp-premium-surface {
    --epp-premium-surface-bg:
        linear-gradient(180deg, rgba(255, 255, 255, .064), transparent 1px),
        radial-gradient(ellipse at 14% -22%, rgba(201, 168, 106, .145), transparent 44%),
        radial-gradient(ellipse at 104% 0%, rgba(255, 255, 255, .065), transparent 36%),
        radial-gradient(ellipse at 54% 122%, rgba(0, 0, 0, .38), transparent 50%),
        linear-gradient(142deg, rgba(36, 36, 39, .98), rgba(19, 19, 22, .99) 48%, rgba(11, 11, 13, .97));
    --epp-premium-surface-bg-hover:
        linear-gradient(180deg, rgba(255, 255, 255, .070), transparent 1px),
        radial-gradient(ellipse at 14% -22%, rgba(201, 168, 106, .158), transparent 44%),
        radial-gradient(ellipse at 104% 0%, rgba(255, 255, 255, .072), transparent 36%),
        radial-gradient(ellipse at 54% 122%, rgba(0, 0, 0, .36), transparent 50%),
        linear-gradient(142deg, rgba(38, 38, 41, .99), rgba(20, 20, 23, 1) 48%, rgba(12, 12, 14, .98));
    --epp-premium-surface-border: rgba(201, 168, 106, .30);
    --epp-premium-surface-border-hover: rgba(201, 168, 106, .35);
    --epp-premium-surface-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .082),
        inset 0 0 0 1px rgba(255, 255, 255, .014),
        inset 0 -28px 54px rgba(0, 0, 0, .13),
        inset 0 -1px 0 rgba(201, 168, 106, .060),
        0 1px 0 rgba(255, 255, 255, .020),
        0 22px 34px rgba(0, 0, 0, .20),
        0 44px 92px rgba(0, 0, 0, .23);
    --epp-premium-surface-shadow-hover:
        inset 0 1px 0 rgba(255, 255, 255, .090),
        inset 0 0 0 1px rgba(255, 255, 255, .016),
        inset 0 -28px 54px rgba(0, 0, 0, .12),
        inset 0 -1px 0 rgba(201, 168, 106, .068),
        0 1px 0 rgba(255, 255, 255, .022),
        0 24px 38px rgba(0, 0, 0, .22),
        0 48px 98px rgba(0, 0, 0, .25);
}

body.workspace-production-events .epp-premium-surface.epp-premium-surface-hero {
    --epp-premium-surface-bg:
        linear-gradient(180deg, rgba(255, 255, 255, .064), transparent 1px),
        radial-gradient(ellipse at 14% -22%, rgba(201, 168, 106, .145), transparent 44%),
        radial-gradient(ellipse at 104% 0%, rgba(255, 255, 255, .065), transparent 36%),
        radial-gradient(ellipse at 54% 122%, rgba(0, 0, 0, .38), transparent 50%),
        linear-gradient(142deg, rgba(36, 36, 39, .98), rgba(19, 19, 22, .99) 48%, rgba(11, 11, 13, .97));
    --epp-premium-surface-bg-hover:
        linear-gradient(180deg, rgba(255, 255, 255, .070), transparent 1px),
        radial-gradient(ellipse at 14% -22%, rgba(201, 168, 106, .158), transparent 44%),
        radial-gradient(ellipse at 104% 0%, rgba(255, 255, 255, .072), transparent 36%),
        radial-gradient(ellipse at 54% 122%, rgba(0, 0, 0, .36), transparent 50%),
        linear-gradient(142deg, rgba(38, 38, 41, .99), rgba(20, 20, 23, 1) 48%, rgba(12, 12, 14, .98));
    --epp-premium-surface-border: rgba(201, 168, 106, .30);
    --epp-premium-surface-border-hover: rgba(201, 168, 106, .35);
    --epp-premium-surface-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .082),
        inset 0 0 0 1px rgba(255, 255, 255, .014),
        inset 0 -28px 54px rgba(0, 0, 0, .13),
        inset 0 -1px 0 rgba(201, 168, 106, .060),
        0 1px 0 rgba(255, 255, 255, .020),
        0 22px 34px rgba(0, 0, 0, .20),
        0 44px 92px rgba(0, 0, 0, .23);
    --epp-premium-surface-shadow-hover:
        inset 0 1px 0 rgba(255, 255, 255, .090),
        inset 0 0 0 1px rgba(255, 255, 255, .016),
        inset 0 -28px 54px rgba(0, 0, 0, .12),
        inset 0 -1px 0 rgba(201, 168, 106, .068),
        0 1px 0 rgba(255, 255, 255, .022),
        0 24px 38px rgba(0, 0, 0, .22),
        0 48px 98px rgba(0, 0, 0, .25);
}

body.workspace-production-events .provider-record-page .provider-profile-card.epp-premium-surface,
body.workspace-production-events .provider-record-page .event-danger-zone.epp-premium-surface {
    --epp-premium-surface-bg:
        linear-gradient(180deg, rgba(255, 255, 255, .046), transparent 1px),
        radial-gradient(ellipse at 18% -18%, rgba(201, 168, 106, .082), transparent 40%),
        radial-gradient(ellipse at 106% 0%, rgba(255, 255, 255, .040), transparent 32%),
        radial-gradient(ellipse at 50% 118%, rgba(0, 0, 0, .32), transparent 48%),
        linear-gradient(145deg, rgba(29, 29, 32, .96), rgba(17, 17, 20, .98) 50%, rgba(12, 12, 14, .96));
    --epp-premium-surface-border: rgba(201, 168, 106, .22);
}

body.theme-light.workspace-production-events {
    --epp-production-light-card-bg:
        linear-gradient(180deg, rgba(255, 255, 255, .86), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(181, 139, 67, .095), transparent 42%),
        linear-gradient(145deg, rgba(255, 252, 246, .98), rgba(247, 243, 235, .96) 54%, rgba(240, 234, 223, .94));
    --epp-production-light-panel-bg:
        linear-gradient(180deg, rgba(255, 255, 255, .90), transparent 1px),
        radial-gradient(ellipse at 12% -18%, rgba(181, 139, 67, .085), transparent 40%),
        linear-gradient(145deg, rgba(255, 252, 246, .96), rgba(244, 239, 230, .94) 56%, rgba(236, 229, 216, .92));
    --epp-production-light-field-bg:
        linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .54)),
        rgba(250, 247, 241, .92);
    --epp-production-light-border: rgba(116, 93, 58, .22);
    --epp-production-light-border-strong: rgba(181, 139, 67, .34);
    --epp-production-light-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .82),
        0 12px 28px rgba(86, 68, 41, .10);
    --epp-production-light-shadow-strong:
        inset 0 1px 0 rgba(255, 255, 255, .88),
        inset 0 -1px 0 rgba(181, 139, 67, .045),
        0 18px 42px rgba(86, 68, 41, .13);
}

body.theme-light.workspace-production-events .epp-operational-card,
body.theme-light.workspace-production-events .providers-page .provider-card,
body.theme-light.workspace-production-events .provider-record-page .provider-profile-card,
body.theme-light.workspace-production-events .settings-page .settings-card,
body.theme-light.workspace-production-events .settings-page .settings-info-field,
body.theme-light.workspace-production-events .permissions-page .permission-module-card,
body.theme-light.workspace-production-events .preferences-page .preference-module-card,
body.theme-light.workspace-production-events .accesses-page .access-level-card,
body.theme-light.workspace-production-events .accesses-page .access-card {
    background: var(--epp-production-light-card-bg);
    border-color: var(--epp-production-light-border);
    box-shadow: var(--epp-production-light-shadow);
    color: var(--text);
}

body.theme-light.workspace-production-events .epp-operational-card:hover,
body.theme-light.workspace-production-events .epp-operational-card:focus-within,
body.theme-light.workspace-production-events .providers-page .provider-card:hover,
body.theme-light.workspace-production-events .providers-page .provider-card:focus-within,
body.theme-light.workspace-production-events .provider-record-page .provider-profile-card:hover,
body.theme-light.workspace-production-events .provider-record-page .provider-profile-card:focus-within {
    border-color: var(--epp-production-light-border-strong);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        0 16px 34px rgba(86, 68, 41, .14);
    transform: none;
}

body.theme-light.workspace-production-events .epp-module-panel,
body.theme-light.workspace-production-events .providers-page .providers-panel,
body.theme-light.workspace-production-events .provider-record-page .provider-hero-card,
body.theme-light.workspace-production-events .provider-record-page .event-danger-zone {
    background: var(--epp-production-light-panel-bg);
    border-color: var(--epp-production-light-border);
    box-shadow: var(--epp-production-light-shadow-strong);
    color: var(--text);
}

body.theme-light.workspace-production-events .providers-page .providers-panel-header,
body.theme-light.workspace-production-events .providers-page .providers-search-button,
body.theme-light.workspace-production-events .providers-page .provider-card-field,
body.theme-light.workspace-production-events .provider-record-page .provider-data-row,
body.theme-light.workspace-production-events .provider-record-page .provider-service-tags span {
    background: var(--epp-production-light-field-bg);
    border-color: rgba(116, 93, 58, .18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
    color: var(--text);
}

body.theme-light.workspace-production-events .providers-page .providers-search-button:hover,
body.theme-light.workspace-production-events .providers-page .providers-search-button:focus-visible {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .62)),
        rgba(250, 247, 241, .96);
    border-color: var(--epp-production-light-border-strong);
}

body.theme-light.workspace-production-events .bitacora-page > .event-timeline .event-timeline-card,
body.theme-light.workspace-production-events .bitacora-page > .event-timeline .event-timeline-empty {
    background: var(--epp-production-light-card-bg);
    border-color: var(--epp-production-light-border);
    border-left-color: rgba(116, 93, 58, .08);
    box-shadow: var(--epp-production-light-shadow);
    color: var(--text);
}

body.theme-light.workspace-production-events .bitacora-page > .event-timeline .event-timeline-card:hover,
body.theme-light.workspace-production-events .bitacora-page > .event-timeline .event-timeline-card:focus-within {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .90), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(181, 139, 67, .11), transparent 42%),
        linear-gradient(145deg, rgba(255, 253, 249, .99), rgba(248, 243, 235, .98) 54%, rgba(242, 235, 224, .96));
    border-color: var(--epp-production-light-border-strong);
    border-left-color: rgba(116, 93, 58, .10);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        0 16px 34px rgba(86, 68, 41, .14);
}

body.theme-light.workspace-production-events .dashboard-page .dashboard-action-card {
    background: var(--epp-production-light-card-bg);
    border-color: var(--epp-production-light-border);
    box-shadow: var(--epp-production-light-shadow-strong);
    color: var(--text);
}

body.theme-light.workspace-production-events .dashboard-page .dashboard-action-card:hover,
body.theme-light.workspace-production-events .dashboard-page .dashboard-action-card:focus-visible {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .92), transparent 1px),
        radial-gradient(ellipse at 18% -20%, rgba(181, 139, 67, .11), transparent 42%),
        linear-gradient(145deg, rgba(255, 253, 249, .99), rgba(248, 243, 235, .98) 54%, rgba(242, 235, 224, .96));
    border-color: var(--epp-production-light-border-strong);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        0 20px 44px rgba(86, 68, 41, .15);
    transform: translateY(-1px);
}

body.theme-light.workspace-production-events .dashboard-page .dashboard-summary-card:hover,
body.theme-light.workspace-production-events .dashboard-page .dashboard-summary-card:focus-visible {
    transform: none;
}

body.theme-light.workspace-production-events .dashboard-page .dashboard-action-icon {
    background:
        linear-gradient(145deg, rgba(181, 139, 67, .14), rgba(181, 139, 67, .045)),
        rgba(255, 255, 255, .68);
    border-color: rgba(181, 139, 67, .28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .76),
        0 10px 22px rgba(86, 68, 41, .10);
    color: var(--primary);
}

body.theme-light.workspace-production-events .dashboard-page .dashboard-action-divider {
    background:
        linear-gradient(90deg, rgba(181, 139, 67, .56), rgba(181, 139, 67, .18), transparent);
}

body.theme-light.workspace-production-events .sidebar {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .88), transparent 1px),
        radial-gradient(ellipse at 50% -10%, rgba(181, 139, 67, .10), transparent 34%),
        linear-gradient(180deg, rgba(250, 247, 241, .98), rgba(241, 235, 224, .98));
    border-right-color: rgba(116, 93, 58, .16);
    box-shadow:
        inset -1px 0 0 rgba(255, 255, 255, .78),
        14px 0 30px rgba(86, 68, 41, .10);
}

body.theme-light.workspace-production-events .sidebar-section,
body.theme-light.workspace-production-events .sidebar-footer {
    border-top-color: rgba(116, 93, 58, .14);
}

body.theme-light.workspace-production-events .sidebar-nav a:hover,
body.theme-light.workspace-production-events .sidebar-nav a:focus-visible,
body.theme-light.workspace-production-events .sidebar-footer a:hover,
body.theme-light.workspace-production-events .sidebar-footer a:focus-visible,
body.theme-light.workspace-production-events .sidebar-switch-control:hover,
body.theme-light.workspace-production-events .sidebar-switch-control:focus-visible,
body.theme-light.workspace-production-events .sidebar-workspace-option:hover,
body.theme-light.workspace-production-events .sidebar-workspace-option:focus-visible {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .38)),
        rgba(181, 139, 67, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    color: var(--text);
}

body.theme-light.workspace-production-events .sidebar-nav a.active,
body.theme-light.workspace-production-events .sidebar-nav a.active:hover,
body.theme-light.workspace-production-events .sidebar-nav a.active:focus-visible,
body.theme-light.workspace-production-events .sidebar.sidebar-expanded .sidebar-nav a.active,
body.theme-light.workspace-production-events .sidebar.sidebar-expanded .sidebar-nav a.active:hover,
body.theme-light.workspace-production-events .sidebar.sidebar-expanded .sidebar-nav a.active:focus-visible,
body.theme-light.workspace-production-events.sidebar-rail-compact .sidebar-nav a.active,
body.theme-light.workspace-production-events.sidebar-rail-compact .sidebar-nav a.active:hover,
body.theme-light.workspace-production-events.sidebar-rail-compact .sidebar-nav a.active:focus-visible,
body.theme-light.workspace-production-events .sidebar-workspace-option.is-active,
body.theme-light.workspace-production-events .sidebar-workspace-option.is-active:hover,
body.theme-light.workspace-production-events .sidebar-workspace-option.is-active:focus-visible {
    background:
        linear-gradient(145deg, rgba(181, 139, 67, .16), rgba(181, 139, 67, .055)),
        rgba(255, 255, 255, .58);
    border-color: rgba(181, 139, 67, .30);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .78),
        0 10px 22px rgba(86, 68, 41, .10);
    color: var(--primary);
}

body.theme-light.workspace-production-events .sidebar-nav a.active::before,
body.theme-light.workspace-production-events .sidebar-workspace-option.is-active::before {
    box-shadow: 0 0 12px rgba(181, 139, 67, .20);
}

body.theme-light.workspace-production-events .epp-form-surface {
    background: var(--epp-production-light-panel-bg);
    border-color: var(--epp-production-light-border);
    box-shadow: var(--epp-production-light-shadow-strong);
    color: var(--text);
}

body.theme-light.workspace-production-events .epp-form-surface:hover,
body.theme-light.workspace-production-events .epp-form-surface:focus-within {
    border-color: var(--epp-production-light-border-strong);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        inset 0 -1px 0 rgba(181, 139, 67, .055),
        0 20px 44px rgba(86, 68, 41, .15);
}

body.theme-light.workspace-production-events .epp-form-surface .form-control,
body.theme-light.workspace-production-events .epp-form-surface .epp-date-time-display {
    background: var(--epp-production-light-field-bg);
    border-color: rgba(116, 93, 58, .18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
    color: var(--text);
}

body.theme-light.workspace-production-events .epp-form-surface .form-control:focus,
body.theme-light.workspace-production-events .epp-form-surface .epp-date-time-field:focus-within .epp-date-time-display {
    border-color: rgba(181, 139, 67, .52);
    box-shadow:
        0 0 0 3px rgba(181, 139, 67, .16),
        inset 0 1px 0 rgba(255, 255, 255, .82);
}

body.theme-light.workspace-production-events .epp-premium-surface {
    --epp-premium-surface-bg:
        linear-gradient(180deg, rgba(255, 255, 255, .90), transparent 1px),
        radial-gradient(ellipse at 18% -18%, rgba(181, 139, 67, .11), transparent 42%),
        radial-gradient(ellipse at 105% 4%, rgba(255, 255, 255, .78), transparent 34%),
        radial-gradient(ellipse at 50% 118%, rgba(116, 93, 58, .060), transparent 48%),
        linear-gradient(145deg, rgba(255, 253, 249, .98), rgba(247, 242, 233, .96) 48%, rgba(238, 231, 218, .94));
    --epp-premium-surface-bg-hover:
        linear-gradient(180deg, rgba(255, 255, 255, .94), transparent 1px),
        radial-gradient(ellipse at 18% -18%, rgba(181, 139, 67, .125), transparent 42%),
        radial-gradient(ellipse at 105% 4%, rgba(255, 255, 255, .84), transparent 34%),
        radial-gradient(ellipse at 50% 118%, rgba(116, 93, 58, .070), transparent 48%),
        linear-gradient(145deg, rgba(255, 254, 251, .99), rgba(249, 244, 236, .98) 48%, rgba(241, 234, 223, .96));
    --epp-premium-surface-border: rgba(116, 93, 58, .24);
    --epp-premium-surface-border-hover: rgba(181, 139, 67, .36);
    --epp-premium-surface-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        inset 0 0 0 1px rgba(255, 255, 255, .42),
        inset 0 -18px 34px rgba(116, 93, 58, .035),
        inset 0 -1px 0 rgba(181, 139, 67, .050),
        0 1px 0 rgba(255, 255, 255, .72),
        0 16px 34px rgba(86, 68, 41, .12);
    --epp-premium-surface-shadow-hover:
        inset 0 1px 0 rgba(255, 255, 255, .94),
        inset 0 0 0 1px rgba(255, 255, 255, .46),
        inset 0 -18px 34px rgba(116, 93, 58, .040),
        inset 0 -1px 0 rgba(181, 139, 67, .058),
        0 1px 0 rgba(255, 255, 255, .76),
        0 20px 42px rgba(86, 68, 41, .15);
}

body.theme-light.workspace-production-events .provider-record-page .provider-hero-card.epp-premium-surface,
body.theme-light.workspace-production-events .epp-premium-surface.epp-premium-surface-hero {
    --epp-premium-surface-bg:
        linear-gradient(180deg, rgba(255, 255, 255, .94), transparent 1px),
        radial-gradient(ellipse at 14% -22%, rgba(181, 139, 67, .15), transparent 44%),
        radial-gradient(ellipse at 104% 0%, rgba(255, 255, 255, .86), transparent 36%),
        radial-gradient(ellipse at 54% 122%, rgba(116, 93, 58, .075), transparent 50%),
        linear-gradient(142deg, rgba(255, 254, 251, .99), rgba(248, 243, 235, .98) 48%, rgba(239, 232, 219, .96));
    --epp-premium-surface-bg-hover:
        linear-gradient(180deg, rgba(255, 255, 255, .96), transparent 1px),
        radial-gradient(ellipse at 14% -22%, rgba(181, 139, 67, .165), transparent 44%),
        radial-gradient(ellipse at 104% 0%, rgba(255, 255, 255, .90), transparent 36%),
        radial-gradient(ellipse at 54% 122%, rgba(116, 93, 58, .085), transparent 50%),
        linear-gradient(142deg, rgba(255, 255, 253, 1), rgba(250, 245, 238, .99) 48%, rgba(242, 235, 224, .98));
    --epp-premium-surface-border: rgba(181, 139, 67, .34);
    --epp-premium-surface-border-hover: rgba(181, 139, 67, .42);
    --epp-premium-surface-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .94),
        inset 0 0 0 1px rgba(255, 255, 255, .48),
        inset 0 -24px 44px rgba(116, 93, 58, .042),
        inset 0 -1px 0 rgba(181, 139, 67, .070),
        0 1px 0 rgba(255, 255, 255, .78),
        0 22px 48px rgba(86, 68, 41, .15);
    --epp-premium-surface-shadow-hover:
        inset 0 1px 0 rgba(255, 255, 255, .96),
        inset 0 0 0 1px rgba(255, 255, 255, .52),
        inset 0 -24px 44px rgba(116, 93, 58, .048),
        inset 0 -1px 0 rgba(181, 139, 67, .078),
        0 1px 0 rgba(255, 255, 255, .80),
        0 26px 56px rgba(86, 68, 41, .17);
}

body.theme-light.workspace-production-events .provider-record-page .provider-profile-card.epp-premium-surface,
body.theme-light.workspace-production-events .provider-record-page .event-danger-zone.epp-premium-surface {
    --epp-premium-surface-bg: var(--epp-production-light-card-bg);
    --epp-premium-surface-border: var(--epp-production-light-border);
}

@media (max-width: 640px) {
    body.workspace-production-events .agenda-page .agenda-summary-mobile-group .agenda-summary-card.epp-premium-surface,
    body.theme-light.workspace-production-events .agenda-page .agenda-summary-mobile-group .agenda-summary-card.epp-premium-surface {
        background: transparent;
        border: 0;
        box-shadow: none;
    }
}

body.workspace-production-events .page:has(> .page-header .production-page-navigation),
body.workspace-produccion .page:has(> .page-header .production-page-navigation) {
    row-gap: 0;
}

body.workspace-production-events .page:has(> .page-header .production-page-navigation) > .page-header,
body.workspace-produccion .page:has(> .page-header .production-page-navigation) > .page-header {
    gap: 0;
    margin-bottom: 0;
}

body.workspace-production-events .page:has(> .page-header .production-page-navigation) > .page-header + *,
body.workspace-produccion .page:has(> .page-header .production-page-navigation) > .page-header + * {
    margin-top: 0;
}

body.workspace-production-events .page:has(> .page-header .production-page-navigation) > .page-header ~ * + *,
body.workspace-produccion .page:has(> .page-header .production-page-navigation) > .page-header ~ * + * {
    margin-top: 22px;
}

@media (max-width: 640px) {
    body.workspace-production-events .page > .page-header .production-page-navigation,
    body.workspace-produccion .page > .page-header .production-page-navigation {
        align-items: stretch;
        display: grid;
        gap: 8px;
        grid-template-columns: 1fr;
        justify-content: stretch;
        margin-bottom: 20px;
        margin-top: 12px;
        width: 100%;
    }

    body.workspace-production-events .production-page-navigation .ui-button,
    body.workspace-produccion .production-page-navigation .ui-button {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    body.workspace-production-events .events-page .events-table {
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .010)),
            rgba(12, 12, 12, .28);
        border: 1px solid rgba(201, 168, 106, .16);
        border-radius: var(--radius-lg);
        overflow: hidden;
    }

    body.workspace-production-events .events-page .events-table .app-table,
    body.workspace-production-events .events-page .events-table .app-table tbody {
        display: block;
        min-width: 0;
        width: 100%;
    }

    body.workspace-production-events .events-page .events-table .app-table thead,
    body.workspace-production-events .events-page .events-table .app-table td[data-label="Código"],
    body.workspace-production-events .events-page .events-table .app-table td[data-label="Cliente"],
    body.workspace-production-events .events-page .events-table .app-table td[data-label="Estado"] {
        display: none;
    }

    body.workspace-production-events .events-page .events-table .app-table tbody {
        gap: 0;
    }

    body.workspace-production-events .events-page .events-table .app-table tbody tr {
        align-items: center;
        background: transparent;
        border: 0;
        border-bottom: 1px solid rgba(201, 168, 106, .12);
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        display: grid;
        gap: 10px;
        grid-template-columns: minmax(82px, .55fr) minmax(0, 1fr) minmax(78px, auto);
        max-width: 100%;
        min-width: 0;
        padding: 12px 14px;
        width: 100%;
    }

    body.workspace-production-events .events-page .events-table .app-table tbody tr:last-child {
        border-bottom: 0;
    }

    body.workspace-production-events .events-page .events-table .app-table td {
        align-items: center;
        border: 0;
        display: flex;
        gap: 6px;
        justify-content: flex-start;
        min-width: 0;
        padding: 0;
        text-align: left;
        width: auto;
    }

    body.workspace-production-events .events-page .events-table .app-table td::before {
        content: none;
    }

    body.workspace-production-events .events-page .events-table .app-table .table-empty {
        grid-column: 1 / -1;
        justify-content: center;
        padding: 18px;
        text-align: center;
    }

    body.workspace-production-events .events-page .events-table .app-table td[data-label="Fecha"] {
        order: 1;
    }

    body.workspace-production-events .events-page .events-table .app-table td[data-label="Nombre Evento"] {
        order: 2;
    }

    body.workspace-production-events .events-page .events-table .app-table td[data-label="Acceso"] {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end;
        order: 3;
    }

    body.workspace-production-events .events-page .events-table .app-table td > * {
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        overflow-wrap: anywhere;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.workspace-production-events .events-page .events-table .event-list-table-action {
        gap: 6px;
        min-height: 34px;
        padding: 8px 10px;
        white-space: nowrap;
        width: auto;
    }

    body.workspace-production-events .events-page .events-table .event-list-table-action::before {
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012Z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E") center / contain no-repeat;
        background: currentColor;
        content: "";
        height: 14px;
        mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012Z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E") center / contain no-repeat;
        width: 14px;
    }

    body.workspace-production-events .events-page .events-table .event-list-table-action span:last-child {
        font-size: 0;
    }

    body.workspace-production-events .events-page .events-table .event-list-table-action span:last-child::after {
        content: "Ver";
        font-size: 13px;
    }

    body.theme-light.workspace-production-events .events-page .events-table {
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(250, 246, 239, .72)),
            rgba(248, 244, 236, .92);
        border-color: rgba(181, 139, 67, .22);
    }

    body.theme-light.workspace-production-events .events-page .events-table .app-table tbody tr {
        border-bottom-color: rgba(181, 139, 67, .18);
    }
}

@media (max-width: 640px) {
    body.workspace-production-events .events-page .events-table {
        padding: 0 2px;
    }

    body.workspace-production-events .events-page .events-table .app-table tbody tr {
        gap: 8px;
        grid-template-columns: minmax(76px, .58fr) minmax(0, 1fr) minmax(66px, auto);
        padding: 12px 10px;
    }

    body.workspace-production-events .events-page .events-table .app-table td[data-label="Nombre Evento"] {
        grid-column: auto;
        order: 2;
    }

    body.workspace-production-events .events-page .events-table .app-table td[data-label="Fecha"] {
        color: var(--text-muted);
        order: 1;
    }

    body.workspace-production-events .events-page .events-table .app-table td[data-label="Acceso"] {
        justify-content: flex-end;
        order: 3;
    }

    body.workspace-production-events .events-page .events-table .event-list-table-action {
        width: auto;
    }
}

body.workspace-production-events .event-record-page .event-history-pagination {
    border-bottom: 1px solid rgba(201, 168, 106, .18);
    border-top: 0;
    margin-bottom: 12px;
    margin-top: 2px;
    padding-bottom: 14px;
    padding-top: 0;
}

body.workspace-production-events .event-record-page .event-history-timeline::before {
    bottom: 86px;
}

body.workspace-venue-management .venue-agenda-page {
    display: grid;
    gap: 22px;
}

body.workspace-venue-management .venue-agenda-overview,
body.workspace-venue-management .venue-agenda-module-card {
    display: grid;
    gap: 16px;
}

body.workspace-venue-management .venue-agenda-module-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .070), transparent 1px),
        radial-gradient(ellipse at 15% -16%, var(--workspace-secondary-soft), transparent 44%),
        linear-gradient(145deg, rgba(13, 25, 42, .94), rgba(8, 17, 31, .90) 58%, rgba(6, 14, 26, .88));
    border-color: var(--venue-glass-border-strong);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .070),
        inset 0 -1px 0 rgba(201, 168, 106, .045),
        0 18px 42px rgba(2, 8, 18, .28);
}

body.workspace-venue-management .venue-agenda-list-panel {
    margin: 0;
}

body.workspace-venue-management .venue-agenda-section-heading {
    display: grid;
    gap: 5px;
    min-width: 0;
}

body.workspace-venue-management .venue-agenda-section-heading span {
    align-items: center;
    color: var(--workspace-accent);
    display: inline-flex;
    font-size: 11px;
    font-weight: 850;
    gap: 7px;
    letter-spacing: .045em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.workspace-venue-management .venue-agenda-section-heading h2 {
    color: var(--text);
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 880;
    line-height: 1.12;
    margin: 0;
}

body.workspace-venue-management .venue-agenda-section-heading p {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    max-width: 760px;
}

body.workspace-venue-management .venue-agenda-module-card[aria-labelledby="venue-agenda-commitments-area-title"] > .venue-agenda-area,
body.workspace-venue-management .venue-agenda-module-card[aria-labelledby="venue-agenda-finance-area-title"] > .venue-agenda-area {
    display: grid;
    gap: 16px;
}

body.workspace-venue-management .venue-agenda-summary-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.workspace-venue-management .venue-agenda-summary-mobile-group {
    display: contents;
}

body.workspace-venue-management .venue-agenda-summary-card {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
    padding: 12px 13px;
}

body.workspace-venue-management .venue-agenda-summary-card::before {
    content: none;
}

body.workspace-venue-management .venue-agenda-summary-card > span {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(201, 168, 106, .17), rgba(201, 168, 106, .050)),
        rgba(10, 18, 31, .32);
    border: 1px solid var(--venue-glass-border-strong);
    border-radius: 12px;
    color: var(--workspace-accent);
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

body.workspace-venue-management .venue-agenda-summary-card small {
    color: var(--text-muted);
    display: block;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .035em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.workspace-venue-management .venue-agenda-summary-card strong {
    color: var(--text);
    display: block;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.05;
    margin-top: 3px;
}

body.workspace-venue-management .venue-agenda-quick-actions {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

body.workspace-venue-management .venue-agenda-quick-actions .event-quick-action {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .014)),
        rgba(20, 32, 50, .70);
    border-color: var(--venue-glass-border);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 12px 26px rgba(2, 8, 18, .18);
    min-width: 0;
    width: 100%;
}

body.workspace-venue-management .venue-agenda-quick-actions .event-quick-action.is-active {
    background: var(--workspace-active-bg);
    border-color: var(--workspace-active-border);
    color: var(--workspace-accent);
}

body.workspace-venue-management .venue-agenda-filter-toggle {
    display: none;
}

body.workspace-venue-management .venue-agenda-filter-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .010)),
        rgba(10, 18, 31, .34);
    border: 1px solid var(--venue-glass-border);
    border-radius: var(--radius-lg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 10px 24px rgba(2, 8, 18, .16);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(140px, .7fr));
    margin-top: 16px;
    padding: 14px;
}

body.workspace-venue-management .venue-agenda-filter-panel label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

body.workspace-venue-management .venue-agenda-filter-panel label > span {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .035em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.workspace-venue-management .venue-agenda-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 16px;
}

body.workspace-venue-management .venue-agenda-table {
    margin-top: 16px;
}

body.workspace-venue-management .venue-agenda-operational-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .060), transparent 1px),
        radial-gradient(ellipse at 18% -22%, var(--workspace-secondary-soft), transparent 42%),
        linear-gradient(145deg, rgba(13, 25, 42, .88), rgba(7, 16, 29, .86));
    border-color: var(--venue-glass-border-strong);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .058),
        0 14px 32px rgba(2, 8, 18, .24);
}

body.workspace-venue-management .venue-agenda-operational-card:hover,
body.workspace-venue-management .venue-agenda-operational-card:focus-within {
    border-color: var(--workspace-active-border);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .070),
        0 18px 38px rgba(2, 8, 18, .28);
}

body.workspace-venue-management .venue-agenda-pagination {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 12px;
    text-align: center;
}

body.workspace-venue-management .venue-agenda-pagination small {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    width: 100%;
}

body.workspace-venue-management .venue-agenda-pagination + .venue-agenda-empty-state {
    margin-top: 18px;
}

body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view][hidden],
body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-card-view][hidden],
body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitment-item][hidden],
body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-empty-filter][hidden],
body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view][hidden],
body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-card-view][hidden],
body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-item][hidden],
body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-empty-filter][hidden] {
    display: none !important;
}

body.theme-light.workspace-venue-management .venue-agenda-module-card,
body.theme-light.workspace-venue-management .venue-agenda-operational-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .88), transparent 1px),
        radial-gradient(ellipse at 14% -20%, var(--workspace-secondary-soft), transparent 42%),
        linear-gradient(145deg, rgba(249, 252, 255, .96), rgba(239, 246, 252, .94) 56%, rgba(229, 239, 248, .92));
    border-color: var(--venue-glass-border-strong);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .86),
        0 16px 36px rgba(49, 64, 82, .12);
}

body.theme-light.workspace-venue-management .venue-agenda-filter-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .86), transparent 1px),
        linear-gradient(145deg, rgba(250, 253, 255, .94), rgba(240, 247, 253, .92));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .80),
        0 10px 24px rgba(49, 64, 82, .08);
}

@media (max-width: 1024px) {
    body.workspace-venue-management .venue-agenda-summary-grid,
    body.workspace-venue-management .venue-agenda-filter-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.workspace-venue-management .venue-agenda-quick-actions {
        grid-template-columns: 1fr;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] {
        overflow: hidden;
        width: 100%;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table tbody,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table tbody {
        display: block;
        min-width: 0;
        width: 100%;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table thead,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table thead,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td[data-label="Estado"],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td[data-label="Cliente"],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td[data-label="Prioridad"] {
        display: none;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table tbody tr,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table tbody tr,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table tbody tr:nth-child(even),
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table tbody tr:nth-child(even) {
        align-items: center;
        background: transparent;
        border: 0;
        border-bottom: 1px solid var(--venue-glass-border);
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        display: grid;
        gap: 10px;
        grid-template-columns: minmax(92px, .55fr) minmax(0, 1fr) minmax(0, .95fr) minmax(78px, auto);
        max-width: 100%;
        min-width: 0;
        padding: 12px 14px;
        width: 100%;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table tbody tr:last-child,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table tbody tr:last-child {
        border-bottom: 0;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td {
        align-items: center;
        background: transparent;
        border: 0;
        display: flex;
        gap: 6px;
        justify-content: flex-start;
        min-width: 0;
        padding: 0;
        text-align: left;
        width: auto;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td::before,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td::before {
        content: none;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td[data-label="Fecha"],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td[data-label="Fecha límite"] {
        order: 1;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td[data-label="Arriendo asociado"],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td[data-label="Arriendo asociado"] {
        order: 2;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td[data-label="Pendiente"],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td[data-label="Monto pendiente"] {
        order: 3;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td[data-label="Acceso"],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td[data-label="Acceso"] {
        justify-content: flex-end;
        order: 4;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td > *,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td > * {
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        overflow-wrap: anywhere;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .venue-visits-table-action,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .venue-visits-table-action {
        align-items: center;
        display: inline-flex;
        font-size: 0;
        gap: 6px;
        justify-content: center;
        min-height: 34px;
        padding: 8px 10px;
        white-space: nowrap;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .venue-visits-table-action span,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .venue-visits-table-action span {
        font-size: 13px;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .venue-visits-table-action::after,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .venue-visits-table-action::after {
        content: "Ver";
        font-size: 13px;
    }
}

@media (max-width: 640px) {
    body.workspace-venue-management .venue-agenda-summary-grid,
    body.workspace-venue-management .venue-agenda-filter-panel,
    body.workspace-venue-management .venue-agenda-card-grid {
        grid-template-columns: 1fr;
    }

    body.workspace-venue-management .venue-agenda-summary-mobile-group {
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .050), rgba(255, 255, 255, .012)),
            rgba(10, 18, 31, .30);
        border: 1px solid var(--venue-glass-border);
        border-radius: var(--radius-lg);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .045),
            0 10px 24px rgba(2, 8, 18, .18);
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 10px;
        width: 100%;
    }

    body.workspace-venue-management .venue-agenda-summary-mobile-group .venue-agenda-summary-card {
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: 2px;
    }

    body.theme-light.workspace-venue-management .venue-agenda-summary-mobile-group {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .86), transparent 1px),
            linear-gradient(145deg, rgba(250, 253, 255, .94), rgba(240, 247, 253, .92));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .80),
            0 10px 24px rgba(49, 64, 82, .08);
    }

    body.workspace-venue-management .venue-agenda-filter-toggle {
        display: inline-flex;
        justify-content: center;
        margin-top: 16px;
        width: 100%;
    }

    body.workspace-venue-management .venue-agenda-filter-toggle + .venue-agenda-filter-panel {
        margin-top: 12px;
    }

    body.workspace-venue-management .venue-agenda-filter-panel.is-collapsed {
        display: none;
    }

    body.workspace-venue-management .venue-agenda-module-card,
    body.workspace-venue-management .venue-agenda-list-panel {
        padding: 14px;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td[data-label="Arriendo asociado"],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td[data-label="Arriendo asociado"] {
        display: none;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table tbody tr,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table tbody tr,
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table tbody tr:nth-child(even),
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table tbody tr:nth-child(even) {
        gap: 8px;
        grid-template-columns: minmax(78px, .62fr) minmax(0, 1fr) minmax(64px, auto);
        padding: 12px 14px;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td[data-label="Pendiente"],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td[data-label="Monto pendiente"] {
        order: 2;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td[data-label="Acceso"],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td[data-label="Acceso"] {
        justify-content: flex-end;
        order: 3;
    }

    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-commitments-list-view] .app-table td[data-label="Fecha"],
    body.workspace-venue-management .venue-agenda-page [data-venue-agenda-finance-list-view] .app-table td[data-label="Fecha límite"] {
        color: var(--text-muted);
        font-size: 12px;
    }
}

/* Separación estable del aviso de documentos en ambos espacios de trabajo. */
.entity-documents > .app-notice {
    margin: 0;
}

.entity-documents > .app-notice + .entity-document-upload-form {
    margin-top: 16px;
}

/* Estado técnico de la licencia en Empresa & Licencia. */
.license-validation-badge {
    align-items: center;
    background: rgba(45, 180, 108, .12);
    border: 1px solid rgba(75, 202, 134, .3);
    border-radius: 999px;
    color: #77d8a4;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 7px 11px;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .settings-panel-header .license-validation-badge {
        align-self: flex-start;
        margin-top: 10px;
    }
}