@import '_content/Shiny.Blazor.Controls/Shiny.Blazor.Controls.osvae74ysg.bundle.scp.css';

/* /Components/Common/AgendaContextInspector/AgendaContextInspector.razor.rz.scp.css */
.agenda-context-inspector-host[b-wec3rx83jw]  .agenda-context-inspector-shell {
    --bs-offcanvas-width: 42rem;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
}

.agenda-context-inspector-host[b-wec3rx83jw]  .agenda-context-inspector-shell > .offcanvas-header {
    flex: 0 0 auto;
}

.agenda-context-inspector-body[b-wec3rx83jw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-wrap: anywhere;
}

.agenda-context-inspector-breadcrumb-list[b-wec3rx83jw] {
    min-width: 0;
    flex-wrap: wrap;
}

.agenda-context-inspector-breadcrumb-list > li[b-wec3rx83jw] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.agenda-context-inspector-breadcrumb-separator[b-wec3rx83jw] {
    color: var(--bs-secondary-color);
}

.agenda-context-inspector-back[b-wec3rx83jw],
.agenda-context-inspector-full-detail[b-wec3rx83jw] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.agenda-context-inspector-back[b-wec3rx83jw] {
    flex-shrink: 0;
    white-space: nowrap;
}

.agenda-context-inspector-full-detail[b-wec3rx83jw] {
    margin-bottom: 1rem;
}

@media (max-width: 767.98px) {
    .agenda-context-inspector-host[b-wec3rx83jw]  .agenda-context-inspector-shell {
        --bs-offcanvas-width: 100vw;
        width: 100vw;
        max-width: 100vw;
    }

    .agenda-context-inspector-body[b-wec3rx83jw] {
        padding-inline: .75rem;
    }
}
/* /Components/Common/HelpField.razor.rz.scp.css */
/* Required field asterisk */
.required-field[b-m8n506o6vi]::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}

.helpfield-wrapper[b-m8n506o6vi] {
    display: block;
}

/* Collapsible animated panel – zatvorený stav (default) */
.helpfield-panel[b-m8n506o6vi] {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-4px);
    transition: max-height 340ms ease-out, opacity 260ms ease-out, transform 260ms ease-out;
}

/* Keď je checkbox zaškrtnutý → panel sa otvorí s animáciou */
.helpfield-panel.open[b-m8n506o6vi] {
    max-height: 700px; /* nastav dostatočne vysoko pre najdlhší help */
    opacity: 1;
    transform: translateY(0);
}

/* Base alert styling inside panel */
.helpfield-alert[b-m8n506o6vi] {
    width: 100%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    clear: both;
}

/* Make alert span full row width within Bootstrap grid */
.row > [class*="col"] .helpfield-alert[b-m8n506o6vi],
.row > [class*="col-"] .helpfield-alert[b-m8n506o6vi] {
    margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    width: calc(100% + var(--bs-gutter-x, 1.5rem));
    max-width: none;
}

/* For half-width columns (col-md-6), expand to full row width */
@media (min-width: 768px) {
    /* First column (left) - expand right */
    .row > .col-md-6:nth-child(odd) .helpfield-alert[b-m8n506o6vi] {
        width: calc(200% + var(--bs-gutter-x, 1.5rem) * 2);
        margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    }

    /* Second column (right) - expand left AND shift left */
    .row > .col-md-6:nth-child(even) .helpfield-alert[b-m8n506o6vi] {
        width: calc(200% + var(--bs-gutter-x, 1.5rem) * 2);
        margin-left: calc(-100% - var(--bs-gutter-x, 1.5rem) * 1.5);
        margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    }

    /* For col-md-4 (3 columns) */
    .row > .col-md-4:nth-child(3n+1) .helpfield-alert[b-m8n506o6vi] {
        /* First column - expand right */
        width: calc(300% + var(--bs-gutter-x, 1.5rem) * 3);
    }

    .row > .col-md-4:nth-child(3n+2) .helpfield-alert[b-m8n506o6vi] {
        /* Middle column - shift left by 1 column width */
        width: calc(300% + var(--bs-gutter-x, 1.5rem) * 3);
        margin-left: calc(-100% - var(--bs-gutter-x, 1.5rem));
    }

    .row > .col-md-4:nth-child(3n) .helpfield-alert[b-m8n506o6vi] {
        /* Third column - shift left by 2 column widths */
        width: calc(300% + var(--bs-gutter-x, 1.5rem) * 3);
        margin-left: calc(-200% - var(--bs-gutter-x, 1.5rem) * 2);
    }
}

/* Full-width columns don't need expansion beyond gutter compensation */
.row > .col-12 .helpfield-alert[b-m8n506o6vi] {
    width: calc(100% + var(--bs-gutter-x, 1.5rem)) !important;
    margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5) !important;
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5) !important;
}
/* required hviezdi?ka */
.required-field[b-m8n506o6vi]::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}

.helpfield-wrapper[b-m8n506o6vi] {
    display: block;
}

/* skrytý prepína? */
.helpfield-toggle[b-m8n506o6vi] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

    /* ke? toggle NIE je zaškrtnutý ? help skry? */
    .helpfield-toggle:not(:checked) + .helpfield-alert[b-m8n506o6vi] {
        display: none;
    }

    /* ke? toggle JE zaškrtnutý ? help zobrazi? */
    .helpfield-toggle:checked + .helpfield-alert[b-m8n506o6vi] {
        display: block;
    }

/* alert plná šírka - break out of column constraints */
.helpfield-alert[b-m8n506o6vi] {
    width: 100%;
    margin-top: .5rem;
    margin-bottom: .5rem;
    clear: both;
}

/* Make alert span full row width within Bootstrap grid */
.row > [class*="col"] .helpfield-alert[b-m8n506o6vi],
.row > [class*="col-"] .helpfield-alert[b-m8n506o6vi] {
    margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    width: calc(100% + var(--bs-gutter-x, 1.5rem));
    max-width: none;
}

/* For half-width columns (col-md-6), expand to full row width */
@media (min-width: 768px) {
    /* First column (left) - expand right */
    .row > .col-md-6:nth-child(odd) .helpfield-alert[b-m8n506o6vi] {
        width: calc(200% + var(--bs-gutter-x, 1.5rem) * 2);
        margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    }

    /* Second column (right) - expand left AND shift left */
    .row > .col-md-6:nth-child(even) .helpfield-alert[b-m8n506o6vi] {
        width: calc(200% + var(--bs-gutter-x, 1.5rem) * 2);
        margin-left: calc(-100% - var(--bs-gutter-x, 1.5rem) * 1.5);
        margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5);
    }

    /* For col-md-4 (3 columns) */
    .row > .col-md-4:nth-child(3n+1) .helpfield-alert[b-m8n506o6vi] {
        /* First column - expand right */
        width: calc(300% + var(--bs-gutter-x, 1.5rem) * 3);
    }

    .row > .col-md-4:nth-child(3n+2) .helpfield-alert[b-m8n506o6vi] {
        /* Middle column - shift left by 1 column width */
        width: calc(300% + var(--bs-gutter-x, 1.5rem) * 3);
        margin-left: calc(-100% - var(--bs-gutter-x, 1.5rem));
    }

    .row > .col-md-4:nth-child(3n) .helpfield-alert[b-m8n506o6vi] {
        /* Third column - shift left by 2 column widths */
        width: calc(300% + var(--bs-gutter-x, 1.5rem) * 3);
        margin-left: calc(-200% - var(--bs-gutter-x, 1.5rem) * 2);
    }
}

/* Full width columns don't need expansion beyond gutter compensation */
.row > .col-12 .helpfield-alert[b-m8n506o6vi] {
    width: calc(100% + var(--bs-gutter-x, 1.5rem)) !important;
    margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5) !important;
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5) !important;
}
/* /Components/Common/TaskTreePanel.razor.rz.scp.css */
.task-tree-container[b-stqhx80bst] {
    max-height: 420px;
    overflow: auto;
}

.task-tree-nodes[b-stqhx80bst] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.task-tree-row[b-stqhx80bst] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem .25rem;
    padding-left: calc(.25rem + (var(--task-tree-depth, 1) - 1) * 1rem);
    border-radius: .25rem;
}

.task-tree-row:hover[b-stqhx80bst] {
    background: rgba(0, 0, 0, .03);
}

.task-tree-expander[b-stqhx80bst] {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.task-tree-expander.is-hidden[b-stqhx80bst] {
    visibility: hidden;
}

.task-tree-status[b-stqhx80bst] {
    width: .5rem;
    height: .5rem;
    border-radius: 999px;
    display: inline-block;
    background: #adb5bd;
}

.task-tree-status.is-nez[b-stqhx80bst] { background: #6c757d; }
.task-tree-status.is-cak[b-stqhx80bst] { background: #0dcaf0; }
.task-tree-status.is-pre[b-stqhx80bst] { background: #0d6efd; }
.task-tree-status.is-uko[b-stqhx80bst] { background: #198754; }
.task-tree-status.is-odl[b-stqhx80bst] { background: #6f42c1; }
.task-tree-status.is-blo[b-stqhx80bst] { background: #ffc107; }

.task-tree-title[b-stqhx80bst],
.task-tree-title-text[b-stqhx80bst] {
    flex: 1 1 auto;
    text-align: left;
    min-width: 0;
}

.task-tree-title[b-stqhx80bst] {
    text-decoration: none;
}

.task-tree-meta[b-stqhx80bst] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    flex: 0 0 auto;
}

.task-tree-chip[b-stqhx80bst] {
    white-space: nowrap;
}

.task-tree-gate-badge[b-stqhx80bst] {
    white-space: nowrap;
    font-weight: 500;
    border: 1px solid rgba(255, 193, 7, .45);
    color: #856404;
    background: transparent;
}

.task-tree-hint[b-stqhx80bst] {
    white-space: nowrap;
}

.task-tree-blocked[b-stqhx80bst] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-tree-add-child[b-stqhx80bst] {
    display: none;
}

.task-tree-row:hover .task-tree-add-child[b-stqhx80bst] {
    display: inline-flex;
}

.task-tree-cutoff[b-stqhx80bst] {
    opacity: .9;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-nyxq6g0095] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-nyxq6g0095] {
    flex: 1;
}

.sidebar[b-nyxq6g0095] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-nyxq6g0095] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-nyxq6g0095]  a, .top-row[b-nyxq6g0095]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-nyxq6g0095]  a:hover, .top-row[b-nyxq6g0095]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-nyxq6g0095]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-nyxq6g0095] {
        justify-content: space-between;
    }

    .top-row[b-nyxq6g0095]  a, .top-row[b-nyxq6g0095]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-nyxq6g0095] {
        flex-direction: row;
    }

    .sidebar[b-nyxq6g0095] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-nyxq6g0095] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-nyxq6g0095]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-nyxq6g0095], article[b-nyxq6g0095] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

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

    #blazor-error-ui .dismiss[b-nyxq6g0095] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Admin/CommunicationBoardModerators.razor.rz.scp.css */
.moderator-board-grid[b-sdk5m3q8wn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    align-items: start;
}

@media (max-width: 1100px) {
    .moderator-board-grid[b-sdk5m3q8wn] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Components/CommunicationBoardModeratorCard.razor.rz.scp.css */
.moderator-board-card[b-vue5nneb8u] {
    border-top: 3px solid var(--bs-primary);
    box-shadow: 0 .25rem .8rem rgba(0, 0, 0, .06);
}

.moderator-list[b-vue5nneb8u] {
    display: grid;
    gap: .65rem;
}

.moderator-row[b-vue5nneb8u] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .65rem;
    background: #fff;
}

.moderator-row.invalid[b-vue5nneb8u] {
    border-color: rgba(var(--bs-danger-rgb), .45);
    background: rgba(var(--bs-danger-rgb), .04);
}

.moderator-avatar[b-vue5nneb8u] {
    display: grid;
    place-items: center;
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: rgba(var(--bs-primary-rgb), .12);
    color: var(--bs-primary);
    font-weight: 700;
}

.moderator-info[b-vue5nneb8u] {
    min-width: 0;
    flex: 1;
}

.moderator-add-box[b-vue5nneb8u] {
    padding: .85rem;
    border-radius: .65rem;
    background: var(--bs-tertiary-bg);
}
/* /Components/Pages/Agenda/Alerts/Index.razor.rz.scp.css */
.notifications-index-page .search-form .cells[b-efbcairbed] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.notifications-index-page .search-form .cells > .cell[b-efbcairbed] {
    width: 100%;
    min-width: 0;
    max-width: none;
}

.notifications-index-page .search-form .search-text[b-efbcairbed],
.notifications-index-page .search-form .notification-category-cell[b-efbcairbed] {
    grid-column: 1 / -1;
}

@media (min-width: 1200px) {
    .notifications-index-page .search-form .cells[b-efbcairbed] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .notifications-index-page .search-form .search-text[b-efbcairbed],
    .notifications-index-page .search-form .notification-category-cell[b-efbcairbed] {
        grid-column: span 2;
    }
}

@media (min-width: 1600px) {
    .notifications-index-page .search-form .cells[b-efbcairbed] {
        grid-template-columns: minmax(260px, 2fr) minmax(120px, 0.8fr) minmax(190px, 1.2fr) minmax(160px, 1fr) repeat(2, minmax(160px, 1fr));
    }

    .notifications-index-page .search-form .search-text[b-efbcairbed],
    .notifications-index-page .search-form .notification-category-cell[b-efbcairbed] {
        grid-column: auto;
    }
}

@media (max-width: 575.98px) {
    .notifications-index-page .search-form .cells[b-efbcairbed] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Agenda/DocumentFolders/Detail.razor.rz.scp.css */
/* Fix button widths in Nástroje tab - prevent buttons from stretching to 100% width */
[b-jhefzb4f8t] #detail-page .d-flex.flex-column > .btn {
    width: fit-content;
    align-self: flex-start;
}

/* Alternatively, make the flex container align items to start */
[b-jhefzb4f8t] #detail-page .tab-pane .d-flex.flex-column {
    align-items: flex-start;
}

/* Ensure alert still takes full width */
[b-jhefzb4f8t] #detail-page .tab-pane .d-flex.flex-column > .alert {
    width: 100%;
    align-self: stretch;
}
/* /Components/Pages/Agenda/Events/EventsCalendar.razor.rz.scp.css */
/*
    EventsCalendar Component Styles
    ===============================
    Production calendar styling using Bootstrap 5.3 CSS variables.
    Consistent with portal theme (icomoon icons), WCAG AA compliant contrast.
    
    Key features:
    - Uses Bootstrap CSS variables for theming consistency
    - Today highlight with primary color accent
    - Other-month days muted
    - Event pills with wrapping support (2-line clamp for month view)
    - Focus-visible and hover states for accessibility
    - Responsive adjustments at standard Bootstrap breakpoints
    
    Icon system: Uses portal's icomoon font (icon-chevron-left, icon-chevron-right)
    sourced from AF.Intranet.Portal\wwwroot\assets\fonts\icomoon\style.css
*/

/* =============================================
   CSS Custom Properties (Calendar-specific)
   ============================================= */
.events-calendar[b-myhz5gf9ro] {
    --calendar-bg: var(--bs-body-bg);
    --calendar-border-color: var(--bs-border-color);
    --calendar-border-radius: var(--bs-border-radius);
    --calendar-header-bg: var(--bs-tertiary-bg);
    --calendar-day-bg: var(--bs-body-bg);
    --calendar-day-hover-bg: var(--bs-secondary-bg);
    --calendar-today-bg: var(--bs-primary-bg-subtle);
    --calendar-today-border: var(--bs-primary);
    --calendar-other-month-bg: var(--bs-tertiary-bg);
    --calendar-other-month-text: var(--bs-secondary-color);
    --calendar-event-bg: var(--bs-primary);
    --calendar-event-text: #fff;
    --calendar-event-hover-bg: var(--bs-primary-text-emphasis);
    --calendar-event-time-color: rgba(255, 255, 255, 0.9);
    --calendar-gutter-bg: var(--bs-tertiary-bg);
    --calendar-hour-line-color: var(--bs-border-color);
    --calendar-focus-ring: var(--bs-focus-ring-color);
    --calendar-week-event-min-height: 28px;
}

/* =============================================
   Calendar Container
   ============================================= */
.events-calendar[b-myhz5gf9ro] {
    background-color: var(--calendar-bg);
}

/* =============================================
   Calendar Header
   ============================================= */
.calendar-header[b-myhz5gf9ro] {
    padding: 0.5rem 0;
}

.calendar-title h4[b-myhz5gf9ro] {
    text-transform: capitalize;
    color: var(--bs-body-color);
    font-weight: 600;
}

/* =============================================
   Month View Styles
   ============================================= */
.calendar-month-view[b-myhz5gf9ro] {
    border: 1px solid var(--calendar-border-color);
    border-radius: var(--calendar-border-radius);
    overflow: hidden;
}

/* Weekday Headers - CSS Grid for strict equal widths */
.calendar-month-view .calendar-weekdays[b-myhz5gf9ro] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    background-color: var(--calendar-header-bg);
    border-bottom: 2px solid var(--calendar-border-color);
}

.calendar-weekday-header[b-myhz5gf9ro] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--bs-body-color);
    letter-spacing: 0.02em;
    border-right: 1px solid var(--calendar-border-color);
    text-align: center;
    padding: 0.5rem 0.25rem;
    min-width: 0;
}

.calendar-weekday-header:last-child[b-myhz5gf9ro] {
    border-right: none;
}

/* Calendar Week Rows - CSS Grid for strict equal widths */
.calendar-week[b-myhz5gf9ro] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border-bottom: 1px solid var(--calendar-border-color);
}

.calendar-week:last-child[b-myhz5gf9ro] {
    border-bottom: none;
}

/* Calendar Day Cells - strict sizing */
.calendar-day[b-myhz5gf9ro] {
    display: flex;
    flex-direction: column;
    min-height: 100px;
    min-width: 0; /* Critical: prevents content from expanding column */
    width: 100%;
    background-color: var(--calendar-day-bg);
    border-right: 1px solid var(--calendar-border-color);
    transition: background-color 0.15s ease-in-out;
    position: relative;
    overflow: hidden; /* Prevent any overflow from affecting layout */
}

.calendar-day:last-child[b-myhz5gf9ro] {
    border-right: none;
}

.calendar-day:hover[b-myhz5gf9ro] {
    background-color: var(--calendar-day-hover-bg);
}

/* Day Header with Number */
.calendar-day-header[b-myhz5gf9ro] {
    display: flex;
    justify-content: flex-end;
    padding: 0.25rem 0.375rem;
    flex-shrink: 0;
}

/* Day Number */
.calendar-day-number[b-myhz5gf9ro] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--bs-body-color);
    min-width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
}

/* Today Highlight */
.calendar-day-today[b-myhz5gf9ro] {
    background-color: var(--calendar-today-bg) !important;
    box-shadow: inset 0 0 0 2px var(--calendar-today-border);
}

.calendar-day-today .calendar-day-number[b-myhz5gf9ro] {
    background-color: var(--bs-primary);
    color: #fff;
    font-weight: 600;
}

/* Other Month Days (muted) */
.calendar-day-other-month[b-myhz5gf9ro] {
    background-color: var(--calendar-other-month-bg);
}

.calendar-day-other-month .calendar-day-number[b-myhz5gf9ro] {
    color: var(--calendar-other-month-text);
}

.calendar-day-other-month .calendar-event[b-myhz5gf9ro] {
    opacity: 0.6;
}

/* =============================================
   Event Items in Month View
   ============================================= */
.calendar-day-events[b-myhz5gf9ro] {
    display: flex;
    flex-direction: column;
    gap: 0.1875rem;
    padding: 0 0.25rem 0.375rem;
    flex: 1;
    overflow: hidden;
    min-width: 0; /* Prevent content expansion */
    width: 100%;
}

.calendar-event[b-myhz5gf9ro] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.25rem;
    width: 100%;
    max-width: 100%;
    min-width: 0; /* Critical: allows shrinking within cell */
    background-color: var(--calendar-event-bg);
    color: var(--calendar-event-text);
    font-size: 0.6875rem;
    line-height: 1.35;
    padding: 0.25rem 0.375rem;
    border-radius: var(--bs-border-radius-sm);
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.1s ease-in-out;
    min-height: unset;
    overflow: hidden;
    box-sizing: border-box;
}

.calendar-event:hover[b-myhz5gf9ro] {
    background-color: var(--calendar-event-hover-bg);
    transform: translateY(-1px);
}

.calendar-event:focus[b-myhz5gf9ro],
.calendar-event:focus-visible[b-myhz5gf9ro] {
    outline: none;
    box-shadow: 0 0 0 0.2rem var(--calendar-focus-ring);
    z-index: 1;
}

/* Time stays compact, doesn't wrap */
.calendar-event .event-time[b-myhz5gf9ro] {
    color: var(--calendar-event-time-color);
    font-weight: 600;
    flex: 0 0 auto;
    font-size: 0.625rem;
    white-space: nowrap;
}

/* Name takes remaining space, wraps with 2-line clamp */
.calendar-event .event-name[b-myhz5gf9ro] {
    font-weight: 500;
    flex: 1 1 0; /* Changed from 1 1 auto to allow proper shrinking */
    min-width: 0; /* Critical: allows text to shrink and wrap */
    word-break: break-word;
    overflow-wrap: anywhere;
    /* 2-line clamp for month view */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* All-day / multi-day events in month view */
.calendar-event.is-all-day[b-myhz5gf9ro] {
    background-color: var(--bs-success);
    border-left: 3px solid var(--bs-success-text-emphasis);
}

.calendar-event.is-all-day:hover[b-myhz5gf9ro] {
    background-color: var(--bs-success-text-emphasis);
}

/* More Events Link */
.calendar-more-events[b-myhz5gf9ro] {
    font-size: 0.6875rem;
    font-weight: 500;
    padding: 0.125rem 0.375rem;
    color: var(--bs-secondary-color);
    cursor: pointer;
    border-radius: var(--bs-border-radius-sm);
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    margin-top: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.calendar-more-events:hover[b-myhz5gf9ro] {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

.calendar-more-events:focus[b-myhz5gf9ro],
.calendar-more-events:focus-visible[b-myhz5gf9ro] {
    outline: none;
    box-shadow: 0 0 0 0.2rem var(--calendar-focus-ring);
}

/* =============================================
   Week View Styles
   ============================================= */
.calendar-week-view[b-myhz5gf9ro] {
    border: 1px solid var(--calendar-border-color);
    border-radius: var(--calendar-border-radius);
    overflow: hidden;
}

.calendar-week-view .calendar-weekdays[b-myhz5gf9ro] {
    background-color: var(--calendar-header-bg);
}

.calendar-week-view .calendar-weekday-header[b-myhz5gf9ro] {
    border-left: 1px solid var(--calendar-border-color);
    border-right: none;
    padding: 0.5rem 0.25rem;
}

.calendar-week-view .calendar-weekday-header:first-of-type[b-myhz5gf9ro] {
    border-left: none;
}

/* Today Header in Week View */
.calendar-week-view .calendar-weekday-header.bg-primary[b-myhz5gf9ro] {
    background-color: var(--bs-primary) !important;
}

.weekday-name[b-myhz5gf9ro] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bs-secondary-color);
}

.bg-primary .weekday-name[b-myhz5gf9ro] {
    color: rgba(255, 255, 255, 0.85);
}

.weekday-date[b-myhz5gf9ro] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--bs-body-color);
}

.bg-primary .weekday-date[b-myhz5gf9ro] {
    color: #fff;
}

/* Time Gutter */
.calendar-time-gutter[b-myhz5gf9ro] {
    background-color: var(--calendar-gutter-bg);
}

.time-slot[b-myhz5gf9ro] {
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 40px;
    color: var(--bs-secondary-color);
    padding-right: 0.375rem;
}

/* Week Day Columns */
.calendar-week-day[b-myhz5gf9ro] {
    position: relative;
    background-color: var(--calendar-day-bg);
}

.calendar-week-day.calendar-day-today[b-myhz5gf9ro] {
    background-color: var(--calendar-today-bg);
}

.hour-line[b-myhz5gf9ro] {
    border-color: var(--calendar-hour-line-color) !important;
    pointer-events: none;
}

/* =============================================
   Event Items in Week View - IMPROVED
   ============================================= */

/* Week day events container - non-interactive, events inside are interactive */
.week-day-events[b-myhz5gf9ro] {
    pointer-events: none;
}

.calendar-event-week[b-myhz5gf9ro] {
    background-color: var(--calendar-event-bg);
    color: var(--calendar-event-text);
    overflow: hidden;
    border-left: 3px solid var(--calendar-event-hover-bg);
    border-radius: var(--bs-border-radius-sm);
    padding: 4px 6px;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    /* Enforce minimum height for readability */
    min-height: var(--calendar-week-event-min-height);
    /* Make events interactive while container is not */
    pointer-events: auto;
}

.calendar-event-week:hover[b-myhz5gf9ro] {
    background-color: var(--calendar-event-hover-bg);
}

.calendar-event-week:focus[b-myhz5gf9ro],
.calendar-event-week:focus-visible[b-myhz5gf9ro] {
    outline: none;
    box-shadow: 0 0 0 0.2rem var(--calendar-focus-ring);
    z-index: 20;
}

/* Time - always visible */
.calendar-event-week .event-time[b-myhz5gf9ro] {
    color: var(--calendar-event-time-color);
    font-size: 0.625rem;
    font-weight: 600;
    flex-shrink: 0;
    white-space: nowrap;
    line-height: 1.3;
}

/* Event name - wraps by default (2 lines max for taller events) */
.calendar-event-week .event-name[b-myhz5gf9ro] {
    font-weight: 500;
    font-size: 0.6875rem;
    line-height: 1.25;
    overflow: hidden;
    /* Default: allow wrapping, 2-line clamp */
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Compact mode for short events (height < 44px): single line with ellipsis */
.calendar-event-week.is-compact[b-myhz5gf9ro] {
    padding: 2px 6px;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.calendar-event-week.is-compact .event-time[b-myhz5gf9ro] {
    font-size: 0.5625rem;
}

.calendar-event-week.is-compact .event-name[b-myhz5gf9ro] {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: unset;
    font-size: 0.625rem;
    flex: 1;
    min-width: 0;
}

/* Dense mode for heavily overlapping events (ColumnCount >= 4): minimal styling for readability */
.calendar-event-week.is-dense[b-myhz5gf9ro] {
    padding: 2px 4px;
    gap: 2px;
    border-left-width: 2px;
}

.calendar-event-week.is-dense .event-time[b-myhz5gf9ro] {
    font-size: 0.5rem;
    line-height: 1.2;
}

.calendar-event-week.is-dense .event-name[b-myhz5gf9ro] {
    font-size: 0.5625rem;
    line-height: 1.2;
    /* Force single line in dense mode */
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: unset;
}

/* Dense + compact combined */
.calendar-event-week.is-dense.is-compact[b-myhz5gf9ro] {
    padding: 1px 3px;
    gap: 2px;
}

.calendar-event-week.is-dense.is-compact .event-time[b-myhz5gf9ro] {
    font-size: 0.5rem;
}

.calendar-event-week.is-dense.is-compact .event-name[b-myhz5gf9ro] {
    font-size: 0.5rem;
}

/* Taller events (non-compact) get more padding */
.calendar-event-week:not(.is-compact)[b-myhz5gf9ro] {
    padding: 4px 8px;
    gap: 2px;
}

/* =============================================
   Modal Scroll Lock
   ============================================= */
.events-calendar.modal-open[b-myhz5gf9ro] {
    overflow: hidden;
}

/* When modal is open, prevent body scroll */
body:has(.events-calendar.modal-open)[b-myhz5gf9ro] {
    overflow: hidden;
}

/* Fallback for browsers not supporting :has() */
.events-calendar.modal-open ~ *[b-myhz5gf9ro] {
    pointer-events: none;
}

/* =============================================
   Cursor Helper
   ============================================= */
.cursor-pointer[b-myhz5gf9ro] {
    cursor: pointer;
}

/* =============================================
   Responsive Adjustments
   ============================================= */

/* Medium screens (tablets) */
@media (max-width: 991.98px) {
    .calendar-day[b-myhz5gf9ro] {
        min-height: 90px;
    }

    .calendar-event[b-myhz5gf9ro] {
        font-size: 0.625rem;
        padding: 0.1875rem 0.25rem;
        max-height: 2.25rem;
    }

    .calendar-event .event-name[b-myhz5gf9ro] {
        -webkit-line-clamp: 2;
    }

    .calendar-weekday-header[b-myhz5gf9ro] {
        font-size: 0.75rem;
    }

    .weekday-date[b-myhz5gf9ro] {
        font-size: 1rem;
    }

    .time-slot[b-myhz5gf9ro] {
        font-size: 0.5625rem;
    }

    .calendar-event-week .event-time[b-myhz5gf9ro] {
        font-size: 0.5625rem;
    }

    .calendar-event-week .event-name[b-myhz5gf9ro] {
        font-size: 0.625rem;
    }

    /* All-day lane responsive */
    .all-day-lane[b-myhz5gf9ro] {
        min-height: 52px;
    }

    .all-day-label[b-myhz5gf9ro] {
        font-size: 0.5rem;
    }

    .all-day-event[b-myhz5gf9ro] {
        font-size: 0.5625rem;
        padding: 0.125rem 0.25rem;
    }
}

/* Small screens (phones landscape) */
@media (max-width: 767.98px) {
    .calendar-header[b-myhz5gf9ro] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .calendar-header .calendar-title[b-myhz5gf9ro] {
        order: -1;
    }

    .calendar-day[b-myhz5gf9ro] {
        min-height: 80px;
    }

    .calendar-day-header[b-myhz5gf9ro] {
        padding: 0.1875rem 0.25rem;
    }

    .calendar-day-number[b-myhz5gf9ro] {
        font-size: 0.75rem;
        min-width: 1.25rem;
        height: 1.25rem;
    }

    .calendar-day-events[b-myhz5gf9ro] {
        gap: 0.125rem;
        padding: 0 0.1875rem 0.25rem;
    }

    .calendar-event[b-myhz5gf9ro] {
        font-size: 0.5625rem;
        padding: 0.125rem 0.25rem;
        max-height: 2rem;
    }

    .calendar-event .event-time[b-myhz5gf9ro] {
        font-size: 0.5rem;
    }

    .calendar-event .event-name[b-myhz5gf9ro] {
        -webkit-line-clamp: 1;
    }

    .calendar-weekday-header[b-myhz5gf9ro] {
        font-size: 0.625rem;
        padding: 0.375rem 0.125rem !important;
    }

    .weekday-name[b-myhz5gf9ro] {
        font-size: 0.5rem;
    }

    .weekday-date[b-myhz5gf9ro] {
        font-size: 0.875rem;
    }

    .calendar-time-gutter[b-myhz5gf9ro] {
        width: 40px !important;
    }

    .time-slot[b-myhz5gf9ro] {
        font-size: 0.5rem;
        padding-right: 0.25rem;
    }

    .calendar-event-week[b-myhz5gf9ro] {
        padding: 0.125rem 0.25rem;
    }

    .calendar-event-week .event-time[b-myhz5gf9ro] {
        font-size: 0.5rem;
    }

    .calendar-event-week .event-name[b-myhz5gf9ro] {
        font-size: 0.5625rem;
        -webkit-line-clamp: 1;
    }

    .calendar-more-events[b-myhz5gf9ro] {
        font-size: 0.5625rem;
    }

    /* All-day lane responsive */
    .all-day-lane[b-myhz5gf9ro] {
        min-height: 44px;
    }

    .all-day-label[b-myhz5gf9ro] {
        font-size: 0.4375rem;
        padding-right: 0.25rem;
    }

    .all-day-cell[b-myhz5gf9ro] {
        padding: 0.125rem;
    }

    .all-day-event[b-myhz5gf9ro] {
        font-size: 0.5rem;
        padding: 0.0625rem 0.1875rem;
        border-left-width: 2px;
    }

    .all-day-events .calendar-more-events[b-myhz5gf9ro] {
        font-size: 0.5rem;
        padding: 0.0625rem 0.125rem;
    }
}

/* Extra small screens (phones portrait) */
@media (max-width: 575.98px) {
    .calendar-navigation .btn[b-myhz5gf9ro] {
        padding: 0.25rem 0.375rem;
        font-size: 0.75rem;
    }

    .calendar-view-switcher .btn[b-myhz5gf9ro] {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }

    .calendar-title h4[b-myhz5gf9ro] {
        font-size: 1rem;
    }

    .calendar-day[b-myhz5gf9ro] {
        min-height: 70px;
    }

    /* Show only 2 events max on very small screens */
    .calendar-day-events .calendar-event:nth-child(n+3)[b-myhz5gf9ro] {
        display: none;
    }

    .calendar-event .event-time[b-myhz5gf9ro] {
        display: none;
    }

    .calendar-event .event-name[b-myhz5gf9ro] {
        font-size: 0.5rem;
        -webkit-line-clamp: 1;
    }

    /* All-day lane - show only 1 event */
    .all-day-events .all-day-event:nth-child(n+2)[b-myhz5gf9ro] {
        display: none;
    }

    .all-day-event .event-name[b-myhz5gf9ro] {
        font-size: 0.4375rem;
    }
}

/* =============================================
   All-Day Lane (Week View) - Spanning Bars
   ============================================= */
.all-day-lane[b-myhz5gf9ro] {
    --all-day-bar-height: 22px;
    --all-day-rows: 1;
    background-color: var(--calendar-header-bg);
    border-bottom: 2px solid var(--calendar-border-color);
    min-height: calc(var(--all-day-rows) * (var(--all-day-bar-height) + 2px) + 8px);
}

.all-day-label[b-myhz5gf9ro] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.375rem;
    font-size: 0.5625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--bs-secondary-color);
    background-color: var(--calendar-gutter-bg);
    flex-shrink: 0;
}

.all-day-content[b-myhz5gf9ro] {
    position: relative;
    min-height: calc(var(--all-day-rows) * (var(--all-day-bar-height) + 2px) + 4px);
    padding: 2px 0;
}

/* Day column backgrounds for visual alignment */
.all-day-columns[b-myhz5gf9ro] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.all-day-column[b-myhz5gf9ro] {
    border-right: 1px solid var(--calendar-border-color);
    background-color: var(--calendar-day-bg);
}

.all-day-column:last-child[b-myhz5gf9ro] {
    border-right: none;
}

.all-day-column.calendar-day-today[b-myhz5gf9ro] {
    background-color: var(--calendar-today-bg);
}

/* Container for spanning bars */
.all-day-bars[b-myhz5gf9ro] {
    position: relative;
    pointer-events: none;
    padding: 2px;
}

/* Individual spanning bar */
.all-day-event-bar[b-myhz5gf9ro] {
    position: absolute;
    display: flex;
    align-items: center;
    height: var(--all-day-bar-height);
    background-color: var(--bs-success);
    color: var(--calendar-event-text);
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1.3;
    padding: 0 0.5rem;
    margin-left: 2px;
    border-radius: var(--bs-border-radius-sm);
    border-left: 3px solid var(--bs-success-text-emphasis);
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    overflow: hidden;
    pointer-events: auto;
    z-index: 1;
}

.all-day-event-bar:hover[b-myhz5gf9ro] {
    background-color: var(--bs-success-text-emphasis);
    z-index: 2;
}

.all-day-event-bar:focus[b-myhz5gf9ro],
.all-day-event-bar:focus-visible[b-myhz5gf9ro] {
    outline: none;
    box-shadow: 0 0 0 0.2rem var(--calendar-focus-ring);
    z-index: 3;
}

.all-day-event-bar .event-name[b-myhz5gf9ro] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    /* Allow wrapping for wider bars (2 lines max) */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-word;
}

/* Overflow indicator */
.all-day-overflow[b-myhz5gf9ro] {
    position: absolute;
    bottom: 2px;
    right: 4px;
    font-size: 0.5625rem;
    font-weight: 500;
    padding: 0.125rem 0.375rem;
    color: var(--bs-secondary-color);
    background-color: var(--bs-secondary-bg);
    border-radius: var(--bs-border-radius-sm);
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    pointer-events: auto;
    z-index: 10;
}

.all-day-overflow:hover[b-myhz5gf9ro] {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

.all-day-overflow:focus[b-myhz5gf9ro],
.all-day-overflow:focus-visible[b-myhz5gf9ro] {
    outline: none;
    box-shadow: 0 0 0 0.2rem var(--calendar-focus-ring);
}

/* Remove old all-day cell styles (replaced by spanning bars) */
.all-day-cell[b-myhz5gf9ro],
.all-day-events[b-myhz5gf9ro],
.all-day-event[b-myhz5gf9ro] {
    display: none;
}

/* Time Gutter */
/* /Components/Pages/Agenda/Records/Edit.razor.rz.scp.css */
/* Agenda Records Edit Component Scoped Styles */

.required-field[b-js5gh8kxym]::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}

/* Style for disabled checkbox to make it visually appear grayed out */
.form-check-input:disabled[b-js5gh8kxym] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Style for disabled checkbox label to also appear grayed out */
.form-check:has(.form-check-input:disabled) .form-check-label[b-js5gh8kxym] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Disabled input text fields */
.form-control:disabled[b-js5gh8kxym],
.form-control[disabled][b-js5gh8kxym] {
    background-color: #dcdce0;
    opacity: 1;
    cursor: not-allowed;
    border-color: #e2e3e5;
    color: #7a7a7d;
}

/* Disabled select dropdowns */
.form-select:disabled[b-js5gh8kxym],
.form-select[disabled][b-js5gh8kxym] {
    background-color: #dcdce0;
    opacity: 1;
    cursor: not-allowed;
    border-color: #e2e3e5;
    color: #7a7a7d;
}

/* Disabled textarea */
textarea.form-control:disabled[b-js5gh8kxym],
textarea.form-control[disabled][b-js5gh8kxym] {
    background-color: #dcdce0;
    opacity: 1;
    cursor: not-allowed;
    border-color: #e2e3e5;
    color: #7a7a7d;
}

/* Readonly inputs - similar but distinguishable from disabled */
.form-control[readonly][b-js5gh8kxym],
.form-control:read-only[b-js5gh8kxym] {
    background-color: #f4f4f9;
    opacity: 1;
    cursor: default;
}

/* Disabled file inputs */
.form-control[type="file"]:disabled[b-js5gh8kxym] {
    background-color: #dcdce0;
    opacity: 1;
    cursor: not-allowed;
}

/* Subtle gray out for labels when the associated input/select is disabled */
/* Keep original colors but reduce opacity slightly - more subtle than before */
.form-label:has(+ .form-control:disabled)[b-js5gh8kxym],
.form-label:has(+ .form-select:disabled)[b-js5gh8kxym],
.form-label:has(+ .form-control[disabled])[b-js5gh8kxym],
.form-label:has(+ .form-select[disabled])[b-js5gh8kxym],
.form-label:has(> .form-control:disabled)[b-js5gh8kxym],
.form-label:has(> .form-select:disabled)[b-js5gh8kxym],
.form-label:has(> .form-control[disabled])[b-js5gh8kxym],
.form-label:has(> .form-select[disabled])[b-js5gh8kxym] {
    opacity: 0.65;
    cursor: not-allowed;
}

/* Small helper text under disabled inputs should also be faded */
.form-label:has(.form-control:disabled) + small[b-js5gh8kxym],
.form-label:has(.form-select:disabled) + small[b-js5gh8kxym],
.form-label:has(.form-control[disabled]) + small[b-js5gh8kxym],
.form-label:has(.form-select[disabled]) + small[b-js5gh8kxym],
small:has(+ .form-control:disabled)[b-js5gh8kxym],
small:has(+ .form-select:disabled)[b-js5gh8kxym] {
    opacity: 0.6;
}
/* /Components/Pages/Agenda/Records/Edit2.razor.rz.scp.css */
/* Agenda Records Edit Component Scoped Styles */

.required-field[b-wnudnlf2sw]::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}

/* Style for disabled checkbox to make it visually appear grayed out */
.form-check-input:disabled[b-wnudnlf2sw] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Style for disabled checkbox label to also appear grayed out */
.form-check:has(.form-check-input:disabled) .form-check-label[b-wnudnlf2sw] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Disabled input text fields */
.form-control:disabled[b-wnudnlf2sw],
.form-control[disabled][b-wnudnlf2sw] {
    background-color: #dcdce0;
    opacity: 1;
    cursor: not-allowed;
    border-color: #e2e3e5;
    color: #7a7a7d;
}

/* Disabled select dropdowns */
.form-select:disabled[b-wnudnlf2sw],
.form-select[disabled][b-wnudnlf2sw] {
    background-color: #dcdce0;
    opacity: 1;
    cursor: not-allowed;
    border-color: #e2e3e5;
    color: #7a7a7d;
}

/* Disabled textarea */
textarea.form-control:disabled[b-wnudnlf2sw],
textarea.form-control[disabled][b-wnudnlf2sw] {
    background-color: #dcdce0;
    opacity: 1;
    cursor: not-allowed;
    border-color: #e2e3e5;
    color: #7a7a7d;
}

/* Readonly inputs - similar but distinguishable from disabled */
.form-control[readonly][b-wnudnlf2sw],
.form-control:read-only[b-wnudnlf2sw] {
    background-color: #f4f4f9;
    opacity: 1;
    cursor: default;
}

/* Disabled file inputs */
.form-control[type="file"]:disabled[b-wnudnlf2sw] {
    background-color: #dcdce0;
    opacity: 1;
    cursor: not-allowed;
}

/* Subtle gray out for labels when the associated input/select is disabled */
/* Keep original colors but reduce opacity slightly - more subtle than before */
.form-label:has(+ .form-control:disabled)[b-wnudnlf2sw],
.form-label:has(+ .form-select:disabled)[b-wnudnlf2sw],
.form-label:has(+ .form-control[disabled])[b-wnudnlf2sw],
.form-label:has(+ .form-select[disabled])[b-wnudnlf2sw],
.form-label:has(> .form-control:disabled)[b-wnudnlf2sw],
.form-label:has(> .form-select:disabled)[b-wnudnlf2sw],
.form-label:has(> .form-control[disabled])[b-wnudnlf2sw],
.form-label:has(> .form-select[disabled])[b-wnudnlf2sw] {
    opacity: 0.65;
    cursor: not-allowed;
}

/* Small helper text under disabled inputs should also be faded */
.form-label:has(.form-control:disabled) + small[b-wnudnlf2sw],
.form-label:has(.form-select:disabled) + small[b-wnudnlf2sw],
.form-label:has(.form-control[disabled]) + small[b-wnudnlf2sw],
.form-label:has(.form-select[disabled]) + small[b-wnudnlf2sw],
small:has(+ .form-control:disabled)[b-wnudnlf2sw],
small:has(+ .form-select:disabled)[b-wnudnlf2sw] {
    opacity: 0.6;
}
/* /Components/Pages/Agenda/Tasks/Components/QuickWorkEntryCorrectionDialog.razor.rz.scp.css */
.quick-work-entry-correction-dialog .modal-dialog[b-qo78t737ow] {
    max-width: 680px;
}

.quick-work-entry-correction-dialog .modal-content[b-qo78t737ow] {
    max-height: calc(100vh - 3rem);
    overflow: hidden;
}

.quick-work-entry-correction-dialog .modal-header[b-qo78t737ow] {
    background: var(--af-teal);
    color: white;
}

.quick-work-entry-correction-dialog .modal-header .btn-close[b-qo78t737ow] {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.quick-work-entry-correction-dialog .modal-body[b-qo78t737ow] {
    overflow-y: auto;
    padding: 1.25rem;
}

.quick-work-entry-correction-dialog__two-columns[b-qo78t737ow] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
}

.quick-work-entry-correction-dialog__participant-summary[b-qo78t737ow] {
    color: var(--bs-secondary-color);
}

@media (max-width: 700px) {
    .quick-work-entry-correction-dialog__two-columns[b-qo78t737ow] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* /Components/Pages/Agenda/Tasks/Components/QuickWorkEntryDialog.razor.rz.scp.css */
.quick-work-entry-dialog .modal-dialog[b-ikxs3vaag7] {
    max-width: 680px;
}

.quick-work-entry-dialog .modal-content[b-ikxs3vaag7] {
    max-height: calc(100vh - 3rem);
    overflow: hidden;
}

.quick-work-entry-dialog .modal-header[b-ikxs3vaag7] {
    background: var(--af-teal);
    color: white;
}

.quick-work-entry-dialog .modal-header .btn-close[b-ikxs3vaag7] {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.quick-work-entry-dialog .modal-body[b-ikxs3vaag7] {
    overflow-y: auto;
    padding: 1.25rem;
}

.quick-work-entry-dialog__intro[b-ikxs3vaag7] {
    padding: .75rem 1rem;
}

.quick-work-entry-dialog__two-columns[b-ikxs3vaag7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
}

.quick-work-entry-dialog__participant-summary[b-ikxs3vaag7] {
    color: var(--bs-secondary-color);
}

@media (max-width: 700px) {
    .quick-work-entry-dialog__two-columns[b-ikxs3vaag7] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* /Components/Pages/Agenda/Tasks/Components/QuickWorkEntryDispositionFields.razor.rz.scp.css */
.quick-work-entry-dialog__outcomes[b-gq46oqx3j8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    gap: 1rem;
}

.quick-work-entry-dialog__outcome[b-gq46oqx3j8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
    padding: .85rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}

.quick-work-entry-dialog__outcome:has(input:checked)[b-gq46oqx3j8] {
    border-color: var(--bs-primary);
    background: color-mix(in srgb, var(--bs-primary) 8%, white);
}

.quick-work-entry-dialog__outcome input[b-gq46oqx3j8] {
    margin-top: .2rem;
}

.quick-work-entry-dialog__outcome strong[b-gq46oqx3j8],
.quick-work-entry-dialog__outcome small[b-gq46oqx3j8] {
    display: block;
}

.quick-work-entry-dialog__outcome small[b-gq46oqx3j8] {
    margin-top: .25rem;
    color: var(--bs-secondary-color);
    line-height: 1.35;
}
/* /Components/Pages/CompanyChat/Index.razor.rz.scp.css */
.company-chat-context-split[b-899dwir1kz] {
    display: inline-flex;
    align-items: stretch;
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--af-teal-border, rgba(41, 115, 114, .25));
    border-radius: 999px;
    background: #fff;
    color: #29485f;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.company-chat-context-split:hover[b-899dwir1kz],
.company-chat-context-split:focus-within[b-899dwir1kz] {
    border-color: var(--af-teal, #297372);
    box-shadow: 0 0 0 3px var(--af-teal-light, rgba(41, 115, 114, .08));
}

.company-chat-context-split.unavailable[b-899dwir1kz] {
    opacity: .65;
    border-style: dashed;
}

.company-chat-context-split .company-chat-context-chip[b-899dwir1kz],
.company-chat-context-split .company-chat-context-inspect[b-899dwir1kz] {
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
}

.company-chat-context-split .company-chat-context-chip[b-899dwir1kz] {
    flex: 1 1 auto;
    min-width: 0;
    padding: .38rem .65rem .38rem .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-chat-context-split .company-chat-context-chip.active[b-899dwir1kz] {
    background: var(--af-teal-light, rgba(41, 115, 114, .08));
    color: #175f61;
    font-weight: 600;
}

.company-chat-context-split .company-chat-context-inspect[b-899dwir1kz] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    min-width: 2.25rem;
    padding: .38rem .62rem;
    border-left: 1px solid var(--af-teal-border, rgba(41, 115, 114, .25));
    background: var(--af-teal-light, rgba(41, 115, 114, .08));
    color: var(--af-teal, #297372);
    transition: background-color .15s ease, color .15s ease;
}

.company-chat-context-split .company-chat-context-inspect:hover[b-899dwir1kz] {
    background: var(--af-teal, #297372);
    color: #fff;
}

.company-chat-context-split .company-chat-context-inspect i[b-899dwir1kz] {
    display: block;
    font-size: .9rem;
    line-height: 1;
}

.company-chat-context-split .company-chat-context-chip:focus-visible[b-899dwir1kz],
.company-chat-context-split .company-chat-context-inspect:focus-visible[b-899dwir1kz] {
    position: relative;
    z-index: 1;
    outline: 2px solid #227e80;
    outline-offset: -2px;
}

.company-chat-context-search-error[b-899dwir1kz] {
    margin: .45rem 0 0;
    padding: .5rem .65rem;
    font-size: .8rem;
}

@media (max-width: 800px) {
    .company-chat-context-split[b-899dwir1kz] {
        flex: 0 1 auto;
        max-width: min(100%, 24rem);
    }

    .company-chat-context-split .company-chat-context-inspect[b-899dwir1kz] {
        flex-basis: 44px;
        min-width: 44px;
        min-height: 44px;
        padding: 0;
    }
}

@media (hover: none), (pointer: coarse) {
    .company-chat-context-split .company-chat-context-inspect[b-899dwir1kz] {
        flex-basis: 44px;
        min-width: 44px;
        min-height: 44px;
        padding: 0;
    }
}
/* /Components/Pages/Help/Chapters/Adresar/AdresarChapter.razor.rz.scp.css */
.adresar-chapter-page[b-vfgw2i5i2q] {
    --adr-ink: #173536;
    --adr-muted: #607374;
    --adr-teal: #167c78;
    --adr-teal-dark: #0d5d5a;
    --adr-teal-soft: #e8f5f3;
    --adr-mint: #cde9df;
    --adr-lime: #a9c93f;
    --adr-surface: #ffffff;
    --adr-canvas: #f6f9f8;
    --adr-line: #dce7e5;
    --adr-warn: #a95c13;
    --adr-warn-soft: #fff5e8;
    color: var(--adr-ink);
}

/* ---------- shared chapter frame ---------- */

.adresar-chapter-page[b-vfgw2i5i2q]  .help-chapter-layout > .row:nth-of-type(2) > .col-12 > .card {
    overflow: hidden;
    border: 1px solid var(--adr-line);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(29, 65, 64, .09);
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-chapter-layout .card-header {
    padding: .95rem 1.5rem;
    border: 0;
    background: var(--adr-teal-dark) !important;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-chapter-layout .card-header .card-title {
    font-size: .88rem;
    font-weight: 750;
    letter-spacing: .11em;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-chapter-content {
    max-width: none;
    padding: 0;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-chapter-lead {
    margin: 0;
    padding: 1.1rem 1.75rem;
    border: 0;
    background: #eef6f5;
    color: #476362;
    font-size: .95rem;
    line-height: 1.65;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-section {
    margin: 0;
    padding: 4rem clamp(1.25rem, 4vw, 3.5rem);
    border-top: 1px solid var(--adr-line);
    scroll-margin-top: 1rem;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-section:nth-of-type(even) {
    background: var(--adr-canvas);
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-section > h2 {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    color: var(--adr-ink);
    font-size: clamp(1.55rem, 2.3vw, 2.05rem);
    font-weight: 760;
    letter-spacing: -.025em;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-section > h2 i {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 12px;
    background: var(--adr-teal-soft);
    color: var(--adr-teal);
    font-size: 1.1rem;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-toc {
    border: 1px solid var(--adr-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 30px rgba(29, 65, 64, .08);
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-toc-title {
    color: var(--adr-teal-dark);
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-toc a {
    border-radius: 8px;
    color: #526b6a;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-toc a:hover {
    background: var(--adr-teal-soft);
    color: var(--adr-teal-dark);
}

/* ---------- hero ---------- */

.adresar-hero[b-vfgw2i5i2q] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center;
    min-height: 30rem;
    padding: clamp(2.5rem, 6vw, 5.5rem) clamp(1.25rem, 5vw, 4.5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 12%, rgba(169, 201, 63, .16), transparent 32%),
        radial-gradient(circle at 92% 88%, rgba(67, 166, 155, .22), transparent 34%),
        linear-gradient(135deg, #f4fbf8 0%, #e6f3f1 100%);
}

.adresar-hero[b-vfgw2i5i2q]::after {
    position: absolute;
    right: -5rem;
    top: -8rem;
    width: 24rem;
    height: 24rem;
    border: 1px solid rgba(22, 124, 120, .15);
    border-radius: 50%;
    box-shadow: 0 0 0 3rem rgba(22, 124, 120, .035), 0 0 0 7rem rgba(22, 124, 120, .025);
    content: "";
}

.adresar-hero__copy[b-vfgw2i5i2q],
.adresar-hero__panel[b-vfgw2i5i2q] {
    position: relative;
    z-index: 1;
}

.eyebrow[b-vfgw2i5i2q] {
    display: inline-block;
    color: var(--adr-teal);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.adresar-hero h2[b-vfgw2i5i2q] {
    max-width: 46rem;
    margin: .75rem 0 1.25rem;
    color: var(--adr-ink);
    font-size: clamp(2.15rem, 4.5vw, 3.9rem);
    font-weight: 780;
    letter-spacing: -.055em;
    line-height: 1.03;
}

.adresar-hero__copy > p[b-vfgw2i5i2q] {
    max-width: 46rem;
    margin: 0;
    color: #486261;
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    line-height: 1.75;
}

.adresar-hero__actions[b-vfgw2i5i2q] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.8rem;
}

.help-primary-action[b-vfgw2i5i2q],
.help-secondary-action[b-vfgw2i5i2q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: .7rem 1.05rem;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.help-primary-action[b-vfgw2i5i2q] {
    gap: .55rem;
    background: var(--adr-teal-dark);
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(13, 93, 90, .2);
}

.help-secondary-action[b-vfgw2i5i2q] {
    border: 1px solid rgba(13, 93, 90, .22);
    background: rgba(255, 255, 255, .72);
    color: var(--adr-teal-dark) !important;
}

.help-primary-action:hover[b-vfgw2i5i2q],
.help-secondary-action:hover[b-vfgw2i5i2q] {
    transform: translateY(-1px);
}

.adresar-hero__panel[b-vfgw2i5i2q] {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 18px;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 22px 55px rgba(17, 78, 75, .12);
    backdrop-filter: blur(10px);
}

.hero-point[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    gap: .8rem;
    padding: 1rem;
}

.hero-point + .hero-point[b-vfgw2i5i2q] {
    border-top: 1px solid var(--adr-line);
}

.hero-point__number[b-vfgw2i5i2q] {
    color: var(--adr-lime);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.hero-point strong[b-vfgw2i5i2q],
.hero-point span:not(.hero-point__number)[b-vfgw2i5i2q] {
    display: block;
}

.hero-point strong[b-vfgw2i5i2q] {
    margin-bottom: .3rem;
    color: var(--adr-ink);
    font-size: .95rem;
}

.hero-point div span[b-vfgw2i5i2q] {
    color: var(--adr-muted);
    font-size: .82rem;
    line-height: 1.45;
}

/* ---------- orientation strip ---------- */

.orientation-strip[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--adr-line);
    border-bottom: 1px solid var(--adr-line);
    background: #fff;
}

.orientation-strip > div[b-vfgw2i5i2q] {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 1.2rem 1.5rem;
    color: var(--adr-muted);
    font-size: .82rem;
    line-height: 1.4;
}

.orientation-strip > div + div[b-vfgw2i5i2q] {
    border-left: 1px solid var(--adr-line);
}

.orientation-strip i[b-vfgw2i5i2q] {
    color: var(--adr-teal);
    font-size: 1.15rem;
}

.orientation-strip strong[b-vfgw2i5i2q],
.orientation-strip span[b-vfgw2i5i2q] {
    display: block;
}

.orientation-strip strong[b-vfgw2i5i2q] {
    color: var(--adr-ink);
}

/* ---------- shared section bits ---------- */

.section-intro[b-vfgw2i5i2q] {
    max-width: 55rem;
    margin: 0 0 1.75rem;
    color: var(--adr-muted);
    font-size: 1.02rem;
    line-height: 1.75;
}

/* ---------- principles (ucel) ---------- */

.principle-grid[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.principle-card[b-vfgw2i5i2q] {
    padding: 1.4rem;
    border: 1px solid var(--adr-line);
    border-radius: 15px;
    background: var(--adr-surface);
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.icon-tile[b-vfgw2i5i2q] {
    display: inline-grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 12px;
    background: var(--adr-teal-soft);
    color: var(--adr-teal);
    font-size: 1.2rem;
}

.principle-card h3[b-vfgw2i5i2q] {
    margin: 1.1rem 0 .55rem;
    color: var(--adr-ink);
    font-size: 1.04rem;
}

.principle-card p[b-vfgw2i5i2q] {
    margin: 0;
    color: var(--adr-muted);
    font-size: .9rem;
    line-height: 1.62;
}

.decision-panel[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: minmax(13rem, .72fr) 1.28fr;
    gap: 1.5rem;
    margin-top: 1.25rem;
    padding: 1.45rem;
    border-radius: 16px;
    background: var(--adr-ink);
    color: #fff;
}

.decision-panel .eyebrow[b-vfgw2i5i2q] {
    color: #a9d7cd;
}

.decision-panel h3[b-vfgw2i5i2q] {
    margin: .45rem 0 0;
    color: #fff;
    font-size: 1.25rem;
}

.decision-panel dl[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    margin: 0;
}

.decision-panel dl > div[b-vfgw2i5i2q] {
    padding: .9rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(255, 255, 255, .06);
}

.decision-panel dt[b-vfgw2i5i2q] {
    margin-bottom: .35rem;
    color: #d9ec83;
    font-weight: 750;
}

.decision-panel dd[b-vfgw2i5i2q] {
    margin: 0;
    color: #d6e1e0;
    font-size: .82rem;
    line-height: 1.5;
}

/* ---------- type cards (typy) ---------- */

.type-grid[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.type-card[b-vfgw2i5i2q] {
    position: relative;
    min-height: 15rem;
    padding: 1.4rem;
    overflow: hidden;
    border: 1px solid var(--adr-line);
    border-radius: 16px;
    background: #fff;
}

.type-card[b-vfgw2i5i2q]::after {
    position: absolute;
    right: -2rem;
    bottom: -3rem;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: var(--adr-teal-soft);
    content: "";
}

.type-card > i[b-vfgw2i5i2q] {
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    color: #a9c9c5;
    font-size: 1.5rem;
}

.type-card__label[b-vfgw2i5i2q] {
    display: inline-flex;
    padding: .3rem .55rem;
    border-radius: 999px;
    background: var(--adr-teal-soft);
    color: var(--adr-teal-dark);
    font-size: .68rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.type-card h3[b-vfgw2i5i2q] {
    max-width: 75%;
    margin: 1rem 0 .55rem;
    color: var(--adr-ink);
    font-size: 1.05rem;
}

.type-card p[b-vfgw2i5i2q] {
    position: relative;
    z-index: 1;
    margin: 0 0 1.2rem;
    color: var(--adr-muted);
    font-size: .88rem;
    line-height: 1.6;
}

.type-card a[b-vfgw2i5i2q] {
    position: relative;
    z-index: 1;
    color: var(--adr-teal-dark);
    font-size: .82rem;
    font-weight: 750;
    text-decoration: none;
}

/* ---------- quick decision + comparison (vyber) ---------- */

.quick-decision[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    margin: 0 0 1.25rem;
    padding: 0;
    list-style: none;
    counter-reset: quick-decision;
}

.quick-decision li[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    gap: .8rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid var(--adr-line);
    border-radius: 13px;
    background: #fff;
}

.quick-decision li > span[b-vfgw2i5i2q] {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 10px;
    background: var(--adr-teal-soft);
    color: var(--adr-teal);
    font-size: 1.05rem;
}

.quick-decision strong[b-vfgw2i5i2q],
.quick-decision small[b-vfgw2i5i2q] {
    display: block;
}

.quick-decision strong[b-vfgw2i5i2q] {
    margin-bottom: .25rem;
    color: var(--adr-ink);
    font-size: .86rem;
    line-height: 1.35;
}

.quick-decision small[b-vfgw2i5i2q] {
    color: var(--adr-muted);
    font-size: .76rem;
    line-height: 1.45;
}

.type-compare-scroll[b-vfgw2i5i2q] {
    overflow-x: auto;
    border: 1px solid var(--adr-line);
    border-radius: 14px;
    background: #fff;
}

.type-compare[b-vfgw2i5i2q] {
    width: 100%;
    min-width: 42rem;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .82rem;
}

.type-compare thead th[b-vfgw2i5i2q] {
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--adr-line);
    background: #edf5f4;
    color: var(--adr-ink);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.type-compare thead th i[b-vfgw2i5i2q] {
    margin-right: .35rem;
    color: var(--adr-teal);
}

.type-compare tbody th[b-vfgw2i5i2q] {
    padding: .8rem 1rem;
    border-top: 1px solid #e8efee;
    background: #fbfdfc;
    color: var(--adr-teal-dark);
    font-size: .76rem;
    font-weight: 780;
    text-align: left;
    vertical-align: top;
}

.type-compare tbody td[b-vfgw2i5i2q] {
    padding: .8rem 1rem;
    border-top: 1px solid #e8efee;
    color: var(--adr-muted);
    line-height: 1.5;
    vertical-align: top;
}

/* ---------- screen split (organizacie) ---------- */

.screen-split[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.screen-split__pane[b-vfgw2i5i2q] {
    padding: 1.3rem;
    border: 1px solid var(--adr-line);
    border-radius: 15px;
    background: #fff;
}

.screen-split__pane--accent[b-vfgw2i5i2q] {
    border-color: var(--adr-mint);
    background: #f4fbf8;
}

.screen-split__pane h3[b-vfgw2i5i2q] {
    margin: .45rem 0 .7rem;
    color: var(--adr-ink);
    font-size: 1.1rem;
}

.screen-split__pane ul[b-vfgw2i5i2q] {
    margin: 0;
    padding-left: 1.1rem;
}

.screen-split__pane li[b-vfgw2i5i2q] {
    margin-bottom: .45rem;
    color: var(--adr-muted);
    font-size: .85rem;
    line-height: 1.55;
}

.screen-split__pane li:last-child[b-vfgw2i5i2q] {
    margin-bottom: 0;
}

.screen-split__pane li i[b-vfgw2i5i2q] {
    color: var(--adr-teal);
}

.screen-split__pane > p[b-vfgw2i5i2q] {
    margin: 0;
    color: var(--adr-muted);
    font-size: .85rem;
    line-height: 1.6;
}

.screen-split__pane > p i[b-vfgw2i5i2q] {
    color: var(--adr-teal);
}

/* ---------- permissions + participants (adresar-opravnenia, ucastnici) ---------- */

.inline-next-step[b-vfgw2i5i2q] {
    display: flex;
    gap: .8rem;
    align-items: center;
    margin-top: 1.25rem;
    padding: .95rem 1.1rem;
    border: 1px solid var(--adr-line);
    border-radius: 12px;
    background: #fff;
}

.inline-next-step > i[b-vfgw2i5i2q] {
    color: var(--adr-teal);
    font-size: 1.15rem;
}

.inline-next-step strong[b-vfgw2i5i2q],
.inline-next-step div span[b-vfgw2i5i2q] {
    display: block;
}

.inline-next-step strong[b-vfgw2i5i2q] {
    color: var(--adr-ink);
    font-size: .86rem;
}

.inline-next-step div span[b-vfgw2i5i2q] {
    color: var(--adr-muted);
    font-size: .82rem;
    line-height: 1.55;
}

.inline-next-step a[b-vfgw2i5i2q] {
    color: var(--adr-teal-dark);
    font-weight: 700;
}

/* ---------- field panel (osoby) ---------- */

.field-panel[b-vfgw2i5i2q] {
    overflow: hidden;
    margin-bottom: 1rem;
    border: 1px solid var(--adr-line);
    border-radius: 15px;
    background: #fff;
}

.field-panel__title[b-vfgw2i5i2q] {
    display: flex;
    gap: .55rem;
    align-items: center;
    padding: .9rem 1.2rem;
    border-bottom: 1px solid var(--adr-line);
    background: var(--adr-teal-soft);
    color: var(--adr-teal-dark);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.field-list[b-vfgw2i5i2q] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0;
    padding: 1.1rem 1.2rem;
    list-style: none;
}

.field-list li[b-vfgw2i5i2q] {
    padding: .35rem .7rem;
    border: 1px solid #c9dcda;
    border-radius: 8px;
    background: #f1f7f6;
    color: var(--adr-teal-dark);
    font-size: .8rem;
    font-weight: 700;
}

.field-panel__note[b-vfgw2i5i2q] {
    margin: 0;
    padding: 0 1.2rem 1.1rem;
    color: var(--adr-muted);
    font-size: .84rem;
    line-height: 1.6;
}

/* ---------- persona boundary (pouzivatelia) ---------- */

.persona-boundary[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.persona-boundary__card[b-vfgw2i5i2q] {
    padding: 1.35rem;
    border: 1px solid var(--adr-line);
    border-radius: 16px;
    background: #fff;
}

.persona-boundary__card--admin[b-vfgw2i5i2q] {
    border: 0;
    background: var(--adr-teal-dark);
}

.persona-boundary__card--admin .eyebrow[b-vfgw2i5i2q] {
    color: #a9d7cd;
}

.persona-boundary__card h3[b-vfgw2i5i2q] {
    margin: .4rem 0 .8rem;
    color: var(--adr-ink);
    font-size: 1.1rem;
}

.persona-boundary__card ul[b-vfgw2i5i2q] {
    margin: 0;
    padding-left: 1.1rem;
}

.persona-boundary__card li[b-vfgw2i5i2q] {
    margin-bottom: .45rem;
    color: var(--adr-muted);
    font-size: .84rem;
    line-height: 1.55;
}

.persona-boundary__card li:last-child[b-vfgw2i5i2q] {
    margin-bottom: 0;
}

.persona-boundary__card--admin h3[b-vfgw2i5i2q] {
    color: #fff;
}

.persona-boundary__card--admin li[b-vfgw2i5i2q] {
    color: #d6e1e0;
}

.persona-boundary__card--admin li strong[b-vfgw2i5i2q] {
    color: #fff;
}

/* ---------- quality guidance (kvalita) ---------- */

.quality-guidance[b-vfgw2i5i2q] {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 1rem;
}

.quality-guidance > article[b-vfgw2i5i2q] {
    padding: 1.35rem;
    border-radius: 16px;
}

.quality-guidance__do[b-vfgw2i5i2q] {
    border: 1px solid var(--adr-line);
    background: #fff;
}

.quality-guidance h3[b-vfgw2i5i2q] {
    margin: .4rem 0 .8rem;
    color: var(--adr-ink);
    font-size: 1.1rem;
}

.quality-guidance ul[b-vfgw2i5i2q] {
    margin: 0;
    padding-left: 1.1rem;
}

.quality-guidance li[b-vfgw2i5i2q] {
    margin-bottom: .45rem;
    color: var(--adr-muted);
    font-size: .83rem;
    line-height: 1.52;
}

.quality-guidance__stop[b-vfgw2i5i2q] {
    border: 1px solid #f0d6b6;
    background: var(--adr-warn-soft);
}

.quality-guidance__stop > i[b-vfgw2i5i2q] {
    display: block;
    margin-bottom: 1.2rem;
    color: var(--adr-warn);
    font-size: 1.6rem;
}

.quality-guidance__stop .eyebrow[b-vfgw2i5i2q] {
    color: var(--adr-warn);
}

.quality-guidance__stop h3[b-vfgw2i5i2q] {
    color: #73400e;
}

.quality-guidance__stop p[b-vfgw2i5i2q],
.quality-guidance__stop > strong[b-vfgw2i5i2q] {
    color: #79522d;
    font-size: .82rem;
    line-height: 1.55;
}

.quality-guidance__stop p[b-vfgw2i5i2q] {
    margin: 0 0 .8rem;
}

/* ---------- scenarios ---------- */

.scenario-list[b-vfgw2i5i2q] {
    overflow: hidden;
    border: 1px solid var(--adr-line);
    border-radius: 16px;
    background: #fff;
}

.scenario-list details + details[b-vfgw2i5i2q] {
    border-top: 1px solid var(--adr-line);
}

.scenario-list summary[b-vfgw2i5i2q] {
    display: flex;
    gap: .9rem;
    align-items: center;
    padding: 1rem 1.2rem;
    cursor: pointer;
    list-style: none;
}

.scenario-list summary[b-vfgw2i5i2q]::-webkit-details-marker {
    display: none;
}

.scenario-list summary[b-vfgw2i5i2q]::after {
    margin-left: auto;
    color: var(--adr-teal);
    font-size: 1.3rem;
    content: "+";
}

.scenario-list details[open] summary[b-vfgw2i5i2q]::after {
    content: "−";
}

.scenario-icon[b-vfgw2i5i2q] {
    display: inline-grid;
    min-width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 10px;
    background: var(--adr-teal-soft);
    color: var(--adr-teal);
}

.scenario-list summary strong[b-vfgw2i5i2q],
.scenario-list summary small[b-vfgw2i5i2q] {
    display: block;
}

.scenario-list summary strong[b-vfgw2i5i2q] {
    color: var(--adr-ink);
    font-size: .9rem;
}

.scenario-list summary small[b-vfgw2i5i2q] {
    margin-top: .15rem;
    color: var(--adr-muted);
    font-size: .72rem;
}

.scenario-content[b-vfgw2i5i2q] {
    padding: 0 1.2rem 1.2rem 4.45rem;
}

.scenario-content p[b-vfgw2i5i2q],
.scenario-content li[b-vfgw2i5i2q] {
    color: var(--adr-muted);
    font-size: .83rem;
    line-height: 1.6;
}

.scenario-content p[b-vfgw2i5i2q],
.scenario-content ol[b-vfgw2i5i2q] {
    margin-bottom: 0;
}

/* ---------- shared help components ---------- */

.adresar-chapter-page[b-vfgw2i5i2q]  .help-subsection {
    margin-top: 1.5rem;
    padding: 1.4rem;
    border: 1px solid var(--adr-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-subsection > h3 {
    margin: 0 0 .9rem;
    padding: 0 0 .75rem;
    border-bottom: 1px solid var(--adr-line);
    color: var(--adr-ink);
    font-size: 1.1rem;
    font-weight: 750;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-subsection p {
    color: var(--adr-muted);
    font-size: .88rem;
    line-height: 1.65;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-subsection > p:last-child {
    margin-bottom: 0;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-steps {
    overflow: hidden;
    margin: 1rem 0 0;
    border: 1px solid var(--adr-line);
    border-radius: 14px;
    background: #fff;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-steps-title {
    padding: .9rem 1.1rem;
    border-bottom: 1px solid var(--adr-line);
    background: var(--adr-teal-soft);
    color: var(--adr-teal-dark);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-steps-list {
    margin: 0;
    padding: 0;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-steps-list > li {
    position: relative;
    min-height: 4.6rem;
    margin: 0;
    padding: 1rem 1rem 1rem 4.25rem;
    border: 0;
    color: var(--adr-muted);
    font-size: .85rem;
    line-height: 1.55;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-steps-list > li + li {
    border-top: 1px solid #edf2f1;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-steps-list > li::before {
    left: 1.15rem;
    top: 1rem;
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: var(--adr-teal-dark);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-step-title {
    display: block;
    margin-bottom: .2rem;
    color: var(--adr-ink);
    font-size: .88rem;
    font-weight: 750;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-callout {
    margin: 1rem 0 0;
    overflow: hidden;
    border-radius: 13px;
    box-shadow: none;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-callout-note {
    border-color: #c9e2de;
    background: var(--adr-teal-soft);
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-callout-warn {
    border-color: #f0d6b6;
    background: var(--adr-warn-soft);
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-callout-tip {
    border-color: #d9e8ad;
    background: #f7faea;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-callout-title {
    color: var(--adr-ink);
    font-size: .82rem;
    font-weight: 800;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-callout-body {
    color: var(--adr-muted);
    font-size: .84rem;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-callout-body > p:last-child {
    margin-bottom: 0;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-ui-chip {
    border-color: #c9dcda;
    border-radius: 8px;
    background: #f1f7f6;
    color: var(--adr-teal-dark);
    font-weight: 700;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-faq-item {
    margin: 0;
    border: 1px solid var(--adr-line);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-faq-item:first-of-type {
    border-radius: 15px 15px 0 0;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-faq-item:last-of-type {
    border-radius: 0 0 15px 15px;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-faq-item + .help-faq-item {
    border-top: 0;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-faq-item summary {
    position: relative;
    padding: 1.05rem 3.2rem 1.05rem 1.2rem;
    color: var(--adr-ink);
    font-size: .9rem;
    font-weight: 730;
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-faq-item summary::after {
    position: absolute;
    right: 1.2rem;
    color: var(--adr-teal);
    font-size: 1.2rem;
    content: "+";
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-faq-item[open] summary {
    background: var(--adr-teal-soft);
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-faq-item[open] summary::after {
    content: "−";
}

.adresar-chapter-page[b-vfgw2i5i2q]  .help-faq-answer {
    padding: .2rem 1.2rem 1.1rem;
    color: var(--adr-muted);
    font-size: .84rem;
    line-height: 1.6;
}

/* ---------- responsive ---------- */

@media (max-width: 1199.98px) {
    .quick-decision[b-vfgw2i5i2q] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .adresar-hero[b-vfgw2i5i2q] {
        grid-template-columns: 1fr;
    }

    .adresar-hero__panel[b-vfgw2i5i2q] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-point[b-vfgw2i5i2q] {
        grid-template-columns: 1fr;
    }

    .hero-point + .hero-point[b-vfgw2i5i2q] {
        border-top: 0;
        border-left: 1px solid var(--adr-line);
    }

    .principle-grid[b-vfgw2i5i2q],
    .type-grid[b-vfgw2i5i2q] {
        grid-template-columns: repeat(2, 1fr);
    }

    .decision-panel[b-vfgw2i5i2q],
    .screen-split[b-vfgw2i5i2q],
    .persona-boundary[b-vfgw2i5i2q],
    .quality-guidance[b-vfgw2i5i2q] {
        grid-template-columns: 1fr;
    }

    .decision-panel dl[b-vfgw2i5i2q] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767.98px) {
    .adresar-chapter-page[b-vfgw2i5i2q]  .help-section {
        padding: 2.75rem 1.1rem;
    }

    .orientation-strip[b-vfgw2i5i2q],
    .principle-grid[b-vfgw2i5i2q],
    .type-grid[b-vfgw2i5i2q],
    .decision-panel dl[b-vfgw2i5i2q],
    .adresar-hero__panel[b-vfgw2i5i2q] {
        grid-template-columns: 1fr;
    }

    .orientation-strip > div + div[b-vfgw2i5i2q] {
        border-top: 1px solid var(--adr-line);
        border-left: 0;
    }

    .hero-point + .hero-point[b-vfgw2i5i2q] {
        border-top: 1px solid var(--adr-line);
        border-left: 0;
    }

    .scenario-content[b-vfgw2i5i2q] {
        padding-left: 1.2rem;
    }
}

@media print {
    .adresar-chapter-page[b-vfgw2i5i2q]  .help-section {
        padding: 1.25rem 0;
        break-inside: avoid;
    }

    .adresar-hero[b-vfgw2i5i2q] {
        min-height: auto;
        padding: 2rem;
    }

    .help-primary-action[b-vfgw2i5i2q],
    .help-secondary-action[b-vfgw2i5i2q],
    .orientation-strip[b-vfgw2i5i2q] {
        display: none;
    }

    .scenario-list details:not([open]) .scenario-content[b-vfgw2i5i2q] {
        display: block;
    }

    .type-compare-scroll[b-vfgw2i5i2q] {
        overflow-x: visible;
    }
}
/* /Components/Pages/Help/Chapters/Agenda/AgendaChapter.razor.rz.scp.css */
.agenda-chapter-page[b-0fqvo3hoag] {
    --agenda-ink: #173536;
    --agenda-muted: #607374;
    --agenda-teal: #167c78;
    --agenda-teal-dark: #0d5d5a;
    --agenda-teal-soft: #e8f5f3;
    --agenda-mint: #cde9df;
    --agenda-lime: #a9c93f;
    --agenda-surface: #ffffff;
    --agenda-canvas: #f6f9f8;
    --agenda-line: #dce7e5;
    --agenda-warn: #a95c13;
    --agenda-warn-soft: #fff5e8;
    color: var(--agenda-ink);
}

/* ---------- layout frame (shared HelpChapterLayout) ---------- */

.agenda-chapter-page[b-0fqvo3hoag]  .help-chapter-layout > .row:nth-of-type(2) > .col-12 > .card {
    overflow: hidden;
    border: 1px solid var(--agenda-line);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(29, 65, 64, .09);
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-chapter-layout .card-header {
    padding: .95rem 1.5rem;
    border: 0;
    background: var(--agenda-teal-dark) !important;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-chapter-layout .card-header .card-title {
    font-size: .88rem;
    font-weight: 750;
    letter-spacing: .11em;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-chapter-content {
    max-width: none;
    padding: 0;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-chapter-lead {
    margin: 0;
    padding: 1.1rem 1.75rem;
    border: 0;
    background: #eef6f5;
    color: #476362;
    font-size: .95rem;
    line-height: 1.65;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-section {
    margin: 0;
    padding: 4rem clamp(1.25rem, 4vw, 3.5rem);
    border-top: 1px solid var(--agenda-line);
    scroll-margin-top: 1rem;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-section:nth-of-type(even) {
    background: var(--agenda-canvas);
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-section > h2 {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    color: var(--agenda-ink);
    font-size: clamp(1.55rem, 2.3vw, 2.05rem);
    font-weight: 760;
    letter-spacing: -.025em;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-section > h2 i {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    margin: 0 !important;
    place-items: center;
    border-radius: 12px;
    background: var(--agenda-teal-soft);
    color: var(--agenda-teal);
    font-size: 1.1rem;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-toc {
    border: 1px solid var(--agenda-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 30px rgba(29, 65, 64, .08);
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-toc-title {
    color: var(--agenda-teal-dark);
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-toc a {
    border-radius: 8px;
    color: #526b6a;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-toc a:hover {
    background: var(--agenda-teal-soft);
    color: var(--agenda-teal-dark);
}

/* ---------- shared help components (scoped skin) ---------- */

.agenda-chapter-page[b-0fqvo3hoag]  .help-subsection {
    margin-top: 1.4rem;
    padding: 1.5rem;
    border: 1px solid var(--agenda-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 8px 24px rgba(26, 67, 65, .04);
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-subsection > h3 {
    margin: 0 0 1rem;
    padding: 0 0 .8rem;
    border-bottom: 1px solid var(--agenda-line);
    color: var(--agenda-ink);
    font-size: 1.15rem;
    font-weight: 750;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-subsection p,
.agenda-chapter-page[b-0fqvo3hoag]  .help-subsection li {
    color: var(--agenda-muted);
    line-height: 1.65;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-subsection > p:last-child,
.agenda-chapter-page[b-0fqvo3hoag]  .help-subsection > ul:last-child {
    margin-bottom: 0;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-steps {
    overflow: hidden;
    margin: 1rem 0 0;
    border: 1px solid var(--agenda-line);
    border-radius: 14px;
    background: #fff;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-steps-title {
    padding: .9rem 1.1rem;
    border-bottom: 1px solid var(--agenda-line);
    background: var(--agenda-teal-soft);
    color: var(--agenda-teal-dark);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-steps-list {
    margin: 0;
    padding: 0;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-steps-list > li {
    position: relative;
    min-height: 4.6rem;
    margin: 0;
    padding: 1rem 1rem 1rem 4.25rem;
    border: 0;
    color: var(--agenda-muted);
    font-size: .85rem;
    line-height: 1.55;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-steps-list > li + li {
    border-top: 1px solid #edf2f1;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-steps-list > li::before {
    left: 1.15rem;
    top: 1rem;
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: var(--agenda-teal-dark);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-step-title {
    display: block;
    margin-bottom: .2rem;
    color: var(--agenda-ink);
    font-size: .88rem;
    font-weight: 750;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-callout {
    margin: 1rem 0 0;
    overflow: hidden;
    border-radius: 13px;
    box-shadow: none;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-callout-note {
    border-color: #c9e2de;
    background: var(--agenda-teal-soft);
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-callout-warn {
    border-color: #f0d6b6;
    background: var(--agenda-warn-soft);
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-callout-tip {
    border-color: #d9e8ad;
    background: #f7faea;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-callout-title {
    color: var(--agenda-ink);
    font-size: .82rem;
    font-weight: 800;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-callout-body {
    color: var(--agenda-muted);
    font-size: .84rem;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-callout-body p:last-child {
    margin-bottom: 0;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-ui-chip {
    border-color: #c9dcda;
    border-radius: 8px;
    background: #f1f7f6;
    color: var(--agenda-teal-dark);
    font-weight: 700;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-faq-item {
    margin: 0;
    border: 1px solid var(--agenda-line);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-faq-item:first-of-type {
    border-radius: 15px 15px 0 0;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-faq-item:last-of-type {
    border-radius: 0 0 15px 15px;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-faq-item + .help-faq-item {
    border-top: 0;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-faq-item summary {
    position: relative;
    padding: 1.05rem 3.2rem 1.05rem 1.2rem;
    color: var(--agenda-ink);
    font-size: .9rem;
    font-weight: 730;
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-faq-item summary::after {
    position: absolute;
    right: 1.2rem;
    color: var(--agenda-teal);
    font-size: 1.2rem;
    content: "+";
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-faq-item[open] summary {
    background: var(--agenda-teal-soft);
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-faq-item[open] summary::after {
    content: "−";
}

.agenda-chapter-page[b-0fqvo3hoag]  .help-faq-answer {
    padding: .2rem 1.2rem 1.1rem;
    color: var(--agenda-muted);
    font-size: .84rem;
    line-height: 1.6;
}

/* ---------- hero ---------- */

.eyebrow[b-0fqvo3hoag] {
    display: inline-block;
    color: var(--agenda-teal);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.agenda-hero[b-0fqvo3hoag] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center;
    min-height: 30rem;
    padding: clamp(2.5rem, 6vw, 5.5rem) clamp(1.25rem, 5vw, 4.5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 12%, rgba(169, 201, 63, .16), transparent 32%),
        radial-gradient(circle at 92% 88%, rgba(67, 166, 155, .22), transparent 34%),
        linear-gradient(135deg, #f4fbf8 0%, #e6f3f1 100%);
}

.agenda-hero[b-0fqvo3hoag]::after {
    position: absolute;
    right: -5rem;
    top: -8rem;
    width: 24rem;
    height: 24rem;
    border: 1px solid rgba(22, 124, 120, .15);
    border-radius: 50%;
    box-shadow: 0 0 0 3rem rgba(22, 124, 120, .035), 0 0 0 7rem rgba(22, 124, 120, .025);
    content: "";
}

.agenda-hero__copy[b-0fqvo3hoag],
.agenda-hero__panel[b-0fqvo3hoag] {
    position: relative;
    z-index: 1;
}

.agenda-hero h2[b-0fqvo3hoag] {
    max-width: 46rem;
    margin: .75rem 0 1.25rem;
    color: var(--agenda-ink);
    font-size: clamp(2.15rem, 4.5vw, 4rem);
    font-weight: 780;
    letter-spacing: -.055em;
    line-height: 1.02;
}

.agenda-hero__copy > p[b-0fqvo3hoag] {
    max-width: 46rem;
    margin: 0;
    color: #486261;
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    line-height: 1.75;
}

.agenda-hero__actions[b-0fqvo3hoag] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.8rem;
}

.help-primary-action[b-0fqvo3hoag],
.help-secondary-action[b-0fqvo3hoag] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: .7rem 1.05rem;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.help-primary-action[b-0fqvo3hoag] {
    gap: .55rem;
    background: var(--agenda-teal-dark);
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(13, 93, 90, .2);
}

.help-secondary-action[b-0fqvo3hoag] {
    border: 1px solid rgba(13, 93, 90, .22);
    background: rgba(255, 255, 255, .72);
    color: var(--agenda-teal-dark) !important;
}

.help-primary-action:hover[b-0fqvo3hoag],
.help-secondary-action:hover[b-0fqvo3hoag] {
    transform: translateY(-1px);
}

.agenda-hero__panel[b-0fqvo3hoag] {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 18px;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 22px 55px rgba(17, 78, 75, .12);
    backdrop-filter: blur(10px);
}

.hero-point[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    gap: .8rem;
    padding: 1rem;
}

.hero-point + .hero-point[b-0fqvo3hoag] {
    border-top: 1px solid var(--agenda-line);
}

.hero-point__number[b-0fqvo3hoag] {
    color: var(--agenda-lime);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.hero-point strong[b-0fqvo3hoag],
.hero-point div span[b-0fqvo3hoag] {
    display: block;
}

.hero-point strong[b-0fqvo3hoag] {
    margin-bottom: .3rem;
    color: var(--agenda-ink);
    font-size: .95rem;
}

.hero-point div span[b-0fqvo3hoag] {
    color: var(--agenda-muted);
    font-size: .82rem;
    line-height: 1.45;
}

/* ---------- orientation strip ---------- */

.orientation-strip[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--agenda-line);
    border-bottom: 1px solid var(--agenda-line);
    background: #fff;
}

.orientation-strip > div[b-0fqvo3hoag] {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 1.2rem 1.5rem;
    color: var(--agenda-muted);
    font-size: .82rem;
    line-height: 1.4;
}

.orientation-strip > div + div[b-0fqvo3hoag] {
    border-left: 1px solid var(--agenda-line);
}

.orientation-strip i[b-0fqvo3hoag] {
    color: var(--agenda-teal);
    font-size: 1.15rem;
}

.orientation-strip strong[b-0fqvo3hoag],
.orientation-strip span[b-0fqvo3hoag] {
    display: block;
}

.orientation-strip strong[b-0fqvo3hoag] {
    color: var(--agenda-ink);
}

/* ---------- section intro ---------- */
/* ::deep — these classes are also used by the sibling section components
   (AgendaOpravnenia, AgendaPracovneDokumenty), whose elements carry no scope
   attribute of this chapter. A bare selector would compile to
   `.section-intro[b-agendachapter]` and silently skip them. */

.agenda-chapter-page[b-0fqvo3hoag]  .section-intro {
    max-width: 55rem;
    margin: 0 0 1.75rem;
    color: var(--agenda-muted);
    font-size: 1.02rem;
    line-height: 1.75;
}

/* ---------- principle cards ---------- */

.agenda-chapter-page[b-0fqvo3hoag]  .principle-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.agenda-chapter-page[b-0fqvo3hoag]  .principle-card {
    padding: 1.4rem;
    border: 1px solid var(--agenda-line);
    border-radius: 15px;
    background: var(--agenda-surface);
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.agenda-chapter-page[b-0fqvo3hoag]  .icon-tile {
    display: inline-grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 12px;
    background: var(--agenda-teal-soft);
    color: var(--agenda-teal);
    font-size: 1.2rem;
}

.agenda-chapter-page[b-0fqvo3hoag]  .principle-card h3 {
    margin: 1.1rem 0 .55rem;
    color: var(--agenda-ink);
    font-size: 1.04rem;
}

.agenda-chapter-page[b-0fqvo3hoag]  .principle-card p {
    margin: 0;
    color: var(--agenda-muted);
    font-size: .9rem;
    line-height: 1.62;
}

/* ---------- module map ---------- */

.module-map[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 1.25rem;
    overflow: hidden;
    border: 1px solid var(--agenda-line);
    border-radius: 16px;
    background: #fff;
}

.module-map > a[b-0fqvo3hoag] {
    display: flex;
    gap: .8rem;
    align-items: center;
    padding: 1.05rem 1.15rem;
    border-bottom: 1px solid #edf2f1;
    color: inherit;
    text-decoration: none;
    transition: background-color .15s ease;
}

.module-map > a:hover[b-0fqvo3hoag] {
    background: var(--agenda-teal-soft);
}

.module-map > a:not(:nth-child(4n))[b-0fqvo3hoag] {
    border-right: 1px solid #edf2f1;
}

.module-map > a:nth-last-child(-n+4)[b-0fqvo3hoag] {
    border-bottom: 0;
}

.module-map i[b-0fqvo3hoag] {
    display: inline-grid;
    min-width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border-radius: 10px;
    background: var(--agenda-teal-soft);
    color: var(--agenda-teal);
    font-size: 1rem;
}

.module-map strong[b-0fqvo3hoag],
.module-map small[b-0fqvo3hoag] {
    display: block;
}

.module-map strong[b-0fqvo3hoag] {
    color: var(--agenda-ink);
    font-size: .86rem;
}

.module-map small[b-0fqvo3hoag] {
    margin-top: .12rem;
    color: var(--agenda-muted);
    font-size: .72rem;
}

/* ---------- case map (spis as centre) ---------- */

.case-map[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.case-map__node[b-0fqvo3hoag],
.case-map__center[b-0fqvo3hoag] {
    padding: 1.05rem;
    border-radius: 14px;
}

.case-map__node[b-0fqvo3hoag] {
    border: 1px solid var(--agenda-line);
    background: #fff;
    box-shadow: 0 6px 16px rgba(24, 69, 67, .04);
}

.case-map__node i[b-0fqvo3hoag] {
    display: inline-grid;
    width: 2.1rem;
    height: 2.1rem;
    margin-bottom: .65rem;
    place-items: center;
    border-radius: 10px;
    background: var(--agenda-teal-soft);
    color: var(--agenda-teal);
    font-size: .95rem;
}

.case-map__node strong[b-0fqvo3hoag],
.case-map__node span[b-0fqvo3hoag] {
    display: block;
}

.case-map__node strong[b-0fqvo3hoag] {
    margin-bottom: .25rem;
    color: var(--agenda-ink);
    font-size: .88rem;
}

.case-map__node span[b-0fqvo3hoag] {
    color: var(--agenda-muted);
    font-size: .76rem;
    line-height: 1.45;
}

.case-map__center[b-0fqvo3hoag] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    background: var(--agenda-teal-dark);
    color: #fff;
    text-align: center;
    box-shadow: 0 16px 35px rgba(13, 93, 90, .28);
}

.case-map__center .eyebrow[b-0fqvo3hoag] {
    color: #a9d7cd;
}

.case-map__center i[b-0fqvo3hoag] {
    margin-top: .2rem;
    color: #d8eb83;
    font-size: 1.6rem;
}

.case-map__center strong[b-0fqvo3hoag] {
    font-size: 1.25rem;
    letter-spacing: -.02em;
}

.case-map__center span:last-child[b-0fqvo3hoag] {
    color: #c8dcd9;
    font-size: .76rem;
    line-height: 1.4;
}

/* ---------- screen note ---------- */

.screen-note[b-0fqvo3hoag] {
    margin-top: 1rem;
    padding: 1.05rem 1.2rem;
    border: 1px dashed #bcd4d0;
    border-radius: 13px;
    background: #fbfdfc;
}

.screen-note__label[b-0fqvo3hoag] {
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    margin-bottom: .45rem;
    color: var(--agenda-teal-dark);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.screen-note__label i[b-0fqvo3hoag] {
    font-size: .95rem;
}

.screen-note p[b-0fqvo3hoag] {
    margin: 0;
    color: var(--agenda-muted);
    font-size: .85rem;
    line-height: 1.6;
}

.screen-note em[b-0fqvo3hoag] {
    color: var(--agenda-ink);
    font-style: normal;
    font-weight: 650;
}

/* ---------- workflow panel (spis stepper) ---------- */

.workflow-panel[b-0fqvo3hoag] {
    margin-top: 1rem;
    padding: 1.35rem;
    overflow: hidden;
    border-radius: 16px;
    background: var(--agenda-ink);
}

.workflow-panel .eyebrow[b-0fqvo3hoag] {
    color: #a9d7cd;
}

.workflow-panel h3[b-0fqvo3hoag] {
    margin: .35rem 0 1.2rem;
    color: #fff;
    font-size: 1.15rem;
}

.workflow-track[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: .45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.workflow-track li[b-0fqvo3hoag] {
    position: relative;
    padding: .85rem .7rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 11px;
    background: rgba(255, 255, 255, .055);
}

.workflow-track li.is-complaint[b-0fqvo3hoag] {
    border-style: dashed;
    border-color: rgba(216, 235, 131, .45);
}

.workflow-track li:not(:last-child)[b-0fqvo3hoag]::after {
    position: absolute;
    z-index: 2;
    right: -.42rem;
    top: 50%;
    width: .4rem;
    height: .4rem;
    border-top: 1px solid #8cb5af;
    border-right: 1px solid #8cb5af;
    transform: rotate(45deg);
    content: "";
}

.workflow-track li > span[b-0fqvo3hoag] {
    display: block;
    margin-bottom: .55rem;
    color: #d8eb83;
    font-size: .7rem;
    font-weight: 800;
}

.workflow-track strong[b-0fqvo3hoag],
.workflow-track small[b-0fqvo3hoag] {
    display: block;
}

.workflow-track strong[b-0fqvo3hoag] {
    color: #fff;
    font-size: .78rem;
}

.workflow-track small[b-0fqvo3hoag] {
    margin-top: .25rem;
    color: #bdd0cd;
    font-size: .64rem;
    line-height: 1.35;
}

.workflow-panel__footer[b-0fqvo3hoag] {
    display: flex;
    gap: .55rem;
    align-items: center;
    margin: 1rem 0 0;
    color: #c8d7d5;
    font-size: .78rem;
}

.workflow-panel__footer i[b-0fqvo3hoag] {
    color: #d8eb83;
}

/* ---------- detail zones ---------- */

.detail-zones[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.detail-zones__column[b-0fqvo3hoag] {
    overflow: hidden;
    border: 1px solid var(--agenda-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(26, 67, 65, .045);
}

.detail-zones__column > header[b-0fqvo3hoag] {
    padding: 1.05rem 1.25rem .85rem;
    border-bottom: 1px solid var(--agenda-line);
    background: #fbfdfc;
}

.detail-zones__column h3[b-0fqvo3hoag] {
    margin: .15rem 0 0;
    color: var(--agenda-ink);
    font-size: 1.08rem;
}

.detail-zones__column ul[b-0fqvo3hoag] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.detail-zones__column li[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: 1.8rem 1fr;
    gap: .75rem;
    padding: .82rem 1.25rem;
}

.detail-zones__column li + li[b-0fqvo3hoag] {
    border-top: 1px solid #edf2f1;
}

.detail-zones__column li > i[b-0fqvo3hoag] {
    margin-top: .15rem;
    color: var(--agenda-teal);
}

.detail-zones__column li strong[b-0fqvo3hoag],
.detail-zones__column li span[b-0fqvo3hoag] {
    display: block;
}

.detail-zones__column li strong[b-0fqvo3hoag] {
    margin-bottom: .16rem;
    color: var(--agenda-ink);
    font-size: .9rem;
}

.detail-zones__column li span[b-0fqvo3hoag] {
    color: var(--agenda-muted);
    font-size: .79rem;
    line-height: 1.45;
}

/* ---------- system boundary (IS MIS vs Intranet) ---------- */

.system-boundary[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.system-boundary__system[b-0fqvo3hoag] {
    min-height: 9.6rem;
    padding: 1.3rem;
    border-radius: 15px;
}

.system-boundary__system--ismis[b-0fqvo3hoag] {
    border: 1px solid #d7dfde;
    background: #fff;
}

.system-boundary__system--intranet[b-0fqvo3hoag] {
    background: var(--agenda-teal-dark);
}

.system-boundary__system--intranet .eyebrow[b-0fqvo3hoag] {
    color: #a9d7cd;
}

.system-boundary__system h3[b-0fqvo3hoag] {
    margin: .45rem 0 .5rem;
    color: var(--agenda-ink);
    font-size: 1.25rem;
}

.system-boundary__system p[b-0fqvo3hoag] {
    margin: 0;
    color: var(--agenda-muted);
    font-size: .86rem;
    line-height: 1.55;
}

.system-boundary__system--intranet h3[b-0fqvo3hoag],
.system-boundary__system--intranet p[b-0fqvo3hoag] {
    color: #fff;
}

.system-boundary__bridge[b-0fqvo3hoag] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--agenda-teal);
}

.system-boundary__bridge span[b-0fqvo3hoag] {
    margin-bottom: .25rem;
    color: var(--agenda-muted);
    font-size: .65rem;
    font-weight: 750;
    text-transform: uppercase;
}

/* ---------- record flows ---------- */

.record-flows[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.record-flows > article[b-0fqvo3hoag] {
    overflow: hidden;
    border: 1px solid var(--agenda-line);
    border-radius: 15px;
    background: #fff;
}

.record-flows header[b-0fqvo3hoag] {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--agenda-line);
    background: #fbfdfc;
}

.record-flows header i[b-0fqvo3hoag] {
    display: inline-grid;
    min-width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border-radius: 10px;
    background: var(--agenda-teal-soft);
    color: var(--agenda-teal);
}

.record-flows header strong[b-0fqvo3hoag],
.record-flows header small[b-0fqvo3hoag] {
    display: block;
}

.record-flows header strong[b-0fqvo3hoag] {
    color: var(--agenda-ink);
    font-size: .92rem;
}

.record-flows header small[b-0fqvo3hoag] {
    margin-top: .15rem;
    color: var(--agenda-muted);
    font-size: .7rem;
}

.record-flows > article > p[b-0fqvo3hoag] {
    margin: 0;
    padding: 0 1.15rem 1.05rem;
    color: var(--agenda-muted);
    font-size: .8rem;
    line-height: 1.55;
}

/* ::deep — also used by the sibling section components, see the note above. */

.agenda-chapter-page[b-0fqvo3hoag]  .state-track {
    display: flex;
    flex-wrap: wrap;
    gap: .9rem;
    margin: 0;
    padding: 1.05rem 1.15rem;
    list-style: none;
    counter-reset: state;
}

.agenda-chapter-page[b-0fqvo3hoag]  .state-track li {
    position: relative;
    padding: .42rem .7rem;
    border: 1px solid #c9dcda;
    border-radius: 999px;
    background: var(--agenda-teal-soft);
    color: var(--agenda-teal-dark);
    font-size: .78rem;
    font-weight: 750;
}

.agenda-chapter-page[b-0fqvo3hoag]  .state-track li:not(:last-child)::after {
    position: absolute;
    right: -.72rem;
    top: 50%;
    transform: translateY(-50%);
    color: #8cb5af;
    content: "›";
}

/* ---------- inline next step ---------- */

.agenda-chapter-page[b-0fqvo3hoag]  .inline-next-step {
    display: flex;
    gap: .8rem;
    align-items: center;
    margin-top: 1rem;
    padding: .95rem 1.1rem;
    border-radius: 12px;
    background: var(--agenda-teal-soft);
}

.agenda-chapter-page[b-0fqvo3hoag]  .inline-next-step i {
    color: var(--agenda-teal);
}

.agenda-chapter-page[b-0fqvo3hoag]  .inline-next-step strong,
.agenda-chapter-page[b-0fqvo3hoag]  .inline-next-step div span {
    display: block;
}

.agenda-chapter-page[b-0fqvo3hoag]  .inline-next-step strong {
    color: var(--agenda-ink);
    font-size: .84rem;
}

.agenda-chapter-page[b-0fqvo3hoag]  .inline-next-step div span {
    color: var(--agenda-muted);
    font-size: .79rem;
    line-height: 1.5;
}

.agenda-chapter-page[b-0fqvo3hoag]  .inline-next-step a {
    color: var(--agenda-teal-dark);
    font-weight: 700;
}

/* ---------- specialized agenda trio ---------- */

.specialized-grid[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.specialized-card[b-0fqvo3hoag] {
    display: flex;
    flex-direction: column;
    padding: 1.4rem;
    border: 1px solid var(--agenda-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.specialized-card h3[b-0fqvo3hoag] {
    margin: 1.1rem 0 .55rem;
    color: var(--agenda-ink);
    font-size: 1.04rem;
}

.specialized-card__when[b-0fqvo3hoag] {
    margin: 0 0 .8rem;
    color: var(--agenda-muted);
    font-size: .85rem;
    line-height: 1.55;
}

.specialized-card__when strong[b-0fqvo3hoag] {
    color: var(--agenda-teal-dark);
}

.specialized-card ul[b-0fqvo3hoag] {
    margin: 0 0 1rem;
    padding-left: 1.05rem;
}

.specialized-card li[b-0fqvo3hoag] {
    margin-bottom: .4rem;
    color: var(--agenda-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.specialized-card em[b-0fqvo3hoag] {
    color: var(--agenda-ink);
    font-style: normal;
    font-weight: 650;
}

.specialized-card__path[b-0fqvo3hoag] {
    display: inline-flex;
    gap: .45rem;
    align-items: center;
    margin-top: auto;
    color: var(--agenda-teal-dark);
    font-size: .76rem;
    font-weight: 750;
}

/* ---------- concept comparison (dark panel) ---------- */

.concept-comparison[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: minmax(13rem, .72fr) 1.28fr;
    gap: 1.5rem;
    padding: 1.45rem;
    border-radius: 16px;
    background: var(--agenda-ink);
    color: #fff;
}

.concept-comparison .eyebrow[b-0fqvo3hoag] {
    color: #a9d7cd;
}

.concept-comparison h3[b-0fqvo3hoag] {
    margin: .45rem 0 0;
    color: #fff;
    font-size: 1.25rem;
}

.concept-comparison dl[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    margin: 0;
}

.concept-comparison dl > div[b-0fqvo3hoag] {
    padding: .9rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(255, 255, 255, .06);
}

.concept-comparison dt[b-0fqvo3hoag] {
    margin-bottom: .35rem;
    color: #d9ec83;
    font-weight: 750;
}

.concept-comparison dd[b-0fqvo3hoag] {
    margin: 0;
    color: #d6e1e0;
    font-size: .82rem;
    line-height: 1.5;
}

/* ---------- KPI strip (lehoty) ---------- */

.kpi-strip[b-0fqvo3hoag] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin: .35rem 0 .5rem;
}

.kpi-chip[b-0fqvo3hoag] {
    padding: .45rem .85rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: .78rem;
    font-weight: 750;
}

.kpi-chip--danger[b-0fqvo3hoag] {
    border-color: #ecc8c5;
    background: #fdf1f0;
    color: #a03c34;
}

.kpi-chip--warn[b-0fqvo3hoag] {
    border-color: #f0d6b6;
    background: var(--agenda-warn-soft);
    color: var(--agenda-warn);
}

.kpi-chip--info[b-0fqvo3hoag] {
    border-color: #c4dcec;
    background: #eff7fc;
    color: #2a6a94;
}

.kpi-chip--ok[b-0fqvo3hoag] {
    border-color: #cbe3d2;
    background: #f0f9f2;
    color: #2c7a45;
}

.kpi-chip--muted[b-0fqvo3hoag] {
    border-color: #d9dfde;
    background: #f4f6f6;
    color: #5f7170;
}

/* ---------- tasks brief trio ---------- */

.tasks-brief[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.tasks-brief article[b-0fqvo3hoag] {
    padding: 1.4rem;
    border: 1px solid var(--agenda-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.tasks-brief h3[b-0fqvo3hoag] {
    margin: 1.1rem 0 .55rem;
    color: var(--agenda-ink);
    font-size: 1.02rem;
}

.tasks-brief p[b-0fqvo3hoag] {
    margin: 0;
    color: var(--agenda-muted);
    font-size: .85rem;
    line-height: 1.6;
}

.tasks-brief em[b-0fqvo3hoag] {
    color: var(--agenda-ink);
    font-style: normal;
    font-weight: 650;
}

/* ---------- scenarios ---------- */

.scenario-list[b-0fqvo3hoag] {
    overflow: hidden;
    border: 1px solid var(--agenda-line);
    border-radius: 16px;
    background: #fff;
}

.scenario-list details + details[b-0fqvo3hoag] {
    border-top: 1px solid var(--agenda-line);
}

.scenario-list summary[b-0fqvo3hoag] {
    display: flex;
    gap: .9rem;
    align-items: center;
    padding: 1rem 1.2rem;
    cursor: pointer;
    list-style: none;
}

.scenario-list summary[b-0fqvo3hoag]::-webkit-details-marker {
    display: none;
}

.scenario-list summary[b-0fqvo3hoag]::after {
    margin-left: auto;
    color: var(--agenda-teal);
    font-size: 1.3rem;
    content: "+";
}

.scenario-list details[open] summary[b-0fqvo3hoag]::after {
    content: "−";
}

.scenario-icon[b-0fqvo3hoag] {
    display: inline-grid;
    min-width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 10px;
    background: var(--agenda-teal-soft);
    color: var(--agenda-teal);
}

.scenario-list summary strong[b-0fqvo3hoag],
.scenario-list summary small[b-0fqvo3hoag] {
    display: block;
}

.scenario-list summary strong[b-0fqvo3hoag] {
    color: var(--agenda-ink);
    font-size: .9rem;
}

.scenario-list summary small[b-0fqvo3hoag] {
    margin-top: .15rem;
    color: var(--agenda-muted);
    font-size: .72rem;
}

.scenario-content[b-0fqvo3hoag] {
    padding: 0 1.2rem 1.2rem 4.45rem;
}

.scenario-content p[b-0fqvo3hoag],
.scenario-content li[b-0fqvo3hoag] {
    color: var(--agenda-muted);
    font-size: .83rem;
    line-height: 1.6;
}

.scenario-content p[b-0fqvo3hoag],
.scenario-content ol[b-0fqvo3hoag] {
    margin-bottom: 0;
}

/* ---------- error guidance ---------- */

.error-guidance[b-0fqvo3hoag] {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 1rem;
    margin-top: 1.25rem;
}

.error-guidance > article[b-0fqvo3hoag] {
    padding: 1.35rem;
    border-radius: 16px;
}

.error-guidance__safe[b-0fqvo3hoag] {
    border: 1px solid var(--agenda-line);
    background: #fff;
}

.error-guidance h3[b-0fqvo3hoag] {
    margin: .4rem 0 .8rem;
    color: var(--agenda-ink);
    font-size: 1.1rem;
}

.error-guidance ul[b-0fqvo3hoag] {
    margin: 0;
    padding-left: 1.1rem;
}

.error-guidance li[b-0fqvo3hoag] {
    margin-bottom: .45rem;
    color: var(--agenda-muted);
    font-size: .83rem;
    line-height: 1.52;
}

.error-guidance__stop[b-0fqvo3hoag] {
    border: 1px solid #f0d6b6;
    background: var(--agenda-warn-soft);
}

.error-guidance__stop > i[b-0fqvo3hoag] {
    display: block;
    margin-bottom: 1.2rem;
    color: var(--agenda-warn);
    font-size: 1.6rem;
}

.error-guidance__stop .eyebrow[b-0fqvo3hoag] {
    color: var(--agenda-warn);
}

.error-guidance__stop h3[b-0fqvo3hoag] {
    color: #73400e;
}

.error-guidance__stop p[b-0fqvo3hoag],
.error-guidance__stop > strong[b-0fqvo3hoag] {
    color: #79522d;
    font-size: .82rem;
    line-height: 1.55;
}

/* ---------- responsive ---------- */

@media (max-width: 1199.98px) {
    .workflow-track[b-0fqvo3hoag] {
        grid-template-columns: repeat(4, 1fr);
    }

    .workflow-track li:nth-child(4)[b-0fqvo3hoag]::after {
        display: none;
    }

    .module-map[b-0fqvo3hoag] {
        grid-template-columns: repeat(2, 1fr);
    }

    .module-map > a:not(:nth-child(4n))[b-0fqvo3hoag] {
        border-right: 0;
    }

    .module-map > a:nth-child(odd)[b-0fqvo3hoag] {
        border-right: 1px solid #edf2f1;
    }

    .module-map > a[b-0fqvo3hoag] {
        border-bottom: 1px solid #edf2f1;
    }

    .module-map > a:nth-last-child(-n+2)[b-0fqvo3hoag] {
        border-bottom: 0;
    }
}

@media (max-width: 991.98px) {
    .agenda-hero[b-0fqvo3hoag] {
        grid-template-columns: 1fr;
    }

    .agenda-hero__panel[b-0fqvo3hoag] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-point[b-0fqvo3hoag] {
        grid-template-columns: 1fr;
    }

    .hero-point + .hero-point[b-0fqvo3hoag] {
        border-top: 0;
        border-left: 1px solid var(--agenda-line);
    }

    .agenda-chapter-page[b-0fqvo3hoag]  .principle-grid,
    .specialized-grid[b-0fqvo3hoag],
    .tasks-brief[b-0fqvo3hoag] {
        grid-template-columns: repeat(2, 1fr);
    }

    .case-map[b-0fqvo3hoag] {
        grid-template-columns: repeat(2, 1fr);
    }

    .case-map__center[b-0fqvo3hoag] {
        order: -1;
        grid-column: span 2;
        padding: 1.4rem;
    }

    .concept-comparison[b-0fqvo3hoag],
    .detail-zones[b-0fqvo3hoag],
    .error-guidance[b-0fqvo3hoag] {
        grid-template-columns: 1fr;
    }

    .concept-comparison dl[b-0fqvo3hoag] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767.98px) {
    .agenda-chapter-page[b-0fqvo3hoag]  .help-section {
        padding: 2.75rem 1.1rem;
    }

    .orientation-strip[b-0fqvo3hoag],
    .agenda-chapter-page[b-0fqvo3hoag]  .principle-grid,
    .module-map[b-0fqvo3hoag],
    .case-map[b-0fqvo3hoag],
    .record-flows[b-0fqvo3hoag],
    .specialized-grid[b-0fqvo3hoag],
    .tasks-brief[b-0fqvo3hoag] {
        grid-template-columns: 1fr;
    }

    .orientation-strip > div + div[b-0fqvo3hoag] {
        border-top: 1px solid var(--agenda-line);
        border-left: 0;
    }

    .module-map > a[b-0fqvo3hoag],
    .module-map > a:nth-child(odd)[b-0fqvo3hoag] {
        border-right: 0;
    }

    .case-map__center[b-0fqvo3hoag] {
        grid-column: auto;
    }

    .system-boundary[b-0fqvo3hoag] {
        grid-template-columns: 1fr;
    }

    .system-boundary__bridge[b-0fqvo3hoag] {
        flex-direction: row;
        justify-content: center;
        gap: .4rem;
    }

    .system-boundary__bridge i[b-0fqvo3hoag] {
        transform: rotate(90deg);
    }

    .system-boundary__bridge span[b-0fqvo3hoag] {
        margin: 0;
    }

    .workflow-track[b-0fqvo3hoag] {
        grid-template-columns: 1fr;
    }

    .workflow-track li[b-0fqvo3hoag]::after {
        display: none;
    }

    .concept-comparison dl[b-0fqvo3hoag],
    .agenda-hero__panel[b-0fqvo3hoag] {
        grid-template-columns: 1fr;
    }

    .hero-point + .hero-point[b-0fqvo3hoag] {
        border-top: 1px solid var(--agenda-line);
        border-left: 0;
    }

    .scenario-content[b-0fqvo3hoag] {
        padding-left: 1.2rem;
    }
}

@media print {
    .agenda-chapter-page[b-0fqvo3hoag]  .help-section {
        padding: 1.25rem 0;
        break-inside: avoid;
    }

    .agenda-hero[b-0fqvo3hoag] {
        min-height: auto;
        padding: 2rem;
    }

    .help-primary-action[b-0fqvo3hoag],
    .help-secondary-action[b-0fqvo3hoag],
    .orientation-strip[b-0fqvo3hoag] {
        display: none;
    }

    .scenario-list details:not([open]) .scenario-content[b-0fqvo3hoag] {
        display: block;
    }
}

/* ---------- business-rule claim paragraph ---------- */
/* Used by the two new sections (agenda-opravnenia, pracovne-dokumenty) and by the
   business-rule claims added to the existing specialised-agenda and deadline
   sections. ::deep is required because the new sections render from sibling
   components (AgendaOpravnenia, AgendaPracovneDokumenty). */

.agenda-chapter-page[b-0fqvo3hoag]  .agenda-claim {
    margin: 1.25rem 0 0;
    padding: 1.05rem 1.2rem;
    border-left: 4px solid var(--agenda-teal);
    border-radius: 0 12px 12px 0;
    background: var(--agenda-teal-soft);
    color: var(--agenda-muted);
    font-size: .92rem;
    line-height: 1.7;
}

    .agenda-chapter-page[b-0fqvo3hoag]  .agenda-claim strong {
        color: var(--agenda-ink);
    }

    .agenda-chapter-page[b-0fqvo3hoag]  .agenda-claim a {
        color: var(--agenda-teal-dark);
    }
/* /Components/Pages/Help/Chapters/FiremnyChat/FiremnyChatChapter.razor.rz.scp.css */
.firemny-chat-help-page[b-emrs4jqm8w]  .firemny-chat-scenarios {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
}

.firemny-chat-help-page[b-emrs4jqm8w]  .firemny-chat-scenarios article {
    padding: 1rem;
    border: 1px solid #dce7e5;
    border-radius: .75rem;
    background: #f7fbfa;
}

.firemny-chat-help-page[b-emrs4jqm8w]  .firemny-chat-scenarios h3 {
    margin: 0 0 .35rem;
    color: #176f6c;
    font-size: 1rem;
}
/* /Components/Pages/Help/Chapters/Nastenka/NastenkaChapter.razor.rz.scp.css */
.nastenka-chapter-page[b-guued4y5w6]  .nastenka-scenarios {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
}

.nastenka-chapter-page[b-guued4y5w6]  .nastenka-scenarios article {
    padding: 1rem;
    border: 1px solid #dce7e5;
    border-radius: .75rem;
    background: #f7fbfa;
}

.nastenka-chapter-page[b-guued4y5w6]  .nastenka-scenarios h3 {
    margin: 0 0 .35rem;
    color: #176f6c;
    font-size: 1rem;
}
/* /Components/Pages/Help/Chapters/Nastenky/NastenkyChapter.razor.rz.scp.css */
.nastenky-chapter-page[b-zowaovvuvx]  .nastenky-scenarios {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
}

.nastenky-chapter-page[b-zowaovvuvx]  .nastenky-scenarios article {
    padding: 1rem;
    border: 1px solid #dce7e5;
    border-radius: .75rem;
    background: #f7fbfa;
}

.nastenky-chapter-page[b-zowaovvuvx]  .nastenky-scenarios h3 {
    margin: 0 0 .35rem;
    color: #176f6c;
    font-size: 1rem;
}

.nastenky-chapter-page[b-zowaovvuvx]  .nastenky-table {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
    font-size: .95rem;
}

.nastenky-chapter-page[b-zowaovvuvx]  .nastenky-table th,
.nastenky-chapter-page[b-zowaovvuvx]  .nastenky-table td {
    padding: .5rem .65rem;
    border: 1px solid #dce7e5;
    vertical-align: top;
}

.nastenky-chapter-page[b-zowaovvuvx]  .nastenky-table th {
    background: #f7fbfa;
    color: #176f6c;
    font-weight: 600;
}

.nastenky-chapter-page[b-zowaovvuvx]  .nastenky-table-wrap {
    overflow-x: auto;
}
/* /Components/Pages/Help/Chapters/Planovac/PlanovacChapter.razor.rz.scp.css */
.planovac-chapter-page[b-280ddzwqle] {
    --plan-ink: #173536;
    --plan-muted: #607374;
    --plan-teal: #167c78;
    --plan-teal-dark: #0d5d5a;
    --plan-teal-soft: #e8f5f3;
    --plan-mint: #cde9df;
    --plan-lime: #a9c93f;
    --plan-surface: #ffffff;
    --plan-canvas: #f6f9f8;
    --plan-line: #dce7e5;
    --plan-warn: #a95c13;
    --plan-warn-soft: #fff5e8;
    color: var(--plan-ink);
}

.planovac-chapter-page[b-280ddzwqle]  .help-chapter-layout > .row:nth-of-type(2) > .col-12 > .card {
    overflow: hidden;
    border: 1px solid var(--plan-line);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(29, 65, 64, .09);
}

.planovac-chapter-page[b-280ddzwqle]  .help-chapter-layout .card-header {
    padding: .95rem 1.5rem;
    border: 0;
    background: var(--plan-teal-dark) !important;
}

.planovac-chapter-page[b-280ddzwqle]  .help-chapter-layout .card-header .card-title {
    font-size: .88rem;
    font-weight: 750;
    letter-spacing: .11em;
}

.planovac-chapter-page[b-280ddzwqle]  .help-chapter-content {
    max-width: none;
    padding: 0;
}

.planovac-chapter-page[b-280ddzwqle]  .help-chapter-lead {
    margin: 0;
    padding: 1.1rem 1.75rem;
    border: 0;
    background: #eef6f5;
    color: #476362;
    font-size: .95rem;
    line-height: 1.65;
}

.planovac-chapter-page[b-280ddzwqle]  .help-section {
    margin: 0;
    padding: 4rem clamp(1.25rem, 4vw, 3.5rem);
    border-top: 1px solid var(--plan-line);
    scroll-margin-top: 1rem;
}

.planovac-chapter-page[b-280ddzwqle]  .help-section:nth-of-type(even) {
    background: var(--plan-canvas);
}

.planovac-chapter-page[b-280ddzwqle]  .help-section > h2 {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    color: var(--plan-ink);
    font-size: clamp(1.55rem, 2.3vw, 2.05rem);
    font-weight: 760;
    letter-spacing: -.025em;
}

.planovac-chapter-page[b-280ddzwqle]  .help-section > h2 i {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    margin: 0 !important;
    place-items: center;
    border-radius: 12px;
    background: var(--plan-teal-soft);
    color: var(--plan-teal);
    font-size: 1.1rem;
}

.planovac-chapter-page[b-280ddzwqle]  .help-toc {
    border: 1px solid var(--plan-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 30px rgba(29, 65, 64, .08);
}

.planovac-chapter-page[b-280ddzwqle]  .help-toc-title {
    color: var(--plan-teal-dark);
}

.planovac-chapter-page[b-280ddzwqle]  .help-toc a {
    border-radius: 8px;
    color: #526b6a;
}

.planovac-chapter-page[b-280ddzwqle]  .help-toc a:hover {
    background: var(--plan-teal-soft);
    color: var(--plan-teal-dark);
}

.planovac-chapter-page[b-280ddzwqle]  .help-callout {
    margin: 1.25rem 0 0;
    overflow: hidden;
    border-radius: 13px;
    box-shadow: none;
}

.planovac-chapter-page[b-280ddzwqle]  .help-callout-note {
    border-color: #c9e2de;
    background: var(--plan-teal-soft);
}

.planovac-chapter-page[b-280ddzwqle]  .help-callout-warn {
    border-color: #f0d6b6;
    background: var(--plan-warn-soft);
}

.planovac-chapter-page[b-280ddzwqle]  .help-callout-tip {
    border-color: #d9e8ad;
    background: #f7faea;
}

.planovac-chapter-page[b-280ddzwqle]  .help-callout-title {
    color: var(--plan-ink);
    font-size: .82rem;
    font-weight: 800;
}

.planovac-chapter-page[b-280ddzwqle]  .help-callout-body {
    color: var(--plan-muted);
    font-size: .84rem;
}

.planovac-chapter-page[b-280ddzwqle]  .help-callout-body p:last-child {
    margin-bottom: 0;
}

.planovac-chapter-page[b-280ddzwqle]  .help-ui-chip {
    border-color: #c9dcda;
    border-radius: 8px;
    background: #f1f7f6;
    color: var(--plan-teal-dark);
    font-weight: 700;
}

.planovac-chapter-page[b-280ddzwqle]  .help-faq-item {
    margin: 0;
    border: 1px solid var(--plan-line);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.planovac-chapter-page[b-280ddzwqle]  .help-faq-item:first-of-type {
    border-radius: 15px 15px 0 0;
}

.planovac-chapter-page[b-280ddzwqle]  .help-faq-item:last-of-type {
    border-radius: 0 0 15px 15px;
}

.planovac-chapter-page[b-280ddzwqle]  .help-faq-item + .help-faq-item {
    border-top: 0;
}

.planovac-chapter-page[b-280ddzwqle]  .help-faq-item summary {
    position: relative;
    padding: 1.05rem 3.2rem 1.05rem 1.2rem;
    color: var(--plan-ink);
    font-size: .9rem;
    font-weight: 730;
}

.planovac-chapter-page[b-280ddzwqle]  .help-faq-item summary::after {
    position: absolute;
    right: 1.2rem;
    color: var(--plan-teal);
    font-size: 1.2rem;
    content: "+";
}

.planovac-chapter-page[b-280ddzwqle]  .help-faq-item[open] summary {
    background: var(--plan-teal-soft);
}

.planovac-chapter-page[b-280ddzwqle]  .help-faq-item[open] summary::after {
    content: "−";
}

.planovac-chapter-page[b-280ddzwqle]  .help-faq-answer {
    padding: .2rem 1.2rem 1.1rem;
    color: var(--plan-muted);
    font-size: .84rem;
    line-height: 1.6;
}

.planovac-chapter-page[b-280ddzwqle]  .help-faq-answer p:last-child {
    margin-bottom: 0;
}

.eyebrow[b-280ddzwqle] {
    display: inline-block;
    color: var(--plan-teal);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.planner-hero[b-280ddzwqle] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(17rem, .7fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center;
    min-height: 30rem;
    padding: clamp(2.5rem, 6vw, 5.5rem) clamp(1.25rem, 5vw, 4.5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 16% 10%, rgba(169, 201, 63, .16), transparent 32%),
        radial-gradient(circle at 90% 88%, rgba(67, 166, 155, .22), transparent 34%),
        linear-gradient(135deg, #f4fbf8 0%, #e6f3f1 100%);
}

.planner-hero[b-280ddzwqle]::after {
    position: absolute;
    right: -5rem;
    top: -8rem;
    width: 24rem;
    height: 24rem;
    border: 1px solid rgba(22, 124, 120, .15);
    border-radius: 50%;
    box-shadow: 0 0 0 3rem rgba(22, 124, 120, .035), 0 0 0 7rem rgba(22, 124, 120, .025);
    content: "";
}

.planner-hero__copy[b-280ddzwqle],
.planner-hero__panel[b-280ddzwqle] {
    position: relative;
    z-index: 1;
}

.planner-hero h2[b-280ddzwqle] {
    max-width: 46rem;
    margin: .75rem 0 1.25rem;
    color: var(--plan-ink);
    font-size: clamp(2.15rem, 4.5vw, 3.9rem);
    font-weight: 780;
    letter-spacing: -.055em;
    line-height: 1.03;
}

.planner-hero__copy > p[b-280ddzwqle] {
    max-width: 46rem;
    margin: 0;
    color: #486261;
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    line-height: 1.75;
}

.planner-hero__actions[b-280ddzwqle] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.8rem;
}

.help-primary-action[b-280ddzwqle],
.help-secondary-action[b-280ddzwqle] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: .7rem 1.05rem;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.help-primary-action[b-280ddzwqle] {
    gap: .55rem;
    background: var(--plan-teal-dark);
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(13, 93, 90, .2);
}

.help-secondary-action[b-280ddzwqle] {
    border: 1px solid rgba(13, 93, 90, .22);
    background: rgba(255, 255, 255, .72);
    color: var(--plan-teal-dark) !important;
}

.help-primary-action:hover[b-280ddzwqle],
.help-secondary-action:hover[b-280ddzwqle] {
    transform: translateY(-1px);
}

.planner-hero__panel[b-280ddzwqle] {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 18px;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 22px 55px rgba(17, 78, 75, .12);
    backdrop-filter: blur(10px);
}

.hero-point[b-280ddzwqle] {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    gap: .8rem;
    padding: 1rem;
}

.hero-point + .hero-point[b-280ddzwqle] {
    border-top: 1px solid var(--plan-line);
}

.hero-point__number[b-280ddzwqle] {
    color: var(--plan-lime);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.hero-point strong[b-280ddzwqle],
.hero-point div span[b-280ddzwqle] {
    display: block;
}

.hero-point strong[b-280ddzwqle] {
    margin-bottom: .3rem;
    color: var(--plan-ink);
    font-size: .95rem;
}

.hero-point div span[b-280ddzwqle] {
    color: var(--plan-muted);
    font-size: .82rem;
    line-height: 1.45;
}

.planner-strip[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--plan-line);
    border-bottom: 1px solid var(--plan-line);
    background: #fff;
}

.planner-strip > div[b-280ddzwqle] {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 1.2rem 1.5rem;
    color: var(--plan-muted);
    font-size: .82rem;
    line-height: 1.4;
}

.planner-strip > div + div[b-280ddzwqle] {
    border-left: 1px solid var(--plan-line);
}

.planner-strip i[b-280ddzwqle] {
    color: var(--plan-teal);
    font-size: 1.15rem;
}

.planner-strip strong[b-280ddzwqle],
.planner-strip span[b-280ddzwqle] {
    display: block;
}

.planner-strip strong[b-280ddzwqle] {
    color: var(--plan-ink);
}

.section-intro[b-280ddzwqle] {
    max-width: 56rem;
    margin: 0 0 1.75rem;
    color: var(--plan-muted);
    font-size: 1.02rem;
    line-height: 1.75;
}

.icon-tile[b-280ddzwqle] {
    display: inline-grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 12px;
    background: var(--plan-teal-soft);
    color: var(--plan-teal);
    font-size: 1.2rem;
}

.principle-grid[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.principle-card[b-280ddzwqle] {
    padding: 1.4rem;
    border: 1px solid var(--plan-line);
    border-radius: 15px;
    background: var(--plan-surface);
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.principle-card h3[b-280ddzwqle] {
    margin: 1.1rem 0 .55rem;
    color: var(--plan-ink);
    font-size: 1.04rem;
}

.principle-card p[b-280ddzwqle] {
    margin: 0;
    color: var(--plan-muted);
    font-size: .9rem;
    line-height: 1.62;
}

.decide-panel[b-280ddzwqle] {
    display: grid;
    grid-template-columns: minmax(13rem, .72fr) 1.28fr;
    gap: 1.5rem;
    margin-top: 1.25rem;
    padding: 1.45rem;
    border-radius: 16px;
    background: var(--plan-ink);
    color: #fff;
}

.decide-panel .eyebrow[b-280ddzwqle] {
    color: #a9d7cd;
}

.decide-panel h3[b-280ddzwqle] {
    margin: .45rem 0 0;
    color: #fff;
    font-size: 1.25rem;
}

.decide-panel dl[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    margin: 0;
}

.decide-panel dl > div[b-280ddzwqle] {
    padding: .9rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(255, 255, 255, .06);
}

.decide-panel dt[b-280ddzwqle] {
    margin-bottom: .35rem;
    color: #d9ec83;
    font-weight: 750;
}

.decide-panel dd[b-280ddzwqle] {
    margin: 0;
    color: #d6e1e0;
    font-size: .82rem;
    line-height: 1.5;
}

.view-grid[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.view-card[b-280ddzwqle] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.4rem;
    overflow: hidden;
    border: 1px solid var(--plan-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(26, 67, 65, .045);
}

.view-card[b-280ddzwqle]::after {
    position: absolute;
    right: -2.2rem;
    top: -2.2rem;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    background: var(--plan-teal-soft);
    content: "";
}

.view-card > *[b-280ddzwqle] {
    position: relative;
    z-index: 1;
}

.view-card__label[b-280ddzwqle] {
    display: inline-flex;
    align-self: flex-start;
    margin-bottom: 1rem;
    padding: .3rem .55rem;
    border-radius: 999px;
    background: var(--plan-teal-soft);
    color: var(--plan-teal-dark);
    font-size: .68rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.view-card h3[b-280ddzwqle] {
    margin: .9rem 0 .45rem;
    color: var(--plan-ink);
    font-size: 1.15rem;
}

.view-card__path[b-280ddzwqle] {
    margin: 0 0 .7rem;
}

.view-card > p:not(.view-card__path):not(.view-card__question)[b-280ddzwqle] {
    margin: 0 0 .8rem;
    color: var(--plan-muted);
    font-size: .87rem;
    line-height: 1.6;
}

.view-card__question[b-280ddzwqle] {
    margin: 0 0 1rem;
    padding: .7rem .85rem;
    border-left: 3px solid var(--plan-lime);
    border-radius: 0 10px 10px 0;
    background: var(--plan-canvas);
    color: #476362;
    font-size: .82rem;
    font-style: italic;
    line-height: 1.5;
}

.view-card > a[b-280ddzwqle] {
    margin-top: auto;
    color: var(--plan-teal-dark);
    font-size: .82rem;
    font-weight: 750;
    text-decoration: none;
}

.chooser-grid[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.chooser-grid article[b-280ddzwqle] {
    display: flex;
    flex-direction: column;
    padding: 1.2rem;
    border: 1px solid var(--plan-line);
    border-radius: 15px;
    background: #fff;
}

.chooser-grid header[b-280ddzwqle] {
    display: flex;
    gap: .6rem;
    align-items: center;
    margin-bottom: .6rem;
    color: var(--plan-ink);
    font-size: .92rem;
    font-weight: 750;
}

.chooser-grid header i[b-280ddzwqle] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 10px;
    background: var(--plan-teal-soft);
    color: var(--plan-teal);
}

.chooser-grid p[b-280ddzwqle] {
    margin: 0 0 .9rem;
    color: var(--plan-muted);
    font-size: .83rem;
    line-height: 1.55;
}

.chooser-grid footer[b-280ddzwqle] {
    margin-top: auto;
}

.situation-list[b-280ddzwqle] {
    overflow: hidden;
    border: 1px solid var(--plan-line);
    border-radius: 14px;
    background: #fff;
}

.situation-list > div[b-280ddzwqle] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: .8rem 1.15rem;
}

.situation-list > div + div[b-280ddzwqle] {
    border-top: 1px solid #edf2f1;
}

.situation-list > div > span:first-child[b-280ddzwqle] {
    color: var(--plan-muted);
    font-size: .86rem;
    line-height: 1.5;
}

.mode-grid[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.mode-card[b-280ddzwqle] {
    padding: 1.35rem;
    border: 1px solid var(--plan-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(26, 67, 65, .045);
}

.mode-card__badge[b-280ddzwqle] {
    display: inline-flex;
    padding: .3rem .55rem;
    border-radius: 999px;
    background: var(--plan-teal-soft);
    color: var(--plan-teal-dark);
    font-size: .68rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.mode-card h3[b-280ddzwqle] {
    display: flex;
    gap: .55rem;
    align-items: center;
    margin: .8rem 0 .5rem;
    color: var(--plan-ink);
    font-size: 1.12rem;
}

.mode-card h3 i[b-280ddzwqle] {
    color: var(--plan-teal);
    font-size: 1rem;
}

.mode-card > p[b-280ddzwqle] {
    margin: 0 0 .8rem;
    color: var(--plan-muted);
    font-size: .87rem;
    line-height: 1.6;
}

.mode-card ul[b-280ddzwqle] {
    margin: 0;
    padding-left: 1.1rem;
}

.mode-card li[b-280ddzwqle] {
    margin-bottom: .45rem;
    color: var(--plan-muted);
    font-size: .84rem;
    line-height: 1.55;
}

.mode-card li:last-child[b-280ddzwqle] {
    margin-bottom: 0;
}

.rules-row[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .65rem;
    margin-top: 1rem;
}

.rules-row > div[b-280ddzwqle] {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
    padding: .85rem 1rem;
    border: 1px solid #e3ecea;
    border-radius: 11px;
    background: #fbfdfc;
}

.rules-row i[b-280ddzwqle] {
    margin-top: .1rem;
    color: var(--plan-teal);
}

.rules-row span:last-child[b-280ddzwqle] {
    color: var(--plan-muted);
    font-size: .78rem;
    line-height: 1.45;
}

.retro-note[b-280ddzwqle] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1.3rem;
    border-radius: 15px;
    background: var(--plan-teal-soft);
}

.retro-note h3[b-280ddzwqle] {
    margin: 0 0 .45rem;
    color: var(--plan-ink);
    font-size: 1.02rem;
}

.retro-note p[b-280ddzwqle] {
    margin: 0;
    color: #355957;
    font-size: .86rem;
    line-height: 1.62;
}

.inline-next-step[b-280ddzwqle] {
    display: flex;
    gap: .8rem;
    align-items: center;
    margin-top: 1.25rem;
    padding: .95rem 1.1rem;
    border: 1px solid var(--plan-line);
    border-radius: 12px;
    background: #fff;
}

.inline-next-step i[b-280ddzwqle] {
    color: var(--plan-teal);
}

.inline-next-step strong[b-280ddzwqle],
.inline-next-step div span[b-280ddzwqle] {
    display: block;
}

.inline-next-step strong[b-280ddzwqle] {
    color: var(--plan-ink);
    font-size: .84rem;
}

.inline-next-step div span[b-280ddzwqle] {
    color: var(--plan-muted);
    font-size: .79rem;
    line-height: 1.5;
}

.plan-when[b-280ddzwqle] {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.plan-when > article[b-280ddzwqle] {
    padding: 1.3rem;
    border-radius: 15px;
}

.plan-when__yes[b-280ddzwqle] {
    border: 1px solid var(--plan-line);
    background: #fff;
}

.plan-when__yes ul[b-280ddzwqle] {
    margin: .8rem 0 0;
    padding-left: 1.1rem;
}

.plan-when__yes li[b-280ddzwqle] {
    margin-bottom: .45rem;
    color: var(--plan-muted);
    font-size: .86rem;
    line-height: 1.55;
}

.plan-when__yes li:last-child[b-280ddzwqle] {
    margin-bottom: 0;
}

.plan-when__no[b-280ddzwqle] {
    background: var(--plan-teal-soft);
}

.plan-when__no i[b-280ddzwqle] {
    display: block;
    margin-bottom: .8rem;
    color: var(--plan-teal);
    font-size: 1.4rem;
}

.plan-when__no p[b-280ddzwqle] {
    margin: .6rem 0 0;
    color: #355957;
    font-size: .84rem;
    line-height: 1.6;
}

.lifecycle-panel[b-280ddzwqle] {
    margin-bottom: 1.25rem;
    padding: 1.35rem;
    overflow: hidden;
    border-radius: 16px;
    background: var(--plan-ink);
}

.lifecycle-panel .eyebrow[b-280ddzwqle] {
    color: #a9d7cd;
}

.lifecycle-panel h3[b-280ddzwqle] {
    margin: .35rem 0 1.2rem;
    color: #fff;
    font-size: 1.15rem;
}

.lifecycle-track[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lifecycle-track li[b-280ddzwqle] {
    position: relative;
    padding: .85rem .7rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 11px;
    background: rgba(255, 255, 255, .055);
}

.lifecycle-track li:not(:last-child)[b-280ddzwqle]::after {
    position: absolute;
    z-index: 2;
    right: -.42rem;
    top: 50%;
    width: .4rem;
    height: .4rem;
    border-top: 1px solid #8cb5af;
    border-right: 1px solid #8cb5af;
    transform: rotate(45deg);
    content: "";
}

.lifecycle-track li > span[b-280ddzwqle] {
    display: block;
    margin-bottom: .55rem;
    color: #d8eb83;
    font-size: .7rem;
    font-weight: 800;
}

.lifecycle-track strong[b-280ddzwqle],
.lifecycle-track small[b-280ddzwqle] {
    display: block;
}

.lifecycle-track strong[b-280ddzwqle] {
    color: #fff;
    font-size: .8rem;
}

.lifecycle-track small[b-280ddzwqle] {
    margin-top: .25rem;
    color: #bdd0cd;
    font-size: .66rem;
    line-height: 1.35;
}

.plan-facts[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.plan-facts article[b-280ddzwqle] {
    padding: 1.3rem;
    border: 1px solid var(--plan-line);
    border-radius: 15px;
    background: #fff;
}

.plan-facts h3[b-280ddzwqle] {
    display: flex;
    gap: .55rem;
    align-items: center;
    margin: 0 0 .7rem;
    color: var(--plan-ink);
    font-size: 1rem;
}

.plan-facts h3 i[b-280ddzwqle] {
    color: var(--plan-teal);
    font-size: .95rem;
}

.plan-facts p[b-280ddzwqle] {
    margin: 0;
    color: var(--plan-muted);
    font-size: .85rem;
    line-height: 1.62;
}

.audience-grid[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.audience-grid article[b-280ddzwqle] {
    padding: 1.35rem;
    border: 1px solid var(--plan-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.audience-grid h3[b-280ddzwqle] {
    margin: 1rem 0 .5rem;
    color: var(--plan-ink);
    font-size: 1.04rem;
}

.audience-grid p[b-280ddzwqle] {
    margin: 0;
    color: var(--plan-muted);
    font-size: .87rem;
    line-height: 1.6;
}

.metric-list[b-280ddzwqle] {
    margin-bottom: 1.25rem;
}

.metric-list dl[b-280ddzwqle] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin: 0;
}

.metric-list dl > div[b-280ddzwqle] {
    padding: .95rem 1.05rem;
    border: 1px solid #e3ecea;
    border-radius: 12px;
    background: #fbfdfc;
}

.metric-list dt[b-280ddzwqle] {
    margin-bottom: .3rem;
    color: var(--plan-teal-dark);
    font-size: .84rem;
    font-weight: 780;
}

.metric-list dd[b-280ddzwqle] {
    margin: 0;
    color: var(--plan-muted);
    font-size: .78rem;
    line-height: 1.5;
}

.do-not-card[b-280ddzwqle] {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 1.15rem;
    border: 1px solid #f0d6b6;
    border-radius: 15px;
    background: var(--plan-warn-soft);
}

.do-not-card__icon[b-280ddzwqle] {
    display: inline-grid;
    min-width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: var(--plan-warn);
}

.do-not-card .eyebrow[b-280ddzwqle] {
    color: var(--plan-warn);
}

.do-not-card h3[b-280ddzwqle] {
    margin: .25rem 0;
    color: #73400e;
    font-size: 1rem;
}

.do-not-card p[b-280ddzwqle] {
    margin: 0;
    color: #805a32;
    font-size: .82rem;
    line-height: 1.55;
}

.planovac-chapter-page[b-280ddzwqle]  .help-subsection {
    margin-top: 1.9rem;
}

.planovac-chapter-page[b-280ddzwqle]  .help-subsection > h3 {
    margin: 0 0 .8rem;
    color: var(--plan-ink);
    font-size: 1.12rem;
    font-weight: 750;
    letter-spacing: -.01em;
}

.planovac-chapter-page[b-280ddzwqle]  .help-subsection p {
    max-width: 56rem;
    margin: 0 0 .9rem;
    color: var(--plan-muted);
    font-size: .92rem;
    line-height: 1.7;
}

.planovac-chapter-page[b-280ddzwqle]  .help-subsection p:last-child {
    margin-bottom: 0;
}

.planner-claim[b-280ddzwqle] {
    padding: 1rem 1.15rem;
    border-left: 3px solid var(--plan-lime);
    border-radius: 0 12px 12px 0;
    background: var(--plan-canvas);
}

.planner-claim strong[b-280ddzwqle] {
    color: var(--plan-ink);
}

.planovac-chapter-page[b-280ddzwqle]  .help-section > p:not(.section-intro) {
    max-width: 56rem;
    margin: 1.25rem 0 0;
    color: var(--plan-muted);
    font-size: .92rem;
    line-height: 1.65;
}

.day-timeline[b-280ddzwqle] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.day-timeline[b-280ddzwqle]::before {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 2.1rem;
    height: 1px;
    background: var(--plan-mint);
    content: "";
}

.day-timeline article[b-280ddzwqle] {
    position: relative;
    padding: 1.3rem;
    border: 1px solid var(--plan-line);
    border-radius: 15px;
    background: #fff;
}

.day-timeline__time[b-280ddzwqle] {
    position: relative;
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    padding: .45rem .65rem;
    border-radius: 999px;
    background: var(--plan-teal-soft);
    color: var(--plan-teal-dark);
    font-size: .75rem;
    font-weight: 750;
}

.day-timeline h3[b-280ddzwqle] {
    margin: 1rem 0 .65rem;
    color: var(--plan-ink);
    font-size: 1rem;
}

.day-timeline ul[b-280ddzwqle] {
    margin: 0;
    padding-left: 1.05rem;
}

.day-timeline li[b-280ddzwqle] {
    margin-bottom: .35rem;
    color: var(--plan-muted);
    font-size: .82rem;
    line-height: 1.5;
}

.scenario-list[b-280ddzwqle] {
    overflow: hidden;
    border: 1px solid var(--plan-line);
    border-radius: 16px;
    background: #fff;
}

.scenario-list details + details[b-280ddzwqle] {
    border-top: 1px solid var(--plan-line);
}

.scenario-list summary[b-280ddzwqle] {
    display: flex;
    gap: .9rem;
    align-items: center;
    padding: 1rem 1.2rem;
    cursor: pointer;
    list-style: none;
}

.scenario-list summary[b-280ddzwqle]::-webkit-details-marker {
    display: none;
}

.scenario-list summary[b-280ddzwqle]::after {
    margin-left: auto;
    color: var(--plan-teal);
    font-size: 1.3rem;
    content: "+";
}

.scenario-list details[open] summary[b-280ddzwqle]::after {
    content: "−";
}

.scenario-icon[b-280ddzwqle] {
    display: inline-grid;
    min-width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 10px;
    background: var(--plan-teal-soft);
    color: var(--plan-teal);
}

.scenario-list summary strong[b-280ddzwqle],
.scenario-list summary small[b-280ddzwqle] {
    display: block;
}

.scenario-list summary strong[b-280ddzwqle] {
    color: var(--plan-ink);
    font-size: .9rem;
}

.scenario-list summary small[b-280ddzwqle] {
    margin-top: .15rem;
    color: var(--plan-muted);
    font-size: .72rem;
}

.scenario-content[b-280ddzwqle] {
    padding: 0 1.2rem 1.2rem 4.45rem;
}

.scenario-content p[b-280ddzwqle],
.scenario-content li[b-280ddzwqle] {
    color: var(--plan-muted);
    font-size: .83rem;
    line-height: 1.6;
}

.scenario-content p[b-280ddzwqle],
.scenario-content ol[b-280ddzwqle] {
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .lifecycle-track[b-280ddzwqle] {
        grid-template-columns: repeat(3, 1fr);
    }

    .lifecycle-track li:nth-child(3)[b-280ddzwqle]::after {
        display: none;
    }

    .rules-row[b-280ddzwqle] {
        grid-template-columns: repeat(2, 1fr);
    }

    .metric-list dl[b-280ddzwqle] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991.98px) {
    .planner-hero[b-280ddzwqle] {
        grid-template-columns: 1fr;
    }

    .planner-hero__panel[b-280ddzwqle] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-point[b-280ddzwqle] {
        grid-template-columns: 1fr;
    }

    .hero-point + .hero-point[b-280ddzwqle] {
        border-top: 0;
        border-left: 1px solid var(--plan-line);
    }

    .principle-grid[b-280ddzwqle],
    .view-grid[b-280ddzwqle],
    .chooser-grid[b-280ddzwqle],
    .day-timeline[b-280ddzwqle] {
        grid-template-columns: repeat(2, 1fr);
    }

    .decide-panel[b-280ddzwqle],
    .plan-when[b-280ddzwqle] {
        grid-template-columns: 1fr;
    }

    .decide-panel dl[b-280ddzwqle] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767.98px) {
    .planovac-chapter-page[b-280ddzwqle]  .help-section {
        padding: 2.75rem 1.1rem;
    }

    .planner-strip[b-280ddzwqle],
    .principle-grid[b-280ddzwqle],
    .view-grid[b-280ddzwqle],
    .chooser-grid[b-280ddzwqle],
    .mode-grid[b-280ddzwqle],
    .rules-row[b-280ddzwqle],
    .plan-facts[b-280ddzwqle],
    .audience-grid[b-280ddzwqle],
    .day-timeline[b-280ddzwqle],
    .decide-panel dl[b-280ddzwqle],
    .metric-list dl[b-280ddzwqle],
    .planner-hero__panel[b-280ddzwqle] {
        grid-template-columns: 1fr;
    }

    .planner-strip > div + div[b-280ddzwqle] {
        border-top: 1px solid var(--plan-line);
        border-left: 0;
    }

    .hero-point + .hero-point[b-280ddzwqle] {
        border-top: 1px solid var(--plan-line);
        border-left: 0;
    }

    .lifecycle-track[b-280ddzwqle] {
        grid-template-columns: 1fr;
    }

    .lifecycle-track li[b-280ddzwqle]::after {
        display: none;
    }

    .situation-list > div[b-280ddzwqle] {
        flex-direction: column;
        gap: .45rem;
        align-items: flex-start;
    }

    .do-not-card[b-280ddzwqle] {
        flex-direction: column;
        align-items: flex-start;
    }

    .scenario-content[b-280ddzwqle] {
        padding-left: 1.2rem;
    }
}

@media print {
    .planovac-chapter-page[b-280ddzwqle]  .help-section {
        padding: 1.25rem 0;
        break-inside: avoid;
    }

    .planner-hero[b-280ddzwqle] {
        min-height: auto;
        padding: 2rem;
    }

    .planner-hero__actions[b-280ddzwqle],
    .planner-strip[b-280ddzwqle] {
        display: none;
    }

    .principle-card[b-280ddzwqle],
    .view-card[b-280ddzwqle],
    .mode-card[b-280ddzwqle],
    .plan-facts article[b-280ddzwqle],
    .audience-grid article[b-280ddzwqle] {
        break-inside: avoid;
    }

    .scenario-list details:not([open]) .scenario-content[b-280ddzwqle] {
        display: block;
    }
}
/* /Components/Pages/Help/Chapters/Pravidla/PravidlaChapter.razor.rz.scp.css */
/* Scoped styling of the central "Pravidlá, oprávnenia a dostupné akcie" chapter.
   Chapter-local only: no global site.scss / help.css / Bootstrap variable change.
   Blazor CSS isolation compiles this file at build time. */

.pravidla-chapter-page[b-pqm50vlpx6] {
    --pravidla-ink: #1b2f3f;
    --pravidla-muted: #5c7180;
    --pravidla-accent: #2a6f8f;
    --pravidla-accent-dark: #1c5470;
    --pravidla-accent-soft: #e9f3f7;
    --pravidla-surface: #ffffff;
    --pravidla-canvas: #f6f9fb;
    --pravidla-line: #dbe6ec;
    --pravidla-warn: #a95c13;
    --pravidla-warn-soft: #fff5e8;
    color: var(--pravidla-ink);
}

/* ---------- layout frame (shared HelpChapterLayout) ---------- */

.pravidla-chapter-page[b-pqm50vlpx6]  .help-chapter-layout > .row:nth-of-type(2) > .col-12 > .card {
    overflow: hidden;
    border: 1px solid var(--pravidla-line);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(27, 47, 63, .09);
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-chapter-layout .card-header {
    padding: .95rem 1.5rem;
    border: 0;
    background: var(--pravidla-accent-dark) !important;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-chapter-content {
    max-width: none;
    padding: 0;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-chapter-lead {
    margin: 0;
    padding: 1.1rem 1.75rem;
    border: 0;
    background: var(--pravidla-accent-soft);
    color: #44606f;
    font-size: .95rem;
    line-height: 1.65;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-section {
    margin: 0;
    padding: 3.25rem clamp(1.1rem, 4vw, 3.5rem);
    border-top: 1px solid var(--pravidla-line);
    scroll-margin-top: 1rem;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-section:nth-of-type(even) {
    background: var(--pravidla-canvas);
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-section > h2 {
    display: flex;
    gap: .7rem;
    align-items: center;
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    color: var(--pravidla-ink);
    font-size: clamp(1.45rem, 2.2vw, 1.95rem);
    font-weight: 750;
    letter-spacing: -.02em;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-section > h2 i {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    margin: 0 !important;
    place-items: center;
    border-radius: 12px;
    background: var(--pravidla-accent-soft);
    color: var(--pravidla-accent);
    font-size: 1.05rem;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-toc {
    border: 1px solid var(--pravidla-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-toc a {
    border-radius: 8px;
    color: #4e6775;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-toc a:hover {
    background: var(--pravidla-accent-soft);
    color: var(--pravidla-accent-dark);
}

/* ---------- shared help components (scoped skin) ---------- */

.pravidla-chapter-page[b-pqm50vlpx6]  .help-callout {
    margin: 1rem 0 0;
    overflow: hidden;
    border-radius: 13px;
    box-shadow: none;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-callout-note {
    border-color: #c6dde7;
    background: var(--pravidla-accent-soft);
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-callout-warn {
    border-color: #f0d6b6;
    background: var(--pravidla-warn-soft);
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-callout-body {
    color: var(--pravidla-muted);
    font-size: .86rem;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-callout-body p:last-child {
    margin-bottom: 0;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-ui-chip {
    border-color: #c3d9e2;
    border-radius: 8px;
    background: #f0f6f9;
    color: var(--pravidla-accent-dark);
    font-weight: 700;
    white-space: nowrap;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-steps {
    overflow: hidden;
    margin: 1rem 0 0;
    border: 1px solid var(--pravidla-line);
    border-radius: 14px;
    background: #fff;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-steps-title {
    padding: .9rem 1.1rem;
    border-bottom: 1px solid var(--pravidla-line);
    background: var(--pravidla-accent-soft);
    color: var(--pravidla-accent-dark);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-steps-list {
    margin: 0;
    padding: 0;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-steps-list > li {
    position: relative;
    margin: 0;
    padding: 1rem 1.1rem 1rem 4.25rem;
    border: 0;
    color: var(--pravidla-muted);
    font-size: .86rem;
    line-height: 1.6;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-steps-list > li + li {
    border-top: 1px solid #eaf0f3;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-steps-list > li::before {
    left: 1.15rem;
    top: 1rem;
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: var(--pravidla-accent-dark);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-steps-list > li p:last-child {
    margin-bottom: 0;
}

.pravidla-chapter-page[b-pqm50vlpx6]  .help-step-title {
    display: block;
    margin-bottom: .25rem;
    color: var(--pravidla-ink);
    font-size: .9rem;
    font-weight: 750;
}

/* ---------- hero ---------- */

.pravidla-eyebrow[b-pqm50vlpx6] {
    display: inline-block;
    color: var(--pravidla-accent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.pravidla-hero[b-pqm50vlpx6] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);
    gap: clamp(1.5rem, 4vw, 3.5rem);
    align-items: center;
    padding: clamp(2rem, 5vw, 4.25rem) clamp(1.1rem, 5vw, 4rem);
    background:
        radial-gradient(circle at 88% 85%, rgba(42, 111, 143, .18), transparent 38%),
        linear-gradient(135deg, #f4fafc 0%, #e7f1f6 100%);
}

.pravidla-hero h2[b-pqm50vlpx6] {
    margin: .75rem 0 1.15rem;
    color: var(--pravidla-ink);
    font-size: clamp(1.9rem, 4vw, 3.2rem);
    font-weight: 780;
    letter-spacing: -.045em;
    line-height: 1.06;
}

.pravidla-hero__copy > p[b-pqm50vlpx6] {
    max-width: 44rem;
    margin: 0;
    color: #46626f;
    font-size: clamp(.98rem, 1.3vw, 1.1rem);
    line-height: 1.72;
}

.pravidla-hero__actions[b-pqm50vlpx6] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.6rem;
}

.pravidla-primary-action[b-pqm50vlpx6],
.pravidla-secondary-action[b-pqm50vlpx6] {
    display: inline-flex;
    gap: .55rem;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: .7rem 1.05rem;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .15s ease, background-color .15s ease;
}

.pravidla-primary-action[b-pqm50vlpx6] {
    background: var(--pravidla-accent-dark);
    color: #fff !important;
}

.pravidla-secondary-action[b-pqm50vlpx6] {
    border: 1px solid rgba(28, 84, 112, .24);
    background: rgba(255, 255, 255, .75);
    color: var(--pravidla-accent-dark) !important;
}

.pravidla-primary-action:hover[b-pqm50vlpx6],
.pravidla-secondary-action:hover[b-pqm50vlpx6] {
    transform: translateY(-1px);
}

.pravidla-hero__panel[b-pqm50vlpx6] {
    padding: .75rem;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 18px;
    background: rgba(255, 255, 255, .78);
}

.pravidla-hero-point[b-pqm50vlpx6] {
    display: grid;
    grid-template-columns: 2.4rem 1fr;
    gap: .8rem;
    padding: .95rem;
}

.pravidla-hero-point + .pravidla-hero-point[b-pqm50vlpx6] {
    border-top: 1px solid var(--pravidla-line);
}

.pravidla-hero-point__number[b-pqm50vlpx6] {
    color: var(--pravidla-accent);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.pravidla-hero-point strong[b-pqm50vlpx6],
.pravidla-hero-point div span[b-pqm50vlpx6] {
    display: block;
}

.pravidla-hero-point strong[b-pqm50vlpx6] {
    margin-bottom: .28rem;
    color: var(--pravidla-ink);
    font-size: .93rem;
}

.pravidla-hero-point div span[b-pqm50vlpx6] {
    color: var(--pravidla-muted);
    font-size: .81rem;
    line-height: 1.45;
}

/* ---------- section intro and pinned claims ---------- */

.pravidla-section-intro[b-pqm50vlpx6] {
    max-width: 55rem;
    margin: 0 0 1.5rem;
    color: var(--pravidla-muted);
    font-size: 1rem;
    line-height: 1.75;
}

.pravidla-claim[b-pqm50vlpx6] {
    margin: 1.25rem 0 0;
    padding: 1.05rem 1.2rem;
    border-left: 4px solid var(--pravidla-accent);
    border-radius: 0 12px 12px 0;
    background: var(--pravidla-accent-soft);
    color: #3f5b69;
    font-size: .92rem;
    line-height: 1.7;
}

.pravidla-claim strong[b-pqm50vlpx6] {
    color: var(--pravidla-ink);
}

/* ---------- decision factors, relationships, scope, states ---------- */

.pravidla-factor-grid[b-pqm50vlpx6],
.pravidla-relation-grid[b-pqm50vlpx6],
.pravidla-state-grid[b-pqm50vlpx6],
.pravidla-scope-pair[b-pqm50vlpx6] {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

.pravidla-factor-grid[b-pqm50vlpx6] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pravidla-relation-grid[b-pqm50vlpx6],
.pravidla-scope-pair[b-pqm50vlpx6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pravidla-state-grid[b-pqm50vlpx6] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pravidla-factor-card[b-pqm50vlpx6],
.pravidla-relation-card[b-pqm50vlpx6],
.pravidla-state-card[b-pqm50vlpx6],
.pravidla-scope-card[b-pqm50vlpx6] {
    padding: 1.35rem;
    border: 1px solid var(--pravidla-line);
    border-radius: 15px;
    background: var(--pravidla-surface);
}

.pravidla-icon-tile[b-pqm50vlpx6] {
    display: inline-grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 12px;
    background: var(--pravidla-accent-soft);
    color: var(--pravidla-accent);
    font-size: 1.15rem;
}

.pravidla-factor-card h3[b-pqm50vlpx6],
.pravidla-relation-card h3[b-pqm50vlpx6],
.pravidla-state-card h3[b-pqm50vlpx6],
.pravidla-scope-card h3[b-pqm50vlpx6] {
    margin: 1rem 0 .5rem;
    color: var(--pravidla-ink);
    font-size: 1.02rem;
}

.pravidla-relation-card h3[b-pqm50vlpx6],
.pravidla-state-card h3[b-pqm50vlpx6],
.pravidla-scope-card h3[b-pqm50vlpx6] {
    margin-top: 0;
}

.pravidla-factor-card p[b-pqm50vlpx6],
.pravidla-relation-card p[b-pqm50vlpx6],
.pravidla-state-card p[b-pqm50vlpx6],
.pravidla-scope-card p[b-pqm50vlpx6] {
    margin: 0;
    color: var(--pravidla-muted);
    font-size: .88rem;
    line-height: 1.62;
}

.pravidla-factor-card a[b-pqm50vlpx6],
.pravidla-relation-card a[b-pqm50vlpx6] {
    color: var(--pravidla-accent-dark);
    font-weight: 650;
}

/* ---------- conditional action table ---------- */

.pravidla-table-wrap[b-pqm50vlpx6] {
    margin-top: 1.25rem;
    overflow-x: auto;
    border: 1px solid var(--pravidla-line);
    border-radius: 15px;
    background: #fff;
}

.pravidla-action-table[b-pqm50vlpx6] {
    min-width: 44rem;
    margin: 0;
    font-size: .86rem;
}

.pravidla-action-table caption[b-pqm50vlpx6] {
    padding: .9rem 1.1rem 0;
    caption-side: bottom;
    color: var(--pravidla-muted);
    font-size: .78rem;
}

.pravidla-action-table thead th[b-pqm50vlpx6] {
    border-bottom: 1px solid var(--pravidla-line);
    background: var(--pravidla-accent-soft);
    color: var(--pravidla-accent-dark);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    vertical-align: middle;
}

.pravidla-action-table th[b-pqm50vlpx6],
.pravidla-action-table td[b-pqm50vlpx6] {
    padding: .85rem 1.1rem;
    vertical-align: top;
}

.pravidla-action-table tbody th[b-pqm50vlpx6] {
    color: var(--pravidla-ink);
    font-weight: 700;
}

.pravidla-action-table tbody td[b-pqm50vlpx6] {
    color: var(--pravidla-muted);
    line-height: 1.55;
}

/* ---------- in-app message quote ---------- */

.pravidla-message[b-pqm50vlpx6] {
    margin-top: 1.25rem;
    padding: 1rem 1.2rem;
    border: 1px dashed #bcd2dc;
    border-radius: 13px;
    background: #fbfdfe;
}

.pravidla-message__label[b-pqm50vlpx6] {
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    margin-bottom: .4rem;
    color: var(--pravidla-accent-dark);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pravidla-message p[b-pqm50vlpx6] {
    margin: 0;
    color: var(--pravidla-ink);
    font-size: .89rem;
    font-style: italic;
    line-height: 1.6;
}

/* ---------- history list ---------- */

.pravidla-history-list[b-pqm50vlpx6] {
    margin: 1.25rem 0 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--pravidla-line);
    border-radius: 15px;
    background: #fff;
    list-style: none;
}

.pravidla-history-list > li[b-pqm50vlpx6] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: .85rem;
    padding: .95rem 1.15rem;
    color: var(--pravidla-muted);
    font-size: .87rem;
    line-height: 1.6;
}

.pravidla-history-list > li + li[b-pqm50vlpx6] {
    border-top: 1px solid #eaf0f3;
}

.pravidla-history-list > li > i[b-pqm50vlpx6] {
    margin-top: .15rem;
    color: var(--pravidla-accent);
}

.pravidla-history-list strong[b-pqm50vlpx6] {
    color: var(--pravidla-ink);
}

/* ---------- kam ďalej ---------- */

.pravidla-next-grid[b-pqm50vlpx6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1.25rem;
    overflow: hidden;
    border: 1px solid var(--pravidla-line);
    border-radius: 16px;
    background: #fff;
}

.pravidla-next-grid > a[b-pqm50vlpx6] {
    display: flex;
    gap: .85rem;
    align-items: flex-start;
    padding: 1.1rem 1.2rem;
    border-bottom: 1px solid #eaf0f3;
    color: inherit;
    text-decoration: none;
    transition: background-color .15s ease;
}

.pravidla-next-grid > a:hover[b-pqm50vlpx6] {
    background: var(--pravidla-accent-soft);
}

.pravidla-next-grid > a:nth-child(odd)[b-pqm50vlpx6] {
    border-right: 1px solid #eaf0f3;
}

.pravidla-next-grid > a:last-child[b-pqm50vlpx6] {
    border-bottom: 0;
}

.pravidla-next-grid i[b-pqm50vlpx6] {
    display: inline-grid;
    min-width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border-radius: 10px;
    background: var(--pravidla-accent-soft);
    color: var(--pravidla-accent);
    font-size: 1rem;
}

.pravidla-next-grid strong[b-pqm50vlpx6],
.pravidla-next-grid small[b-pqm50vlpx6] {
    display: block;
}

.pravidla-next-grid strong[b-pqm50vlpx6] {
    color: var(--pravidla-ink);
    font-size: .9rem;
}

.pravidla-next-grid small[b-pqm50vlpx6] {
    margin-top: .18rem;
    color: var(--pravidla-muted);
    font-size: .76rem;
    line-height: 1.5;
}

/* ---------- keyboard focus stays visible everywhere ---------- */

/* .pravidla-table-wrap is keyboard focusable (tabindex="0") so that keyboard-only
   users can scroll the wide action table to its off-screen columns — WCAG 2.1.1. */
.pravidla-chapter-page a:focus-visible[b-pqm50vlpx6],
.pravidla-chapter-page button:focus-visible[b-pqm50vlpx6],
.pravidla-chapter-page summary:focus-visible[b-pqm50vlpx6],
.pravidla-table-wrap:focus-visible[b-pqm50vlpx6],
.pravidla-chapter-page[b-pqm50vlpx6]  a:focus-visible,
.pravidla-chapter-page[b-pqm50vlpx6]  button:focus-visible,
.pravidla-chapter-page[b-pqm50vlpx6]  summary:focus-visible {
    outline: 3px solid var(--pravidla-accent-dark);
    outline-offset: 2px;
    border-radius: 6px;
}

/* ---------- responsive ---------- */

@media (max-width: 991.98px) {
    .pravidla-hero[b-pqm50vlpx6] {
        grid-template-columns: 1fr;
    }

    .pravidla-factor-grid[b-pqm50vlpx6],
    .pravidla-state-grid[b-pqm50vlpx6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Below 768 px every card grid collapses to a single column and the wide
   comparison table scrolls inside its own container, so the page body never
   scrolls horizontally. */
@media (max-width: 767.98px) {
    .pravidla-chapter-page[b-pqm50vlpx6]  .help-section {
        padding: 2.4rem 1.05rem;
    }

    .pravidla-factor-grid[b-pqm50vlpx6],
    .pravidla-relation-grid[b-pqm50vlpx6],
    .pravidla-state-grid[b-pqm50vlpx6],
    .pravidla-scope-pair[b-pqm50vlpx6],
    .pravidla-next-grid[b-pqm50vlpx6],
    .pravidla-hero__panel[b-pqm50vlpx6] {
        grid-template-columns: 1fr;
    }

    .pravidla-next-grid > a:nth-child(odd)[b-pqm50vlpx6] {
        border-right: 0;
    }

    .pravidla-hero-point[b-pqm50vlpx6] {
        grid-template-columns: 1fr;
    }

    .pravidla-history-list > li[b-pqm50vlpx6] {
        grid-template-columns: 1fr;
    }

    .pravidla-action-table[b-pqm50vlpx6] {
        min-width: 34rem;
    }
}

/* ---------- print ---------- */

@media print {
    .pravidla-chapter-page[b-pqm50vlpx6]  .help-section {
        padding: 1.1rem 0;
        break-inside: avoid;
    }

    .pravidla-hero[b-pqm50vlpx6],
    .pravidla-claim[b-pqm50vlpx6],
    .pravidla-chapter-page[b-pqm50vlpx6]  .help-chapter-lead,
    .pravidla-chapter-page[b-pqm50vlpx6]  .help-steps-title,
    .pravidla-action-table thead th[b-pqm50vlpx6],
    .pravidla-icon-tile[b-pqm50vlpx6],
    .pravidla-next-grid i[b-pqm50vlpx6] {
        background: none !important;
        box-shadow: none !important;
    }

    .pravidla-hero[b-pqm50vlpx6] {
        padding: 0 0 1.25rem;
    }

    .pravidla-hero__actions[b-pqm50vlpx6],
    .pravidla-primary-action[b-pqm50vlpx6],
    .pravidla-secondary-action[b-pqm50vlpx6] {
        display: none;
    }

    .pravidla-claim[b-pqm50vlpx6] {
        border-left: 2px solid #666;
        color: #000;
    }

    .pravidla-chapter-page[b-pqm50vlpx6]  .help-section > h2,
    .pravidla-action-table[b-pqm50vlpx6] {
        color: #000;
    }

    .pravidla-table-wrap[b-pqm50vlpx6] {
        overflow-x: visible;
    }

    .pravidla-action-table[b-pqm50vlpx6] {
        min-width: 0;
        break-inside: auto;
    }

    .pravidla-action-table th[b-pqm50vlpx6],
    .pravidla-action-table td[b-pqm50vlpx6] {
        border: 1px solid #999;
    }
}
/* /Components/Pages/Help/Chapters/Registratura/RegistraturaChapter.razor.rz.scp.css */
.registratura-chapter-page[b-5kh543vagd] {
    --mail-ink: #173536;
    --mail-muted: #607374;
    --mail-teal: #167c78;
    --mail-teal-dark: #0d5d5a;
    --mail-teal-soft: #e8f5f3;
    --mail-mint: #cde9df;
    --mail-lime: #a9c93f;
    --mail-surface: #ffffff;
    --mail-canvas: #f6f9f8;
    --mail-line: #dce7e5;
    --mail-warn: #a95c13;
    --mail-warn-soft: #fff5e8;
    color: var(--mail-ink);
}

/* ---------- shared chapter frame ---------- */

.registratura-chapter-page[b-5kh543vagd]  .help-chapter-layout > .row:nth-of-type(2) > .col-12 > .card {
    overflow: hidden;
    border: 1px solid var(--mail-line);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(29, 65, 64, .09);
}

.registratura-chapter-page[b-5kh543vagd]  .help-chapter-layout .card-header {
    padding: .95rem 1.5rem;
    border: 0;
    background: var(--mail-teal-dark) !important;
}

.registratura-chapter-page[b-5kh543vagd]  .help-chapter-layout .card-header .card-title {
    font-size: .88rem;
    font-weight: 750;
    letter-spacing: .11em;
}

.registratura-chapter-page[b-5kh543vagd]  .help-chapter-content {
    max-width: none;
    padding: 0;
}

.registratura-chapter-page[b-5kh543vagd]  .help-chapter-lead {
    margin: 0;
    padding: 1.1rem 1.75rem;
    border: 0;
    background: #eef6f5;
    color: #476362;
    font-size: .95rem;
    line-height: 1.65;
}

.registratura-chapter-page[b-5kh543vagd]  .help-section {
    margin: 0;
    padding: 4rem clamp(1.25rem, 4vw, 3.5rem);
    border-top: 1px solid var(--mail-line);
    scroll-margin-top: 1rem;
}

.registratura-chapter-page[b-5kh543vagd]  .help-section:nth-of-type(even) {
    background: var(--mail-canvas);
}

.registratura-chapter-page[b-5kh543vagd]  .help-section > h2 {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    color: var(--mail-ink);
    font-size: clamp(1.55rem, 2.3vw, 2.05rem);
    font-weight: 760;
    letter-spacing: -.025em;
}

.registratura-chapter-page[b-5kh543vagd]  .help-section > h2 i {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    margin: 0 !important;
    place-items: center;
    border-radius: 12px;
    background: var(--mail-teal-soft);
    color: var(--mail-teal);
    font-size: 1.1rem;
}

.registratura-chapter-page[b-5kh543vagd]  .help-toc {
    border: 1px solid var(--mail-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 30px rgba(29, 65, 64, .08);
}

.registratura-chapter-page[b-5kh543vagd]  .help-toc-title {
    color: var(--mail-teal-dark);
}

.registratura-chapter-page[b-5kh543vagd]  .help-toc a {
    border-radius: 8px;
    color: #526b6a;
}

.registratura-chapter-page[b-5kh543vagd]  .help-toc a:hover {
    background: var(--mail-teal-soft);
    color: var(--mail-teal-dark);
}

/* ---------- shared help components ---------- */

.registratura-chapter-page[b-5kh543vagd]  .help-callout {
    margin: 1.25rem 0 0;
    overflow: hidden;
    border-radius: 13px;
    box-shadow: none;
}

.registratura-chapter-page[b-5kh543vagd]  .help-callout-note {
    border-color: #c9e2de;
    background: var(--mail-teal-soft);
}

.registratura-chapter-page[b-5kh543vagd]  .help-callout-warn {
    border-color: #f0d6b6;
    background: var(--mail-warn-soft);
}

.registratura-chapter-page[b-5kh543vagd]  .help-callout-tip {
    border-color: #d9e8ad;
    background: #f7faea;
}

.registratura-chapter-page[b-5kh543vagd]  .help-callout-title {
    color: var(--mail-ink);
    font-size: .82rem;
    font-weight: 800;
}

.registratura-chapter-page[b-5kh543vagd]  .help-callout-body {
    color: var(--mail-muted);
    font-size: .84rem;
}

.registratura-chapter-page[b-5kh543vagd]  .help-callout-body p:last-child {
    margin-bottom: 0;
}

.registratura-chapter-page[b-5kh543vagd]  .help-ui-chip {
    border-color: #c9dcda;
    border-radius: 8px;
    background: #f1f7f6;
    color: var(--mail-teal-dark);
    font-weight: 700;
}

.registratura-chapter-page[b-5kh543vagd]  .help-subsection {
    margin-top: 1.6rem;
    padding: 1.5rem;
    border: 1px solid var(--mail-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 8px 24px rgba(26, 67, 65, .04);
}

.registratura-chapter-page[b-5kh543vagd]  .help-subsection > h3 {
    margin: 0 0 1rem;
    padding: 0 0 .8rem;
    border-bottom: 1px solid var(--mail-line);
    color: var(--mail-ink);
    font-size: 1.15rem;
    font-weight: 750;
}

.registratura-chapter-page[b-5kh543vagd]  .help-subsection p {
    color: var(--mail-muted);
    font-size: .9rem;
    line-height: 1.65;
}

.registratura-chapter-page[b-5kh543vagd]  .help-faq-item {
    margin: 0;
    border: 1px solid var(--mail-line);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.registratura-chapter-page[b-5kh543vagd]  .help-faq-item:first-of-type {
    border-radius: 15px 15px 0 0;
}

.registratura-chapter-page[b-5kh543vagd]  .help-faq-item:last-of-type {
    border-radius: 0 0 15px 15px;
}

.registratura-chapter-page[b-5kh543vagd]  .help-faq-item + .help-faq-item {
    border-top: 0;
}

.registratura-chapter-page[b-5kh543vagd]  .help-faq-item summary {
    position: relative;
    padding: 1.05rem 3.2rem 1.05rem 1.2rem;
    color: var(--mail-ink);
    font-size: .9rem;
    font-weight: 730;
}

.registratura-chapter-page[b-5kh543vagd]  .help-faq-item summary::after {
    position: absolute;
    right: 1.2rem;
    color: var(--mail-teal);
    font-size: 1.2rem;
    content: "+";
}

.registratura-chapter-page[b-5kh543vagd]  .help-faq-item[open] summary {
    background: var(--mail-teal-soft);
}

.registratura-chapter-page[b-5kh543vagd]  .help-faq-item[open] summary::after {
    content: "−";
}

.registratura-chapter-page[b-5kh543vagd]  .help-faq-answer {
    padding: .2rem 1.2rem 1.1rem;
    color: var(--mail-muted);
    font-size: .84rem;
    line-height: 1.6;
}

.registratura-chapter-page[b-5kh543vagd]  .help-faq-answer p:last-child {
    margin-bottom: 0;
}

/* ---------- typography helpers ---------- */

.eyebrow[b-5kh543vagd] {
    display: inline-block;
    color: var(--mail-teal);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.section-intro[b-5kh543vagd] {
    max-width: 55rem;
    margin: 0 0 1.75rem;
    color: var(--mail-muted);
    font-size: 1.02rem;
    line-height: 1.75;
}

/* ---------- hero ---------- */

.mail-hero[b-5kh543vagd] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center;
    min-height: 30rem;
    padding: clamp(2.5rem, 6vw, 5.5rem) clamp(1.25rem, 5vw, 4.5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 12%, rgba(169, 201, 63, .16), transparent 32%),
        radial-gradient(circle at 92% 88%, rgba(67, 166, 155, .22), transparent 34%),
        linear-gradient(135deg, #f4fbf8 0%, #e6f3f1 100%);
}

.mail-hero[b-5kh543vagd]::after {
    position: absolute;
    right: -5rem;
    top: -8rem;
    width: 24rem;
    height: 24rem;
    border: 1px solid rgba(22, 124, 120, .15);
    border-radius: 50%;
    box-shadow: 0 0 0 3rem rgba(22, 124, 120, .035), 0 0 0 7rem rgba(22, 124, 120, .025);
    content: "";
}

.mail-hero__copy[b-5kh543vagd],
.mail-hero__panel[b-5kh543vagd] {
    position: relative;
    z-index: 1;
}

.mail-hero h2[b-5kh543vagd] {
    max-width: 46rem;
    margin: .75rem 0 1.25rem;
    color: var(--mail-ink);
    font-size: clamp(2.15rem, 4.5vw, 3.9rem);
    font-weight: 780;
    letter-spacing: -.055em;
    line-height: 1.03;
}

.mail-hero__copy > p[b-5kh543vagd] {
    max-width: 46rem;
    margin: 0;
    color: #486261;
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    line-height: 1.75;
}

.mail-hero__actions[b-5kh543vagd] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.8rem;
}

.help-primary-action[b-5kh543vagd],
.help-secondary-action[b-5kh543vagd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: .7rem 1.05rem;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.help-primary-action[b-5kh543vagd] {
    gap: .55rem;
    background: var(--mail-teal-dark);
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(13, 93, 90, .2);
}

.help-secondary-action[b-5kh543vagd] {
    border: 1px solid rgba(13, 93, 90, .22);
    background: rgba(255, 255, 255, .72);
    color: var(--mail-teal-dark) !important;
}

.help-primary-action:hover[b-5kh543vagd],
.help-secondary-action:hover[b-5kh543vagd] {
    transform: translateY(-1px);
}

.mail-hero__panel[b-5kh543vagd] {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 18px;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 22px 55px rgba(17, 78, 75, .12);
    backdrop-filter: blur(10px);
}

.hero-point[b-5kh543vagd] {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    gap: .8rem;
    padding: 1rem;
}

.hero-point + .hero-point[b-5kh543vagd] {
    border-top: 1px solid var(--mail-line);
}

.hero-point__number[b-5kh543vagd] {
    color: var(--mail-lime);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.hero-point strong[b-5kh543vagd],
.hero-point span:not(.hero-point__number)[b-5kh543vagd] {
    display: block;
}

.hero-point strong[b-5kh543vagd] {
    margin-bottom: .3rem;
    color: var(--mail-ink);
    font-size: .95rem;
}

.hero-point div span[b-5kh543vagd] {
    color: var(--mail-muted);
    font-size: .82rem;
    line-height: 1.45;
}

/* ---------- system boundary comparison ---------- */

.system-compare[b-5kh543vagd] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: stretch;
}

.system-compare__card[b-5kh543vagd] {
    padding: 1.4rem;
    border-radius: 16px;
}

.system-compare__card--ismis[b-5kh543vagd] {
    border: 1px solid #d7dfde;
    background: #fff;
}

.system-compare__card--intranet[b-5kh543vagd] {
    background: var(--mail-teal-dark);
}

.system-compare__card--intranet .eyebrow[b-5kh543vagd] {
    color: #a9d7cd;
}

.system-compare__card h3[b-5kh543vagd] {
    margin: .45rem 0 .5rem;
    color: var(--mail-ink);
    font-size: 1.3rem;
}

.system-compare__card > p[b-5kh543vagd] {
    margin: 0 0 .8rem;
    color: var(--mail-muted);
    font-size: .87rem;
    line-height: 1.55;
}

.system-compare__card ul[b-5kh543vagd] {
    margin: 0;
    padding-left: 1.1rem;
}

.system-compare__card li[b-5kh543vagd] {
    margin-bottom: .35rem;
    color: var(--mail-muted);
    font-size: .84rem;
    line-height: 1.5;
}

.system-compare__card--intranet h3[b-5kh543vagd],
.system-compare__card--intranet > p[b-5kh543vagd],
.system-compare__card--intranet li[b-5kh543vagd] {
    color: #fff;
}

.system-compare__card--intranet > p[b-5kh543vagd],
.system-compare__card--intranet li[b-5kh543vagd] {
    color: #d6e1e0;
}

.system-compare__bridge[b-5kh543vagd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    color: var(--mail-teal);
}

.system-compare__bridge span[b-5kh543vagd] {
    margin-bottom: .25rem;
    color: var(--mail-muted);
    font-size: .65rem;
    font-weight: 750;
    text-transform: uppercase;
}

/* ---------- mail channels ---------- */

.channel-grid[b-5kh543vagd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.channel-card[b-5kh543vagd] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--mail-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.channel-card > header[b-5kh543vagd] {
    display: flex;
    gap: .85rem;
    align-items: center;
    padding: 1.05rem 1.2rem;
    border-bottom: 1px solid var(--mail-line);
    background: #fbfdfc;
}

.channel-card__icon[b-5kh543vagd] {
    display: inline-grid;
    min-width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 12px;
    background: var(--mail-teal-soft);
    color: var(--mail-teal);
    font-size: 1.15rem;
}

.channel-card header strong[b-5kh543vagd],
.channel-card header small[b-5kh543vagd] {
    display: block;
}

.channel-card header strong[b-5kh543vagd] {
    color: var(--mail-ink);
    font-size: .93rem;
}

.channel-card header small[b-5kh543vagd] {
    margin-top: .15rem;
    color: var(--mail-muted);
    font-size: .7rem;
}

.channel-card > p[b-5kh543vagd] {
    flex: 1;
    margin: 0;
    padding: 1rem 1.2rem;
    color: var(--mail-muted);
    font-size: .84rem;
    line-height: 1.58;
}

.channel-card > footer[b-5kh543vagd] {
    display: flex;
    gap: .55rem;
    align-items: center;
    padding: .8rem 1.2rem;
    border-top: 1px solid #edf2f1;
    background: var(--mail-teal-soft);
    color: var(--mail-teal-dark);
    font-size: .76rem;
    font-weight: 700;
}

.channel-card > footer i[b-5kh543vagd] {
    color: var(--mail-teal);
}

/* ---------- triage decision flow ---------- */

.triage-flow[b-5kh543vagd] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-width: 60rem;
    margin: 0 auto;
}

.triage-flow__node[b-5kh543vagd] {
    display: grid;
    grid-template-columns: 2.4rem 1fr;
    gap: .9rem;
    align-items: center;
    padding: 1.1rem 1.3rem;
    border: 1px solid var(--mail-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(24, 69, 67, .04);
}

.triage-flow__node--final[b-5kh543vagd] {
    border-color: var(--mail-mint);
    background: var(--mail-teal-soft);
}

.triage-flow__step[b-5kh543vagd] {
    display: inline-grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border-radius: 50%;
    background: var(--mail-teal-dark);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
}

.triage-flow__node strong[b-5kh543vagd] {
    display: block;
    margin-bottom: .2rem;
    color: var(--mail-ink);
    font-size: .93rem;
}

.triage-flow__node p[b-5kh543vagd] {
    margin: 0;
    color: var(--mail-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.triage-flow__arrow[b-5kh543vagd] {
    align-self: center;
    width: 1px;
    height: 1.35rem;
    margin: .2rem 0;
    background: var(--mail-mint);
    position: relative;
}

.triage-flow__arrow[b-5kh543vagd]::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: .45rem;
    height: .45rem;
    border-right: 1px solid var(--mail-teal);
    border-bottom: 1px solid var(--mail-teal);
    transform: translateX(-50%) rotate(45deg);
    content: "";
}

.triage-flow__decision[b-5kh543vagd] {
    padding: 1.15rem 1.3rem;
    border-radius: 14px;
    background: var(--mail-ink);
    text-align: center;
}

.triage-flow__decision .eyebrow[b-5kh543vagd] {
    color: #a9d7cd;
}

.triage-flow__decision strong[b-5kh543vagd] {
    display: block;
    margin-top: .3rem;
    color: #fff;
    font-size: 1.02rem;
}

.triage-flow__branches[b-5kh543vagd] {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 1rem;
    margin-top: 1rem;
}

.triage-branch[b-5kh543vagd] {
    overflow: hidden;
    border: 1px solid var(--mail-line);
    border-radius: 14px;
    background: #fff;
}

.triage-branch > header[b-5kh543vagd] {
    display: flex;
    gap: .7rem;
    align-items: center;
    padding: .85rem 1.15rem;
    border-bottom: 1px solid var(--mail-line);
}

.triage-branch > header span[b-5kh543vagd] {
    display: inline-flex;
    padding: .28rem .6rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.triage-branch--yes > header[b-5kh543vagd] {
    background: #f2f9ec;
}

.triage-branch--yes > header span[b-5kh543vagd] {
    background: #dcefc9;
    color: #4c7020;
}

.triage-branch--no > header[b-5kh543vagd] {
    background: #f7f9f8;
}

.triage-branch--no > header span[b-5kh543vagd] {
    background: #e4ebea;
    color: #5a6f6e;
}

.triage-branch > header strong[b-5kh543vagd] {
    color: var(--mail-ink);
    font-size: .88rem;
}

.triage-branch ol[b-5kh543vagd] {
    margin: 0;
    padding: 1rem 1.15rem 1rem 2.35rem;
}

.triage-branch li[b-5kh543vagd] {
    margin-bottom: .45rem;
    color: var(--mail-muted);
    font-size: .82rem;
    line-height: 1.5;
}

.triage-branch li:last-child[b-5kh543vagd] {
    margin-bottom: 0;
}

.triage-branch p[b-5kh543vagd] {
    margin: 0;
    padding: 1rem 1.15rem;
    color: var(--mail-muted);
    font-size: .82rem;
    line-height: 1.55;
}

.triage-flow__branches + .triage-flow__arrow[b-5kh543vagd] {
    margin-top: 1rem;
}

.inline-next-step[b-5kh543vagd] {
    display: flex;
    gap: .8rem;
    align-items: center;
    max-width: 60rem;
    margin: 1.25rem auto 0;
    padding: .95rem 1.1rem;
    border-radius: 12px;
    background: var(--mail-teal-soft);
}

.inline-next-step i[b-5kh543vagd] {
    color: var(--mail-teal);
}

.inline-next-step strong[b-5kh543vagd],
.inline-next-step span[b-5kh543vagd] {
    display: block;
}

.inline-next-step strong[b-5kh543vagd] {
    color: var(--mail-ink);
    font-size: .84rem;
}

.inline-next-step span[b-5kh543vagd] {
    color: var(--mail-muted);
    font-size: .79rem;
}

/* ---------- what not to do ---------- */

.avoid-grid[b-5kh543vagd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.avoid-card[b-5kh543vagd] {
    display: flex;
    flex-direction: column;
    padding: 1.35rem;
    border: 1px solid #f0d6b6;
    border-radius: 15px;
    background: var(--mail-warn-soft);
}

.avoid-card__mark[b-5kh543vagd] {
    display: inline-grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: var(--mail-warn);
    font-size: 1.05rem;
    font-weight: 800;
}

.avoid-card h3[b-5kh543vagd] {
    margin: 1rem 0 .5rem;
    color: #73400e;
    font-size: 1rem;
}

.avoid-card p[b-5kh543vagd] {
    flex: 1;
    margin: 0 0 1rem;
    color: #805a32;
    font-size: .84rem;
    line-height: 1.55;
}

.avoid-card > footer[b-5kh543vagd] {
    display: flex;
    gap: .55rem;
    align-items: center;
    padding-top: .85rem;
    border-top: 1px solid #eed3b1;
    color: #4c7020;
    font-size: .78rem;
    font-weight: 700;
}

.avoid-card > footer i[b-5kh543vagd] {
    color: #6f9a37;
}

/* ---------- outgoing record ---------- */

.record-anatomy[b-5kh543vagd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1.25rem;
}

.record-anatomy article[b-5kh543vagd] {
    display: grid;
    grid-template-columns: 1.8rem 1fr;
    gap: .7rem;
    padding: 1rem;
    border: 1px solid var(--mail-line);
    border-radius: 13px;
    background: #fff;
}

.record-anatomy article > i[b-5kh543vagd] {
    margin-top: .15rem;
    color: var(--mail-teal);
    font-size: 1.05rem;
}

.record-anatomy strong[b-5kh543vagd],
.record-anatomy span[b-5kh543vagd] {
    display: block;
}

.record-anatomy strong[b-5kh543vagd] {
    margin-bottom: .18rem;
    color: var(--mail-ink);
    font-size: .85rem;
}

.record-anatomy span[b-5kh543vagd] {
    color: var(--mail-muted);
    font-size: .75rem;
    line-height: 1.45;
}

.outgoing-layout[b-5kh543vagd] {
    display: grid;
    grid-template-columns: 1.4fr .6fr;
    gap: 1rem;
    align-items: stretch;
}

.creation-card[b-5kh543vagd] {
    padding: 1.35rem;
    border: 1px solid var(--mail-line);
    border-radius: 16px;
    background: #fff;
}

.creation-card h3[b-5kh543vagd] {
    margin: .35rem 0 1rem;
    color: var(--mail-ink);
    font-size: 1.15rem;
}

.compact-checklist[b-5kh543vagd] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.compact-checklist li[b-5kh543vagd] {
    display: grid;
    grid-template-columns: 1.75rem 1fr;
    gap: .7rem;
    align-items: start;
    padding: .55rem 0;
}

.compact-checklist li + li[b-5kh543vagd] {
    border-top: 1px solid #edf2f1;
}

.compact-checklist li > span[b-5kh543vagd] {
    display: inline-grid;
    width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    border-radius: 50%;
    background: var(--mail-teal-soft);
    color: var(--mail-teal);
    font-size: .7rem;
}

.compact-checklist strong[b-5kh543vagd],
.compact-checklist small[b-5kh543vagd] {
    display: block;
}

.compact-checklist strong[b-5kh543vagd] {
    color: var(--mail-ink);
    font-size: .84rem;
}

.compact-checklist small[b-5kh543vagd] {
    margin-top: .12rem;
    color: var(--mail-muted);
    font-size: .74rem;
}

.outgoing-note[b-5kh543vagd] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.4rem;
    border-radius: 16px;
    background: var(--mail-teal-soft);
}

.outgoing-note i[b-5kh543vagd] {
    color: var(--mail-teal);
    font-size: 1.7rem;
}

.outgoing-note p[b-5kh543vagd] {
    margin: 2rem 0 0;
    color: #355957;
    font-size: .9rem;
    line-height: 1.6;
}

/* ---------- sending workflow ---------- */

.workflow-panel[b-5kh543vagd] {
    padding: 1.35rem;
    overflow: hidden;
    border-radius: 16px;
    background: var(--mail-ink);
}

.workflow-panel .eyebrow[b-5kh543vagd] {
    color: #a9d7cd;
}

.workflow-panel h3[b-5kh543vagd] {
    margin: .35rem 0 1.2rem;
    color: #fff;
    font-size: 1.15rem;
}

.workflow-track[b-5kh543vagd] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.workflow-track li[b-5kh543vagd] {
    position: relative;
    padding: .9rem .75rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 11px;
    background: rgba(255, 255, 255, .055);
}

.workflow-track li:not(:last-child)[b-5kh543vagd]::after {
    position: absolute;
    z-index: 2;
    right: -.42rem;
    top: 50%;
    width: .4rem;
    height: .4rem;
    border-top: 1px solid #8cb5af;
    border-right: 1px solid #8cb5af;
    transform: rotate(45deg);
    content: "";
}

.workflow-track li > span[b-5kh543vagd] {
    display: block;
    margin-bottom: .55rem;
    color: #d8eb83;
    font-size: .7rem;
    font-weight: 800;
}

.workflow-track strong[b-5kh543vagd],
.workflow-track small[b-5kh543vagd] {
    display: block;
}

.workflow-track strong[b-5kh543vagd] {
    color: #fff;
    font-size: .82rem;
}

.workflow-track small[b-5kh543vagd] {
    margin-top: .25rem;
    color: #bdd0cd;
    font-size: .66rem;
    line-height: 1.4;
}

.workflow-loop[b-5kh543vagd] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    margin-top: .8rem;
    padding: .9rem 1rem;
    border: 1px dashed rgba(255, 255, 255, .28);
    border-radius: 11px;
    background: rgba(255, 255, 255, .04);
}

.workflow-loop i[b-5kh543vagd] {
    margin-top: .1rem;
    color: #d8eb83;
}

.workflow-loop strong[b-5kh543vagd],
.workflow-loop span[b-5kh543vagd] {
    display: block;
}

.workflow-loop strong[b-5kh543vagd] {
    margin-bottom: .2rem;
    color: #fff;
    font-size: .82rem;
}

.workflow-loop span[b-5kh543vagd] {
    color: #c8d7d5;
    font-size: .76rem;
    line-height: 1.5;
}

.workflow-panel__footer[b-5kh543vagd] {
    display: flex;
    gap: .55rem;
    align-items: center;
    margin: 1rem 0 0;
    color: #c8d7d5;
    font-size: .78rem;
}

.workflow-panel__footer i[b-5kh543vagd] {
    color: #d8eb83;
}

.action-grid[b-5kh543vagd] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
    margin-top: 1rem;
}

.action-card[b-5kh543vagd] {
    padding: 1rem;
    border: 1px solid var(--mail-line);
    border-radius: 13px;
    background: #fff;
}

.action-card p[b-5kh543vagd] {
    margin: .7rem 0 0;
    color: var(--mail-muted);
    font-size: .76rem;
    line-height: 1.5;
}

/* ---------- record statuses ---------- */

.status-legend[b-5kh543vagd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    margin-top: 1rem;
}

.status-legend > div[b-5kh543vagd] {
    display: grid;
    grid-template-columns: 1.1rem 1fr;
    gap: .65rem;
    align-items: start;
    padding: .8rem .9rem;
    border: 1px solid #e3ecea;
    border-radius: 11px;
    background: #fbfdfc;
}

.status-dot[b-5kh543vagd] {
    width: .8rem;
    height: .8rem;
    margin-top: .25rem;
    border-radius: 50%;
}

.status-dot--active[b-5kh543vagd] {
    background: #4aa8d8;
}

.status-dot--waiting[b-5kh543vagd] {
    background: #e3b23c;
}

.status-dot--done[b-5kh543vagd] {
    background: #63a34a;
}

.status-dot--archived[b-5kh543vagd] {
    background: #8a9a98;
}

.status-dot--removed[b-5kh543vagd] {
    background: #c25b4e;
}

.status-legend strong[b-5kh543vagd],
.status-legend > div span:not(.status-dot)[b-5kh543vagd] {
    display: block;
}

.status-legend strong[b-5kh543vagd] {
    margin-bottom: .12rem;
    color: var(--mail-ink);
    font-size: .82rem;
}

.status-legend > div div span[b-5kh543vagd] {
    color: var(--mail-muted);
    font-size: .74rem;
    line-height: 1.45;
}

.status-legend-note[b-5kh543vagd] {
    margin: .9rem 0 0;
    color: var(--mail-muted);
    font-size: .8rem;
}

/* ---------- Podatelna / Vypravna hubs ---------- */

.hub-grid[b-5kh543vagd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.hub-card[b-5kh543vagd] {
    display: flex;
    flex-direction: column;
    padding: 1.4rem;
    border: 1px solid var(--mail-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(26, 67, 65, .045);
}

.hub-card > header[b-5kh543vagd] {
    display: flex;
    gap: .9rem;
    align-items: center;
    margin-bottom: .9rem;
}

.hub-card__icon[b-5kh543vagd] {
    display: inline-grid;
    min-width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 12px;
    background: var(--mail-teal-soft);
    color: var(--mail-teal);
    font-size: 1.2rem;
}

.hub-card header strong[b-5kh543vagd],
.hub-card header small[b-5kh543vagd] {
    display: block;
}

.hub-card header strong[b-5kh543vagd] {
    color: var(--mail-ink);
    font-size: 1.08rem;
}

.hub-card header small[b-5kh543vagd] {
    margin-top: .1rem;
    color: var(--mail-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.hub-card > p[b-5kh543vagd] {
    margin: 0 0 .7rem;
    color: var(--mail-muted);
    font-size: .87rem;
    line-height: 1.6;
}

.hub-card ul[b-5kh543vagd] {
    flex: 1;
    margin: 0 0 1rem;
    padding-left: 1.1rem;
}

.hub-card li[b-5kh543vagd] {
    margin-bottom: .35rem;
    color: var(--mail-muted);
    font-size: .82rem;
    line-height: 1.5;
}

.hub-card > a[b-5kh543vagd] {
    color: var(--mail-teal-dark);
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.hub-card > a:hover[b-5kh543vagd] {
    text-decoration: underline;
}

/* ---------- scenarios ---------- */

.scenario-list[b-5kh543vagd] {
    overflow: hidden;
    border: 1px solid var(--mail-line);
    border-radius: 16px;
    background: #fff;
}

.scenario-list details + details[b-5kh543vagd] {
    border-top: 1px solid var(--mail-line);
}

.scenario-list summary[b-5kh543vagd] {
    display: flex;
    gap: .9rem;
    align-items: center;
    padding: 1rem 1.2rem;
    cursor: pointer;
    list-style: none;
}

.scenario-list summary[b-5kh543vagd]::-webkit-details-marker {
    display: none;
}

.scenario-list summary[b-5kh543vagd]::after {
    margin-left: auto;
    color: var(--mail-teal);
    font-size: 1.3rem;
    content: "+";
}

.scenario-list details[open] summary[b-5kh543vagd]::after {
    content: "−";
}

.scenario-icon[b-5kh543vagd] {
    display: inline-grid;
    min-width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 10px;
    background: var(--mail-teal-soft);
    color: var(--mail-teal);
}

.scenario-list summary strong[b-5kh543vagd],
.scenario-list summary small[b-5kh543vagd] {
    display: block;
}

.scenario-list summary strong[b-5kh543vagd] {
    color: var(--mail-ink);
    font-size: .9rem;
}

.scenario-list summary small[b-5kh543vagd] {
    margin-top: .15rem;
    color: var(--mail-muted);
    font-size: .72rem;
}

.scenario-content[b-5kh543vagd] {
    padding: 0 1.2rem 1.2rem 4.45rem;
}

.scenario-content p[b-5kh543vagd],
.scenario-content li[b-5kh543vagd] {
    color: var(--mail-muted);
    font-size: .83rem;
    line-height: 1.6;
}

.scenario-content p[b-5kh543vagd],
.scenario-content ol[b-5kh543vagd] {
    margin-bottom: 0;
}

/* ---------- error guidance ---------- */

.error-guidance[b-5kh543vagd] {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 1rem;
}

.error-guidance > article[b-5kh543vagd] {
    padding: 1.35rem;
    border-radius: 16px;
}

.error-guidance__safe[b-5kh543vagd] {
    border: 1px solid var(--mail-line);
    background: #fff;
}

.error-guidance h3[b-5kh543vagd] {
    margin: .4rem 0 .8rem;
    color: var(--mail-ink);
    font-size: 1.1rem;
}

.error-guidance ul[b-5kh543vagd] {
    margin: 0;
    padding-left: 1.1rem;
}

.error-guidance li[b-5kh543vagd] {
    margin-bottom: .45rem;
    color: var(--mail-muted);
    font-size: .83rem;
    line-height: 1.52;
}

.error-guidance__stop[b-5kh543vagd] {
    border: 1px solid #f0d6b6;
    background: var(--mail-warn-soft);
}

.error-guidance__stop > i[b-5kh543vagd] {
    display: block;
    margin-bottom: 1.2rem;
    color: var(--mail-warn);
    font-size: 1.6rem;
}

.error-guidance__stop .eyebrow[b-5kh543vagd] {
    color: var(--mail-warn);
}

.error-guidance__stop p[b-5kh543vagd],
.error-guidance__stop > strong[b-5kh543vagd] {
    color: #79522d;
    font-size: .82rem;
    line-height: 1.55;
}

/* ---------- responsive ---------- */

@media (max-width: 1199.98px) {
    .action-grid[b-5kh543vagd] {
        grid-template-columns: repeat(3, 1fr);
    }

    .record-anatomy[b-5kh543vagd] {
        grid-template-columns: repeat(2, 1fr);
    }

    .workflow-track[b-5kh543vagd] {
        grid-template-columns: repeat(2, 1fr);
    }

    .workflow-track li:nth-child(2)[b-5kh543vagd]::after {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .mail-hero[b-5kh543vagd] {
        grid-template-columns: 1fr;
    }

    .mail-hero__panel[b-5kh543vagd] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-point[b-5kh543vagd] {
        grid-template-columns: 1fr;
    }

    .hero-point + .hero-point[b-5kh543vagd] {
        border-top: 0;
        border-left: 1px solid var(--mail-line);
    }

    .channel-grid[b-5kh543vagd],
    .avoid-grid[b-5kh543vagd] {
        grid-template-columns: 1fr;
    }

    .outgoing-layout[b-5kh543vagd],
    .error-guidance[b-5kh543vagd],
    .triage-flow__branches[b-5kh543vagd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .registratura-chapter-page[b-5kh543vagd]  .help-section {
        padding: 2.75rem 1.1rem;
    }

    .system-compare[b-5kh543vagd] {
        grid-template-columns: 1fr;
    }

    .system-compare__bridge[b-5kh543vagd] {
        flex-direction: row;
        justify-content: center;
        gap: .4rem;
    }

    .system-compare__bridge i[b-5kh543vagd] {
        transform: rotate(90deg);
    }

    .system-compare__bridge span[b-5kh543vagd] {
        margin: 0;
    }

    .mail-hero__panel[b-5kh543vagd],
    .record-anatomy[b-5kh543vagd],
    .workflow-track[b-5kh543vagd],
    .action-grid[b-5kh543vagd],
    .status-legend[b-5kh543vagd],
    .hub-grid[b-5kh543vagd] {
        grid-template-columns: 1fr;
    }

    .hero-point + .hero-point[b-5kh543vagd] {
        border-top: 1px solid var(--mail-line);
        border-left: 0;
    }

    .workflow-track li[b-5kh543vagd]::after {
        display: none;
    }

    .scenario-content[b-5kh543vagd] {
        padding-left: 1.2rem;
    }
}

@media print {
    .registratura-chapter-page[b-5kh543vagd]  .help-section {
        padding: 1.25rem 0;
        break-inside: avoid;
    }

    .mail-hero[b-5kh543vagd] {
        min-height: auto;
        padding: 2rem;
    }

    .help-primary-action[b-5kh543vagd],
    .help-secondary-action[b-5kh543vagd] {
        display: none;
    }

    .scenario-list details:not([open]) .scenario-content[b-5kh543vagd] {
        display: block;
    }
}
/* /Components/Pages/Help/Chapters/Tikety/TiketyChapter.razor.rz.scp.css */
/* Scoped visual system for the "Tikety" help chapter.

   Follows the visual language established by UpozorneniaChapter.razor.css — same teal palette,
   same section rhythm, same shared Help components — but declares its own --tickets-* tokens on
   the chapter root, because scoped CSS gives no access to another chapter's custom properties.
   Everything rendered by a shared component (HelpChapterLayout, HelpSection, HelpSteps, HelpStep,
   HelpCallout, HelpFaqItem, HelpUiChip) or by TiketyFigure is reached through ::deep, always
   prefixed with .tikety-chapter-page so no rule can leak out of the chapter.

   The one thing this chapter adds over the others is the step layout: on wide screens each
   atomic step puts its text and its screenshot side by side, on narrow screens they stack.
   Screenshot previews stay compact (<= 460px) — the shared lightbox in wwwroot/js/help-lightbox.js
   is what shows them large, so the page itself never needs a full-width picture. */

/* ==========================================================================
   Tokens
   ========================================================================== */

.tikety-chapter-page[b-xj3fsvyz2a] {
    --tickets-ink: #173536;
    --tickets-muted: #607374;
    --tickets-teal: #167c78;
    --tickets-teal-dark: #0d5d5a;
    --tickets-teal-soft: #e8f5f3;
    --tickets-accent: #657817;
    --tickets-surface: #fff;
    --tickets-canvas: #f6f9f8;
    --tickets-line: #dce7e5;
    --tickets-warn: #a95c13;
    --tickets-warn-soft: #fff5e8;
    /* Width of a screenshot preview. 400px rather than the 460px ceiling: from 1400px up
       the chapter also renders the sticky table of contents, which leaves the content column
       around 830px — at 460px the text beside it was squeezed under 360px and read as a
       column of two-word lines. */
    --tickets-figure-max: 400px;
    color: var(--tickets-ink);
}

/* ==========================================================================
   Shared help frame (rendered by HelpChapterLayout / HelpSection)
   ========================================================================== */

.tikety-chapter-page[b-xj3fsvyz2a]  .help-chapter-layout > .row:nth-of-type(2) > .col-12 > .card {
    overflow: hidden;
    border: 1px solid var(--tickets-line);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(29, 65, 64, .09);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-chapter-layout .card-header {
    padding: .95rem 1.5rem;
    border: 0;
    background: var(--tickets-teal-dark) !important;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-chapter-layout .card-header .card-title {
    font-size: .88rem;
    font-weight: 750;
    letter-spacing: .11em;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-chapter-content {
    padding: 0;
    max-width: none;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-chapter-lead {
    margin: 0;
    padding: 1.1rem 1.75rem;
    border: 0;
    background: #eef6f5;
    color: #476362;
    font-size: .95rem;
    line-height: 1.65;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-section {
    margin: 0;
    padding: 2.75rem clamp(1.15rem, 3.5vw, 2.75rem);
    border-top: 1px solid var(--tickets-line);
    background: var(--tickets-surface);
}

/* Alternating surface — set explicitly through HelpSection.CssClass. */
.tikety-chapter-page[b-xj3fsvyz2a]  .help-section.tickets-section--canvas {
    background: var(--tickets-canvas);
}

/* The hero already closes with its own bottom border. */
.tikety-chapter-page[b-xj3fsvyz2a]  .help-section.tickets-section--first {
    border-top: 0;
}

/* The fragment target is the <h2> itself (HelpSection puts the anchor id there), so the
   scroll offset has to sit on the heading — on .help-section it would never apply. */
.tikety-chapter-page[b-xj3fsvyz2a]  .help-section > h2 {
    display: flex;
    align-items: center;
    gap: .7rem;
    scroll-margin-top: 1rem;
    margin: 0 0 .9rem;
    padding: 0;
    border: 0;
    color: var(--tickets-ink);
    font-size: clamp(1.35rem, 1.9vw, 1.7rem);
    font-weight: 760;
    letter-spacing: -.02em;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-section > h2 i {
    display: inline-grid;
    width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border-radius: 12px;
    background: var(--tickets-teal-soft);
    color: var(--tickets-teal);
    font-size: 1.05rem;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .section-intro {
    max-width: 62ch;
    margin-bottom: 1.6rem;
    color: var(--tickets-muted);
    font-size: 1rem;
    line-height: 1.7;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-toc {
    border: 1px solid var(--tickets-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 30px rgba(29, 65, 64, .08);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-toc-title {
    color: var(--tickets-teal-dark);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-toc a {
    border-radius: 8px;
    color: #526b6a;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-toc a:hover {
    background: var(--tickets-teal-soft);
    color: var(--tickets-teal-dark);
}

/* ==========================================================================
   Compact hero
   ========================================================================== */

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-hero {
    display: grid;
    gap: 1.75rem;
    padding: 2.4rem clamp(1.15rem, 3.5vw, 2.75rem);
    border-bottom: 1px solid var(--tickets-line);
    background: linear-gradient(135deg, #f3faf8 0%, #eaf4f2 100%);
}

@media (min-width: 62rem) {
    .tikety-chapter-page[b-xj3fsvyz2a]  .tickets-hero {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
        align-items: center;
    }
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-eyebrow {
    display: inline-block;
    margin-bottom: .55rem;
    color: var(--tickets-teal-dark);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-hero__copy h2 {
    margin: 0 0 .7rem;
    color: var(--tickets-ink);
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-weight: 780;
    letter-spacing: -.025em;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-hero__copy p {
    max-width: 54ch;
    margin: 0;
    color: #4b6564;
    line-height: 1.7;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-hero__facts {
    display: grid;
    gap: .6rem;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-hero__facts > div {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: .85rem 1rem;
    border: 1px solid var(--tickets-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .9);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-hero__facts > div > span {
    color: var(--tickets-accent);
    font-size: .8rem;
    font-weight: 780;
    letter-spacing: .06em;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-hero__facts strong {
    display: block;
    color: var(--tickets-ink);
    font-size: .95rem;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-hero__facts small {
    color: var(--tickets-muted);
    line-height: 1.55;
}

/* ==========================================================================
   Cards, lists and the workflow strip
   ========================================================================== */

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-what-grid,
.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-estimate-grid {
    display: grid;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 48rem) {
    .tikety-chapter-page[b-xj3fsvyz2a]  .tickets-estimate-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 62rem) {
    .tikety-chapter-page[b-xj3fsvyz2a]  .tickets-what-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-what-card,
.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-estimate-card {
    padding: 1.25rem 1.35rem;
    border: 1px solid var(--tickets-line);
    border-radius: 16px;
    background: var(--tickets-surface);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-what-card__icon {
    display: inline-grid;
    width: 2.3rem;
    height: 2.3rem;
    margin-bottom: .7rem;
    place-items: center;
    border-radius: 12px;
    background: var(--tickets-teal-soft);
    color: var(--tickets-teal);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-what-card h3,
.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-estimate-card h3 {
    margin: 0 0 .45rem;
    color: var(--tickets-ink);
    font-size: 1.02rem;
    font-weight: 740;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-what-card p,
.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-estimate-card p {
    margin: 0 0 .55rem;
    color: var(--tickets-muted);
    font-size: .94rem;
    line-height: 1.65;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-estimate-card__rule {
    color: var(--tickets-teal-dark) !important;
    font-size: 1rem !important;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-estimate-card__example {
    margin-bottom: 0 !important;
    padding-top: .6rem;
    border-top: 1px dashed var(--tickets-line);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-checklist,
.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-plain-list {
    max-width: 68ch;
    margin: 0 0 1.25rem;
    padding-left: 1.15rem;
    color: var(--tickets-muted);
    line-height: 1.7;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-checklist li,
.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-plain-list li {
    margin-bottom: .5rem;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-checklist strong,
.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-plain-list strong {
    color: var(--tickets-ink);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-flow {
    display: grid;
    gap: .7rem;
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none;
    counter-reset: none;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-flow__step {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--tickets-line);
    border-left: 4px solid var(--tickets-teal);
    border-radius: 14px;
    background: var(--tickets-surface);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-flow__badge {
    display: inline-grid;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: var(--tickets-teal-soft);
    color: var(--tickets-teal-dark);
    font-size: .88rem;
    font-weight: 780;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-flow__step h3 {
    margin: 0 0 .4rem;
    color: var(--tickets-ink);
    font-size: 1rem;
    font-weight: 740;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-flow__step p {
    margin: 0 0 .3rem;
    color: var(--tickets-muted);
    font-size: .93rem;
    line-height: 1.6;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-flow__step p:last-child {
    margin-bottom: 0;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-flow__step strong {
    color: var(--tickets-ink);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-state-list {
    max-width: 68ch;
    margin: 0 0 1.25rem;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-state-list dt {
    margin-top: .8rem;
    color: var(--tickets-teal-dark);
    font-size: .98rem;
    font-weight: 740;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tickets-state-list dd {
    margin: .2rem 0 0;
    color: var(--tickets-muted);
    line-height: 1.65;
}

/* ==========================================================================
   Atomic steps: text and screenshot side by side on wide screens
   ========================================================================== */

.tikety-chapter-page[b-xj3fsvyz2a]  .help-steps {
    margin: 0;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-step {
    padding-bottom: 1.4rem;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-step-title {
    color: var(--tickets-ink);
    font-size: 1.02rem;
    font-weight: 740;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-step {
    display: grid;
    gap: 1rem;
    align-items: start;
    margin-top: .55rem;
}

/* Side by side only when there is room for a legible text column AND the preview at its full
   width. The test has to be the CONTAINER, not the viewport: from 1400px up the layout also
   renders the sticky table of contents, so a wider window can mean a NARROWER content column,
   and a viewport media query put the text at 253px there while giving it 378px at 1280px.
   Where @container is unsupported the steps simply stay stacked, which is the safe direction. */
.tikety-chapter-page[b-xj3fsvyz2a]  .help-step,
.tikety-chapter-page[b-xj3fsvyz2a]  .help-subsection {
    container-type: inline-size;
}

@container (min-width: 48rem) {
    .tikety-chapter-page[b-xj3fsvyz2a]  .tikety-step {
        grid-template-columns: minmax(0, 1fr) minmax(0, var(--tickets-figure-max));
        gap: 1.6rem;
    }
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-step__text p {
    margin: 0 0 .45rem;
    color: var(--tickets-muted);
    font-size: .94rem;
    line-height: 1.65;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-step__text p:last-child {
    margin-bottom: 0;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-step__text strong {
    color: var(--tickets-ink);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-step__fallback {
    margin-top: .6rem !important;
    padding: .6rem .8rem;
    border-left: 3px solid var(--tickets-warn);
    border-radius: 0 8px 8px 0;
    background: var(--tickets-warn-soft);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-step__fallback strong {
    color: var(--tickets-warn);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-inline-heading {
    margin: 0 0 .55rem;
    color: var(--tickets-ink);
    font-size: 1.05rem;
    font-weight: 740;
}

/* ==========================================================================
   Screenshots
   The global .help-content img rule (wwwroot/css/help.css) already supplies the frame,
   the zoom-in cursor and the hover lift; only the compact size and the affordance label
   are added here.
   ========================================================================== */

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-figure {
    max-width: var(--tickets-figure-max);
    margin: 0;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-figure img {
    width: 100%;
    max-width: 100%;
    /* height:auto comes from help.css; repeated here so the aspect ratio survives even if
       a future rule sets an explicit height on .help-content img. */
    height: auto;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-figure__zoom {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-top: .4rem;
    color: var(--tickets-teal);
    font-size: .78rem;
    font-weight: 650;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-figure__pending {
    display: grid;
    gap: .35rem;
    padding: 1rem 1.1rem;
    border: 1px dashed #bcd0cd;
    border-radius: .55rem;
    background: #f4f8f7;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-figure__pending-title {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--tickets-teal-dark);
    font-size: .85rem;
    font-weight: 720;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-figure__pending-alt {
    color: var(--tickets-ink);
    font-size: .85rem;
    line-height: 1.55;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-figure__pending-hint {
    color: var(--tickets-muted);
    font-size: .78rem;
    line-height: 1.5;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .tikety-figure figcaption {
    color: var(--tickets-muted);
}

/* ==========================================================================
   Callouts and FAQ
   ========================================================================== */

.tikety-chapter-page[b-xj3fsvyz2a]  .help-callout {
    border-radius: 14px;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-faq-item {
    border: 1px solid var(--tickets-line);
    border-radius: 12px;
    background: var(--tickets-surface);
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-faq-item summary {
    color: var(--tickets-ink);
    font-weight: 700;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-faq-answer {
    color: var(--tickets-muted);
    line-height: 1.7;
}

.tikety-chapter-page[b-xj3fsvyz2a]  .help-ui-chip {
    white-space: nowrap;
}
/* /Components/Pages/Help/Chapters/Ulohy/UlohyChapter.razor.rz.scp.css */
.ulohy-chapter-page[b-petgwyb0ib] {
    --tasks-ink: #173536;
    --tasks-muted: #607374;
    --tasks-teal: #167c78;
    --tasks-teal-dark: #0d5d5a;
    --tasks-teal-soft: #e8f5f3;
    --tasks-mint: #cde9df;
    --tasks-lime: #a9c93f;
    --tasks-surface: #ffffff;
    --tasks-canvas: #f6f9f8;
    --tasks-line: #dce7e5;
    --tasks-warn: #a95c13;
    --tasks-warn-soft: #fff5e8;
    color: var(--tasks-ink);
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-chapter-layout > .row:nth-of-type(2) > .col-12 > .card {
    overflow: hidden;
    border: 1px solid var(--tasks-line);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(29, 65, 64, .09);
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-chapter-layout .card-header {
    padding: .95rem 1.5rem;
    border: 0;
    background: var(--tasks-teal-dark) !important;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-chapter-layout .card-header .card-title {
    font-size: .88rem;
    font-weight: 750;
    letter-spacing: .11em;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-chapter-content {
    max-width: none;
    padding: 0;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-chapter-lead {
    margin: 0;
    padding: 1.1rem 1.75rem;
    border: 0;
    background: #eef6f5;
    color: #476362;
    font-size: .95rem;
    line-height: 1.65;
}

.tasks-eyebrow[b-petgwyb0ib] {
    display: inline-block;
    color: var(--tasks-teal);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tasks-hero[b-petgwyb0ib] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center;
    min-height: 32rem;
    padding: clamp(2.5rem, 6vw, 5.5rem) clamp(1.25rem, 5vw, 4.5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 16% 8%, rgba(169, 201, 63, .17), transparent 31%),
        radial-gradient(circle at 90% 90%, rgba(67, 166, 155, .24), transparent 34%),
        linear-gradient(135deg, #f4fbf8 0%, #e5f3f1 100%);
}

.tasks-hero[b-petgwyb0ib]::after {
    position: absolute;
    right: -6rem;
    top: -8rem;
    width: 25rem;
    height: 25rem;
    border: 1px solid rgba(22, 124, 120, .15);
    border-radius: 50%;
    box-shadow: 0 0 0 3rem rgba(22, 124, 120, .035), 0 0 0 7rem rgba(22, 124, 120, .025);
    content: "";
}

.tasks-hero__copy[b-petgwyb0ib],
.tasks-hero__cycle[b-petgwyb0ib] {
    position: relative;
    z-index: 1;
}

.tasks-hero h2[b-petgwyb0ib] {
    max-width: 47rem;
    margin: .75rem 0 1.25rem;
    color: var(--tasks-ink);
    font-size: clamp(2.15rem, 4.4vw, 3.9rem);
    font-weight: 780;
    letter-spacing: -.055em;
    line-height: 1.03;
}

.tasks-hero__copy > p[b-petgwyb0ib] {
    max-width: 47rem;
    margin: 0;
    color: #486261;
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    line-height: 1.75;
}

.tasks-hero__actions[b-petgwyb0ib] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.8rem;
}

.tasks-primary-action[b-petgwyb0ib],
.tasks-secondary-action[b-petgwyb0ib] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: .7rem 1.05rem;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .15s ease, box-shadow .15s ease;
}

.tasks-primary-action[b-petgwyb0ib] {
    gap: .55rem;
    background: var(--tasks-teal-dark);
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(13, 93, 90, .2);
}

.tasks-secondary-action[b-petgwyb0ib] {
    border: 1px solid rgba(13, 93, 90, .22);
    background: rgba(255, 255, 255, .72);
    color: var(--tasks-teal-dark) !important;
}

.tasks-primary-action:hover[b-petgwyb0ib],
.tasks-secondary-action:hover[b-petgwyb0ib] {
    transform: translateY(-1px);
}

.tasks-hero__cycle[b-petgwyb0ib] {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 18px;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 22px 55px rgba(17, 78, 75, .12);
    backdrop-filter: blur(10px);
}

.tasks-hero__cycle > div[b-petgwyb0ib] {
    display: grid;
    grid-template-columns: 2.4rem 1fr;
    gap: .15rem .8rem;
    padding: .85rem 1rem;
}

.tasks-hero__cycle > div + div[b-petgwyb0ib] {
    border-top: 1px solid var(--tasks-line);
}

.tasks-hero__cycle span[b-petgwyb0ib] {
    grid-row: span 2;
    color: var(--tasks-lime);
    font-size: .75rem;
    font-weight: 850;
}

.tasks-hero__cycle strong[b-petgwyb0ib],
.tasks-hero__cycle small[b-petgwyb0ib] {
    display: block;
}

.tasks-hero__cycle strong[b-petgwyb0ib] {
    color: var(--tasks-ink);
    font-size: .92rem;
}

.tasks-hero__cycle small[b-petgwyb0ib] {
    color: var(--tasks-muted);
    font-size: .76rem;
    line-height: 1.45;
}

.tasks-quick-map[b-petgwyb0ib] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--tasks-line);
    border-bottom: 1px solid var(--tasks-line);
    background: #fff;
}

.tasks-quick-map > a[b-petgwyb0ib] {
    display: flex;
    gap: .75rem;
    align-items: center;
    min-width: 0;
    padding: 1.15rem 1.2rem;
    color: var(--tasks-muted);
    text-decoration: none;
}

.tasks-quick-map > a + a[b-petgwyb0ib] {
    border-left: 1px solid var(--tasks-line);
}

.tasks-quick-map > a:hover[b-petgwyb0ib] {
    background: var(--tasks-teal-soft);
}

.tasks-quick-map i[b-petgwyb0ib] {
    color: var(--tasks-teal);
    font-size: 1.15rem;
}

.tasks-quick-map strong[b-petgwyb0ib],
.tasks-quick-map small[b-petgwyb0ib] {
    display: block;
}

.tasks-quick-map strong[b-petgwyb0ib] {
    color: var(--tasks-ink);
    font-size: .8rem;
}

.tasks-quick-map small[b-petgwyb0ib] {
    margin-top: .1rem;
    color: var(--tasks-muted);
    font-size: .68rem;
    line-height: 1.35;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-section {
    margin: 0;
    padding: 4rem clamp(1.25rem, 4vw, 3.5rem);
    border-top: 1px solid var(--tasks-line);
    scroll-margin-top: 1rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-section:nth-of-type(even) {
    background: var(--tasks-canvas);
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-section > h2 {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    color: var(--tasks-ink);
    font-size: clamp(1.55rem, 2.3vw, 2.05rem);
    font-weight: 760;
    letter-spacing: -.025em;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-section > h2 i {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    margin: 0 !important;
    place-items: center;
    border-radius: 12px;
    background: var(--tasks-teal-soft);
    color: var(--tasks-teal);
    font-size: 1.1rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .tasks-section-intro,
.ulohy-chapter-page[b-petgwyb0ib]  .help-section > p:first-of-type {
    max-width: 58rem;
    margin: 0 0 1.75rem;
    color: var(--tasks-muted);
    font-size: 1.02rem;
    line-height: 1.75;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-subsection {
    margin-top: 1.4rem;
    padding: 1.5rem;
    border: 1px solid var(--tasks-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 8px 24px rgba(26, 67, 65, .04);
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-subsection > h3 {
    margin: 0 0 1rem;
    padding: 0 0 .8rem;
    border-bottom: 1px solid var(--tasks-line);
    color: var(--tasks-ink);
    font-size: 1.15rem;
    font-weight: 750;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-subsection p,
.ulohy-chapter-page[b-petgwyb0ib]  .help-subsection li {
    color: var(--tasks-muted);
    line-height: 1.65;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-subsection > p:last-child,
.ulohy-chapter-page[b-petgwyb0ib]  .help-subsection > ul:last-child {
    margin-bottom: 0;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-subsection li + li {
    margin-top: .42rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-glossary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    margin: 0;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-term {
    display: block;
    margin: 0;
    padding: 1rem;
    border: 1px solid #e3ecea;
    border-radius: 12px;
    background: #fbfdfc;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-term dt {
    margin: 0 0 .35rem;
    color: var(--tasks-teal-dark);
    font-size: .87rem;
    font-weight: 780;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-term dd {
    margin: 0;
    color: var(--tasks-muted);
    font-size: .79rem;
    line-height: 1.55;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-steps {
    overflow: hidden;
    margin: 1rem 0 0;
    border: 1px solid var(--tasks-line);
    border-radius: 14px;
    background: #fff;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-steps-title {
    padding: .9rem 1.1rem;
    border-bottom: 1px solid var(--tasks-line);
    background: var(--tasks-teal-soft);
    color: var(--tasks-teal-dark);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-steps-list {
    margin: 0;
    padding: 0;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-steps-list > li {
    position: relative;
    min-height: 4.6rem;
    margin: 0;
    padding: 1rem 1rem 1rem 4.25rem;
    border: 0;
    color: var(--tasks-muted);
    font-size: .85rem;
    line-height: 1.55;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-steps-list > li + li {
    border-top: 1px solid #edf2f1;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-steps-list > li::before {
    left: 1.15rem;
    top: 1rem;
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: var(--tasks-teal-dark);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-step-title {
    display: block;
    margin-bottom: .2rem;
    color: var(--tasks-ink);
    font-size: .88rem;
    font-weight: 750;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-callout {
    margin: 1rem 0 0;
    overflow: hidden;
    border-radius: 13px;
    box-shadow: none;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-callout-note {
    border-color: #c9e2de;
    background: var(--tasks-teal-soft);
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-callout-warn {
    border-color: #f0d6b6;
    background: var(--tasks-warn-soft);
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-callout-tip {
    border-color: #d9e8ad;
    background: #f7faea;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-callout-title {
    color: var(--tasks-ink);
    font-size: .82rem;
    font-weight: 800;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-callout-body {
    color: var(--tasks-muted);
    font-size: .84rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-ui-chip {
    border-color: #c9dcda;
    border-radius: 8px;
    background: #f1f7f6;
    color: var(--tasks-teal-dark);
    font-weight: 700;
}

.ulohy-chapter-page[b-petgwyb0ib]  table.table {
    display: table;
    width: 100%;
    margin: 1rem 0;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--tasks-line);
    border-radius: 12px;
    background: #fff;
    font-size: .8rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  table.table thead th {
    border-color: var(--tasks-line);
    background: #edf5f4;
    color: var(--tasks-ink);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.ulohy-chapter-page[b-petgwyb0ib]  table.table td {
    border-color: #e8efee;
    color: var(--tasks-muted);
    vertical-align: top;
    line-height: 1.5;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-faq-item {
    margin: 0;
    border: 1px solid var(--tasks-line);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-faq-item:first-of-type {
    border-radius: 15px 15px 0 0;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-faq-item:last-of-type {
    border-radius: 0 0 15px 15px;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-faq-item + .help-faq-item {
    border-top: 0;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-faq-item summary {
    position: relative;
    padding: 1.05rem 3.2rem 1.05rem 1.2rem;
    color: var(--tasks-ink);
    font-size: .9rem;
    font-weight: 730;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-faq-item summary::after {
    position: absolute;
    right: 1.2rem;
    color: var(--tasks-teal);
    font-size: 1.2rem;
    content: "+";
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-faq-item[open] summary {
    background: var(--tasks-teal-soft);
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-faq-item[open] summary::after {
    content: "−";
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-faq-answer {
    padding: .2rem 1.2rem 1.1rem;
    color: var(--tasks-muted);
    font-size: .84rem;
    line-height: 1.6;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-toc {
    border: 1px solid var(--tasks-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 30px rgba(29, 65, 64, .08);
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-toc-title {
    color: var(--tasks-teal-dark);
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-toc a {
    border-radius: 8px;
    color: #526b6a;
}

.ulohy-chapter-page[b-petgwyb0ib]  .help-toc a:hover {
    background: var(--tasks-teal-soft);
    color: var(--tasks-teal-dark);
}

.ulohy-chapter-page[b-petgwyb0ib]  .tasks-surface-map {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
    margin: 1.4rem 0;
}

.ulohy-chapter-page[b-petgwyb0ib]  .tasks-surface-map article {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .9rem;
    padding: 1.25rem;
    border: 1px solid var(--tasks-line);
    border-radius: 15px;
    background: #fff;
}

.ulohy-chapter-page[b-petgwyb0ib]  .tasks-surface-map__icon {
    display: inline-grid;
    grid-row: span 2;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    border-radius: 12px;
    background: var(--tasks-teal-soft);
    color: var(--tasks-teal);
}

.ulohy-chapter-page[b-petgwyb0ib]  .tasks-surface-map h3 {
    margin: .15rem 0 .25rem;
    color: var(--tasks-ink);
    font-size: 1.05rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .tasks-surface-map code {
    color: var(--tasks-teal-dark);
    font-size: .72rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .tasks-surface-map p {
    grid-column: 1 / -1;
    margin: .25rem 0 0;
    color: var(--tasks-muted);
    font-size: .8rem;
    line-height: 1.5;
}

.ulohy-chapter-page[b-petgwyb0ib]  .tasks-surface-map__connector {
    color: var(--tasks-teal);
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-category-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-category-grid > div {
    padding: .85rem 1rem;
    border: 1px solid #e3ecea;
    border-radius: 11px;
    background: #fbfdfc;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-category-grid strong,
.ulohy-chapter-page[b-petgwyb0ib]  .task-category-grid span {
    display: block;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-category-grid strong {
    margin-bottom: .25rem;
    color: var(--tasks-ink);
    font-size: .82rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-category-grid span {
    color: var(--tasks-muted);
    font-size: .74rem;
    line-height: 1.45;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-create-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-create-options article {
    position: relative;
    padding: 1rem 1rem 1rem 3.7rem;
    border: 1px solid var(--tasks-line);
    border-radius: 12px;
    background: #fbfdfc;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-create-options__number {
    position: absolute;
    left: 1rem;
    top: 1rem;
    display: inline-grid;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    border-radius: 50%;
    background: var(--tasks-teal-dark);
    color: #fff;
    font-size: .7rem;
    font-weight: 800;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-create-options h4 {
    margin: .1rem 0 .35rem;
    color: var(--tasks-ink);
    font-size: .88rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-create-options p {
    margin: 0;
    font-size: .76rem;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-action-states {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .65rem;
    margin: 1rem 0;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-action-states > div {
    padding: .9rem;
    border: 1px solid var(--tasks-line);
    border-radius: 11px;
    background: #fbfdfc;
}

.ulohy-chapter-page[b-petgwyb0ib]  .task-action-states span:last-child {
    display: block;
    margin-top: .55rem;
    color: var(--tasks-muted);
    font-size: .73rem;
    line-height: 1.45;
}

@media (max-width: 991.98px) {
    .tasks-hero[b-petgwyb0ib] {
        grid-template-columns: 1fr;
    }

    .tasks-hero__cycle[b-petgwyb0ib] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .tasks-hero__cycle > div:nth-child(2)[b-petgwyb0ib] {
        border-top: 0;
    }

    .tasks-hero__cycle > div:nth-child(even)[b-petgwyb0ib] {
        border-left: 1px solid var(--tasks-line);
    }

    .tasks-quick-map[b-petgwyb0ib] {
        grid-template-columns: repeat(2, 1fr);
    }

    .tasks-quick-map > a:nth-child(3)[b-petgwyb0ib] {
        border-top: 1px solid var(--tasks-line);
        border-left: 0;
    }

    .tasks-quick-map > a:nth-child(4)[b-petgwyb0ib] {
        border-top: 1px solid var(--tasks-line);
    }
}

@media (max-width: 767.98px) {
    .ulohy-chapter-page[b-petgwyb0ib]  .help-section {
        padding: 2.75rem 1.1rem;
    }

    .tasks-quick-map[b-petgwyb0ib],
    .tasks-hero__cycle[b-petgwyb0ib],
    .ulohy-chapter-page[b-petgwyb0ib]  .help-glossary,
    .ulohy-chapter-page[b-petgwyb0ib]  .task-category-grid,
    .ulohy-chapter-page[b-petgwyb0ib]  .task-create-options,
    .ulohy-chapter-page[b-petgwyb0ib]  .task-action-states {
        grid-template-columns: 1fr;
    }

    .tasks-hero__cycle > div:nth-child(2)[b-petgwyb0ib] {
        border-top: 1px solid var(--tasks-line);
    }

    .tasks-hero__cycle > div:nth-child(even)[b-petgwyb0ib] {
        border-left: 0;
    }

    .tasks-quick-map > a + a[b-petgwyb0ib],
    .tasks-quick-map > a:nth-child(4)[b-petgwyb0ib] {
        border-top: 1px solid var(--tasks-line);
        border-left: 0;
    }

    .ulohy-chapter-page[b-petgwyb0ib]  .tasks-surface-map {
        grid-template-columns: 1fr;
    }

    .ulohy-chapter-page[b-petgwyb0ib]  .tasks-surface-map__connector {
        justify-self: center;
        transform: rotate(90deg);
    }

    .ulohy-chapter-page[b-petgwyb0ib]  .help-subsection {
        padding: 1.1rem;
    }

    .ulohy-chapter-page[b-petgwyb0ib]  table.table {
        display: block;
        overflow-x: auto;
        white-space: normal;
    }
}

@media print {
    .ulohy-chapter-page[b-petgwyb0ib]  .help-section {
        padding: 1.25rem 0;
    }

    .tasks-hero[b-petgwyb0ib] {
        min-height: auto;
        padding: 2rem;
    }

    .tasks-hero__actions[b-petgwyb0ib],
    .tasks-quick-map[b-petgwyb0ib] {
        display: none;
    }

    .ulohy-chapter-page[b-petgwyb0ib]  .help-subsection,
    .ulohy-chapter-page[b-petgwyb0ib]  .help-term {
        break-inside: avoid;
    }
}
/* /Components/Pages/Help/Chapters/Upozornenia/UpozorneniaChapter.razor.rz.scp.css */
/* Scoped visual system for the "Upozornenia" help chapter.

   The chapter follows the visual language of ZacinameChapter.razor.css, but only the
   principles are shared — none of its --start-* custom properties are in scope here,
   so this file declares its own --alerts-* tokens on the chapter root. Everything
   rendered by the shared Help components (HelpChapterLayout, HelpSection, HelpCallout,
   HelpFaqItem) is reached through ::deep, always prefixed with .upozornenia-chapter-page
   so no rule can leak out of the chapter.

   Layout rhythm: soft-gradient hero -> white orientation strip -> white behaviour
   section -> very light canvas section with the seven situations -> white FAQ. */

/* ==========================================================================
   Tokens
   ========================================================================== */

.upozornenia-chapter-page[b-9vv6v5zczj] {
    --alerts-ink: #173536;
    --alerts-muted: #607374;
    --alerts-teal: #167c78;
    --alerts-teal-dark: #0d5d5a;
    --alerts-teal-soft: #e8f5f3;
    /* Deepened lime: the ordinals 01/02/03 are small visible text, so the accent has to
       clear 4.5:1 on both the white and the very light surface it is used on. */
    --alerts-lime: #657817;
    --alerts-surface: #fff;
    --alerts-canvas: #f6f9f8;
    --alerts-line: #dce7e5;
    --alerts-warn: #a95c13;
    --alerts-warn-soft: #fff5e8;
    color: var(--alerts-ink);
}

/* ==========================================================================
   Shared help frame (rendered by HelpChapterLayout / HelpSection)
   ========================================================================== */

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-chapter-layout > .row:nth-of-type(2) > .col-12 > .card {
    overflow: hidden;
    border: 1px solid var(--alerts-line);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(29, 65, 64, .09);
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-chapter-layout .card-header {
    padding: .95rem 1.5rem;
    border: 0;
    background: var(--alerts-teal-dark) !important;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-chapter-layout .card-header .card-title {
    font-size: .88rem;
    font-weight: 750;
    letter-spacing: .11em;
}

/* The sections bring their own padding so the surfaces can run edge to edge. */
.upozornenia-chapter-page[b-9vv6v5zczj]  .help-chapter-content {
    padding: 0;
    max-width: none;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-chapter-lead {
    margin: 0;
    padding: 1.1rem 1.75rem;
    border: 0;
    background: #eef6f5;
    color: #476362;
    font-size: .95rem;
    line-height: 1.65;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-section {
    margin: 0;
    padding: 2.75rem clamp(1.15rem, 3.5vw, 2.75rem);
    border-top: 1px solid var(--alerts-line);
    background: var(--alerts-surface);
}

/* Alternating surface — set explicitly through HelpSection.CssClass. */
.upozornenia-chapter-page[b-9vv6v5zczj]  .help-section.alerts-section--canvas {
    background: var(--alerts-canvas);
}

/* The orientation strip already draws the line above the first section. */
.upozornenia-chapter-page[b-9vv6v5zczj]  .help-section.alerts-section--first {
    border-top: 0;
}

/* The fragment target is the <h2> itself (HelpSection puts the anchor id there), so the
   scroll offset has to sit on the heading — on .help-section it would never apply. */
.upozornenia-chapter-page[b-9vv6v5zczj]  .help-section > h2 {
    display: flex;
    align-items: center;
    gap: .7rem;
    scroll-margin-top: 1rem;
    margin: 0 0 .9rem;
    padding: 0;
    border: 0;
    color: var(--alerts-ink);
    font-size: clamp(1.35rem, 1.9vw, 1.7rem);
    font-weight: 760;
    letter-spacing: -.02em;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-section > h2 i {
    display: inline-grid;
    width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border-radius: 12px;
    background: var(--alerts-teal-soft);
    color: var(--alerts-teal);
    font-size: 1.05rem;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-toc {
    border: 1px solid var(--alerts-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 30px rgba(29, 65, 64, .08);
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-toc-title {
    color: var(--alerts-teal-dark);
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-toc a {
    border-radius: 8px;
    color: #526b6a;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-toc a:hover {
    background: var(--alerts-teal-soft);
    color: var(--alerts-teal-dark);
}

/* ==========================================================================
   Compact hero
   Deliberately much shorter than the 31rem .welcome-hero of "Začíname".
   ========================================================================== */

.alerts-hero[b-9vv6v5zczj] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(16rem, .7fr);
    gap: clamp(1.25rem, 3vw, 2.75rem);
    align-items: center;
    padding: clamp(1.75rem, 4vw, 2.85rem) clamp(1.15rem, 3.5vw, 2.75rem);
    background:
        radial-gradient(circle at 12% 15%, rgba(169, 201, 63, .14), transparent 30%),
        linear-gradient(135deg, #f4fbf8 0%, #e6f3f1 100%);
}

.alerts-eyebrow[b-9vv6v5zczj] {
    display: inline-block;
    color: var(--alerts-teal);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.alerts-hero h2[b-9vv6v5zczj] {
    max-width: 32rem;
    margin: .5rem 0 .8rem;
    padding: 0;
    border: 0;
    color: var(--alerts-ink);
    font-size: clamp(1.55rem, 2.9vw, 2.3rem);
    font-weight: 780;
    letter-spacing: -.035em;
    line-height: 1.14;
}

.alerts-hero__copy > p[b-9vv6v5zczj] {
    max-width: 34rem;
    margin: 0;
    color: #486261;
    font-size: 1rem;
    line-height: 1.7;
}

.alerts-hero__facts[b-9vv6v5zczj] {
    padding: .5rem;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 18px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 18px 40px rgba(17, 78, 75, .1);
}

.alerts-hero__facts > div[b-9vv6v5zczj] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: .6rem;
    padding: .7rem .85rem;
}

.alerts-hero__facts > div + div[b-9vv6v5zczj] {
    border-top: 1px solid var(--alerts-line);
}

/* The ordinal is the one place where lime is used as a small accent. */
.alerts-hero__facts > div > span[b-9vv6v5zczj] {
    color: var(--alerts-lime);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.alerts-hero__facts strong[b-9vv6v5zczj],
.alerts-hero__facts small[b-9vv6v5zczj] {
    display: block;
}

.alerts-hero__facts strong[b-9vv6v5zczj] {
    margin-bottom: .2rem;
    color: var(--alerts-ink);
    font-size: .93rem;
}

.alerts-hero__facts small[b-9vv6v5zczj] {
    color: var(--alerts-muted);
    font-size: .8rem;
    line-height: 1.45;
}

/* ==========================================================================
   Orientation strip
   ========================================================================== */

.alerts-orientation[b-9vv6v5zczj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--alerts-line);
    border-bottom: 1px solid var(--alerts-line);
    background: var(--alerts-surface);
}

.alerts-orientation > div[b-9vv6v5zczj] {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 1.1rem 1.4rem;
    color: var(--alerts-muted);
    font-size: .82rem;
    line-height: 1.4;
}

.alerts-orientation > div + div[b-9vv6v5zczj] {
    border-left: 1px solid var(--alerts-line);
}

.alerts-orientation i[b-9vv6v5zczj] {
    flex: none;
    color: var(--alerts-teal);
    font-size: 1.15rem;
}

.alerts-orientation strong[b-9vv6v5zczj] {
    display: block;
    color: var(--alerts-ink);
}

/* ==========================================================================
   Section intro
   ========================================================================== */

.section-intro[b-9vv6v5zczj] {
    max-width: 52rem;
    margin: 0 0 1.5rem;
    color: var(--alerts-muted);
    font-size: 1rem;
    line-height: 1.7;
}

/* ==========================================================================
   "Ako fungujú Upozornenia" — three behaviour cards + muted note
   ========================================================================== */

.alert-behavior-grid[b-9vv6v5zczj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.alert-behavior-card[b-9vv6v5zczj] {
    padding: 1.35rem;
    border: 1px solid var(--alerts-line);
    border-radius: 15px;
    background: var(--alerts-surface);
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.alert-behavior-card__icon[b-9vv6v5zczj] {
    display: inline-grid;
    width: 2.55rem;
    height: 2.55rem;
    place-items: center;
    border-radius: 12px;
    background: var(--alerts-teal-soft);
    color: var(--alerts-teal);
    font-size: 1.15rem;
}

.alert-behavior-card h3[b-9vv6v5zczj] {
    margin: .85rem 0 .5rem;
    color: var(--alerts-ink);
    font-size: 1.05rem;
    font-weight: 720;
}

.alert-behavior-card p[b-9vv6v5zczj] {
    margin: 0;
    color: var(--alerts-muted);
    font-size: .9rem;
    line-height: 1.6;
}

.alert-behavior-card p + p[b-9vv6v5zczj] {
    margin-top: .7rem;
}

.alert-behavior-card strong[b-9vv6v5zczj] {
    color: var(--alerts-ink);
}

.alert-behavior-note[b-9vv6v5zczj] {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
    margin: 1rem 0 0;
    padding: .85rem 1.05rem;
    border-radius: 12px;
    background: var(--alerts-canvas);
    color: var(--alerts-muted);
    font-size: .85rem;
    line-height: 1.55;
}

.alert-behavior-note i[b-9vv6v5zczj] {
    flex: none;
    margin-top: .15rem;
    color: var(--alerts-teal);
}

/* Practical help — the shared warn callout in the chapter palette. */
.upozornenia-chapter-page[b-9vv6v5zczj]  .help-callout {
    margin: 1.5rem 0 0;
    padding: 1.05rem 1.25rem;
    border-radius: 14px;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-callout-warn {
    border-color: #f1dfc6;
    border-left-color: var(--alerts-warn);
    background: var(--alerts-warn-soft);
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-callout-warn .help-callout-title {
    color: var(--alerts-warn);
    font-size: 1rem;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-callout-body {
    color: var(--alerts-muted);
    font-size: .92rem;
    line-height: 1.65;
}

/* ==========================================================================
   "Spisy" — three process groups, seven scenario cards
   ========================================================================== */

.alert-process-group + .alert-process-group[b-9vv6v5zczj] {
    margin-top: 1.75rem;
}

.alert-process-group__header[b-9vv6v5zczj] {
    display: flex;
    gap: .7rem;
    align-items: center;
    margin-bottom: .9rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid var(--alerts-line);
}

.alert-process-group__icon[b-9vv6v5zczj] {
    display: inline-grid;
    width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border-radius: 10px;
    background: var(--alerts-teal-soft);
    color: var(--alerts-teal);
    font-size: 1rem;
}

.alert-process-group__header h3[b-9vv6v5zczj] {
    flex: 1 1 auto;
    margin: 0;
    color: var(--alerts-ink);
    font-size: 1.1rem;
    font-weight: 720;
}

/* Text label, not just a colour, tells how many situations the group holds. */
.alert-process-group__count[b-9vv6v5zczj] {
    flex: none;
    padding: .2rem .6rem;
    border-radius: 999px;
    background: var(--alerts-teal-soft);
    color: var(--alerts-teal-dark);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
}

.alert-scenario-grid[b-9vv6v5zczj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    gap: 1rem;
}

.alert-scenario-card[b-9vv6v5zczj] {
    padding: 1.25rem;
    border: 1px solid var(--alerts-line);
    border-radius: 15px;
    background: var(--alerts-surface);
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.alert-scenario-card h4[b-9vv6v5zczj] {
    margin: 0 0 .85rem;
    color: var(--alerts-ink);
    font-size: 1rem;
    font-weight: 740;
    line-height: 1.35;
}

/* The three explanatory lines share one label/value rhythm, so they stay
   distinguishable from the title and from each other without relying on colour. */
.alert-scenario-card p[b-9vv6v5zczj] {
    margin: 0 0 .7rem;
    color: var(--alerts-muted);
    font-size: .88rem;
    line-height: 1.55;
}

.alert-scenario-card p:last-child[b-9vv6v5zczj] {
    margin-bottom: 0;
}

.alert-scenario-card p strong[b-9vv6v5zczj] {
    display: block;
    margin-bottom: .15rem;
    color: var(--alerts-teal-dark);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.alert-scenario-card p:first-of-type[b-9vv6v5zczj] {
    padding: .5rem .7rem;
    border-radius: 10px;
    background: var(--alerts-teal-soft);
    color: var(--alerts-ink);
}

.alert-scenario-card p:nth-of-type(3)[b-9vv6v5zczj] {
    padding-top: .7rem;
    border-top: 1px dashed var(--alerts-line);
}

/* ==========================================================================
   "Otvoriť Spisy" call to action
   ========================================================================== */

.help-primary-action[b-9vv6v5zczj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 2.9rem;
    margin-top: 1.75rem;
    padding: .7rem 1.05rem;
    border-radius: 10px;
    background: var(--alerts-teal-dark);
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(13, 93, 90, .2);
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.help-primary-action:hover[b-9vv6v5zczj],
.help-primary-action:focus[b-9vv6v5zczj] {
    transform: translateY(-1px);
    background: #0a4a48;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(13, 93, 90, .28);
}

.help-primary-action:focus-visible[b-9vv6v5zczj] {
    outline: 2px solid var(--alerts-teal-dark);
    outline-offset: 2px;
}

/* ==========================================================================
   FAQ — spacing and surfaces only, the HelpFaqItem component is untouched
   ========================================================================== */

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-faq-item {
    margin: 0 0 .7rem;
    border-color: var(--alerts-line);
    border-radius: 12px;
    background: var(--alerts-surface);
    box-shadow: 0 6px 16px rgba(24, 69, 67, .04);
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-faq-item:last-child {
    margin-bottom: 0;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-faq-item summary {
    padding: .85rem 1.1rem;
    border-radius: 12px;
    color: var(--alerts-teal-dark);
    font-size: .97rem;
    font-weight: 700;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-faq-item summary:hover {
    background: var(--alerts-teal-soft);
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-faq-item summary:focus-visible {
    outline: 2px solid var(--alerts-teal-dark);
    outline-offset: 2px;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-faq-item[open] summary {
    border-bottom-color: var(--alerts-line);
    border-radius: 12px 12px 0 0;
}

.upozornenia-chapter-page[b-9vv6v5zczj]  .help-faq-answer {
    padding: .9rem 1.1rem 1.1rem;
    color: var(--alerts-muted);
    font-size: .92rem;
    line-height: 1.65;
}

/* ==========================================================================
   Responsive — everything folds to a single column, never scrolls sideways
   ========================================================================== */

@media (max-width: 991.98px) {
    .alerts-hero[b-9vv6v5zczj] {
        grid-template-columns: 1fr;
    }

    .alerts-hero__facts[b-9vv6v5zczj] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .alerts-hero__facts > div[b-9vv6v5zczj] {
        grid-template-columns: 1fr;
    }

    .alerts-hero__facts > div + div[b-9vv6v5zczj] {
        border-top: 0;
        border-left: 1px solid var(--alerts-line);
    }

    .alert-behavior-grid[b-9vv6v5zczj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .upozornenia-chapter-page[b-9vv6v5zczj]  .help-section {
        padding: 2rem 1.1rem;
    }

    .alerts-hero[b-9vv6v5zczj] {
        padding: 1.75rem 1.1rem;
    }

    .alerts-hero__facts[b-9vv6v5zczj],
    .alerts-orientation[b-9vv6v5zczj],
    .alert-behavior-grid[b-9vv6v5zczj],
    .alert-scenario-grid[b-9vv6v5zczj] {
        grid-template-columns: 1fr;
    }

    .alerts-hero__facts > div + div[b-9vv6v5zczj],
    .alerts-orientation > div + div[b-9vv6v5zczj] {
        border-top: 1px solid var(--alerts-line);
        border-left: 0;
    }
}

/* ==========================================================================
   Reduced motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .help-primary-action[b-9vv6v5zczj] {
        transition: none;
    }

    .help-primary-action:hover[b-9vv6v5zczj],
    .help-primary-action:focus[b-9vv6v5zczj] {
        transform: none;
    }
}
/* /Components/Pages/Help/Chapters/Zaciname/ZacinameChapter.razor.rz.scp.css */
.zaciname-chapter-page[b-znkjzex01w] {
    --start-ink: #173536;
    --start-muted: #607374;
    --start-teal: #167c78;
    --start-teal-dark: #0d5d5a;
    --start-teal-soft: #e8f5f3;
    --start-mint: #cde9df;
    --start-lime: #a9c93f;
    --start-surface: #ffffff;
    --start-canvas: #f6f9f8;
    --start-line: #dce7e5;
    --start-warn: #a95c13;
    --start-warn-soft: #fff5e8;
    color: var(--start-ink);
}

.zaciname-chapter-page[b-znkjzex01w]  .help-chapter-layout > .row:nth-of-type(2) > .col-12 > .card {
    overflow: hidden;
    border: 1px solid var(--start-line);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(29, 65, 64, .09);
}

.zaciname-chapter-page[b-znkjzex01w]  .help-chapter-layout .card-header {
    padding: .95rem 1.5rem;
    border: 0;
    background: var(--start-teal-dark) !important;
}

.zaciname-chapter-page[b-znkjzex01w]  .help-chapter-layout .card-header .card-title {
    font-size: .88rem;
    font-weight: 750;
    letter-spacing: .11em;
}

.zaciname-chapter-page[b-znkjzex01w]  .help-chapter-content {
    padding: 0;
    max-width: none;
}

.zaciname-chapter-page[b-znkjzex01w]  .help-chapter-lead {
    margin: 0;
    padding: 1.1rem 1.75rem;
    border: 0;
    background: #eef6f5;
    color: #476362;
    font-size: .95rem;
    line-height: 1.65;
}

.zaciname-chapter-page[b-znkjzex01w]  .help-section {
    margin: 0;
    padding: 4rem clamp(1.25rem, 4vw, 3.5rem);
    border-top: 1px solid var(--start-line);
    scroll-margin-top: 1rem;
}

.zaciname-chapter-page[b-znkjzex01w]  .help-section:nth-of-type(even) {
    background: var(--start-canvas);
}

.zaciname-chapter-page[b-znkjzex01w]  .help-section > h2 {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
    color: var(--start-ink);
    font-size: clamp(1.55rem, 2.3vw, 2.05rem);
    font-weight: 760;
    letter-spacing: -.025em;
}

.zaciname-chapter-page[b-znkjzex01w]  .help-section > h2 i {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 12px;
    background: var(--start-teal-soft);
    color: var(--start-teal);
    font-size: 1.1rem;
}

.zaciname-chapter-page[b-znkjzex01w]  .help-toc {
    border: 1px solid var(--start-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 30px rgba(29, 65, 64, .08);
}

.zaciname-chapter-page[b-znkjzex01w]  .help-toc-title {
    color: var(--start-teal-dark);
}

.zaciname-chapter-page[b-znkjzex01w]  .help-toc a {
    border-radius: 8px;
    color: #526b6a;
}

.zaciname-chapter-page[b-znkjzex01w]  .help-toc a:hover {
    background: var(--start-teal-soft);
    color: var(--start-teal-dark);
}

.welcome-hero[b-znkjzex01w] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center;
    min-height: 31rem;
    padding: clamp(2.5rem, 6vw, 5.5rem) clamp(1.25rem, 5vw, 4.5rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 12%, rgba(169, 201, 63, .16), transparent 32%),
        radial-gradient(circle at 92% 88%, rgba(67, 166, 155, .22), transparent 34%),
        linear-gradient(135deg, #f4fbf8 0%, #e6f3f1 100%);
}

.welcome-hero[b-znkjzex01w]::after {
    position: absolute;
    right: -5rem;
    top: -8rem;
    width: 24rem;
    height: 24rem;
    border: 1px solid rgba(22, 124, 120, .15);
    border-radius: 50%;
    box-shadow: 0 0 0 3rem rgba(22, 124, 120, .035), 0 0 0 7rem rgba(22, 124, 120, .025);
    content: "";
}

.welcome-hero__copy[b-znkjzex01w],
.welcome-hero__panel[b-znkjzex01w] {
    position: relative;
    z-index: 1;
}

.eyebrow[b-znkjzex01w] {
    display: inline-block;
    color: var(--start-teal);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.welcome-hero h2[b-znkjzex01w] {
    max-width: 46rem;
    margin: .75rem 0 1.25rem;
    color: var(--start-ink);
    font-size: clamp(2.15rem, 4.5vw, 4rem);
    font-weight: 780;
    letter-spacing: -.055em;
    line-height: 1.02;
}

.welcome-hero__copy > p[b-znkjzex01w] {
    max-width: 46rem;
    margin: 0;
    color: #486261;
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    line-height: 1.75;
}

.welcome-hero__actions[b-znkjzex01w] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.8rem;
}

.help-primary-action[b-znkjzex01w],
.help-secondary-action[b-znkjzex01w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    padding: .7rem 1.05rem;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.help-primary-action[b-znkjzex01w] {
    gap: .55rem;
    background: var(--start-teal-dark);
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(13, 93, 90, .2);
}

.help-secondary-action[b-znkjzex01w] {
    border: 1px solid rgba(13, 93, 90, .22);
    background: rgba(255, 255, 255, .72);
    color: var(--start-teal-dark) !important;
}

.help-primary-action:hover[b-znkjzex01w],
.help-secondary-action:hover[b-znkjzex01w] {
    transform: translateY(-1px);
}

.welcome-hero__panel[b-znkjzex01w] {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 18px;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 22px 55px rgba(17, 78, 75, .12);
    backdrop-filter: blur(10px);
}

.hero-point[b-znkjzex01w] {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    gap: .8rem;
    padding: 1rem;
}

.hero-point + .hero-point[b-znkjzex01w] {
    border-top: 1px solid var(--start-line);
}

.hero-point__number[b-znkjzex01w] {
    color: var(--start-lime);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.hero-point strong[b-znkjzex01w],
.hero-point span:not(.hero-point__number)[b-znkjzex01w] {
    display: block;
}

.hero-point strong[b-znkjzex01w] {
    margin-bottom: .3rem;
    color: var(--start-ink);
    font-size: .95rem;
}

.hero-point div span[b-znkjzex01w] {
    color: var(--start-muted);
    font-size: .82rem;
    line-height: 1.45;
}

.orientation-strip[b-znkjzex01w] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--start-line);
    border-bottom: 1px solid var(--start-line);
    background: #fff;
}

.orientation-strip > div[b-znkjzex01w] {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 1.2rem 1.5rem;
    color: var(--start-muted);
    font-size: .82rem;
    line-height: 1.4;
}

.orientation-strip > div + div[b-znkjzex01w] {
    border-left: 1px solid var(--start-line);
}

.orientation-strip i[b-znkjzex01w] {
    color: var(--start-teal);
    font-size: 1.15rem;
}

.orientation-strip strong[b-znkjzex01w],
.orientation-strip span[b-znkjzex01w] {
    display: block;
}

.orientation-strip strong[b-znkjzex01w] {
    color: var(--start-ink);
}

.section-intro[b-znkjzex01w] {
    max-width: 55rem;
    margin: 0 0 1.75rem;
    color: var(--start-muted);
    font-size: 1.02rem;
    line-height: 1.75;
}

.principle-grid[b-znkjzex01w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.principle-card[b-znkjzex01w] {
    padding: 1.4rem;
    border: 1px solid var(--start-line);
    border-radius: 15px;
    background: var(--start-surface);
    box-shadow: 0 8px 20px rgba(24, 69, 67, .045);
}

.icon-tile[b-znkjzex01w],
.module-group__icon[b-znkjzex01w] {
    display: inline-grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 12px;
    background: var(--start-teal-soft);
    color: var(--start-teal);
    font-size: 1.2rem;
}

.principle-card h3[b-znkjzex01w] {
    margin: 1.1rem 0 .55rem;
    color: var(--start-ink);
    font-size: 1.04rem;
}

.principle-card p[b-znkjzex01w] {
    margin: 0;
    color: var(--start-muted);
    font-size: .9rem;
    line-height: 1.62;
}

.concept-comparison[b-znkjzex01w] {
    display: grid;
    grid-template-columns: minmax(13rem, .72fr) 1.28fr;
    gap: 1.5rem;
    margin-top: 1.25rem;
    padding: 1.45rem;
    border-radius: 16px;
    background: var(--start-ink);
    color: #fff;
}

.concept-comparison .eyebrow[b-znkjzex01w] {
    color: #a9d7cd;
}

.concept-comparison h3[b-znkjzex01w] {
    margin: .45rem 0 0;
    color: #fff;
    font-size: 1.25rem;
}

.concept-comparison dl[b-znkjzex01w] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .75rem;
    margin: 0;
}

.concept-comparison dl > div[b-znkjzex01w] {
    padding: .9rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(255, 255, 255, .06);
}

.concept-comparison dt[b-znkjzex01w] {
    margin-bottom: .35rem;
    color: #d9ec83;
    font-weight: 750;
}

.concept-comparison dd[b-znkjzex01w] {
    margin: 0;
    color: #d6e1e0;
    font-size: .82rem;
    line-height: 1.5;
}

.module-groups[b-znkjzex01w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.module-group[b-znkjzex01w] {
    overflow: hidden;
    border: 1px solid var(--start-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(26, 67, 65, .045);
}

.module-group--agenda[b-znkjzex01w] {
    grid-row: span 2;
}

.module-group > header[b-znkjzex01w] {
    display: flex;
    gap: .9rem;
    align-items: center;
    padding: 1.2rem 1.25rem;
    border-bottom: 1px solid var(--start-line);
    background: #fbfdfc;
}

.module-group header h3[b-znkjzex01w] {
    margin: .1rem 0 0;
    color: var(--start-ink);
    font-size: 1.18rem;
}

.entity-list article[b-znkjzex01w] {
    display: grid;
    grid-template-columns: 1.8rem 1fr;
    gap: .75rem;
    padding: .82rem 1.25rem;
}

.entity-list article + article[b-znkjzex01w] {
    border-top: 1px solid #edf2f1;
}

.entity-list article > i[b-znkjzex01w] {
    margin-top: .15rem;
    color: var(--start-teal);
}

.entity-list strong[b-znkjzex01w],
.entity-list span[b-znkjzex01w] {
    display: block;
}

.entity-list strong[b-znkjzex01w] {
    margin-bottom: .16rem;
    color: var(--start-ink);
    font-size: .9rem;
}

.entity-list span[b-znkjzex01w] {
    color: var(--start-muted);
    font-size: .79rem;
    line-height: 1.45;
}

.role-grid[b-znkjzex01w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.role-card[b-znkjzex01w] {
    position: relative;
    min-height: 15rem;
    padding: 1.4rem;
    overflow: hidden;
    border: 1px solid var(--start-line);
    border-radius: 16px;
    background: #fff;
}

.role-card[b-znkjzex01w]::after {
    position: absolute;
    right: -2rem;
    bottom: -3rem;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: var(--start-teal-soft);
    content: "";
}

.role-card > i[b-znkjzex01w] {
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    color: #a9c9c5;
    font-size: 1.5rem;
}

.role-card__label[b-znkjzex01w] {
    display: inline-flex;
    padding: .3rem .55rem;
    border-radius: 999px;
    background: var(--start-teal-soft);
    color: var(--start-teal-dark);
    font-size: .68rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.role-card h3[b-znkjzex01w] {
    max-width: 75%;
    margin: 1rem 0 .55rem;
    color: var(--start-ink);
    font-size: 1.05rem;
}

.role-card p[b-znkjzex01w] {
    position: relative;
    z-index: 1;
    margin: 0 0 1.2rem;
    color: var(--start-muted);
    font-size: .88rem;
    line-height: 1.6;
}

.role-card a[b-znkjzex01w] {
    position: relative;
    z-index: 1;
    color: var(--start-teal-dark);
    font-size: .82rem;
    font-weight: 750;
    text-decoration: none;
}

.triage-intro[b-znkjzex01w] {
    display: grid;
    grid-template-columns: 1.4fr .6fr;
    gap: 1rem;
    align-items: stretch;
    margin-bottom: 1.5rem;
}

.triage-intro > div:first-child[b-znkjzex01w] {
    padding: 1.4rem;
    border: 1px solid var(--start-line);
    border-radius: 16px;
    background: #fff;
}

.triage-intro h3[b-znkjzex01w] {
    margin: .45rem 0 .55rem;
    color: var(--start-ink);
    font-size: 1.25rem;
}

.triage-intro p[b-znkjzex01w] {
    margin: 0;
    color: var(--start-muted);
    line-height: 1.62;
}

.triage-rule[b-znkjzex01w] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.4rem;
    border-radius: 16px;
    background: var(--start-ink);
}

.triage-rule i[b-znkjzex01w] {
    color: #d8eb83;
    font-size: 1.5rem;
}

.triage-rule p[b-znkjzex01w],
.triage-rule strong[b-znkjzex01w] {
    color: #fff;
}

.triage-rule p[b-znkjzex01w] {
    font-size: .9rem;
}

.triage-steps[b-znkjzex01w] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.triage-steps li[b-znkjzex01w] {
    position: relative;
    padding: 1rem;
    border: 1px solid var(--start-line);
    border-radius: 13px;
    background: #fff;
}

.triage-steps li > span[b-znkjzex01w] {
    display: inline-grid;
    width: 1.7rem;
    height: 1.7rem;
    margin-bottom: .8rem;
    place-items: center;
    border-radius: 50%;
    background: var(--start-teal-soft);
    color: var(--start-teal-dark);
    font-size: .72rem;
    font-weight: 800;
}

.triage-steps strong[b-znkjzex01w] {
    display: block;
    margin-bottom: .35rem;
    color: var(--start-ink);
    font-size: .84rem;
}

.triage-steps p[b-znkjzex01w] {
    margin: 0;
    color: var(--start-muted);
    font-size: .75rem;
    line-height: 1.45;
}

.inline-next-step[b-znkjzex01w] {
    display: flex;
    gap: .8rem;
    align-items: center;
    margin-top: 1rem;
    padding: .95rem 1.1rem;
    border-radius: 12px;
    background: var(--start-teal-soft);
}

.inline-next-step i[b-znkjzex01w] {
    color: var(--start-teal);
}

.inline-next-step strong[b-znkjzex01w],
.inline-next-step span[b-znkjzex01w] {
    display: block;
}

.inline-next-step strong[b-znkjzex01w] {
    color: var(--start-ink);
    font-size: .84rem;
}

.inline-next-step span[b-znkjzex01w] {
    color: var(--start-muted);
    font-size: .79rem;
}

.day-timeline[b-znkjzex01w] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.day-timeline[b-znkjzex01w]::before {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 2.1rem;
    height: 1px;
    background: var(--start-mint);
    content: "";
}

.day-timeline article[b-znkjzex01w] {
    position: relative;
    padding: 1.3rem;
    border: 1px solid var(--start-line);
    border-radius: 15px;
    background: #fff;
}

.day-timeline__time[b-znkjzex01w] {
    position: relative;
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    padding: .45rem .65rem;
    border-radius: 999px;
    background: var(--start-teal-soft);
    color: var(--start-teal-dark);
    font-size: .75rem;
    font-weight: 750;
}

.day-timeline h3[b-znkjzex01w] {
    margin: 1rem 0 .65rem;
    color: var(--start-ink);
    font-size: 1rem;
}

.day-timeline ul[b-znkjzex01w] {
    margin: 0;
    padding-left: 1.05rem;
}

.day-timeline li[b-znkjzex01w] {
    margin-bottom: .35rem;
    color: var(--start-muted);
    font-size: .82rem;
    line-height: 1.5;
}

.system-boundary[b-znkjzex01w] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.system-boundary__system[b-znkjzex01w] {
    min-height: 9.6rem;
    padding: 1.3rem;
    border-radius: 15px;
}

.system-boundary__system--ismis[b-znkjzex01w] {
    border: 1px solid #d7dfde;
    background: #fff;
}

.system-boundary__system--intranet[b-znkjzex01w] {
    background: var(--start-teal-dark);
}

.system-boundary__system--intranet .eyebrow[b-znkjzex01w] {
    color: #a9d7cd;
}

.system-boundary__system h3[b-znkjzex01w] {
    margin: .45rem 0 .5rem;
    color: var(--start-ink);
    font-size: 1.25rem;
}

.system-boundary__system p[b-znkjzex01w] {
    margin: 0;
    color: var(--start-muted);
    font-size: .86rem;
    line-height: 1.55;
}

.system-boundary__system--intranet h3[b-znkjzex01w],
.system-boundary__system--intranet p[b-znkjzex01w] {
    color: #fff;
}

.system-boundary__bridge[b-znkjzex01w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--start-teal);
}

.system-boundary__bridge span[b-znkjzex01w] {
    margin-bottom: .25rem;
    color: var(--start-muted);
    font-size: .65rem;
    font-weight: 750;
    text-transform: uppercase;
}

.mail-paths[b-znkjzex01w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.mail-paths > article[b-znkjzex01w] {
    overflow: hidden;
    border: 1px solid var(--start-line);
    border-radius: 15px;
    background: #fff;
}

.mail-paths header[b-znkjzex01w] {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--start-line);
    background: #fbfdfc;
}

.mail-paths header > span[b-znkjzex01w] {
    color: var(--start-lime);
    font-size: .75rem;
    font-weight: 850;
}

.mail-paths header strong[b-znkjzex01w],
.mail-paths header small[b-znkjzex01w] {
    display: block;
}

.mail-paths header strong[b-znkjzex01w] {
    color: var(--start-ink);
    font-size: .92rem;
}

.mail-paths header small[b-znkjzex01w] {
    margin-top: .15rem;
    color: var(--start-muted);
    font-size: .7rem;
}

.mail-paths ol[b-znkjzex01w] {
    margin: 0;
    padding: 1.05rem 1.2rem 1.05rem 2.4rem;
}

.mail-paths li[b-znkjzex01w] {
    margin-bottom: .5rem;
    color: var(--start-muted);
    font-size: .82rem;
    line-height: 1.48;
}

.do-not-card[b-znkjzex01w] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    padding: 1.15rem;
    border: 1px solid #f0d6b6;
    border-radius: 15px;
    background: var(--start-warn-soft);
}

.do-not-card__icon[b-znkjzex01w] {
    display: inline-grid;
    min-width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: var(--start-warn);
}

.do-not-card .eyebrow[b-znkjzex01w] {
    color: var(--start-warn);
}

.do-not-card h3[b-znkjzex01w] {
    margin: .25rem 0;
    color: #73400e;
    font-size: 1rem;
}

.do-not-card p[b-znkjzex01w] {
    margin: 0;
    color: #805a32;
    font-size: .82rem;
}

.outgoing-layout[b-znkjzex01w] {
    display: grid;
    grid-template-columns: 1.4fr .6fr;
    gap: 1rem;
    align-items: stretch;
}

.creation-card[b-znkjzex01w] {
    padding: 1.35rem;
    border: 1px solid var(--start-line);
    border-radius: 16px;
    background: #fff;
}

.creation-card h3[b-znkjzex01w] {
    margin: .35rem 0 1rem;
    color: var(--start-ink);
    font-size: 1.15rem;
}

.compact-checklist[b-znkjzex01w] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.compact-checklist li[b-znkjzex01w] {
    display: grid;
    grid-template-columns: 1.75rem 1fr;
    gap: .7rem;
    align-items: start;
    padding: .55rem 0;
}

.compact-checklist li + li[b-znkjzex01w] {
    border-top: 1px solid #edf2f1;
}

.compact-checklist li > span[b-znkjzex01w] {
    display: inline-grid;
    width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    border-radius: 50%;
    background: var(--start-teal-soft);
    color: var(--start-teal);
    font-size: .7rem;
}

.compact-checklist strong[b-znkjzex01w],
.compact-checklist small[b-znkjzex01w] {
    display: block;
}

.compact-checklist strong[b-znkjzex01w] {
    color: var(--start-ink);
    font-size: .84rem;
}

.compact-checklist small[b-znkjzex01w] {
    margin-top: .12rem;
    color: var(--start-muted);
    font-size: .74rem;
}

.outgoing-note[b-znkjzex01w] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.4rem;
    border-radius: 16px;
    background: var(--start-teal-soft);
}

.outgoing-note i[b-znkjzex01w] {
    color: var(--start-teal);
    font-size: 1.7rem;
}

.outgoing-note p[b-znkjzex01w] {
    margin: 2rem 0 0;
    color: #355957;
    font-size: .9rem;
    line-height: 1.6;
}

.workflow-panel[b-znkjzex01w] {
    margin-top: 1rem;
    padding: 1.35rem;
    overflow: hidden;
    border-radius: 16px;
    background: var(--start-ink);
}

.workflow-panel .eyebrow[b-znkjzex01w] {
    color: #a9d7cd;
}

.workflow-panel h3[b-znkjzex01w] {
    margin: .35rem 0 1.2rem;
    color: #fff;
    font-size: 1.15rem;
}

.workflow-track[b-znkjzex01w] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: .45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.workflow-track li[b-znkjzex01w] {
    position: relative;
    padding: .85rem .7rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 11px;
    background: rgba(255, 255, 255, .055);
}

.workflow-track li:not(:last-child)[b-znkjzex01w]::after {
    position: absolute;
    z-index: 2;
    right: -.42rem;
    top: 50%;
    width: .4rem;
    height: .4rem;
    border-top: 1px solid #8cb5af;
    border-right: 1px solid #8cb5af;
    transform: rotate(45deg);
    content: "";
}

.workflow-track li > span[b-znkjzex01w] {
    display: block;
    margin-bottom: .55rem;
    color: #d8eb83;
    font-size: .7rem;
    font-weight: 800;
}

.workflow-track strong[b-znkjzex01w],
.workflow-track small[b-znkjzex01w] {
    display: block;
}

.workflow-track strong[b-znkjzex01w] {
    color: #fff;
    font-size: .78rem;
}

.workflow-track small[b-znkjzex01w] {
    margin-top: .25rem;
    color: #bdd0cd;
    font-size: .64rem;
    line-height: 1.35;
}

.workflow-panel__footer[b-znkjzex01w] {
    display: flex;
    gap: .55rem;
    align-items: center;
    margin: 1rem 0 0;
    color: #c8d7d5;
    font-size: .78rem;
}

.workflow-panel__footer i[b-znkjzex01w] {
    color: #d8eb83;
}

.scenario-list[b-znkjzex01w] {
    overflow: hidden;
    border: 1px solid var(--start-line);
    border-radius: 16px;
    background: #fff;
}

.scenario-list details + details[b-znkjzex01w] {
    border-top: 1px solid var(--start-line);
}

.scenario-list summary[b-znkjzex01w] {
    display: flex;
    gap: .9rem;
    align-items: center;
    padding: 1rem 1.2rem;
    cursor: pointer;
    list-style: none;
}

.scenario-list summary[b-znkjzex01w]::-webkit-details-marker {
    display: none;
}

.scenario-list summary[b-znkjzex01w]::after {
    margin-left: auto;
    color: var(--start-teal);
    font-size: 1.3rem;
    content: "+";
}

.scenario-list details[open] summary[b-znkjzex01w]::after {
    content: "−";
}

.scenario-icon[b-znkjzex01w] {
    display: inline-grid;
    min-width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 10px;
    background: var(--start-teal-soft);
    color: var(--start-teal);
}

.scenario-list summary strong[b-znkjzex01w],
.scenario-list summary small[b-znkjzex01w] {
    display: block;
}

.scenario-list summary strong[b-znkjzex01w] {
    color: var(--start-ink);
    font-size: .9rem;
}

.scenario-list summary small[b-znkjzex01w] {
    margin-top: .15rem;
    color: var(--start-muted);
    font-size: .72rem;
}

.scenario-content[b-znkjzex01w] {
    padding: 0 1.2rem 1.2rem 4.45rem;
}

.scenario-content p[b-znkjzex01w],
.scenario-content li[b-znkjzex01w] {
    color: var(--start-muted);
    font-size: .83rem;
    line-height: 1.6;
}

.scenario-content p[b-znkjzex01w],
.scenario-content ol[b-znkjzex01w] {
    margin-bottom: 0;
}

.story-heading[b-znkjzex01w] {
    max-width: 53rem;
    margin-bottom: 1.5rem;
}

.story-heading h3[b-znkjzex01w] {
    margin: .4rem 0 .55rem;
    color: var(--start-ink);
    font-size: 1.25rem;
}

.story-heading p[b-znkjzex01w] {
    margin: 0;
    color: var(--start-muted);
    line-height: 1.65;
}

.story-timeline[b-znkjzex01w] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.story-timeline li[b-znkjzex01w] {
    position: relative;
    padding: 1.2rem;
    border: 1px solid var(--start-line);
    border-radius: 14px;
    background: #fff;
}

.story-timeline li:last-child[b-znkjzex01w] {
    grid-column: span 2;
    background: var(--start-teal-soft);
}

.story-timeline__marker[b-znkjzex01w] {
    display: inline-grid;
    width: 1.8rem;
    height: 1.8rem;
    margin-bottom: .85rem;
    place-items: center;
    border-radius: 50%;
    background: var(--start-teal-dark);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.story-timeline strong[b-znkjzex01w] {
    display: block;
    margin-bottom: .35rem;
    color: var(--start-ink);
    font-size: .86rem;
}

.story-timeline p[b-znkjzex01w] {
    margin: 0;
    color: var(--start-muted);
    font-size: .76rem;
    line-height: 1.5;
}

.error-guidance[b-znkjzex01w] {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 1rem;
}

.error-guidance > article[b-znkjzex01w] {
    padding: 1.35rem;
    border-radius: 16px;
}

.error-guidance__safe[b-znkjzex01w] {
    border: 1px solid var(--start-line);
    background: #fff;
}

.error-guidance h3[b-znkjzex01w] {
    margin: .4rem 0 .8rem;
    color: var(--start-ink);
    font-size: 1.1rem;
}

.error-guidance ul[b-znkjzex01w] {
    margin: 0;
    padding-left: 1.1rem;
}

.error-guidance li[b-znkjzex01w] {
    margin-bottom: .45rem;
    color: var(--start-muted);
    font-size: .83rem;
    line-height: 1.52;
}

.error-guidance__stop[b-znkjzex01w] {
    border: 1px solid #f0d6b6;
    background: var(--start-warn-soft);
}

.error-guidance__stop > i[b-znkjzex01w] {
    display: block;
    margin-bottom: 1.2rem;
    color: var(--start-warn);
    font-size: 1.6rem;
}

.error-guidance__stop .eyebrow[b-znkjzex01w] {
    color: var(--start-warn);
}

.error-guidance__stop p[b-znkjzex01w],
.error-guidance__stop > strong[b-znkjzex01w] {
    color: #79522d;
    font-size: .82rem;
    line-height: 1.55;
}

@media (max-width: 1199.98px) {
    .triage-steps[b-znkjzex01w] {
        grid-template-columns: repeat(3, 1fr);
    }

    .workflow-track[b-znkjzex01w] {
        grid-template-columns: repeat(3, 1fr);
    }

    .workflow-track li:nth-child(3)[b-znkjzex01w]::after {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .welcome-hero[b-znkjzex01w] {
        grid-template-columns: 1fr;
    }

    .welcome-hero__panel[b-znkjzex01w] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-point[b-znkjzex01w] {
        grid-template-columns: 1fr;
    }

    .hero-point + .hero-point[b-znkjzex01w] {
        border-top: 0;
        border-left: 1px solid var(--start-line);
    }

    .principle-grid[b-znkjzex01w],
    .day-timeline[b-znkjzex01w],
    .story-timeline[b-znkjzex01w] {
        grid-template-columns: repeat(2, 1fr);
    }

    .concept-comparison[b-znkjzex01w],
    .triage-intro[b-znkjzex01w],
    .outgoing-layout[b-znkjzex01w],
    .error-guidance[b-znkjzex01w] {
        grid-template-columns: 1fr;
    }

    .concept-comparison dl[b-znkjzex01w] {
        grid-template-columns: repeat(3, 1fr);
    }

    .story-timeline li:last-child[b-znkjzex01w] {
        grid-column: auto;
    }
}

@media (max-width: 767.98px) {
    .zaciname-chapter-page[b-znkjzex01w]  .help-section {
        padding: 2.75rem 1.1rem;
    }

    .orientation-strip[b-znkjzex01w],
    .principle-grid[b-znkjzex01w],
    .module-groups[b-znkjzex01w],
    .role-grid[b-znkjzex01w],
    .mail-paths[b-znkjzex01w],
    .day-timeline[b-znkjzex01w],
    .story-timeline[b-znkjzex01w] {
        grid-template-columns: 1fr;
    }

    .orientation-strip > div + div[b-znkjzex01w] {
        border-top: 1px solid var(--start-line);
        border-left: 0;
    }

    .module-group--agenda[b-znkjzex01w] {
        grid-row: auto;
    }

    .system-boundary[b-znkjzex01w] {
        grid-template-columns: 1fr;
    }

    .system-boundary__bridge[b-znkjzex01w] {
        flex-direction: row;
        justify-content: center;
        gap: .4rem;
    }

    .system-boundary__bridge i[b-znkjzex01w] {
        transform: rotate(90deg);
    }

    .system-boundary__bridge span[b-znkjzex01w] {
        margin: 0;
    }

    .triage-steps[b-znkjzex01w],
    .workflow-track[b-znkjzex01w] {
        grid-template-columns: 1fr;
    }

    .workflow-track li[b-znkjzex01w]::after {
        display: none;
    }

    .concept-comparison dl[b-znkjzex01w],
    .welcome-hero__panel[b-znkjzex01w] {
        grid-template-columns: 1fr;
    }

    .hero-point + .hero-point[b-znkjzex01w] {
        border-top: 1px solid var(--start-line);
        border-left: 0;
    }

    .scenario-content[b-znkjzex01w] {
        padding-left: 1.2rem;
    }
}

@media print {
    .zaciname-chapter-page[b-znkjzex01w]  .help-section {
        padding: 1.25rem 0;
        break-inside: avoid;
    }

    .welcome-hero[b-znkjzex01w] {
        min-height: auto;
        padding: 2rem;
    }

    .help-primary-action[b-znkjzex01w],
    .help-secondary-action[b-znkjzex01w],
    .orientation-strip[b-znkjzex01w] {
        display: none;
    }

    .scenario-list details:not([open]) .scenario-content[b-znkjzex01w] {
        display: block;
    }
}