@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/BlazorXTabs/BlazorXTabs.plh16247r9.bundle.scp.css';
@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.t732su9vui.bundle.scp.css';
@import '_content/Megacentral.Blazor/Megacentral.Blazor.ylr022o5wd.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Common/AppEmptyState.razor.rz.scp.css */
.app-empty-state[b-b9vinpxjm2] {
    min-height: 18rem;
    padding: 2rem 1.5rem;
    text-align: center;
}

.app-empty-state__icon[b-b9vinpxjm2] {
    width: 4.5rem;
    height: 4.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 1.6rem;
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.08);
}

.app-empty-state__title[b-b9vinpxjm2] {
    font-size: 1.4rem;
    line-height: 1.15;
    font-weight: 620;
    letter-spacing: -.02em;
}

.app-empty-state__description[b-b9vinpxjm2] {
    max-width: 34rem;
    color: rgba(var(--bs-body-color-rgb), 0.72);
    line-height: 1.55;
}

@media (max-width: 767.98px) {
    .app-empty-state[b-b9vinpxjm2] {
        min-height: 14rem;
        padding-inline: 1rem;
    }

    .app-empty-state__title[b-b9vinpxjm2] {
        font-size: 1.15rem;
    }
}
/* /Components/Feedback/FeedbackComments.razor.rz.scp.css */
.item-comments[b-w3hjc5if0i] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.item-comments-list[b-w3hjc5if0i] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.item-comment[b-w3hjc5if0i] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    position: relative;
}

.item-comment:hover .item-comment-delete[b-w3hjc5if0i] {
    opacity: 0.5 !important;
}

.item-comment:hover .item-comment-delete:hover[b-w3hjc5if0i] {
    opacity: 1 !important;
}

.item-comment-avatar[b-w3hjc5if0i] {
    flex-shrink: 0;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50%;
}

.item-comment-body[b-w3hjc5if0i] {
    flex: 1;
    background: var(--bs-secondary-bg);
    border-radius: 0.5rem;
    padding: 0.4rem 0.7rem;
    min-width: 0;
}

.item-comment-meta[b-w3hjc5if0i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.1rem;
}

.item-comment-author[b-w3hjc5if0i] {
    font-weight: 600;
    font-size: 0.8rem;
}

.item-comment-time[b-w3hjc5if0i] {
    font-size: 0.75rem;
}

.item-comment-answer-badge[b-w3hjc5if0i] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bs-success) 15%, transparent);
    color: var(--bs-success);
    font-size: 0.72rem;
    font-weight: 600;
}

.item-comment-answer-inline[b-w3hjc5if0i] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bs-primary) 10%, transparent);
    color: var(--bs-primary);
    font-size: 0.72rem;
    font-weight: 600;
}

.item-comment-answer-inline:hover[b-w3hjc5if0i] {
    background: color-mix(in srgb, var(--bs-primary) 18%, transparent);
    color: var(--bs-primary);
}

.item-comment-text[b-w3hjc5if0i] {
    font-size: 0.875rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.item-comment-delete[b-w3hjc5if0i] {
    flex-shrink: 0;
    transition: opacity 0.15s;
    line-height: 1;
    margin-top: 0.5rem;
}

.item-comments-input[b-w3hjc5if0i] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.25rem;
}

.item-comments-input-inner[b-w3hjc5if0i] {
    flex: 1;
    position: relative;
}

.item-comments-textbox[b-w3hjc5if0i] {
    min-height: 38px;
    transition: min-height 0.12s ease;
}

.item-comments-textbox-expanded[b-w3hjc5if0i] {
    min-height: 86px;
    padding-right: 3rem;
}

.item-comments-send[b-w3hjc5if0i] {
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 2px 8px;
    font-size: 0.8rem;
}
/* /Components/Feedback/FeedbackList.razor.rz.scp.css */
.feedback-list[b-2l6w6zvwy9] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    overflow: hidden;
}

[b-2l6w6zvwy9] .feedback-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bs-border-color);
    cursor: pointer;
    transition: background 0.1s;
    background: var(--bs-body-bg);
}

.feedback-list > :last-child[b-2l6w6zvwy9] >  .feedback-item {
    border-bottom: none;
}

[b-2l6w6zvwy9] .feedback-item:hover {
    background: var(--bs-btn-hover-bg);
}

[b-2l6w6zvwy9] .feedback-item.expanded {
    background: var(--bs-btn-hover-bg);
    border-bottom: none;
}

.feedback-upvote[b-2l6w6zvwy9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    min-width: 36px;
    padding: 0.3rem 0.4rem;
    --border: 1px solid var(--bs-border-color);
    --border-radius: 0.375rem;
    background: transparent;
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

.feedback-upvote:hover[b-2l6w6zvwy9] {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.feedback-upvote.upvoted[b-2l6w6zvwy9] {
    border-color: var(--bs-primary);
    background: color-mix(in srgb, var(--bs-primary) 10%, transparent);
    color: var(--bs-primary);
    font-weight: 600;
}

[b-2l6w6zvwy9] .feedback-item-content {
    flex: 1;
    min-width: 0;
}

[b-2l6w6zvwy9] .feedback-item-row1 {
    font-size: 0.78rem;
}

.feedback-item-title[b-2l6w6zvwy9] {
    font-size: 0.9rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-2l6w6zvwy9] .feedback-item.unread .feedback-item-title {
    font-weight: 700;
}

.feedback-item-date[b-2l6w6zvwy9],
.feedback-item-author[b-2l6w6zvwy9] {
    font-size: 0.78rem;
}

.feedback-type-badge[b-2l6w6zvwy9] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.feedback-type-badge.type-bug[b-2l6w6zvwy9] {
    background: color-mix(in srgb, var(--bs-danger) 15%, transparent);
    color: var(--bs-danger);
}

.feedback-type-badge.type-idea[b-2l6w6zvwy9] {
    background: color-mix(in srgb, var(--bs-primary) 15%, transparent);
    color: var(--bs-primary);
}

.feedback-type-badge.type-ux[b-2l6w6zvwy9] {
    background: color-mix(in srgb, var(--bs-warning) 15%, transparent);
    color: var(--bs-warning);
}

.feedback-status-dropdown-wrap[b-2l6w6zvwy9] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
}

[b-2l6w6zvwy9] .feedback-status-dropdown-button {
    min-width: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    box-shadow: none;
}

[b-2l6w6zvwy9] .feedback-status-dropdown-button:hover,
[b-2l6w6zvwy9] .feedback-status-dropdown-button:focus,
[b-2l6w6zvwy9] .feedback-status-dropdown-button:active {
    background: transparent;
    color: inherit;
    box-shadow: none;
}

.feedback-status-dropdown-trigger[b-2l6w6zvwy9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem;
    border-radius: 0.25rem;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1;
    margin-top: 10px;
}

.feedback-status-dropdown-trigger.status-open[b-2l6w6zvwy9] {
    color: var(--bs-info);
}

.feedback-status-dropdown-trigger.status-inprogress[b-2l6w6zvwy9] {
    color: var(--bs-warning);
}

.feedback-status-dropdown-trigger.status-done[b-2l6w6zvwy9] {
    color: var(--bs-success);
}

.feedback-status-dropdown-trigger.status-declined[b-2l6w6zvwy9] {
    color: var(--bs-secondary-color);
    opacity: 0.65;
}

.feedback-status-dropdown-trigger-icon[b-2l6w6zvwy9] {
    font-size: 1.45rem;
    line-height: 1;
}

.feedback-status-dropdown-item[b-2l6w6zvwy9] {
    display: inline-flex;
    align-items: center;
}

.feedback-status-dropdown-item-icon[b-2l6w6zvwy9] {
    width: 1rem;
}

.feedback-private-badge[b-2l6w6zvwy9] {
    font-size: 0.75rem;
    opacity: 0.6;
}

/* ── Priority dropdown ───────────────────────────────────────── */

.feedback-priority-dropdown-wrap[b-2l6w6zvwy9] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
}

[b-2l6w6zvwy9] .feedback-priority-dropdown-button {
    min-width: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    box-shadow: none;
}

[b-2l6w6zvwy9] .feedback-priority-dropdown-button:hover,
[b-2l6w6zvwy9] .feedback-priority-dropdown-button:focus,
[b-2l6w6zvwy9] .feedback-priority-dropdown-button:active {
    background: transparent;
    color: inherit;
    box-shadow: none;
}

.feedback-priority-dropdown-trigger[b-2l6w6zvwy9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.05rem 0.1rem;
    border-radius: 0.25rem;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1;
    margin-top: 0;
    transform: translateY(-1px);
}

.feedback-priority-dropdown-trigger.priority-low[b-2l6w6zvwy9] {
    color: var(--bs-info);
}

.feedback-priority-dropdown-trigger.priority-medium[b-2l6w6zvwy9] {
    color: var(--bs-warning);
}

.feedback-priority-dropdown-trigger.priority-high[b-2l6w6zvwy9] {
    color: var(--bs-danger);
}

.feedback-priority-dropdown-trigger-icon[b-2l6w6zvwy9] {
    font-size: 1.1rem;
    line-height: 1;
}

.feedback-priority-dropdown-item[b-2l6w6zvwy9] {
    display: inline-flex;
    align-items: center;
}

.feedback-priority-dropdown-item-icon[b-2l6w6zvwy9] {
    width: 1rem;
}

/* ── Assignee badge ──────────────────────────────────────────── */

.feedback-assignee-badge[b-2l6w6zvwy9] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    background: color-mix(in srgb, var(--bs-success) 12%, transparent);
    color: var(--bs-success);
}

/* ── Assignee dropdown v admin row ───────────────────────────── */

[b-2l6w6zvwy9] .feedback-assignee-dropdown {
    min-width: 140px;
}

.feedback-comments-btn[b-2l6w6zvwy9] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.5rem;
    border: none;
    background: transparent;
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
    cursor: pointer;
    border-radius: 0.375rem;
    transition: all 0.15s;
}

.feedback-comments-btn:hover[b-2l6w6zvwy9],
.feedback-comments-btn.active[b-2l6w6zvwy9] {
    color: var(--bs-primary);
    background: color-mix(in srgb, var(--bs-primary) 8%, transparent);
}

.feedback-detail[b-2l6w6zvwy9] {
    padding: 0.75rem 1rem 1rem 3.5rem;
    border-bottom: 1px solid var(--bs-border-color);
    background: var(--bs-btn-hover-bg);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.feedback-detail-text[b-2l6w6zvwy9] {
    font-size: 0.875rem;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--bs-body-color);
    opacity: 0.85;
}

.feedback-screenshot-link[b-2l6w6zvwy9] {
    display: inline-block;
}

.feedback-screenshot[b-2l6w6zvwy9] {
    max-height: 180px;
    border-radius: 0.375rem;
    border: 1px solid var(--bs-border-color);
    object-fit: contain;
}

[b-2l6w6zvwy9] .feedback-admin-row {
    padding-top: 0.1rem;
}

.feedback-chip[b-2l6w6zvwy9] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 1rem;
    font-size: 0.8rem;
    border: 1px solid var(--bs-border-color);
    background: transparent;
    color: var(--bs-body-color);
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    line-height: 1.5;
}

.feedback-chip:hover[b-2l6w6zvwy9] {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

.feedback-chip.active[b-2l6w6zvwy9] {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

[b-2l6w6zvwy9] .feedback-empty {
    padding: 2.5rem;
}
/* /Components/Feedback/ItemComments.razor.rz.scp.css */
.item-comments[b-18zkeoz5i7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.item-comments-list[b-18zkeoz5i7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.item-comment[b-18zkeoz5i7] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    position: relative;
}

.item-comment:hover .item-comment-delete[b-18zkeoz5i7] {
    opacity: 0.5 !important;
}

.item-comment:hover .item-comment-delete:hover[b-18zkeoz5i7] {
    opacity: 1 !important;
}

.item-comment-avatar[b-18zkeoz5i7] {
    flex-shrink: 0;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50%;
}

.item-comment-body[b-18zkeoz5i7] {
    flex: 1;
    background: var(--bs-secondary-bg);
    border-radius: 0.5rem;
    padding: 0.4rem 0.7rem;
    min-width: 0;
}

.item-comment-meta[b-18zkeoz5i7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.1rem;
}

.item-comment-author[b-18zkeoz5i7] {
    font-weight: 600;
    font-size: 0.8rem;
}

.item-comment-time[b-18zkeoz5i7] {
    font-size: 0.75rem;
}

.item-comment-text[b-18zkeoz5i7] {
    font-size: 0.875rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.item-comment-delete[b-18zkeoz5i7] {
    flex-shrink: 0;
    transition: opacity 0.15s;
    line-height: 1;
    margin-top: 0.5rem;
}

.item-comments-input[b-18zkeoz5i7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.25rem;
}

.item-comments-input-inner[b-18zkeoz5i7] {
    flex: 1;
    position: relative;
}

.item-comments-textbox[b-18zkeoz5i7] {
    min-height: 38px;
    transition: min-height 0.12s ease;
}

.item-comments-textbox-expanded[b-18zkeoz5i7] {
    min-height: 86px;
    padding-right: 3rem;
}

.item-comments-send[b-18zkeoz5i7] {
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 2px 8px;
    font-size: 0.8rem;
}
/* /Components/Icons/IconSelector.razor.rz.scp.css */
/* Icon Selector - Minimalistický výběr Font Awesome ikon */

.icon-selector[b-oqdcdntzmr] {
    padding: 20px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.icon-grid[b-oqdcdntzmr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 10px;
    overflow-y: auto;
    max-height: 500px;
    padding: 10px;
}

.icon-item[b-oqdcdntzmr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.icon-item:hover[b-oqdcdntzmr] {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color-translucent);
}

.icon-item.selected[b-oqdcdntzmr] {
    background-color: var(--bs-primary);
    color: var(--bs-white);
    border-color: var(--bs-primary);
}

/* Dark mode specifické úpravy */
[data-bs-theme="dark"] .icon-item[b-oqdcdntzmr] {
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .icon-item:hover[b-oqdcdntzmr] {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .icon-item.selected[b-oqdcdntzmr] {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.icon-item i[b-oqdcdntzmr] {
    font-size: 24px;
    margin-bottom: 5px;
}

.icon-name[b-oqdcdntzmr] {
    font-size: 10px;
    text-align: center;
    word-break: break-word;
    color: inherit;
}

/* Scrollbar styling pro lepší vzhled */
.icon-grid[b-oqdcdntzmr]::-webkit-scrollbar {
    width: 8px;
}

.icon-grid[b-oqdcdntzmr]::-webkit-scrollbar-track {
    background: var(--bs-tertiary-bg);
    border-radius: 4px;
}

.icon-grid[b-oqdcdntzmr]::-webkit-scrollbar-thumb {
    background: var(--bs-secondary);
    border-radius: 4px;
}

.icon-grid[b-oqdcdntzmr]::-webkit-scrollbar-thumb:hover {
    background: var(--bs-secondary-color);
}

/* Dark mode scrollbar */
[data-bs-theme="dark"] .icon-grid[b-oqdcdntzmr]::-webkit-scrollbar-track {
    background: var(--bs-dark);
}

[data-bs-theme="dark"] .icon-grid[b-oqdcdntzmr]::-webkit-scrollbar-thumb {
    background: var(--bs-secondary);
}

/* /Components/Labels/Edit/ColorPicker.razor.rz.scp.css */
.color-picker-container[b-55m5u7r4he] {
  display: inline-block;
}
.color-picker-container .color-grid[b-55m5u7r4he] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0.5rem;
}
.color-picker-container .color-grid .color-option[b-55m5u7r4he] {
  width: 2rem;
  height: 2rem;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #ddd;
}
.color-picker-container .color-grid .color-option:hover[b-55m5u7r4he] {
  transform: scale(1.1);
}
.color-picker-container .color-grid .color-option.selected[b-55m5u7r4he] {
  box-shadow: 0 0 0 2px #0079BF;
}

/*# sourceMappingURL=ColorPicker.razor.css.map */
/* /Components/Labels/Edit/LabelSelector.razor.rz.scp.css */
@charset "UTF-8";
/* Pouze nezbytné styly pro specifické části, které nelze snadno řešit přes Bootstrap */
[b-ph547zm6gf] .label-preview {
  padding: 0.35rem 0.85rem;
  border-radius: 10px;
  font-weight: bold;
  width: 200px;
}
[b-ph547zm6gf] .label-preview .icon-preview {
  width: 1.5rem;
  text-align: center;
}
/* /Components/Labels/LabelFiltering.razor.rz.scp.css */
.label-btn[b-v7hxfnqy5v] {
  height: 23px;
  padding: 0 11px;
  border: 0 solid transparent;
  outline: none;
  font-size: 0.9em;
  background: rgba(135, 135, 135, 0.2784313725);
  box-shadow: none !important;
}
.label-btn.active[b-v7hxfnqy5v] {
  background: #b5adff;
}
[data-bs-theme=dark] .label-btn.active[b-v7hxfnqy5v] {
  background: #5344db;
}

/*# sourceMappingURL=LabelFiltering.razor.css.map */
/* /Components/Localization/TranslationQuickAccess.razor.rz.scp.css */
.translation-quick-access[b-i98e2xqnqj] {
    bottom: 1rem;
    position: fixed;
    right: 1rem;
    z-index: 1040;
}

[b-i98e2xqnqj] .translation-quick-access__button {
    align-items: center;
    backdrop-filter: blur(8px);
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, rgba(0, 0, 0, .15));
    border-radius: 50%;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .16);
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

@media (max-width: 767.98px) {
    .translation-quick-access[b-i98e2xqnqj] {
        bottom: 5rem;
    }
}
/* /Components/Navigation/MobileBottomNav.razor.rz.scp.css */
/*
    MobileBottomNav.razor.css

    Fixní spodní lišta pro mobil.
    - Používáme safe-area inset pro iOS (notch / home indicator).
    - Z-index držíme vysoko, aby lišta byla nad obsahem.
    - Podpora pro tmavý/světlý režim (Bootstrap 5.3).
*/

.mobile-bottom-nav[b-twxy3wptbw] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    /* Výška + safe-area (iOS) */
    height: calc(64px + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);

    /* Světlý režim - průsvitné bílé pozadí */
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border-top: 1px solid rgba(0, 0, 0, 0.08);

    z-index: 1030;

    /* Barva textu - z Bootstrap proměnných */
    color: var(--bs-body-color);
}

/* Tmavý režim - průsvitné tmavé pozadí */
[data-bs-theme="dark"] .mobile-bottom-nav[b-twxy3wptbw] {
    background: rgba(33, 37, 41, 0.92);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.mobile-bottom-nav__items[b-twxy3wptbw] {
    height: 100%;
}

.mobile-bottom-nav__item[b-twxy3wptbw] {
    /* Každá položka zabere stejnou šířku */
    flex: 1;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-decoration: none;
    color: inherit;

    /* Aby šlo pohodlně tapnout */
    min-width: 0;
    padding: 10px 8px;

    /* Přechod pro hover efekty */
    transition: opacity 0.2s ease-in-out;
}

/* Hover efekt na desktop/tablet */
@media (hover: hover) {
    .mobile-bottom-nav__item:hover[b-twxy3wptbw] {
        opacity: 0.7;
    }
}

.mobile-bottom-nav__icon[b-twxy3wptbw] {
    /* Větší ikony pro lepší použitelnost */
    font-size: 24px;
    line-height: 24px;
    opacity: 0.9;

    /* Vertikální centrování - flexbox už řeší parent, ale pro jistotu */
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-bottom-nav__label[b-twxy3wptbw] {
    font-size: 10px;
    line-height: 12px;
    margin-top: 4px;
    opacity: 0.75;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Aktivní stav - použití Bootstrap primary barvy */
.mobile-bottom-nav__item.is-active[b-twxy3wptbw] {
    color: var(--bs-primary);
}

.mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon[b-twxy3wptbw] {
    opacity: 1;
}

.mobile-bottom-nav__item.is-active .mobile-bottom-nav__label[b-twxy3wptbw] {
    opacity: 0.95;
}

@media (max-width: 360px) {
    .mobile-bottom-nav__item[b-twxy3wptbw] {
        padding-inline: 4px;
    }

    .mobile-bottom-nav__icon[b-twxy3wptbw] {
        font-size: 21px;
    }
}
/* /Components/Navigation/MobileFlyoutMenu.razor.rz.scp.css */
.mobile-flyout__backdrop[b-fvescjov1k] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 9100;
}

.mobile-flyout__panel[b-fvescjov1k] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(85vw, 300px);
    background: var(--bs-body-bg, #1e1e1e);
    z-index: 9200;
    display: flex;
    flex-direction: column;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
    /* Bezpečná zóna pro iOS notch / home indicator, aby obsah nezačínal/nekončil pod nimi. */
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}

.mobile-flyout__header[b-fvescjov1k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 12px;
    border-bottom: 1px solid var(--bs-border-color, #333);
}

.mobile-flyout__title[b-fvescjov1k] {
    font-size: 18px;
    font-weight: bold;
}

.mobile-flyout__close[b-fvescjov1k] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: var(--bs-body-color, #ccc);
    line-height: 1;
    padding: 4px 8px;
}

.mobile-flyout__nav[b-fvescjov1k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    overflow-y: auto;
}

/* Nadpis skupiny vytváří čitelné bloky bez dalších rámečků, které by úzký mobilní panel zbytečně zatížily. */
.mobile-flyout__group-label[b-fvescjov1k] {
    padding: 20px 20px 7px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.5;
}

.mobile-flyout__group-label:first-child[b-fvescjov1k] {
    padding-top: 10px;
}

.mobile-flyout__item[b-fvescjov1k] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    cursor: pointer;
    color: var(--bs-body-color, #ccc);
    text-decoration: none;
    font-size: 15px;
}

.mobile-flyout__item:hover[b-fvescjov1k] {
    background: var(--bs-tertiary-bg, rgba(255, 255, 255, 0.07));
}

.mobile-flyout__icon[b-fvescjov1k] {
    width: 22px;
    text-align: center;
    font-size: 17px;
    opacity: 0.8;
}

.mobile-flyout__workspace-item--active[b-fvescjov1k] {
    color: var(--bs-primary, #c98621);
    font-weight: 600;
}

.mobile-flyout__workspace-name[b-fvescjov1k] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-flyout__workspace-check[b-fvescjov1k] {
    margin-left: auto;
    opacity: 0.8;
}

.mobile-flyout__footer[b-fvescjov1k] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--bs-border-color, #333);
    padding: 4px 0;
}

.mobile-flyout__item--danger[b-fvescjov1k] {
    color: #e05;
}

.mobile-flyout__item--danger:hover[b-fvescjov1k] {
    background: rgba(238, 0, 85, 0.08);
}
/* /Components/Navigation/MobileTopHeader.razor.rz.scp.css */
/*
    MobileTopHeader.razor.css

    Fixní horní lišta pro mobil.
    - Safe-area inset top pro iOS (notch / dynamic island).
    - Z-index drží lištu nad obsahem, ale pod dropdown panelem notifikací.
    - Podpora pro tmavý/světlý režim (Bootstrap 5.3), styl konzistentní s MobileBottomNav.
*/

.mobile-top-header[b-gj7m0za5ip] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    /* Výška lišty + safe-area (iOS notch) */
    height: calc(56px + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);

    /* Neprůhledné pozadí zabrání prosvítání scrollovaného obsahu pod lištou. */
    background: var(--bs-body-bg);

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

    z-index: 1031; /* nad obsahem, pod fixním dropdown panelem notifikací */

    color: var(--bs-body-color);
}

/* Android mívá status bar vizuálně těsnější, proto header lehce odsouváme níž. */
:global(html.maui-android) .mobile-top-header[b-gj7m0za5ip] {
    height: calc(62px + env(safe-area-inset-top));
}

/* Překryje i nativní stavovou oblast nad začátkem CSS viewportu ve WKWebView. */
.mobile-top-header[b-gj7m0za5ip]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: max(100px, env(safe-area-inset-top));
    background: var(--bs-body-bg);
}

/* Tmavý režim */
[data-bs-theme="dark"] .mobile-top-header[b-gj7m0za5ip] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.mobile-top-header__inner[b-gj7m0za5ip] {
    height: 56px;
    padding: 0 12px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

:global(html.maui-android) .mobile-top-header__inner[b-gj7m0za5ip] {
    padding-top: 6px;
}

.mobile-top-header__left[b-gj7m0za5ip] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mobile-top-header__left .mobile-top-header__menu[b-gj7m0za5ip] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    box-shadow: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.mobile-top-header__left .mobile-top-header__menu .icon[b-gj7m0za5ip] {
    margin-right: 0;
    font-size: 22px;
}

.mobile-top-header__left .mobile-top-header__menu:hover[b-gj7m0za5ip],
.mobile-top-header__left .mobile-top-header__menu:focus[b-gj7m0za5ip] {
    background: transparent;
    color: inherit;
    box-shadow: none;
    outline: none;
}

.mobile-top-header__brand[b-gj7m0za5ip] {
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
}
/* /Components/Pricing/PremiumModuleDialog.razor.rz.scp.css */
.premium-module-dialog[b-w3ozesox6s] {
  padding: 1.15rem 1.25rem 1.25rem;
  max-width: 640px;
}

.premium-module-dialog__icon[b-w3ozesox6s] {
  align-items: center;
  background: rgba(25, 135, 84, 0.1);
  border-radius: 7px;
  color: #198754;
  display: flex;
  flex: 0 0 auto;
  font-size: 1.35rem;
  height: 2.75rem;
  justify-content: center;
  width: 2.75rem;
}

.premium-module-dialog__intro[b-w3ozesox6s] {
  min-width: 0;
}

.premium-module-dialog__intro h3[b-w3ozesox6s] {
  font-size: 1.35rem;
  line-height: 1.2;
  margin: 0 0 0.4rem;
}

.premium-module-dialog__intro p[b-w3ozesox6s] {
  color: rgba(var(--bs-body-color-rgb), 0.74);
  line-height: 1.45;
  margin: 0;
}

.premium-module-dialog__benefits[b-w3ozesox6s] {
  display: grid;
  gap: 0.55rem 1.25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.premium-module-dialog__benefits-title[b-w3ozesox6s] {
  color: rgba(var(--bs-body-color-rgb), 0.55);
  font-size: 0.78rem;
  font-weight: 700;
  grid-column: 1 / -1;
  text-transform: uppercase;
}

.premium-module-dialog__benefit[b-w3ozesox6s] {
  align-items: flex-start;
  display: flex;
  gap: 0.55rem;
  min-width: 0;
  padding: 0;
}

.premium-module-dialog__benefit i[b-w3ozesox6s] {
  color: #198754;
  flex: 0 0 auto;
  margin-top: 0.1rem;
}

.premium-module-dialog__benefit span[b-w3ozesox6s] {
  line-height: 1.25;
}

.premium-module-dialog__notice[b-w3ozesox6s] {
  background: rgba(var(--bs-body-color-rgb), 0.04);
  border-left: 3px solid rgba(25, 135, 84, 0.55);
  color: rgba(var(--bs-body-color-rgb), 0.72);
  line-height: 1.35;
  padding: 0.75rem 0.9rem;
}

[data-bs-theme=dark] .premium-module-dialog__icon[b-w3ozesox6s] {
  background: rgba(83, 210, 132, 0.12);
  color: #8ddf9a;
}

[data-bs-theme=dark] .premium-module-dialog__benefit i[b-w3ozesox6s] {
  color: #8ddf9a;
}

@media (max-width: 768px) {
  .premium-module-dialog[b-w3ozesox6s] {
    padding: 1.1rem;
  }

  .premium-module-dialog__benefits[b-w3ozesox6s] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pricing/PricingPlanCard.razor.rz.scp.css */
/* Karty s cenami – vylepšený styling */
.card[b-shn2knsl00] {
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 245, 240, 0.96) 100%);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    box-shadow: 0 12px 32px rgba(33, 37, 41, 0.12);
}

.card:hover:not(:has(.card-body .btn-group))[b-shn2knsl00] {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(33, 37, 41, 0.16);
}

.card.border-success[b-shn2knsl00] {
    border: 2px solid var(--bs-success) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.97) 0%, rgba(245, 255, 250, 0.98) 100%);
}

.card.border-warning[b-shn2knsl00] {
    border: 2px solid var(--bs-warning) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 253, 245, 0.98) 100%);
}

.card-header[b-shn2knsl00] {
    background: rgba(255, 255, 255, 0.72);
    border-bottom: 1px solid rgba(33, 37, 41, 0.08);
    padding: 16px;
    border-radius: 12px 12px 0 0;
}

.card-header .larger[b-shn2knsl00] {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.3px;
}

.card-header .small[b-shn2knsl00] {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.2px;
    opacity: 0.75;
}

.card-body[b-shn2knsl00] {
    padding: 24px;
}

/* Cena – dominantní prvek */
.card-body .larger2[b-shn2knsl00] {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.7px;
    color: var(--bs-emphasis-color, #212529);
    background: none;
    -webkit-text-fill-color: currentColor;
    margin-bottom: 0;
    line-height: 1.2;
}

.card-body .text-muted[b-shn2knsl00] {
    font-size: 0.9rem;
    line-height: 1.6;
    letter-spacing: 0.1px;
    color: rgba(33, 37, 41, 0.78) !important;
}

.card-body .text-muted strong[b-shn2knsl00] {
    color: var(--bs-emphasis-color, #212529);
    font-weight: 600;
}

/* Sekce modulů – vylepšený styling */
.card-body .fw-semibold[b-shn2knsl00] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    opacity: 0.84;
    margin-bottom: 12px !important;
}

/* Grid modulů */
.card-body .d-flex.flex-wrap.gap-2[b-shn2knsl00] {
    gap: 12px !important;
}

/* Jednotlivý modul v editaci */
.module-item[b-shn2knsl00] {
    min-width: 175px;
    text-align: center;
    display: flex;
    flex-direction: row;
    transition: all 0.2s ease;
    justify-content: start;
    align-items: center;
    gap: 14px;
}

.module-item .module-icon[b-shn2knsl00] {
    font-size: 1.5rem;
    color: rgba(33, 37, 41, 0.45);
    transition: all 0.2s ease;
    display: block;
    margin-bottom: 4px;
}

.module-item.is-enabled .module-icon[b-shn2knsl00] {
    color: var(--accent-color);
    filter: drop-shadow(0 0 8px rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.4));
    transform: scale(1.1);
}

.module-item:not(.is-enabled)[b-shn2knsl00] {
    opacity: 0.65;
}

.module-item.is-clickable[b-shn2knsl00] {
    cursor: pointer;
}

.module-item.is-clickable:hover[b-shn2knsl00] {
    background: rgba(33, 37, 41, 0.05);
    transform: translateY(-2px);
}

.module-item .module-label[b-shn2knsl00] {
    font-size: 0.99rem;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 0.3px;
    opacity: 0.99;
}

/* Readonly náhled – moduly v plánu (stejný layout jako module-item v editaci) */
.plan-modules-grid[b-shn2knsl00] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.plan-module[b-shn2knsl00] {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 10px;
    transition: all 0.2s ease;
}

.plan-module .module-icon[b-shn2knsl00] {
    font-size: 1.2rem;
    color: var(--accent-color);
    filter: drop-shadow(0 0 6px rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.4));
    display: block;
    margin-bottom: 0;
    flex-shrink: 0;
}

.plan-module .module-label[b-shn2knsl00] {
    font-size: 0.82rem;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 0.2px;
    opacity: 0.95;
    text-align: left;
}

.plan-module:hover[b-shn2knsl00] {
    background: rgba(33, 37, 41, 0.05);
    border-color: rgba(33, 37, 41, 0.1);
    transform: translateY(-2px);
}

/* Kontejner karty – editace vs. náhled */
.plan-card-wrapper[b-shn2knsl00] {
    flex-grow: 1;
    flex-basis: 0;
    position: relative;
}

.plan-card-wrapper.is-editing[b-shn2knsl00] {
    min-width: 340px;
    max-width: 420px;
}

.plan-card-wrapper.has-admin-content[b-shn2knsl00] {
    min-width: 560px;
    max-width: 720px;
    flex-grow: 2;
}

.admin-content-section[b-shn2knsl00] {
    padding-top: 16px;
}

.plan-card-wrapper:not(.is-editing)[b-shn2knsl00] {
    max-width: 308px;
    min-width: 310px;
}

/* Badge výchozího / trial / aktuálního plánu */
.plan-badges-container[b-shn2knsl00] {
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 10;
    pointer-events: none;
}

.plan-badges-container .badge[b-shn2knsl00] {
    pointer-events: auto;
}

/* Sekce parametrů */
.card-body .plan-parameters[b-shn2knsl00] {
    border-bottom: 1px solid rgba(33, 37, 41, 0.08);
    padding: 16px 0 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Modul-label v plánu */
.plan-module-label[b-shn2knsl00] {
    font-size: 0.8rem;
}

.stripe-price-ids-section[b-shn2knsl00] {
    border-top: 1px solid rgba(33, 37, 41, 0.08);
    padding-top: 12px;
    margin-top: 2px;
}

.stripe-price-ids-title[b-shn2knsl00] {
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    opacity: 0.82;
}

.stripe-price-ids-status[b-shn2knsl00] {
    font-size: 0.76rem;
    margin-top: 2px;
}

.stripe-expander-button[b-shn2knsl00] {
    min-width: 32px;
    min-height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.stripe-currency-row[b-shn2knsl00] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}

.stripe-currency-code[b-shn2knsl00] {
    font-weight: 700;
    letter-spacing: 0.4px;
}

.stripe-mapping-cell[b-shn2knsl00] {
    display: grid;
    grid-template-columns: 34px 18px 1fr;
    gap: 6px;
    align-items: center;
    min-width: 0;
}

.stripe-mode-label[b-shn2knsl00] {
    color: var(--bs-secondary-color);
    font-size: 0.82rem;
}

.stripe-sync-button[b-shn2knsl00] {
    min-width: 72px;
    justify-content: center;
}


/* module-item uvnitř plan-modules-grid (admin panel aktuálního plánu) – kompaktní verze */
.plan-modules-grid .module-item[b-shn2knsl00] {
    min-width: 0;
}

.plan-modules-grid .module-item .module-icon[b-shn2knsl00] {
    font-size: 1.2rem;
    width: 1.5rem;
    text-align: center;
    flex-shrink: 0;
    margin-bottom: 0;
}

.plan-modules-grid .module-item .module-label[b-shn2knsl00] {
    font-size: 0.82rem;
    letter-spacing: 0.2px;
}

/* Dark mode overrides */
[data-bs-theme="dark"] .card[b-shn2knsl00] {
    background: linear-gradient(135deg, rgba(33, 37, 41, 0.92) 0%, rgba(20, 22, 24, 0.96) 100%);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .card:hover:not(:has(.card-body .btn-group))[b-shn2knsl00] {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
}

[data-bs-theme="dark"] .card.border-success[b-shn2knsl00] {
    background: linear-gradient(135deg, rgba(33, 37, 41, 0.97) 0%, rgba(15, 30, 20, 0.98) 100%);
}

[data-bs-theme="dark"] .card.border-warning[b-shn2knsl00] {
    background: linear-gradient(135deg, rgba(33, 37, 41, 0.97) 0%, rgba(30, 25, 10, 0.98) 100%);
}

[data-bs-theme="dark"] .card-header[b-shn2knsl00] {
    background: rgba(33, 37, 41, 0.72);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-bs-theme="dark"] .card-body .larger2[b-shn2knsl00] {
    color: #f8f9fa;
}

[data-bs-theme="dark"] .card-body .text-muted[b-shn2knsl00] {
    color: rgba(255, 255, 255, 0.65) !important;
}

[data-bs-theme="dark"] .card-body .text-muted strong[b-shn2knsl00] {
    color: #f8f9fa;
}

[data-bs-theme="dark"] .module-item:not(.is-enabled)[b-shn2knsl00] {
    opacity: 0.45;
}

[data-bs-theme="dark"] .module-item.is-clickable:hover[b-shn2knsl00] {
    background: rgba(255, 255, 255, 0.05);
}

[data-bs-theme="dark"] .module-item .module-icon[b-shn2knsl00] {
    color: rgba(255, 255, 255, 0.45);
}

[data-bs-theme="dark"] .plan-module:hover[b-shn2knsl00] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .admin-content-section[b-shn2knsl00],
[data-bs-theme="dark"] .card-body .plan-parameters[b-shn2knsl00] {
    border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme="dark"] .stripe-price-ids-section[b-shn2knsl00] {
    border-color: rgba(255, 255, 255, 0.08);
}
/* /Components/Tiptap/TiptapViewer.razor.rz.scp.css */
.tiptap-html[b-jj1mg9n21u]  img {
  max-width: 600px;
  max-height: 400px;
}
/* /Components/Trial/TrialPreviewDialog.razor.rz.scp.css */
.trial-preview-dialog[b-63r5taddg4] {
  padding: 1.5rem;
}

.trial-preview-dialog .trial-intro-copy[b-63r5taddg4] {
  font-size: 1rem;
  line-height: 1.3;
}

.trial-preview-dialog .trial-cards-comparison[b-63r5taddg4] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 1.5rem;
  align-items: stretch;
  margin: 1.25rem 0 1rem;
}

.trial-preview-dialog .trial-cards-comparison .trial-card[b-63r5taddg4] {
  display: flex;
}

.trial-preview-dialog .trial-cards-comparison .trial-card[b-63r5taddg4]  .plan-card-wrapper {
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: none;
}

.trial-preview-dialog .trial-cards-comparison .trial-card[b-63r5taddg4]  .card {
  width: 100%;
  min-height: 100%;
}

.trial-preview-dialog .trial-cards-comparison .trial-card[b-63r5taddg4]  .plan-card-wrapper.is-current .card {
  border-color: #6c757d;
}

.trial-preview-dialog .trial-cards-comparison .trial-card[b-63r5taddg4]  .plan-card-wrapper.is-trial .card {
  border-color: #28a745;
  box-shadow: 0 0 0 1px rgba(40, 167, 69, 0.15);
}

.trial-preview-dialog .trial-arrow[b-63r5taddg4] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 1.5rem;
}

.trial-preview-dialog .trial-arrow i[b-63r5taddg4] {
  animation: arrow-bounce-b-63r5taddg4 1.5s ease-in-out infinite;
}

.trial-preview-dialog .trial-benefits-inline[b-63r5taddg4] {
  margin-top: 0.25rem;
}

.trial-preview-dialog .trial-benefit-item[b-63r5taddg4] {
  display: flex;
  align-items: start;
  gap: 0.55rem;
  min-width: 0;
  color: #2e3a46;
}

.trial-preview-dialog .trial-benefit-item span[b-63r5taddg4] {
  line-height: 1.2;
}

.trial-preview-dialog .trial-benefit-item i[b-63r5taddg4] {
  margin-top: 0.1rem;
  flex-shrink: 0;
}

[data-bs-theme=dark] .trial-preview-dialog .trial-arrow[b-63r5taddg4] {
  color: rgba(255, 255, 255, 0.55);
}

[data-bs-theme=dark] .trial-preview-dialog .trial-benefit-item[b-63r5taddg4] {
  color: rgba(255, 255, 255, 0.9);
}

[data-bs-theme=dark] .trial-preview-dialog .trial-benefit-item i[b-63r5taddg4] {
  color: #8ddf9a;
}

[data-bs-theme=dark] .trial-preview-dialog .trial-benefit-item span[b-63r5taddg4] {
  color: rgba(255, 255, 255, 0.86);
}

@media (max-width: 768px) {
  .trial-preview-dialog .trial-cards-comparison[b-63r5taddg4] {
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: start;
    margin: 1.5rem 0;
  }

  .trial-preview-dialog .trial-cards-comparison .trial-arrow[b-63r5taddg4] {
    display: none;
  }

  .trial-preview-dialog[b-63r5taddg4] {
    padding: 1.25rem;
  }

  .trial-preview-dialog .trial-benefits-inline[b-63r5taddg4] {
    gap: 0.75rem !important;
  }
}

@keyframes arrow-bounce-b-63r5taddg4 {
  0%,
  100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(4px);
  }
}
/* /Components/Uploads/UploadProgressDialog.razor.rz.scp.css */
.upload-progress-dialog[b-utut04dnmp] {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    width: min(760px, calc(100vw - 52px));
    padding: 14px 8px 8px;
}

.upload-progress-dialog__icon[b-utut04dnmp] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 12%, transparent);
    color: var(--bs-primary, #0d6efd);
    font-size: 1.45rem;
}

.upload-progress-dialog__content[b-utut04dnmp] {
    flex: 1;
    min-width: 0;
}

.upload-progress-dialog__title[b-utut04dnmp] {
    font-size: 1.35rem;
    font-weight: 650;
    line-height: 1.25;
}

.upload-progress-dialog__message[b-utut04dnmp] {
    margin-top: 8px;
    color: var(--bs-body-color, #212529);
    font-size: 1.05rem;
}

.upload-progress-dialog__current-file[b-utut04dnmp] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-top: 14px;
    min-width: 0;
}

.upload-progress-dialog__file-name[b-utut04dnmp] {
    overflow: hidden;
    min-width: 0;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-progress-dialog__file-position[b-utut04dnmp] {
    flex: 0 0 auto;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.9rem;
}

.upload-progress-dialog__progress-row[b-utut04dnmp] {
    margin-top: 12px;
    width: 100%;
    min-width: 0;
}

.upload-progress-dialog__processing[b-utut04dnmp] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 40px;
    color: var(--bs-body-color, #212529);
    font-weight: 500;
}

.upload-progress-dialog__actions[b-utut04dnmp] {
    display: flex;
    justify-content: flex-end;
    margin-top: 28px;
}

@media (max-width: 575.98px) {
    .upload-progress-dialog[b-utut04dnmp] {
        gap: 16px;
        padding: 8px 0 2px;
    }

    .upload-progress-dialog__icon[b-utut04dnmp] {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
    }
}
/* /Controls/App/TrialBrandBadge.razor.rz.scp.css */
/* Absolutní pozice vůči topbaru (position-relative) */
[b-fpl86qfq5d] .trial-brand-outer {
    position: absolute;
    right: 8px;
    top: 0;
}

/* Společné vlastnosti pro badge i CTA */
[b-fpl86qfq5d] .trial-brand-item {
    border-radius: 0 0 7px 7px;
    font-size: .61rem;
    font-weight: 700;
    letter-spacing: 0;
    white-space: nowrap;
}

[b-fpl86qfq5d] .trial-brand-badge {
    padding: 2px 9px 3px 9px;
    color: #fff2bf;
    background: linear-gradient(135deg, #8d5b08, #d79820);
    box-shadow: 0 8px 22px rgba(204, 137, 28, .24);
    border: 1px solid rgba(255, 230, 150, .28);
}

[b-fpl86qfq5d] .trial-brand-badge__days {
    opacity: .82;
    font-size: .58rem;
    font-weight: 600;
}

[b-fpl86qfq5d] .trial-brand-cta {
    padding: 2px 9px 3px 10px;
    line-height: 1.1;
    color: #8f4c00;
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    user-select: none;
}

[b-fpl86qfq5d] .trial-brand-cta-wrap {
    align-items: stretch;
    background: rgba(255, 149, 0, .12);
    border: 1px solid rgba(255, 149, 0, .32);
    border-radius: 0 0 7px 7px;
    box-shadow: 0 5px 16px rgba(255, 149, 0, .12);
    overflow: hidden;
}

[b-fpl86qfq5d] .trial-brand-dismiss {
    align-items: center;
    border: 0;
    border-left: 1px solid rgba(255, 149, 0, .22);
    border-radius: 0;
    color: rgba(143, 76, 0, .68);
    display: inline-flex;
    font-size: .6rem;
    justify-content: center;
    min-width: 20px;
    padding: 0 5px;
}

[b-fpl86qfq5d] .trial-brand-dismiss:hover {
    background: rgba(var(--bs-body-color-rgb), .06);
    color: rgba(var(--bs-body-color-rgb), .8);
}

[b-fpl86qfq5d] .trial-brand-icon {
    font-size: .82em;
    opacity: .92;
}

[data-bs-theme=dark][b-fpl86qfq5d]  .trial-brand-badge {
    color: #fff0bf;
    background: linear-gradient(135deg, rgba(137, 84, 10, 0.98), rgba(196, 135, 24, 0.95));
    box-shadow: 0 8px 22px rgba(173, 112, 19, 0.28);
    border-color: rgba(255, 227, 145, 0.22);
}

[data-bs-theme=dark][b-fpl86qfq5d]  .trial-brand-cta {
    color: #ffbd62;
    box-shadow: none;
}

[data-bs-theme=dark][b-fpl86qfq5d]  .trial-brand-cta-wrap {
    background: rgba(255, 153, 31, .2);
    border-color: rgba(255, 184, 86, .42);
    box-shadow: 0 6px 18px rgba(255, 149, 0, .16);
}

[data-bs-theme=dark][b-fpl86qfq5d]  .trial-brand-dismiss {
    border-left-color: rgba(255, 184, 86, .26);
    color: rgba(255, 207, 139, .72);
}

[b-fpl86qfq5d] .trial-brand-cta:hover,
[b-fpl86qfq5d] .trial-brand-badge:hover,
[b-fpl86qfq5d] .trial-brand-cta-wrap:hover {
    filter: brightness(1.04);
}

@media (max-width: 991.98px) {
    [b-fpl86qfq5d] .trial-brand-item {
        display: none;
    }
}
/* /Controls/Sortable/SortableList.razor.rz.scp.css */
/* 
  ::deep je potřeba při scoped stylech, protože scoped styly se aplikují
  jen na markup v komponentě, ne na markup uvnitř render fragmentu.
*/

[b-woeecwi8ow] .sortable-ghost {
  visibility: hidden;
}

[b-woeecwi8ow] .sortable-fallback {
  opacity: 1 !important
}

/* /Controls/Studios/StudioAvatar.razor.rz.scp.css */
.studio-avatar[b-fb8iktr3vu] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.studio-header-list .studio-avatar[b-fb8iktr3vu] {
    width: 24px;
    height: 24px;
}

.menu-home-small-logo .studio-avatar[b-fb8iktr3vu]{
    width: 24px;
    height: 24px;
}

    .studio-avatar-placeholder[b-fb8iktr3vu] {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: var(--accent-color);
        color: black;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 14px;
    }
/* /Controls/Studios/StudioPinButton.razor.rz.scp.css */
/* CSS pro StudioPinButton komponentu */
.studio-pin-button[b-j3srr8jcnt] {
  opacity: 0; /* defaultně skryto */
  transition: opacity .15s ease-in-out;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.studio-pin-button i[b-j3srr8jcnt] {
  font-size: 1.1em;
  color: #8c8c8c;
  transition: color .15s ease-in-out;
}

.studio-pin-button:hover i[b-j3srr8jcnt] {
  color: var(--accent-color);
}

/* Když je studio připnuté, ikona je vždy viditelná */
.studio-pin-button:has(.fas)[b-j3srr8jcnt] {
  opacity: 1;
}

.studio-pin-button:has(.fas) i[b-j3srr8jcnt] {
  color: var(--accent-color);
}

/* /Controls/Studios/StudioSwitch.razor.rz.scp.css */
/* CSS pro StudioSwitch komponentu */
.studio-switch[b-5qk9sbisjn] {
    /* případné vlastní styly */
}

/* Dropdown menu musí být nad ostatními absolutně pozicovanými prvky v sidebaru */
.studio-switch-minimal[b-5qk9sbisjn]  .dropdown-menu {
    z-index: 1060;
}

[b-5qk9sbisjn] .no-tags-icon {
    opacity: 0;
}

[b-5qk9sbisjn] .dropdown-item:hover .no-tags-icon {
    opacity: 1;
}

/* Pin button skrytý ve výchozím stavu */
[b-5qk9sbisjn] .studio-item .studio-pin-button {
    opacity: 0;
    transition: opacity .15s ease-in-out;
}

/* Zobrazení pin buttonu při hoveru nad položkou v dropdownu */
.studio-item:hover[b-5qk9sbisjn]  .studio-pin-button {
    opacity: 1;
}

/* Pinovaná studia - pin button vždy viditelný */
[b-5qk9sbisjn] .studio-pin-button:has(.fas) {
    opacity: 1;
}

.workspace-type-badge[b-5qk9sbisjn] {
    display: inline-flex;
    align-items: center;
    max-width: 96px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.18);
    color: #93c5fd;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.2;
    vertical-align: middle;
}

[data-bs-theme="dark"] .dropdown-item.active[b-5qk9sbisjn], 
[data-bs-theme="dark"] .dropdown-item:active[b-5qk9sbisjn] {
    background-color: #1c1c1c;
}

[data-bs-theme="light"] .workspace-type-badge[b-5qk9sbisjn] {
    background: rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
}
/* /Controls/Studios/WorkspaceContextMenu.razor.rz.scp.css */
/* Jen to, co je specifické pro menu PROSTORU. Skelet dropdownu (trigger, panel, položky,
   flyout, search, hlavička) je sdílený v app.css pod .ctxd-* – viz ContextDropdown.razor. */

/* StudioAvatar renderuje buď <img class="studio-avatar"> nebo <div class="studio-avatar-placeholder">
   uvnitř obalového <span>; oba mají v globálním CSS natvrdo 32px, proto je nutné cílit na ně
   přímo (ne jen na obalový span), jinak by šířka/výška zvenčí neměla žádný efekt. */
[b-y42u1u2lp6] .wctx-avatar {
    flex: 0 0 auto;
}

[b-y42u1u2lp6] .wctx-avatar .studio-avatar,
[b-y42u1u2lp6] .wctx-avatar .studio-avatar-placeholder {
    width: 24px;
    height: 24px;
    border-radius: 7px;
    font-size: 11px;
}

.wctx-name[b-y42u1u2lp6] {
    font-weight: 600;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wctx-chevron[b-y42u1u2lp6] {
    font-size: 0.7em;
    opacity: 0.5;
}

[b-y42u1u2lp6] .wctx-header-avatar {
    flex: 0 0 auto;
}

[b-y42u1u2lp6] .wctx-header-avatar .studio-avatar,
[b-y42u1u2lp6] .wctx-header-avatar .studio-avatar-placeholder {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    font-size: 13px;
}

.wctx-header-url-row[b-y42u1u2lp6] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.wctx-header-url[b-y42u1u2lp6] {
    font-size: 0.78rem;
    opacity: 0.5;
    font-family: var(--bs-font-monospace, monospace);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Tlačítko pro zkopírování veřejné URL do schránky - drženo skromné (žádné pozadí),
   aby v hlavičce nepůsobilo jako další primární akce, jen jako drobná pomůcka u odkazu. */
.wctx-copy-btn[b-y42u1u2lp6] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: inherit;
    opacity: 0.5;
    cursor: pointer;
    font-size: 0.72rem;
    transition: background-color 0.1s ease, opacity 0.1s ease;
}

.wctx-copy-btn:hover[b-y42u1u2lp6] {
    opacity: 0.9;
    background: rgb(161 161 161 / 12%);
}

[data-bs-theme=light] .wctx-copy-btn:hover[b-y42u1u2lp6] {
    background: rgb(32 32 32 / 6%);
}

.wctx-header-plan[b-y42u1u2lp6] {
    font-size: 0.76rem;
    opacity: 0.55;
    margin-top: 1px;
}

[b-y42u1u2lp6] .wctx-switch-avatar {
    flex: 0 0 auto;
}

[b-y42u1u2lp6] .wctx-switch-avatar .studio-avatar,
[b-y42u1u2lp6] .wctx-switch-avatar .studio-avatar-placeholder {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    font-size: 11px;
}

/* Pin button (jen superadmin, viz StudioPinButton) - skrytý ve výchozím stavu, viditelný
   na hover řádku nebo trvale u připnutého prostoru. Stejný vzor jako ve StudioSwitch.razor.css,
   ať se chování pinování neliší mezi klasickým přepínačem a tímto kontextovým menu. */
[b-y42u1u2lp6] .wctx-switch-pin.studio-pin-button {
    opacity: 0;
    flex: 0 0 auto;
}

[b-y42u1u2lp6] .ctxd-list-item:hover .wctx-switch-pin.studio-pin-button {
    opacity: 1;
}

[b-y42u1u2lp6] .wctx-switch-pin.studio-pin-button:has(.fas) {
    opacity: 1;
}
/* /Controls/Users/AvatarImage.razor.rz.scp.css */
.avatar-host[b-qxj1pwxjyj] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
  outline: none;
  overflow: visible;
}

.avatar[b-qxj1pwxjyj] {
  width: var(--avatar-size, 26px);
  height: var(--avatar-size, 26px);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  flex-shrink: 0;
}

.avatar-initials[b-qxj1pwxjyj] {
  background-color: var(--avatar-bg);
  color: var(--avatar-text);
  font-size: var(--avatar-font-size, .72rem);
  font-weight: 700;
  letter-spacing: 0;
}

[data-bs-theme=dark] .avatar-initials[b-qxj1pwxjyj] {
  background-color: var(--avatar-bg-dark);
  color: var(--avatar-text-dark);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 1px 2px rgba(0, 0, 0, .35);
}

.avatar-hover-card[b-qxj1pwxjyj] {
  position: fixed;
  left: var(--avatar-hover-left, 50vw);
  top: var(--avatar-hover-top, 0);
  z-index: 1060;
  display: block;
  width: min(360px, calc(100vw - 24px));
  padding: 12px 14px;
  max-height: min(520px, calc(100vh - 24px));
  overflow: auto;
  transform: translateY(8px) scale(.985);
  border: 1px solid rgba(15, 23, 42, .06);
  border-radius: 10px;
  background: rgba(255, 255, 255, .68);
  backdrop-filter: blur(24px) saturate(1.5);
  -webkit-backdrop-filter: blur(24px) saturate(1.5);
  box-shadow: 0 8px 32px rgba(15, 23, 42, .10), 0 1px 3px rgba(15, 23, 42, .06);
  color: #172033;
  text-align: left;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .32s ease, transform .32s ease, visibility 0s linear .32s;
}

.avatar-hover-card[data-portal-source="true"][b-qxj1pwxjyj] {
  display: none !important;
}

.avatar-hover-card[data-portal-clone="true"][b-qxj1pwxjyj] {
  display: block;
}

.avatar-hover-card[data-portal-clone="true"][data-hover-visible="true"][b-qxj1pwxjyj] {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  visibility: visible;
  transition: opacity .32s ease, transform .32s ease, visibility 0s;
}

.avatar-host:hover .avatar-hover-card[b-qxj1pwxjyj],
.avatar-host:focus-within .avatar-hover-card[b-qxj1pwxjyj] {
  display: block;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.avatar-hover-card[b-qxj1pwxjyj]::after {
  content: "";
  position: absolute;
  left: var(--avatar-hover-arrow-left, 50%);
  top: -5px;
  width: 9px;
  height: 9px;
  transform: translateX(-50%) rotate(45deg);
  border-left: 1px solid rgba(15, 23, 42, .06);
  border-top: 1px solid rgba(15, 23, 42, .06);
  background: rgba(245, 247, 252, .9);
}

.avatar-hover-card[data-placement="top"][b-qxj1pwxjyj]::after {
  top: auto;
  bottom: -5px;
  border-top: 0;
  border-left: 0;
  border-right: 1px solid rgba(15, 23, 42, .06);
  border-bottom: 1px solid rgba(15, 23, 42, .06);
}

.avatar-hover-header[b-qxj1pwxjyj] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.avatar-hover-photo[b-qxj1pwxjyj] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 0 0 1.5px rgba(15, 23, 42, .08);
}

.avatar-hover-initials[b-qxj1pwxjyj] {
  background-color: var(--avatar-bg);
  color: var(--avatar-text);
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0;
}

.avatar-hover-title[b-qxj1pwxjyj] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.avatar-hover-name[b-qxj1pwxjyj] {
  display: block;
  overflow: hidden;
  color: #111827;
  font-size: .96rem;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.avatar-hover-meta[b-qxj1pwxjyj] {
  color: #667085;
  font-size: .76rem;
  line-height: 1.3;
}

.avatar-hover-stats[b-qxj1pwxjyj] {
  display: flex;
  gap: 16px;
  margin-top: 10px;
}

.avatar-hover-stats > span[b-qxj1pwxjyj] {
  display: flex;
  min-width: 0;
  flex-direction: row;
  align-items: baseline;
  gap: 4px;
}

.avatar-hover-stats strong[b-qxj1pwxjyj] {
  color: #111827;
  font-size: .88rem;
  font-weight: 700;
  line-height: 1;
}

.avatar-hover-stats small[b-qxj1pwxjyj] {
  overflow: hidden;
  color: #8896aa;
  font-size: .72rem;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.avatar-hover-section[b-qxj1pwxjyj] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 8px;
  min-width: 0;
}

.avatar-hover-label[b-qxj1pwxjyj] {
  color: #8896aa;
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.avatar-hover-text[b-qxj1pwxjyj] {
  overflow: hidden;
  color: #2d3a50;
  font-size: .78rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.avatar-hover-chips[b-qxj1pwxjyj] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.avatar-hover-chips span[b-qxj1pwxjyj] {
  max-width: 100%;
  overflow: hidden;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .05);
  color: #344054;
  font-size: .70rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-bs-theme=dark] .avatar-hover-card[b-qxj1pwxjyj] {
  border-color: rgba(255, 255, 255, .08);
  background: rgba(18, 22, 32, .65);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .32), 0 1px 3px rgba(0, 0, 0, .18);
  color: #e8edf7;
}

[data-bs-theme=dark] .avatar-hover-card[b-qxj1pwxjyj]::after {
  border-color: rgba(255, 255, 255, .08);
  background: rgba(22, 26, 38, .9);
}

[data-bs-theme=dark] .avatar-hover-name[b-qxj1pwxjyj],
[data-bs-theme=dark] .avatar-hover-stats strong[b-qxj1pwxjyj],
[data-bs-theme=dark] .avatar-hover-text[b-qxj1pwxjyj] {
  color: #f3f6fb;
}

[data-bs-theme=dark] .avatar-hover-meta[b-qxj1pwxjyj],
[data-bs-theme=dark] .avatar-hover-label[b-qxj1pwxjyj],
[data-bs-theme=dark] .avatar-hover-stats small[b-qxj1pwxjyj] {
  color: #8a96b0;
}

[data-bs-theme=dark] .avatar-hover-chips span[b-qxj1pwxjyj] {
  background: rgba(255, 255, 255, .07);
  color: #c8d2e6;
}

[data-bs-theme=dark] .avatar-hover-initials[b-qxj1pwxjyj] {
  background-color: var(--avatar-bg-dark);
  color: var(--avatar-text-dark);
}
/* /Layout/Menu.razor.rz.scp.css */
@charset "UTF-8";
.sidebar[b-o07mev5hrg] {
  position: relative;
  isolation: isolate;
  /* overflow: hidden; -- odebráno, aby dropdowny mohly přetékat; dekorační kruhy drží .sidebar-background-mask */
  z-index: 100; /* Nutné kvůli isolation: isolate – bez něj by .main-part (pozdější v DOM) překresloval obsah sidebaru včetně fixního slide-in menu na mobilu */
  /* Rail záměrně splývá s tělem appky (stejné --studio-app-bg), aby působil plošeji a
     elegantněji – dřívější samostatný gradient railu vytvářel viditelnou "těžkou" hranu
     vůči obsahu. Oddělení teď nese jen vlásková linka níže, ne kontrast pozadí. */
  background: transparent;
}
[data-bs-theme=light] .sidebar[b-o07mev5hrg] {
  /* Vlásková hrana místo plné 1px čáry – jen naznačí předěl, nekreslí tvrdý okraj. */
  border-right: 1px solid color-mix(in srgb, var(--bs-border-color) 30%, transparent);
}
[data-bs-theme=dark] .sidebar[b-o07mev5hrg] {
  /* V tmavém režimu stačí ještě jemnější předěl – tvrdá čára by na tmavém pozadí rušila. */
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.sidebar > .sidebar-background-mask[b-o07mev5hrg] {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.sidebar > .sidebar-background-mask[b-o07mev5hrg]::before {
  content: "";
  position: absolute;
  right: -210px;
  bottom: -220px;
  width: 520px;
  height: 520px;
  border-radius: 999px;
  /* Modrý dekorační přísvit ztlumen (0.09 → 0.05): na nově průhledném railu byl kruh
     příliš čitelný a tříštil plochý dojem; teď je to jen náznak barvy u paty railu. */
  background: radial-gradient(circle at center, rgba(54, 142, 255, 0.05) 0%, rgba(54, 142, 255, 0) 78%);
  pointer-events: none;
  z-index: 0;
}
.sidebar > .sidebar-background-mask[b-o07mev5hrg]::after {
  content: "";
  position: absolute;
  left: -190px;
  bottom: -250px;
  width: 500px;
  height: 500px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(255, 190, 65, 0.045) 0%, rgba(255, 190, 65, 0) 80%);
  pointer-events: none;
  z-index: 0;
}
[data-bs-theme=dark] .sidebar > .sidebar-background-mask[b-o07mev5hrg]::after {
  background: radial-gradient(circle at center, rgba(255, 190, 65, 0.018) 0%, rgba(255, 190, 65, 0) 80%);
}
.sidebar > *[b-o07mev5hrg] {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .sidebar[b-o07mev5hrg] {
    width: 300px; /* Šířka rozbalené navigace */
    position: sticky; /* Sidebar drží výšku viewportu, aby trojtlačítko bylo vždy dole */
    top: 0;
    height: 100vh;
    transition: width 0.3s ease;
  }
  .sidebar.studio-profile-mode:not(.minimized)[b-o07mev5hrg] {
    width: min(var(--studio-profile-sidebar-width, 520px), 100vw - 24px);
    min-width: min(var(--studio-profile-sidebar-width, 520px), 100vw - 24px);
    max-width: calc(100vw - 24px);
  }
}
.sidebar.auto-minimize[b-o07mev5hrg] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  transition: width 0.3s ease;
}
.sidebar.minimized[b-o07mev5hrg] {
  width: 55px;
  overflow: hidden;
}
/* Nový rail (design v2) je vždy minimalizovaný, ale jeho položky (Prostor, uživatelský
   dock) potřebují dropdown, který přesahuje úzkou 55px šířku railu doprava/nahoru.
   overflow:hidden z .minimized by ho oříznul, proto ho tu pro tento design vypínáme. */
.sidebar.minimized.rail-design[b-o07mev5hrg] {
  overflow: visible;
}
.sidebar.minimized[b-o07mev5hrg]  .menu-item {
  justify-content: center;
  margin: 0 0 13px 0 !important;
}

/* TooltipB vytváří vlastní wrapper mimo CSS izolaci RailMenuContent. Pravidla proto
   musí být u společného rodiče railu, jinak se na horní čtveřici vůbec neaplikují.
   Stejný box bez pravého marginu drží všechny ikony opticky uprostřed úzkého railu. */
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-tooltip-host,
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-space-tooltip-host {
  width: 100%;
  display: flex;
}

.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-tooltip-host > .menu-item,
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-space-tooltip-host > .menu-item {
  /* Předloha má aktivní stav jako menší čtvercový badge s marginem, ne pozadí přes celou
     šířku – .menu-item proto dostává jen pevnou výšku/šířku odpovídající badge (40px) a
     zbylý prostor v 55px railu vyplňuje margin, aby byla ikona opticky vycentrovaná. */
  flex: 0 0 auto;
  /* display:flex je nutný, aby align/justify-center skutečně vystředily obsah badge.
     Bez něj se ikona u položek s odlišnou vnitřní strukturou (Zprávy mají ikonu ve
     span.position-relative, Prostor má trigger se skrytým textem+chevronem) opírala
     o účaří/horní okraj a badge pak vypadal posunutý vůči ikoně. */
  display: flex;
  width: 40px;
  height: 40px;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center;
  align-items: center;
  /* Padding vynulován ve všech směrech – vertikální 10px (z .menu-item) by u 40px badge
     stlačoval obsah a rozbíjel svislé vycentrování; badge centruje čistě flexem. */
  padding: 0 !important;
  border-radius: 10px;
}

/* Vnitřní obal ikony u Zpráv (span.position-relative) a badge neroztahovat – musí se
   chovat jako prostý střed, ne jako blok s vlastní výškou, jinak vzniká svislý posun. */
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-tooltip-host > .menu-item > .position-relative,
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-space-tooltip-host > .menu-item > .position-relative {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-tooltip-host .menu-icon,
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-space-tooltip-host .menu-icon {
  width: auto;
  margin-right: 0;
  font-size: 18px;
  line-height: 1;
  text-align: center;
}

/* Aktivní destinace v úzkém railu (design v2): menší zaoblený čtvercový badge (ne pozadí přes
   celou šířku) kolem ikony, podle předlohy – akcentová barva v tlumené sytosti jako pozadí,
   plná akcentová barva jako barva ikony/textu, aby aktivní destinace byla na první pohled
   čitelná i bez textu vedle ikony. Selektor musí být tady (ne v RailMenuContent.razor.css),
   protože TooltipB vytváří wrapper mimo scoping té komponenty a .rail-design žije na
   .sidebar v Menu.razor. */
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-tooltip-host > .menu-item.active,
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-space-tooltip-host > .menu-item.active {
  background: color-mix(in srgb, var(--accent-color) 18%, transparent);
  color: var(--accent-color);
}

.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-tooltip-host > .menu-item.active .menu-icon,
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-space-tooltip-host > .menu-item.active .menu-icon {
  color: var(--accent-color) !important;
}

/* Hover v railu musí zůstat viditelný i přes vlastní badge pozadí; klasický .menu-item:hover
   z MyMenuItem.razor.css sedí, jen ho lehce ztlumíme, aby nekolidoval s aktivním stavem. */
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-tooltip-host > .menu-item:hover:not(.active),
.sidebar.minimized.rail-design[b-o07mev5hrg]  .rail-space-tooltip-host > .menu-item:hover:not(.active) {
  background: light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.07));
}

.sidebar.minimized[b-o07mev5hrg]  .menu-text, .sidebar.minimized[b-o07mev5hrg]  .icon-expand {
  display: none !important;
}
/* Dropdown "Prostor" (a jeho odkazy uvnitř) NENÍ minimalizovaný panel, i když sedí
   uvnitř úzkého railu – text u položek tam musí zůstat čitelný, jinak by šlo jen o
   sloupec ikon bez popisků. Bez téhle výjimky by je globální pravidlo výše smazalo. */
.sidebar.minimized[b-o07mev5hrg]  .space-menu-dropdown .menu-item {
  justify-content: flex-start;
  margin: 0 !important;
}
.sidebar.minimized[b-o07mev5hrg]  .space-menu-dropdown .menu-text {
  display: inline !important;
}
/* Popup "Vzhled" (settings-popup-content) je stejný případ jako dropdown Prostoru výše -
   vysouvá se do plné šířky vedle railu, takže popisky uvnitř (např. název jazyka
   u přepínače jazyků) musí zůstat viditelné. Bez téhle výjimky by u globusu nebyl
   žádný text a uživatel by nepoznal, jaký jazyk je vybraný. */
.sidebar.minimized[b-o07mev5hrg]  .settings-popup-content .menu-text {
  display: inline !important;
}

.sidebar.minimized[b-o07mev5hrg]  .project-switch .project-name {
  opacity: 0 !important;
}
.sidebar.minimized[b-o07mev5hrg]  .section-header {
  opacity: 0;
}
@media (min-width: 768px) {
  .sidebar:not(.minimized)[b-o07mev5hrg] {
    min-width: 250px; /* Šířka rozbalené navigace */
    transition: width 0.3s ease;
  }
}
.sidebar.studio-profile-mode:not(.minimized)[b-o07mev5hrg]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.18);
  pointer-events: none;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
[data-bs-theme=dark] .sidebar.studio-profile-mode:not(.minimized)[b-o07mev5hrg]::after {
  background: rgba(255, 255, 255, 0.18);
}
.sidebar.studio-profile-mode.sidebar-resize-near:not(.minimized)[b-o07mev5hrg]::after, .sidebar.studio-profile-mode.sidebar-resizing:not(.minimized)[b-o07mev5hrg]::after {
  background: var(--accent-color);
  box-shadow: 0 0 8px rgba(85, 145, 255, 0.45);
}

.studio-profile-width-toggle[b-o07mev5hrg] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1200;
}

.sidebar-resize-handle[b-o07mev5hrg] {
  position: fixed;
  top: 50vh;
  left: calc(min(var(--studio-profile-sidebar-width, 520px), 100vw - 24px) - 6px);
  width: 12px;
  height: 88px;
  transform: translateY(-50%);
  cursor: ew-resize;
  z-index: 1201;
}
.sidebar-resize-handle .split-handle-line[b-o07mev5hrg] {
  position: absolute;
  top: 0;
  left: 5px;
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.08);
  transition: background 0.15s ease;
}
.sidebar-resize-handle .split-handle-grip[b-o07mev5hrg] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 44px;
  border-radius: 3px;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.25);
  box-shadow: -6px 0 0 rgba(0, 0, 0, 0.25), 6px 0 0 rgba(0, 0, 0, 0.25);
  opacity: 0.7;
  transition: opacity 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
[data-bs-theme=dark] .sidebar-resize-handle .split-handle-line[b-o07mev5hrg] {
  background: rgba(255, 255, 255, 0.12);
}
[data-bs-theme=dark] .sidebar-resize-handle .split-handle-grip[b-o07mev5hrg] {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: -6px 0 0 rgba(255, 255, 255, 0.3), 6px 0 0 rgba(255, 255, 255, 0.3);
}
.sidebar-resize-handle:hover .split-handle-line[b-o07mev5hrg] {
  background: var(--accent-color);
}
.sidebar-resize-handle:hover .split-handle-grip[b-o07mev5hrg] {
  opacity: 1;
  background: var(--accent-color);
  box-shadow: -6px 0 0 var(--accent-color), 6px 0 0 var(--accent-color);
}

.sidebar.sidebar-resize-near .sidebar-resize-handle .split-handle-line[b-o07mev5hrg],
.sidebar.sidebar-resizing .sidebar-resize-handle .split-handle-line[b-o07mev5hrg] {
  background: var(--accent-color);
}

.sidebar.sidebar-resize-near .sidebar-resize-handle .split-handle-grip[b-o07mev5hrg],
.sidebar.sidebar-resizing .sidebar-resize-handle .split-handle-grip[b-o07mev5hrg] {
  opacity: 1;
  background: var(--accent-color);
  box-shadow: -6px 0 0 var(--accent-color), 6px 0 0 var(--accent-color);
}

.sidebar-top[b-o07mev5hrg] {
  min-height: 86px;
  position: relative;
  z-index: 2; /* Dropdown přepínače studií musí překrýt nav-scrollable */
  /* Průhledné pozadí – sidebar-top už netvoří vlastní barevný blok, aby rail zůstal plochý
     a jednolitý s tělem appky (dřívější --topbar-bg-color kreslil viditelný horní pruh). */
  background-color: transparent;
}

.sidebar-bottom-bar[b-o07mev5hrg] {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  /*background: var(--bs-body-bg);*/
  border-top: 1px solid light-dark(rgba(0,0,0,0.06), rgba(255,255,255,0.06));
}

/* Úzký rail (design v2, 55px) je jen o málo širší než samotný avatar (26px) – standardní
   boční padding 12px by dock zúžil a posunul mimo střed sloupce vůči ostatním ikonám nahoře.
   Zmenšený padding drží avatar v UserDock opticky na stejné ose jako rail-tooltip-host výše. */
.sidebar-bottom-bar.is-rail-dock[b-o07mev5hrg] {
  padding: 8px 6px;
}

/*[data-bs-theme=dark] .sidebar-bottom-bar {*/
/*  background: color-mix(in srgb, var(--bs-body-bg) 22%, #000);*/
/*}*/

.compact-mode-toggle[b-o07mev5hrg] {
  width: 29px;
  height: 26px;
  border: 0;
  background: transparent;
  color: color-mix(in srgb, var(--menu-icon-color) 72%, var(--bs-body-color));
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
  opacity: .92;
}

.bottom-logout-form[b-o07mev5hrg] {
  margin: 0;
}

.bottom-logout-btn[b-o07mev5hrg] {
  width: 29px;
  height: 26px;
  border: 0;
  background: transparent;
  color: color-mix(in srgb, var(--menu-icon-color) 72%, var(--bs-body-color));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  opacity: .92;
}

/* Návrat z debug loginu na původní účet – zvýrazněno červenou */
.bottom-logout-btn.is-debug-return[b-o07mev5hrg] {
  color: var(--bs-danger);
  opacity: 1;
}

.bottom-appearance-btn[b-o07mev5hrg] {
  height: 26px;
  border: 0;
  background: transparent;
  color: color-mix(in srgb, var(--menu-icon-color) 72%, var(--bs-body-color));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0;
  font-size: 1rem;
  opacity: .92;
}

.bottom-appearance-text[b-o07mev5hrg] {
  font-size: 0.78rem;
  color: color-mix(in srgb, var(--bs-body-color) 82%, var(--menu-icon-color));
  font-weight: 500;
  opacity: 1;
}

.bottom-appearance-popup[b-o07mev5hrg] {
  position: absolute;
  left: 0;
  bottom: calc(100% + 4px);
  width: 248px;
  border: 1px solid rgb(161 161 161 / 14%);
  border-radius: 10px;
  background: color-mix(in srgb, var(--bs-body-bg) 92%, #1a1a1a);
  padding: 8px 8px 10px 8px;
  z-index: 8;
}

[data-bs-theme=light] .bottom-appearance-popup[b-o07mev5hrg] {
  background: #fff;
}

.bottom-popup-backdrop[b-o07mev5hrg] {
  position: fixed;
  inset: 0;
  background: transparent;
  z-index: 7;
}

.compact-mode-toggle:hover[b-o07mev5hrg] {
  color: var(--bs-body-color);
}

.compact-mode-toggle[aria-pressed=true][b-o07mev5hrg] {
  color: var(--accent-color);
  border-color: color-mix(in srgb, var(--accent-color) 65%, #6b6b6b);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-color) 35%, transparent);
}

[data-bs-theme=light] .bottom-logout-btn[b-o07mev5hrg],
[data-bs-theme=light] .bottom-appearance-btn[b-o07mev5hrg],
[data-bs-theme=light] .bottom-appearance-popup[b-o07mev5hrg] {
  border-color: rgb(32 32 32 / 18%);
}

[b-o07mev5hrg] a, [b-o07mev5hrg] button, [b-o07mev5hrg] .btn, [b-o07mev5hrg] .btn-link {
  color: var(--text-color);
}

.top-row[b-o07mev5hrg] {
  height: 3.5rem;
}

[b-o07mev5hrg] .navbar-toggler-anchor {
  position: absolute;
  top: 0.2rem;
  right: 0rem;
  z-index: 1202;
  width: 3.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-o07mev5hrg] .navbar-toggler-anchor.with-studio-switcher {
  right: 2.75rem;
}

[b-o07mev5hrg] .navbar-toggler {
  appearance: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: 0;
  font-size: 1.8rem;
}

.top-row[b-o07mev5hrg] {
  min-height: 3.5rem;
  background-color: rgba(0, 0, 0, 0.4);
}

.nav-scrollable[b-o07mev5hrg] {
  display: none;
}

.nav-scrollable.mobile-open[b-o07mev5hrg] {
  display: block;
}

@media (min-width: 768px) {
  [b-o07mev5hrg] .navbar-toggler-anchor,
  [b-o07mev5hrg] .navbar-toggler {
    display: none;
  }
  .sidebar[b-o07mev5hrg] {
    display: flex;
    flex-direction: column;
  }
  .sidebar-scrollable[b-o07mev5hrg] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: visible; /* Horní přepínač prostorů musí kreslit dropdown mimo šířku sidebaru. */
    /* Skrýt scrollbar vizuálně, ale zachovat funkci */
    scrollbar-width: none;
  }
  .sidebar-scrollable[b-o07mev5hrg]::-webkit-scrollbar {
    display: none;
  }
  .nav-scrollable[b-o07mev5hrg] {
    display: block;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: none;
  }
  .nav-scrollable[b-o07mev5hrg]::-webkit-scrollbar {
    display: none;
  }
  /* Nový rail (design v2): overflow-y:auto výše by (kvůli CSS pravidlu "jedna osa non-visible
     => druhá osa auto") ořízl i vodorovné přetečení dropdownů (Prostor, uživatelský dock).
     Rail má jen 5 položek, takže se nikdy nemusí svisle scrollovat – overflow proto můžeme
     bezpečně vypnout úplně a nechat dropdowny přetéct mimo úzký sloupec. */
  .sidebar.rail-design .nav-scrollable[b-o07mev5hrg] {
    overflow: visible;
    display: flex;
    flex-direction: column;
  }
  /* .nav-scrollable je vnořené v .sidebar-scrollable, což je SKUTEČNÝ sourozenec
     .sidebar-bottom-bar (obojí přímo v .sidebar) – z-index na .nav-scrollable samotném by
     se tedy poměřoval jen vůči jeho vlastním sourozencům uvnitř .sidebar-scrollable, ne
     vůči .sidebar-bottom-bar. Bez z-indexu tady by jeden z nich ležel natrvalo nad druhým
     a jeho position:fixed backdrop by blokoval kliky na spouštěč toho druhého (Prostor
     vs. uživatelský dock).

     Nastavujeme jim STEJNÝ z-index (ne "vítěze podle stavu") – tím se .space-menu-backdrop
     / .user-dock-backdrop (z-index 40 jen v rámci VLASTNÍHO kontejneru) nikdy nedostane nad
     trigger toho druhého kontejneru: stacking pořadí dvou různých kontejnerů se stejným
     z-indexem se řeší podle jejich vlastního vzájemného pořadí, ne podle z-indexů potomků
     uvnitř nich. Dřívější pokus dávat vyšší z-index jen "aktuálně otevřenému" kontejneru
     (:has(.is-open)) opravil vždy jen jeden směr a rozbil ten druhý, protože backdrop
     otevřeného dropdownu pak ležel i nad triggerem toho druhého. */
  .sidebar.rail-design .sidebar-scrollable[b-o07mev5hrg],
  .sidebar.rail-design .sidebar-bottom-bar[b-o07mev5hrg] {
    position: relative;
    z-index: 3;
  }
  /* <nav class="d-flex flex-column"> uvnitř nav-scrollable má jinak flex-grow:0, takže
     je vysoké jen na svůj obsah a margin-top:auto na Prostoru (RailMenuContent) by neměl
     žádný volný prostor k využití. Roztažením na celou výšku nav-scrollable zajistíme,
     že se Prostor skutečně odsune až k dolní hraně railu, těsně nad uživatelský dock. */
  .sidebar.rail-design .nav-scrollable > nav[b-o07mev5hrg] {
    flex: 1;
    min-height: 100%;
  }
}
@media (max-width: 767.98px) {
  .sidebar-scrollable[b-o07mev5hrg] {
    display: contents;
  }
  /* Na mobilu omezit sidebar-top na jednu kompaktní lištu */
  .sidebar-top[b-o07mev5hrg] {
    min-height: 0;
    padding: 0;
  }
}

/* Ikony (zvoneček, avatar) v sidebar-top na mobilu — zobrazí se místo topbaru */
/* Zarovnáno k horní lince hamburgeru (.navbar-toggler-anchor má top: 0.2rem, height: 2.5rem) */
.sidebar-top-mobile-icons[b-o07mev5hrg] {
  position: absolute;
  right: 104px; /* místo pro hamburger (56px) + studio switcher (44px) + mezera */
  top: 0.2rem;
  height: 2.5rem;
  align-items: center;
}

@media (max-width: 767.98px) {
  /* Mobilní slide-in menu */
  .nav-scrollable[b-o07mev5hrg] {
    display: block; /* být v DOM kvůli animaci */
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: min(85vw, 320px);
    max-width: 90vw;
    background: #fcfcfc;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    /* Stín skryjeme ve výchozím (zavřeném) stavu, aby neprosvítal */
    box-shadow: none;
    z-index: 1001;
    overflow-y: auto;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    will-change: transform;
  }
  /* Zavřené menu: nechytej kliky/gesta přes obsah */
  .nav-scrollable[b-o07mev5hrg] {
    pointer-events: none;
  }
  .mobile-backdrop[b-o07mev5hrg] {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 1000;
  }
  .nav-scrollable.mobile-open[b-o07mev5hrg] {
    transform: translateX(0);
    /* Jemný stín jen v otevřeném stavu */
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.22);
    pointer-events: auto;
  }
  .mobile-backdrop.mobile-open[b-o07mev5hrg] {
    opacity: 1;
    pointer-events: auto;
  }
  /* drobná úprava horní lišty na mobilech */
  .nav-scrollable[b-o07mev5hrg] {
    border-bottom: 1px solid #838383;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  /* Dark theme mobilní ladění */
  [data-bs-theme=dark] .mobile-backdrop[b-o07mev5hrg] {
    background: rgba(0, 0, 0, 0.55);
  }
  [data-bs-theme=dark] .nav-scrollable[b-o07mev5hrg] {
    background: #0d0d0d;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
  }
  [data-bs-theme=dark] .nav-scrollable.mobile-open[b-o07mev5hrg] {
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.6);
  }
}
[b-o07mev5hrg] .section-header {
  opacity: 0.4;
  font-size: 14px;
  margin: 13px 10px 2px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  pointer-events: none;
}
[b-o07mev5hrg] .section-header::after {
  content: "";
  height: 1px;
  flex: 1;
  /* jemná čára, která do ztracena mizí */
  background: linear-gradient(
    to right,
    light-dark(rgb(152 152 152 / 31%), rgb(183 183 183 / 33%)),
    rgba(255, 255, 255, 0.05)
  );
  transform: translateY(1px); /* optické dorovnání baseline */
}

[b-o07mev5hrg] .submenu-items {
  margin-left: 15px;
  margin-top: 4px;
  margin-bottom: 8px;
}
[b-o07mev5hrg] .submenu-items .menu-item {
  padding: 6px 0px 6px 8px;
  font-size: 0.9em;
  opacity: 0.85;
}
[b-o07mev5hrg] .submenu-items .menu-item .menu-icon {
  font-size: 1.1em;
  width: 26px;
  margin-right: 8px;
}
[b-o07mev5hrg] .submenu-items .menu-item:hover {
  opacity: 1;
}
[b-o07mev5hrg] .submenu-items .menu-item.active {
  opacity: 1;
}
.sidebar.minimized[b-o07mev5hrg]  .submenu-items {
  display: none;
}
@media (max-width: 767.98px) {
  [b-o07mev5hrg] .submenu-items {
    display: none;
  }
}

/* Nový rail (design v2) je vždy jen 55px široký, takže dropdowny položek "Prostor" a
   uživatelského docku musí přesahovat doprava/nahoru mimo rail, jinak by se do něj
   nevešel žádný čitelný text. Tady (v Menu.razor.css) máme přístup k oběma stranám
   přes ::deep, protože .rail-design je na .sidebar v této komponentě. */
.sidebar.minimized.rail-design[b-o07mev5hrg]  .space-menu-dropdown {
  left: calc(100% + 6px);
  bottom: 0;
}

.sidebar.minimized.rail-design[b-o07mev5hrg]  .user-dock-menu {
  left: calc(100% + 6px);
  right: auto;
  bottom: 0;
  width: 244px;
}
/* /Layout/MenuContent/Menuitems/ActiveUsersIcon.razor.rz.scp.css */
.active-users-icon[b-egi205ymys] {
    background: rgba(255, 255, 255, 0.01);
}

.count-badge[b-egi205ymys] {
    top: -6px;
    left: 22px;
    position: absolute;
    opacity: 0.6;
    font-size: 10px;
    font-weight: bold;
}

[b-egi205ymys] a {
    margin-left: 0px;
}

[b-egi205ymys] .is-shop-user {
    background: silver;
    color: white;
    font-size: .8em;
    padding: 2px 5px 2px 5px;
    border-radius: 3px;
}
/* /Layout/MenuContent/Menuitems/LanguageSwitcher.razor.rz.scp.css */
.language-switcher[b-6ay18804e5] {
  display: flex;
  align-items: center;
}
.language-switcher .dropdown-toggle[b-6ay18804e5] {
  background: transparent;
  border: none;
  color: var(--menu-icon-color);
  padding: 0.5rem;
  display: flex;
  align-items: center;
}
.language-switcher .dropdown-toggle:hover[b-6ay18804e5], .language-switcher .dropdown-toggle:focus[b-6ay18804e5] {
  color: var(--menu-icon-color-hover);
  background: transparent;
}
.language-switcher .dropdown-toggle[b-6ay18804e5]::after {
  margin-left: 0.5rem;
}
.language-switcher.minimized .dropdown-toggle[b-6ay18804e5] {
  padding: 0.5rem;
  justify-content: center;
}
.language-switcher.minimized .dropdown-toggle[b-6ay18804e5]::after {
  display: none;
}
.language-switcher .menu-icon[b-6ay18804e5] {
  font-size: 1.2rem;
}
.language-switcher .menu-text[b-6ay18804e5] {
  margin-left: 0.5rem;
}
.language-switcher .dropdown-menu[b-6ay18804e5] {
  min-width: 8rem;
}
.language-switcher .dropdown-menu .dropdown-item[b-6ay18804e5] {
  cursor: pointer;
}
.language-switcher .dropdown-menu .dropdown-item.active[b-6ay18804e5] {
  opacity: 0.5;
}

/*# sourceMappingURL=LanguageSwitcher.razor.css.map */
/* /Layout/MenuContent/Menuitems/MessagesMenuItem.razor.rz.scp.css */
.count-badge[b-sba6zmidpd] {
  background: #d52323;
  font-size: 13px;
  color: white;
  border-radius: 50%;
  display: inline-block;
  width: 21px;
  height: 21px;
  text-align: center;
}
/* /Layout/MenuContent/Menuitems/MyMenuItem.razor.rz.scp.css */
.menu-item[b-4qp8syz41k] {
  display: flex;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 0px 10px 8px;
  margin: 0px 0;
  transition: all 0.2s;
}
.menu-item.hide-menu-headers[b-4qp8syz41k] {
  margin: 4px 0;
}
.menu-item.active[b-4qp8syz41k]  .menu-text {
  font-weight: 700;
}
.menu-item:hover[b-4qp8syz41k], .menu-item.active[b-4qp8syz41k] {
  color: black;
}
.menu-item:hover[b-4qp8syz41k]  .menu-text, .menu-item.active[b-4qp8syz41k]  .menu-text {
  opacity: 1;
}
[data-bs-theme=light] .menu-item:hover[b-4qp8syz41k] {
  background: #ededed;
}
[data-bs-theme=light] .menu-item.active[b-4qp8syz41k] {
  background: #ededed;
}
[data-bs-theme=dark] .menu-item:hover[b-4qp8syz41k] {
  background: #1b1b1b;
  color: white;
}
[data-bs-theme=dark] .menu-item.active[b-4qp8syz41k] {
  background: rgba(27, 27, 27, 0.7019607843);
  color: white;
}
.menu-item.active[b-4qp8syz41k]  .menu-icon {
  color: var(--accent-color) !important;
  font-weight: 500 !important;
}
.menu-item.active[b-4qp8syz41k]  .menu-icon-500weight-if-active.menu-icon {
  font-weight: 500 !important;
}
[data-bs-theme=dark] .menu-item:hover[b-4qp8syz41k]  .menu-icon {
  color: white;
}
[data-bs-theme=light] .menu-item:hover[b-4qp8syz41k]  .menu-icon {
  color: black;
  font-weight: 500;
}
.menu-item[b-4qp8syz41k]  .menu-icon {
  width: 23px;
  font-size: 16px;
  margin-right: 11px;
  text-align: center;
  color: var(--menu-icon-color);
}
.menu-item.menu-item-small[b-4qp8syz41k]  {
  padding: 8px 0px 8px 10px;
}
.menu-item.menu-item-small[b-4qp8syz41k]  .menu-icon {
  width: 26px;
  font-size: 1.3em;
  margin-right: 7px;
  text-align: center;
  color: var(--menu-icon-color);
}
/* /Layout/MenuContent/Menuitems/PinnedProjectsMenuItem.razor.rz.scp.css */
.count-badge[b-an2ry93n79] {
  background: var(--accent-color, #0b84d6);
  font-size: 11px;
  font-weight: 600;
  color: white;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  line-height: 1;
}
/* /Layout/MenuContent/Menuitems/Projects/MenuProject.razor.rz.scp.css */
[b-rsbdy83ya7] .btn-more {
    opacity: .7;
}

[b-rsbdy83ya7] .component-container:hover .btn-more {
    opacity: 1;
}
/* /Layout/MenuContent/Menuitems/Projects/MenuProjectFolder.razor.rz.scp.css */
.folder-item.active > div > .folder-icon[b-dfbvsotjot] {
  font-weight: bold;
  color: #7878ff;
}

.folder-name[b-dfbvsotjot] {
  border-bottom: 1px solid transparent;
}
.folder-name:hover[b-dfbvsotjot] {
  border-bottom-color: #8a8a8a;
}

/*# sourceMappingURL=MenuProjectFolder.razor.css.map */
/* /Layout/MenuContent/Menuitems/Projects/MenuProjects.razor.rz.scp.css */
/* Styly pro tlačítko vytvoření projektu */
[b-u1xjl7hvwa] .btn-more {
    opacity: .25;
    transition: opacity .3s ease-in-out;
}

/* Zvýraznění ikony při hoveru na tlačítko */
[b-u1xjl7hvwa] .btn-more:hover .icon {
    font-weight: 900 !important;
}

/* Zvýraznění tlačítka při hoveru nad komponentou */
[b-u1xjl7hvwa] .component-container:hover .btn-more {
    opacity: 1;
}
/* /Layout/MenuContent/Menuitems/Settings.razor.rz.scp.css */
.nav-item[b-3d6z014a1i]  a.active {
  font-weight: bold;
}

.badge[b-3d6z014a1i] {
  background: #dfdaff !important;
  color: black;
}
[data-bs-theme=dark] .badge[b-3d6z014a1i] {
  background: #404040 !important;
  color: #ffffff;
}

.nav-link:hover[b-3d6z014a1i] {
  background-color: #e9ecef;
  color: #000;
  border-radius: 4px;
  cursor: pointer;
}

.custom-collapse[b-3d6z014a1i] {
  max-height: 0;
  margin-top: 0px;
  overflow: hidden;
}

.custom-collapse.show[b-3d6z014a1i] {
  margin-top: 15px;
  max-height: 1000px;
}

.project-customer[b-3d6z014a1i] {
  font-size: 0.9em;
  opacity: 0.65;
}

.settings-popup-content[b-3d6z014a1i] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.settings-popup-admin-links[b-3d6z014a1i] {
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid rgb(161 161 161 / 14%);
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.settings-popup-admin-link[b-3d6z014a1i] {
  display: inline-flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
  opacity: .9;
}

.settings-popup-admin-link:hover[b-3d6z014a1i] {
  background: rgb(161 161 161 / 10%);
  opacity: 1;
}
/* /Layout/MenuContent/Menuitems/SpaceMenuItem.razor.rz.scp.css */
/* Kontejner položky "Prostor" musí být pozicovací kontext pro absolutně umístěný dropdown.
   Pozor: z-index tady nestačí na to, aby spouštěč "vyhrál" nad backdropem uživatelského
   docku – ten leží v .sidebar-bottom-bar, což je JINÁ větev stromu (mimo .nav-scrollable,
   kde je tato komponenta), takže se jejich z-indexy neporovnávají navzájem, ale až podle
   z-indexu společných rodičů. Řešení je proto na .rail-space-slot v RailMenuContent.razor.css. */
.space-menu[b-xx4fyu2huh] {
  position: relative;
}

/* Spouštěč se tváří jako běžná menu-item (kurzor + chevron zarovnaný doprava). */
.space-menu-trigger[b-xx4fyu2huh] {
  cursor: pointer;
}

.space-menu-trigger .icon-expand[b-xx4fyu2huh] {
  opacity: 0.5;
  font-size: 0.85em;
}

/* Noty mají vůči svému boxu těžiště opticky vlevo; malý posun doprava je proto nutný,
   aby v úzkém railu působily stejně vycentrovaně jako ostatní ikony. */
.space-menu-trigger .space-menu-icon[b-xx4fyu2huh] {
  width: 28px;
  margin-right: 0;
  font-size: 21px;
  transform: translateX(1px);
}

/* Průhledný backdrop přes celý viewport: klik kamkoli mimo dropdown ho zavře. */
.space-menu-backdrop[b-xx4fyu2huh] {
  position: fixed;
  inset: 0;
  background: transparent;
  z-index: 40;
}

/* Vlastní dropdown. Vychází ze vzhledu bottom-appearance-popup, aby ladil se zbytkem sidebaru.
   Otevírá se NAHORU (bottom: 100%), protože Prostor je díky margin-top:auto v RailMenuContent
   vždy na spodku railu, těsně nad uživatelským dockem – dolů by dropdown neměl kam růst a
   ořezával by se o spodní hranu okna (stejný důvod, proč se i UserDock otevírá nahoru). */
.space-menu-dropdown[b-xx4fyu2huh] {
  position: absolute;
  left: 0;
  bottom: calc(100% + 4px);
  width: 232px;
  border: 1px solid rgb(161 161 161 / 14%);
  border-radius: 10px;
  background: color-mix(in srgb, var(--bs-body-bg) 92%, #1a1a1a);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  padding: 6px;
  z-index: 41;
  /* Menu má omezený počet položek. Viditelný overflow je nutný, aby menu „přihlásit jako“
     u Uživatelů mohlo překrýt rodičovský dropdown; overflow-y:auto by ho vždy ořízl,
     bez ohledu na jeho z-index. */
  overflow: visible;
}

[data-bs-theme=light] .space-menu-dropdown[b-xx4fyu2huh] {
  background: #fff;
  border-color: rgb(32 32 32 / 12%);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
}

/* Skupinové nadpisy uvnitř dropdownu (Obsah / Provoz / Finance / Správa). */
.space-menu-group-label[b-xx4fyu2huh] {
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  opacity: 0.45;
  padding: 8px 10px 3px;
  pointer-events: none;
}

.space-menu-group-label:first-child[b-xx4fyu2huh] {
  padding-top: 3px;
}

/* Položky uvnitř dropdownu jsou kompaktnější než v hlavním railu. */
.space-menu-dropdown[b-xx4fyu2huh]  .menu-item {
  padding: 7px 10px;
  border-radius: 7px;
  margin: 0 !important;
}

.space-menu-dropdown[b-xx4fyu2huh]  .menu-icon {
  width: 22px;
  margin-right: 6px;
}

/* TooltipB obaluje spouštěč do vlastního <div> – musí vyplnit šířku a vycentrovat
   ikonu stejně jako ostatní položky railu (viz RailMenuContent.razor.css), jinak by
   "Prostor" byl v úzkém railu vizuálně posunutý oproti ostatním ikonám. */
[b-xx4fyu2huh] .rail-space-tooltip-host {
  width: 100%;
  display: flex;
}

[b-xx4fyu2huh] .rail-space-tooltip-host > .menu-item {
  flex: 1;
  justify-content: center;
}
/* /Layout/MenuContent/Menuitems/StudioMenuItem.razor.rz.scp.css */
/* Název studia - oříznutí dlouhého textu aby nepřetékal do ikon */
[b-9up0nru97f] .studio-name-text {
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[b-9up0nru97f] .btn-more {
  opacity: 0.4;
  transition: opacity 0.3s ease-in-out;
}
[b-9up0nru97f] .btn-more:hover .icon {
  font-weight: 900 !important;
}

[b-9up0nru97f] .component-container:hover .btn-more {
  opacity: 1;
}

[b-9up0nru97f] .submenu-items {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
[b-9up0nru97f] .submenu-items.expanded {
  max-height: 400px;
}

/*# sourceMappingURL=StudioMenuItem.razor.css.map */
/* /Layout/MenuContent/Menuitems/UserDock.razor.rz.scp.css */
/* Dock je pozicovací kontext pro dropdown, který se otevírá nahoru. */
.user-dock[b-chp1umiapr] {
  position: relative;
  width: 100%;
}

/* Spouštěč = celý řádek avatar + jméno + chevron. */
.user-dock-trigger[b-chp1umiapr] {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 6px 8px;
  border-radius: 9px;
  cursor: pointer;
  color: var(--bs-body-color);
  transition: background 0.12s ease;
}

.user-dock-trigger:hover[b-chp1umiapr],
.user-dock-trigger.open[b-chp1umiapr] {
  background: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.06));
}

.user-dock-trigger[b-chp1umiapr]  .user-dock-avatar {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}

.user-dock-name[b-chp1umiapr] {
  flex: 1;
  min-width: 0;
  text-align: left;
  font-size: 0.82rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-dock-chevron[b-chp1umiapr] {
  font-size: 0.8em;
  opacity: 0.55;
  flex-shrink: 0;
}

/* Průhledný backdrop přes viewport: klik mimo dropdown ho zavře. */
.user-dock-backdrop[b-chp1umiapr] {
  position: fixed;
  inset: 0;
  background: transparent;
  z-index: 40;
}

/* Vlastní dropdown – otevírá se NAHORU od docku (bottom: 100%). */
.user-dock-menu[b-chp1umiapr] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 6px);
  min-width: 230px;
  border: 1px solid rgb(161 161 161 / 14%);
  border-radius: 11px;
  background: color-mix(in srgb, var(--bs-body-bg) 92%, #1a1a1a);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.4);
  padding: 6px;
  z-index: 41;
}

[data-bs-theme=light] .user-dock-menu[b-chp1umiapr] {
  background: #fff;
  border-color: rgb(32 32 32 / 12%);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
}

/* Hlavička s identitou uživatele. */
.user-dock-head[b-chp1umiapr] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 9px 9px;
}

.user-dock-head[b-chp1umiapr]  .user-dock-head-avatar {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}

.user-dock-head-text[b-chp1umiapr] {
  min-width: 0;
}

.user-dock-head-name[b-chp1umiapr] {
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-dock-head-email[b-chp1umiapr] {
  font-size: 0.72rem;
  opacity: 0.55;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-dock-sep[b-chp1umiapr] {
  height: 1px;
  background: light-dark(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.08));
  margin: 5px 4px;
}

/* Položky dropdownu – jednotný vzhled pro odkaz, tlačítko i submit v logout formu.
   position: relative kvůli .user-dock-appearance flyoutu, který se z položky "Vzhled"
   vysouvá absolutně vedle, ne pod ní. */
.user-dock-item[b-chp1umiapr] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  color: var(--bs-body-color);
  font-size: 0.82rem;
  text-align: left;
  text-decoration: none;
  transition: background 0.1s ease;
}

.user-dock-item:hover[b-chp1umiapr] {
  background: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.06));
  color: var(--bs-body-color);
}

.user-dock-item i[b-chp1umiapr] {
  width: 16px;
  text-align: center;
  opacity: 0.75;
}

/* Tečka u zpětné vazby (jen superadmin) – signalizuje novou zpětnou vazbu, aniž by
   položka potřebovala číslo. Odsazená doprava, aby nekolidovala s textem položky. */
.user-dock-badge[b-chp1umiapr] {
  width: 7px;
  height: 7px;
  margin-left: auto;
  border-radius: 50%;
  background: var(--bs-danger);
  flex: 0 0 auto;
}

.user-dock-item.text-danger[b-chp1umiapr] {
  color: var(--bs-danger);
}

.user-dock-item.text-danger i[b-chp1umiapr] {
  opacity: 1;
}

.user-dock-logout-form[b-chp1umiapr] {
  margin: 0;
}

/* Appearance popup (Vzhled) jako flyout VEDLE položky (ne inline vertikální expand pod ní),
   aby bylo jasné, co se rozbalilo, a dock se nenatahoval dolů. Dock samotný se otevírá nahoru
   (bottom: 100%), proto je flyout zarovnaný na spodní hranu triggeru (bottom: 0). */
.user-dock-appearance[b-chp1umiapr] {
  position: absolute;
  left: calc(100% + 6px);
  bottom: 0;
  width: 230px;
  max-height: min(70vh, 420px);
  overflow-y: auto;
  padding: 6px;
  border: 1px solid rgb(161 161 161 / 14%);
  border-radius: 11px;
  background: color-mix(in srgb, var(--bs-body-bg) 92%, #1a1a1a);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.4);
  z-index: 42;
}

[data-bs-theme=light] .user-dock-appearance[b-chp1umiapr] {
  background: #fff;
  border-color: rgb(32 32 32 / 12%);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
}

/* Pozicování dropdownu pro úzký (minimalizovaný) rail je řešeno v Menu.razor.css
   (::deep .user-dock-menu), protože scoped CSS Blazoru nepodporuje :host-context a
   .sidebar je mimo tuto komponentu – Menu.razor má k oběma stranám přístup najednou. */
/* /Layout/MenuContent/Menuitems/UserMenu.razor.rz.scp.css */
.user-menu-trigger[b-pca3jwt00w] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

[b-pca3jwt00w] .user-menu-avatar .avatar {
    width: 30px;
    height: 30px;
}
/* /Layout/MenuContent/RailMenuContent.razor.rz.scp.css */
/* Odsune Prostor na spodek railu (nav-scrollable je flex:1 sloupec), takže vizuálně
   "přilne" k uživatelskému docku pod ním – mezera od denní čtveřice signalizuje
   jinou kategorii (občasná správa), aniž by bylo nutné dropdown štěpit na víc ikon.
   Bez ::deep – .rail-space-slot je element přímo v této komponentě (má scoping atribut
   na sobě), ::deep by generovalo potomkový selektor, který by na něj nikdy neseděl. */
.rail-space-slot[b-zzzod3dy49] {
  margin-top: auto;
  width: 100%;
}
/* /Layout/MenuContent/StudioProfileMenuContent.razor.rz.scp.css */
[b-skimmgqpzy] .accordion-header .accordion-button {
    /*Odstranění default levého paddingu kvůli sjednocení levého zarovnání */
    padding-left: 0px !important;
    background: none !important;
}


[b-skimmgqpzy] .accordion-item {
    background: transparent !important;
    border: none !important;
}

#studioProfileAccordion[b-skimmgqpzy] {
    background: transparent;
}

.public-pages-sidebar[b-skimmgqpzy] {
    padding: 0.15rem 0.35rem 0.45rem 0.55rem;
    font-size: 1rem;
}

.public-pages-sidebar.editor-open[b-skimmgqpzy] {
    max-height: calc(100vh - 3.5rem);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.profile-page-row[b-skimmgqpzy] {
    border-bottom: 1px solid var(--bs-border-color);
}

.accordion-button[b-skimmgqpzy] {
    background: transparent !important;
    border: none !important;
    padding: 0.85rem 0.4rem !important;
}

.accordion-button:focus[b-skimmgqpzy] {
    box-shadow: none !important;
    border: none !important;
}


.accordion-button[b-skimmgqpzy] {
    box-shadow: none !important;
    font-size: 1.05rem;
    font-weight: 600;
}

.accordion-header-wrapper[b-skimmgqpzy] {
    position: relative;
}

.switch-container[b-skimmgqpzy] {
    position: absolute;
    right: 40px;
    z-index: 10;
    pointer-events: auto;
    transform: scale(0.4);
}

/* Větší a konzistentnější typografie/spacing napříč veřejnými editory. */
[b-skimmgqpzy] .subpage-editor-panel,
[b-skimmgqpzy] .courses-editor-panel,
[b-skimmgqpzy] .profile-courses-editor,
[b-skimmgqpzy] .profile-equipment-editor,
[b-skimmgqpzy] .profile-gallery-editor,
[b-skimmgqpzy] .profile-references-editor,
[b-skimmgqpzy] .profile-featured-works-editor,
[b-skimmgqpzy] .profile-bands-editor,
[b-skimmgqpzy] .profile-team-editor {
    font-size: 1rem;
    line-height: 1.45;
}

[b-skimmgqpzy] .subpage-editor-panel .large2,
[b-skimmgqpzy] .courses-editor-panel .large2 {
    font-size: 1.35rem !important;
}

[b-skimmgqpzy] .subpage-editor-panel .large,
[b-skimmgqpzy] .courses-editor-panel .large {
    font-size: 1.15rem !important;
}

[b-skimmgqpzy] .subpage-editor-panel .Xcard,
[b-skimmgqpzy] .courses-editor-panel .Xcard {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 1rem !important;
}

[b-skimmgqpzy] .subpage-editor-panel .editor-block,
[b-skimmgqpzy] .courses-editor-panel .editor-block {
    margin-bottom: 1rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid var(--bs-border-color);
}

[b-skimmgqpzy] .subpage-editor-panel .editor-block-body,
[b-skimmgqpzy] .courses-editor-panel .editor-block-body {
    padding: 0.2rem 0;
}

[b-skimmgqpzy] .subpage-editor-panel .editor-block-head,
[b-skimmgqpzy] .courses-editor-panel .editor-block-head {
    padding: 0.15rem 0;
}

[b-skimmgqpzy] .subpage-editor-panel .card-body,
[b-skimmgqpzy] .subpage-editor-panel .Xcard-body,
[b-skimmgqpzy] .courses-editor-panel .card-body,
[b-skimmgqpzy] .courses-editor-panel .Xcard-body {
    padding: 0 !important;
}

[b-skimmgqpzy] .accordion-body .small {
    font-size: 1rem !important;
}

[b-skimmgqpzy] .accordion-body .smaller {
    font-size: 0.95rem !important;
}

[b-skimmgqpzy] .accordion-body .form-label,
[b-skimmgqpzy] .accordion-body label.text-muted,
[b-skimmgqpzy] .accordion-body .text-muted {
    font-size: 0.97rem !important;
}

[b-skimmgqpzy] .accordion-body a.smaller i,
[b-skimmgqpzy] .accordion-body button.smaller i,
[b-skimmgqpzy] .accordion-body .btn.smaller i,
[b-skimmgqpzy] .accordion-body .drag-handle i {
    font-size: 1rem;
}

[b-skimmgqpzy] .subpage-editor-panel .accordion-header,
[b-skimmgqpzy] .courses-editor-panel .accordion-header {
    min-height: 2.8rem;
}

[b-skimmgqpzy] .subpage-editor-panel .accordion-body,
[b-skimmgqpzy] .courses-editor-panel .accordion-body {
    padding: 0.95rem 0.75rem 1rem !important;
}

[b-skimmgqpzy] .subpage-editor-panel input,
[b-skimmgqpzy] .subpage-editor-panel select,
[b-skimmgqpzy] .subpage-editor-panel textarea,
[b-skimmgqpzy] .subpage-editor-panel .form-control,
[b-skimmgqpzy] .subpage-editor-panel .form-select,
[b-skimmgqpzy] .courses-editor-panel input,
[b-skimmgqpzy] .courses-editor-panel select,
[b-skimmgqpzy] .courses-editor-panel textarea,
[b-skimmgqpzy] .courses-editor-panel .form-control,
[b-skimmgqpzy] .courses-editor-panel .form-select {
    font-size: 1rem !important;
}

[b-skimmgqpzy] .subpage-editor-panel .btn-sm,
[b-skimmgqpzy] .courses-editor-panel .btn-sm {
    font-size: 0.92rem !important;
}

[b-skimmgqpzy] .subpage-editor-panel .ProseMirror,
[b-skimmgqpzy] .courses-editor-panel .ProseMirror {
    font-size: 1rem !important;
    line-height: 1.55;
    min-height: 130px;
}

[b-skimmgqpzy] .subpage-editor-panel .d-flex.gap-1.mt-3,
[b-skimmgqpzy] .courses-editor-panel .d-flex.gap-1.mt-3 {
    margin-top: 1rem !important;
}
/* /Layout/Shell/MainLayout.razor.rz.scp.css */
.page[b-rge3oaz5l1] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: clip;

    @media (min-width: 768px) {
        flex-direction: row;[b-rge3oaz5l1]
    }
}

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

.main-part[b-rge3oaz5l1] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    overflow-x: hidden; /* Zabrání horizontálnímu scrollování - jen kvůli tom uddělovači pod nadpisem, který je roztažený přes celou obrazovku a ještě dál :) */
}

/* Pouze když je sidebar v auto-minimize režimu, upravíme margin */
.sidebar.auto-minimize ~ .main-part[b-rge3oaz5l1] {
    margin-left: 55px;
    transition: margin-left 0.3s ease;
}

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

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

@media (min-width: 768px) {

    article[b-rge3oaz5l1] {
        padding: 0 10px 10px 20px;
    }

    .page[b-rge3oaz5l1] {
        flex-direction: row;
        align-items: stretch;
    }

    [b-rge3oaz5l1] .sidebar {
        flex: 0 0 auto;
        align-self: stretch;
    }

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

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

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

#blazor-error-ui[b-rge3oaz5l1] {
    background: var(--bs-danger-bg-subtle, #f8d7da);
    border-top: 1px solid var(--bs-danger-border-subtle, #f1aeb5);
    bottom: 0;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12);
    color: var(--bs-danger-text-emphasis, #58151c);
    display: none;
    font-size: 0.9rem;
    left: 0;
    padding: 0.75rem 3rem 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .reload[b-rge3oaz5l1] {
    font-weight: 600;
    margin-left: 0.5rem;
}

#blazor-error-ui .dismiss[b-rge3oaz5l1] {
    cursor: pointer;
    opacity: 0.6;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

/* Styly pro nativnější vzhled na telefonu */
.phone-app[b-rge3oaz5l1] {
    /* Zakázání označování textu */
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;      
    
    /* Zakázání tap highlight (modrý overlay při tapnutí) */
    -webkit-tap-highlight-color: transparent;
    
    /* Zakázání callout menu (long press menu na iOS) */
    -webkit-touch-callout: none;
}

/* Povolit označování textu pouze v input a textarea polích */
.phone-app input[b-rge3oaz5l1],
.phone-app textarea[b-rge3oaz5l1] {
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
}

/* Povolit označování textu v editovatelných prvcích */
.phone-app [contenteditable="true"][b-rge3oaz5l1] {
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
}

/* Zakázat cursor pointer na mobilní aplikaci (není to nativní) */
.phone-app *[b-rge3oaz5l1] {
    cursor: default !important;
}

/* Ale povolit pointer na tlačítkách a odkazech (jsou klikací) */
.phone-app button[b-rge3oaz5l1],
.phone-app a[b-rge3oaz5l1],
.phone-app .btn[b-rge3oaz5l1],
.phone-app .pointer[b-rge3oaz5l1],
.phone-app .cursor-pointer[b-rge3oaz5l1] {
    cursor: pointer !important;
}

/* Padding pod obsahem, aby poslední prvek nebyl schovaný pod bottom navem (64px + safe-area) */
.pb-bottom-nav[b-rge3oaz5l1] {
    padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
}

/* Padding nad obsahem, aby první prvek nebyl schovaný pod fixní horní lištou (56px + safe-area).
   Ruší zároveň výchozí horní margin obsahu, aby nevznikla dvojitá mezera. */
.pt-top-header[b-rge3oaz5l1] {
    margin-top: 0 !important;
    padding-top: calc(56px + env(safe-area-inset-top)) !important;
}

/* Android dostane stejný extra odstup jako fixní header, aby obsah nezačínal příliš vysoko. */
:global(html.maui-android) .pt-top-header[b-rge3oaz5l1] {
    padding-top: calc(62px + env(safe-area-inset-top)) !important;
}

/* Okamžitá vizuální odezva na tap – stejný efekt jako nativní iOS/Android */
.phone-app button:active[b-rge3oaz5l1],
.phone-app a:active[b-rge3oaz5l1],
.phone-app .btn:active[b-rge3oaz5l1] {
    opacity: 0.55;
    transform: scale(0.97);
    transition: opacity 0.08s ease, transform 0.08s ease;
}

/* Spinner overlay pro lazy sekce na telefonu */
.phone-app .phone-loading-overlay[b-rge3oaz5l1] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-body-bg);
    opacity: 1;
    transition: opacity 0.2s ease;
}

.phone-app .phone-loading-overlay.fade-out[b-rge3oaz5l1] {
    opacity: 0;
    pointer-events: none;
}
/* /Layout/Shell/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-05zuh5u7ku],
.components-reconnect-repeated-attempt-visible[b-05zuh5u7ku],
.components-reconnect-failed-visible[b-05zuh5u7ku],
.components-rejoining-animation[b-05zuh5u7ku] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-05zuh5u7ku],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-05zuh5u7ku],
#components-reconnect-modal.components-reconnect-retrying[b-05zuh5u7ku],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-05zuh5u7ku],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-05zuh5u7ku],
#components-reconnect-modal.components-reconnect-failed[b-05zuh5u7ku],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-05zuh5u7ku] {
    display: block;
}

 
#components-reconnect-modal[b-05zuh5u7ku] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-05zuh5u7ku 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-05zuh5u7ku 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-05zuh5u7ku 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-05zuh5u7ku]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-05zuh5u7ku 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-05zuh5u7ku {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-05zuh5u7ku {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-05zuh5u7ku {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-05zuh5u7ku] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-05zuh5u7ku] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-05zuh5u7ku] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-05zuh5u7ku] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-05zuh5u7ku] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-05zuh5u7ku] {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-05zuh5u7ku] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-05zuh5u7ku 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-05zuh5u7ku] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-05zuh5u7ku {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Layout/Switchers/CustomerSwitch.razor.rz.scp.css */
.nav-item[b-r77va5nhsz]  a.active {
  font-weight: bold;
}

.badge[b-r77va5nhsz] {
  background: #dfdaff !important;
  color: black;
}
[data-bs-theme=dark] .badge[b-r77va5nhsz] {
  background: #404040 !important;
  color: #ffffff;
}

.nav-link:hover[b-r77va5nhsz] {
  background-color: #e9ecef;
  color: #000;
  border-radius: 4px;
  cursor: pointer;
}

.custom-collapse[b-r77va5nhsz] {
  max-height: 0;
  margin-top: 0px;
  overflow: hidden;
}

.custom-collapse.show[b-r77va5nhsz] {
  margin-top: 15px;
  max-height: 1000px;
}

.project-customer[b-r77va5nhsz] {
  font-size: 0.9em;
  opacity: 0.65;
}
/* /Layout/Switchers/MenuProjectSwitch.razor.rz.scp.css */
.nav-item[b-vy2aqsq2uz]  a.active {
  font-weight: bold;
}

.btn-more[b-vy2aqsq2uz] {
  padding: 5px 10px;
  border-radius: 5px;
  margin-right: 3px;
  border: 1px solid transparent;
  transition: 0.25s;
}
.btn-more:hover[b-vy2aqsq2uz] {
  opacity: 1;
}
[data-bs-theme=dark] .btn-more:hover[b-vy2aqsq2uz] {
  border-color: #3a3a3a;
}
[data-bs-theme=light] .btn-more:hover[b-vy2aqsq2uz] {
  border-color: #cacaca;
}

/*# sourceMappingURL=MenuProjectSwitch.razor.css.map */
/* /Layout/Switchers/ProjectContextMenu.razor.rz.scp.css */
/* Jen to, co je specifické pro menu PROJEKTU. Skelet dropdownu (trigger, panel, položky,
   flyout, search, hlavička) je sdílený v app.css pod .ctxd-* – viz ContextDropdown.razor. */

/* Název projektu ve spouštěči: o něco lehčí než název prostoru o úroveň výš, aby byla
   v breadcrumbu vidět hierarchie (prostor = 600, projekt = 500). */
.pctx-name[b-vh2m0hi9jm] {
    font-weight: 500;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pctx-chevron[b-vh2m0hi9jm] {
    font-size: 0.7em;
    opacity: 0.5;
}

/* Hlavička skupiny ("Připnuté" / "Ostatní") uvnitř seznamu projektů. Sdílená .ctxd-label má
   odsazení počítané pro nadpis nad celou sekcí; tady jde o mezisekci uvnitř seznamu, takže
   ji nahoře stáhneme, aby skupiny působily jako jeden seznam a ne jako dva oddělené bloky. */
.pctx-group-label[b-vh2m0hi9jm] {
    padding-top: 6px;
}

.pctx-group-label:first-child[b-vh2m0hi9jm] {
    padding-top: 2px;
}

/* Špendlík v řádku seznamu: ve výchozím stavu skrytý, odkryje se na hover řádku - jinak by
   sloupec ikon soupeřil o pozornost s názvy projektů. U připnutého projektu zůstává vidět
   vždy, protože tam nese informaci (proč je projekt nahoře), ne jen akci.
   Stejný vzor jako wctx-switch-pin ve WorkspaceContextMenu, ať se pinování chová všude stejně. */
.pctx-list-pin[b-vh2m0hi9jm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    font-size: 0.78em;
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.1s ease, background-color 0.1s ease;
}

[b-vh2m0hi9jm] .ctxd-list-item:hover .pctx-list-pin {
    opacity: 0.55;
}

.pctx-list-pin:hover[b-vh2m0hi9jm] {
    opacity: 1 !important;
    background: rgb(161 161 161 / 18%);
}

/* Připnutý projekt: špendlík je trvale viditelný i bez hoveru. */
.pctx-list-pin.is-pinned[b-vh2m0hi9jm] {
    opacity: 0.85;
}
/* /Layout/Switchers/ProjectSwitch.razor.rz.scp.css */
.nav-item[b-i78yrp6kec]  a.active {
  font-weight: bold;
}

.badge[b-i78yrp6kec] {
  background: #dfdaff !important;
  color: black;
}
[data-bs-theme=dark] .badge[b-i78yrp6kec] {
  background: #404040 !important;
  color: #ffffff;
}

.nav-link:hover[b-i78yrp6kec] {
  background-color: #e9ecef;
  color: #000;
  border-radius: 4px;
  cursor: pointer;
}

.project-switch__trigger[b-i78yrp6kec] {
  padding: 0.34rem 0.62rem !important;
  border: 0;
  border-radius: 0.7rem;
  background: transparent;
}

.project-switch__trigger:hover[b-i78yrp6kec] {
  background: rgba(var(--bs-body-color-rgb), 0.065);
}

.project-switch__icon[b-i78yrp6kec] {
  font-size: 0.8rem;
  opacity: 0.62;
}

.project-switch__name[b-i78yrp6kec] {
  max-width: min(28vw, 340px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.96rem;
  line-height: 1.2;
  font-weight: 600;
}

.custom-collapse[b-i78yrp6kec] {
  max-height: 0;
  margin-top: 0px;
  overflow: hidden;
}

.custom-collapse.show[b-i78yrp6kec] {
  margin-top: 15px;
  max-height: 1000px;
}

.project-customer[b-i78yrp6kec] {
  font-size: 0.9em;
  opacity: 0.65;
}
/* /Layout/Switchers/ProjectSwitchMenu.razor.rz.scp.css */
@charset "UTF-8";
.active-project[b-ddpr1yojrh] {
  color: var(--accent-color) !important;
  font-weight: bold;
  background: none !important;
}

.project-customer[b-ddpr1yojrh] {
  font-size: 0.9em;
  opacity: 0.65;
}

.nav-link:hover[b-ddpr1yojrh] {
  background-color: #e9ecef; /* světlé pozadí */
  color: #000; /* tmavý text */
  border-radius: 4px;
  cursor: pointer;
}

.custom-collapse[b-ddpr1yojrh] {
  max-height: 0;
  margin-top: 0px;
  overflow: hidden;
}

.custom-collapse.show[b-ddpr1yojrh] {
  margin-top: 15px;
  max-height: 1000px;
}

.badge[b-ddpr1yojrh] {
  background: #dfdaff !important;
  color: black;
}
[data-bs-theme=dark] .badge[b-ddpr1yojrh] {
  background: #404040 !important;
  color: #ffffff;
}

/*# sourceMappingURL=ProjectSwitchMenu.razor.css.map */
/* /Layout/Theme/AccentColorPicker.razor.rz.scp.css */
.accent-color-picker-container[b-rnyly0hdqa] {
  position: relative;
  display: inline-block;
}

.accent-color-picker-header[b-rnyly0hdqa] {
  padding: 4px 8px;
  border-radius: 6px;
  transition: background-color 0.15s;
}
.accent-color-picker-header:hover[b-rnyly0hdqa] {
  background-color: rgba(0, 0, 0, 0.05);
}

.accent-color-label[b-rnyly0hdqa] {
  font-size: 0.9rem;
  opacity: 0.85;
}

.accent-color-picker-dropdown[b-rnyly0hdqa] {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  background: var(--bg-card, #fff);
  border: 1px solid var(--border-color, #ddd);
  border-radius: 8px;
  padding: 12px;
  margin-top: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 130px;
}

.accent-swatch[b-rnyly0hdqa] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.15s, transform 0.15s;
  padding: 0;
}
.accent-swatch:hover[b-rnyly0hdqa] {
  border-color: rgba(0, 0, 0, 0.35);
  transform: scale(1.1);
}
.accent-swatch--selected[b-rnyly0hdqa] {
  border-color: rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
}
.accent-swatch--active[b-rnyly0hdqa] {
  box-shadow: 0 0 0 2px var(--bg-card, #fff), 0 0 0 4px rgba(0, 0, 0, 0.2);
}

.accent-swatch__check[b-rnyly0hdqa] {
  font-size: 12px;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}

.cursor-pointer[b-rnyly0hdqa] {
  cursor: pointer;
}

.rotate-180[b-rnyly0hdqa] {
  transform: rotate(180deg);
}

i[b-rnyly0hdqa] {
  transition: transform 0.2s;
}
/* /Layout/Theme/ColorSelector.razor.rz.scp.css */
[b-oouva6ight] .color:hover {
  border: 2px solid #333;
}

/*# sourceMappingURL=ColorSelector.razor.css.map */
/* /Layout/Topbar/CommunicationIcons.razor.rz.scp.css */
.menu-icon[b-8f3tw1twwo] {
  font-size: 1.69em;
}
/* /Layout/Topbar/NotificationsDropdown.razor.rz.scp.css */
.notification-item[b-otcul1s6pr] {
    transition: background-color 0.15s ease-in-out;
    cursor: pointer;
}

.notification-item:hover[b-otcul1s6pr] {
    /*background-color: #f8f9fa;*/
}

.notification-item.unread[b-otcul1s6pr] {
    /*background-color: var(--bs-primary-bg-subtle);*/
}

[data-bs-theme="dark"] .notification-item.unread[b-otcul1s6pr] {
    
}

.text-truncate-2[b-otcul1s6pr] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Border pro dropdown-menu v light režimu */
.dropdown-menu[b-otcul1s6pr] {
    border: 1px solid #888 !important; /* decentní tmavě šedá */
}

/* Border pro dropdown-menu v dark režimu */
[data-bs-theme="dark"] .dropdown-menu[b-otcul1s6pr] {
    border: 1px solid #333 !important; /* tmavší šedá, nenápadná */
}

/* Na mobilu ukotvit dropdown k viewportu (ne ke zvonečku), aby nepřetékal mimo obrazovku.
   Inline styl má right:0 vůči ikoně — to na úzké liště vytlačí široký panel doleva za okraj.
   Proto přepneme na position: fixed se symetrickými okraji k oběma stranám viewportu. */
@media (max-width: 767.98px) {
    .notifications-dropdown-panel[b-otcul1s6pr] {
        position: fixed !important;
        /* safe-area-inset-top pokrývá notch / Dynamic Island; 56px je výška MobileTopHeader */
        top: calc(56px + env(safe-area-inset-top)) !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !important;
        /* Omezení výšky na zbývající prostor nad spodním barem (64px) a safe-area */
        max-height: calc(100dvh - 56px - env(safe-area-inset-top) - 64px - env(safe-area-inset-bottom) - 16px) !important;
        overflow-y: auto !important;
    }
}
/* /Layout/Topbar/Search.razor.rz.scp.css */
@charset "UTF-8";
.search-trigger[b-1avhin86g3] {
  display: flex;
  align-items: center;
  padding: 2px 26px;
  border-radius: 20px;
  background-color: #ffffff59;
  border: 1px solid #e1e1e1;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;      
  
}
.search-trigger .search-text[b-1avhin86g3] {
  opacity: 0.7;
}
.search-trigger:hover .search-text[b-1avhin86g3] {
  opacity: 1;
}
.search-trigger i[b-1avhin86g3] {
  color: var(--bs-secondary-color);
}
.search-trigger span[b-1avhin86g3] {
  color: var(--bs-body-color);
}

.search-shortcut[b-1avhin86g3] {
  font-size: 0.78rem;
  color: var(--bs-body-color);
  opacity: 0.95;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.search-shortcut .shortcut-main[b-1avhin86g3] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.search-shortcut .key[b-1avhin86g3] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.08);
  color: var(--bs-body-color);
  padding: 1px 4px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.75rem;
  box-shadow: none;
  border: 1px solid color-mix(in srgb, var(--bs-body-bg) 80%, rgba(255, 255, 255, 0.03));
}

.search-shortcut .key.mac[b-1avhin86g3] {
  display: none !important;
}

.search-shortcut .key.pc[b-1avhin86g3] {
  display: none !important;
}

html.is-pc .search-shortcut .key.pc[b-1avhin86g3] {
  display: inline-flex !important;
}

html.is-pc .search-shortcut .key.mac[b-1avhin86g3] {
  display: none !important;
}

html.is-mac .search-shortcut .key.mac[b-1avhin86g3] {
  display: inline-flex !important;
}

html.is-mac .search-shortcut .key.pc[b-1avhin86g3] {
  display: none !important;
}

.search-shortcut .slash-key[b-1avhin86g3] {
  background: color-mix(in srgb, var(--bs-body-bg) 75%, rgba(0, 0, 0, 0.06));
  border-radius: 6px;
  padding: 3px 7px;
  font-weight: 700;
  font-size: 0.78rem;
  border: 1px solid color-mix(in srgb, var(--bs-body-bg) 85%, rgba(255, 255, 255, 0.02));
}

[data-bs-theme=dark][b-1avhin86g3] {
  /* pilulka pro klávesy - světlejší overlay na tmavém pozadí */
  /* slash badge - jemné zvýraznění */


  
}
[data-bs-theme=dark] .search-trigger[b-1avhin86g3] {
  /* zajištění konzistentního pozadí a okraje v dark módu */
  background-color: #121212 !important;
  border: 1px solid #272727;
}

[data-bs-theme=light] .search-trigger:hover[b-1avhin86g3] {
  /* zajištění konzistentního pozadí a okraje v dark módu */
  background-color: white !important;
}

[data-bs-theme=dark] .search-trigger:hover[b-1avhin86g3] {
  /* zajištění konzistentního pozadí a okraje v dark módu */
  background-color: black !important;
}

[data-bs-theme=dark] .search-shortcut[b-1avhin86g3] {
  color: var(--bs-body-color);
}
[data-bs-theme=dark] .search-shortcut .key[b-1avhin86g3] {
  background: rgba(49, 49, 49, 0.42);
  color: var(--bs-body-color);
}

@media (max-width: 767px) {
  .search-shortcut[b-1avhin86g3] {
    display: none !important;
  }
}
/* /Layout/Topbar/SearchDialog.razor.rz.scp.css */
[b-79w0gkvapb] .searchbox {
  border: none;
  border-radius: 0;
  background: transparent;
}

[b-79w0gkvapb] input {
  background: transparent;
}

[b-79w0gkvapb] .searchbox__results {
  border-radius: 0;
  position: inherit;
  box-shadow: none;
  border: none;
  background: transparent;
}

[b-79w0gkvapb] .searchbox:focus-within {
  box-shadow: none !important;
}
/* /Layout/Topbar/Topbar.razor.rz.scp.css */
.topbar[b-j3nit852zp] {
  /*min-height: 86px;*/
  padding: 5px 0;
}

.topbar-main[b-j3nit852zp] {
  min-width: 0;
  flex: 1 1 auto;
}

.topbar-brand[b-j3nit852zp] {
  position: absolute;
  top: 0;
  left: 68%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  pointer-events: none;
}

.topbar-brand__trial[b-j3nit852zp] {
  pointer-events: auto;
  user-select: text;
}

.bottom-line[b-j3nit852zp] {
  height: 1px;
  position: absolute;
  bottom: 0;
  left: -500px;
  width: 200%;
  background-color: #eaeaea;
}
[data-bs-theme=dark] .bottom-line[b-j3nit852zp] {
  background-color: #262626;
}

@media (max-width: 991.98px) {
  .topbar-brand[b-j3nit852zp] {
    display: none;
  }
}

@media (max-width: 640px) {
  .topbar[b-j3nit852zp] {
    padding: 2px 0 0 0;
    flex-wrap: nowrap;
    min-height: 0;
  }

  /* Breadcrumb (topbar-main) skrýt na mobilu — sidebar-top název studia ho nahrazuje */
  .topbar-main[b-j3nit852zp] {
    display: none !important;
  }
}

@media (max-width: 1399.98px) {
  .topbar-brand[b-j3nit852zp] {
    left: 72%;
  }
}

/*# sourceMappingURL=Topbar.razor.css.map */
/* /Layout/Topbar/TopbarBreadcrumb.razor.rz.scp.css */
.topbar-breadcrumb[b-n7to8nvr0x] {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  white-space: nowrap;
  color: rgba(var(--bs-body-color-rgb), 0.78);
  font-size: 0.96rem;
  line-height: 1.2;
}

.topbar-breadcrumb__entry[b-n7to8nvr0x] {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  flex: 0 1 auto;
}

.topbar-breadcrumb__separator[b-n7to8nvr0x] {
  flex: 0 0 auto;
  margin: 0 0.4rem;
  color: rgba(var(--bs-body-color-rgb), 0.32);
}

.topbar-breadcrumb__link[b-n7to8nvr0x],
.topbar-breadcrumb__label[b-n7to8nvr0x] {
  display: block;
  min-width: 0;
  max-width: min(28vw, 340px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topbar-breadcrumb__label[b-n7to8nvr0x] {
  padding: 0.34rem 0.62rem;
  border-radius: 0.7rem;
}

.topbar-breadcrumb__link[b-n7to8nvr0x] {
  color: inherit;
  border-radius: 0.7rem;
  text-decoration: none;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.topbar-breadcrumb__link:hover[b-n7to8nvr0x] {
  color: rgba(var(--bs-body-color-rgb), 0.95);
  background-color: rgba(var(--bs-body-color-rgb), 0.055);
}

.topbar-breadcrumb__entry.is-current[b-n7to8nvr0x] {
  color: rgb(var(--bs-body-color-rgb));
  font-weight: 600;
}

.topbar-breadcrumb__entry.is-parent[b-n7to8nvr0x] {
  color: rgba(var(--bs-body-color-rgb), 0.72);
}

.topbar-breadcrumb__entry.is-parent .topbar-breadcrumb__link[b-n7to8nvr0x] {
  font-weight: 540;
}

.topbar-breadcrumb__interactive[b-n7to8nvr0x] {
  display: inline-flex;
  min-width: 0;
}

/* Root segment nahrazený interaktivní komponentou (WorkspaceContextMenu v novém rail
   designu). Bez min-width:0 by se avatar/název uvnitř mohly nežádoucně zúžit. */
.topbar-breadcrumb__entry--interactive-root[b-n7to8nvr0x] {
  min-width: 0;
}

/* Sjednocení hover stavu interaktivního segmentu (ProjectSwitch) s textovými odkazy:
   stejná intenzita podbarvení i ztmavení textu, aby působil jako ostatní segmenty. */
.topbar-breadcrumb__interactive[b-n7to8nvr0x]  .project-switch__trigger:hover {
  background: rgba(var(--bs-body-color-rgb), 0.055);
}

.topbar-breadcrumb__interactive[b-n7to8nvr0x]  .project-switch__trigger:hover .project-switch__name {
  color: rgba(var(--bs-body-color-rgb), 0.95);
}

@media (max-width: 767.98px) {
  .topbar-breadcrumb--mobile-trim .topbar-breadcrumb__entry:not(:nth-last-child(-n+2))[b-n7to8nvr0x] {
    display: none;
  }

  .topbar-breadcrumb--mobile-trim .topbar-breadcrumb__entry:nth-last-child(2) .topbar-breadcrumb__separator[b-n7to8nvr0x] {
    display: none;
  }

  .topbar-breadcrumb__link[b-n7to8nvr0x],
  .topbar-breadcrumb__label[b-n7to8nvr0x] {
    max-width: min(42vw, 220px);
  }
}
/* /Layout/Topbar/TopRightIcons.razor.rz.scp.css */
[b-fi1f6lpawp] .menu-icon {
  font-size: 1.69em;
}

@media (max-width: 767.98px) {
  [b-fi1f6lpawp] .trial-cta-button {
    display: none;
  }
}
/* /Pages/Account/Manage/Index.razor.rz.scp.css */
.profile-photo-editor[b-6j8y2fos8o] {
    display: block;
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.profile-photo-editor__image[b-6j8y2fos8o],
.profile-photo-editor__placeholder[b-6j8y2fos8o] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.profile-photo-editor__image[b-6j8y2fos8o] {
    object-fit: cover;
    object-position: center;
    transition: opacity .2s ease;
}

.profile-photo-editor__placeholder[b-6j8y2fos8o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    color: #203040;
    background: rgba(218, 218, 218, .53);
    text-align: center;
    font-size: .85rem;
}

.profile-photo-editor__input[b-6j8y2fos8o] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.profile-photo-editor:hover .profile-photo-editor__image[b-6j8y2fos8o] {
    opacity: .8;
}

.profile-photo-editor:hover .profile-photo-editor__placeholder[b-6j8y2fos8o] {
    background-color: #eaeaea;
}
/* /Pages/Account/Manage/NotificationsSettings.razor.rz.scp.css */
.notif-section[b-84wi6g74t2] {
    padding: 0.25rem 0;
}

.notif-section-title[b-84wi6g74t2] {
    margin-bottom: .75rem;
    color: rgba(255, 255, 255, .72);
    font-weight: 600;
}

.notif-group[b-84wi6g74t2] {
    margin-top: .5rem;
}

.notif-group-title[b-84wi6g74t2] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .25rem;
    color: rgba(255, 255, 255, .55);
    font-size: .95rem;
    font-weight: 600;
}

.notif-setting-row[b-84wi6g74t2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 0;
    border-top: 1px solid rgba(128, 128, 128, .08);
}

.notif-setting-row:first-child[b-84wi6g74t2] {
    border-top: 0;
}

.notif-setting-row-compact[b-84wi6g74t2] {
    padding: .7rem 0;
}

.notif-inline-row[b-84wi6g74t2] {
    padding: .6rem 0 .4rem 2.1rem;
}

.notif-setting-text[b-84wi6g74t2] {
    min-width: 0;
}

.notif-setting-title[b-84wi6g74t2] {
    font-weight: 600;
}

.notif-setting-desc[b-84wi6g74t2] {
    font-size: .92rem;
    opacity: .68;
}

.notif-icon[b-84wi6g74t2] {
    width: 18px;
    text-align: center;
    font-size: .95em;
    flex: 0 0 auto;
}
/* /Pages/Account/Public/Login.razor.rz.scp.css */
.auth-flow-window[b-fmy45nvxus] {
    max-width: 460px;
}

.auth-flow[b-fmy45nvxus] {
    max-width: 390px;
}

/*.auth-subtitle {*/
/*    margin-bottom: 32px;*/
/*}*/

.auth-links[b-fmy45nvxus] {
    align-items: center;
    gap: 0;
    color: var(--auth-muted-soft);
}

.auth-links a[b-fmy45nvxus],
.auth-row a[b-fmy45nvxus] {
    color: var(--auth-link);
    text-decoration: none;
    font-weight: 500;
    transition: color 120ms ease;
}

.auth-links a + a[b-fmy45nvxus]::before {
    content: "·";
    margin: 0 12px;
    color: var(--auth-border-hover);
    font-weight: 400;
}

.auth-row a:hover[b-fmy45nvxus] {
    color: var(--auth-link-hover);
    text-decoration: none;
}

.auth-row[b-fmy45nvxus] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    font-size: .95rem;
}

.auth-checkbox[b-fmy45nvxus] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--auth-text);
}

@media (max-width: 700px) {
    .auth-flow-window[b-fmy45nvxus] {
        padding: 26px 18px;
    }

    .auth-subtitle[b-fmy45nvxus] {
        margin-bottom: 28px;
    }

    .auth-row[b-fmy45nvxus] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}
/* /Pages/Account/Public/Register.razor.rz.scp.css */
.auth-flow-window[b-jn6iao1gz1] {
    max-width: 480px;
}

.auth-flow[b-jn6iao1gz1] {
    max-width: 430px;
}

.auth-inline-primary[b-jn6iao1gz1] {
    min-width: 170px;
}

.password-field[b-jn6iao1gz1] {
    position: relative;
}

.password-toggle[b-jn6iao1gz1] {
    position: absolute;
    top: 50%;
    right: 1rem;
    z-index: 5;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--auth-muted);
    transform: translateY(-50%);
}

.password-toggle:hover[b-jn6iao1gz1],
.password-toggle:focus[b-jn6iao1gz1] {
    color: var(--auth-link);
}

.password-toggle:focus[b-jn6iao1gz1] {
    outline: 0;
}
/* /Pages/Admin/PricingPlansPage.razor.rz.scp.css */
/* Styly karet přesunuty do PricingPlanCard.razor.css */
/* /Pages/Admin/R2ExplorerFolderContents.razor.rz.scp.css */
.r2-explorer-row[b-kexe2ba7u3] {
    align-items: center;
    display: flex;
    min-height: 2rem;
}

.r2-explorer-name[b-kexe2ba7u3] {
    text-align: left;
}
/* /Pages/Admin/R2ExplorerPage.razor.rz.scp.css */
.r2-explorer-row[b-c2bzdgut2z] {
    min-height: 2rem;
    display: flex;
    align-items: center;
}

.r2-explorer-indent[b-c2bzdgut2z] {
    margin-left: 1.5rem;
}
/* /Pages/Admin/TranslationsEditor.razor.rz.scp.css */
.translations-editor[b-dp9bmliclh] {
    --translation-surface: var(--bs-body-bg, #fff);
    --translation-muted: var(--bs-secondary-color, #6c757d);
    --translation-border: var(--bs-border-color, rgba(0, 0, 0, .12));
    --translation-accent: var(--bs-primary, #0d6efd);
    max-width: 1320px;
    padding: .25rem;
}

.translations-editor__hero[b-dp9bmliclh] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .75rem .75rem 1.25rem;
}

.translations-editor__hero h2[b-dp9bmliclh] {
    font-size: 1.35rem;
    font-weight: 650;
    letter-spacing: -.02em;
    margin: .1rem 0 0;
}

.translations-editor__eyebrow[b-dp9bmliclh] {
    color: var(--translation-muted);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.translations-editor__context[b-dp9bmliclh] {
    align-items: center;
    color: var(--translation-accent);
    display: flex;
    font-size: .82rem;
    gap: .35rem;
    margin-top: .45rem;
}

.translations-editor__toolbar[b-dp9bmliclh],
.translations-editor__results[b-dp9bmliclh] {
    background: var(--translation-surface);
    border: 1px solid var(--translation-border);
    border-radius: .8rem;
}

.translations-editor__toolbar[b-dp9bmliclh] {
    display: grid;
    gap: .85rem;
    margin-bottom: 1rem;
    padding: .85rem;
}

.translations-editor__search[b-dp9bmliclh] {
    align-items: center;
    background: color-mix(in srgb, var(--translation-surface) 94%, var(--bs-secondary-bg, #f4f5f6));
    border: 1px solid var(--translation-border);
    border-radius: .55rem;
    display: flex;
    gap: .6rem;
    padding: 0 .7rem;
}

.translations-editor__search > i[b-dp9bmliclh] {
    color: var(--translation-muted);
}

[b-dp9bmliclh] .translations-editor__search-input {
    flex: 1;
}

[b-dp9bmliclh] .translations-editor__search-input input {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.translations-editor__filters[b-dp9bmliclh],
.translations-editor__languages[b-dp9bmliclh] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1rem;
}

.translations-editor__languages[b-dp9bmliclh] {
    border-top: 1px solid var(--translation-border);
    padding-top: .7rem;
}

[b-dp9bmliclh] .translations-editor__language-switch {
    color: var(--translation-muted);
    font-size: .8rem;
}

.translations-editor__table-wrap[b-dp9bmliclh] {
    overflow-x: auto;
}

.translations-editor__table[b-dp9bmliclh] {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

.translations-editor__table th[b-dp9bmliclh] {
    background: color-mix(in srgb, var(--translation-surface) 94%, var(--bs-secondary-bg, #f4f5f6));
    color: var(--translation-muted);
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .07em;
    padding: .75rem .8rem;
    text-align: left;
    text-transform: uppercase;
}

.translations-editor__table th:nth-child(1)[b-dp9bmliclh] {
    min-width: 130px;
}

.translations-editor__table th:nth-child(2)[b-dp9bmliclh] {
    min-width: 180px;
}

.translations-editor__table td[b-dp9bmliclh] {
    border-top: 1px solid var(--translation-border);
    padding: .7rem .8rem;
    vertical-align: middle;
}

.translations-editor__table tbody tr[b-dp9bmliclh] {
    transition: background-color .15s ease;
}

.translations-editor__table tbody tr:hover[b-dp9bmliclh] {
    background: color-mix(in srgb, var(--translation-accent) 4%, transparent);
}

.translations-editor__row--missing[b-dp9bmliclh] {
    background: color-mix(in srgb, #f6b600 8%, transparent);
}

.translations-editor__category[b-dp9bmliclh] {
    background: color-mix(in srgb, var(--bs-secondary-bg, #f4f5f6) 86%, var(--translation-surface));
    border-radius: 99px;
    color: var(--translation-muted);
    font-size: .72rem;
    padding: .24rem .48rem;
}

.translations-editor__key-cell[b-dp9bmliclh] {
    color: var(--translation-accent);
    font-weight: 650;
    min-width: 180px;
    overflow-wrap: anywhere;
}

.translations-editor__key-cell i[b-dp9bmliclh] {
    color: var(--translation-muted);
    font-size: .72rem;
    margin-left: .3rem;
}

.translations-editor__value[b-dp9bmliclh] {
    display: inline-block;
    min-height: 1.2rem;
    padding: .15rem 0;
}

.translations-editor__empty-state[b-dp9bmliclh] {
    align-items: center;
    color: var(--translation-muted);
    display: flex;
    flex-direction: column;
    gap: .55rem;
    justify-content: center;
    min-height: 13rem;
    padding: 2rem;
    text-align: center;
}

.translations-editor__empty-icon[b-dp9bmliclh] {
    color: var(--translation-accent);
    font-size: 1.5rem;
}

@media (min-width: 900px) {
    .translations-editor__toolbar[b-dp9bmliclh] {
        align-items: center;
        grid-template-columns: minmax(220px, 1fr) auto;
    }

    .translations-editor__languages[b-dp9bmliclh] {
        border-left: 1px solid var(--translation-border);
        border-top: 0;
        justify-content: flex-end;
        padding-left: 1rem;
        padding-top: 0;
    }
}

@media (max-width: 575.98px) {
    .translations-editor__hero[b-dp9bmliclh] {
        padding-left: 0;
        padding-right: 0;
    }
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
/* Dashboard.razor.css (isolated) */

/* === Layout grid === */
.dashboard[b-hgar8g2cdn] {
    padding-bottom: 16px;
    overflow-x: auto; /* pevná šířka slotů může přetékat, raději povolíme scroll místo zmenšování */
}

/* === Badge pro nové widgety === */
.widget-new-badge[b-hgar8g2cdn] {
    display: inline-block;
    background-color: var(--bs-primary);
    color: white;
    padding: 0.15rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    margin-left: 0.11rem;
    opacity: 0.8;
}

/* === Grid slotů === */
.dashboard-slots[b-hgar8g2cdn] {
    --slot-size: 160px; /* sjednocená velikost buňky jako v Azure portálu */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--slot-size), var(--slot-size))); /* žádná auto-resize */
    grid-auto-columns: var(--slot-size);
    grid-auto-rows: var(--slot-size);
    gap: 16px;
    justify-content: start; /* držíme sloupce u levého okraje, nezvětšujeme widgety na 1fr */
}

/* === Sloty pro widgety === */
.dashboard-slot[b-hgar8g2cdn] {
    position: relative;
    border: 1px dashed transparent;
    border-radius: 10px;
    min-height: 100%;
    transition: border-color 150ms ease, background-color 150ms ease;
}

.dashboard-slot--target[b-hgar8g2cdn] {
    border-color: var(--bs-primary, #0d6efd);
    background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 12%, transparent);
}

/* === Widget shell pro drag & drop === */
.widget-shell[b-hgar8g2cdn] {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: grab;
    isolation: isolate; /* izoluje pseudo overlay, aby nezasahoval ven a udržel plné krytí */
}

.dashboard:not(.dashboard--dragging) .widget-shell[b-hgar8g2cdn] {
    cursor: default;
}

.widget-shell.dragging[b-hgar8g2cdn] {
    cursor: grabbing;
}

.widget-shell.dragging[b-hgar8g2cdn]::after {
    content: ""; /* překryv zajišťuje, že drag náhled zůstane plně krytý */
    position: absolute;
    inset: 0;
    border-radius: 0.7rem;
    background: rgba(0, 0, 0, 0.35);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
    pointer-events: none;
    z-index: 1;
}

.widget-shell.dragging > *[b-hgar8g2cdn] {
    filter: brightness(0.9); /* jemné ztlumení obsahu bez prosakování spodních prvků */
}

/* === Placeholder pro drag & drop === */
.slot-placeholder[b-hgar8g2cdn] {
    position: absolute;
    inset: 8px;
    border-radius: 8px;
    border: 1px dashed transparent;
    opacity: 0;
    transition: border-color 120ms ease, opacity 120ms ease;
}

.dashboard--dragging .slot-placeholder[b-hgar8g2cdn] {
    border-color: rgba(13, 110, 253, 0.25);
    opacity: 1;
}

.slot-placeholder--target[b-hgar8g2cdn] {
    border-color: var(--bs-primary, #0d6efd);
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 10%, transparent);
}

.dashboard:not(.dashboard--dragging) .slot-placeholder[b-hgar8g2cdn] {
    display: none;
}

/* === Responsivní layout === */
@media (max-width: 576px) {
    .dashboard-slots[b-hgar8g2cdn] {
        grid-template-columns: 1fr;
    }
}

/* === Panel pro výběr widgetů === */
.widget-selector-panel[b-hgar8g2cdn] {
    top: 0;
    bottom: 0;
    height: 100%;
    width: 340px;
    padding: 1rem;
    overflow: auto;
    z-index: 1050;
    transition: right .2s ease-in-out;
    background: linear-gradient(0deg, white, #f0f0f0, white);

    [data-bs-theme="dark"] & {
        background: linear-gradient(0deg, black, #272727, black);
    }
}
/* /Pages/Dashboard/Widgets/ActiveProjectChangesWidget.razor.rz.scp.css */
[b-6cglugk8n2] .top-part {
  display: none;
}
[b-6cglugk8n2] .vertical-timeline {
  padding: 0 !important;
}
/* /Pages/Dashboard/Widgets/Base/Widget.razor.rz.scp.css */
/* === Základní styly widgetu === */
.widget[b-56i3m2gdai] {
    background: var(--widget-bg); 
            /*#f9f9f9;*/
    border: 1px solid #e7e7e7;
    border-radius: 0.7rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    
    [data-bs-theme="dark"] & {
        border-color: #272727a1;
        /*background: #1515158a; */
                /*#1515158a;*/
    }
}

/* === Hlavička widgetu === */
.widget .card-header[b-56i3m2gdai] {
    padding: .5rem .75rem;
    border-bottom: none;
    background: none; //#f6f6f6;
    border-radius: 10px 10px 0 0;
    
    /*[data-bs-theme="dark"] & {*/
    /*    background: #0f0f0f;*/
    /*}*/
}

/* === Tělo widgetu === */
.widget .card-body[b-56i3m2gdai] {
    padding: .75rem;
    flex: 1;
    overflow: auto;
}

/* === Centrovaný obsah === */
.widget.centered .card-body[b-56i3m2gdai] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
/* /Pages/Dashboard/Widgets/InvoicesOverviewWidget.razor.rz.scp.css */
.dashboard-list[b-lxo9u72nuw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-list__item[b-lxo9u72nuw] {
    cursor: pointer;
    border: 1px solid color-mix(in srgb, var(--accent-color, #0d6efd) 12%, transparent);
    border-radius: 0.9rem;
    padding: 0.75rem;
    background: color-mix(in srgb, var(--widget-bg) 90%, var(--accent-color, #0d6efd) 10%);
}

.dashboard-list__content[b-lxo9u72nuw] {
    min-width: 0;
}

.invoice-widget[b-lxo9u72nuw] {
    padding: 0.75rem;
}

.invoice-widget__stats[b-lxo9u72nuw] {
    margin-bottom: 0.75rem;
}

.schedule-stat[b-lxo9u72nuw] {
    min-width: 5.5rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--accent-color, #0d6efd) 8%, var(--widget-bg));
}

.schedule-stat__value[b-lxo9u72nuw] {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.1;
}

.schedule-stat__label[b-lxo9u72nuw] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}
/* /Pages/Dashboard/Widgets/NewEventWidget.razor.rz.scp.css */
/* /Pages/Dashboard/Widgets/OpenFeedbacksWidget.razor.rz.scp.css */
[b-aotaqpvbzw] .feedback-list {
    border: none !important;
}

[b-aotaqpvbzw] .feedback-item {
    border: none !important;
    padding: 0.35rem 1rem !important; 
}
/* /Pages/Dashboard/Widgets/ProfileCompletenessWidget.razor.rz.scp.css */
.dashboard-list[b-l5a6sf8f49] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-list__item[b-l5a6sf8f49] {
    border: 1px solid color-mix(in srgb, var(--accent-color, #0d6efd) 12%, transparent);
    border-radius: 0.9rem;
    padding: 0.75rem;
    background: color-mix(in srgb, var(--widget-bg) 90%, var(--accent-color, #0d6efd) 10%);
}

.profile-completeness[b-l5a6sf8f49] {
    padding: 0.75rem;
}

.profile-completeness__header[b-l5a6sf8f49] {
    margin-bottom: 0.75rem;
}

.profile-completeness__ring[b-l5a6sf8f49] {
    width: 3.6rem;
    height: 3.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-color, #0d6efd) 14%, var(--widget-bg));
    font-size: 1rem;
    font-weight: 700;
}
/* /Pages/Dashboard/Widgets/ProjectFeedWidget.razor.rz.scp.css */
[b-ofc5d5f3cs] .folder {
  margin-left: 0 !important;
  padding: 5px 0 !important;
}
[b-ofc5d5f3cs] .folder.content-left-padding .folder-content {
  padding-left: 0px !important;
}
[b-ofc5d5f3cs] .drag-handler {
  display: none !important;
}
[b-ofc5d5f3cs] .folder-title {
  font-size: 1.2em !important;
}
[b-ofc5d5f3cs] .folder-timer {
  display: none !important;
}
/* /Pages/Dashboard/Widgets/ProjectsDetailedWidget.razor.rz.scp.css */
[b-bc0wiow6xt] .projects {
    gap: 2px !important;
}

[b-bc0wiow6xt] .project {
    background: none !important;
    border: none !important;
}              
/* /Pages/Dashboard/Widgets/ProjectsWidget.razor.rz.scp.css */
[b-1kxjr7o9bi] .project {
    background: none;
}

[b-1kxjr7o9bi] .projects-compact .project-tile {
    height: 100px !important;
}
/* /Pages/Dashboard/Widgets/StorageAlertsWidget.razor.rz.scp.css */
.storage-alerts[b-wkh3hukpkr] {
    padding: 0.75rem;
}

.storage-alerts__stats[b-wkh3hukpkr] {
    margin-bottom: 0.75rem;
}

.storage-alerts__headline[b-wkh3hukpkr] {
    font-size: 0.95rem;
}

.storage-alerts__warning[b-wkh3hukpkr] {
    margin-top: 0.75rem;
    padding: 0.7rem 0.8rem;
    border-radius: 0.85rem;
    background: color-mix(in srgb, #f59e0b 14%, var(--widget-bg));
    color: inherit;
}

.schedule-stat[b-wkh3hukpkr] {
    min-width: 5.5rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--accent-color, #0d6efd) 8%, var(--widget-bg));
}

.schedule-stat__value[b-wkh3hukpkr] {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.1;
}

.schedule-stat__label[b-wkh3hukpkr] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}
/* /Pages/Dashboard/Widgets/StorageWidget.razor.rz.scp.css */
.usage-bar-chart[b-o3yoze33fo] {
  /* Kontejner pro jednoduchý vertikální bar chart */
  display: flex;
  align-items: flex-end;           /* sloupce dole na stejné základně */
  gap: 6px;                        /* rozestupy mezi sloupci */
  height: 60px;                    /* celková výška grafu */
  padding: 4px 2px;
}

.usage-bar-chart .usage-bar[b-o3yoze33fo] {
  /* Jednotlivý sloupec grafu */
  flex: 1 1 0;                     /* rovnoměrná šířka sloupců */
  max-width: 18px;                 /* aby sloupce nebyly příliš široké při malém počtu dat */
  background: var(--accent-color, #0d6efd);
  border-radius: 4px 4px 0 0;      /* kulatý vršek, rovná spodní hrana */
  transition: height 200ms ease-out, opacity 120ms ease-out;
  opacity: 0.9;
}

.usage-bar-chart .usage-bar:hover[b-o3yoze33fo] {
  /* Lehký hover pro lepší pocit z interakce */
  opacity: 1;
}

/* malé obrazovky – menší mezery a výška */
@media (max-width: 480px) {
  .usage-bar-chart[b-o3yoze33fo] {
    gap: 4px;
    height: 60px;
  }
}

/* ========================= */
/*    KOLÁČOVÝ GRAF (PIE)    */
/* ========================= */

.storage-widget-root[b-o3yoze33fo] {
  cursor: pointer;                 /* indikace, že lze kliknout a přepínat graf */
}

.storage-pie-wrapper[b-o3yoze33fo] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 0 8px;
}

.storage-pie[b-o3yoze33fo] {
  position: relative;
  width: 120px;
  height: 120px;
  min-width: 100px;
  min-height: 100px;
}

/* Kruh využívá inline nastavené procento a zobrazí se jako prstenec */
.storage-pie-circle[b-o3yoze33fo] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  /* Barva „využito“ a „nevyužito“ – budeme používat přímo 100% výseč,
     protože samotné procento už reprezentujeme textově uprostřed. */
  background:
    conic-gradient(
      var(--accent-color, #0d6efd) 0,
      var(--accent-color, #0d6efd) 100%
    );
  /* Vytvoření ještě většího vnitřního prázdného kruhu (prstenec s větším bílým středem) */
  mask:
    radial-gradient(
      farthest-side,
      transparent calc(60% - 2px),
      #000 calc(60% - 1px)
    );
}

/* Dark režim Bootstrap 5.3 – jemně ztmavit pozadí (vnější prstenec) kvůli kontrastu */
[data-bs-theme="dark"] .storage-pie-circle[b-o3yoze33fo] {
  background:
    conic-gradient(
      var(--accent-color, #0d6efd) 0,
      var(--accent-color, #0d6efd) 100%
    );
}

.storage-pie-center[b-o3yoze33fo] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.storage-pie-percent[b-o3yoze33fo] {
  font-size: 1.3rem;
  font-weight: 300;
}

.storage-pie-label[b-o3yoze33fo] {
  font-size: 0.75rem;
  opacity: 0.75;
}

@media (max-width: 480px) {
  .storage-pie[b-o3yoze33fo] {
    width: 90px;
    height: 90px;
  }
}
/* /Pages/Dashboard/Widgets/StudioChangesWidget.razor.rz.scp.css */
[b-uw2usm6ewg] .top-part {
  display: none;
}
[b-uw2usm6ewg] .vertical-timeline {
  padding: 0 !important;
}
[b-uw2usm6ewg] .vertical-timeline::before {
  display: none;
}
[b-uw2usm6ewg] .vertical-timeline .vertical-timeline-element-content {
  margin-left: 0;
}
[b-uw2usm6ewg] .vertical-timeline-item .vertical-timeline-element-icon {
  background: var(--widget-bg);
}

/*# sourceMappingURL=StudioChangesWidget.razor.css.map */
/* /Pages/Dashboard/Widgets/StudioNotesWidget.razor.rz.scp.css */
[b-zx7n73pudt] .project {
    background:none;
}

/* Potlačíme overflow na card-body, aby scrolloval pouze Tiptap editor uvnitř – jinak vznikají 2 scrollbary (Windows). */
[b-zx7n73pudt] .card-body {
    overflow: hidden;
}

/* /Pages/Dashboard/Widgets/TasksWidget.razor.rz.scp.css */
.tasks-widget[b-n017u96w6w] {
    /* Základní styly pro TasksWidget */
}

[b-n017u96w6w] .task-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20ch;
}

[b-n017u96w6w] .labels {
    display: none !important;
}

/* Přizpůsobení pro widget - menší mezery */
.tasks-widget[b-n017u96w6w]  .task-item {
    padding: 0.5rem;
    background: var(--widget-bg);
}

/*.tasks-widget .task-group {*/
/*    margin-bottom: 0.75rem;*/
/*}*/

/*.tasks-widget .task-group-header {*/
/*    font-size: 0.75rem;*/
/*    color: var(--text-secondary);*/
/*    margin-bottom: 0.25rem;*/
/*    padding-left: 0.5rem;*/
/*}*/

/* /Pages/Dashboard/Widgets/TimeTrackingSummaryWidget.razor.rz.scp.css */
.time-summary[b-jc3gv4fxhb] {
    padding: 0.75rem;
}

.time-summary__stats[b-jc3gv4fxhb] {
    margin-bottom: 0.75rem;
}

.schedule-stat[b-jc3gv4fxhb] {
    min-width: 5.5rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--accent-color, #0d6efd) 8%, var(--widget-bg));
}

.schedule-stat__value[b-jc3gv4fxhb] {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.1;
}

.schedule-stat__label[b-jc3gv4fxhb] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}
/* /Pages/Dashboard/Widgets/UnreadChatsWidget.razor.rz.scp.css */
.dashboard-list[b-rxj8dcyc92] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
}

.dashboard-list__item[b-rxj8dcyc92] {
    cursor: pointer;
    border: 1px solid color-mix(in srgb, var(--accent-color, #0d6efd) 12%, transparent);
    border-radius: 0.9rem;
    padding: 0.75rem;
    background: color-mix(in srgb, var(--widget-bg) 90%, var(--accent-color, #0d6efd) 10%);
}

.dashboard-list__content[b-rxj8dcyc92] {
    min-width: 0;
}

.dashboard-badge[b-rxj8dcyc92] {
    min-width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    background: var(--accent-color, #0d6efd);
    color: white;
}
/* /Pages/Dashboard/Widgets/WeekScheduleWidget.razor.rz.scp.css */
.dashboard-list[b-ihi65xxuuk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-list__item[b-ihi65xxuuk] {
    cursor: pointer;
    border: 1px solid color-mix(in srgb, var(--accent-color, #0d6efd) 12%, transparent);
    border-radius: 0.9rem;
    padding: 0.75rem;
    background: color-mix(in srgb, var(--widget-bg) 90%, var(--accent-color, #0d6efd) 10%);
}

.dashboard-list__content[b-ihi65xxuuk] {
    min-width: 0;
}

.schedule-widget[b-ihi65xxuuk] {
    padding: 0.75rem;
}

.schedule-widget__stats[b-ihi65xxuuk] {
    margin-bottom: 0.75rem;
}

.schedule-stat[b-ihi65xxuuk] {
    min-width: 5.5rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--accent-color, #0d6efd) 8%, var(--widget-bg));
}

.schedule-stat__value[b-ihi65xxuuk] {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.1;
}

.schedule-stat__label[b-ihi65xxuuk] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}
/* /Pages/Dashboard/WidgetSelector.razor.rz.scp.css */
.widget-selector-beta-badge[b-csf4c9cj0b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
    color: color-mix(in srgb, var(--accent-color, #0d6efd) 75%, black);
    background: color-mix(in srgb, var(--accent-color, #0d6efd) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent-color, #0d6efd) 18%, transparent);
}
/* /Pages/Index.razor.rz.scp.css */
h1[b-jxmaxzj91w] {
  font-size: 21px !important;
}
/* /Pages/Messaging/Chatbot.razor.rz.scp.css */
.chat-window[b-66m9ufmiwy] {
  border: 1px solid rgba(131, 131, 131, 0.6);
  position: fixed;
  width: 400px;
  max-width: 70%;
  height: min(600px, calc(100vh - 80px));
  bottom: 10px;
  right: 10px;
  padding: 10px 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
[data-bs-theme=dark] .chat-window[b-66m9ufmiwy] {
  background-color: #282828;
  color: #f0f0f0;
  box-shadow: 0px 0px 40px #3d3d3d;
}
[data-bs-theme=light] .chat-window[b-66m9ufmiwy] {
  background-color: white;
  color: #000;
  box-shadow: -10px -10px 20px #ededed;
}
[data-bs-theme=dark] .chat-window[b-66m9ufmiwy]  .btn-minimize {
  color: white;
}


.chat-icon[b-66m9ufmiwy] {
  position: fixed;
  width: 44px;
  height: 44px;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  background-color: #007bff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 18px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  opacity: 0.82;
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.chat-icon:hover[b-66m9ufmiwy] {
  opacity: 1;
  transform: scale(1.08);
}

.count-badge[b-66m9ufmiwy] {
  position: absolute;
  right: -5px;
  top: -4px;
  background: red;
  font-size: 15px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
}

/* Na mobilu (nativní appka) – FAB nad spodní navigací */
.phone-app .chat-icon[b-66m9ufmiwy] {
  width: 59px;
  height: 59px;
  font-size: 24px;
  bottom: calc(20px + 64px + env(safe-area-inset-bottom));
}

/* Na mobilu – chat zabere celou obrazovku mezi horní a spodní lištou */
.phone-app .chat-window[b-66m9ufmiwy] {
  top: calc(56px + env(safe-area-inset-top));
  bottom: calc(64px + env(safe-area-inset-bottom));
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/*# sourceMappingURL=Chatbot.razor.css.map */
/* /Pages/Messaging/ChatList.razor.rz.scp.css */
.list-group-flush > .list-group-item[b-tgtxoq69w3] {
    border-bottom: 0;
}

.conversation.unread[b-tgtxoq69w3] {
    font-weight: bold;
    background-color: rgba(var(--accent-color-rgb), 0.08);
}

.conversation.unread .opacity-6[b-tgtxoq69w3] {
    opacity: 1 !important;
}

.count-badge[b-tgtxoq69w3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background-color: var(--accent-color);
    color: #fff;
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
} 
/* /Pages/Messaging/ChatMessages.razor.rz.scp.css */
.messages[b-kgyb7xoi2p] {
    overflow-y: auto;
    min-height: 0;
    /* Výšku řídí flexbox – zprávy zaberou veškeré místo, vstupní pole zůstane dole */
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 6px 2px;
    margin-bottom: 10px;
    overscroll-behavior: contain;
    --chat-message-bg: #e7ecf3;
    --chat-message-fg: #1f2937;

    [data-bs-theme='dark'] & {
        --chat-message-bg: #2f3540;
        --chat-message-fg: #edf2fa;
    }

    .message-row[b-kgyb7xoi2p] {
        max-width: 100%;
    }

    .message-main[b-kgyb7xoi2p] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        max-width: 100%;
    }

    .message-meta[b-kgyb7xoi2p] {
        margin: 0 2px 3px;
    }

    .message-sender[b-kgyb7xoi2p],
    .message-created[b-kgyb7xoi2p] {
        letter-spacing: 0.01em;
    }

    .message[b-kgyb7xoi2p] {
        .message-text {
            max-width: min(520px, 80vw);
            padding: 7px 13px;
            border-radius: 18px;
            display: inline-flex;
            flex-direction: column;
            gap: 2px;
            line-height: 1.36;
            word-break: break-word;
            background-color: var(--chat-message-bg);
            color: var(--chat-message-fg);
        }

        .message-reply-context[b-kgyb7xoi2p] {
            display: block;
            font-size: 0.76rem;
            line-height: 1.2;
            opacity: 0.66;
            margin-bottom: 2px;
            font-weight: 400;
        }

        .message-reply-body[b-kgyb7xoi2p] {
            display: block;
            font-size: 0.98rem;
            line-height: 1.36;
        }

        &.is-mine[b-kgyb7xoi2p] {
            align-self: flex-end;
            text-align: end;

            .message-main {
                justify-content: flex-end;
            }

            .message-meta[b-kgyb7xoi2p] {
                justify-content: flex-end !important;
            }

            .message-text[b-kgyb7xoi2p] {
                background: linear-gradient(145deg, #2f86ff, #1d6de3) !important;
                color: #ffffff !important;
                /*box-shadow: 0 6px 16px rgba(16, 91, 194, 0.3);*/
            }
        }

        .message-attachments[b-kgyb7xoi2p] {
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 8px;
            border-radius: 12px;
            background-color: rgba(17, 41, 72, 0.06);

            [data-bs-theme='dark'] & {
                background-color: rgba(120, 157, 211, 0.08);
            }

            .attachment-item[b-kgyb7xoi2p] {
                padding: 8px 10px;
                border-radius: 8px;
                background-color: rgba(255, 255, 255, 0.7);
                transition: background-color 0.2s;

                [data-bs-theme='dark'] & {
                    background-color: rgba(23, 29, 36, 0.7);
                }

                &:hover[b-kgyb7xoi2p] {
                    background-color: rgba(255, 255, 255, 0.92);

                    [data-bs-theme='dark'] & {
                        background-color: rgba(33, 43, 54, 0.95);
                    }
                }

                a[b-kgyb7xoi2p] {
                    color: inherit;
                    font-size: 0.88rem;

                    &:hover {
                        text-decoration: underline !important;
                    }
                }
            }
        }

        .large-emoji[b-kgyb7xoi2p] {
            font-size: 2em;
            max-width: min(520px, 80vw);
            display: inline-flex;
        }
    }
}

.messages .message-read-by[b-kgyb7xoi2p] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin-top: 6px;
    padding-right: 6px;
}

.messages .message-read-by[b-kgyb7xoi2p]  .chat-read-avatar {
    margin-left: -3px;
}

.messages .message-read-by[b-kgyb7xoi2p]  .chat-read-avatar:first-child {
    margin-left: 0;
}

.messages .message-read-by .chat-read-more[b-kgyb7xoi2p] {
    margin-left: -2px;
    padding: 0 3px;
    height: 15px;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.95);
    color: var(--bs-body-color);
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

[data-bs-theme='dark'] .messages .message-read-by .chat-read-more[b-kgyb7xoi2p] {
    background-color: rgba(28, 33, 43, 0.92);
}

.messages .message[b-kgyb7xoi2p]  .message-actions {
    flex: 0 0 auto;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
}

.messages .message.is-mine[b-kgyb7xoi2p]  .message-actions {
    justify-content: flex-end;
}

.messages .message[b-kgyb7xoi2p]  .chat-reply-action {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.18s ease;
}

.messages .message:hover[b-kgyb7xoi2p]  .message-actions,
.messages .message:focus-within[b-kgyb7xoi2p]  .message-actions {
    opacity: 1;
    pointer-events: auto;
}

.messages .message:hover[b-kgyb7xoi2p]  .message-actions .reactions-container.no-reactions,
.messages .message:focus-within[b-kgyb7xoi2p]  .message-actions .reactions-container.no-reactions {
    opacity: 1 !important;
}

.messages .message-read-by[b-kgyb7xoi2p] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin-top: 6px;
    padding-right: 6px;
}

.messages .message-read-by[b-kgyb7xoi2p]  .chat-read-avatar {
    margin-left: -3px;
}

.messages .message-read-by[b-kgyb7xoi2p]  .chat-read-avatar:first-child {
    margin-left: 0;
}

.messages .message-read-by .chat-read-more[b-kgyb7xoi2p] {
    margin-left: -2px;
    padding: 0 3px;
    height: 15px;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.95);
    color: var(--bs-body-color);
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

[data-bs-theme=dark] .messages .message-read-by .chat-read-more[b-kgyb7xoi2p] {
    background-color: rgba(28, 33, 43, 0.92);
}

.selected-files-preview[b-kgyb7xoi2p] {
    padding: 10px;
    border-radius: 12px;
    background-color: rgba(45, 122, 231, 0.08);

    [data-bs-theme='dark'] & {
        background-color: rgba(45, 122, 231, 0.14);
    }

    .selected-file-item[b-kgyb7xoi2p] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 10px;
        margin-top: 4px;
        border-radius: 8px;
        background-color: rgba(255, 255, 255, 0.76);
        transition: background-color 0.2s;

        [data-bs-theme='dark'] & {
            background-color: rgba(20, 25, 31, 0.82);
        }

        &:hover[b-kgyb7xoi2p] {
            background-color: rgba(255, 255, 255, 0.96);

            [data-bs-theme='dark'] & {
                background-color: rgba(29, 38, 48, 0.95);
            }
        }

        i.fa-paperclip[b-kgyb7xoi2p] {
            color: var(--accent-color, #2f86ff);
        }

        span[b-kgyb7xoi2p] {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        [b-kgyb7xoi2p] .btn-remove {
            width: 24px;
            height: 24px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--bs-danger);
            opacity: 0.74;
            transition: opacity 0.2s, background-color 0.2s;

            &:hover {
                opacity: 1;
            }
        }
    }
}

[data-bs-theme='light'] .selected-files-preview .selected-file-item[b-kgyb7xoi2p]  .btn-remove:hover {
    background: rgba(220, 53, 69, 0.08);
}

[data-bs-theme='dark'] .selected-files-preview .selected-file-item[b-kgyb7xoi2p]  .btn-remove:hover {
    background: rgba(244, 113, 113, 0.12);
}

.message-input-wrapper[b-kgyb7xoi2p] {
    border-radius: 0;
    padding: 0;
    background: transparent;
    border: none;
}

/* .chat-input-area je HTML obal se scope této komponenty → ::deep odsud na textarea dosáhne. */
.chat-input-area[b-kgyb7xoi2p]  .chat-message-textbox textarea {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .chat-input-area[b-kgyb7xoi2p]  .chat-message-textbox textarea {
        margin-bottom: 4px !important;
    }
}

[b-kgyb7xoi2p] .chat-attach-button,
[b-kgyb7xoi2p] .chat-send-button {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.18s ease;
}

[data-bs-theme='light'][b-kgyb7xoi2p]  .chat-attach-button,
[data-bs-theme='light'][b-kgyb7xoi2p]  .chat-send-button {
    background: transparent;
}

[data-bs-theme='dark'][b-kgyb7xoi2p]  .chat-attach-button,
[data-bs-theme='dark'][b-kgyb7xoi2p]  .chat-send-button {
    background: transparent;
}

[data-bs-theme='light'][b-kgyb7xoi2p]  .chat-attach-button:hover,
[data-bs-theme='light'][b-kgyb7xoi2p]  .chat-send-button:hover,
[data-bs-theme='light'][b-kgyb7xoi2p]  .chat-reply-action:hover {
    background: rgba(0, 0, 0, 0.06);
}

[data-bs-theme='dark'][b-kgyb7xoi2p]  .chat-attach-button:hover,
[data-bs-theme='dark'][b-kgyb7xoi2p]  .chat-send-button:hover,
[data-bs-theme='dark'][b-kgyb7xoi2p]  .chat-reply-action:hover {
    background: rgba(255, 255, 255, 0.08);
}

.reply-preview[b-kgyb7xoi2p] {
    border-radius: 10px;
    padding: 6px 10px;
    border-left: 3px solid var(--accent-color, #2f86ff);
    background-color: rgba(47, 134, 255, 0.08);
}

[data-bs-theme='dark'] .reply-preview[b-kgyb7xoi2p] {
    background-color: rgba(47, 134, 255, 0.2);
}

.reply-preview-title[b-kgyb7xoi2p] {
    font-size: 0.78rem;
    font-weight: 600;
}

.reply-preview-text[b-kgyb7xoi2p] {
    font-size: 0.84rem;
    opacity: 0.78;
}

@media (max-width: 767px) {
    /* Na mobilu nechat zprávy zabrat veškeré dostupné místo a vstupní pole zůstane dole */
    .messages[b-kgyb7xoi2p] {
        max-height: none !important;
        flex: 1 1 0 !important;
        min-height: 0 !important;
    }

    /* Vstupní pole přilepené na spodek – při otevření klávesnice se stránka posune */
    .message-input-wrapper[b-kgyb7xoi2p] {
        position: sticky;
        bottom: 0;
        z-index: 10;
        background: var(--bs-body-bg);
        padding: 6px 0 4px;
        border-top: 1px solid rgba(128, 128, 128, 0.15);
    }
}
/* /Pages/Messaging/MessagesPage.razor.rz.scp.css */
 .body-content[b-dlo0axthmj] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.back-button[b-dlo0axthmj] {
  cursor: pointer;
  margin-right: 10px;
}

@media (max-width: 640px) {
  [b-dlo0axthmj] .messages {
    /* Na mobilu nechat flex-grow řídit výšku – bez fixního max-height */
    max-height: none !important;
    overflow-y: auto !important;
  }
}
@media (min-width: 641px) {
  [b-dlo0axthmj] .messages {
    /* Výšku řídí flexbox uvnitř chat okna, žádné fixní vh omezení */
    max-height: none !important;
  }
}

.conversations[b-dlo0axthmj] {
  border: 1px solid #2c2c2c;
  border-radius: 10px;
  display: flex;
  flex-grow: 1;
  background: #181818;
  height: 100%;
}
[data-bs-theme=light] .conversations[b-dlo0axthmj] {
  background: #f2f2f2;
}
@media (max-width: 767px) {
  .conversations[b-dlo0axthmj] {
    border: none;
    border-radius: 0;
  }
  .conversations.mobile-hidden[b-dlo0axthmj] {
    overflow: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }
}

.chat-window[b-dlo0axthmj] {
  border-radius: 14px;
  padding: 10px;
}

/* Chat okno vyplní celou výšku svého sloupce, aby vstupní pole sedělo dole (jako Messenger/WhatsApp) */
.chat-window-adaptive[b-dlo0axthmj] {
  height: 100%;
  min-height: 0;
}

/* Celá stránka konverzací jako "app" – pevná výška viewportu, žádný scroll celé stránky.
   Levý seznam i pravý chat scrollují uvnitř svého panelu. */
.row.flex-grow-1[b-dlo0axthmj] {
  height: calc(100vh - 120px);
  min-height: 0;
}

/* Oba sloupce řádku vyplní výšku a nepřetékají celou stránku */
.row.flex-grow-1 > [class*=col-][b-dlo0axthmj] {
  height: 100%;
  min-height: 0;
}

/* Levý sloupec se seznamem konverzací scrolluje uvnitř */
.row.flex-grow-1 > .col-lg-4[b-dlo0axthmj] {
  overflow-y: auto;
}

/* Pravý sloupec s chatem nescrolluje sám – scroll řeší .messages, vstupní pole zůstává dole */
.row.flex-grow-1 > .col-lg-8[b-dlo0axthmj] {
  overflow: hidden;
}

@media (max-width: 767px) {
  /* Na mobilu kompenzujeme klávesnici přes dynamickou výšku viewportu (dvh) */
  .row.flex-grow-1[b-dlo0axthmj] {
    height: calc(100dvh - 120px);
  }

  /* Na mobilu je aktivní vždy jen jeden sloupec přes celou výšku, vnitřní scroll řeší panely */
  .row.flex-grow-1 > [class*=col-][b-dlo0axthmj] {
    overflow-y: visible;
  }
}
[data-bs-theme=dark] .chat-window[b-dlo0axthmj] {
  color: #f0f0f0;
  border-color: #373737;
  box-shadow: -10px -10px 40px #161616;
}
[data-bs-theme=light] .chat-window[b-dlo0axthmj] {
  border: 1px solid #b8b8b8;
}

@media (max-width: 767px) {
  .chat-window[b-dlo0axthmj],
  [data-bs-theme=light] .chat-window[b-dlo0axthmj],
  [data-bs-theme=dark] .chat-window[b-dlo0axthmj] {
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
  }
}

.count-badge[b-dlo0axthmj] {
  background: #d52323;
  font-size: 15px;
  border-radius: 50%;
  color: white;
  display: inline-block;
  width: 23px;
  height: 23px;
  text-align: center;
}

.messages-empty-state[b-dlo0axthmj] {
  min-height: 100%;
}

/*# sourceMappingURL=MessagesPage.razor.css.map */
/* /Pages/Messaging/NewConversationPanel.razor.rz.scp.css */
.new-conversation-panel[b-lmhpqkcc9m]  .recipient-section {
    border-bottom: 1px solid var(--bs-border-color);
    padding: 10px 12px;
}

.recipient-label[b-lmhpqkcc9m] {
    font-weight: 600;
    white-space: nowrap;
    width: 56px;
    min-width: 56px;
}

.new-conversation-panel[b-lmhpqkcc9m]  .recipient-selection-row {
    align-items: flex-start;
}

.recipient-label-spacer[b-lmhpqkcc9m] {
    visibility: hidden;
}

.new-conversation-panel[b-lmhpqkcc9m]  .recipient-badge {
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    padding: 2px 10px;
    background-color: var(--bs-body-bg);
}

.new-conv-placeholder[b-lmhpqkcc9m] {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

.conversation-content[b-lmhpqkcc9m] {
    max-height: 75vh;
}

.new-conversation-panel[b-lmhpqkcc9m]  .send-first-message-button {
    color: var(--accent-color);
}

/* /Pages/Messaging/SomebodyTyping.razor.rz.scp.css */
.typing-container[b-gluxdjn8g7] {
  height: 10px;
}

.typing[b-gluxdjn8g7] {
  position: relative;
}

.typing .dot[b-gluxdjn8g7] {
  width: 10px;
  height: 10px;
  background-color: #9a9aff;
  border-radius: 50%;
  position: absolute;
  animation: typing-b-gluxdjn8g7 1s infinite;
}

.typing .dot:nth-child(1)[b-gluxdjn8g7] {
  left: 0;
  animation-delay: 0s;
}

.typing .dot:nth-child(2)[b-gluxdjn8g7] {
  left: 15px;
  animation-delay: 0.3s;
}

.typing .dot:nth-child(3)[b-gluxdjn8g7] {
  left: 30px;
  animation-delay: 0.6s;
}

@keyframes typing-b-gluxdjn8g7 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
/* /Pages/Notifications/NotificationsPage.razor.rz.scp.css */
/*.notifications-container {*/
/*    padding: 20px;*/
/*    max-width: 800px;*/
/*    margin: 0 auto;*/
/*}*/

/*.loading-spinner {*/
/*    text-align: center;*/
/*    padding: 40px 0;*/
/*    color: #666;*/
/*}*/

/*.empty-state {*/
/*    text-align: center;*/
/*    padding: 40px 0;*/
/*    color: #666;*/
/*    background-color: #f9f9f9;*/
/*    border-radius: 8px;*/
/*    margin: 20px 0;*/
/*}*/

/*.notifications-list {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 16px;*/
/*}*/

/*.notification-item {*/
/*    background-color: #fff;*/
/*    border-radius: 8px;*/
/*    padding: 16px;*/
/*    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
/*    transition: transform 0.2s, box-shadow 0.2s;*/
/*}*/

/*.notification-item:hover {*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
/*}*/

/*.notification-header {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: flex-start;*/
/*    margin-bottom: 8px;*/
/*}*/

/*.notification-title {*/
/*    margin: 0;*/
/*    font-size: 1.1rem;*/
/*    font-weight: 600;*/
/*}*/

/*.notification-date {*/
/*    font-size: 0.85rem;*/
/*    color: #666;*/
/*}*/

/*.notification-description {*/
/*    margin: 8px 0;*/
/*    color: #333;*/
/*    line-height: 1.5;*/
/*}*/

/*.notification-link {*/
/*    display: inline-block;*/
/*    margin-top: 8px;*/
/*    color: #0066cc;*/
/*    text-decoration: none;*/
/*    font-weight: 500;*/
/*}*/

/*.notification-link:hover {*/
/*    text-decoration: underline;*/
/*}*/

/*.notifications-actions {*/
/*    margin-top: 20px;*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*}*/

/*.btn {*/
/*    padding: 8px 16px;*/
/*    border-radius: 4px;*/
/*    cursor: pointer;*/
/*    font-weight: 500;*/
/*    border: none;*/
/*    transition: background-color 0.2s;*/
/*}*/

/*.btn-primary {*/
/*    background-color: #0066cc;*/
/*    color: white;*/
/*}*/

/* /Pages/Pipeline/PipelineBoard.razor.rz.scp.css */
.pipeline-board[b-kjlxq89rxv] {
    min-width: 0;
    /* Amber/copper akcent značky – stagnace, aktuální fáze, heatmap škála.
       Nevážeme na --bs-primary (ve Studiu je fialová), zadání i design language chtějí amber. */
    --pipeline-accent: #f59e0b;
    --pipeline-accent-rgb: 245, 158, 11;
    --pipeline-done: #24a87c;
    --pipeline-done-rgb: 36, 168, 124;
}

/* VerticalStack je child komponenta, proto scoped atribut z tohoto CSS na její
   kořenový element nedosáhne – musíme přes ::deep od rodiče .pipeline-board. */
.pipeline-board[b-kjlxq89rxv]  .pipeline-header {
    margin: 1.25rem 0 1.5rem;
}

.pipeline-title[b-kjlxq89rxv] {
    margin: 0;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0;
}

.pipeline-subtitle[b-kjlxq89rxv] {
    color: var(--bs-secondary-color);
    font-size: 1rem;
}

/* Obsah žije uvnitř TooltipB wrapperu (delegované tooltipy), proto ::deep. */
.pipeline-board[b-kjlxq89rxv]  .pipeline-content {
    display: flex;
    flex-direction: column;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-toolbar {
    margin: 1.5rem 0 1.25rem;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-card-settings-button {
    min-height: 35px;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-card-settings {
    margin: -.5rem 0 1.25rem;
    padding: .9rem 1rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    background: var(--bs-tertiary-bg);
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-card-settings-head {
    margin-bottom: .85rem;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-card-settings-title {
    font-size: .92rem;
    font-weight: 800;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-card-settings-subtitle {
    color: var(--bs-secondary-color);
    font-size: .84rem;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-card-setting-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .6rem .9rem;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-card-setting-grid .form-check,
.pipeline-board[b-kjlxq89rxv]  .pipeline-card-setting-grid label {
    min-width: 0;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-filters {
    min-width: 0;
}

/* .pipeline-filter (CssClass) i .pipeline-filter-dropdown (ButtonCssClass) žijí uvnitř
   child komponenty Dropdown, proto opět přes ::deep, jinak by tlačítko zůstalo
   s nativním nestylovaným vzhledem (outset border, šedé pozadí). */
.pipeline-board[b-kjlxq89rxv]  .pipeline-filter {
    min-width: 180px;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-filter-dropdown {
    padding: .45rem .85rem;
    color: var(--bs-body-color);
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    background: var(--bs-body-bg);
    font-size: .9rem;
    line-height: 1.2;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-filter-dropdown:hover {
    border-color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
}

.pipeline-loading[b-kjlxq89rxv] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-empty {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .75rem;
    color: var(--bs-body-color);
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-empty-icon {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    border: 1px solid var(--bs-border-color);
    color: var(--pipeline-accent);
    background: var(--bs-tertiary-bg);
    font-size: 1.8rem;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-empty h2 {
    margin: .25rem 0 0;
    font-size: 1.35rem;
    font-weight: 800;
}

.pipeline-board[b-kjlxq89rxv]  .pipeline-empty p {
    max-width: 420px;
    margin: 0 0 .5rem;
    color: var(--bs-secondary-color);
}

@media (max-width: 768px) {
    .pipeline-title[b-kjlxq89rxv] {
        font-size: 1.6rem;
    }

    .pipeline-board[b-kjlxq89rxv]  .pipeline-filter {
        width: 100%;
        min-width: 0;
    }

    .pipeline-board[b-kjlxq89rxv]  .pipeline-card-setting-grid {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Pipeline/PipelineHeatmap.razor.rz.scp.css */
.pipeline-heat[b-7exhs5wouh] {
    /* Sdílený layout: název vlevo, mřížka vpravo se zarovnává přes všechny řádky i osu. */
    --pipeline-heat-name-width: minmax(140px, 260px);
    display: flex;
    flex-direction: column;
    overflow-x: auto;
}

.pipeline-heat-axis[b-7exhs5wouh] {
    display: grid;
    grid-template-columns: var(--pipeline-heat-name-width) 1fr auto;
    gap: .9rem;
    padding: .2rem .25rem .5rem;
    color: var(--bs-secondary-color);
    font-size: .8rem;
}

.pipeline-heat-axis-end[b-7exhs5wouh] {
    justify-self: end;
}

.pipeline-heat-row[b-7exhs5wouh] {
    display: grid;
    grid-template-columns: var(--pipeline-heat-name-width) auto;
    gap: .9rem;
    align-items: center;
    justify-content: start;
    padding: .45rem .25rem;
    color: var(--bs-body-color);
    text-decoration: none;
    border-radius: 8px;
    transition: background .14s ease;
}

.pipeline-heat-row:hover[b-7exhs5wouh] {
    color: var(--bs-body-color);
    background: var(--bs-tertiary-bg);
}

.pipeline-heat-row--done[b-7exhs5wouh] {
    opacity: .62;
}

.pipeline-heat-name[b-7exhs5wouh] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pipeline-heat-title[b-7exhs5wouh] {
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-heat-meta[b-7exhs5wouh] {
    color: var(--bs-secondary-color);
    font-size: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Buňky ~16 px, radius 3, mezera 3, amber škála 4 stupňů (0 = neutrální výplň, ne prázdno). */
.pipeline-heat-grid[b-7exhs5wouh] {
    display: inline-flex;
    gap: 3px;
}

.pipeline-heat-cell[b-7exhs5wouh] {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    flex-shrink: 0;
}

.pipeline-heat-cell--missing[b-7exhs5wouh] {
    background: transparent;
}

.pipeline-heat-cell--l0[b-7exhs5wouh] {
    background: var(--bs-tertiary-bg);
}

.pipeline-heat-cell--l1[b-7exhs5wouh] {
    background: rgba(var(--pipeline-accent-rgb), .32);
}

.pipeline-heat-cell--l2[b-7exhs5wouh] {
    background: rgba(var(--pipeline-accent-rgb), .62);
}

.pipeline-heat-cell--l3[b-7exhs5wouh] {
    /* Nejtmavší stupeň zůstává odvozený z brand amberu – žádná nová barva mimo paletu. */
    background: color-mix(in srgb, var(--pipeline-accent) 78%, black);
}

.pipeline-heat-legend[b-7exhs5wouh] {
    padding: .6rem .25rem 0;
    color: var(--bs-secondary-color);
    font-size: .8rem;
}
/* /Pages/Pipeline/PipelineKanban.razor.rz.scp.css */
.pipeline-scroll[b-mztw0awp3j] {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: .75rem;
}

.pipeline-columns[b-mztw0awp3j] {
    --pipeline-column-width: 276px;
    display: grid;
    grid-template-columns: repeat(var(--pipeline-column-count), minmax(var(--pipeline-column-width), var(--pipeline-column-width)));
    gap: 1rem;
    align-items: start;
    min-width: max-content;
}

.pipeline-column[b-mztw0awp3j] {
    min-width: var(--pipeline-column-width);
}

/* Hlavička sloupce je HorizontalStack (child komponenta), proto ::deep – jinak by
   nadpis sloupce zůstal jako obyčejný text bez uppercase/trackingu/odsazení. */
.pipeline-column[b-mztw0awp3j]  .pipeline-column-header {
    min-height: 34px;
    margin-bottom: .9rem;
    padding: 0 .15rem 1rem;
    /* Menší, tlumený a "štítkový" charakter – odlišuje popisek fáze od názvů skladeb v kartách. */
    color: var(--bs-secondary-color);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--bs-border-color);
}

.pipeline-column[b-mztw0awp3j]  .pipeline-column-header .ti {
    color: var(--bs-secondary-color);
    font-size: 1rem;
}

.pipeline-column[b-mztw0awp3j]  .pipeline-column-count {
    min-width: 1.65rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: 0;
}

.pipeline-column--no-milestones[b-mztw0awp3j]  .pipeline-column-header {
    opacity: .72;
}

.pipeline-column--done[b-mztw0awp3j]  .pipeline-column-header .ti {
    color: var(--pipeline-done);
}

.pipeline-column-cards[b-mztw0awp3j] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.pipeline-card[b-mztw0awp3j] {
    display: flex;
    flex-direction: column;
    gap: .72rem;
    min-height: 138px;
    padding: 1rem;
    color: var(--bs-body-color);
    text-decoration: none;
    border: 1px solid var(--bs-border-color);
    border-left: 3px solid var(--bs-border-color);
    border-radius: 8px;
    background: var(--bs-body-bg);
    box-shadow: none;
    transition: border-color .16s ease, background .16s ease;
}

.pipeline-card:hover[b-mztw0awp3j] {
    color: var(--bs-body-color);
    border-color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
}

.pipeline-card--done[b-mztw0awp3j] {
    border-left-color: var(--pipeline-done);
}

.pipeline-card--stale[b-mztw0awp3j] {
    border-color: rgba(var(--pipeline-accent-rgb), .5);
    border-left-color: var(--pipeline-accent);
}

.pipeline-card--compact[b-mztw0awp3j] {
    min-height: 112px;
    gap: .5rem;
    padding: .82rem .9rem;
}

.pipeline-card-title[b-mztw0awp3j] {
    font-size: 1.05rem;
    line-height: 1.2;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-card-meta[b-mztw0awp3j] {
    margin-top: -.45rem;
    color: var(--bs-secondary-color);
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-card--compact .pipeline-card-title[b-mztw0awp3j] {
    font-size: .98rem;
}

.pipeline-card--compact .pipeline-card-meta[b-mztw0awp3j] {
    margin-top: -.35rem;
}

/* Tečkový progress fází dle mockupu (●●○○ + „2/4 fáze"). */
.pipeline-phase-row[b-mztw0awp3j] {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: var(--bs-secondary-color);
    font-size: .84rem;
    font-weight: 700;
}

.pipeline-card--compact .pipeline-phase-row[b-mztw0awp3j] {
    font-size: .8rem;
}

.pipeline-phase-dots[b-mztw0awp3j] {
    display: inline-flex;
    gap: 5px;
}

.pipeline-phase-dot[b-mztw0awp3j] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1.5px solid var(--bs-border-color);
    background: transparent;
}

.pipeline-phase-dot.done[b-mztw0awp3j] {
    border-color: var(--pipeline-done);
    background: var(--pipeline-done);
}

.pipeline-phase-dot.current[b-mztw0awp3j] {
    border-color: var(--pipeline-accent);
    background: var(--pipeline-accent);
}

.pipeline-card-indicators[b-mztw0awp3j] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
}

.pipeline-card-chip[b-mztw0awp3j] {
    max-width: 100%;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .2rem .5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    color: var(--bs-secondary-color);
    background: var(--bs-body-bg);
    font-size: .78rem;
    line-height: 1.1;
    font-weight: 700;
}

.pipeline-card-chip .ti[b-mztw0awp3j] {
    flex: 0 0 auto;
    font-size: .9rem;
}

.pipeline-card-chip--done[b-mztw0awp3j] {
    color: var(--pipeline-done);
    border-color: rgba(var(--pipeline-done-rgb), .35);
    background: rgba(var(--pipeline-done-rgb), .08);
}

.pipeline-card-chip--stale[b-mztw0awp3j] {
    color: var(--pipeline-accent);
    border-color: rgba(var(--pipeline-accent-rgb), .35);
    background: rgba(var(--pipeline-accent-rgb), .08);
}

.pipeline-card-chip--action[b-mztw0awp3j] {
    color: var(--bs-body-color);
    border-color: rgba(var(--pipeline-accent-rgb), .25);
    background: rgba(var(--pipeline-accent-rgb), .05);
}

.pipeline-card--compact .pipeline-card-chip[b-mztw0awp3j] {
    min-height: 21px;
    padding: .15rem .42rem;
    font-size: .73rem;
}

@media (max-width: 768px) {
    .pipeline-columns[b-mztw0awp3j] {
        --pipeline-column-width: 260px;
    }
}
/* /Pages/Pipeline/PipelineListView.razor.rz.scp.css */
.pipeline-list[b-sif009wtsj] {
    display: flex;
    flex-direction: column;
}

.pipeline-list-row[b-sif009wtsj] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .9rem .25rem;
    color: var(--bs-body-color);
    text-decoration: none;
    border-bottom: 1px solid var(--bs-border-color);
    transition: background .14s ease;
}

.pipeline-list-row:hover[b-sif009wtsj] {
    color: var(--bs-body-color);
    background: var(--bs-tertiary-bg);
}

/* Hotové skladby dole, tlumeně – včetně segmentů. */
.pipeline-list-row--done[b-sif009wtsj] {
    opacity: .62;
}

.pipeline-list-head[b-sif009wtsj] {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    min-width: 0;
}

.pipeline-list-title[b-sif009wtsj] {
    font-size: 1.02rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-list-meta[b-sif009wtsj] {
    color: var(--bs-secondary-color);
    font-size: .88rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 3;
}

.pipeline-list-time[b-sif009wtsj] {
    margin-left: auto;
    color: var(--bs-secondary-color);
    font-size: .86rem;
    white-space: nowrap;
}

.pipeline-stale-badge[b-sif009wtsj] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    color: var(--pipeline-accent);
    font-weight: 800;
}

/* Vodorovný řetěz fází: nízké pilulky v jednom řádku, flex 1:1.
   Při 6+ fázích drží minimálně 56 px na segment a řádek scrolluje vodorovně. */
.pipeline-steps[b-sif009wtsj] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 2px;
}

.pipeline-step[b-sif009wtsj] {
    flex: 1 1 0;
    min-width: 56px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    padding: 0 .55rem;
    border-radius: 999px;
    font-size: .74rem;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
}

.pipeline-step-text[b-sif009wtsj] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.pipeline-step .ti[b-sif009wtsj] {
    font-size: .8rem;
    flex-shrink: 0;
}

/* Dokončená fáze: tlumená success výplň + fajfka. */
.pipeline-step.done[b-sif009wtsj] {
    background: rgba(var(--pipeline-done-rgb), .16);
    color: var(--pipeline-done);
    font-weight: 600;
}

/* Aktuální fáze: amber výplň + medium weight. */
.pipeline-step.current[b-sif009wtsj] {
    background: rgba(var(--pipeline-accent-rgb), .16);
    color: color-mix(in srgb, var(--pipeline-accent) 72%, var(--bs-body-color));
    font-weight: 600;
}

/* Budoucí fáze: jen obrys, text tlumený. */
.pipeline-step.future[b-sif009wtsj] {
    border: 1px solid var(--bs-border-color);
    color: var(--bs-secondary-color);
}

@media (max-width: 768px) {
    .pipeline-list-head[b-sif009wtsj] {
        flex-wrap: wrap;
    }

    .pipeline-list-time[b-sif009wtsj] {
        width: 100%;
        margin-left: 0;
    }
}
/* /Pages/Pipeline/PipelineSummary.razor.rz.scp.css */
.pipeline-summary[b-zmlqc0sjf3] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    max-width: 720px;
}

.pipeline-summary-row[b-zmlqc0sjf3] {
    display: grid;
    grid-template-columns: minmax(90px, 160px) 1fr auto;
    gap: .85rem;
    align-items: center;
    padding: .2rem .5rem;
    margin: 0 -.5rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--bs-body-color);
    text-align: left;
    font-size: .88rem;
    cursor: pointer;
    transition: background .14s ease;
}

.pipeline-summary-row:hover[b-zmlqc0sjf3] {
    background: var(--bs-tertiary-bg);
}

.pipeline-summary-row.active[b-zmlqc0sjf3] {
    background: var(--bs-tertiary-bg);
    box-shadow: inset 2px 0 0 var(--pipeline-accent);
}

.pipeline-summary-label[b-zmlqc0sjf3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.pipeline-summary-row.done .pipeline-summary-label[b-zmlqc0sjf3],
.pipeline-summary-row.done .pipeline-summary-count[b-zmlqc0sjf3] {
    color: var(--bs-secondary-color);
}

/* Tenké vodorovné bary dle mockupu (~18 px). Neutrální barva místo per-fáze palety –
   zadání zakazuje nové barvy mimo paletu, amber zůstává vyhrazený pro stagnaci. */
.pipeline-summary-bar[b-zmlqc0sjf3] {
    height: 18px;
    display: flex;
    align-items: stretch;
}

.pipeline-summary-fill[b-zmlqc0sjf3] {
    border-radius: 6px;
    background: color-mix(in srgb, var(--bs-body-color) 24%, transparent);
    transition: width .2s ease;
}

.pipeline-summary-row.done .pipeline-summary-fill[b-zmlqc0sjf3] {
    background: color-mix(in srgb, var(--bs-body-color) 10%, transparent);
}

.pipeline-summary-count[b-zmlqc0sjf3] {
    justify-self: end;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.pipeline-summary-stale[b-zmlqc0sjf3] {
    color: var(--pipeline-accent);
    font-weight: 700;
    margin-left: .15rem;
}

.pipeline-summary[b-zmlqc0sjf3]  .pipeline-summary-more {
    align-self: flex-start;
    font-size: .84rem;
}
/* /Pages/Pipeline/PipelineViewSwitcher.razor.rz.scp.css */
.pipeline-switcher[b-8axpfdu6uw] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border-radius: 10px;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
}

.pipeline-switcher-item[b-8axpfdu6uw] {
    padding: .35rem .95rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--bs-secondary-color);
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: color .14s ease, background .14s ease, box-shadow .14s ease;
}

.pipeline-switcher-item:hover[b-8axpfdu6uw] {
    color: var(--bs-body-color);
}

.pipeline-switcher-item.active[b-8axpfdu6uw] {
    /* Aktivní segment "vystupuje" ze zapuštěného kontejneru – světlý povrch + jemný stín. */
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}
/* /Pages/Projects/Components/FeedAppearancePanel.razor.rz.scp.css */
.fap-wrapper[b-5ik2pmdkka] {
    position: relative;
    display: inline-block;
}

.fap-panel[b-5ik2pmdkka] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 1050;
    background: var(--bs-body-bg);
    border: 1px solid rgba(128, 128, 128, 0.18);
    border-radius: 14px;
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.14);
    padding: 10px 14px;
    min-width: 248px;
    max-width: calc(100vw - 24px);
    animation: fap-in-b-5ik2pmdkka 0.12s ease-out;
}

[data-bs-theme=dark] .fap-panel[b-5ik2pmdkka] {
    background: #1e1e1e;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.55);
}

.fap-row[b-5ik2pmdkka] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    min-height: 42px;
}

.fap-row:not(:last-child)[b-5ik2pmdkka] {
    border-bottom: 1px solid rgba(128, 128, 128, 0.08);
}

.fap-label[b-5ik2pmdkka] {
    font-size: 0.875em;
    font-weight: 400;
    opacity: 0.8;
    white-space: nowrap;
}

.fap-options[b-5ik2pmdkka] {
    display: flex;
    flex-wrap: nowrap;
    gap: 2px;
    background: rgba(128, 128, 128, 0.1);
    border-radius: 8px;
    padding: 3px;
}

[data-bs-theme=dark] .fap-options[b-5ik2pmdkka] {
    background: rgba(255, 255, 255, 0.06);
}

.fap-options[b-5ik2pmdkka]  a,
.fap-options[b-5ik2pmdkka]  button {
    border-radius: 6px !important;
    min-width: 30px;
    min-height: 26px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 3px 8px !important;
    font-size: 0.82em;
    transition: background 0.12s, color 0.12s;
}

.fap-options[b-5ik2pmdkka]  a i,
.fap-options[b-5ik2pmdkka]  button i {
    font-size: 1.05em;
}

.fap-options[b-5ik2pmdkka]  a:hover,
.fap-options[b-5ik2pmdkka]  button:hover {
    opacity: 0.9;
    background: rgba(13, 110, 253, 0.08);
}

.fap-options[b-5ik2pmdkka]  .fap-active,
.fap-options[b-5ik2pmdkka]  a.fap-active,
.fap-options[b-5ik2pmdkka]  button.fap-active {
    opacity: 1 !important;
    background: #0b84d6 !important;
    background-color: #0b84d6 !important;
    border-color: #0b84d6 !important;
    box-shadow: 0 6px 18px rgba(11, 132, 214, 0.18), 0 0 0 1.5px rgba(11, 132, 214, 0.9);
    color: #ffffff !important;
}

.fap-backdrop[b-5ik2pmdkka] {
    position: fixed;
    inset: 0;
    z-index: 1040;
}

@media (max-width: 520px) {
    .fap-panel[b-5ik2pmdkka] {
        min-width: min(248px, calc(100vw - 24px));
    }

    .fap-row[b-5ik2pmdkka] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}

@keyframes fap-in-b-5ik2pmdkka {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Řádek se svislým seznamem přepínačů (prvky stránky, příspěvky a složky). Na rozdíl od
   .fap-row s ikonovými volbami vedle sebe se sem nevejde vodorovné rozložení - přepínačů
   je víc a mají dlouhé popisky, proto label nad a přepínače pod ním. */
.fap-row--stacked[b-5ik2pmdkka] {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
}

.fap-switches[b-5ik2pmdkka] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Panel s přesunutými přepínači je vyšší než původní - omezíme výšku, ať se na malých
   displejích vejde a nepřeteče mimo viewport. */
.fap-panel[b-5ik2pmdkka] {
    max-height: min(78vh, 620px);
    overflow-y: auto;
}
/* /Pages/Projects/Components/FeedToolbar.razor.rz.scp.css */
/* Všechny toolbar ikony — neutrální barva, bez modrého tónu */
.feed-toolbar[b-jcxwpeqfnr]  a.btn-link,
.feed-toolbar[b-jcxwpeqfnr]  button.btn-link {
    color: var(--bs-body-color);
    opacity: 0.55;
    font-size: 1rem;
    transition: opacity 0.15s;
}

.feed-toolbar[b-jcxwpeqfnr]  a.btn-link:hover,
.feed-toolbar[b-jcxwpeqfnr]  button.btn-link:hover {
    color: var(--bs-body-color);
    opacity: 1;
}

/* Aktivní stav (Color="primary") — svítí akcentem */
.feed-toolbar[b-jcxwpeqfnr]  a.btn-primary,
.feed-toolbar[b-jcxwpeqfnr]  button.btn-primary,
.feed-toolbar[b-jcxwpeqfnr]  a.text-primary,
.feed-toolbar[b-jcxwpeqfnr]  button.text-primary {
    color: var(--bs-primary) !important;
    opacity: 1;
}

/* Tři tečky (ellipsis) — stejný neutrální styl */
.feed-toolbar[b-jcxwpeqfnr]  .feed-toolbar-dots {
    color: var(--bs-body-color);
    opacity: 0.55;
    cursor: pointer;
    transition: opacity 0.15s;
}

.feed-toolbar[b-jcxwpeqfnr]  .feed-toolbar-dots:hover {
    opacity: 1;
}
/* /Pages/Projects/Components/ProjectFeedPanel.razor.rz.scp.css */
.split-feed-panel[b-9a21arbaxa] {
  min-height: 100%;
}

.split-feed-hero[b-9a21arbaxa] {
  margin-bottom:10px;
  /*border-radius: 18px;*/
  border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 0.1);
  background: linear-gradient(180deg, rgba(var(--bs-body-color-rgb), 0.04) 0%, rgba(var(--bs-body-color-rgb), 0.02) 100%);
  padding: 18px 20px 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* === Horní řádek: odkaz vlevo + status vpravo === */
.split-hero-top[b-9a21arbaxa] {
  display: flex;                    
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.split-hero-open-link[b-9a21arbaxa] {
  opacity: 0.55;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: opacity 0.15s ease;
}

.split-hero-open-link:hover[b-9a21arbaxa] {
  opacity: 1;
}

.split-hero-top-right[b-9a21arbaxa] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.split-hero-status[b-9a21arbaxa] {
  flex-shrink: 0;
}

/* === Název + popis === */
.split-hero-title-wrap[b-9a21arbaxa] {
  min-width: 0;
}

.split-hero-name[b-9a21arbaxa] {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-wrap: balance;
}

.split-hero-desc[b-9a21arbaxa] {
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--bs-secondary-color);
  max-width: 70ch;
  margin-top: 4px;
}

/* === Jemná dělící linka === */
.split-hero-divider[b-9a21arbaxa] {
  height: 1px;
  background: rgba(var(--bs-body-color-rgb), 0.08);
  margin: 2px 0;
}

/* === Metadata řádek + akce === */
.split-hero-meta[b-9a21arbaxa] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 28px;
  font-size: 0.82rem;
}

.split-hero-metaitem[b-9a21arbaxa] {
  display: inline-flex;
  align-items: center;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}

.split-hero-metaitem :deep(a)[b-9a21arbaxa] {
  color: var(--bs-body-color);
  text-decoration: none;
}

.split-hero-metaitem :deep(a:hover)[b-9a21arbaxa] {
  color: var(--bs-emphasis-color);
}

.split-hero-icon[b-9a21arbaxa] {
  width: 14px;
  margin-right: 6px;
  opacity: 0.7;
}

/* Svislý oddělovač skupin v meta řádku */
.split-hero-meta-sep[b-9a21arbaxa] {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: rgba(var(--bs-body-color-rgb), 0.15);
  flex-shrink: 0;
}

.split-feed-content[b-9a21arbaxa] {
  padding-top: 4px;
}
/* /Pages/Projects/Components/ProjectImageComponent.razor.rz.scp.css */
.project-image-container[b-55v8noj63o] {
    cursor: pointer;
}

.project-image-container:hover .project-image[b-55v8noj63o] {
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

/* Kompaktní placeholder pro prázdný projekt – nahrazuje blok 250 px jedním řádkem,
   aby prázdná nástěnka neodsouvala skutečné akce pod ohyb obrazovky. */
.no-image-compact[b-55v8noj63o] {
    align-items: center;
    display: flex;
    font-size: .9rem;
    gap: .45rem;
    /* Nejtišší prvek stránky – nabídka obrázku je volitelná a nesmí soutěžit s hlavní akcí. */
    opacity: .45;
    padding: .35rem 0;
    transition: opacity .15s ease;
}

.project-image-container:hover .no-image-compact[b-55v8noj63o] {
    opacity: .9;
}

.no-image-placeholder[b-55v8noj63o] {
    color: black;
    background: #ebebeb87;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    [data-bs-theme="dark"] & {
        color: #a4a4a4;
        background: #3b3b3b54;
    }
}

.project-image-container:hover .no-image-placeholder[b-55v8noj63o] {
    background-color: #dfdfdf !important;
    transition: all 0.3s ease;
    
    [data-bs-theme="dark"] & {
        background-color: #232323 !important;
        color:white;
    }
}

.project-image-container:hover .delete-image-icon[b-55v8noj63o] {
    opacity: 1 !important;
}

.project-image-container:hover .fa-arrows-alt-v[b-55v8noj63o] {
    opacity: 1 !important;
}

.delete-image-icon[b-55v8noj63o] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    padding: 4px 8px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 10;
}

.position-icon[b-55v8noj63o] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: white;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    padding: 4px 13px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 10;
}

.project-image-container[b-55v8noj63o]  .project-status-badge.project-image-status-badge .btn-status {
    font-weight: 500;
    padding: 3px 9px 3px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .16);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .18);
}

.project-image-container[b-55v8noj63o]  .project-status-badge.project-image-status-badge .btn-status:hover {
    transform: translateY(-1px);
}

.project-image-container[b-55v8noj63o]  .project-status-badge.project-image-status-badge .btn-status i {
    opacity: .88;
}

.project-image-container[b-55v8noj63o]  .project-status-badge.project-image-status-badge .status-active {
    color: #eff6ff !important;
    background-color: rgba(37, 99, 235, .68) !important;
    border-color: rgba(147, 197, 253, .32) !important;
}

.project-image-container[b-55v8noj63o]  .project-status-badge.project-image-status-badge .status-preparation {
    color: #f5f3ff !important;
    background-color: rgba(109, 40, 217, .7) !important;
    border-color: rgba(196, 181, 253, .34) !important;
}

.project-image-container[b-55v8noj63o]  .project-status-badge.project-image-status-badge .status-waiting {
    color: #ecfeff !important;
    background-color: rgba(8, 145, 178, .7) !important;
    border-color: rgba(165, 243, 252, .32) !important;
}

.project-image-container[b-55v8noj63o]  .project-status-badge.project-image-status-badge .status-hold {
    color: #fff7ed !important;
    background-color: rgba(217, 119, 6, .72) !important;
    border-color: rgba(253, 186, 116, .34) !important;
}

.project-image-container[b-55v8noj63o]  .project-status-badge.project-image-status-badge .status-done {
    color: #dcfce7 !important;
    background-color: rgba(22, 163, 74, .68) !important;
    border-color: rgba(187, 247, 208, .34) !important;
}

.project-image-container[b-55v8noj63o]  .project-status-badge.project-image-status-badge .status-post {
    color: #fdf2f8 !important;
    background-color: rgba(219, 39, 119, .68) !important;
    border-color: rgba(249, 168, 212, .32) !important;
}

.project-image-container[b-55v8noj63o]  .project-status-badge.project-image-status-badge .status-cancelled {
    color: #f3f4f6 !important;
    background-color: rgba(75, 85, 99, .62) !important;
    border-color: rgba(209, 213, 219, .22) !important;
    opacity: .74;
}

.project-hero[b-55v8noj63o] {
    position: relative;
    min-height: 550px;
    height: auto;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    margin-top: -2rem;
    margin-left: -1rem;
    margin-right: -1rem;
}

.project-hero-name[b-55v8noj63o] {
    font-size: clamp(2.5rem, 6vw, 7.5rem);
    font-weight: 900;
    line-height: 1;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    letter-spacing: -0.1rem;
    text-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, .6);
    color: white;
}

.project-hero-description[b-55v8noj63o] {
    max-width: 800px;
    font-size: 1.4rem;
    font-weight: 500;
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 2px 12px rgba(0, 0, 0, 0.7);
}

@media (min-width: 768px) {
    .project-hero[b-55v8noj63o] {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
}

.hero-overlay[b-55v8noj63o] {
    position: absolute;
    inset: 0;
    /* Dvouvrstvý gradient: blend do body-bg dole + tmavší vrstva pro čitelnost textu */
    background:
        linear-gradient(to top, var(--bs-body-bg) 0%, transparent 40%),
        linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.25) 45%, rgba(0, 0, 0, 0.1) 100%);
    pointer-events: none;
}

.hero-content[b-55v8noj63o] {
    position: relative;
    z-index: 2;
    padding: 0 0 2rem 0;
    width: 100%;
}

.hero-actions[b-55v8noj63o] {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    color: white;
    background: rgba(0, 0, 0, 0.35);
    padding: 6px 14px;
    border-radius: 99px;
    opacity: 0;
    transition: opacity 0.3s;
    display: flex;
    align-items: center;
    gap: 4px;
    /* kliknutelnost – nad InputFile overlay */
    pointer-events: auto;
}

.project-hero:hover .hero-actions[b-55v8noj63o] {
    opacity: 1;
}

.hero-actions i[b-55v8noj63o] {
    cursor: pointer;
}

/* Průhledný input file pokrývající celé hero pro snadné nahrání obrázku */
.hero-upload-input[b-55v8noj63o] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}

/* Aby hero-content byl nad InputFile overlay */
.hero-content[b-55v8noj63o] {
    pointer-events: auto;
    z-index: 6;
}

/* Status badge v hero módu */
.hero-status-badge[b-55v8noj63o] {
    display: inline-block;
}

[data-bs-theme="light"] .project-hero[b-55v8noj63o]  .project-status-badge.project-image-status-badge .btn-status {
    text-shadow: none;
    box-shadow: 0 0.4rem 1.25rem rgba(0, 0, 0, .14);
}

[data-bs-theme="light"] .project-hero[b-55v8noj63o]  .project-status-badge.project-image-status-badge .status-hold {
    color: #8a4b00 !important;
    background-color: rgba(255, 244, 214, .96) !important;
    border-color: rgba(180, 99, 0, .26) !important;
}

/* ==========================================================================
   MOBILNÍ ÚPRAVY HERO (musí být na konci souboru, aby přebily base pravidla
   se stejnou specificitou definovaná výše)
   ========================================================================== */
@media (max-width: 640px) {
    .project-hero[b-55v8noj63o] {
        /* Zrušíme záporné marginy z desktop verze: hero nelepíme přes okraje ani
           pod topbar (jinak překrývá avatar a zvoneček v horní liště) */
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        min-height: 400px;
        /* Na mobilu hero NENÍ flex – díky tomu se hero-content i text roztáhnou
           přes celou šířku a netvoří úzký sloupec vlevo */
        display: block;
    }

    /* Na mobilu skryjeme InputFile overlay přes hero — upload funguje přes hero-actions tlačítka */
    .hero-upload-input[b-55v8noj63o] {
        display: none !important;
    }

    .hero-placeholder-mode[b-55v8noj63o] {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }

    /* hero-content přilne ke spodní hraně (původně to řešil flex-end na .project-hero) */
    .hero-content[b-55v8noj63o] {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    /* Bootstrap row/offset na mobilu nechceme – obsah má využít celou šířku */
    .hero-content .row[b-55v8noj63o] {
        --bs-gutter-x: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .hero-content .row > [class*="col-"][b-55v8noj63o] {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .project-hero-name[b-55v8noj63o] {
        /* Menší font, aby se název vešel na co nejméně řádků a nelámal se po slabikách */
        font-size: clamp(1.75rem, 8vw, 3rem);
        letter-spacing: -0.05rem;
        word-break: normal;
        overflow-wrap: break-word;
    }

    .project-hero-description[b-55v8noj63o] {
        font-size: 0.95rem;
        max-width: none;
    }
}

/* Hint text, když není obrázek */
.hero-no-image-hint[b-55v8noj63o] {
    color: white;
    font-size: 1rem;
}

/* Placeholder v Hero režimu (obrázek ještě nebyl nahrán) – kopíruje okraje hero banneru */
.hero-placeholder-mode[b-55v8noj63o] {
    margin-top: -2rem;
    margin-left: -2rem;
    margin-right: -2rem;
}
/* /Pages/Projects/Components/ProjectsAppearancePanel.razor.rz.scp.css */
.appearance-wrapper[b-l604eto82e] {
  position: relative;
  display: inline-block;
}

.appearance-panel[b-l604eto82e] {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 1050;
  background: var(--bs-body-bg);
  border: 1px solid rgba(128, 128, 128, 0.18);
  border-radius: 14px;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.14);
  padding: 10px 14px;
  min-width: 300px;
  animation: ap-in-b-l604eto82e 0.12s ease-out;
}

.appearance-panel.appearance-panel--right[b-l604eto82e] {
  left: auto;
  right: 0;
}

[data-bs-theme=dark] .appearance-panel[b-l604eto82e] {
  background: #1e1e1e;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.55);
}

.appearance-panel .ap-row[b-l604eto82e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  min-height: 42px;
}

.appearance-panel .ap-row:not(:last-child)[b-l604eto82e] {
  border-bottom: 1px solid rgba(128, 128, 128, 0.08);
}

.appearance-panel .ap-label[b-l604eto82e] {
  font-size: 0.875em;
  font-weight: 400;
  opacity: 0.8;
  white-space: nowrap;
}

.appearance-panel .ap-options[b-l604eto82e] {
  display: flex;
  gap: 2px;
  background: rgba(128, 128, 128, 0.1);
  border-radius: 8px;
  padding: 3px;
}

[data-bs-theme=dark] .appearance-panel .ap-options[b-l604eto82e] {
  background: rgba(255, 255, 255, 0.06);
}

.appearance-panel .ap-options[b-l604eto82e]  a,
.appearance-panel .ap-options[b-l604eto82e]  button {
  border-radius: 6px !important;
  min-width: 30px;
  min-height: 26px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 3px 8px !important;
  font-size: 0.82em;
  transition: background 0.12s, color 0.12s;
}

.appearance-panel .ap-options[b-l604eto82e]  a .icon,
.appearance-panel .ap-options[b-l604eto82e]  a i,
.appearance-panel .ap-options[b-l604eto82e]  button .icon,
.appearance-panel .ap-options[b-l604eto82e]  button i {
  font-size: 1.05em;
}

.appearance-panel .ap-options[b-l604eto82e]  a:hover,
.appearance-panel .ap-options[b-l604eto82e]  button:hover {
  opacity: 0.9;
  background: rgba(13, 110, 253, 0.08);
}

.appearance-panel .ap-options[b-l604eto82e]  .ap-active,
.appearance-panel .ap-options[b-l604eto82e]  a.ap-active,
.appearance-panel .ap-options[b-l604eto82e]  button.ap-active,
.appearance-panel .ap-options[b-l604eto82e]  .btn.ap-active,
.appearance-panel .ap-options[b-l604eto82e]  .btn.btn-link.ap-active,
.appearance-panel .ap-options[b-l604eto82e]  .ap-active > a,
.appearance-panel .ap-options[b-l604eto82e]  .ap-active > button {
  opacity: 1 !important;
  background: #0b84d6 !important;
  background-color: #0b84d6 !important;
  border-color: #0b84d6 !important;
  box-shadow: 0 6px 18px rgba(11, 132, 214, 0.18), 0 0 0 1.5px rgba(11, 132, 214, 0.9);
  color: #ffffff !important;
}

[data-bs-theme=dark] .appearance-panel .ap-options[b-l604eto82e]  .ap-active,
[data-bs-theme=dark] .appearance-panel .ap-options[b-l604eto82e]  a.ap-active,
[data-bs-theme=dark] .appearance-panel .ap-options[b-l604eto82e]  button.ap-active,
[data-bs-theme=dark] .appearance-panel .ap-options[b-l604eto82e]  .btn.ap-active,
[data-bs-theme=dark] .appearance-panel .ap-options[b-l604eto82e]  .btn.btn-link.ap-active,
[data-bs-theme=dark] .appearance-panel .ap-options[b-l604eto82e]  .ap-active > a,
[data-bs-theme=dark] .appearance-panel .ap-options[b-l604eto82e]  .ap-active > button {
  background: #0b84d6 !important;
  background-color: #0b84d6 !important;
  border-color: #0b84d6 !important;
  box-shadow: 0 6px 18px rgba(11, 132, 214, 0.18), 0 0 0 1.5px rgba(11, 132, 214, 0.9);
  color: #ffffff !important;
}

.appearance-backdrop[b-l604eto82e] {
  position: fixed;
  inset: 0;
  z-index: 1040;
}

@keyframes ap-in-b-l604eto82e {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* /Pages/Projects/Components/ProjectShareLinks.razor.rz.scp.css */
.share-links[b-6vfibrr5mw] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

/* Karta jediného aktivního odkazu. Na rozdíl od dřívějšího "právě vytvořeno" panelu je
   trvalá - plaintext token je v databázi, takže URL je k dispozici kdykoliv. */
.share-link-card[b-6vfibrr5mw] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: .6rem .75rem;
    border-radius: .6rem;
    background: rgba(var(--bs-body-color-rgb), .035);
    border: 1px solid rgba(var(--bs-body-color-rgb), .08);
}

.share-link-row-main[b-6vfibrr5mw] {
    min-width: 0; /* Aby se ellipsis na URL uvnitř flexu vůbec uplatnil. */
}

/* URL je jen ke čtení a kopírování, proto text místo inputu. Dlouhá adresa se ořízne
   ellipsis a celá zůstává dostupná v title, což je čitelnější než scrollující input. */
.share-link-url-text[b-6vfibrr5mw] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--bs-font-monospace, monospace);
    font-size: .78rem;
    opacity: .85;
}

.share-link-url-text--missing[b-6vfibrr5mw] {
    font-family: inherit;
    font-style: italic;
    opacity: .55;
}

.share-link-settings-toggle[b-6vfibrr5mw] {
    opacity: .6;
}

/* Vysvětlení bearer charakteru odkazu pod hotovou adresou. Drží stejný nižší kontrast
   jako statistiky - je to doprovodná informace, ne akce ani varování. */
.share-link-explain[b-6vfibrr5mw] {
    margin: .1rem 0 0;
    font-size: .78rem;
    opacity: .6;
}

/* Destruktivní akce stojí oddělené linkou na konci panelu - nový odkaz i zrušení sdílení
   zneplatní rozeslanou URL, takže nesmí splývat s informativní částí nad nimi. */
.share-link-danger[b-6vfibrr5mw] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding-top: .5rem;
    border-top: 1px solid rgba(var(--bs-body-color-rgb), .08);
}

/* Přepínač stahování stojí přímo v kartě pod vysvětlením, proto drobnější text než okolí -
   je to volba k odkazu, ne samostatná sekce. */
.share-link-downloads[b-6vfibrr5mw] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-top: .35rem;
    font-size: .78rem;
    opacity: .75;
    cursor: pointer;
}

/* Statistiky jako oddělené položky s tečkou mezi nimi; oproti jednomu řetězci se lépe
   zalamují na úzkých obrazovkách (dialog sdílení je na mobilu skoro celý viewport). */
.share-link-stats[b-6vfibrr5mw] {
    display: flex;
    flex-wrap: wrap;
    gap: .15rem .5rem;
    font-size: .74rem;
    opacity: .65;
}

.share-link-stat:not(:last-child)[b-6vfibrr5mw]::after {
    content: "·";
    margin-left: .5rem;
    opacity: .5;
}

.share-link-settings[b-6vfibrr5mw] {
    padding-top: .5rem;
    margin-top: .1rem;
    border-top: 1px solid rgba(var(--bs-body-color-rgb), .08);
}

.share-links-empty[b-6vfibrr5mw] {
    padding: .6rem 0;
    font-size: .8rem;
    opacity: .5;
    text-align: center;
}

.share-link-revoke[b-6vfibrr5mw] {
    flex-shrink: 0;
}
/* /Pages/Projects/Components/ProjectTeamPanel.razor.rz.scp.css */
.project-team-panel[b-686xfh3jtr] {
    opacity: .7;
}

.project-team-title[b-686xfh3jtr] {
    font-size: .95rem;
}

[b-686xfh3jtr] .project-team-invite {
    align-self: flex-start;
    font-size: .84rem;
    margin-top: .4rem;
    margin-left: 2.3rem;
}

[b-686xfh3jtr] .project-team-members {
    font-size: .85rem;
}

[b-686xfh3jtr] .project-team-members .scope-member-row {
    justify-content: flex-start !important;
}

[b-686xfh3jtr] .project-team-members .scope-member-main {
    min-width: 0;
}

[b-686xfh3jtr] .project-team-members .scope-member-avatar .avatar {
    height: 1.46rem;
    width: 1.46rem;
    font-size: .56rem;
}

[b-686xfh3jtr] .project-team-members .scope-member-name-row {
    min-width: 0;
}

[b-686xfh3jtr] .project-team-members .scope-member-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

[b-686xfh3jtr] .project-team-members .scope-member-email,
[b-686xfh3jtr] .project-team-members .scope-member-registration {
    display: none !important;
}

[b-686xfh3jtr] .project-team-members .scope-member-role {
    color: rgba(var(--bs-body-color-rgb), .55);
    font-size: .72rem;
    margin-left: .54rem;
    white-space: nowrap;
}
/* /Pages/Projects/Detail/ProjectListItemContextMenu.razor.rz.scp.css */
.project-customer-menu-item[b-0ma8gvf8io] {
  border-top: 1px solid rgba(128, 128, 128, 0.18);
  border-bottom: 1px solid rgba(128, 128, 128, 0.18);
}

.project-customer-menu-label[b-0ma8gvf8io] {
  font-size: 0.82rem;
  opacity: 0.65;
}

.project-customer-menu-item[b-0ma8gvf8io]  .contact-person-select {
  width: 100%;
}

.project-customer-menu-item[b-0ma8gvf8io]  .contact-person-select > a {
  display: block;
  padding: 0.2rem 0;
  text-decoration: none;
}
/* /Pages/Projects/Detail/ProjectPage.razor.rz.scp.css */
/* Skeleton overlay při přepínání záložek */
.feed-tab-switching[b-bwsm720m3q] {
    opacity: 0.45;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

/* Na mobilu zmenšujeme horizontální Bootstrap gutter feedového sloupce, aby obsah
   (feed, karty postů, hero) využil víc šířky a nelepil se na něj velký prázdný okraj.
   Bootstrap row má negativní margin a w-100 navíc způsobuje nesymetrii pravého okraje –
   proto šířku i okraje řádku na mobilu srovnáme. Breakpoint 768px se shoduje s IsMobileSize. */
@media (max-width: 767.98px) {
    .row.w-100[b-bwsm720m3q] {
        width: auto !important;
        margin-left: -6px !important;
        margin-right: -6px !important;
    }

    .col-xl-7[b-bwsm720m3q] {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}
/* /Pages/Projects/Detail/ProjectPinButton.razor.rz.scp.css */
.project-pin-button[b-pr11pswbv8] {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.project-pin-button i[b-pr11pswbv8] {
  font-size: 1.1em;
  color: #8c8c8c;
  transition: color 0.15s ease-in-out;
}
.project-pin-button:hover i[b-pr11pswbv8] {
  color: var(--accent-color);
}
.project-pin-button:has(.fas)[b-pr11pswbv8] {
  opacity: 1;
}

/* Nepřipnutý pin je skrytý (opacity: 0 výše) a v galerii se musí odhalit při hoveru nad celou kartou.
   Pravidlo patří sem, do stylu komponenty: rodičovské ::deep pravidlo v ProjectsList.razor.scss dostává
   scope atribut na předka, takže má stejnou specificitu jako zdejší základní `opacity: 0` a vyhrálo by
   jen podle pořadí v bundlu. Bez tohoto pravidla zůstávalo u nepřipnutých projektů jen prázdné místo.
   Podmínka cílí na schopnost hoveru, ne na šířku okna: hover-reveal má smysl jen tam, kde myš existuje. */
@media (hover: hover) {
  .gallery-card:hover .project-pin-button[b-pr11pswbv8] {
    opacity: 1;
  }
}

/* Na dotykových zařízeních hover nikdy nenastane, takže by nepřipnutý pin zůstal trvale neviditelný
   a nešel by odsud vůbec vyvolat. Proto ho v galerii necháváme zobrazený rovnou. */
@media (hover: none) {
  .gallery-card .project-pin-button[b-pr11pswbv8] {
    opacity: 1;
  }
}
.project-pin-button:has(.fas) i[b-pr11pswbv8] {
  color: var(--accent-color);
}

/* Galerie má obrázek v absolutní vrstvě; pin musí být nad ním, jinak se ztratí jen u projektů s obrázkem. */
.project-pin-button.gallery-pin[b-pr11pswbv8] {
  z-index: 3;
  top: 8px;
  left: 8px;
  padding: 6px 9px;
  border-radius: 8px;
  color: #fff;
  background: rgba(0, 0, 0, .38);
  border: 1px solid rgba(255, 255, 255, .22);
  text-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}

/* Accent barva (oranžová) na tmavém poloprůhledném pozadí lišty splývá a je nečitelná -
   v galerii proto necháváme připnutou ikonu bílou stejně jako ostatní akce v liště. */
.project-pin-button.gallery-pin:has(.fas) i[b-pr11pswbv8] {
  color: #fff;
}

/* Stejný důvod platí i pro nepřipnutý pin: šedá (#8c8c8c) i accent barva z hoveru (řádek výše)
   jsou na tmavém poloprůhledném pozadí lišty nekontrastní - v galerii proto ikona zůstává vždy bílá. */
.project-pin-button.gallery-pin i[b-pr11pswbv8],
.project-pin-button.gallery-pin:hover i[b-pr11pswbv8] {
  color: #fff;
}

/*# sourceMappingURL=ProjectPinButton.razor.css.map */
/* /Pages/Projects/Detail/ProjectStatusBadge.razor.rz.scp.css */
.project-status-badge[b-c21k2j8z83] {
  --status-menu-shadow: 0 6px 24px rgba(0, 0, 0, 0.13);
  --status-menu-shadow-dark: 0 6px 24px rgba(0, 0, 0, 0.4);
  --status-menu-border: rgba(0, 0, 0, 0.08);
  --status-menu-border-dark: rgba(255, 255, 255, 0.1);
  --status-option-active-bg: rgba(0, 0, 0, 0.05);
  --status-option-active-bg-dark: rgba(255, 255, 255, 0.07);
  display: inline-flex;
  align-items: center;
}
.project-status-badge .btn-status[b-c21k2j8z83] {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 2px 8px 2px 7px;
  border-radius: 14px;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1.3;
  transition: filter 0.15s ease, opacity 0.15s ease;
  opacity: 1;
  background: transparent;
}
.project-status-badge .btn-status[b-c21k2j8z83]::after {
  display: none;
}
.project-status-badge .btn-status:hover[b-c21k2j8z83] {
  opacity: 1;
  filter: brightness(1.08);
}
.project-status-badge .btn-status:active[b-c21k2j8z83], .project-status-badge .btn-status:focus[b-c21k2j8z83] {
  box-shadow: none !important;
}
.project-status-badge .btn-status i[b-c21k2j8z83] {
  font-size: 0.82rem;
  opacity: 0.7;
}
.project-status-badge .btn-status.status-done[b-c21k2j8z83] {
  opacity: 1;
  font-weight: 500;
}
.project-status-badge .btn-status.status-done i[b-c21k2j8z83] {
  opacity: 1;
}
.project-status-badge .btn-status.status-waiting[b-c21k2j8z83] {
  opacity: 0.95;
  font-weight: 500;
}
.project-status-badge .btn-status.status-waiting i[b-c21k2j8z83] {
  opacity: 0.95;
}
.project-status-badge .btn-status.status-hold[b-c21k2j8z83] {
  opacity: 0.88;
  font-weight: 500;
}
.project-status-badge .btn-status.status-hold i[b-c21k2j8z83] {
  opacity: 0.85;
}
.project-status-badge .btn-status.status-active[b-c21k2j8z83],
.project-status-badge .btn-status.status-preparation[b-c21k2j8z83],
.project-status-badge .btn-status.status-post[b-c21k2j8z83] {
  opacity: 1;
  font-weight: 500;
}
.project-status-badge .btn-status.status-active i[b-c21k2j8z83],
.project-status-badge .btn-status.status-preparation i[b-c21k2j8z83],
.project-status-badge .btn-status.status-post i[b-c21k2j8z83] {
  opacity: 0.85;
}
.project-status-badge .btn-status.status-cancelled[b-c21k2j8z83] {
  opacity: 0.45;
}
.project-status-badge .btn-status.status-cancelled i[b-c21k2j8z83] {
  opacity: 0.5;
}
.project-status-badge .dropdown-menu-status[b-c21k2j8z83] {
  min-width: 210px;
  border-radius: 12px;
  box-shadow: var(--status-menu-shadow);
  border: 1px solid var(--status-menu-border);
}
[data-bs-theme=dark] .project-status-badge .dropdown-menu-status[b-c21k2j8z83] {
  border-color: var(--status-menu-border-dark);
  box-shadow: var(--status-menu-shadow-dark);
}
.project-status-badge .status-option[b-c21k2j8z83] {
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 0.82rem;
  cursor: pointer;
  transition: background-color 0.12s ease;
}
.project-status-badge .status-option.active[b-c21k2j8z83] {
  font-weight: 600;
  background: var(--status-option-active-bg);
}
[data-bs-theme=dark] .project-status-badge .status-option.active[b-c21k2j8z83] {
  background: var(--status-option-active-bg-dark);
}
.project-status-badge .status-option .status-icon[b-c21k2j8z83] {
  width: 16px;
  text-align: center;
  font-size: 0.9rem;
}

.status-done[b-c21k2j8z83] {
  color: #16a34a !important;
  background-color: rgba(22, 163, 74, 0.14) !important;
  border-color: rgba(22, 163, 74, 0.35) !important;
}
[data-bs-theme=dark] .status-done[b-c21k2j8z83] {
  color: #4ade80 !important;
  background-color: rgba(74, 222, 128, 0.15) !important;
  border-color: rgba(74, 222, 128, 0.28) !important;
}

.status-waiting[b-c21k2j8z83] {
  color: #0891b2 !important;
  background-color: rgba(8, 145, 178, 0.12) !important;
  border-color: rgba(8, 145, 178, 0.28) !important;
}
[data-bs-theme=dark] .status-waiting[b-c21k2j8z83] {
  color: #22d3ee !important;
  background-color: rgba(34, 211, 238, 0.12) !important;
  border-color: rgba(34, 211, 238, 0.25) !important;
}

.status-hold[b-c21k2j8z83] {
  color: #d97706 !important;
  background-color: rgba(217, 119, 6, 0.11) !important;
  border-color: rgba(217, 119, 6, 0.25) !important;
}
[data-bs-theme=dark] .status-hold[b-c21k2j8z83] {
  color: #fbbf24 !important;
  background-color: rgba(251, 191, 36, 0.11) !important;
  border-color: rgba(251, 191, 36, 0.22) !important;
}

.status-active[b-c21k2j8z83] {
  color: #2563eb !important;
  background-color: rgba(37, 99, 235, 0.12) !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
}
[data-bs-theme=dark] .status-active[b-c21k2j8z83] {
  color: #60a5fa !important;
  background-color: rgba(96, 165, 250, 0.13) !important;
  border-color: rgba(96, 165, 250, 0.25) !important;
}

.status-preparation[b-c21k2j8z83] {
  color: #7c3aed !important;
  background-color: rgba(124, 58, 237, 0.11) !important;
  border-color: rgba(124, 58, 237, 0.28) !important;
}
[data-bs-theme=dark] .status-preparation[b-c21k2j8z83] {
  color: #a78bfa !important;
  background-color: rgba(167, 139, 250, 0.13) !important;
  border-color: rgba(167, 139, 250, 0.25) !important;
}

.status-post[b-c21k2j8z83] {
  color: #db2777 !important;
  background-color: rgba(219, 39, 119, 0.1) !important;
  border-color: rgba(219, 39, 119, 0.25) !important;
}
[data-bs-theme=dark] .status-post[b-c21k2j8z83] {
  color: #f472b6 !important;
  background-color: rgba(244, 114, 182, 0.12) !important;
  border-color: rgba(244, 114, 182, 0.23) !important;
}

.status-cancelled[b-c21k2j8z83] {
  color: #6b7280 !important;
  background-color: rgba(107, 114, 128, 0.05) !important;
  border-color: transparent !important;
  text-decoration: line-through;
  opacity: 0.5;
}
[data-bs-theme=dark] .status-cancelled[b-c21k2j8z83] {
  color: #9ca3af !important;
  background-color: rgba(156, 163, 175, 0.05) !important;
}
/* /Pages/Projects/Overview/ProjectsList.razor.rz.scp.css */
.project:not(:last-child)[b-29yqs98klq] {
  border-bottom: 1px solid rgba(131, 131, 131, 0.28);
}

[b-29yqs98klq] .project .no-tags-icon {
  opacity: 0;
}

.project .project-name[b-29yqs98klq] {
  font-size: 1.5em;
  font-weight: 300;
}
.project .project-icon[b-29yqs98klq] {
  font-size: 3em;
}

.projects-detailed[b-29yqs98klq]  .project {
  padding: 10px 25px;
  background: rgba(138, 138, 138, 0.0588235294);
  transition: background 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .projects-detailed[b-29yqs98klq]  .project:not(:last-child) {
    border-bottom: 1px solid rgba(139, 139, 139, 0.2392156863);
  }
}
.projects-detailed[b-29yqs98klq]  .project .project-summary {
  opacity: 0.5;
  font-size: 0.9em;
}
@media (min-width: 768px) {
  .projects-detailed[b-29yqs98klq]  .project {
    border-radius: 18px;
    border: 1px solid rgba(139, 139, 139, 0.1607843137);
  }
}
@media (max-width: 767px) {
  .projects-detailed[b-29yqs98klq] {
    margin-top: 0.75rem !important;
    gap: 0 !important;
  }
  .projects-detailed[b-29yqs98klq]  .project-detailed-card {
    max-width: none !important;
    padding: 14px 12px 16px;
  }
  .projects-detailed[b-29yqs98klq]  .project-card-header {
    gap: 12px !important;
    margin-bottom: 0 !important;
  }
  .projects-detailed .project-card-icon[b-29yqs98klq] {
    flex: 0 0 auto;
    font-size: 2.35rem;
    margin-top: 4px !important;
  }
  .projects-detailed[b-29yqs98klq]  .project-card-main {
    min-width: 0;
  }
  .projects-detailed .project-card-name[b-29yqs98klq] {
    min-width: 0;
    max-width: none !important;
    font-size: 1.25rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  .projects-detailed[b-29yqs98klq]  .project-pin-button,
  .projects-detailed[b-29yqs98klq]  .menu-trigger-icon {
    min-width: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .projects-detailed .project-description[b-29yqs98klq] {
    margin: 12px 0 0 48px !important;
    font-size: 0.95rem;
    line-height: 1.35;
  }
}
.projects-detailed .add-project-placeholder[b-29yqs98klq] {
  max-width: 400px;
  width: 100%;
  min-height: 200px;
  padding: 10px 25px;
  background: rgba(138, 138, 138, 0.0588235294);
  border: 1px solid rgba(139, 139, 139, 0.1607843137);
  border-radius: 18px;
  transition: all 0.2s ease-in-out;
  position: relative;
}
@media (max-width: 767px) {
  .projects-detailed .add-project-placeholder[b-29yqs98klq] {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(139, 139, 139, 0.2392156863);
  }
}
@media (min-width: 768px) {
  .projects-detailed .add-project-placeholder:hover[b-29yqs98klq] {
    background: #f0f0f0;
    border-color: #bdbdbd;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
  .projects-detailed .add-project-placeholder:hover .add-project-icon[b-29yqs98klq] {
    color: #232323;
    transform: scale(1.05);
  }
  .projects-detailed .add-project-placeholder:hover .add-project-text[b-29yqs98klq] {
    color: #1e1e1e;
  }
  [data-bs-theme=dark] .projects-detailed .add-project-placeholder:hover[b-29yqs98klq] {
    background: rgb(16, 16, 16);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-color: #2c2c2c;
  }
  [data-bs-theme=dark] .projects-detailed .add-project-placeholder:hover .add-project-icon[b-29yqs98klq], [data-bs-theme=dark] .projects-detailed .add-project-placeholder:hover .add-project-text[b-29yqs98klq] {
    color: #e1e1e1;
  }
}
.projects-detailed .add-project-placeholder .add-project-content[b-29yqs98klq] {
  pointer-events: none;
}
.projects-detailed .add-project-placeholder .add-project-icon[b-29yqs98klq] {
  font-size: 4rem;
  color: #8b8b8b;
  transition: all 0.2s ease-in-out;
}
.projects-detailed .add-project-placeholder .add-project-text[b-29yqs98klq] {
  font-size: 1rem;
  font-weight: 500;
  color: #8b8b8b;
  transition: all 0.2s ease-in-out;
}

.projects-medium[b-29yqs98klq]  .project {
  width: 308px;
  border: 1px solid rgba(135, 135, 135, 0.3215686275);
  border-radius: 10px;
  padding: 8px 7px 10px 15px;
  background: rgba(244, 244, 244, 0.4392156863);
  transition: background 0.2s ease-in-out;
}
[data-bs-theme=dark] .projects-medium[b-29yqs98klq]  .project {
  background: rgba(140, 140, 140, 0.1215686275);
}
.projects-medium[b-29yqs98klq]  .project .project-name {
  font-size: 1.2em;
  font-weight: 400;
  cursor: pointer;
}
.projects-medium[b-29yqs98klq]  .project .project-description {
  opacity: 0.6;
  font-size: 0.92em;
  cursor: pointer;
}
.projects-medium[b-29yqs98klq]  .project .buttons {
  opacity: 0.7;
  transition: opacity 0.15s;
}

.projects-compact .project-tile[b-29yqs98klq] {
  width: 130px;
  height: 130px;
  border: 1px solid rgba(160, 160, 160, 0.25);
  border-radius: 8px;
  position: relative;
  transition: all 0.2s ease-in-out;
  background: rgba(255, 255, 255, 0.6);
}
[data-bs-theme=dark] .projects-compact .project-tile[b-29yqs98klq] {
  background: rgba(39, 39, 39, 0.6);
}
.projects-compact .project-tile[b-29yqs98klq]  .menu-btn {
  opacity: 0;
  right: 4px;
  top: 0px;
}
.projects-compact .project-tile .project-icon[b-29yqs98klq] {
  font-size: 2.4em;
}
.projects-compact .project-tile .tile-name[b-29yqs98klq] {
  font-size: 0.85em;
  font-weight: 400;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
}
.projects-compact .project-tile[b-29yqs98klq]  .pin-compact {
  left: 4px;
  top: 5px;
}

.projects-gallery[b-29yqs98klq] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--gal-min-w, 240px), 1fr));
  gap: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.projects-gallery.gallery-size-pulse .gallery-card[b-29yqs98klq] {
  animation: gallery-size-pulse-b-29yqs98klq 0.24s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
@keyframes gallery-size-pulse-b-29yqs98klq {
  from {
    transform: scale(var(--gal-size-from, 1));
    opacity: 0.9;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.projects-gallery .gallery-card[b-29yqs98klq] {
  border-radius: 10px;
  overflow: hidden;
  background: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out, all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
}
[data-bs-theme=dark] .projects-gallery .gallery-card[b-29yqs98klq] {
  background: #1e1e1e;
  border-color: rgba(255, 255, 255, 0.08);
}
.projects-gallery .gallery-card.active[b-29yqs98klq] {
  outline: 2px solid var(--accent-color);
  outline-offset: 2px;
}
.projects-gallery .gallery-card:hover[b-29yqs98klq] {
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.14);
  transform: translateY(-2px);
}
.projects-gallery .gallery-card:hover .gallery-img[b-29yqs98klq] {
  transform: scale(1.05);
}
.projects-gallery .gallery-card:hover[b-29yqs98klq]  .gallery-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.projects-gallery .gallery-card .gallery-thumb:hover[b-29yqs98klq]  .gallery-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.projects-gallery .gallery-card .gallery-thumb[b-29yqs98klq] {
  position: relative;
  aspect-ratio: var(--gal-aspect, 16/9);
  background: #ddd;
  overflow: hidden;
  flex-shrink: 0;
  transition: aspect-ratio 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-bs-theme=dark] .projects-gallery .gallery-card .gallery-thumb[b-29yqs98klq] {
  background: #2c2c2c;
}
.projects-gallery .gallery-card .gallery-thumb .gallery-actions[b-29yqs98klq] {
  position: absolute;
  z-index: 3;
  top: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.projects-gallery .gallery-card .gallery-thumb .gallery-actions[b-29yqs98klq]  .gallery-pin,
.projects-gallery .gallery-card .gallery-thumb .gallery-actions .gallery-cover-upload-action[b-29yqs98klq]  .gallery-cover-upload,
.projects-gallery .gallery-card .gallery-thumb .gallery-actions[b-29yqs98klq]  .gallery-menu .gallery-menu-icon {
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.38);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.projects-gallery .gallery-card .gallery-thumb .gallery-actions[b-29yqs98klq]  .gallery-pin:hover,
.projects-gallery .gallery-card .gallery-thumb .gallery-actions .gallery-cover-upload-action[b-29yqs98klq]  .gallery-cover-upload:hover,
.projects-gallery .gallery-card .gallery-thumb .gallery-actions[b-29yqs98klq]  .gallery-menu .gallery-menu-icon:hover {
  background: rgba(0, 0, 0, 0.62);
  border-color: rgba(255, 255, 255, 0.4);
}
.projects-gallery .gallery-card .gallery-thumb .gallery-cover-upload-action[b-29yqs98klq] {
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.16s ease, transform 0.16s ease;
  pointer-events: none;
}
.projects-gallery .gallery-card .gallery-thumb .gallery-cover-upload-action[b-29yqs98klq]  .gallery-cover-upload {
  flex: 0 0 auto;
}
.projects-gallery .gallery-card .gallery-thumb .gallery-cover-upload-action[b-29yqs98klq]  .gallery-cover-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
.projects-gallery .gallery-card .gallery-thumb .gallery-img[b-29yqs98klq] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--gal-fit, cover);
  transition: object-fit 0.4s ease, transform 0.4s ease;
}
.projects-gallery .gallery-card .gallery-thumb .gallery-placeholder[b-29yqs98klq] {
  position: absolute;
  inset: 0;
}
.projects-gallery .gallery-card:hover .gallery-thumb .gallery-cover-upload-action[b-29yqs98klq], .projects-gallery .gallery-card:focus-within .gallery-thumb .gallery-cover-upload-action[b-29yqs98klq] {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.projects-gallery .gallery-card[b-29yqs98klq]  .gallery-menu {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.16s ease;
}
.projects-gallery .gallery-card .gallery-info[b-29yqs98klq] {
  padding: 10px 12px 12px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.projects-gallery .gallery-card .gallery-info .gallery-name[b-29yqs98klq] {
  font-size: 1.12em;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects-gallery .gallery-card .gallery-info .gallery-name--multiline[b-29yqs98klq] {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: clip;
}
.projects-gallery .gallery-card .gallery-info .gallery-meta[b-29yqs98klq] {
  font-size: 0.78em;
  opacity: 0.55;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects-gallery .gallery-add[b-29yqs98klq] {
  border: 2px dashed rgba(128, 128, 128, 0.25);
  background: linear-gradient(180deg, rgba(120, 120, 120, 0.12) 0%, rgba(120, 120, 120, 0.18) 100%);
}
[data-bs-theme=dark] .projects-gallery .gallery-add[b-29yqs98klq] {
  border-color: rgba(200, 200, 200, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.14) 100%);
}
.projects-gallery .gallery-add .gallery-thumb[b-29yqs98klq] {
  background: transparent;
  aspect-ratio: auto;
  min-height: 100%;
  flex: 1 1 auto;
}
.projects-gallery .gallery-add .gallery-thumb--add[b-29yqs98klq] {
  gap: 10px;
  padding: 1rem;
  text-align: center;
}
.projects-gallery .gallery-add .gallery-thumb--add i[b-29yqs98klq] {
  font-size: 3rem !important;
  opacity: 0.55 !important;
}
.projects-gallery .gallery-add .gallery-thumb--add .add-project-label[b-29yqs98klq] {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  opacity: 0.75;
  text-align: center;
  max-width: 12rem;
}
.projects-gallery .gallery-add:hover[b-29yqs98klq] {
  background: linear-gradient(180deg, rgba(128, 128, 128, 0.16) 0%, rgba(128, 128, 128, 0.22) 100%);
  border-color: rgba(128, 128, 128, 0.4);
  transform: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  .project .project-name:hover[b-29yqs98klq] {
    color: var(--accent-color);
  }
  .projects-detailed[b-29yqs98klq]  .project:hover {
    background: #ececec !important;
  }
  [data-bs-theme=dark] .projects-detailed[b-29yqs98klq]  .project:hover {
    background: rgb(18, 18, 18) !important;
  }
  .projects-detailed[b-29yqs98klq]  .project:hover .project-pin-button {
    opacity: 1;
  }
  .projects-medium[b-29yqs98klq]  .project:hover {
    background: rgba(218, 218, 218, 0.56);
  }
  [data-bs-theme=dark] .projects-medium[b-29yqs98klq]  .project:hover {
    background: rgba(255, 255, 255, 0.1450980392);
  }
  .projects-medium[b-29yqs98klq]  .project:hover .project-name {
    color: var(--accent-color);
  }
  .projects-medium[b-29yqs98klq]  .project:hover .project-pin-button {
    opacity: 1;
  }
  .projects-medium[b-29yqs98klq]  .project:hover .buttons {
    opacity: 1;
  }
  .projects-compact .project-tile:hover[b-29yqs98klq] {
    background: rgba(245, 245, 245, 0.95);
  }
  [data-bs-theme=dark] .projects-compact .project-tile:hover[b-29yqs98klq] {
    background: rgba(80, 80, 80, 0.8);
  }
  .projects-compact .project-tile:hover[b-29yqs98klq]  .project-pin-button, .projects-compact .project-tile:hover[b-29yqs98klq]  .menu-btn {
    opacity: 1;
  }
  [b-29yqs98klq] .project:hover .no-tags-icon {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }
  .project:hover[b-29yqs98klq]  .no-tags-icon {
    opacity: 1 !important;
    transition: opacity 0.3s ease-in-out;
  }
  .project:hover[b-29yqs98klq]  .project-pin-button {
    opacity: 1;
  }
  .project[b-29yqs98klq]  .project-pin-button,
  .projects-compact .project-tile[b-29yqs98klq]  .project-pin-button,
  .projects-compact .project-tile[b-29yqs98klq]  .menu-btn {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
  }
  .project:hover[b-29yqs98klq]  .project-pin-button,
  .projects-compact .project-tile:hover[b-29yqs98klq]  .project-pin-button,
  .projects-compact .project-tile:hover[b-29yqs98klq]  .menu-btn {
    opacity: 1;
  }
}
/* /Pages/Projects/Overview/ProjectsPage.razor.rz.scp.css */
/* .layout-toggle (samostatný přepínač full/split v toolbaru) byl odstraněn —
   split view se nyní ovládá z panelu "Vzhled" (ProjectsAppearancePanel), aby nebyl duplicitní. */

.split-view-container[b-lj6k12hw1p] {
  display: flex;
  gap: 0;
  height: calc(100vh - 130px);
  --split-left-pct: 50%;
}
.split-view-container .split-left[b-lj6k12hw1p] {
  flex: 0 0 var(--split-left-pct);
  min-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
  padding-left: 4px;
}
.split-view-container .split-handle[b-lj6k12hw1p] {
  flex: 0 0 12px;
  width: 12px;
  cursor: ew-resize;
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.split-view-container .split-handle[b-lj6k12hw1p]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background: rgba(128, 128, 128, 0.35);
  transition: background 0.2s, width 0.2s;
}
.split-view-container .split-handle[b-lj6k12hw1p]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 40px;
  background-image: radial-gradient(circle, rgba(128, 128, 128, 0.55) 1.2px, transparent 1.2px);
  background-size: 3px 4px;
  background-repeat: repeat;
  transition: opacity 0.2s, height 0.2s;
  opacity: 1;
}
.split-view-container .split-handle:hover[b-lj6k12hw1p]::before {
  width: 2px;
  background: var(--accent-color, rgba(128, 128, 200, 0.5));
}
.split-view-container .split-handle:hover[b-lj6k12hw1p]::after {
  height: 56px;
  background-image: radial-gradient(circle, var(--accent-color, rgba(128, 128, 200, 0.85)) 1.2px, transparent 1.2px);
  background-size: 3px 4px;
}
.split-view-container .split-handle:active[b-lj6k12hw1p]::before {
  width: 2px;
  background: var(--accent-color, rgba(128, 128, 200, 0.7));
}
.split-view-container .split-handle:active[b-lj6k12hw1p]::after {
  height: 56px;
  background-image: radial-gradient(circle, var(--accent-color, rgb(128, 128, 200)) 1.2px, transparent 1.2px);
  background-size: 3px 4px;
}
.split-view-container .split-right[b-lj6k12hw1p] {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 8px;
}

.split-feed-panel .split-feed-hero[b-lj6k12hw1p] {
  border-bottom: 1px solid rgba(128, 128, 128, 0.15);
  padding-bottom: 12px;
}
.split-feed-panel .split-hero-name[b-lj6k12hw1p] {
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.3;
}
.split-feed-panel .split-hero-meta[b-lj6k12hw1p] {
  font-size: 0.82em;
  opacity: 0.7;
}
.split-feed-panel .split-hero-desc[b-lj6k12hw1p] {
  font-size: 0.82em;
  opacity: 0.65;
  line-height: 1.45;
}
.split-feed-panel .split-feed-content[b-lj6k12hw1p] {
  padding-top: 8px;
}
/* /Pages/Projects/Overview/ProjectStatusFiltering.razor.rz.scp.css */
.status-filter-btn[b-rrf8qc4ok8] {
  height: 28px;
  padding: 0px 11px;
  border: 1px solid transparent;
  outline: none;
  background: rgba(135, 135, 135, 0.2784313725);
  font-size: 0.85rem;
  transition: all 0.15s ease-in-out;
  box-shadow: none !important;
  color: #6b7280;
  border-color: #d1d5db;
}
[data-bs-theme=dark] .status-filter-btn[b-rrf8qc4ok8] {
  background: #404040;
  border-color: #525252;
  color: #9ca3af;
}
.status-filter-btn:hover[b-rrf8qc4ok8] {
  filter: brightness(1.1);
  border-color: #9ca3af;
}
.status-filter-btn.active[b-rrf8qc4ok8] {
  background: #b5adff;
  border-color: #8b5cf6;
  color: #5b21b6;
  font-weight: 500;
}
[data-bs-theme=dark] .status-filter-btn.active[b-rrf8qc4ok8] {
  background: #5344db;
  border-color: #7c3aed;
  color: #e9d5ff;
}

/*# sourceMappingURL=ProjectStatusFiltering.razor.css.map */
/* /Pages/Projects/ProjectCards/FeedFolderCard.razor.rz.scp.css */
.folder[b-9qex7m367d] {
  border: 1px solid rgba(135, 135, 135, 0.368627451);
  border-radius: 15px;
  padding: 11px 36px;
  cursor: pointer;
}
.folder .folder-name[b-9qex7m367d] {
  font-size: 17px;
}
.folder:hover[b-9qex7m367d] {
  background-color: var(--bs-primary-bg-subtle);
}

/*# sourceMappingURL=FeedFolderCard.razor.css.map */
/* /Pages/Projects/ProjectCards/FeedFolderCards.razor.rz.scp.css */
[b-gs6x2sqmyk] #sortable {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
/* /Pages/Projects/ProjectFeed/Components/Audio/AnnotationsList.razor.rz.scp.css */
.annotation[b-cs6fw6wlse] {
  gap: 0.1rem;
  min-width: 8rem;
  padding: 0.4rem 0.55rem;
  border: 0;
  border-radius: 9px;
  background: rgba(var(--bs-body-color-rgb), 0.055);
  transition: background-color 120ms ease, box-shadow 120ms ease;
}
.annotation:not(.selected)[b-cs6fw6wlse] {
  cursor: pointer;
}
.annotation.selected[b-cs6fw6wlse] {
  border: 0 !important;
  background: rgba(var(--bs-primary-rgb), 0.12);
  box-shadow: inset 0 0 0 1px rgba(var(--bs-primary-rgb), 0.28);
}
.annotation.selected .header[b-cs6fw6wlse] {
  background: transparent !important;
  color: var(--bs-primary);
}

.annotation .header[b-cs6fw6wlse] {
  gap: 0.4rem;
  padding: 0;
  border-radius: 0;
  background: transparent !important;
  color: inherit;
  font-size: 0.74rem;
  text-align: left;
}

.annotation .small[b-cs6fw6wlse] {
  font-size: 0.66rem;
  line-height: 1.15;
}

.annotation:hover[b-cs6fw6wlse] {
  background: rgba(var(--bs-body-color-rgb), 0.08);
}

/*# sourceMappingURL=AnnotationsList.razor.css.map */
/* /Pages/Projects/ProjectFeed/Components/Audio/FeedAudioPlayer.razor.rz.scp.css */
/* === Desktopové akce anotací – minimalistické pill buttony ===
   Nahrazují původní bootstrap btn-group; drží tichý ghost vzhled, aby nesoupeřily s Play. */
.audio-annotation-actions[b-leakz5anxo] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.audio-annotation-btn[b-leakz5anxo] {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.7rem;
  border: 1px solid rgba(var(--bs-body-color-rgb), 0.18);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  opacity: 0.75;
  font-size: 0.78rem;
  line-height: 1.3;
  white-space: nowrap;
  transition: opacity 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.audio-annotation-btn:hover[b-leakz5anxo] {
  opacity: 1;
  border-color: rgba(var(--bs-body-color-rgb), 0.35);
  background: rgba(var(--bs-body-color-rgb), 0.05);
}

/* Ikonová varianta (bodová anotace) – kompaktní kruh vedle hlavního pillu. */
.audio-annotation-btn-icon[b-leakz5anxo] {
  padding: 0.25rem 0.5rem;
}

/* Zamčená varianta bez modulu – jen decentně ztlumená, klik otevírá upgrade flow. */
.audio-annotation-btn-locked[b-leakz5anxo] {
  opacity: 0.55;
}

/* Horní tlačítka (předchozí/další/stažení/fullscreen) – na desktopu plovou v rohu nad vlnovkou. */
.top-buttons[b-leakz5anxo] {
  position: absolute;
}

.audio-player-root.embedded .top-buttons[b-leakz5anxo] {
  position: absolute;
  top: -0.3rem !important;
  right: -0.1rem !important;
  justify-content: flex-end;
  width: auto;
  gap: 0.15rem !important;
  margin: 0;
  z-index: 3;
}

/* Inline varianta má být součástí příspěvku, ne další karta. Vlastní povrch proto
   dostává jen waveform; hlavička a ovládání zůstávají na pozadí příspěvku. */
.audio-player-root.embedded h6[b-leakz5anxo] {
  min-width: 0;
  min-height: 1.35rem;
  margin: 0 0 0.35rem !important;
  padding-right: 13rem;
  overflow: hidden;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.005em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.audio-player-root.embedded .audio-waveform-stage[b-leakz5anxo] {
  padding: 0.5rem 0.6rem 0.2rem;
  border: 1px solid rgba(var(--bs-body-color-rgb), 0.055);
  border-radius: 10px;
  background: rgba(var(--bs-body-color-rgb), 0.022);
}

/* === Kompaktní karta ve feedu ===
   Stejný root/instance jako rozbalený přehrávač (viz FeedAudioPlayer.razor - CompactMode),
   jen s menší, neinteraktivní vlnovkou a bez ovládacích prvků. Vizuálně navazuje na dřívější
   samostatnou AudioPreview kartu (viz Files/Edit/AudioPreview.razor.css), aby přechod na
   kompaktní vzhled po sbalení nepůsobil jako jiná komponenta. */
.audio-player-root.embedded.compact[b-leakz5anxo] {
  cursor: pointer;
}

.audio-player-root.embedded.compact .audio-waveform-stage[b-leakz5anxo] {
  position: relative; /* kotva pro vystředěnou .audio-preview-play ikonu, ne celý root */
  padding: 0.5rem 0.6rem 0.2rem;
}

.audio-compact-header[b-leakz5anxo] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  min-width: 0;
  min-height: 1.35rem;
  margin: 0 0 0.35rem;
  padding-right: 13rem; /* Rezerva chrání název před absolutně umístěnými akcemi po rozbalení. */
}

.audio-compact-title[b-leakz5anxo] {
  min-width: 0;
  font-weight: 650;
  font-size: 0.84rem;
  opacity: 0.82;
}

.audio-player-root.embedded.compact .audio-preview-duration[b-leakz5anxo] {
  flex: 0 0 auto;
  font-size: 0.76rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.58;
}

/* WaveSurfer je v kompaktním stavu čistě dekorativní - klik na kartu (viz OnRootClickAsync)
   ji má rozbalit, ne se pokoušet o drag-seek do audia, které ještě není načtené. */
[b-leakz5anxo] .compact-wave {
  pointer-events: none;
}

/* Timeline a desktopová minimapa se připojují až po načtení audioInfo a přidají pod hlavní
   canvas 22 px. Rezerva je součástí obou stavů, aby první klik nezměnil výšku waveform stage. */
.audio-player-root.embedded[b-leakz5anxo]  [id^="wavesurf_"] {
  min-height: 86px;
}

.audio-player-root.embedded.compact .audio-preview-play[b-leakz5anxo] {
  position: absolute;
  top: calc(0.5rem + 32px); /* Ikona zůstává uprostřed hlavního 64px canvasu, ne včetně rezervy pluginů. */
  left: 50%;
  z-index: 2;
  width: 26px;
  height: 26px;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: rgba(var(--bs-primary-rgb), 0.62);
  border: 1px solid rgba(255, 255, 255, 0.3);
  pointer-events: none;
}

.audio-player-root.embedded.compact .audio-preview-play i[b-leakz5anxo] {
  margin-left: 2px;
  font-size: 0.7rem;
}

.audio-player-root.embedded .audio-controls[b-leakz5anxo] {
  min-height: 1.85rem;
  padding: 0 0.1rem;
  font-size: 0.8rem;
}

.audio-player-root.embedded .audio-transport[b-leakz5anxo] {
  gap: 0.65rem !important;
}

.audio-player-root.embedded .audio-scroll-area[b-leakz5anxo] {
  max-height: min(270px, 38vh);
  overflow-y: auto;
  scrollbar-width: thin;
}

.audio-player-root.embedded .audio-player-comments[b-leakz5anxo] {
  margin-top: 0.4rem !important;
}

/* ButtonLink žije mimo CSS scope. Menší ikony drží desktopový toolbar na jediném
   nenápadném řádku, ale zachovávají původní interaktivní plochu komponenty. */
.audio-player-root.embedded[b-leakz5anxo]  .top-buttons .button-link {
  padding: 0.2rem 0.3rem;
  font-size: 0.78rem;
  opacity: 0.5;
}

.audio-player-root.embedded[b-leakz5anxo]  .top-buttons .button-link:hover {
  opacity: 1;
}

.audio-current-version[b-leakz5anxo] {
  display: inline-flex;
  padding: 1px 7px;
  border-radius: 999px;
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), 0.1);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  vertical-align: middle;
}

/* Nedostupná navigační šipka (žádný předchozí/další song) – výrazně ztlumit.
   ButtonLink je mimo scope (::deep) a Bootstrap .btn.disabled drží opacity 0.65, proto !important. */
[b-leakz5anxo] .audio-nav-unavailable {
  opacity: 0.3 !important;
}

/* Pozn.: fullscreen overlay (.bm-container) řeší globální <style> ve FeedAudioPlayerStyles.razor,
   protože overlay je předkem komponenty a scoped ::deep na něj nedosáhne. */
@media (max-width: 576px) {
  /* Mobil nemá minimapu; rezervujeme proto jen 12px timeline pod 52px hlavním canvasem. */
  .audio-player-root.embedded[b-leakz5anxo]  [id^="wavesurf_"] {
    min-height: 64px;
  }

  .audio-player-root.embedded.compact .audio-preview-play[b-leakz5anxo] {
    top: calc(0.5rem + 26px);
  }

  /* Fullscreen flex sloupec: hlavička, vlnovka a dolní lišta jsou fixní, scrolluje jen .audio-scroll-area. */
  .audio-player-root:not(.embedded)[b-leakz5anxo] {
    height: 100dvh;
    /* iPhone fullscreen modal obchází běžný app header, proto safe area + rezerva nahoře na řádek s close. */
    padding: calc(env(safe-area-inset-top) + 4.5rem) 0.75rem 0 0.75rem; /* horní rezerva drží close nad nadpisem; dolní lišta řeší vlastní padding */
    display: flex;
    flex-direction: column;
    overflow: hidden; /* zabrání scrollu celého okna; scroll obstará jen vnitřní oblast */
  }

  /* Jediná scrollovatelná oblast – seznam anotací a komentářů. */
  .audio-scroll-area[b-leakz5anxo] {
    flex: 1 1 auto;
    min-height: 0; /* nutné, aby flex potomek mohl scrollovat místo roztažení rodiče */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 -0.75rem; /* komentáře přes celou šířku, vnitřní padding si řeší samy */
    padding: 0 0.75rem;
  }

  /* Dolní lišta roztáhneme přes celou šířku okna (zruší horizontální padding rootu). */
  .audio-mobile-bar[b-leakz5anxo] {
    margin: 0 -0.75rem;
  }

  .audio-player-root.embedded .audio-scroll-area[b-leakz5anxo] {
    max-height: min(260px, 38vh);
    margin: 0;
    padding: 0;
  }

  .audio-player-root.embedded .audio-mobile-bar[b-leakz5anxo] {
    margin: 0;
    border-radius: 0 0 10px 10px;
  }

  .audio-player-root.embedded h6[b-leakz5anxo] {
    min-height: 1.4rem;
    margin-bottom: 0.35rem !important;
    padding-right: 0;
    font-size: 0.86rem;
  }

  .audio-player-root.embedded .audio-waveform-stage[b-leakz5anxo] {
    padding: 0.5rem 0.55rem 0.2rem;
    border-radius: 10px;
  }

  /* Close vlevo nahoře nad celým fullscreen oknem.
     ButtonLink renderuje vnitřní <button> mimo CSS scope, proto cílíme přes ::deep. */
  [b-leakz5anxo] .audio-close-button {
    position: absolute;
    top: calc(env(safe-area-inset-top) + 0.5rem);
    left: 0.6rem;
    z-index: 10;
    min-width: 44px;
    min-height: 44px;
    padding: 0.4rem; /* rezerva kolem ikony pro pohodlný tap, kroužek nelepí přímo na okraj */
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start; /* ikona zarovnaná vlevo, žádná mezera před šipkou */
  }

  /* Vlastní velikost ikony – .icon třída uvnitř ButtonLinku má vyšší specificitu než font-size na buttonu. */
  [b-leakz5anxo] .audio-close-button .icon {
    font-size: 1.8em; /* Šipka zpět v kroužku, dostatečně velká pro pohodlný tap na iPhone. */
  }

  /* Nadpis je na samostatném řádku pod close (horní padding rootu drží odstup), proto bez levé rezervy. */
  .audio-player-root h6[b-leakz5anxo] {
    min-height: 1.75rem;
  }
}

/* === Mobilní native transport lišta (renderuje se jen při uSvc.IsMobileSize) ===
   Fixní spodní položka flex sloupce .audio-player-root – nescrolluje s komentáři. */
.audio-mobile-bar[b-leakz5anxo] {
  position: relative;
  flex: 0 0 auto;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  padding: 0.6rem 0.75rem;
  background: var(--bs-body-bg, #fff);
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
}

/* Přidat region – kompaktní kruhové tlačítko s plus (sekundární k play). */
.audio-mobile-bar .audio-bar-region[b-leakz5anxo] {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--bs-info, #0dcaf0);
  background: transparent;
  color: var(--bs-info, #0dcaf0);
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Uzamčená varianta (bez modulu) – neutrální barva zámku. */
.audio-mobile-bar .audio-bar-region-locked[b-leakz5anxo] {
  border-color: rgba(128, 128, 128, 0.4);
  color: rgba(128, 128, 128, 0.8);
}

/* Skip o 10 s držíme vizuálně menší než hlavní Play, ale stále dost velké pro pohodlný tap. */
.audio-mobile-bar .audio-bar-skip[b-leakz5anxo] {
  position: relative;
  touch-action: manipulation;
  user-select: none;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(128, 128, 128, 0.3);
  background: transparent;
  color: inherit;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.audio-mobile-bar .audio-bar-skip__label[b-leakz5anxo] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  font-size: 8px;
  font-weight: 600;
  line-height: 1;
  opacity: 0.55;
}

/* Velké kruhové Play/Pause – těžiště nativní lišty. */
.audio-mobile-bar .audio-bar-play[b-leakz5anxo] {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: none;
  background: var(--bs-primary, #0d6efd);
  color: #fff;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ⋮ overflow tlačítko pro sekundární akce. */
.audio-mobile-bar .audio-bar-menu-toggle[b-leakz5anxo] {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(128, 128, 128, 0.3);
  background: transparent;
  color: inherit;
  font-size: 18px;
}

/* Vyskakovací menu nad lištou. */
.audio-mobile-menu[b-leakz5anxo] {
  position: absolute;
  right: 0.75rem;
  bottom: calc(100% - 0.25rem);
  min-width: 200px;
  background: var(--bs-body-bg, #fff);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  padding: 0.35rem;
  z-index: 7;
}

.audio-menu-item[b-leakz5anxo] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  min-height: 44px;
  padding: 0.5rem 0.75rem;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
  font-size: 15px;
}

.audio-menu-item:hover[b-leakz5anxo] {
  background: rgba(128, 128, 128, 0.12);
}

.audio-menu-item:disabled[b-leakz5anxo] {
  opacity: 0.4;
  cursor: default;
}

.audio-menu-item:disabled:hover[b-leakz5anxo] {
  background: transparent;
}

.audio-menu-item > i:first-child[b-leakz5anxo],
[b-leakz5anxo] .audio-menu-item .icon {
  min-width: 20px;
  text-align: center;
}

/* Řádek se zoomem – ovládací tlačítka odsadíme doprava. */
.audio-menu-version-controls[b-leakz5anxo],
.audio-menu-zoom-controls[b-leakz5anxo] {
  margin-left: auto;
}

.audio-menu-version-controls[b-leakz5anxo] {
  display: inline-flex;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 8px;
  overflow: hidden;
}

.audio-menu-icon-button[b-leakz5anxo] {
  width: 44px;
  height: 36px;
  border: none;
  border-right: 1px solid rgba(128, 128, 128, 0.25);
  background: transparent;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.audio-menu-icon-button:last-child[b-leakz5anxo] {
  border-right: none;
}

.audio-menu-icon-button:disabled[b-leakz5anxo] {
  opacity: 0.35;
  cursor: default;
}

.audio-menu-icon-button:not(:disabled):hover[b-leakz5anxo] {
  background: rgba(128, 128, 128, 0.12);
}

/* AudioZoom je Megacentral komponenta mimo CSS scope – cílíme přes ::deep. */
.audio-menu-zoom-controls[b-leakz5anxo]  .button {
  height: 36px;
}

/* Backdrop přes celou plochu pro zavření menu klikem mimo. */
.audio-menu-backdrop[b-leakz5anxo] {
  position: fixed;
  inset: 0;
  z-index: 6;
}
/* /Pages/Projects/ProjectFeed/Components/Files/Edit/AudioPreview.razor.rz.scp.css */
.audio-preview-wrap[b-1ypkp6brld] {
  cursor: pointer;
  border: 1px solid rgba(var(--bs-body-color-rgb), 0.1);
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(var(--bs-body-color-rgb), 0.025);
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.audio-preview-wrap:hover[b-1ypkp6brld] {
  background: rgba(var(--bs-primary-rgb), 0.055);
  border-color: rgba(var(--bs-primary-rgb), 0.28);
  transform: translateY(-1px);
}

.audio-preview-wrap:focus-visible[b-1ypkp6brld] {
  outline: 2px solid rgba(var(--bs-primary-rgb), 0.55);
  outline-offset: 2px;
}

.audio-preview-header[b-1ypkp6brld] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-bottom: 6px;
}

.audio-preview-play[b-1ypkp6brld] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: rgba(var(--bs-primary-rgb), 0.62);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 3px 8px rgba(var(--bs-primary-rgb), 0.15);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.audio-preview-wrap:hover .audio-preview-play[b-1ypkp6brld] {
  transform: translate(-50%, -50%) scale(1.06);
  box-shadow: 0 4px 10px rgba(var(--bs-primary-rgb), 0.2);
}

.audio-preview-play i[b-1ypkp6brld] {
  margin-left: 2px;
}

.audio-preview-title[b-1ypkp6brld] {
  min-width: 0;
  flex: 1 1 auto;
  font-weight: 650;
  opacity: 0.82;
  text-align: right;
}

.audio-preview-duration[b-1ypkp6brld] {
  flex: 0 0 auto;
  font-size: 0.76rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.58;
}

.audio-version-badge[b-1ypkp6brld] {
  flex: 0 0 auto;
  padding: 3px 8px;
  border-radius: 999px;
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), 0.12);
  font-size: 0.7rem;
  font-weight: 700;
}

.audio-container[b-1ypkp6brld] {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 2px;
  overflow: hidden;
  align-items: center;
  position: relative;
}

.waveform[b-1ypkp6brld] {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 42px;
  width: 100%;
  overflow: hidden;
  margin: 0;
  box-sizing: border-box;
}

.bar[b-1ypkp6brld] {
  border-radius: 2px;
  flex: 1 0 0;
  min-width: 1px;
  max-height: 100%;
  box-sizing: border-box;
  align-self: center;
  background: #c5c5c5;
  /*background: rgba(var(--bs-primary-rgb), 0.28);*/
}

[data-bs-theme=dark] .bar[b-1ypkp6brld] {
  /*background: rgba(var(--bs-primary-rgb), 0.38);*/
  background: rgba(128,128,128, 0.78);
}

@media (max-width: 576px) {
  .audio-preview-wrap[b-1ypkp6brld] {
    padding: 10px 11px;
  }

  .audio-preview-play[b-1ypkp6brld] {
    width: 34px;
    height: 34px;
  }

  .waveform[b-1ypkp6brld] {
    height: 46px; /* Na telefonu zůstává waveform dost vysoký pro čitelnost, i když je celý náhled klikací. */
  }
}
/* /Pages/Projects/ProjectFeed/Components/Files/Edit/FilesEditor.razor.rz.scp.css */
/* Chip verze drží tichý ghost vzhled — informuje, ale nesoupeří s názvem souboru. */
.file-version-chip .badge[b-4o9apcz4ov],
.file-version-history .badge[b-4o9apcz4ov] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: rgba(var(--bs-body-color-rgb), 0.08) !important;
    color: rgba(var(--bs-body-color-rgb), 0.75);
}

/* Historie verzí je vizuálně odsazená větev pod aktuální verzí. */
.file-version-history[b-4o9apcz4ov] {
    border-left: 1px solid rgba(var(--bs-body-color-rgb), 0.15);
    padding-left: 0.75rem;
}

/* Akce nahrání verze se zviditelní až při zájmu o kartu souboru.
   ::deep je nutné — třída sedí na root elementu vnořené komponenty ButtonLink,
   která nenese scope atribut tohoto souboru. */
.file-attachment[b-4o9apcz4ov]  .file-add-version {
    opacity: 0.6;
    transition: opacity 0.15s ease;
}

.file-attachment:hover[b-4o9apcz4ov]  .file-add-version,
.file-attachment:focus-within[b-4o9apcz4ov]  .file-add-version {
    opacity: 1;
}

/* Dotyková zařízení nemají hover — akce musí zůstat viditelná trvale. */
@media (hover: none) {
    .file-attachment[b-4o9apcz4ov]  .file-add-version {
        opacity: 0.8;
    }
}
/* /Pages/Projects/ProjectFeed/Components/Files/Edit/MultiImagePreview.razor.rz.scp.css */
.photo-tile[b-taua2m4dk8] {
  position: relative;
  cursor: pointer;
  border-radius: 10px;
  user-select: none;
}

.photo-tile img[b-taua2m4dk8] {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(136, 136, 136, 0.62);
  display: block;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.photo-tile:hover img[b-taua2m4dk8] {
  transform: scale(1.03);
}

/* Vybraná dlaždice: zvýrazněný rámeček + fajfka */
.photo-tile.selected img[b-taua2m4dk8] {
  outline: 3px solid var(--bs-primary, #0d6efd);
  outline-offset: -3px;
  opacity: 0.85;
}

.photo-tile .selected-check[b-taua2m4dk8] {
  position: absolute;
  top: 4px;
  left: 6px;
  color: var(--bs-primary, #0d6efd);
  background: #fff;
  border-radius: 50%;
  line-height: 1;
  font-size: 18px;
}

/* Badge s počtem variant v rohu dlaždice */
.photo-tile .variant-badge[b-taua2m4dk8] {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 7px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  pointer-events: none;
}
/* /Pages/Projects/ProjectFeed/Components/Files/Edit/MultiVideoPreview.razor.rz.scp.css */
img[b-84hv1q3kqt] {
  width: 90px;
  max-height: 90px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(136, 136, 136, 0.62);
}
/* /Pages/Projects/ProjectFeed/Components/Files/View/AllFilesViewer.razor.rz.scp.css */
/* Odstup audio karty (kompaktní i rozbalené) od dalšího obsahu příspěvku - dřív držel margin
   na wrapperu ".inline-audio-transition", který zprostředkovával crossfade mezi náhledem a
   FeedAudioPlayer. Ten wrapper už neexistuje (FeedAudioPlayer je teď jediná trvalá instance
   pro obě zobrazení, viz AllFilesViewer.razor), margin proto jde přímo na jeho kořen. */
[b-tuchw7g40y] .audio-player-root.embedded {
  margin-bottom: 0.35rem;
}

@media (max-width: 576px) {
  [b-tuchw7g40y] .audio-player-root.embedded {
    margin-bottom: 0.25rem;
  }
}
/* /Pages/Projects/ProjectFeed/Components/Files/View/AttachmentReactionButton.razor.rz.scp.css */
.attachment-reaction-summary[b-583m0ljkrs] {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.42);
  color: #fff;
  backdrop-filter: blur(4px);
}

[b-583m0ljkrs] .attachment-feedback-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.55rem;
  min-height: 1.55rem;
  padding: 0.28rem !important;
  font-size: 0.82rem;
  color: #fff !important;
}

[b-583m0ljkrs] .attachment-feedback-button.is-mine {
  color: var(--bs-primary, #7967ff) !important;
}

.attachment-feedback-count[b-583m0ljkrs] {
  display: inline-flex;
  gap: 0.2rem;
  align-items: center;
  /* Levý padding chybí schválně: počet navazuje na ikonu tlačítka, která má vlastní odsazení. */
  padding-right: 0.42rem;
  font-size: 0.68rem;
  font-weight: 600;
}
/* /Pages/Projects/ProjectFeed/Components/Files/View/MultiImageViewer.razor.rz.scp.css */
.post-gallery[b-d7q60ixjll] {
  /* Jediný zdroj pravdy pro rozestup dlaždic. Mozaika staví na CSS columns, kde se
     vodorovná mezera řídí column-gap a svislá margin-bottom dlaždice - obě musí
     vycházet ze stejné hodnoty, jinak mřížka opticky "nesedí". */
  --gallery-gap: 4px;
  position: relative;
  display: grid;
  gap: var(--gallery-gap);
  width: 100%;
  max-height: 800px;
  overflow: hidden;
  border-radius: 10px;
}

.post-gallery.gallery-single[b-d7q60ixjll] {
  grid-template-columns: 1fr;
}

.post-gallery.gallery-single[b-d7q60ixjll]  .photo-review-item,
.post-gallery.gallery-single[b-d7q60ixjll]  .photo-review-item img {
  height: auto;
  max-height: 800px;
}

.post-gallery.gallery-double[b-d7q60ixjll] {
  grid-template-columns: 1fr 1fr;
}

.post-gallery.gallery-triple[b-d7q60ixjll] {
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.post-gallery.gallery-triple .gallery-tile.img-large[b-d7q60ixjll] {
  grid-row: span 2;
}

.post-gallery.gallery-quad[b-d7q60ixjll] {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.post-gallery.gallery-double[b-d7q60ixjll],
.post-gallery.gallery-triple[b-d7q60ixjll],
.post-gallery.gallery-quad[b-d7q60ixjll] {
  aspect-ratio: 1;
}

.gallery-tile[b-d7q60ixjll] {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

/* Reakce vlevo dole. Ve výchozím stavu decentní; jakmile je fotka olajkovaná, zůstává
   plně viditelná i bez hoveru, aby uživatel při procházení galerie poznal, co už ohodnotil. */
.tile-reaction[b-d7q60ixjll] {
  position: absolute;
  left: 0.2rem;
  bottom: 0.35rem;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.gallery-tile:hover .tile-reaction[b-d7q60ixjll],
.gallery-tile:focus-within .tile-reaction[b-d7q60ixjll],
.tile-reaction:has(.attachment-feedback-button.is-mine)[b-d7q60ixjll] {
  opacity: 1;
}

/* Odznak počtu komentářů: pouze informace, ne akce (klik na fotku otevře detail i s diskuzí),
   proto bez pointeru a trvale viditelný - jinak by uživatel nepoznal, kde už diskuze běží. */
.tile-comment-summary-wrap[b-d7q60ixjll] {
  position: absolute;
  right: 0.2rem;
  bottom: 0.35rem;
  z-index: 3;
  cursor: pointer;
}

[b-d7q60ixjll] .tile-comment-summary {
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  min-height: 1.55rem;
  padding: 0 0.45rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.42);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 600;
  /* Odznak musí přijímat hover, jinak by se neukázal tooltip s počtem komentářů.
     Kurzor dědíme z dlaždice (pointer), aby bylo zřejmé, že klik otevře detail fotky. */
  cursor: inherit;
  backdrop-filter: blur(4px);
}

[b-d7q60ixjll] .photo-review-item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* Dlaždice je Megacentral.Blazor <Button> (otevírá viewer); přebíjíme Bootstrap .btn vzhled. */
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  cursor: pointer;
  text-align: inherit;
  font: inherit;
  color: inherit;
}

/* Tooltip obal Buttonu musí vyplnit čtvercovou buňku; jinak se řídí přirozenou výškou fotky a v gridu vznikají mezery. */
[b-d7q60ixjll] .photo-review-trigger {
  display: block;
  width: 100%;
  height: 100%;
}

[b-d7q60ixjll] .photo-review-item img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  border: none;
  border-radius: 0;
  transition: transform 0.3s ease;
}

[b-d7q60ixjll] .photo-review-item:hover img {
  transform: scale(1.03);
}

.gallery-grid[b-d7q60ixjll] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: auto;
  max-height: none;
  overflow: visible;
}

.gallery-grid .gallery-tile.img-grid[b-d7q60ixjll] {
  aspect-ratio: 1;
}

/* Lišta nad galerií; přepínač už nepřekrývá fotky, takže nepotřebuje tmavé podložení ani blur. */
.gallery-layout-bar[b-d7q60ixjll] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 6px;
}

.gallery-layout-toggle[b-d7q60ixjll] {
  overflow: hidden;
  border: 1px solid var(--bs-border-color, rgba(128, 128, 128, 0.35));
  border-radius: 7px;
}

[b-d7q60ixjll] .gallery-layout-toggle .btn {
  min-width: 30px;
  min-height: 28px;
  padding: 0.25rem 0.42rem;
  border: 0;
  border-radius: 0;
  /* Lišta leží na pozadí stránky, ne na fotce, proto barvy z tématu místo pevné bílé. */
  color: var(--bs-body-color, #666) !important;
  opacity: 0.65;
}

[b-d7q60ixjll] .gallery-layout-toggle .gallery-layout-toggle-active {
  background: var(--bs-secondary-bg, rgba(128, 128, 128, 0.2));
  opacity: 1;
}

/* Mozaika nechává v rozbalené galerii vyniknout skutečný poměr stran fotek.
   CSS columns zároveň nevyžadují JavaScriptové dopočítávání výšek dlaždic. */
.gallery-grid.gallery-masonry[b-d7q60ixjll] {
  display: block;
  column-count: 6;
  column-gap: var(--gallery-gap);
}

.gallery-grid.gallery-masonry .gallery-tile.img-grid[b-d7q60ixjll] {
  /* Blok nemá baseline mezeru jako inline-block, takže svislý rozestup přesně odpovídá column-gap. */
  display: block;
  width: 100%;
  margin: 0 0 var(--gallery-gap);
  aspect-ratio: auto;
  break-inside: avoid;
  /* Dlaždice obaluje <Button>, který dědí Bootstrap line-height. U dlaždice s automatickou
     výškou by se ten volný řádkový prostor přičetl pod fotku a svislá mezera by opticky
     narostla nad column-gap. Nulujeme ho na obalu i na tlačítku. */
  font-size: 0;
  line-height: 0;
}

.gallery-grid.gallery-masonry[b-d7q60ixjll]  .photo-review-trigger,
.gallery-grid.gallery-masonry[b-d7q60ixjll]  .photo-review-item,
.gallery-grid.gallery-masonry[b-d7q60ixjll]  .photo-review-item img {
  height: auto;
  min-height: 0;
  line-height: 0;
}

.gallery-grid.gallery-masonry[b-d7q60ixjll]  .photo-review-item img {
  /* Fotka si drží vlastní poměr stran z přirozené výšky. "contain" by uvnitř dlaždice
     vytvořil letterboxing a tím další nekonzistentní svislé mezery, proto "fill" spolu
     s height:auto - dlaždice se tvaruje podle fotky, ne naopak. */
  height: auto;
  object-fit: fill;
}

/* Popisky/odznaky uvnitř dlaždice si musí vrátit čitelnou typografii po nulování na obalu. */
.gallery-grid.gallery-masonry .variant-badge[b-d7q60ixjll],
.gallery-grid.gallery-masonry .tile-reaction[b-d7q60ixjll],
.gallery-grid.gallery-masonry[b-d7q60ixjll]  .tile-comment-summary {
  font-size: 12px;
  line-height: normal;
}

.gallery-grid.gallery-masonry .gallery-controls[b-d7q60ixjll] {
  column-span: all;
}

.gallery-controls[b-d7q60ixjll] {
  grid-column: 1 / -1;
  padding: 12px 4px 4px;
}

.more-action[b-d7q60ixjll] {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  background: rgba(0, 0, 0, 0.5);
}

.more-action[b-d7q60ixjll]  > div,
.more-action[b-d7q60ixjll]  .more-button {
  width: 100%;
  height: 100%;
}

.more-action[b-d7q60ixjll]  .more-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}

/* Skupina variant: dvě hrany karet vykouknou nad reprezentativní fotkou. */
[b-d7q60ixjll] .photo-review-item.has-variants img {
  margin-top: 9px;
  height: calc(100% - 9px);
  min-height: calc(100% - 9px);
  border-radius: 6px 6px 0 0;
}

[b-d7q60ixjll] .photo-review-item.has-variants::before,
[b-d7q60ixjll] .photo-review-item.has-variants::after {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 4px;
  transform: translateX(-50%);
  border-radius: 4px 4px 0 0;
  background: var(--photo-variant-layer-front, rgba(255, 255, 255, 0.75));
  box-shadow: var(--photo-variant-layer-front-shadow, 0 -1px 2px rgba(0, 0, 0, 0.15));
}

[b-d7q60ixjll] .photo-review-item.has-variants::before {
  top: 0;
  width: 82%;
  background: var(--photo-variant-layer-back, rgba(255, 255, 255, 0.5));
  box-shadow: var(--photo-variant-layer-back-shadow, 0 -1px 2px rgba(0, 0, 0, 0.15));
}

[b-d7q60ixjll] .photo-review-item.has-variants::after {
  top: 4px;
  width: 91%;
}

.variant-badge[b-d7q60ixjll] {
  position: absolute;
  top: 12px;
  right: 10px;
  /* Na desktopu patří odznak mimo reakci v levém dolním rohu; pravý horní roh zároveň
     drží informaci o variantách na stejném místě bez ohledu na výšku masonry dlaždice. */
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.52);
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  font-weight: 500;
  pointer-events: none;
  backdrop-filter: blur(4px);
}

.gallery-fullscreen[b-d7q60ixjll] {
  position: fixed;
  inset: 0;
  z-index: 1080;
  align-content: start;
  padding: max(16px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom));
  overflow-y: auto;
  border-radius: 0;
  background: var(--bs-body-bg, #111);
  overscroll-behavior: contain;
}

@media (max-width: 1100px) {
  .gallery-grid[b-d7q60ixjll] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .gallery-grid.gallery-masonry[b-d7q60ixjll] {
    column-count: 4;
    column-gap: var(--gallery-gap);
  }
}

@media (max-width: 767.98px) {
  /* Na mobilu necháváme dlaždici jako čistý vstup do detailu: rychlá reakce by překážela
     nad malým náhledem a soupeřila s gestem pro otevření fotky. Reakce zůstávají dostupné
     v PhotoSwipe panelu, kde jsou navázané na konkrétní právě zobrazenou variantu. */
  .tile-reaction[b-d7q60ixjll] {
    display: none;
  }

  .gallery-grid[b-d7q60ixjll] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .gallery-grid.gallery-masonry[b-d7q60ixjll] {
    column-count: 3;
    column-gap: var(--gallery-gap);
  }

  .gallery-fullscreen[b-d7q60ixjll] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .variant-badge span[b-d7q60ixjll] {
    display: none;
  }

  .variant-badge[b-d7q60ixjll] {
    width: 28px;
    height: 28px;
    /* Mobilní rychlá reakce je skrytá, takže odznak nemusí držet její místo a může sedět
       přímo v levém dolním rohu fotky; malé odsazení chrání ikonu před ořezem dlaždice. */
    top: auto;
    right: auto;
    bottom: 8px;
    left: 8px;
    justify-content: center;
    padding: 0;
  }
}
/* /Pages/Projects/ProjectFeed/Components/Files/View/MultiVideoViewer.razor.rz.scp.css */
img[b-sdmuzrdl2c] {
  max-width: 190px;
  height: 130px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(136, 136, 136, 0.62);
}
/* /Pages/Projects/ProjectFeed/Components/Files/View/PhotoCommentsPanel.razor.rz.scp.css */
.photo-feedback-panel[b-lw63vdlk59] {
  position: fixed;
  top: 0;
  right: 0;
  /* Nad PhotoSwipe viewerem (.pswp má z-index 100000), aby panel překryl lightbox zprava/zdola. */
  z-index: 100001;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: min(390px, 100vw);
  height: 100dvh;
  padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
  overflow-y: auto;
  background: var(--bs-body-bg, #111);
  box-shadow: -12px 0 32px rgba(0, 0, 0, 0.35);
}

.photo-feedback-header[b-lw63vdlk59] {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
}

.photo-feedback-header img[b-lw63vdlk59] {
  width: 3rem;
  height: 3rem;
  border-radius: 0.45rem;
  object-fit: cover;
}

.photo-feedback-title[b-lw63vdlk59] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.photo-feedback-title strong[b-lw63vdlk59] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.photo-feedback-title span[b-lw63vdlk59] {
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
}

.photo-feedback-reactions[b-lw63vdlk59] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  min-height: 2.5rem;
}

@media (max-width: 640px) {
  .photo-feedback-panel[b-lw63vdlk59] {
    top: auto;
    bottom: 0;
    width: 100vw;
    height: min(68dvh, 620px);
    border-radius: 1rem 1rem 0 0;
    box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.4);
  }
}
/* /Pages/Projects/ProjectFeed/Components/ItemCreator.razor.rz.scp.css */
[b-em6mhaeljc]:hover .add-icon {
  font-weight: 700;
}

/*# sourceMappingURL=ItemCreator.razor.css.map */
/* /Pages/Projects/ProjectFeed/Components/OnboardingFlatPanel.razor.rz.scp.css */
/* Prázdná nástěnka nemá žádný obsah, který by nesl vizuální rytmus – hierarchii proto musí
   vytvořit samotný panel: výrazný nadpis, tlumený popis, jedna zvýrazněná akce. */
/* Panel stojí nad záložkami složek – spodní mezera ho od nich odděluje, aby nadpis
   uváděl celou obrazovku a nesplýval s prvním řádkem struktury. */
.onboarding-flat-panel[b-relzqjhc2b] {
  padding: 1.25rem 0 0;
  margin-bottom: 1.75rem;
}

/* Nadpis je jediný velký text na stránce – nese "co se tu děje". */
.onboarding-flat-panel .onboarding-title[b-relzqjhc2b] {
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.25;
  margin-bottom: .5rem;
}

/* Popis vysvětluje, ale nesoutěží – menší a tlumený, aby oko šlo rovnou na akci. */
.onboarding-flat-panel .onboarding-subtitle[b-relzqjhc2b] {
  font-size: .95rem;
  line-height: 1.5;
  max-width: 62ch; /* delší řádek se hůř čte, ale pod 60 se běžná věta láme zbytečně brzy */
  opacity: .6;
}

/* HorizontalStack je vnořená komponenta, takže scoped CSS na ni bez ::deep nedosáhne –
   bez toho se mezera nad tlačítky vůbec neuplatnila a popis se jich skoro dotýkal. */
.onboarding-flat-panel[b-relzqjhc2b]  .onboarding-actions {
  margin-top: 1.5rem;
}

/* Hlavní akce nese barvu jako jediný prvek panelu. */
.onboarding-flat-panel[b-relzqjhc2b]  .onboarding-primary {
  border-radius: 2rem;
  font-weight: 500;
  padding-inline: 1.35rem;
}

/* Alternativa zůstává textovým odkazem – dvě stejně těžká tlačítka by nutila volit
   mezi rovnocennými cestami, i když jedna je zjevně častější. */
.onboarding-flat-panel[b-relzqjhc2b]  .onboarding-secondary {
  font-size: .92rem;
  margin-left: .35rem;
  opacity: .75;
  text-decoration: none;
}

.onboarding-flat-panel[b-relzqjhc2b]  .onboarding-secondary:hover {
  opacity: 1;
}
/* /Pages/Projects/ProjectFeed/Components/OnboardingGhost.razor.rz.scp.css */
.onboarding-ghost[b-xjfzpuperf] {
  border: 1px dashed rgba(127, 127, 127, .45);
  border-radius: .5rem;
  color: var(--text-color, inherit);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .9rem;
  margin: .65rem 0 1rem;
  /* Sekundární fáze jsou jen náhled toho, co přijde – drží strukturu čitelnou, ale nesoutěží
     o pozornost s fází, kterou uživatel řeší teď. Primární ghost si nese vlastní zvýraznění níže. */
  opacity: .38;
  padding: .75rem .9rem;
  /* potřebné pro absolutně pozicovaný InputFile uvnitř */
  position: relative;
  overflow: hidden;
  transition: opacity 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

/* První fáze projektu – jediné místo, kam se na začátku reálně nahrává, proto plná viditelnost
   a barevný rámeček. Bez tohoto rozlišení vypadají všechny fáze stejně naléhavě. */
.onboarding-ghost--primary[b-xjfzpuperf] {
  opacity: 1;
  border-color: color-mix(in srgb, var(--accent-color, #6366f1) 45%, transparent);
  background: color-mix(in srgb, var(--accent-color, #6366f1) 5%, transparent);
}

/* Hover naznačí, že placeholder je klikací / přijímá soubory */
.onboarding-ghost:hover[b-xjfzpuperf] {
  opacity: 0.85 !important;
  border-color: color-mix(in srgb, var(--accent-color, #6366f1) 55%, transparent) !important;
  background: color-mix(in srgb, var(--accent-color, #6366f1) 8%, transparent);
}

/* Zvýraznění při přetahování souboru nad placeholder */
.onboarding-ghost.drag-over[b-xjfzpuperf] {
  opacity: 1 !important;
  border-color: color-mix(in srgb, var(--accent-color, #6366f1) 75%, transparent) !important;
  background: color-mix(in srgb, var(--accent-color, #6366f1) 14%, transparent) !important;
}
/* /Pages/Projects/ProjectFeed/Components/PostAudio.razor.rz.scp.css */
.post-image[b-r58kok48tc] {
  max-width: 200px;
  max-height: 100px;
}
/* /Pages/Projects/ProjectFeed/Components/PostComments.razor.rz.scp.css */
.creator-name[b-cspwb9kwl2] {
  font-weight: 600;
}

/* Kompaktní jednořádkový pill pro informaci o filtru na vybraný zvukový úsek */
.region-filter-chip[b-cspwb9kwl2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.5rem 0.45rem 0.75rem;
  border-radius: 999px;
  background: rgba(13, 110, 253, 0.12);
  color: var(--bs-primary, #0d6efd);
}
.region-filter-chip-icon[b-cspwb9kwl2] {
  flex-shrink: 0;
  font-size: 0.8rem;
  margin-right: 0.1rem;
}
.region-filter-chip-text[b-cspwb9kwl2] {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.85rem;
}
[b-cspwb9kwl2] .region-filter-chip-clear {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: rgba(13, 110, 253, 0.16);
}
[b-cspwb9kwl2] .region-filter-chip-clear:hover {
  background: rgba(13, 110, 253, 0.28);
}

.comments[b-cspwb9kwl2] {
  display: flex;
  flex-direction: column;
  padding-left: 17px;
}

.comments.compact-comments[b-cspwb9kwl2] {
  gap: 0.4rem !important;
  padding-left: 0;
}

.comment-border-container[b-cspwb9kwl2] {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: start;
  /* align-items: flex-start; */
  align-content: space-around;
  /* justify-items: start; */
  justify-self: start;
  /* Rezerva pro reakce vpravo, aby nepřekrývaly text komentáře */
  padding: 8px 6rem 9px 13px;
  border-radius: 12px;
}

/* Komentáře musí být snadno čitelné i vedle výraznějších příloh; původní jemná velikost
   ztrácela při delších vláknech vizuální prioritu vůči samotnému příspěvku. */
.comments:not(.compact-comments) .comment-border-container[b-cspwb9kwl2] {
  font-size: 1.12rem;
}

.comments:not(.compact-comments) .comment-border-container .smaller[b-cspwb9kwl2] {
  font-size: 0.94rem !important;
}

/* V inline přehrávači je poslední komentář pouze kontext k poslechu. Plochý řádek
   zachová jméno i text, ale nevytváří další výraznou kartu uvnitř příspěvku. */
.compact-comments .comment[b-cspwb9kwl2] {
  min-width: 0;
  border-top: 1px solid rgba(var(--bs-body-color-rgb), 0.075);
}

.compact-comments .comment-border-container[b-cspwb9kwl2] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 0.4rem;
  min-width: 0;
  padding: 0.65rem 2.5rem 0.1rem 0;
  border-radius: 0;
  background: transparent;
}

.compact-comments .comment-border-container > .d-flex:first-child[b-cspwb9kwl2] {
  min-width: 0;
}

.compact-comments .comment-border-container .smaller[b-cspwb9kwl2] {
  font-size: 0.93rem !important;
  line-height: 1.2;
  white-space: nowrap;
}

.compact-comments .comment-border-container .text-muted[b-cspwb9kwl2] {
  display: none;
}

.compact-comments .comment-text[b-cspwb9kwl2] {
  min-width: 0;
  margin-top: 0 !important;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.72);
  font-size: 1.02rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.compact-comments[b-cspwb9kwl2]  .post-comment-add-button {
  align-self: flex-start;
  padding: 0.2rem 0.15rem !important;
  color: var(--bs-body-color) !important;
  font-size: 0.78rem;
  opacity: 0.62;
}

.compact-comments[b-cspwb9kwl2]  .post-comment-add-button:hover {
  opacity: 1;
}

.compact-comment-actions[b-cspwb9kwl2] {
  flex-wrap: wrap;
  min-height: 1.6rem;
}

.compact-comment-actions[b-cspwb9kwl2]  .button-link {
  padding: 0.18rem 0.15rem;
  font-size: 0.78rem;
  opacity: 0.66;
}

.compact-comment-actions[b-cspwb9kwl2]  .button-link:hover {
  opacity: 1;
}

@media (max-width: 640px) {
  .comment-border-container[b-cspwb9kwl2] {
    padding-right: 2.5rem;
  }

  /* V audio přehrávači je tlačítko nad fixní spodní lištou, proto potřebuje větší tap plochu a spodní rezervu. */
  .comments.audio-player-comments[b-cspwb9kwl2]  .post-comment-add-button {
    align-self: flex-start;
    margin-top: 0.2rem;
    margin-bottom: 0.75rem;
    padding: 0.45rem 0.35rem 0.55rem 0.1rem !important;
    font-size: 0.92rem;
    line-height: 1.3;
  }

  /* Na telefonu může mít náhled dvě řádky; stále zůstane výrazně nižší než plná bublina. */
  .compact-comments .comment-border-container[b-cspwb9kwl2] {
    grid-template-columns: auto minmax(0, 1fr);
    padding-top: 0.55rem;
  }

  .compact-comments .comment-text[b-cspwb9kwl2] {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .compact-comment-actions[b-cspwb9kwl2] {
    flex-wrap: nowrap;
    gap: 0.65rem !important;
  }

  .compact-comment-actions[b-cspwb9kwl2]  .button-link {
    padding-inline: 0.05rem;
    font-size: 0.72rem;
    white-space: nowrap;
  }
}
.comment-border-container:hover[b-cspwb9kwl2]  .reactions-container.no-reactions {
  opacity: 1 !important;
}

[b-cspwb9kwl2] .reactions-container {
  position: absolute !important;
  bottom: 0;
  right: 5px;
}
[b-cspwb9kwl2] .reactions-container.no-reactions {
  opacity: 0;
}

[b-cspwb9kwl2] .btn-annotation {
  background: #6678e8 !important;
}

[b-cspwb9kwl2] .photo-anchor-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  vertical-align: middle;
}
[b-cspwb9kwl2] .photo-anchor-chip img {
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 0.25rem;
  object-fit: cover;
}
[b-cspwb9kwl2] .photo-anchor-chip.archived {
  opacity: 0.65;
}
[data-bs-theme=light][b-cspwb9kwl2]  .btn-annotation {
  background: #96a5ff !important;
}

.large-emoji[b-cspwb9kwl2] {
  font-size: 2em;
}

[b-cspwb9kwl2] .comment-menu-trigger {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .comment:hover[b-cspwb9kwl2]  .comment-menu-trigger,
  .comment:focus-within[b-cspwb9kwl2]  .comment-menu-trigger {
    display: inline-flex;
    align-items: center;
    opacity: 1 !important;
  }
  .comment[b-cspwb9kwl2]  .comment-menu-trigger {
    display: inline-flex;
    align-items: center;
    opacity: 0 !important;
    transition: opacity 0.2s ease;
  }
}

/*# sourceMappingURL=PostComments.razor.css.map */
/* /Pages/Projects/ProjectFeed/Components/PostEditDialog.razor.rz.scp.css */
/* Zvýrazněná drop zóna pro přílohy — primární prvek dialogu */
.drop-zone[b-dhv5g6pnu8] {
    position: relative;
    width: 100%;
    border: 2px dashed var(--bs-border-color, #ced4da);
    border-radius: 12px;
    padding: 28px 16px;
    text-align: center;
    color: var(--bs-secondary-color, #6c757d);
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

/* Zvýraznění při najetí myší i při přetahování souboru nad dialogem */
.drop-zone:hover[b-dhv5g6pnu8],
.drop-zone.drag-over[b-dhv5g6pnu8] {
    border-color: var(--bs-primary, #0d6efd);
    color: var(--bs-primary, #0d6efd);
    background-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.06);
}

.drop-zone-icon[b-dhv5g6pnu8] {
    font-size: 2.5rem;
}

.upload-inline-status[b-dhv5g6pnu8] {
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: 10px;
    padding: 12px;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.upload-inline-status__files[b-dhv5g6pnu8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.upload-inline-status__file[b-dhv5g6pnu8] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 7px;
    border-radius: 7px;
    background: var(--bs-body-bg, #fff);
}

.upload-inline-status__file.is-uploading[b-dhv5g6pnu8] {
    outline: 1px solid var(--bs-primary, #0d6efd);
}

.upload-inline-status__file.is-completed[b-dhv5g6pnu8] {
    color: var(--bs-success, #198754);
}

.upload-inline-status__file.is-failed[b-dhv5g6pnu8],
.upload-inline-status__file.is-cancelled[b-dhv5g6pnu8] {
    color: var(--bs-danger, #dc3545);
}

.upload-inline-status__preview[b-dhv5g6pnu8],
.upload-inline-status__icon[b-dhv5g6pnu8] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 6px;
}

.upload-inline-status__preview[b-dhv5g6pnu8] {
    object-fit: cover;
    background: var(--bs-secondary-bg, #e9ecef);
}

.upload-inline-status__icon[b-dhv5g6pnu8] {
    display: grid;
    place-items: center;
    font-size: 1.25rem;
    background: var(--bs-secondary-bg, #e9ecef);
}

.upload-inline-status__file-content[b-dhv5g6pnu8] {
    min-width: 0;
    flex: 1;
}

/* Na úzkém displeji zůstane viditelnost i potvrzení pohromadě a zarovnané doprava. */
.post-actions[b-dhv5g6pnu8] {
    margin-left: auto;
}
/* /Pages/Projects/ProjectFeed/Components/PostImage.razor.rz.scp.css */
.post-image[b-lupkt8b8e7] {
  max-width: 200px;
  max-height: 100px;
}
/* /Pages/Projects/ProjectFeed/Components/ProgressTag.razor.rz.scp.css */
.tag[b-qfy9ck14ja] {
  padding: 1px 8px 1px 8px;
  border-radius: 10px;
  filter: grayscale(0.4);
  display: block;
  margin-left: 11px;
  font-size: 0.9em;
}
/* /Pages/Projects/ProjectFeed/Components/ReactionIcons.razor.rz.scp.css */
@charset "UTF-8";
.reactions-container[b-xbfhhstmjx] {
  position: relative;
  display: inline-flex;
  flex-direction: row;
}
.reactions-container.chat-message .reactions[b-xbfhhstmjx] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.reactions-container.chat-message .emotion-popover[b-xbfhhstmjx] {
  top: -20px; /* Zvětšeno z -45px pro chat-message, aby nebyl oříznutý shora */
  gap: 7px; /* Zmenšeno z 17px pro kompaktnější vzhled */
  padding: 6px 6px; /* Zmenšeno z 10px 10px */
  border-radius: 8px; /* Zmenšeno z 10px */
  left: -40px;
}
.reactions-container.chat-message .emotion-popover .icon[b-xbfhhstmjx] {
  font-size: 1.2em; /* Zmenšeno z 2em pro kompaktnější ikony */
}

.reactions[b-xbfhhstmjx] {
  display: flex;
  gap: 6px;
  align-items: center;
}
.reactions .icon[b-xbfhhstmjx] {
  font-size: 1em;
}
.reactions-count[b-xbfhhstmjx] {
  font-size: 0.8em;
  opacity: 0.7;
}

.add-reaction-container[b-xbfhhstmjx] {
  position: relative;
}
.add-reaction-container .add-reaction[b-xbfhhstmjx] {
  font-size: 1.2em;
  color: var(--bs-body-color);
}
.add-reaction-container.is-mine[b-xbfhhstmjx] {
  color: var(--accent-color);
}
.add-reaction-container.is-mine .btn-like[b-xbfhhstmjx], .add-reaction-container.is-mine .add-reaction[b-xbfhhstmjx] {
  color: var(--accent-color);
}
.reaction-count[b-xbfhhstmjx] {
  font-size: 0.8em;
  line-height: 1;
  opacity: 0.8;
}

.btn-like:hover .add-reaction[b-xbfhhstmjx] {
  font-weight: bold;
}

.emotion-popover[b-xbfhhstmjx] {
  display: flex;
  gap: 17px;
  flex-direction: row;
  position: absolute;
  top: -45px; /* Upraveno z -7px pro posunutí výše */
  left: -5px;
  padding: 10px 10px;
  background: var(--bs-body-bg);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.emotion-popover .icon[b-xbfhhstmjx] {
  font-size: 2em;
  cursor: pointer;
}
.emotion-popover .icon:hover[b-xbfhhstmjx] {
  font-weight: 600;
  color: #ababff;
}

/*# sourceMappingURL=ReactionIcons.razor.css.map */
/* /Pages/Projects/ProjectFeed/FeedFolder.razor.rz.scp.css */
@charset "UTF-8";
.folder[b-l8g174le5q] {
  border-bottom: 1px solid rgba(145, 145, 145, 0.16);
  padding: 10px 0;
}
.folder.background-box[b-l8g174le5q] {
  border: none;
  border-radius: 10px;
  padding: 10px;
  background-color: #f5f5f5;
  margin-bottom: 10px;
}
.folder.background-box .folder-content[b-l8g174le5q] {
  border: none !important;
}
[data-bs-theme=dark] .folder.background-box[b-l8g174le5q] {
  background-color: #000000;
}
.folder .edit-mode-animation[b-l8g174le5q] {
  position: relative;
}
.folder .edit-mode-animation[b-l8g174le5q]  input {
  animation: folderAnimation-b-l8g174le5q 1s ease-in-out;
  border: 2px solid #ccc; /* nahrazuje původní okraj */
  outline: none; /* odstraňuje outline, pokud by způsoboval podobný problém */
  box-shadow: none;
}

.folder-title[b-l8g174le5q] {
  font-size: 1.4em;
  font-weight: 600;
  color: var(--title-color);
}

.folder-icon[b-l8g174le5q] {
  font-size: 1.6em;
  color: var(--menu-icon-color);
}

.folder.content-left-lines > .folder-content[b-l8g174le5q] {
  padding-left: 25px;
  border-left: 1px solid transparent;
  transition: all 0.8s ease;
}

.folder.content-left-lines:hover > .folder-content[b-l8g174le5q] {
  border-left: 1px solid #8e8e8e;
}

[b-l8g174le5q] .no-tags-icon {
  opacity: 0;
}

.menu-trigger-icon[b-l8g174le5q] {
  opacity: 0;
  border: 1px solid transparent;
  padding: 6px 6px 6px 6px;
  border-radius: 6px;
  transition: all 0.6s ease, border-color 0.6s ease;
}

.menu-trigger-icon:hover[b-l8g174le5q] {
  border-color: rgba(0, 0, 0, 0.16);
}
[data-bs-theme=dark] .menu-trigger-icon:hover[b-l8g174le5q] {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

[b-l8g174le5q] .folder-timer.not-running {
  opacity: 0;
}

.folder :not(.folder-content):hover[b-l8g174le5q]  .menu-trigger-icon {
  opacity: 1;
}
.folder :not(.folder-content):hover[b-l8g174le5q]  .menu-add-btn {
  opacity: 1;
}
.folder :not(.folder-content):hover[b-l8g174le5q]  .no-tags-icon {
  opacity: 1;
}
.folder :not(.folder-content):hover[b-l8g174le5q]  .folder-timer.not-running {
  opacity: 1;
}

.drag-handler[b-l8g174le5q] {
  opacity: 0;
}

.folder-header:hover .drag-handler[b-l8g174le5q] {
  opacity: 0.5;
}

.folder.content-left-padding .folder-content[b-l8g174le5q] {
  padding-left: 20px;
}

.folder-content[b-l8g174le5q]  .folder-icon, .folder-content[b-l8g174le5q]  .folder-title {
  font-size: 1.2em;
  font-weight: 300;
}

[b-l8g174le5q] .root-folder-icon {
  opacity: 0;
}

.folder :not(.folder-content):hover[b-l8g174le5q]  .root-folder-icon {
  opacity: 1;
}
.folder :not(.folder-content):hover[b-l8g174le5q]  .plus-menu-btn {
  opacity: 1;
}

@keyframes folderAnimation-b-l8g174le5q {
  0%, 100% {
    border-color: #ccc;
  }
  10% {
    border-color: #946fd6;
  }
  20% {
    border-color: #ccc;
  }
  30% {
    border-color: #946fd6;
  }
  40% {
    border-color: #ccc;
  }
  50% {
    border-color: #946fd6;
  }
  60% {
    border-color: #ccc;
  }
  70% {
    border-color: #946fd6;
  }
  80% {
    border-color: #ccc;
  }
  90% {
    border-color: #946fd6;
  }
}
[b-l8g174le5q] .no-tags-icon .text {
  display: none;
}

[b-l8g174le5q] .plus-menu-btn {
  opacity: 0;
}

.menu-add-btn[b-l8g174le5q] {
  opacity: 0;
  display: block;
  margin-top: -2px;
  transition: all 0.6s ease, border-color 0.6s ease;
}

.menu-add-btn:hover[b-l8g174le5q] {
  font-weight: 700;
}
[data-bs-theme=dark] .menu-add-btn:hover[b-l8g174le5q] {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

/*# sourceMappingURL=FeedFolder.razor.css.map */
/* /Pages/Projects/ProjectFeed/FeedFolderTabs.razor.rz.scp.css */
/*
 * Záložky složek používají nativní <button type="button"> místo ButtonLink záměrně:
 * ButtonLink generuje Bootstrap .btn-link, jehož styly (color, background, padding, border)
 * by jinak musely být překryty pomocí !important v každém pravidle.
 * Nativní <button> s resetem níže nepřináší žádný Bootstrap overhead a CSS zůstane čisté.
 */

.folder-tabs-shell[b-jps7uamdzv] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.25rem 0;
    margin-bottom: 1.05rem;
}

.folder-tabs-scroll[b-jps7uamdzv] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    min-width: 0;
    align-items: center;
    gap: 0.7rem;
    padding: 0.05rem 0 0.2rem;
}

/* Wrapper pro scroll + fade indikátory. Na desktopu se nic neděje (záložky se wrapují),
   na mobilu drží fade gradient na okraji jako signál, že lze scrollovat dál. */
.folder-tabs-scroll-wrap[b-jps7uamdzv] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.folder-tabs-empty[b-jps7uamdzv] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 2.9rem;
    color: var(--bs-secondary-color);
    font-size: 0.98rem;
    font-weight: 600;
    padding-left: 0.15rem;
}

.folder-tabs-scroll[b-jps7uamdzv]::-webkit-scrollbar {
    height: 5px;
}

.folder-tabs-scroll[b-jps7uamdzv]::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.3);
    border-radius: 3px;
}

/* Reset výchozích prohlížečových stylů pro <button> */
.folder-tab[b-jps7uamdzv] {
    appearance: none;
    background: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;

    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45em;
    white-space: nowrap;
    width: max-content;
    min-width: max-content;
    border: 1px solid rgba(138, 77, 255, 0.18);
    background: rgba(255, 255, 255, 0.02);
    color: color-mix(in srgb, var(--bs-body-color) 58%, var(--bs-secondary-color));
    border-radius: 999px;
    padding: 0.68rem 1rem;
    font-size: 1.02rem;
    line-height: 1.12;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 0.01em;
    box-shadow: none;
    transition:
        background 0.14s ease,
        border-color 0.14s ease,
        color 0.14s ease,
        transform 0.14s ease;
    scroll-snap-align: start;
}

.folder-tab i[b-jps7uamdzv] {
    font-size: 0.92em;
    opacity: 0.95;
}

/* Smart záložka má dva jasně oddělené informační stupně: název je navigace,
   pod ním je jediný prioritní stav. Díky tomu se metriky nemíchají s názvem složky. */
.folder-tab--smart[b-jps7uamdzv] {
    align-items: center;
    justify-content: flex-start;
    min-height: 3.55rem;
    padding: 0.48rem 0.88rem 0.5rem 0.55rem;
    gap: 0.58rem;
    text-align: left;
}

.folder-tab--smart .folder-tab-icon[b-jps7uamdzv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    border-radius: 0.72rem;
    background: rgba(138, 77, 255, 0.1);
    color: rgba(138, 77, 255, 0.92);
    font-size: 1rem;
}

.folder-tab-content[b-jps7uamdzv] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.folder-tab-title[b-jps7uamdzv] {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Podtext je druhotná informace vůči názvu složky – nižší kontrast a normální řez písma,
   ať v pillu nesoutěží o pozornost s titulkem (viz mockup: "3 fáze · před 6 dny" jemně šedě). */
.folder-tab-summary[b-jps7uamdzv] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--bs-secondary-color);
    opacity: 0.62;
    font-size: 0.74rem;
    font-weight: 500;
    line-height: 1.1;
}

/* Prázdná složka ("Žádná aktivita zatím") vizuálně ustoupí do pozadí – nižší kontrast textu
   i ikony, tenčí/tlumenější border. Nejde o disabled stav (pořád klikatelné), jen o menší
   vizuální váhu vůči složkám s reálným obsahem. */
.folder-tab--empty[b-jps7uamdzv] {
    border-color: rgba(138, 77, 255, 0.09);
    background: rgba(255, 255, 255, 0.012);
    opacity: 0.68;
}

.folder-tab--empty .folder-tab-icon[b-jps7uamdzv] {
    background: rgba(138, 77, 255, 0.055);
    color: color-mix(in srgb, rgba(138, 77, 255, 0.92) 55%, var(--bs-secondary-color));
}

.folder-tab--empty:hover[b-jps7uamdzv] {
    opacity: 0.92;
}

/* Aktivní obsah (pár souborů) – jemné zvýraznění borderu, ať se odliší od prázdných
   složek, aniž by konkurovalo skutečně "hot" složkám (--busy) nebo attention stavu. */
.folder-tab--active[b-jps7uamdzv] {
    border-color: rgba(138, 77, 255, 0.3);
}

.folder-tab--active .folder-tab-icon[b-jps7uamdzv] {
    background: rgba(138, 77, 255, 0.16);
    color: rgba(138, 77, 255, 1);
}

/* Hodně obsahu (8+ souborů) – nejvyšší vizuální váha po attention. Sytější barevný
   akcent + jemný glow, aby "žhavé" složky vynikly i bez výběru. */
.folder-tab--busy[b-jps7uamdzv] {
    border-color: rgba(138, 77, 255, 0.48);
    background: rgba(138, 77, 255, 0.075);
    box-shadow: 0 0 0 1px rgba(138, 77, 255, 0.06) inset;
}

.folder-tab--busy .folder-tab-icon[b-jps7uamdzv] {
    background: rgba(138, 77, 255, 0.22);
    color: rgba(138, 77, 255, 1);
}

.folder-tab--busy .folder-tab-summary[b-jps7uamdzv] {
    color: color-mix(in srgb, rgba(138, 77, 255, 0.92) 45%, var(--bs-secondary-color));
    opacity: 0.85;
}

/* Oranžová není jen dekorace: tento stav znamená komentáře, které se uživatele týkají.
   Nevyužíváme ji pro běžnou aktivitu, aby její význam zůstal čitelný.
   Attention má vždy přednost před --busy/--active/--empty (pořadí zápisu v CSS i specificita). */
.folder-tab--attention[b-jps7uamdzv] {
    border-color: rgba(234, 164, 50, 0.48);
    background: rgba(234, 164, 50, 0.055);
    opacity: 1;
}

.folder-tab-summary--attention[b-jps7uamdzv] {
    color: #b86e00;
    opacity: 1;
}

.folder-tab-summary--attention i[b-jps7uamdzv] {
    font-size: 0.9em;
}

.folder-tab.active .folder-tab-icon[b-jps7uamdzv] {
    background: rgba(255, 255, 255, 0.19);
    color: #fff;
}

.folder-tab.active .folder-tab-summary[b-jps7uamdzv] {
    color: rgba(255, 255, 255, 0.76);
    opacity: 1;
}

.folder-tab.active .folder-tab-summary--attention[b-jps7uamdzv] {
    color: #fff3d6;
}

.folder-tab.folder-tab-icon-only[b-jps7uamdzv] {
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
    min-height: 2.4rem;
    padding: 0;
    gap: 0;
}

/* Ikonka menu složky (přejmenovat / štítky / odstranit). V klidu je neviditelná, ale stále
   zabírá místo (visibility+opacity místo display:none) – jinak by se šířka pillu při najetí
   myší změnila a celá řada záložek by poskočila. */
.folder-tab-menu[b-jps7uamdzv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.35rem;
    padding: 0.15rem 0.1rem;
    font-size: 0.85em;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.14s ease;
}

.folder-tab:hover .folder-tab-menu[b-jps7uamdzv],
.folder-tab-menu:focus-visible[b-jps7uamdzv] {
    opacity: 0.75;
    visibility: visible;
}

.folder-tab-menu:hover[b-jps7uamdzv] {
    opacity: 1;
}

/* Úzká/dotyková zařízení hover nemají – tam ikonku držíme trvale na aktivní záložce, jinak
   by se ke smazání/přejmenování složky nedalo vůbec dostat. Breakpoint 768px odpovídá
   IsMobileSize, ale počítá ho CSS, takže na rozdíl od C# stavu reaguje i na změnu šířky okna. */
@media (max-width: 767.98px), (hover: none) {
    .folder-tab-menu--on-active[b-jps7uamdzv] {
        opacity: 0.8;
        visibility: visible;
    }
}

/* Fade gradienty na okrajích scrolleru – defaultně skryté, viditelnost přepíná JS
   (folderTabsScroll.js) přes třídy can-scroll-left / can-scroll-right na wrapperu.
   Na desktopu se záložky wrapují, takže fade zůstává neaktivní. */
.folder-tabs-fade[b-jps7uamdzv] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.2rem;
    pointer-events: none; /* nesmí blokovat klikání na záložky pod sebou */
    opacity: 0;
    transition: opacity 0.15s ease;
    z-index: 2;
}

.folder-tabs-fade-left[b-jps7uamdzv] {
    left: 0;
    background: linear-gradient(to right, var(--bs-body-bg) 10%, transparent 100%);
}

.folder-tabs-fade-right[b-jps7uamdzv] {
    right: 0;
    background: linear-gradient(to left, var(--bs-body-bg) 35%, transparent 100%);
}

.folder-tabs-scroll-wrap.can-scroll-left .folder-tabs-fade-left[b-jps7uamdzv],
.folder-tabs-scroll-wrap.can-scroll-right .folder-tabs-fade-right[b-jps7uamdzv] {
    opacity: 1;
}

/* Pravý okraj je klikatelná šipka (button). Musí mít pointer-events (na rozdíl od fade
   vrstev), reset button stylů a vycentrovanou šipku svisle i vodorovně. */
.folder-tabs-more[b-jps7uamdzv] {
    appearance: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.05rem;
    width: 3rem;
    color: var(--bs-body-color);
    /* Posun mimo okraj wrapperu, ať šipka nepřekrývá text poslední viditelné záložky. */
    transform: translateX(10px);
    /* Skrytá šipka nesmí být klikatelná – pointer-events řídíme spolu s opacity níže. */
    pointer-events: none;
}

.folder-tabs-more i[b-jps7uamdzv] {
    font-size: 0.8rem;
    opacity: 0.85;
}

.folder-tabs-scroll-wrap.can-scroll-right .folder-tabs-more[b-jps7uamdzv] {
    pointer-events: auto;
}

.folder-tab-add[b-jps7uamdzv] {
    background: rgba(127, 60, 255, 0.08);
    border-color: rgba(127, 60, 255, 0.2);
    color: var(--bs-body-color);
}

.folder-tab-add:hover[b-jps7uamdzv] {
    background: rgba(127, 60, 255, 0.14);
    border-color: rgba(127, 60, 255, 0.34);
}

.folder-tab:hover[b-jps7uamdzv] {
    background: rgba(138, 77, 255, 0.09);
    border-color: rgba(138, 77, 255, 0.34);
    color: var(--bs-body-color);
    transform: translateY(-1px) scale(1.01);
}

.folder-tab.active[b-jps7uamdzv] {
    background: linear-gradient(135deg, rgba(127, 60, 255, 0.96) 0%, rgba(79, 124, 255, 0.96) 100%);
    border-color: rgba(127, 60, 255, 0.35);
    color: #fff;
    font-weight: 700;
}

[data-bs-theme=dark] .folder-tab[b-jps7uamdzv] {
    color: rgba(255, 255, 255, 0.66);
}

[data-bs-theme=dark] .folder-tab-add[b-jps7uamdzv] {
    background: rgba(127, 60, 255, 0.1);
    color: rgba(255, 255, 255, 0.92);
}

[data-bs-theme=dark] .folder-tab-add:hover[b-jps7uamdzv] {
    background: rgba(127, 60, 255, 0.16);
    color: #fff;
}

[data-bs-theme=dark] .folder-tab:hover[b-jps7uamdzv] {
    background: rgba(138, 77, 255, 0.12);
    border-color: rgba(138, 77, 255, 0.38);
    color: rgba(255, 255, 255, 0.96);
    transform: translateY(-1px) scale(1.01);
}

[data-bs-theme=dark] .folder-tab.active[b-jps7uamdzv] {
    background: linear-gradient(135deg, rgba(140, 76, 255, 0.97) 0%, rgba(90, 109, 255, 0.97) 100%);
    color: #fff;
}

[data-bs-theme=dark] .folder-tab--smart .folder-tab-icon[b-jps7uamdzv] {
    background: rgba(151, 105, 255, 0.16);
    color: rgba(193, 169, 255, 0.98);
}

[data-bs-theme=dark] .folder-tab--attention[b-jps7uamdzv] {
    border-color: rgba(241, 177, 67, 0.48);
    background: rgba(241, 177, 67, 0.08);
}

[data-bs-theme=dark] .folder-tab-summary--attention[b-jps7uamdzv] {
    color: #f5bd54;
}

[data-bs-theme=dark] .folder-tab--empty[b-jps7uamdzv] {
    border-color: rgba(151, 105, 255, 0.08);
    background: rgba(255, 255, 255, 0.015);
}

[data-bs-theme=dark] .folder-tab--empty .folder-tab-icon[b-jps7uamdzv] {
    background: rgba(151, 105, 255, 0.06);
}

[data-bs-theme=dark] .folder-tab--active[b-jps7uamdzv] {
    border-color: rgba(151, 105, 255, 0.34);
}

[data-bs-theme=dark] .folder-tab--active .folder-tab-icon[b-jps7uamdzv] {
    background: rgba(151, 105, 255, 0.2);
    color: rgba(193, 169, 255, 0.98);
}

[data-bs-theme=dark] .folder-tab--busy[b-jps7uamdzv] {
    border-color: rgba(151, 105, 255, 0.55);
    background: rgba(151, 105, 255, 0.1);
    box-shadow: 0 0 0 1px rgba(151, 105, 255, 0.08) inset;
}

[data-bs-theme=dark] .folder-tab--busy .folder-tab-icon[b-jps7uamdzv] {
    background: rgba(151, 105, 255, 0.26);
    color: rgba(193, 169, 255, 1);
}

[data-bs-theme=dark] .folder-tab--busy .folder-tab-summary[b-jps7uamdzv] {
    color: rgba(193, 169, 255, 0.95);
}


@media (max-width: 768px) {
    .folder-tabs-shell[b-jps7uamdzv] {
        padding: 0.2rem 0;
        gap: 0.4rem;
        margin-bottom: 0.75rem;
    }

    .folder-tabs-empty[b-jps7uamdzv] {
        min-height: 1.9rem;
        font-size: 0.82rem;
    }

    .folder-tabs-scroll[b-jps7uamdzv] {
        flex-wrap: nowrap;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
        gap: 0.4rem;
    }

    .folder-tabs-scroll[b-jps7uamdzv]::-webkit-scrollbar {
        display: none;
    }

    .folder-tab[b-jps7uamdzv] {
        padding: 0.72rem 0.95rem;
        font-size: 0.92rem;
        font-weight: 600;
        border-radius: 999px;
        min-height: 2.8rem;
        min-width: 4.6rem;
    }

    .folder-tab:not(.folder-tab-icon-only):not(.folder-tab--smart) i[b-jps7uamdzv] {
        display: none;
    }

    .folder-tab:not(.folder-tab-icon-only):not(.folder-tab--smart)[b-jps7uamdzv] {
        gap: 0;
    }

    .folder-tab--smart[b-jps7uamdzv] {
        min-height: 3.35rem;
        min-width: 0;
        padding: 0.42rem 0.72rem 0.42rem 0.45rem;
        gap: 0.42rem;
    }

    .folder-tab--smart .folder-tab-icon[b-jps7uamdzv] {
        width: 1.95rem;
        height: 1.95rem;
        flex-basis: 1.95rem;
        border-radius: 0.6rem;
        font-size: 0.86rem;
    }

    .folder-tab--smart .folder-tab-summary[b-jps7uamdzv] {
        font-size: 0.69rem;
    }

    .folder-tab.folder-tab-icon-only[b-jps7uamdzv] {
        width: 2.8rem;
        min-width: 2.8rem;
        height: 2.8rem;
        min-height: 2.8rem;
    }

    /* Záložka "Vše" je na mobilu kompaktní kruhový chip s ikonou (text se skryje),
       aby zbylo více místa na názvy reálných složek. Tooltip + ikona stačí. */
    .folder-tab.folder-tab-all[b-jps7uamdzv] {
        width: 2.8rem;
        min-width: 2.8rem;
        height: 2.8rem;
        min-height: 2.8rem;
        padding: 0;
        gap: 0;
    }

    .folder-tab.folder-tab-all i[b-jps7uamdzv] {
        display: inline-flex; /* přebíjí skrytí ikon výše – u "Vše" ikonu naopak chceme */
        font-size: 1.05em;
    }

    .folder-tab.folder-tab-all .folder-tab-text[b-jps7uamdzv] {
        display: none;
    }
}
/* /Pages/Projects/ProjectFeed/FeedPost.razor.rz.scp.css */
.post[b-pxep9y2uor] {
  border-bottom: 1px solid rgba(148, 148, 148, 0.2);
  margin: 18px 0px;
  padding: 10px 0;
  transition: background-color 0.5s ease-in-out;
}
.post.selected[b-pxep9y2uor] {
  animation: highlightAnimation-b-pxep9y2uor 2s ease-in-out 1s;
}
.post.background-box[b-pxep9y2uor] {
  padding: 10px 16px;
  background: #f4f4f4;
  border: 1px solid rgba(148, 148, 148, 0.2);
  border-radius: 10px;
}
[data-bs-theme=dark] .post.background-box[b-pxep9y2uor] {
  background: rgba(30, 30, 30, 0.5);
}

.creator-name[b-pxep9y2uor] {
  font-weight: 600;
  font-size: 0.8rem;
  opacity: 0.7;
}

.created-date[b-pxep9y2uor] {
  font-size: 0.8rem;
  opacity: 0.5;
}

.icon-reaction[b-pxep9y2uor] {
  font-size: 1.2em;
}

.icon-comments[b-pxep9y2uor] {
  font-size: 1.2em;
}

.post-text[b-pxep9y2uor] {
  font-size: 1.1em;
}

.post-header-actions[b-pxep9y2uor] {
  margin-top: -2px;
}

.post-equipment[b-pxep9y2uor] {
  margin-top: 2px;
}
.post-equipment .post-equipment-label[b-pxep9y2uor] {
  font-size: 0.8rem;
  opacity: 0.8;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
.post-equipment .post-equipment-list[b-pxep9y2uor] {
  gap: 6px !important;
}
.post-equipment .post-equipment-chip[b-pxep9y2uor] {
  display: inline-block;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(163, 170, 184, 0.55);
  background: rgba(163, 170, 184, 0.2);
  font-size: 0.82rem;
  line-height: 1.15;
  white-space: nowrap;
}
.post-equipment .post-equipment-edit[b-pxep9y2uor] {
  margin-left: 4px;
}

.post-equipment-editor[b-pxep9y2uor] {
  border: 1px solid rgba(148, 148, 148, 0.25);
  border-radius: 10px;
  padding: 10px;
  background: rgba(148, 148, 148, 0.04);
}

.post-equipment-pill[b-pxep9y2uor] {
  border-radius: 999px;
  font-size: 0.82rem;
}

.highlight[b-pxep9y2uor] {
  background-color: #9fb2ff;
  transition: background-color 0.5s ease-out;
}
[data-bs-theme=dark] .highlight[b-pxep9y2uor] {
  background-color: #161ce3;
}

@keyframes highlightAnimation-b-pxep9y2uor {
  10%, 90% {
    border-width: 4px;
    border-color: #878787;
  }
  50%, 90% {
    background: rgba(100, 113, 255, 0.47);
  }
}

.post-viewed-by[b-pxep9y2uor] {
    flex-shrink: 0;
}

.post-viewed-by[b-pxep9y2uor]  .post-view-avatar {
    margin-left: -3px;
}

.post-viewed-by[b-pxep9y2uor]  .post-view-avatar:first-child {
    margin-left: 0;
}

.post-viewed-by .post-view-more[b-pxep9y2uor] {
    margin-left: -2px;
    padding: 0 3px;
    height: 14px;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.95);
    color: var(--bs-body-color);
    font-size: 0.60rem;
    font-weight: 700;
    line-height: 14px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

[data-bs-theme=dark] .post-viewed-by .post-view-more[b-pxep9y2uor] {
    background-color: rgba(28, 33, 43, 0.92);
}

/*# sourceMappingURL=FeedPost.razor.css.map */
/* /Pages/Projects/ProjectFeed/FeedTimeline.razor.rz.scp.css */
.feed-timeline[b-b0dpjt7d0j]  .feed-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 6px;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-breadcrumb--subcontext {
    margin: 0 0 8px;
    padding-left: 2px;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-chip {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 20px;
    background-color: rgba(var(--bs-secondary-rgb), 0.12);
    color: var(--bs-body-color);
    opacity: 0.6;
    border: none;
    letter-spacing: 0.01em;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-breadcrumb--subcontext .feed-folder-chip {
    font-size: 0.68rem;
    padding: 2px 8px;
    opacity: 0.52;
    background-color: rgba(128, 128, 128, 0.12);
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section {
    position: relative;
    margin: 0 0 34px;
    padding: 0 0 2px 18px;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section:last-child {
    margin-bottom: 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 6px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(
        to bottom,
        rgba(var(--bs-primary-rgb), 0.9),
        rgba(var(--bs-primary-rgb), 0.18)
    );
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 38px;
    margin-bottom: 12px;
    padding: 2px 0 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section-heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    min-width: 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--bs-body-color);
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-breadcrumb--section {
    margin: 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-breadcrumb--subgroup {
    margin: 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section-icon {
    color: var(--bs-primary);
    font-size: 0.88rem;
    opacity: 0.8;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section-count {
    flex-shrink: 0;
    color: var(--bs-body-color);
    font-size: 0.78rem;
    font-weight: 600;
    opacity: 0.42;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section-body {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section-post {
    position: relative;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-folder-section-post .post {
    margin-top: 0;
    margin-bottom: 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-header--divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 24px 0 8px;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-header--divider:first-child {
    margin-top: 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-header--divider::before,
.feed-timeline[b-b0dpjt7d0j]  .feed-group-header--divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(128, 128, 128, 0.15);
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-header--divider .feed-group-title {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    opacity: 0.58;
    white-space: nowrap;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-header--divider .feed-group-count {
    font-size: 0.68rem;
    font-weight: 400;
    opacity: 0.42;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-header--sticky {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 32px 0 10px;
    padding: 8px 14px 8px 16px;
    border-radius: 0 8px 8px 0;
    background: var(--bs-body-bg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-header--sticky:first-child {
    margin-top: 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-header--sticky .feed-group-title {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    flex: 1;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-header--sticky .feed-group-count {
    font-size: 0.78rem;
    opacity: 0.4;
    font-weight: 400;
}

[data-bs-theme=dark] .feed-timeline[b-b0dpjt7d0j]  .feed-group-header--sticky {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-block--sticky {
    position: relative;
    margin-bottom: 22px;
    padding-left: 16px;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-block--sticky::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 10px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(
        to bottom,
        rgba(var(--bs-primary-rgb), 0.95),
        rgba(var(--bs-primary-rgb), 0.2)
    );
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-block--sticky:last-child {
    margin-bottom: 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-card {
    border: 1px solid rgba(128, 128, 128, 0.15);
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-card:last-child {
    margin-bottom: 0;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(128, 128, 128, 0.06);
    border-bottom: 1px solid rgba(128, 128, 128, 0.1);
    font-size: 0.82rem;
    font-weight: 600;
}

[data-bs-theme=dark] .feed-timeline[b-b0dpjt7d0j]  .feed-group-card-header {
    background: rgba(255, 255, 255, 0.04);
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-card-icon {
    opacity: 0.4;
    font-size: 0.85em;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-card-count {
    margin-left: auto;
    font-size: 0.72rem;
    font-weight: 400;
    opacity: 0.4;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-group-card-body {
    padding: 4px 12px;
}

/* Subgroup header — sekundární úroveň seskupení (datum uvnitř složky nebo složka uvnitř dne) */
.feed-timeline[b-b0dpjt7d0j]  .feed-subgroup-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 14px 6px;
    font-size: 0.95rem;
    font-weight: 700;
    opacity: 0.9;
    color: var(--bs-body-color);
    border-top: 1px solid rgba(128, 128, 128, 0.15);
    margin-top: 8px;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-subgroup-header:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 8px;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-subgroup-icon {
    font-size: 0.9em;
    color: var(--bs-primary);
    opacity: 0.9;
}

.feed-timeline[b-b0dpjt7d0j]  .feed-subgroup-count {
    margin-left: auto;
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0.5;
}

/* Subgroup header pro divider/sticky styl (mimo kartu) */
.feed-timeline[b-b0dpjt7d0j]  .feed-group-header-icon {
    opacity: 0.4;
    font-size: 0.85em;
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .feed-timeline[b-b0dpjt7d0j]  .feed-folder-section {
        padding-left: 14px;
    }

    .feed-timeline[b-b0dpjt7d0j]  .feed-folder-section-header {
        margin-bottom: 10px;
    }

    .feed-timeline[b-b0dpjt7d0j]  .feed-folder-section-title {
        font-size: 1rem;
    }
}
/* /Pages/Projects/ProjectFeed/FolderPreview.razor.rz.scp.css */


/*# sourceMappingURL=FolderPreview.razor.css.map */
/* /Pages/Projects/ProjectFeed/TimeStatsIcon.razor.rz.scp.css */
.context.running[b-npktlubib9] {
  color: var(--accent-color);
}

/*# sourceMappingURL=TimeStatsIcon.razor.css.map */
/* /Pages/Projects/Settings/ProjectSettings.razor.rz.scp.css */
.project-dialog-title[b-nqe14ejgbh] {
  display: flex;
}

.project-dialog-close[b-nqe14ejgbh] {
  font-size: 2rem;
  line-height: 1;
  min-height: 44px;
  min-width: 44px;
}

.template-grid[b-nqe14ejgbh] {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Na úzkém modalu spadnout na jeden sloupec */
@media (max-width: 560px) {
  .template-grid[b-nqe14ejgbh] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Pages/Projects/Settings/ProjectTemplateCard.razor.rz.scp.css */
.project-template-card[b-1no67armay] {
  --template-border: rgba(255, 255, 255, 0.18);
  --template-border-hover: rgba(255, 255, 255, 0.28);
  --template-border-selected: rgba(255, 255, 255, 0.38);
  --template-bg: rgba(255, 255, 255, 0.08);
  --template-bg-hover: rgba(255, 255, 255, 0.1);
  --template-bg-selected: rgba(255, 255, 255, 0.12);
  --template-icon: rgba(255, 255, 255, 0.9);
  --template-track-icon: rgba(255, 255, 255, 0.75);
  --template-pill-bg: rgba(255, 255, 255, 0.12);
  --template-pill-color: rgba(255, 255, 255, 0.78);
  border: 1px solid var(--template-border);
  border-radius: 0.75rem;
  cursor: pointer;
  height: 100%;
  background: var(--template-bg);
  padding: 1rem 1.15rem;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.project-template-card:hover[b-1no67armay] {
  border-color: var(--template-border-hover);
  background: var(--template-bg-hover);
}

.project-template-card.selected[b-1no67armay] {
  border-color: var(--template-border-selected);
  background: var(--template-bg-selected);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.project-template-head[b-1no67armay] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.project-template-title[b-1no67armay] {
  align-items: center;
  display: flex;
  font-size: 0.95rem;
  font-weight: 600;
  gap: 0.5rem;
}

/* malá barevná ikona u titulku */
.project-template-icon[b-1no67armay] {
  color: var(--template-icon);
}

.project-template-check[b-1no67armay] {
  color: var(--template-icon);
}

.project-template-desc[b-1no67armay] {
  display: block;
  font-size: 0.82rem;
  margin-top: 0.25rem;
  opacity: 0.6;
}

.project-template-outline[b-1no67armay] {
  margin-top: 0.75rem;
}

/* řádek skladby */
.project-template-track[b-1no67armay] {
  align-items: center;
  display: flex;
  font-size: 0.82rem;
  font-weight: 500;
  gap: 0.4rem;
  margin-top: 0.5rem;
  opacity: 0.85;
}

.project-template-track:first-child[b-1no67armay] {
  margin-top: 0;
}

.project-template-track-icon[b-1no67armay] {
  color: var(--template-track-icon);
}

/* fáze jako barevné tagy (pilulky) – Notion-like */
.project-template-phases[b-1no67armay] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.4rem;
  padding-left: 1.4rem;
}

.project-template-phases-flat[b-1no67armay],
.project-template-card .project-template-outline > .project-template-phases:only-child[b-1no67armay] {
  padding-left: 0;
}

.project-template-phase[b-1no67armay] {
  background: var(--template-pill-bg);
  border-radius: 0.4rem;
  color: var(--template-pill-color);
  font-size: 0.74rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.18rem 0.5rem;
}

[data-bs-theme="light"] .project-template-card[b-1no67armay] {
  --template-border: rgba(0, 0, 0, 0.12);
  --template-border-hover: rgba(0, 0, 0, 0.2);
  --template-border-selected: rgba(0, 0, 0, 0.28);
  --template-bg: rgba(0, 0, 0, 0.035);
  --template-bg-hover: rgba(0, 0, 0, 0.05);
  --template-bg-selected: rgba(0, 0, 0, 0.065);
  --template-icon: rgba(0, 0, 0, 0.78);
  --template-track-icon: rgba(0, 0, 0, 0.58);
  --template-pill-bg: rgba(0, 0, 0, 0.08);
  --template-pill-color: rgba(0, 0, 0, 0.68);
}

@media (max-width: 560px) {
  .project-template-card[b-1no67armay] {
    padding: 0.85rem 1rem;
  }

  .project-template-title[b-1no67armay] {
    font-size: 0.95rem;
  }

  .project-template-desc[b-1no67armay] {
    font-size: 0.84rem;
  }

  .project-template-outline[b-1no67armay] {
    display: none;
  }
}
/* /Pages/Projects/SharedComponents/StudioOrProjectNotes.razor.rz.scp.css */
[b-qdlgql0ggb] .editor {
    border: 1px solid #8f8f8f30;
    border-radius: 10px;
    padding: 10px;
}

[b-qdlgql0ggb] .scope-notes__viewer {
    position: relative;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 10px;
    cursor: text;
    transition: border-color 0.15s ease, background-color 0.15s ease;
    overflow: hidden;
}

[b-qdlgql0ggb] .scope-notes__viewer-content {
    transition: opacity 0.15s ease;
}

[b-qdlgql0ggb] .scope-notes__viewer-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    font-size: 0.95rem;
    font-weight: 500;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

[b-qdlgql0ggb] .scope-notes__viewer:hover,
[b-qdlgql0ggb] .scope-notes__viewer:focus-within {
    border-color: #8f8f8f30;
    background-color: rgba(0, 0, 0, 0.02);
}

[b-qdlgql0ggb] .scope-notes__viewer:hover .scope-notes__viewer-content,
[b-qdlgql0ggb] .scope-notes__viewer:focus-within .scope-notes__viewer-content {
    opacity: 0.32;
}

[b-qdlgql0ggb] .scope-notes__viewer:hover .scope-notes__viewer-overlay,
[b-qdlgql0ggb] .scope-notes__viewer:focus-within .scope-notes__viewer-overlay {
    opacity: 1;
}

[b-qdlgql0ggb] .scope-notes__notice {
    font-size: 0.85rem;
    opacity: 0.65;
}

[data-bs-theme=dark][b-qdlgql0ggb]  .scope-notes__viewer:hover,
[data-bs-theme=dark][b-qdlgql0ggb]  .scope-notes__viewer:focus-within {
    background-color: rgba(255, 255, 255, 0.07);
}
/* /Pages/Projects/SharedProject.razor.rz.scp.css */
.share-page[b-8lhwt39qws] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
}

/* Chybové a načítací stavy drží obsah uprostřed obrazovky, aby prázdná stránka nepůsobila rozbitě. */
.share-page--centered[b-8lhwt39qws] {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.share-header[b-8lhwt39qws] {
    margin-bottom: 2.5rem;
}

.share-workspace[b-8lhwt39qws] {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .75rem;
    opacity: .6;
}

.share-title[b-8lhwt39qws] {
    margin: 0;
    font-size: 1.75rem;
}

.share-description[b-8lhwt39qws] {
    margin: 0;
    opacity: .7;
}

/* Hostovský pohled používá stejný feed, ale na samostatném layoutu nemá okolní bootstrap
   sloupec ProjectPage. Obal mu proto poskytne stejnou čitelnou šířku a rytmus. */
.share-feed-shell[b-8lhwt39qws] {
    padding-top: .25rem;
    border-top: 1px solid var(--bs-border-color, rgba(128, 128, 128, .2));
}

[b-8lhwt39qws] .share-feed-shell .feed-tree {
    width: 100%;
}

@media (max-width: 576px) {
    .share-page[b-8lhwt39qws] {
        padding: 1.25rem .75rem 3rem;
    }

    .share-header[b-8lhwt39qws] {
        margin-bottom: 1.5rem;
    }
}
/* /Pages/QrLogin.razor.rz.scp.css */
.auth-flow-window[b-zg8c4u56uy] {
    max-width: 460px;
}
/* /Pages/Scheduling/Components/Scheduler/MyScheduler.razor.rz.scp.css */
.myscheduler-root[b-okof2mhsa6] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 400px;
}
/* /Pages/Scheduling/Components/Scheduler/MySchedulerAllDayRow.razor.rz.scp.css */
.myscheduler-allday-row[b-7ndkq6fbku] {
    display: grid;
    width: 100%;
    min-width: var(--mc-scheduler-grid-min-width, calc(60px + (var(--mc-scheduler-day-count, 7) * var(--mc-scheduler-day-min-width, 180px))));
    grid-template-columns: 60px repeat(var(--mc-scheduler-day-count, 7), minmax(var(--mc-scheduler-day-min-width, 180px), 1fr));
    border-bottom: 1px solid var(--mc-scheduler-border, #e0e0e0);
    background: var(--mc-scheduler-allday-bg, #fafafa);
    min-height: 28px;
}

.allday-label[b-7ndkq6fbku] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    left: 0;
    z-index: 4;
    background: var(--mc-scheduler-allday-bg, #fafafa);
    font-size: 11px;
    color: var(--mc-scheduler-muted, #888);
    border-right: 1px solid var(--mc-scheduler-border, #e0e0e0);
}

.allday-cell[b-7ndkq6fbku] {
    border-left: 1px solid var(--mc-scheduler-border, #e0e0e0);
    padding: 2px 4px;
    min-height: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.allday-pill[b-7ndkq6fbku] {
    font-size: 11px;
    line-height: 1.2;
    padding: 2px 6px;
    border-radius: 3px;
    background: var(--mc-scheduler-event-bg, #1e88ff);
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.allday-pill.foreign-private[b-7ndkq6fbku] {
    background: var(--mc-scheduler-private-bg, #b0b0b0);
    font-style: italic;
}

[data-bs-theme="dark"] .myscheduler-allday-row[b-7ndkq6fbku] {
    background: var(--mc-scheduler-allday-bg-dark, #1f1f1f);
    border-color: #333;
}

[data-bs-theme="dark"] .allday-cell[b-7ndkq6fbku],
[data-bs-theme="dark"] .allday-label[b-7ndkq6fbku] {
    background: var(--mc-scheduler-allday-bg-dark, #1f1f1f);
    border-color: #333;
}
/* /Pages/Scheduling/Components/Scheduler/MySchedulerEvent.razor.rz.scp.css */
.myscheduler-event[b-rwo5kgvvab] {
    position: absolute;
    box-sizing: border-box;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: var(--mc-scheduler-event-bg, #1e88ff);
    color: var(--mc-scheduler-event-color, #fff);
    font-size: var(--mc-scheduler-event-font-size, 12px);
    line-height: 1.2;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
    transition: box-shadow 120ms ease, transform 120ms ease;
}

.myscheduler-event:hover[b-rwo5kgvvab] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
    z-index: 5;
}

.myscheduler-event.foreign-private[b-rwo5kgvvab] {
    background-color: var(--mc-scheduler-private-bg, #b0b0b0) !important;
    color: #fff;
    font-style: italic;
}

.myscheduler-event.is-task[b-rwo5kgvvab] {
    border-left: 3px solid rgba(0, 0, 0, 0.25);
}

.myscheduler-event.is-task-finished[b-rwo5kgvvab] {
    opacity: 0.6;
    text-decoration: line-through;
}

.myscheduler-event .event-title[b-rwo5kgvvab] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myscheduler-event .event-time[b-rwo5kgvvab] {
    opacity: 0.85;
    font-size: 0.9em;
}

.myscheduler-event .event-project[b-rwo5kgvvab] {
    opacity: 0.8;
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myscheduler-event .event-meta[b-rwo5kgvvab] {
    opacity: 0.8;
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Kompaktní mód: titul a čas vedle sebe na jednom řádku */
.myscheduler-event.compact[b-rwo5kgvvab] {
    padding: 1px 4px;
}

.myscheduler-event .event-inner--compact[b-rwo5kgvvab] {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    white-space: nowrap;
}

.myscheduler-event .event-inner--compact .event-time[b-rwo5kgvvab] {
    flex-shrink: 0;
    opacity: 0.85;
    font-size: 0.9em;
}

.myscheduler-event .event-inner--compact .event-title[b-rwo5kgvvab] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.myscheduler-event .resize-handle[b-rwo5kgvvab] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;
    cursor: ns-resize;
}

[data-bs-theme="dark"] .myscheduler-event[b-rwo5kgvvab] {
    border-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme="dark"] .myscheduler-event.foreign-private[b-rwo5kgvvab] {
    background-color: var(--mc-scheduler-private-bg-dark, #555) !important;
}
/* /Pages/Scheduling/Components/Scheduler/MySchedulerHeaderRow.razor.rz.scp.css */
.myscheduler-header-row[b-ux58999mgb] {
    display: grid;
    width: 100%;
    min-width: var(--mc-scheduler-grid-min-width, calc(60px + (var(--mc-scheduler-day-count, 7) * var(--mc-scheduler-day-min-width, 180px))));
    grid-template-columns: 60px repeat(var(--mc-scheduler-day-count, 7), minmax(var(--mc-scheduler-day-min-width, 180px), 1fr));
    border-bottom: 1px solid var(--mc-scheduler-border, #e0e0e0);
    background: var(--mc-scheduler-bg, #fff);
    user-select: none;
}

.header-corner[b-ux58999mgb] {
    position: sticky;
    left: 0;
    z-index: 5;
    background: var(--mc-scheduler-bg, #fff);
    border-right: 1px solid var(--mc-scheduler-border, #e0e0e0);
}

.header-day[b-ux58999mgb] {
    text-align: center;
    padding: 6px 4px 4px;
    border-left: 1px solid var(--mc-scheduler-border, #e0e0e0);
}

.header-day.today[b-ux58999mgb] {
    background: rgba(255, 235, 150, 0.18);
}

.header-day.weekend[b-ux58999mgb] {
    background: rgba(255, 92, 92, 0.14);
}

.day-name[b-ux58999mgb] {
    font-size: 11px;
    text-transform: uppercase;
    color: var(--mc-scheduler-muted, #888);
    letter-spacing: 0.5px;
}

.day-date[b-ux58999mgb] {
    font-size: 14px;
    font-weight: 600;
}

.header-resources[b-ux58999mgb] {
    display: flex;
    gap: 0;
    margin-top: 2px;
    border-top: 1px solid var(--mc-scheduler-border, #e0e0e0);
}

.header-resource[b-ux58999mgb] {
    flex: 1;
    font-size: 10px;
    color: var(--mc-scheduler-muted, #888);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 2px;
    border-left: 1px dashed var(--mc-scheduler-border, #e0e0e0);
}

.header-resource:first-child[b-ux58999mgb] {
    border-left: none;
}

[data-bs-theme="dark"] .myscheduler-header-row[b-ux58999mgb] {
    background: var(--mc-scheduler-bg, #181818);
    border-color: #333;
}

[data-bs-theme="dark"] .header-day[b-ux58999mgb] {
    border-color: #333;
}

[data-bs-theme="dark"] .header-day.today[b-ux58999mgb] {
    background: rgba(255, 235, 150, 0.06);
}

[data-bs-theme="dark"] .header-day.weekend[b-ux58999mgb] {
    background: rgba(255, 92, 92, 0.2);
}

[data-bs-theme="dark"] .header-corner[b-ux58999mgb] {
    background: var(--mc-scheduler-bg, #181818);
    border-color: #333;
}

[data-bs-theme="dark"] .header-resources[b-ux58999mgb],
[data-bs-theme="dark"] .header-resource[b-ux58999mgb] {
    border-color: #333;
}
/* /Pages/Scheduling/Components/Scheduler/MySchedulerMonthView.razor.rz.scp.css */
.myscheduler-month[b-g0aj3bsllg] {
    --mc-scheduler-border: #e0e0e0;
    --mc-scheduler-muted: #888;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--mc-scheduler-bg, #fff);
    color: var(--mc-scheduler-color, #222);
    border: 1px solid var(--mc-scheduler-border);
    border-radius: 4px;
    overflow: hidden;
}

.myscheduler-month-header[b-g0aj3bsllg] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border-bottom: 1px solid var(--mc-scheduler-border);
    background: var(--mc-scheduler-bg, #fff);
}

.month-header-cell[b-g0aj3bsllg] {
    padding: 8px 6px;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mc-scheduler-muted);
    border-left: 1px solid var(--mc-scheduler-border);
}

.month-header-cell:first-child[b-g0aj3bsllg] {
    border-left: none;
}

.myscheduler-month-grid[b-g0aj3bsllg] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-auto-rows: minmax(120px, 1fr);
    flex: 1 1 auto;
}

.month-day[b-g0aj3bsllg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 8px 8px 6px;
    border-left: 1px solid var(--mc-scheduler-border);
    border-top: 1px solid var(--mc-scheduler-border);
    background: var(--mc-scheduler-bg, #fff);
    cursor: pointer;
}

.month-day:nth-child(7n + 1)[b-g0aj3bsllg] {
    border-left: none;
}

.month-day.today[b-g0aj3bsllg] {
    background: rgba(255, 235, 150, 0.18);
}

.month-day.outside-month[b-g0aj3bsllg] {
    background: #fafafa;
    color: #999;
}

.month-day-number[b-g0aj3bsllg] {
    align-self: flex-end;
    font-size: 12px;
    font-weight: 700;
}

.month-day-items[b-g0aj3bsllg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.month-item[b-g0aj3bsllg] {
    min-width: 0;
    padding: 3px 6px;
    border-radius: 4px;
    background: var(--mc-scheduler-event-bg, #1e88ff);
    color: var(--mc-scheduler-event-color, #fff);
    font-size: 11px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.month-item.foreign-private[b-g0aj3bsllg] {
    background-color: var(--mc-scheduler-private-bg, #b0b0b0) !important;
}

.month-item.is-task[b-g0aj3bsllg] {
    border-left: 3px solid rgba(0, 0, 0, 0.25);
}

.month-item.is-task-finished[b-g0aj3bsllg] {
    opacity: 0.6;
    text-decoration: line-through;
}

.month-item-time[b-g0aj3bsllg] {
    margin-right: 4px;
    opacity: 0.9;
    font-weight: 600;
}

.month-item-title[b-g0aj3bsllg] {
    min-width: 0;
}

.month-item-meta[b-g0aj3bsllg] {
    margin-left: 4px;
    opacity: 0.75;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.month-more[b-g0aj3bsllg] {
    font-size: 11px;
    color: var(--mc-scheduler-muted);
    padding: 0 2px;
}

[data-bs-theme="dark"] .myscheduler-month[b-g0aj3bsllg] {
    --mc-scheduler-bg: #181818;
    --mc-scheduler-color: #e0e0e0;
    --mc-scheduler-border: #333;
    --mc-scheduler-muted: #999;
}

[data-bs-theme="dark"] .month-day.today[b-g0aj3bsllg] {
    background: rgba(255, 235, 150, 0.06);
}

[data-bs-theme="dark"] .month-day.outside-month[b-g0aj3bsllg] {
    background: #1f1f1f;
}

[data-bs-theme="dark"] .month-item[b-g0aj3bsllg] {
    border-color: rgba(255, 255, 255, 0.08);
}
/* /Pages/Scheduling/Components/Scheduler/MySchedulerTimeColumn.razor.rz.scp.css */
.myscheduler-time-column[b-q3d5saxpun] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--mc-scheduler-bg, #fff);
    border-right: 1px solid var(--mc-scheduler-border, #e0e0e0);
}

.time-slot[b-q3d5saxpun] {
    height: var(--mc-scheduler-slot-height, 24px);
    position: relative;
    border-top: 1px solid var(--mc-scheduler-border, #e0e0e0);
}

.time-slot.sub-slot[b-q3d5saxpun] {
    border-top-style: dotted;
    opacity: 0.5;
}

.time-label[b-q3d5saxpun] {
    position: absolute;
    top: 2px;
    right: 8px;
    font-size: 11px;
    color: var(--mc-scheduler-muted, #888);
    line-height: 1;
    white-space: nowrap;
}

[data-bs-theme="dark"] .myscheduler-time-column[b-q3d5saxpun] {
    background: var(--mc-scheduler-bg, #181818);
    border-color: #333;
}

[data-bs-theme="dark"] .time-slot[b-q3d5saxpun] {
    border-color: #333;
}
/* /Pages/Scheduling/Components/Scheduler/MySchedulerWeekView.razor.rz.scp.css */
.myscheduler-week[b-36vy30za12] {
    --mc-scheduler-slot-height: 24px;
    --mc-scheduler-day-count: 7;
    --mc-scheduler-day-min-width: 180px;
    --mc-scheduler-grid-height: 1152px;
    --mc-scheduler-grid-min-width: calc(60px + (var(--mc-scheduler-day-count) * var(--mc-scheduler-day-min-width)));
    --mc-scheduler-border: #e0e0e0;
    --mc-scheduler-muted: #888;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--mc-scheduler-bg, #fff);
    color: var(--mc-scheduler-color, #222);
    border: 1px solid var(--mc-scheduler-border);
    border-radius: 4px;
    overflow: hidden;
    font-family: inherit;
}

.myscheduler-scroll[b-36vy30za12] {
    flex: 1 1 auto;
    width: 100%;
    overflow: auto;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    position: relative;
}

.myscheduler-sticky-top[b-36vy30za12] {
    position: sticky;
    top: 0;
    z-index: 6;
}

.myscheduler-grid[b-36vy30za12] {
    display: grid;
    width: 100%;
    min-width: var(--mc-scheduler-grid-min-width);
    grid-template-columns: 60px repeat(var(--mc-scheduler-day-count), minmax(var(--mc-scheduler-day-min-width), 1fr));
    height: var(--mc-scheduler-grid-height);
    position: relative;
}

.day-column[b-36vy30za12] {
    position: relative;
    border-left: 1px solid var(--mc-scheduler-border);
}

.day-column.today[b-36vy30za12] {
    background: rgba(255, 235, 150, 0.18);
}

.grid-slot[b-36vy30za12] {
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid var(--mc-scheduler-border);
    pointer-events: none;
}

.grid-slot.sub-slot[b-36vy30za12] {
    border-top-style: dotted;
    opacity: 0.5;
}

.resource-sub-column[b-36vy30za12] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px dashed var(--mc-scheduler-border);
}

.now-indicator[b-36vy30za12] {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #ff5252;
    z-index: 4;
    pointer-events: none;
}

.now-indicator[b-36vy30za12]::before {
    content: "";
    position: absolute;
    left: -4px;
    top: -3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff5252;
}

.overflow-pill[b-36vy30za12] {
    position: absolute;
    bottom: 2px;
    right: 4px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 8px;
    z-index: 6;
    cursor: pointer;
}

[data-bs-theme="dark"] .myscheduler-week[b-36vy30za12] {
    --mc-scheduler-bg: #181818;
    --mc-scheduler-color: #e0e0e0;
    --mc-scheduler-border: #333;
    --mc-scheduler-muted: #999;
}

[data-bs-theme="dark"] .day-column.today[b-36vy30za12] {
    background: rgba(255, 235, 150, 0.06);
}
/* /Pages/Scheduling/Components/TaskBasicFilters.razor.rz.scp.css */
.task-basic-filters[b-79vl3pewpz] {
    align-items: center;
    gap: 0.45rem;
}

.task-basic-filters[b-79vl3pewpz]  .task-filter-pill {
    min-height: 1.9rem;
    padding: 0 0.55rem;
    border-radius: 0.7rem;
    border-color: transparent;
    background: transparent;
    color: var(--bs-secondary-color);
    box-shadow: none;
}

.task-basic-filters[b-79vl3pewpz]  .task-filter-pill.compact {
    min-width: auto;
    width: auto;
    height: 1.9rem;
    padding: 0 0.55rem;
}

.task-basic-filters[b-79vl3pewpz]  .task-filter-pill.compact.btn-primary {
    background: color-mix(in srgb, var(--bs-primary) 14%, transparent);
    color: var(--bs-primary);
}

.task-basic-filters[b-79vl3pewpz]  .task-filter-pill.compact.btn-outline-primary:hover {
    background: color-mix(in srgb, var(--bs-body-color) 6%, transparent);
    color: var(--bs-body-color);
}

.task-filter-icon-wrap[b-79vl3pewpz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 0;
    font-size: 0.9rem;
}

.task-filter-count[b-79vl3pewpz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    background: transparent;
    color: currentColor;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
    opacity: 0.85;
}

@media (max-width: 768px) {
    .task-basic-filters[b-79vl3pewpz] {
        gap: 0.35rem;
    }

    .task-basic-filters[b-79vl3pewpz]  .task-filter-pill {
        padding: 0 0.45rem;
    }

    .task-basic-filters[b-79vl3pewpz]  .task-filter-pill.compact {
        height: 1.8rem;
        padding: 0 0.45rem;
    }
}
/* /Pages/Scheduling/Components/TaskComments.razor.rz.scp.css */
.task-comments[b-x44vu90byl] {
    width: 100%;
}

.task-comment-item[b-x44vu90byl] {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--bs-border-color);
}

.task-comment-avatar[b-x44vu90byl] {
    flex-shrink: 0;
}

.task-comment-author[b-x44vu90byl] {
    font-weight: 600;
}

.task-comment-time[b-x44vu90byl] {
    font-size: 0.75rem;
}

.task-comment-text[b-x44vu90byl] {
    white-space: pre-wrap;
}
/* /Pages/Scheduling/Components/TasksList.razor.rz.scp.css */
/* TasksList styly */
.tasks-list[b-k7770ixqaj] {
    /* Wrapper pro seznam úkolů */
}

/* Task Groups */
.task-group[b-k7770ixqaj] {
    margin-bottom: 1.5rem;
}

.task-group-header[b-k7770ixqaj] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--bs-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--bs-border-color);
}

/* Empty state */
.tasks-list .text-center[b-k7770ixqaj] {
    color: var(--bs-text-muted);
}
/* /Pages/Scheduling/EventEdit.razor.rz.scp.css */
[b-e2wn7pxqc4] .label-icon {
  width: 30px;
  font-size: 1.2em;
}

.event-type-tabs[b-e2wn7pxqc4] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.event-type-tabs label[b-e2wn7pxqc4] {
  cursor: pointer;
  padding: 0.5rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.25s ease;
  border-radius: 0.25rem;
}
.event-type-tabs label:hover[b-e2wn7pxqc4] {
  color: var(--bs-primary);
}
.event-type-tabs .underline[b-e2wn7pxqc4] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 2px;
  background: var(--bs-primary);
  transition: transform 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
  transform: translateX(0%);
}
.event-type-tabs.active-first .underline[b-e2wn7pxqc4] {
  transform: translateX(0%);
}
.event-type-tabs.active-second .underline[b-e2wn7pxqc4] {
  transform: translateX(100%);
}

.comments-toggle[b-e2wn7pxqc4] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}

.comments-toggle-count-badge[b-e2wn7pxqc4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.38rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1;
}

/*# sourceMappingURL=EventEdit.razor.css.map */
/* /Pages/Scheduling/EventPreview.razor.rz.scp.css */
.label[b-fiql4ybrq7] {
  font-size: small;
  opacity: 0.5;
}

.status-chip[b-fiql4ybrq7] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.status-chip.pending[b-fiql4ybrq7] {
  background: #fff8e1;
  color: #8a6d3b;
  border-color: #f5e79e;
}
.status-chip.completed[b-fiql4ybrq7] {
  background: #e8f5e9;
  color: #2e7d32;
  border-color: #a5d6a7;
}
.status-chip.allday[b-fiql4ybrq7] {
  background: #e3f2fd;
  color: #1565c0;
  border-color: #90caf9;
}
.status-chip.test[b-fiql4ybrq7] {
  background: #fff3cd;
  color: #856404;
  border-color: #ffe69c;
}

.task-completed[b-fiql4ybrq7] {
  text-decoration: line-through;
  opacity: 0.75;
}

/*# sourceMappingURL=EventPreview.razor.css.map */
/* /Pages/Scheduling/GoogleCalendarPickerPage.razor.rz.scp.css */
.calendar-option[b-vxu0scnden] {
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}

.calendar-option:hover[b-vxu0scnden] {
    border-color: var(--bs-primary);
    background: var(--bs-primary-bg-subtle);
}

.calendar-option.selected[b-vxu0scnden] {
    border-color: var(--bs-success);
    background: var(--bs-success-bg-subtle);
}

/* /Pages/Scheduling/SchedulerFilter.razor.rz.scp.css */
/*:root { --tag-color: transparent; }*/

.scheduler-filter[b-x0jvly9j5f] { }
.scheduler-filter .filter-badge[b-x0jvly9j5f] {
    /* Základní vzhled badge */
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 30px;
    background: var(--bs-secondary-bg);
    color: var(--bs-body-color);
    cursor: pointer;
    user-select: none;
    /*border: 1px solid var(--bs-border-color);*/
    opacity: 0.85;
    transition: all .15s ease-in-out;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    position: relative; /* pro pseudo-element proužku */
    overflow: hidden; /* aby proužek nepřetékal u zaoblení */
    /* výchozí hodnota custom property pro barevný proužek, aby nehlásil linter chybu */
    --tag-color: transparent;
}
.scheduler-filter .filter-badge.auto[b-x0jvly9j5f] {
    /* Auto tagy (z názvů entit) lehce odlišeny dashed border */
    /*border-style: dashed;*/
}
.scheduler-filter .filter-badge.user[b-x0jvly9j5f] {
    font-weight: 500;
}
/* Aktivní tag BEZ barvy (nemá has-color) dostane plné podbarvení primární barvou */
.scheduler-filter .filter-badge:not(.has-color).active[b-x0jvly9j5f] {
    opacity: 1;
    background: var(--bs-primary);
    color: var(--bs-white);
    /*border-color: var(--bs-primary);*/
    /*box-shadow: 0 0 0 1px var(--bs-primary);*/
}
/* Aktivní tag S barvou (has-color) má stejný vzhled jako aktivní bez barvy; proužek zůstává podle barvy labelu */
.scheduler-filter .filter-badge.has-color.active[b-x0jvly9j5f] {
    opacity: 1;
    background: var(--bs-primary);
    color: var(--bs-white);
    /*border-color: var(--bs-primary);*/
    /*box-shadow: 0 0 0 1px var(--bs-primary);*/
}
/* Barevné tagy: barva je použita JEN na spodní proužek, nikde jinde. Aktivní i neaktivní vypadají stejně kromě standardního active vzhledu. */
.scheduler-filter .filter-badge.has-color[b-x0jvly9j5f] {
    /* žádná změna background / textu / borderu; vše zůstává neutrální */
}
.scheduler-filter .filter-badge.has-color[b-x0jvly9j5f]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px; /* jednotná výška barevného proužku */
    background: var(--tag-color, transparent); /* barva přichází z inline stylu --tag-color */
}
.scheduler-filter .filter-badge:hover[b-x0jvly9j5f] {
    opacity: 1;
    /*transform: translateY(-2px);*/
}
.scheduler-filter .active-tags[b-x0jvly9j5f] {
    font-style: italic;
}

/* Počítadlo u badge – malé a nenápadné */
.scheduler-filter .filter-badge .count[b-x0jvly9j5f] {
    font-size: 10px;          /* malé písmo */
    line-height: 1;           /* kompaktní */
    opacity: .7;              /* opticky lehčí */
    margin-left: 2px;         /* drobný rozestup od názvu */
}
/* /Pages/Scheduling/SchedulerPage.razor.rz.scp.css */
@charset "UTF-8";

.scheduler-split-view[b-hm4fn9qguf] {
  min-height: 540px;
}

.scheduler-main-pane[b-hm4fn9qguf] {
  height: 100%;
}

.scheduler-surface[b-hm4fn9qguf] {
  position: relative;
}

.scheduler-main-pane[b-hm4fn9qguf]  .myscheduler-root {
  height: 100%;
}

.scheduler-empty-state[b-hm4fn9qguf] {
  position: absolute;
  inset: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--bs-body-bg-rgb), 0.86);
  backdrop-filter: blur(3px);
  border: 1px dashed rgba(var(--bs-body-color-rgb), 0.12);
  border-radius: 1rem;
  pointer-events: none;
}

.scheduler-empty-state[b-hm4fn9qguf]  .app-empty-state {
  min-height: 0;
}

.scheduler-empty-state[b-hm4fn9qguf]  .btn {
  pointer-events: auto;
}

.scheduler-split-right[b-hm4fn9qguf] {
  height: 100%;
  padding-left: 2px !important;
}

.scheduler-split-right[b-hm4fn9qguf]  .tasks-panel {
  border-left: 1px solid var(--bs-border-color);
}

@media (max-width: 767.98px) {
  .scheduler-page[b-hm4fn9qguf] {
    overflow-x: hidden;
  }

  .scheduler-mobile-actions[b-hm4fn9qguf] {
    padding-block: 0.75rem;
  }

  .scheduler-mobile-actions[b-hm4fn9qguf]  .scheduler-mobile-action {
    min-height: 44px;
    padding: 0.5rem 0.75rem;
    display: inline-flex;
    align-items: center;
  }

  .range-label-mobile[b-hm4fn9qguf] {
    font-size: 0.8rem;
    opacity: 0.75;
    white-space: nowrap;
  }

  .scheduler-empty-state[b-hm4fn9qguf] {
    inset: .5rem;
  }

  .scheduler-page[b-hm4fn9qguf]  .myscheduler-root {
    max-width: 100%;
  }
}

/*# sourceMappingURL=SchedulerPage.razor.css.map */
/* /Pages/Scheduling/TaskItem.razor.rz.scp.css */
/* TaskItem styly */
.task-item[b-5x1fxmohqq] {
    padding: 0.8rem 0.35rem 0.8rem 0;
    margin-bottom: 0.35rem;
    background: var(--bs-body-bg);
    transition: all 0.2s ease;
}

.task-item + .task-item[b-5x1fxmohqq] {
    margin-top: 0.2rem;
    padding-top: 1rem;
}

[data-bs-theme="light"] .task-item + .task-item[b-5x1fxmohqq] {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

[data-bs-theme="dark"] .task-item + .task-item[b-5x1fxmohqq] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.task-item:hover[b-5x1fxmohqq] {
    background: var(--bs-light);
}

[data-bs-theme="dark"] .task-item:hover[b-5x1fxmohqq] {
    background: #131313;
}

.task-row[b-5x1fxmohqq] {
    width: 100%;
}

.task-item.completed[b-5x1fxmohqq] {
    opacity: 0.6;
}

.task-item.completed .task-title[b-5x1fxmohqq] {
    text-decoration: line-through;
    color: var(--bs-secondary);
}

.task-checkbox[b-5x1fxmohqq] {
    flex-shrink: 0;
    width: 2rem;
    padding-top: 0.15rem;
}

.task-checkbox[b-5x1fxmohqq]  .task-toggle-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    border-radius: 999px;
    color: var(--bs-secondary);
    font-size: 1.22rem;
    text-decoration: none;
    background: transparent;
}

.task-checkbox[b-5x1fxmohqq]  .task-toggle-button:hover {
    color: var(--bs-primary);
    background: color-mix(in srgb, var(--bs-primary) 10%, transparent);
}

.task-content[b-5x1fxmohqq] {
    min-width: 0;
}

.task-title[b-5x1fxmohqq] {
    font-weight: 700;
    font-size: 1.05rem;
    line-height: 1.2;
    word-wrap: break-word;
    cursor: pointer;
}

.task-header-row[b-5x1fxmohqq] {
    row-gap: 0.45rem;
}

.task-item[b-5x1fxmohqq]  .task-header-meta {
    color: var(--bs-secondary);
    opacity: 0;
    transform: translateX(0.15rem);
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.task-item[b-5x1fxmohqq]  .task-inline-actions {
    margin-left: auto;
    opacity: 0;
    transform: translateX(0.15rem);
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.task-item:hover[b-5x1fxmohqq]  .task-header-meta,
.task-item:focus-within[b-5x1fxmohqq]  .task-header-meta,
.task-item:hover[b-5x1fxmohqq]  .task-inline-actions,
.task-item:focus-within[b-5x1fxmohqq]  .task-inline-actions {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.task-item[b-5x1fxmohqq]  .task-inline-actions .btn-link {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.task-note[b-5x1fxmohqq] {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.task-metadata[b-5x1fxmohqq] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 0;
}

/* Skryje metadata pokud je prázdné */
.task-metadata:empty[b-5x1fxmohqq] {
    display: none;
}

.task-meta-item[b-5x1fxmohqq] {
    font-size: 0.8rem;
    color: var(--bs-secondary);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.task-meta-item i[b-5x1fxmohqq] {
    font-size: 0.95rem;
}

.task-meta-link[b-5x1fxmohqq] {
    font-size: 0.8rem;
    color: var(--bs-secondary);
    text-decoration: none;
}

.task-meta-link:hover[b-5x1fxmohqq] {
    color: var(--bs-primary);
}

.task-comments-inline[b-5x1fxmohqq] {
    margin-left: 2.75rem;
    margin-top: 0.35rem;
    padding: 0.85rem 0 0.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.task-comments-loading[b-5x1fxmohqq] {
    font-size: 0.85rem;
}

[b-5x1fxmohqq] .labels-empty{
    opacity:0;
}

.task-item:hover[b-5x1fxmohqq]  .labels-empty {
    opacity: 1;
}

.task-pill[b-5x1fxmohqq] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.15rem 0.6rem;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(255,255,255,0.06);
}

.task-pill.status[b-5x1fxmohqq] {
    color: var(--bs-info);
}

.task-pill.priority-0[b-5x1fxmohqq] {
    color: var(--bs-secondary);
}

.task-pill.priority-1[b-5x1fxmohqq] {
    color: var(--bs-primary);
}

.task-pill.priority-2[b-5x1fxmohqq] {
    color: #d97706;
}

.task-pill.priority-3[b-5x1fxmohqq] {
    color: var(--bs-danger);
}

.task-pill.overdue[b-5x1fxmohqq] {
    color: var(--bs-danger);
    background: rgba(220, 53, 69, 0.12);
}

@media (max-width: 768px) {
    .task-item[b-5x1fxmohqq]  .task-inline-actions {
        width: 100%;
        margin-left: 0;
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }

    .task-item[b-5x1fxmohqq]  .task-header-meta {
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }
}
/* /Pages/Scheduling/TasksPage.razor.rz.scp.css */
/* TasksPage Styles */

.tasks-page-container[b-snfa2md2f5] {
    max-width: 980px;
    margin: 0;
    padding: 1rem 1.25rem 1rem 0;
}

.quick-add-section .card:hover[b-snfa2md2f5] {
    border-color: var(--bs-primary);
}

.quick-add-section[b-snfa2md2f5],
.tasks-list-section[b-snfa2md2f5] {
    max-width: 920px;
}

.quick-add-section[b-snfa2md2f5]  .tasks-quick-input {
    width: 28rem;
    max-width: min(100%, 28rem);
}

.quick-add-section[b-snfa2md2f5]  .tasks-quick-button {
    min-width: 8.25rem;
}

.tasks-basic-filters[b-snfa2md2f5] {
    max-width: 920px;
    padding: 0.25rem 0 1rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.tasks-list-section[b-snfa2md2f5] {
    min-height: 400px;
}

.task-group[b-snfa2md2f5] {
    margin-bottom: 1.5rem;
}

.task-group-header[b-snfa2md2f5] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--bs-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--bs-border-color);
}

/* TaskItem v list-group má mírně jiné styly než v panelu */
.task-group .task-item[b-snfa2md2f5] {
    padding: 1rem 0.25rem 1rem 0;
    border: none;
    border-bottom: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    cursor: pointer;
    transition: all 0.2s ease;
}

.task-group .task-item:last-child[b-snfa2md2f5] {
    border-bottom: none;
}

.task-group .task-item:hover[b-snfa2md2f5] {
    background: var(--bs-light);
}

/* Responzivní úpravy */
@media (max-width: 768px) {
    .tasks-page-container[b-snfa2md2f5] {
        padding: 0.5rem;
    }

    .quick-add-section[b-snfa2md2f5]  .tasks-quick-input {
        width: 100%;
        max-width: 100%;
    }
    
    .task-group-header[b-snfa2md2f5] {
        font-size: 0.875rem;
    }
}
/* /Pages/Scheduling/TasksPanel.razor.rz.scp.css */
/* Tasks Panel Styles */
.tasks-panel[b-u3qju554qc] {
    position: fixed;
    top: 60px;
    right: -400px;
    width: 400px;
    height: calc(100vh - 60px);
    background: var(--bs-body-bg);
    border-left: 1px solid var(--bs-border-color);
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.tasks-panel.embedded[b-u3qju554qc] {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 100%;
    border-left: 0;
    box-shadow: none;
    transition: none;
}

.tasks-panel.embedded .tasks-header[b-u3qju554qc] {
    padding-left: 0.5rem;
}

.tasks-panel.embedded .tasks-content[b-u3qju554qc] {
    padding-left: 0.5rem;
}

.tasks-panel.visible[b-u3qju554qc] {
    right: 0;
}

.tasks-header[b-u3qju554qc] {
    padding: 1rem;
    border-bottom: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
}

.tasks-header .btn-link[b-u3qju554qc] {
    color: var(--bs-body-color);
    padding: 0.25rem 0.5rem;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.tasks-header .btn-link:hover[b-u3qju554qc] {
    opacity: 1;
}

.tasks-content[b-u3qju554qc] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.quick-add-task[b-u3qju554qc] {
    position: sticky;
    top: 0;
    background: var(--bs-body-bg);
    z-index: 10;
    padding-bottom: 0.5rem;
}

@media (max-width: 768px) {
    .tasks-panel[b-u3qju554qc] {
        width: 100%;
        right: -100%;
    }
}
/* /Pages/Studio/Components/StudioImageComponent.razor.rz.scp.css */
.studio-image-container[b-d2iyzyz1m1] {
    cursor: pointer;
}

.studio-image-container:hover .studio-image[b-d2iyzyz1m1] {
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.no-image-placeholder[b-d2iyzyz1m1] {
    color: black;
    background: rgba(218, 218, 218, 0.53);
}

.studio-image-container:hover .no-image-placeholder[b-d2iyzyz1m1] {
    background-color: #eaeaea !important;
    transition: all 0.3s ease;
}

.studio-image-container:hover .fa-times[b-d2iyzyz1m1] {
    opacity: 1 !important;
}

.delete-image-icon[b-d2iyzyz1m1] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    padding: 4px 8px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 10;
}

.studio-hero[b-d2iyzyz1m1] {
    position: relative;
    min-height: 450px;
    height: auto;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    margin-top: -2rem;
    margin-left: -1rem;
    margin-right: -1rem;
}

.studio-hero-name[b-d2iyzyz1m1] {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 900;
    line-height: 1;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    letter-spacing: -0.1rem;
    text-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, .6);
    color: white;
}

.studio-hero-description[b-d2iyzyz1m1] {
    max-width: 800px;
    font-size: 1.1rem;
    color: white;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
    .studio-hero[b-d2iyzyz1m1] {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
}

.hero-overlay[b-d2iyzyz1m1] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, var(--bs-body-bg) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
    pointer-events: none;
}

.hero-content[b-d2iyzyz1m1] {
    position: relative;
    z-index: 2;
    padding: 0 1rem 2rem 1rem;
}

.hero-actions[b-d2iyzyz1m1] {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    color: white;
    background: rgba(0, 0, 0, 0.35);
    padding: 6px 14px;
    border-radius: 99px;
    opacity: 0;
    transition: opacity 0.3s;
    display: flex;
    align-items: center;
    gap: 4px;
    pointer-events: auto;
}

.studio-hero:hover .hero-actions[b-d2iyzyz1m1] {
    opacity: 1;
}

.hero-actions i[b-d2iyzyz1m1] {
    cursor: pointer;
}

.hero-upload-input[b-d2iyzyz1m1] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}

.hero-content[b-d2iyzyz1m1] {
    pointer-events: auto;
    z-index: 6;
}

.hero-placeholder-mode[b-d2iyzyz1m1] {
    border-radius: 12px;
    overflow: hidden;
}
/* /Pages/Studio/Courses/CoursesPage.razor.rz.scp.css */
/* Inline rozbalený detail kurzů - podpora světlého a tmavého režimu */

.course-option-box[b-ynzcbbppoi] {
    background: #f8f9fa;
}

.course-registration-box[b-ynzcbbppoi] {
    background: #fcfcfc;
}

.course-participant-box[b-ynzcbbppoi] {
    background: #fcfcfc;
}

/* Tmavý režim */
[data-bs-theme="dark"] .course-option-box[b-ynzcbbppoi] {
    background: var(--bs-tertiary-bg);
}

[data-bs-theme="dark"] .course-registration-box[b-ynzcbbppoi] {
    background: var(--bs-secondary-bg);
}

[data-bs-theme="dark"] .course-participant-box[b-ynzcbbppoi] {
    background: var(--bs-body-bg);
}

/* /Pages/Studio/CreateWorkspaceDialog.razor.rz.scp.css */
.create-workspace-dialog[b-gglynqjthd] {
  min-width: 360px;
}

/*# sourceMappingURL=CreateWorkspaceDialog.razor.css.map */
/* /Pages/Studio/Equipment/EquipmentImageUpload.razor.rz.scp.css */
.equipment-image-upload[b-nzhvt5axuh] {
    min-width: 72px;
}

.equipment-image-dropzone[b-nzhvt5axuh] {
    position: relative;
    width: 56px;
    height: 56px;
    border: 1px dashed var(--bs-border-color);
    border-radius: 10px;
    background: var(--bs-secondary-bg);
    overflow: hidden;
    transition: border-color .15s ease, background-color .15s ease;
}

.equipment-image-dropzone.drag-over[b-nzhvt5axuh] {
    border-color: var(--bs-primary);
    background: color-mix(in srgb, var(--bs-primary) 10%, var(--bs-secondary-bg));
}

.equipment-image-thumb[b-nzhvt5axuh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.equipment-image-empty[b-nzhvt5axuh] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary-color);
    gap: 2px;
}

.equipment-image-empty-text[b-nzhvt5axuh] {
    font-size: 8px;
    opacity: .8;
    line-height: 1;
    text-align: center;
    padding: 0 3px;
}

.equipment-image-input[b-nzhvt5axuh] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.equipment-image-status[b-nzhvt5axuh] {
    font-size: 12px;
    color: var(--bs-secondary-color);
    display: flex;
    align-items: center;
    gap: 6px;
    padding-left: 2px;
}
/* /Pages/Studio/LatestChanges.razor.rz.scp.css */
.vertical-timeline[b-8kzn1g4pil] {
  width: 100%;
  position: relative;
  padding: 1.5rem 0 1rem;
}

.vertical-timeline[b-8kzn1g4pil]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  height: 100%;
  width: 4px;
  background-color: rgba(129, 129, 129, 0.29);
  border-radius: 0.25rem;
}

.vertical-timeline-element[b-8kzn1g4pil] {
  position: relative;
  margin: 0 0 1rem;
}

.vertical-timeline-element-icon[b-8kzn1g4pil] {
  position: absolute;
  top: 12px;
  left: -6px;
  background: var(--bs-body-bg);
  padding: 5px;
}

.vertical-timeline-element-icon .badge-dot-xl[b-8kzn1g4pil] {
  box-shadow: 0 0 0 5px #fff;
}

.circle[b-8kzn1g4pil] {
  font-size: 1.2em;
  position: relative;
  color: #515151;
}
[data-bs-theme=dark] .circle[b-8kzn1g4pil] {
  color: #dfdfdf;
}

.badge:empty[b-8kzn1g4pil] {
  display: none;
}

.vertical-timeline-element-content[b-8kzn1g4pil] {
  position: relative;
  margin-left: 30px;
  font-size: 0.8rem;
}

.vertical-timeline-element-content .timeline-title[b-8kzn1g4pil] {
  font-size: 0.8rem;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
  padding: 2px 0 0;
  font-weight: bold;
}

.vertical-timeline-element-content[b-8kzn1g4pil]:after {
  content: "";
  display: table;
  clear: both;
}

/*# sourceMappingURL=LatestChanges.razor.css.map */
/* /Pages/Studio/NoStudioAssignedPage.razor.rz.scp.css */
.no-workspace-page[b-4k0n5hsizk] {
    min-height: calc(100dvh - 140px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-workspace-state[b-4k0n5hsizk] {
    max-width: 720px;
    margin: 0 auto;
    padding: 1rem;
}

.no-workspace-state h1[b-4k0n5hsizk] {
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 600;
    line-height: 1.1;
}

.no-workspace-state p[b-4k0n5hsizk] {
    max-width: 520px;
    font-size: 1.15rem;
}
/* /Pages/Studio/Profile/Components/BandsSection.razor.rz.scp.css */
/* Bands section styles */

.section-title[b-mwhyvmdxp8] {
    font-size: 2rem;
    border-bottom: 1px solid var(--public-border, rgba(255, 255, 255, 0.05));
}

/* BANDS */
/* Kontejner kapel jako flex s gap — nahradí použití Bootstrap .row/.col */
.bands-row[b-mwhyvmdxp8] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* mezera mezi dlaždicemi */
    align-items: flex-start;
}

/* Každá položka obalí poměrnou šířku (na mobilu 100%, na tabletu/desktope 50%).
   Vnitřek je centrován, tím lze mít menší dlaždici uvnitř položky. */
.band-item[b-mwhyvmdxp8] {
    flex: 1 1 100%;
    display: flex; /* umožní vertikální/horizontální centrování obsahu */
    justify-content: center;
}

@media (min-width: 768px) {
    /* odpovídá chování `col-md-6` — dvě položky vedle sebe */
    .band-item[b-mwhyvmdxp8] {
        flex: 0 0 calc(50% - 0.5rem); /* bereme v úvahu gap (1rem) */
    }
}

/* Dlaždice samotné: zmenšené (2/3 rodiče) a centrum v rámci .band-item */
.band-card[b-mwhyvmdxp8] {
    background: var(--public-bg-card, #15151A);
    border-radius: 0.75rem;
    overflow: hidden;
    cursor: pointer;
    width: 350px;
    height: 250px;
}

.band-card img[b-mwhyvmdxp8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}

.band-card:hover img[b-mwhyvmdxp8] {
    transform: scale(1.04);
}

.band-caption[b-mwhyvmdxp8] {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto !important;
    right: 0;
    height: auto !important;
    text-align: center;
    padding: 1.75rem 1rem;
    background: rgba(10, 10, 14, 0.78);
    color: var(--public-text, #fff);
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}

/* /Pages/Studio/Profile/Components/ContactSection.razor.rz.scp.css */
/* Contact section styles */

.section-title[b-0rlcxr17w9] {
    font-size: 2rem;
    border-bottom: 1px solid var(--public-border, rgba(255, 255, 255, 0.05));
}

/* CONTACT FOOTER (full-width, vertikální) */
.contact-footer[b-0rlcxr17w9] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0));
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    padding: 2rem 0 3rem 0;
}

.contact-footer-container[b-0rlcxr17w9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 2rem 1.5rem;
    box-sizing: border-box;
}

.contact-footer .section-title[b-0rlcxr17w9] {
    width: 100%;
    text-align: center;
    margin-bottom: .75rem;
}

.contact-footer-text[b-0rlcxr17w9],
.contact-footer p[b-0rlcxr17w9] {
    text-align: center;
    max-width: 60rem;
}

/* Spacer je flex prvek, který vytlačí telefon na úplné dno sekce */
.footer-spacer[b-0rlcxr17w9] {
    flex: 1 1 auto;
    min-height: 0;
}

.contact-footer-phone-wrap[b-0rlcxr17w9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.contact-phone-footer[b-0rlcxr17w9] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    font-weight: 900;
    color: var(--public-text, #ffffff);
    text-decoration: none;
    background: rgba(255, 255, 255, 0.02);
    padding: .5rem 1rem;
    border-radius: .5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    transition: transform .12s ease, box-shadow .12s;
    line-height: 1;
    font-size: clamp(1rem, 6.5vw, 3.2rem);
}

.contact-phone-footer:hover[b-0rlcxr17w9],
.contact-phone-footer:focus[b-0rlcxr17w9] {
    transform: translateY(-6px);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.6);
}

.contact-phone-footer i[b-0rlcxr17w9] {
    font-size: .8em;
    opacity: .95;
}

/* CTA tlačítka pod telefonem, svisle rozložené na úzkých obrazovkách */
.contact-footer-cta[b-0rlcxr17w9] {
    margin-top: 1rem;
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .contact-footer-container[b-0rlcxr17w9] {
        padding: 1.25rem;
    }

    .contact-phone-footer[b-0rlcxr17w9] {
        padding: .4rem .8rem;
    }

    .contact-footer-cta .btn[b-0rlcxr17w9] {
        width: 100%;
    }
}
/* /Pages/Studio/Profile/Components/CoursesSection.razor.rz.scp.css */
/* CoursesSection – scoped CSS */

/* Kontejner pro zachování stejné výšky všech karet ve flexboxu */
.course-wrapper[b-mwbdylh7hs] {
    flex: 1 1 260px;
    min-width: 240px;
    max-width: 400px; /* Aby karta nebyla na širokém monitoru příliš roztáhnutá */
    display: flex;
}

/* Samotná karta kurzu */
.studio-course-card[b-mwbdylh7hs] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 12px;
    background-color: var(--public-bg-card, #15151A);
    border: 1px solid var(--public-border, rgba(255, 255, 255, 0.05));
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    overflow: hidden;
}

/* Hover efekt */
.course-card-link:hover .studio-course-card[b-mwbdylh7hs] {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    border-color: var(--public-border-hover, rgba(255, 255, 255, 0.10));
}

/* Oříznutí nadpisu na max 2 řádky (aby karty neposkakovaly) */
.course-title[b-mwbdylh7hs] {
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
}

/* Obrázek */
.course-image-container[b-mwbdylh7hs] {
    position: relative;
    width: 100%;
    height: 160px;
    border-radius: 8px;
    overflow: hidden;
}

.course-thumb[b-mwbdylh7hs] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Jemný zoom obrázku při najetí na kartu */
.course-card-link:hover .course-thumb[b-mwbdylh7hs] {
    transform: scale(1.03);
}

/* Oříznutí popisku na max 3 řádky */
.course-desc[b-mwbdylh7hs] {
    font-size: 0.9rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* /Pages/Studio/Profile/Components/EquipmentSection.razor.rz.scp.css */
/* Equipment section styles */

.section-title[b-x0essvz5rp] {
    font-size: 2rem;
    border-bottom: 1px solid var(--public-border, rgba(255, 255, 255, 0.05));
}

/* GEAR */
.gear-item[b-x0essvz5rp] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--public-border, rgba(255, 255, 255, 0.05));
    padding: 0.75rem 0;
    color: var(--public-text-muted, #b3b3b3);
}

.gear-item span:first-child[b-x0essvz5rp] {
    color: var(--public-text, #ffffff);
}

.gear-item-main[b-x0essvz5rp] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gear-item-thumb[b-x0essvz5rp] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
/* /Pages/Studio/Profile/Components/FeaturedWorksSection.razor.rz.scp.css */
/* Featured works section styles */

.section-title[b-715ez9qirg] {
    font-size: 2rem;
    border-bottom: 1px solid var(--public-border, rgba(255, 255, 255, 0.05));
}

/* TRACK CONTAINER - obsahuje track header a player row */
.track-container[b-715ez9qirg] {
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    padding: 1.25rem;
    margin-bottom: 0.5rem;
}

.track-container:hover[b-715ez9qirg] {
    /*background: rgba(255, 255, 255, .05);*/
}

.track-container.active[b-715ez9qirg] {
    /*background: rgba(29, 185, 84, .05);*/
}

/* TRACK HEADER - horní řádek s texty */
.track-header[b-715ez9qirg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.track-title-section[b-715ez9qirg] {
    flex: 1;
    min-width: 0;
}

.track-title[b-715ez9qirg] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--public-text, #fff);
    margin-bottom: 0.25rem;
}

.track-container.active .track-title[b-715ez9qirg] {
    color: var(--public-accent, #D4A574);
}

.track-meta-text[b-715ez9qirg] {
    margin: 0;
    font-size: 0.95rem;
    color: var(--public-text-muted, rgba(255,255,255,0.65));
}

.track-duration[b-715ez9qirg] {
    flex-shrink: 0;
    font-size: 1rem;
    color: var(--public-text-muted, rgba(255,255,255,0.65));
    margin-left: 1rem;
}

/* TRACK PLAYER ROW - dolní řádek s play tlačítkem a waveformem */
.track-player-row[b-715ez9qirg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.play-button-container[b-715ez9qirg] {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: rgba(255, 255, 255, 0.1);*/
    /*border-radius: 50%;*/
    cursor: pointer;
    transition: all 0.3s ease;
}

.play-button-container:hover[b-715ez9qirg] {
    /*background: rgba(255, 140, 0, 0.2);*/
    transform: scale(1.05);
}

.track-container.active .play-button-container[b-715ez9qirg] {
    /*background: rgba(29, 185, 84, 0.2);*/
}

.track-container.active .play-button-container:hover[b-715ez9qirg] {
    /*background: rgba(29, 185, 84, 0.3);*/
}

.play-button-icon[b-715ez9qirg] {
    font-size: 1.5rem;
    color: var(--public-text-muted, rgba(255,255,255,0.65));
    transition: color 0.2s;
}

.play-button-container:hover .play-button-icon[b-715ez9qirg] {
    color: var(--public-accent-hover, #E0B789);
}

.track-container.active .play-button-icon[b-715ez9qirg] {
    color: var(--public-accent, #D4A574);
}

.waveform-container[b-715ez9qirg] {
    flex: 1;
    min-width: 0;
}

/* /Pages/Studio/Profile/Components/GallerySection.razor.rz.scp.css */
/* Gallery section styles */

.section-title[b-88mr6ygbik] {
    font-size: 2rem;
    border-bottom: 1px solid var(--public-border, rgba(255, 255, 255, 0.05));
}

/* STUDIO GALLERY */
.studio-gallery[b-88mr6ygbik] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.gallery-grid[b-88mr6ygbik] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.gallery-item[b-88mr6ygbik] {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    background: var(--public-bg-card, #15151A);
    cursor: pointer;
    aspect-ratio: 4/3;
    display: block;
}

.gallery-item img[b-88mr6ygbik] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease, filter 0.3s ease;
}

.gallery-item:hover img[b-88mr6ygbik] {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* Overlay efekt při hoveru */
.gallery-item[b-88mr6ygbik]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-item:hover[b-88mr6ygbik]::after {
    opacity: 1;
}

/* Responsivní layout pro mobily */
@media (max-width: 768px) {
    .gallery-grid[b-88mr6ygbik] {
        grid-template-columns: 1fr;
    }
    
    .gallery-item[b-88mr6ygbik] {
        aspect-ratio: 16/10;
    }
}

/* Responsivní layout pro tablety */
@media (min-width: 769px) and (max-width: 1024px) {
    .gallery-grid[b-88mr6ygbik] {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}
/* /Pages/Studio/Profile/Components/HeroSection.razor.rz.scp.css */
/* Hero section styles */

/* HERO */
.hero[b-gwg1y5jm78] {
    position: relative;
    min-height: 85vh;
    height: auto;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
}

.hero[b-gwg1y5jm78]::after {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: var(--public-hero-overlay-height, 100%);
    background: var(--public-hero-overlay, linear-gradient(to top, var(--public-bg-base, #0A0A0E) 0%, var(--public-bg-base, #0A0A0E) 8%, rgba(10, 10, 14, 0.66) 48%, rgba(10, 10, 14, 0.34) 100%));
    pointer-events: none;
    z-index: 1;
}

.studio-name[b-gwg1y5jm78] {
    font-size: clamp(2.5rem, 6.5vw, 5rem);
    font-weight: 900;
    line-height: 1;
    font-family: var(--public-font-heading, 'Montserrat', sans-serif);
    letter-spacing: -0.125rem;
    color: var(--public-text, #FFFFFF);
    text-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, .5);
}

.studio-bio[b-gwg1y5jm78] {
    max-width: 37.5rem;
    color: var(--public-text-muted, rgba(255, 255, 255, 0.65));
    font-size: 1.28rem;
    font-weight: 500;
    line-height: 1.55;
    text-shadow: 0 0.2rem 1.1rem rgba(0, 0, 0, 0.82);
}

/* FEATURED block: velké play tlačítko, waveform a pulse/glow animace */
.featured-track[b-gwg1y5jm78] {
    max-width: 57.5rem;
}

.featured-inner[b-gwg1y5jm78] {
    align-items: center;
}

.featured-play[b-gwg1y5jm78] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.25);
    border: none;
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
    color: #fff;
    transition: transform .18s ease, box-shadow .18s ease;
    z-index: 2;
    cursor: pointer;
}

.featured-play:focus[b-gwg1y5jm78] {
    outline: none;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
}

.featured-play:hover[b-gwg1y5jm78] {
    transform: translateY(-3px);
}

.featured-play[b-gwg1y5jm78] {
    animation: pulseGlow-b-gwg1y5jm78 2.5s infinite;
}

@keyframes pulseGlow-b-gwg1y5jm78 {
    0% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.25);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 30px 8px rgba(59, 130, 246, 0.12);
        transform: scale(1.03);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.0);
        transform: scale(1);
    }
}

.featured-waveform[b-gwg1y5jm78] {
    min-height: 64px;
    max-height: 160px;
    width: 100%;
    min-width: 300px;
    display: flex;
    align-items: center;
}

.featured-waveform > *[b-gwg1y5jm78] {
    width: 100%;
    height: 80px;
}

/* Velké play tlačítko uprostřed waveformu */
.hero-play-button[b-gwg1y5jm78] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
}

.hero-play-circle[b-gwg1y5jm78] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2rem;
    box-shadow: 0 8px 32px rgba(59, 130, 246, 0.4);
    transition: all 0.3s ease;
    animation: pulseGlow-b-gwg1y5jm78 2.5s infinite;
}

.hero-play-circle:hover[b-gwg1y5jm78] {
    transform: scale(1.1);
    box-shadow: 0 12px 48px rgba(59, 130, 246, 0.6);
}

.hero-play-circle.playing[b-gwg1y5jm78] {
    animation: none;
    background: linear-gradient(135deg, #1DB954, #1ed760);
    box-shadow: 0 8px 32px rgba(29, 185, 84, 0.4);
}

.hero-play-circle.playing:hover[b-gwg1y5jm78] {
    box-shadow: 0 12px 48px rgba(29, 185, 84, 0.6);
}

.hero-play-circle i[b-gwg1y5jm78] {
    margin-left: 4px; /* Posun play ikony mírně doprava pro lepší vizuální centrování */
}

.hero-play-circle.playing i[b-gwg1y5jm78] {
    margin-left: 0; /* Pause ikona je již centrovaná */
}

.featured-waveform[b-gwg1y5jm78]  .play-btn {
    font-size: 4em;
    color: white;
}

.featured-waveform[b-gwg1y5jm78]  .audio-container {
    overflow: visible;
}

.featured-waveform[b-gwg1y5jm78]  .waveform {
    height: 145px;
}

/* Responsivní styly pro mobily */
@media (max-width: 768px) {
    .featured-play[b-gwg1y5jm78] {
        width: 72px;
        height: 72px;
        font-size: 1.4rem;
    }
    
    .hero-play-circle[b-gwg1y5jm78] {
        width: 64px;
        height: 64px;
        font-size: 1.5rem;
    }

    .featured-waveform > *[b-gwg1y5jm78] {
        height: 56px;
    }

    .featured-inner[b-gwg1y5jm78] {
        gap: 1rem;
        padding: 1rem;
    }
}

@media (max-width: 575.98px) {
    .hero[b-gwg1y5jm78] {
        min-height: 60vh;
        background-position: center top;
        background-size: cover;
    }

    .hero[b-gwg1y5jm78]::after {
        inset: auto 0 0 0;
        height: var(--public-hero-overlay-height, 100%);
        z-index: 1;
        pointer-events: none;
    }

    /* zajistit, že obsah je nad overlayem */
    .hero > .container-xl[b-gwg1y5jm78] {
        position: relative;
        z-index: 2;
    }

    .studio-name[b-gwg1y5jm78],
    .studio-bio[b-gwg1y5jm78],
    .d-inline-flex[b-gwg1y5jm78] {
        color: var(--public-text, #FFFFFF);
        text-shadow: 0 6px 30px rgba(0, 0, 0, 0.85);
    }

    .studio-bio[b-gwg1y5jm78] {
        font-size: 1.12rem;
    }
}
/* /Pages/Studio/Profile/Components/MyStudioAttribution.razor.rz.scp.css */
/* Nenápadná atribuční patička na veřejných stránkách */
.mystudio-attribution[b-lnxyd6xwej] {
    text-align: center;
    padding: 1.5rem 1rem 2rem;
}

.mystudio-attribution-badge[b-lnxyd6xwej] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: inherit;
    font-size: 0.8rem;
    line-height: 1.4;
    text-decoration: none;
    opacity: 0.72;
    transition: opacity 0.15s ease, background-color 0.15s ease;
}

.mystudio-attribution-badge i[b-lnxyd6xwej] {
    color: #3b82f6;
    flex: 0 0 auto;
}

.mystudio-attribution-badge span[b-lnxyd6xwej] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.mystudio-attribution-badge:hover[b-lnxyd6xwej] {
    background: rgba(255, 255, 255, 0.16);
    opacity: 1;
}
/* /Pages/Studio/Profile/Components/PublicDesignTweaksPanel.razor.rz.scp.css */
.public-design-panel[b-9j1q2o2wwn] {
    position: fixed;
    right: 1rem;
    top: 6.2rem;
    width: min(24rem, calc(100vw - 2rem));
    z-index: 1060;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0.7rem;
    padding: 0.75rem;
    background: rgba(7, 8, 12, 0.96);
    backdrop-filter: blur(8px);
}

.public-design-panel-title[b-9j1q2o2wwn] {
    font-weight: 700;
}

.public-design-panel-note[b-9j1q2o2wwn] {
    margin-top: -0.25rem;
    margin-bottom: 0.25rem;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.45);
    font-style: italic;
}

.public-design-panel-label[b-9j1q2o2wwn] {
    margin-bottom: 0.25rem;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.75);
}

.design-swatch-btn[b-9j1q2o2wwn] {
    width: 1.35rem;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: var(--swatch);
}
/* /Pages/Studio/Profile/Components/PublicSectionRenderer.razor.rz.scp.css */
.section-edit-wrapper[b-vtvadek2xk] {
    position: relative;
}

.section-edit-btn[b-vtvadek2xk] {
    display: none;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 10;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.4rem;
    padding: 0.3rem 0.75rem;
    font-size: 0.8rem;
    cursor: pointer;
    backdrop-filter: blur(4px);
    transition: background 0.15s ease;
}

.section-edit-btn:hover[b-vtvadek2xk] {
    background: rgba(0, 0, 0, 0.85);
}

.section-edit-wrapper--editable:hover > .section-edit-btn[b-vtvadek2xk] {
    display: flex;
    align-items: center;
}
/* /Pages/Studio/Profile/Components/ReferencesSection.razor.rz.scp.css */
/* References section styles */

.section-title[b-oc4ztry2jk] {
    font-size: 2rem;
    border-bottom: 1px solid var(--public-border, rgba(255, 255, 255, 0.05));
}

/* Flex wrap pro reference */
.references-grid[b-oc4ztry2jk] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* Karta reference - pevná velikost */
.ref-card[b-oc4ztry2jk] {
    position: relative;
    background: var(--public-bg-card, #15151A);
    border-radius: 0.5rem;
    overflow: hidden;
    width: 160px;
    height: 270px;
    flex-shrink: 0;
}

/* Obal pro obrázek */
.ref-image-wrapper[b-oc4ztry2jk] {
    width: 100%;
    height: 220px;
    position: relative;
    background: var(--public-bg-raised, #1E1E26);
}

/* Samotný obrázek */
.ref-image[b-oc4ztry2jk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Placeholder pro referenci bez obrázku */
.ref-placeholder[b-oc4ztry2jk] {
    width: 100%;
    height: 220px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ref-placeholder i[b-oc4ztry2jk] {
    font-size: 3rem;
    opacity: 0.3;
    color: var(--public-text, #fff);
}

/* Popisky referencí */
.ref-caption[b-oc4ztry2jk] {
    padding: 0.5rem;
    background: rgba(0, 0, 0, 0.7);
    color: var(--public-text, #fff);
    height: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ref-name[b-oc4ztry2jk] {
    font-weight: 600;
    font-size: 0.85rem;
    margin-bottom: 0.15rem;
    line-height: 1.2;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.ref-sub[b-oc4ztry2jk] {
    font-weight: 400;
    font-size: 0.75rem;
    color: var(--public-text-muted, rgba(255, 255, 255, 0.65));
    line-height: 1.2;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
/* /Pages/Studio/Profile/Components/TeamSection.razor.rz.scp.css */
/* Team section styles */

.section-title[b-fiht2hjejr] {
    font-size: 2rem;
    border-bottom: 1px solid var(--public-border, rgba(255, 255, 255, 0.05));
}

/* Text popis týmu */
.team-description[b-fiht2hjejr] {
    line-height: 1.8;
    color: var(--public-text-muted, rgba(255, 255, 255, 0.65));
}

/* Grid pro fotografie týmu */
.team-images-grid[b-fiht2hjejr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .team-images-grid[b-fiht2hjejr] {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}

/* Jednotlivá položka fotografie */
.team-image-item[b-fiht2hjejr] {
    position: relative;
}

/* Karta s fotografií */
.team-photo-card[b-fiht2hjejr] {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    background: var(--public-bg-card, #15151A);
    overflow: hidden;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.team-photo-card:hover[b-fiht2hjejr] {
    transform: scale(1.02);
}

/* Samotná fotografie */
.team-photo[b-fiht2hjejr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.team-photo-card:hover .team-photo[b-fiht2hjejr] {
    transform: scale(1.05);
}

/* Informace o členu týmu pod fotkou */
.team-member-info[b-fiht2hjejr] {
    padding: 0.5rem 0;
}

.team-member-name[b-fiht2hjejr] {
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.team-member-description[b-fiht2hjejr] {
    font-size: 0.875rem;
    line-height: 1.4;
}

/* /Pages/Studio/Profile/CourseDetailPage.razor.rz.scp.css */
/* ══════════════════════════════════════════
   CourseDetailPage.razor – scoped CSS
   Vizuálně konzistentní se StudioProfile
   ══════════════════════════════════════════ */

/* ── Kořenový wrapper ── */
.course-detail-page[b-aq75lkrxz7] {
    --bg: var(--public-bg-base, #0A0A0E);
    --text-main: var(--public-text, #ffffff);
    --text-muted: var(--public-text-muted, rgba(255,255,255,0.65));
    --accent: var(--public-accent, #D4A574);
    --card-bg: var(--public-bg-card, #15151A);
    --card-border: var(--public-border, rgba(255, 255, 255, 0.05));

    background-color: var(--bg);
    color: var(--text-main);
    font-family: var(--public-font-body, 'Inter', sans-serif);
    line-height: 1.6;
    padding-bottom: 5rem;
    min-height: 100vh;
}

/* ── Tlačítko zpět (fixed) ── */
.back-btn-fixed[b-aq75lkrxz7] {
    position: fixed;
    left: 1rem;
    top: 0.65rem;
    z-index: 1050;
}

/* ── Tlačítko Upravit (fixed vpravo nahoře, stejně jako StudioProfile) ── */
.edit-button-fixed[b-aq75lkrxz7] {
    position: fixed;
    right: 1rem;
    top: 0.6rem;
    z-index: 1050;
}

/* ══════════════════
   HERO sekce
   ══════════════════ */
.course-hero[b-aq75lkrxz7] {
    position: relative;
    min-height: 75vh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
}

/* Gradient overlay – stejný přístup jako HeroSection */
.course-hero-overlay[b-aq75lkrxz7] {
    position: absolute;
    inset: auto 0 0 0;
    height: var(--public-hero-overlay-height, 100%);
    background: var(--public-hero-overlay, linear-gradient(to top, var(--public-bg-base, #0A0A0E) 0%, var(--public-bg-base, #0A0A0E) 8%, rgba(10, 10, 14, 0.66) 48%, rgba(10, 10, 14, 0.34) 100%));
    pointer-events: none;
    z-index: 1;
}

/* Badge pill nad názvem */
.badge-pill[b-aq75lkrxz7] {
    background: var(--public-accent-muted, rgba(212, 165, 116, 0.15));
    border: 1px solid var(--public-accent-glow, rgba(212, 165, 116, 0.35));
    padding: 0.25rem 0.85rem;
    border-radius: 999px;
    font-size: 0.85rem;
    color: var(--public-text, #ffffff);
    backdrop-filter: blur(4px);
}

/* Název kurzu – kopíruje .studio-name */
.course-name[b-aq75lkrxz7] {
    font-size: clamp(2.5rem, 7vw, 5.5rem);
    font-weight: 900;
    line-height: 1.05;
    font-family: var(--public-font-heading, 'Montserrat', sans-serif);
    letter-spacing: -0.1rem;
    color: var(--public-text, #ffffff);
    text-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.6);
}

/* Stručný popis pod názvem */
.course-short-desc[b-aq75lkrxz7] {
    max-width: 38rem;
    font-size: 1.28rem;
    color: var(--public-text-muted, rgba(255, 255, 255, 0.65));
    font-weight: 500;
    line-height: 1.55;
    text-shadow: 0 0.2rem 1.1rem rgba(0, 0, 0, 0.82);
}

/* Meta-badges (délka, termíny, cena) */
.meta-badge[b-aq75lkrxz7] {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    font-size: 0.9rem;
    backdrop-filter: blur(4px);
}

.meta-badge.accent[b-aq75lkrxz7] {
    background: var(--public-accent-muted, rgba(212, 165, 116, 0.15));
    border-color: var(--public-accent-glow, rgba(212, 165, 116, 0.35));
    color: var(--public-accent, #D4A574);
}

/* ── Tiptap HTML obsah ── */
.course-description[b-aq75lkrxz7]  p,
.option-desc[b-aq75lkrxz7]  p {
    /*color: var(--text-muted);*/
    margin-bottom: 0.75rem;
}

.course-description[b-aq75lkrxz7]  h1,
.course-description[b-aq75lkrxz7]  h2,
.course-description[b-aq75lkrxz7]  h3 {
    font-family: var(--public-font-heading, 'Montserrat', sans-serif);
    color: var(--public-text, #ffffff);
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

/* ══════════════════
   Varianty (Options)
   ══════════════════ */
.option-card[b-aq75lkrxz7] {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 0.75rem;
    padding: 1.25rem;
    height: 100%;
    transition: border-color 0.2s;
}

.option-card:hover[b-aq75lkrxz7] {
    border-color: rgba(255, 255, 255, 0.2);
}

.option-name[b-aq75lkrxz7] {
    font-weight: 600;
    font-size: 1rem;
}

.option-price[b-aq75lkrxz7] {
    color: var(--public-accent, #D4A574);
    font-weight: 700;
    font-size: 1.05rem;
    white-space: nowrap;
}

.option-type[b-aq75lkrxz7] {
    font-size: 0.82rem;
}

.option-desc[b-aq75lkrxz7] {
    /*font-size: 0.9rem;*/
    /*color: var(--text-muted);*/
}

/* ══════════════════
   Termíny – karta
   ══════════════════ */
.term-card[b-aq75lkrxz7] {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
}

.term-date-block[b-aq75lkrxz7] {
    min-width: 3.5rem;
}

.term-day[b-aq75lkrxz7] {
    font-size: 2rem;
    font-weight: 900;
    font-family: var(--public-font-heading, 'Montserrat', sans-serif);
    line-height: 1;
}

.term-month[b-aq75lkrxz7] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    color: var(--text-muted);
}

/* Inline termín řádek (v option kartě) */
.term-row[b-aq75lkrxz7] {
    font-size: 0.88rem;
    color: var(--text-muted);
}

.term-icon[b-aq75lkrxz7] {
    color: var(--accent);
    flex-shrink: 0;
}

.term-capacity.low[b-aq75lkrxz7] {
    color: #f59e0b;
}

/* Kapacita progress bar */
.capacity-bar[b-aq75lkrxz7] {
    width: 5rem;
    height: 4px;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 2px;
    overflow: hidden;
}

.capacity-fill[b-aq75lkrxz7] {
    height: 100%;
    background: var(--accent);
    border-radius: 2px;
    transition: width 0.3s ease;
}

.capacity-fill.low[b-aq75lkrxz7] {
    background: #f59e0b;
}

/* ══════════════════
   Info karta (pravý sloupec)
   ══════════════════ */
.info-card[b-aq75lkrxz7] {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 1rem;
    padding: 1.5rem;
}

.info-thumb[b-aq75lkrxz7] {
    border-radius: 0.75rem;
    object-fit: cover;
    max-height: 220px;
}

.info-thumb-placeholder[b-aq75lkrxz7] {
    border-radius: 0.75rem;
    height: 180px;
}

.info-list li[b-aq75lkrxz7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--card-border);
    font-size: 0.93rem;
    color: var(--text-muted);
}

.info-list li:last-child[b-aq75lkrxz7] {
    border-bottom: none;
}

.info-icon[b-aq75lkrxz7] {
    color: var(--accent);
    width: 1rem;
    text-align: center;
    flex-shrink: 0;
}

/* ══════════════════
   Mobilní breakpoint
   ══════════════════ */
@media (max-width: 575.98px) {
    .course-hero[b-aq75lkrxz7] {
        min-height: 55vh;
    }

    .course-hero-overlay[b-aq75lkrxz7] {
        height: var(--public-hero-overlay-height, 100%);
        background: var(--public-hero-overlay, linear-gradient(to top, var(--public-bg-base, #0A0A0E) 0%, var(--public-bg-base, #0A0A0E) 9%, rgba(10, 10, 14, 0.68) 50%, rgba(10, 10, 14, 0.38) 100%));
    }

    .course-name[b-aq75lkrxz7] {
        font-size: 2.2rem;
    }

    .course-short-desc[b-aq75lkrxz7] {
        font-size: 1.12rem;
    }
}

/* ══════════════════
   Tlačítko Přihlásit se
   ══════════════════ */
.register-btn[b-aq75lkrxz7] {
    font-size: 0.8rem;
    padding: 0.25rem 0.65rem;
    white-space: nowrap;
}

/* ══════════════════
   Registrační modal
   ══════════════════ */
.modal-backdrop-dark[b-aq75lkrxz7] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    z-index: 1040;
}

.reg-modal[b-aq75lkrxz7] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    background: var(--public-bg-raised, #1E1E26);
    border: 1px solid var(--public-border-hover, rgba(255,255,255,0.10));
    border-radius: 1rem;
    width: min(560px, 95vw);
    max-height: 92vh;
    overflow-y: auto;
    box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.7);
}

.reg-modal-header[b-aq75lkrxz7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.reg-modal-body[b-aq75lkrxz7] {
    padding: 1.5rem;
}
/* /Pages/Studio/Profile/Editing/ProfileBandsEditor.razor.rz.scp.css */
/* /Pages/Studio/Profile/Editing/ProfileEquipmentEditor.razor.rz.scp.css */
.profile-equipment-editor[b-dbi6pwvyak] {
    font-size: 1rem; /* bylo 0.85rem – zvětšeno pro lepší čitelnost */
}

.equipment-link-section[b-dbi6pwvyak] {
    background-color: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
}

.equipment-item[b-dbi6pwvyak] {
    padding: 0.4rem;
    border-left: 3px solid var(--bs-border-color);
    background-color: var(--bs-tertiary-bg);
    border-radius: 3px;
    transition: background-color 0.2s;
}

.equipment-item:hover[b-dbi6pwvyak] {
    background-color: var(--bs-secondary-bg);
}

.equipment-item strong[b-dbi6pwvyak] {
    font-size: 0.9rem; /* bylo 0.8rem – zvětšeno pro lepší čitelnost */
    color: var(--bs-secondary-color);
}

.equipment-item-new[b-dbi6pwvyak] {
    border: 2px dashed var(--bs-border-color);
    background-color: var(--bs-tertiary-bg) !important;
}
/* /Pages/Studio/Profile/Editing/ProfileFeaturedWorksEditor.razor.rz.scp.css */
/* Bootstrap 5.3 Dark Mode Support */
[data-bs-theme="dark"] .work-item-editor[b-gq99ovyknq] {
    /*background-color: #212529;*/
    /*border-color: #495057;*/
}

[data-bs-theme="dark"] .work-item-new[b-gq99ovyknq] {
    /*background-color: #212529 !important;*/
    /*border-color: #495057;*/
}

/* Handle visibility: hidden by default, visible on hover */
.work-item-editor .drag-handle[b-gq99ovyknq] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .12s ease-in-out;
}
.work-item-editor:hover .drag-handle[b-gq99ovyknq] {
    visibility: visible;
    opacity: 1;
}
.drag-handle[b-gq99ovyknq] {
    cursor: move;
    margin-right: 0.5rem;
}
/* /Pages/Studio/Profile/Editing/ProfileHeroBackgroundEditor.razor.rz.scp.css */
/* Bootstrap 5.3 Dark Mode Support */
.profile-hero-background-editor[b-r3rep4yxia] {
    font-size: 1rem; /* bylo 0.85rem – zvětšeno pro lepší čitelnost */
}

.background-container[b-r3rep4yxia] {
    position: relative;
}

.background-preview[b-r3rep4yxia] {
    border: 2px solid #dee2e6;
    transition: opacity 0.2s;
}

.background-overlay[b-r3rep4yxia] {
    background: rgba(0, 0, 0, 0);
    transition: background 0.2s, opacity 0.2s;
    opacity: 0;
}

.background-container:hover .background-preview[b-r3rep4yxia] {
    opacity: 0.4;
}

.background-container:hover .background-overlay[b-r3rep4yxia] {
    background: rgba(0, 0, 0, 0.85);
    opacity: 1;
}

.upload-area[b-r3rep4yxia] {
    /*background-color: #f8f9fa;*/
    border-color: #dee2e6;
    transition: background-color 0.2s, border-color 0.2s;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-area:hover[b-r3rep4yxia] {
    background-color: #e9ecef;
    border-color: #adb5bd;
}

/* Dark Mode */
[data-bs-theme="dark"] .background-preview[b-r3rep4yxia] {
    border-color: #495057;
}

[data-bs-theme="dark"] .upload-area[b-r3rep4yxia] {
    /*background-color: #212529;*/
    border-color: #495057;
}

[data-bs-theme="dark"] .upload-area:hover[b-r3rep4yxia] {
    background-color: #2c3034;
    border-color: #6c757d;
}

/* /Pages/Studio/Profile/Editing/StudioSubPageEditorPanel.razor.rz.scp.css */
.module-selector-toggle[b-cry3hes87w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: var(--bs-border-color);
}

.module-selector .dropdown-menu[b-cry3hes87w] {
    max-height: 320px;
    overflow-y: auto;
    border-radius: 0.6rem;
}

.module-selector-item[b-cry3hes87w] {
    font-size: 0.92rem;
    border-radius: 0.35rem;
    margin: 0.1rem 0.35rem;
    width: calc(100% - 0.7rem);
}

.module-selector-item.active[b-cry3hes87w],
.module-selector-item:active[b-cry3hes87w] {
    background: rgba(var(--bs-primary-rgb), 0.12);
    color: var(--bs-body-color);
}

[b-cry3hes87w] .sections-only-tabs > .tabs2-nav-wrapper {
    display: none;
}

[b-cry3hes87w] .sections-only-tabs > .tabs2-content > .tab-pane > .tabs2-panel-inner {
    padding-top: 0 !important;
}
/* /Pages/Studio/Profile/StudioProfile.razor.rz.scp.css */
/* Profile.razor scoped CSS
   Tento soubor obsahuje pouze globální styly pro .profile-page kontejner.
   Styly pro jednotlivé komponenty jsou v jejich vlastních .razor.css souborech.
*/

/* Scoped variables: umístěné na kořen komponenty (.profile-page) */
.profile-page[b-8zu18ezf77] {
    background-color: var(--public-bg-base, #121212);
    color: var(--public-text, #ffffff);
    font-family: var(--public-font-body, 'Inter', sans-serif);
    line-height: 1.6;
    padding-bottom: 4rem;
    position: relative;
}

/* Globální styly pro nadpisy a odkazy */
[b-8zu18ezf77] .section-title {
}

[b-8zu18ezf77] .section-title {
    font-family: var(--public-font-heading, 'Montserrat', sans-serif);
    font-size: 3em !important;
    margin-top:30px;
}

[b-8zu18ezf77] .right .section-title {
    font-size: 2em !important;
}

a[b-8zu18ezf77] {
    text-decoration: none;
    color: inherit;
}

/* Tlačítka fixed pro navigaci a editaci (specifické pro tuto stránku) */
.back-button[b-8zu18ezf77] {
    position: fixed;
    left: 1rem;
    top: 0.6rem;
    z-index: 1050;
}

.edit-button[b-8zu18ezf77] {
    position: fixed;
    right: 1rem;
    top: 0.6rem;
    z-index: 1050;
}
/* /Pages/Studio/Profile/StudioSubPage.razor.rz.scp.css */
/* Sdílí vizuální styl s CourseDetailPage a StudioProfile */

/* ── Kořenový wrapper ── */
.subpage-page[b-fgsi7gxuq5] {
    --bg: var(--public-bg-base, #121212);
    --text-main: var(--public-text, #ffffff);
    --text-muted: var(--public-text-muted, #b3b3b3);
    --accent: var(--public-accent, #1DB954);
    --card-bg: rgba(255, 255, 255, 0.04);
    --card-border: rgba(255, 255, 255, 0.08);

    background-color: var(--bg);
    color: var(--text-main);
    font-family: var(--public-font-body, 'Inter', sans-serif);
    line-height: 1.6;
    padding-bottom: 5rem;
    min-height: 100vh;
    position: relative;
}

/* ── Tlačítka fixed ── */
.edit-button-fixed[b-fgsi7gxuq5] {
    position: fixed;
    top: 0.6rem;
    right: 1rem;
    z-index: 1050;
}

.back-btn-fixed[b-fgsi7gxuq5] {
    position: fixed;
    top: 0.65rem;
    left: 1rem;
    z-index: 1050;
}

/* ── Hero sekce ── */
.subpage-hero[b-fgsi7gxuq5] {
    position: relative;
    min-height: 65vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
}

/* Gradient overlay – tmavý zespodu (kde je titulek), průhledný nahoře */
.subpage-hero-overlay[b-fgsi7gxuq5] {
    position: absolute;
    inset: auto 0 0 0;
    height: var(--public-hero-overlay-height, 100%);
    background: var(--public-hero-overlay, linear-gradient(to top, var(--public-bg-base, #0A0A0E) 0%, var(--public-bg-base, #0A0A0E) 8%, rgba(10, 10, 14, 0.66) 48%, rgba(10, 10, 14, 0.34) 100%));
    pointer-events: none;
    z-index: 1;
}

.subpage-title[b-fgsi7gxuq5] {
    font-family: var(--public-font-heading, 'Montserrat', sans-serif);
    font-weight: 900;
    font-size: clamp(3rem, 8vw, 6rem);
    line-height: 1.1;
    color: var(--public-text, #ffffff);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.subpage-subtitle[b-fgsi7gxuq5] {
    font-size: 1.35rem;
    color: var(--public-text-muted, rgba(255, 255, 255, 0.65));
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.5;
    max-width: 700px;
    text-shadow: 0 0.2rem 1.1rem rgba(0, 0, 0, 0.82);
}

.subpage-title-fallback .subpage-subtitle[b-fgsi7gxuq5] {
    color: var(--public-text-muted, rgba(255, 255, 255, 0.65));
}

.subpage-title-fallback[b-fgsi7gxuq5] {
    padding-top: 7rem;
    padding-bottom: 1.5rem;
}

.subpage-body[b-fgsi7gxuq5] {
    min-height: 50vh;
}

/* ── Mobilní breakpoint ── */
@media (max-width: 575.98px) {
    .subpage-hero[b-fgsi7gxuq5] {
        min-height: 50vh;
    }

    .subpage-title[b-fgsi7gxuq5] {
        font-size: 2rem;
    }

    .subpage-subtitle[b-fgsi7gxuq5] {
        font-size: 1.12rem;
    }
}
/* /Pages/Studio/Profile/WorkspacePageSwitcher.razor.rz.scp.css */
.studio-page-switcher[b-j3mem7alur] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 1rem 1.5rem 0;
    position: absolute;
    z-index: 10;
    left: 50px;
    margin-bottom: -3rem;
}

.page-tab[b-j3mem7alur] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    border-radius: 2rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-decoration: none;
    transition: all 0.15s ease;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.page-tab:hover[b-j3mem7alur] {
    color: #fff;
    background: rgba(0, 0, 0, 1);
    border-color: rgba(255, 255, 255, 0.3);
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    transform: translateY(-1px);
}

.page-tab.active[b-j3mem7alur] {
    color: #fff;
    background: rgba(0, 0, 0, 1);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
/* /Pages/Studio/Settings/Components/StudioSettingsNav.razor.rz.scp.css */
.studio-settings-nav-item[b-dw0b7rr06l] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    color: inherit;
    text-decoration: none;
    opacity: 0.7;
    font-size: 0.95rem;
}

.studio-settings-nav-icon[b-dw0b7rr06l] {
    width: 1rem;
    text-align: center;
    flex-shrink: 0;
    opacity: 0.8;
}

.studio-settings-nav-item:hover[b-dw0b7rr06l] {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.05);
}

.studio-settings-nav-item.active[b-dw0b7rr06l] {
    opacity: 1;
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0.08);
}

.studio-settings-nav-item.active .studio-settings-nav-icon[b-dw0b7rr06l] {
    opacity: 1;
}
/* /Pages/Studio/Settings/StudioPlanSettingsPage.razor.rz.scp.css */
/* Grid modulů – 2 sloupce, stejný layout jako readonly plan-module */
.plan-modules-grid[b-40845nk8mu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

/* Styl modulu – identický s readonly plan-module v PricingPlanCard */
.plan-module[b-40845nk8mu] {
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    transition: all 0.2s ease;
}

.plan-module .module-icon[b-40845nk8mu] {
    font-size: 1.2rem;
    width: 1.5rem;
    text-align: center;
    flex-shrink: 0;
    /* výchozí barva pro disabled stav */
    color: rgba(150, 150, 150, 0.5);
    transition: all 0.2s ease;
}

/* Povolený modul – accent barva jako v readonly kartách */
.plan-module.is-enabled .module-icon[b-40845nk8mu] {
    color: var(--accent-color);
    filter: drop-shadow(0 0 6px rgba(var(--accent-r), var(--accent-g), var(--accent-b), 0.4));
}

.plan-module:not(.is-enabled)[b-40845nk8mu] {
    opacity: 0.5;
}

.plan-module.is-clickable[b-40845nk8mu] {
    cursor: pointer;
}

.plan-module.is-clickable:hover[b-40845nk8mu] {
    background: rgba(255, 255, 255, 0.05);
    transform: translateY(-1px);
}

.plan-module .module-label[b-40845nk8mu] {
    font-size: 0.82rem;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: left;
    flex: 1;
    min-width: 0;
}

/* Badge "z plánu" – skrytý */
.module-badge[b-40845nk8mu] {
    display: none;
}

/* Manuálně povolený modul (ne z plánu) – malý barevný puntík přes ::after */
.plan-module.is-manual .module-icon[b-40845nk8mu] {
    position: relative;
}

.plan-module.is-manual .module-icon[b-40845nk8mu]::after {
    content: '';
    position: absolute;
    top: -3px;
    right: -5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ffc107;
    border: 2px solid var(--bs-card-bg);
    pointer-events: none;
}

/* /Pages/Studio/StorageCleanup.razor.rz.scp.css */
.storage-cleanup-total-size[b-e4nsztfxw5] {
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.storage-cleanup-hero[b-e4nsztfxw5] {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.storage-cleanup-progress[b-e4nsztfxw5] {
  height: 14px;
  border-radius: 999px;
  background-color: rgba(13, 110, 253, 0.08);
}

.storage-cleanup-progress .progress-bar[b-e4nsztfxw5] {
  border-radius: 999px;
}

.storage-cleanup-pct-pill[b-e4nsztfxw5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  background: rgba(13, 110, 253, 0.1);
  color: var(--bs-primary);
  font-size: 0.8rem;
  font-weight: 700;
}

.storage-cleanup-checkbox[b-e4nsztfxw5] {
  width: 1.35rem;
  height: 1.35rem;
  transform: scale(1.25);
  transform-origin: left center;
  flex: 0 0 auto;
  cursor: pointer;
  accent-color: var(--bs-primary);
}

@media (max-width: 576px) {
  .storage-cleanup-total-size[b-e4nsztfxw5] {
    font-size: clamp(2rem, 12vw, 3rem);
  }
}
/* /Pages/Studio/StudioHeader.razor.rz.scp.css */
[b-r1x0ysutcq] .no-tags-icon {
    opacity: 0;
}

[b-r1x0ysutcq] .dropdown-item:hover .no-tags-icon {
    opacity: 1;
}
/* /Pages/Studio/StudioHome.razor.rz.scp.css */
.sh-shell[b-9wa8yi63cl] {
    max-width: 1180px;
}

.sh-main[b-9wa8yi63cl] {
    gap: 4.5rem;
}

.sh-grid[b-9wa8yi63cl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 22.5rem;
    gap: 2rem;
    align-items: start;
}

.sh-side[b-9wa8yi63cl] {
    position: sticky;
    top: 1rem;
    align-self: start;
    gap: 8rem;
    padding-top: 17rem;
    margin-top: 2.4rem;
}

[data-bs-theme="light"] .sh-shell[b-9wa8yi63cl] {
    color: rgba(17, 17, 17, 0.98);
}

[data-bs-theme="dark"] .sh-shell[b-9wa8yi63cl] {
    color: rgba(245, 245, 245, 0.96);
}

[b-9wa8yi63cl] .sh-side .sh-section__title {
    font-size: 1.25rem;
    font-weight: 560;
    letter-spacing: -.01em;
    line-height: 1.1;
    opacity: .92;
}

[b-9wa8yi63cl] .sh-side .sh-section__head {
    margin-bottom: .55rem;
}

[b-9wa8yi63cl] .sh-section {
    position: relative;
    padding: 0;
    border-top: 0;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

/* Debug tlačítko agendy se zobrazuje jen na hover sekce, aby nerušilo běžný obsah. */
[b-9wa8yi63cl] .sh-section:hover .studio-home-hero-debug {
    opacity: .45;
    pointer-events: auto;
}

[b-9wa8yi63cl] .sh-section:hover .studio-home-hero-debug:hover {
    opacity: 1;
}

[b-9wa8yi63cl] .sh-section__head {
    margin-bottom: 1.1rem;
}

[b-9wa8yi63cl] .sh-section__title {
    font-size: 1.85rem;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.15;
}

@media (max-width: 767.98px) {
    .sh-shell[b-9wa8yi63cl] {
        padding-top: .75rem !important;
    }

    .sh-main[b-9wa8yi63cl] {
        gap: 3rem;
    }
}

@media (max-width: 1199.98px) {
    .sh-grid[b-9wa8yi63cl] {
        grid-template-columns: minmax(0, 1fr);
    }

    .sh-side[b-9wa8yi63cl] {
        position: static;
        margin-top: 0;
        padding-top: 0;
    }
}
/* /Pages/Studio/StudioHomeSections/StudioHomeActivitySection.razor.rz.scp.css */
[b-ed36au9xjs] .studio-home-activity {
    padding-top: .25rem;
}

[b-ed36au9xjs] .studio-home-activity .latest-changes-empty {
    padding: .75rem 1rem 1rem;
    color: rgba(255, 255, 255, .72);
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

[b-ed36au9xjs] .studio-home-activity .latest-changes-empty__title {
    margin-bottom: .35rem;
    font-size: .95rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .9);
}

[b-ed36au9xjs] .studio-home-activity .latest-changes-empty__text {
    font-size: .9rem;
    line-height: 1.45;
}

[b-ed36au9xjs] .studio-home-activity-more {
    margin-left: 30px;
    padding-bottom: .5rem;
}
/* /Pages/Studio/StudioHomeSections/StudioHomeAgendaSection.razor.rz.scp.css */
.studio-home-hero[b-itmzzkghlv] {
    padding: .35rem 0 .75rem;
    position: relative;
}

.studio-home-hero-debug[b-itmzzkghlv] {
    position: absolute;
    top: .6rem;
    right: 2rem; /* odsazení doprava kvůli křížku odebrání sekce ze StudioHomeSectionFrame */
    display: flex;
    align-items: center;
    gap: .4rem;
    opacity: 0; /* skryto, zobrazí se na hover sekce přes StudioHome.razor.css */
    transition: opacity .18s ease;
    pointer-events: none; /* nereaguje na hover dokud sekce není hoverována */
}

.studio-home-hero-debug__label[b-itmzzkghlv] {
    font-size: .72rem;
    opacity: .8;
    max-width: 18ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.studio-home-kicker[b-itmzzkghlv] {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: .72rem;
    opacity: .62;
}

.studio-home-title[b-itmzzkghlv] {
    font-size: clamp(1.6rem, 2.8vw, 2.5rem);
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.03em;
    /*max-width: 13ch;*/
}

.studio-home-title--next[b-itmzzkghlv] {
    font-size: clamp(2.2rem, 4.4vw, 4rem);
    line-height: .96;
    letter-spacing: -.05em;
    max-width: 15ch;
    text-wrap: balance;
}

.studio-home-subtitle[b-itmzzkghlv] {
    margin-top: .5rem;
    max-width: 62ch;
    opacity: .68;
}

.studio-home-hero-focus[b-itmzzkghlv] {
    font-size: 1.15rem;
    font-weight: 500;
    letter-spacing: -.02em;
    opacity: .85;
    margin-bottom: .6rem;
    max-width: 60ch;
}

.studio-home-hero-focus--below[b-itmzzkghlv] {
    font-size: .85rem;
    font-weight: 400;
    opacity: .55;
    margin-top: 1rem;
    margin-bottom: 0;
}

.studio-home-hero-events[b-itmzzkghlv] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1rem;
    max-width: 46rem;
}

.studio-home-hero-event[b-itmzzkghlv] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    padding: .7rem 1rem;
    border-radius: .5rem;
    border: 1px solid rgba(var(--bs-body-color-rgb), 0.08);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.012) 55%, transparent 100%),
        rgba(255, 255, 255, 0.015);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(6px) saturate(108%);
    -webkit-backdrop-filter: blur(6px) saturate(108%);
}

.studio-home-hero-event.is-active[b-itmzzkghlv] {
    border-color: rgba(var(--bs-success-rgb), 0.3);
    background: rgba(var(--bs-success-rgb), 0.06);
}

.studio-home-hero-event.is-active .studio-home-hero-event__icon[b-itmzzkghlv] {
    background: rgba(var(--bs-success-rgb), 0.15);
    color: var(--bs-success);
}

.studio-home-hero-event__icon[b-itmzzkghlv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(var(--bs-body-color-rgb), 0.06);
    color: var(--accent-color);
    margin-top: .05rem;
    flex-shrink: 0;
}

.studio-home-hero-event__name[b-itmzzkghlv] {
    font-weight: 600;
    letter-spacing: -.01em;
}

.studio-home-hero-event__meta[b-itmzzkghlv] {
    opacity: .62;
    font-size: .9rem;
    margin-top: .1rem;
}

.studio-home-hero-tasks[b-itmzzkghlv] {
    margin-top: 1rem;
    max-width: 46rem;
}

.studio-home-hero-tasks__header[b-itmzzkghlv] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .95rem;
    font-weight: 600;
    margin-bottom: .75rem;
    opacity: .75;
}

.studio-home-hero-task[b-itmzzkghlv] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .65rem 1rem;
    border-radius: .425rem;
    border: 1px solid rgba(var(--bs-body-color-rgb), 0.07);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 55%, transparent 100%),
        rgba(255, 255, 255, 0.012);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(6px) saturate(106%);
    -webkit-backdrop-filter: blur(6px) saturate(106%);
    margin-bottom: .45rem;
}

.studio-home-hero-task__priority[b-itmzzkghlv] {
    width: 3px;
    height: 2.2rem;
    border-radius: 999px;
    flex-shrink: 0;
    margin-top: .1rem;
}

.studio-home-hero-task__priority[data-priority="1"][b-itmzzkghlv] {
    background: #6c757d;
}

.studio-home-hero-task__priority[data-priority="2"][b-itmzzkghlv] {
    background: #0d6efd;
}

.studio-home-hero-task__priority[data-priority="3"][b-itmzzkghlv] {
    background: #dc3545;
}

.studio-home-hero-task__name[b-itmzzkghlv] {
    font-weight: 600;
    font-size: .95rem;
    letter-spacing: -.01em;
}

.studio-home-hero-task__meta[b-itmzzkghlv] {
    opacity: .6;
    font-size: .85rem;
    margin-top: .08rem;
}

/* Týdenní agenda skupinovaná po dnech */

.studio-home-week-agenda[b-itmzzkghlv] {
    margin-top: 2rem;
    max-width: 46rem;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.studio-home-week-agenda__day-header[b-itmzzkghlv] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 700;
    opacity: .42;
    margin-bottom: .55rem;
}

.studio-home-week-agenda__day.is-future .studio-home-week-agenda__day-header[b-itmzzkghlv] {
    opacity: .42;
}

.studio-home-week-agenda__day.is-today[b-itmzzkghlv] {
    border-left: 2px solid rgba(var(--bs-warning-rgb), 0.62);
    background: rgba(var(--bs-warning-rgb), 0.04);
    border-radius: 0;
    padding: .5rem .7rem .56rem;
}

.studio-home-week-agenda__day.is-today .studio-home-week-agenda__day-header[b-itmzzkghlv] {
    font-size: .94rem;
    text-transform: none;
    letter-spacing: .01em;
    font-weight: 700;
    opacity: 1;
}

.studio-home-week-agenda__events[b-itmzzkghlv] {
    display: flex;
    flex-direction: column;
    gap: .26rem;
}

.studio-home-week-agenda__event[b-itmzzkghlv] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .5rem .65rem;
    border-radius: .275rem;
    border: 1px solid transparent;
    background: transparent;
}

.studio-home-week-agenda__day.is-future .studio-home-week-agenda__event[b-itmzzkghlv] {
    padding: .35rem 0;
    border: 0;
    background: transparent;
}

.studio-home-week-agenda__day.is-today .studio-home-week-agenda__event[b-itmzzkghlv] {
    padding: .46rem .56rem;
    border-radius: .21rem;
    border-color: transparent;
    background: transparent;
}

.studio-home-week-agenda__day.is-future .studio-home-week-agenda__event.is-past[b-itmzzkghlv] {
    opacity: .34;
}

.studio-home-week-agenda__day.is-future .studio-home-week-agenda__event.is-active[b-itmzzkghlv] {
    opacity: .82;
}

.studio-home-week-agenda__event.is-past[b-itmzzkghlv] {
    opacity: .48;
}

.studio-home-week-agenda__event.is-active[b-itmzzkghlv] {
    border-color: rgba(var(--bs-success-rgb), 0.24);
    background: rgba(var(--bs-success-rgb), 0.05);
}

.studio-home-week-agenda__event.is-past .studio-home-week-agenda__event-content[b-itmzzkghlv] {
    text-decoration: line-through;
    text-decoration-thickness: 1.5px;
    text-decoration-color: rgba(var(--bs-body-color-rgb), 0.72);
    text-decoration-skip-ink: auto;
}

.studio-home-week-agenda__event.is-past .studio-home-week-agenda__event-icon[b-itmzzkghlv] {
    opacity: .62;
}

.studio-home-week-agenda__day.is-today .studio-home-week-agenda__event.is-today-event[b-itmzzkghlv] {
    box-shadow: none;
}

.studio-home-week-agenda__day.is-today .studio-home-week-agenda__event.is-active[b-itmzzkghlv] {
    border-color: rgba(var(--bs-success-rgb), 0.28);
    background: rgba(var(--bs-success-rgb), 0.06);
}

.studio-home-week-agenda__event-icon[b-itmzzkghlv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    background: rgba(var(--bs-body-color-rgb), 0.1);
    color: rgba(var(--bs-body-color-rgb), 0.8);
    font-size: .8rem;
    flex-shrink: 0;
    margin-top: .05rem;
}

.studio-home-week-agenda__day.is-future .studio-home-week-agenda__event-icon[b-itmzzkghlv] {
    width: 1.35rem;
    height: 1.35rem;
    background: transparent;
    color: rgba(var(--bs-body-color-rgb), 0.5);
    font-size: .72rem;
    margin-top: .15rem;
}

.studio-home-week-agenda__day.is-today .studio-home-week-agenda__event-icon[b-itmzzkghlv] {
    width: 2rem;
    height: 2rem;
    font-size: .88rem;
    background: rgba(var(--bs-warning-rgb), 0.1);
    color: rgba(var(--bs-body-color-rgb), 0.92);
}

.studio-home-week-agenda__event.is-active .studio-home-week-agenda__event-icon[b-itmzzkghlv] {
    background: rgba(var(--bs-success-rgb), 0.15);
    color: var(--bs-success);
}

.studio-home-week-agenda__event-name[b-itmzzkghlv] {
    font-weight: 600;
    font-size: .92rem;
    letter-spacing: -.01em;
    color: rgba(var(--bs-body-color-rgb), 0.94);
}

.studio-home-week-agenda__day.is-future .studio-home-week-agenda__event-name[b-itmzzkghlv] {
    font-size: .9rem;
    font-weight: 500;
    opacity: .9;
}

.studio-home-week-agenda__day.is-today .studio-home-week-agenda__event-name[b-itmzzkghlv] {
    font-size: 1.02rem;
    font-weight: 700;
}

.studio-home-week-agenda__event-meta[b-itmzzkghlv] {
    opacity: .74;
    font-size: .84rem;
    margin-top: .08rem;
}

.studio-home-week-agenda__day.is-future .studio-home-week-agenda__event-meta[b-itmzzkghlv] {
    font-size: .82rem;
    opacity: .68;
}

.studio-home-week-agenda__day.is-today .studio-home-week-agenda__event-meta[b-itmzzkghlv] {
    opacity: .82;
    font-size: .86rem;
}

.studio-home-week-agenda__more[b-itmzzkghlv] {
    margin-top: .8rem;
    max-width: 46rem;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .76;
}

@media (max-width: 767.98px) {
    .studio-home-title[b-itmzzkghlv] {
        max-width: none;
    }

    .studio-home-week-agenda__day.is-today[b-itmzzkghlv] {
        padding: .46rem .56rem .5rem;
    }

    .studio-home-week-agenda__day.is-today .studio-home-week-agenda__event[b-itmzzkghlv] {
        padding: .4rem .46rem;
    }
}
/* /Pages/Studio/StudioHomeSections/StudioHomeAudioUploadDialog.razor.rz.scp.css */
.studio-home-audio-upload[b-qjxz1tlqng] {
    min-width: min(38rem, 78vw);
}

.studio-home-audio-upload__intro[b-qjxz1tlqng] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.studio-home-audio-upload__title[b-qjxz1tlqng],
.studio-home-audio-upload__empty-title[b-qjxz1tlqng] {
    font-size: 1.45rem;
    line-height: 1.08;
    font-weight: 650;
    letter-spacing: -.03em;
}

.studio-home-audio-upload__text[b-qjxz1tlqng],
.studio-home-audio-upload__empty-text[b-qjxz1tlqng] {
    font-size: .96rem;
    line-height: 1.55;
    opacity: .68;
    max-width: 42rem;
}

.studio-home-audio-upload__dropzone[b-qjxz1tlqng] {
    position: relative;
    border: 1px dashed rgba(var(--bs-body-color-rgb), 0.18);
    border-radius: 1.25rem;
    padding: 2.25rem 1.5rem;
    background: rgba(var(--bs-body-color-rgb), 0.02);
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.studio-home-audio-upload__dropzone:hover[b-qjxz1tlqng] {
    border-color: rgba(var(--bs-body-color-rgb), 0.32);
    background: rgba(var(--bs-body-color-rgb), 0.03);
    transform: translateY(-1px);
}

.studio-home-audio-upload__dropzone.is-disabled[b-qjxz1tlqng] {
    opacity: .55;
}

.studio-home-audio-upload__dropzone.is-disabled:hover[b-qjxz1tlqng] {
    transform: none;
    border-color: rgba(var(--bs-body-color-rgb), 0.18);
    background: rgba(var(--bs-body-color-rgb), 0.02);
}

.studio-home-audio-upload__dropzone-icon[b-qjxz1tlqng] {
    font-size: 2.2rem;
    opacity: .72;
}

.studio-home-audio-upload__dropzone-title[b-qjxz1tlqng] {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: -.02em;
    text-align: center;
}

.studio-home-audio-upload__dropzone-text[b-qjxz1tlqng] {
    font-size: .92rem;
    line-height: 1.5;
    opacity: .58;
    text-align: center;
    max-width: 28rem;
}

.studio-home-audio-upload__status[b-qjxz1tlqng] {
    font-size: .92rem;
    opacity: .6;
}

@media (max-width: 767.98px) {
    .studio-home-audio-upload[b-qjxz1tlqng] {
        min-width: auto;
    }
}
/* /Pages/Studio/StudioHomeSections/StudioHomeGuidanceSection.razor.rz.scp.css */
.sh-promos[b-ao6bqolvko] {
    gap: 1rem;
    margin-bottom: 2.75rem;
}

.sh-promo[b-ao6bqolvko] {
    padding: 1.35rem 1.5rem;
    border: 1px solid rgba(var(--bs-body-color-rgb), 0.08);
    border-radius: .65rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.018) 55%, transparent 100%),
        rgba(255, 255, 255, 0.018);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 18px 40px rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(8px) saturate(110%);
    -webkit-backdrop-filter: blur(8px) saturate(110%);
}

.sh-promo[b-ao6bqolvko]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 38%);
    opacity: .4;
}

.sh-promo__content[b-ao6bqolvko] {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem;
}

.sh-promo__copy[b-ao6bqolvko] {
    gap: .4rem;
}

.sh-promo__eyebrow[b-ao6bqolvko] {
    font-size: .76rem;
    letter-spacing: .16em;
}

.sh-promo__title[b-ao6bqolvko] {
    font-size: 1.28rem;
    line-height: 1.15;
    letter-spacing: -.03em;
}

.sh-promo__text[b-ao6bqolvko] {
    max-width: 42rem;
    font-size: .9rem;
    line-height: 1.6;
}

.sh-promo__actions[b-ao6bqolvko] {
    gap: .75rem;
}

.sh-promo__button[b-ao6bqolvko] {
    min-height: 2.75rem;
}

.sh-promo-profile[b-ao6bqolvko] {
    gap: .48rem;
    margin-top: .7rem;
}

.sh-promo-profile__warning[b-ao6bqolvko] {
    gap: .42rem;
    color: rgba(224, 171, 74, 0.95);
    font-size: .88rem;
}

.sh-promo-profile__chip[b-ao6bqolvko] {
    padding: .17em .6em;
    background: rgba(224, 171, 74, 0.12);
    color: inherit;
    font-size: .74rem;
    opacity: .9;
    cursor: pointer;
    transition: background-color .15s ease, opacity .15s ease;
}

.sh-promo-profile__chip:hover[b-ao6bqolvko],
.sh-promo-profile__chip:focus-visible[b-ao6bqolvko] {
    background: rgba(224, 171, 74, 0.22);
    opacity: 1;
}

.sh-promo--demo .sh-promo__actions[b-ao6bqolvko] {
    grid-column: 1;
    justify-content: flex-start !important;
}

[data-bs-theme="light"] .sh-promo[b-ao6bqolvko] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.35) 55%, rgba(255, 255, 255, 0.12) 100%),
        rgba(255, 255, 255, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.65),
        0 10px 24px rgba(0, 0, 0, 0.05),
        0 1px 2px rgba(0, 0, 0, 0.035);
}

[data-bs-theme="light"] .sh-promo[b-ao6bqolvko]::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.28), transparent 34%);
    opacity: .3;
}

@media (max-width: 767.98px) {
    .sh-promos[b-ao6bqolvko] {
        gap: .85rem;
    }

    .sh-promo[b-ao6bqolvko] {
        padding: 1.1rem;
    }

    .sh-promo__content[b-ao6bqolvko] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .sh-promo__title[b-ao6bqolvko] {
        font-size: 1.18rem;
    }

    .sh-promo__actions[b-ao6bqolvko] {
        justify-content: flex-start !important;
    }
}

@media (min-width: 768px) and (max-width: 1099.98px) {
    .sh-promo__content[b-ao6bqolvko] {
        grid-template-columns: minmax(0, 1fr);
    }

    .sh-promo__actions[b-ao6bqolvko] {
        grid-column: 1 / -1;
        justify-content: flex-start !important;
    }
}
/* /Pages/Studio/StudioHomeSections/StudioHomeInviteDialog.razor.rz.scp.css */
.studio-home-invite-dialog[b-18045r84k1] {
    min-width: min(560px, 72vw);
    padding: 0.25rem 0.25rem 0.5rem;
}

.studio-home-invite-dialog__intro[b-18045r84k1] {
    max-width: 540px;
}

.studio-home-invite-dialog__title[b-18045r84k1] {
    font-size: 1.55rem;
    font-weight: 750;
    line-height: 1.2;
    margin-bottom: 0.85rem;
}

.studio-home-invite-dialog__subtitle[b-18045r84k1] {
    color: var(--bs-secondary-color);
    font-size: 1.04rem;
    line-height: 1.45;
}

.studio-home-invite-dialog__option[b-18045r84k1] {
    display: grid;
    gap: 0.55rem;
    max-width: 500px;
}

.studio-home-invite-dialog[b-18045r84k1]  .studio-home-invite-dialog__option-button {
    width: min(390px, 100%);
    min-height: 44px;
    justify-content: center;
    justify-self: start;
}

.studio-home-invite-dialog__option-text[b-18045r84k1] {
    color: var(--bs-tertiary-color);
    font-size: 0.92rem;
    line-height: 1.5;
    max-width: 520px;
}

.studio-home-invite-dialog__message[b-18045r84k1] {
    color: var(--bs-secondary-color);
    font-size: 0.92rem;
    line-height: 1.5;
}

.studio-home-invite-dialog__project-select[b-18045r84k1] {
    display: grid;
    gap: 0.85rem;
    max-width: 540px;
    padding: 0.25rem 0 0;
}

@media (max-width: 768px) {
    .studio-home-invite-dialog[b-18045r84k1] {
        min-width: 0;
        width: 100%;
    }

    .studio-home-invite-dialog__title[b-18045r84k1] {
        font-size: 1.35rem;
    }
}
/* /Pages/Studio/StudioHomeSections/StudioHomeNotesAndTasksSection.razor.rz.scp.css */
.studio-home-notes-tasks[b-1uy3o59lut] {
    gap: 1.5rem;
}

[b-1uy3o59lut] .studio-home-notes {
    margin-top: -1.25rem;
    margin-bottom: 0 !important;
}
/* /Pages/Studio/StudioHomeSections/StudioHomeNotesSection.razor.rz.scp.css */
.sh-notes[b-zqivpbpvfv] {
    max-width: 72rem;
}

[b-zqivpbpvfv] .studio-home-notes {
    margin-bottom: 0 !important;
}
/* /Pages/Studio/StudioHomeSections/StudioHomeProjectsSection.razor.rz.scp.css */
@media (max-width: 767.98px) {
    .align-items-end[b-ws2sy0g9x3] {
        align-items: flex-start !important;
    }
}
/* /Pages/Studio/StudioHomeSections/StudioHomePublicProfileStatusSection.razor.rz.scp.css */
.sh-profile[b-esw1yp1y0k] {
    max-width: 64rem;
    gap: .85rem;
}

.sh-profile__badge[b-esw1yp1y0k] {
    padding: .18em .62em;
    font-size: .88rem;
    letter-spacing: .03em;
    line-height: 1.4;
}

.sh-profile__progress[b-esw1yp1y0k] {
    height: .28rem;
    background: rgba(var(--bs-body-color-rgb), 0.08);
}

.sh-profile__progress-bar[b-esw1yp1y0k] {
    opacity: .9;
}

.sh-profile__alert[b-esw1yp1y0k] {
    gap: .7rem;
    font-size: .93rem;
    line-height: 1.45;
}

.sh-profile__alert--warn[b-esw1yp1y0k] {
    color: rgba(224, 171, 74, 0.95);
}

.sh-profile__alert--ok[b-esw1yp1y0k] {
    color: rgba(124, 191, 120, 0.9);
}

.sh-profile__chip[b-esw1yp1y0k] {
    padding: .15em .6em;
    background: rgba(224, 171, 74, 0.12);
    color: inherit;
    font-size: .8rem;
    opacity: .88;
    cursor: pointer;
    transition: background-color .15s ease, opacity .15s ease;
}

.sh-profile__chip:hover[b-esw1yp1y0k],
.sh-profile__chip:focus-visible[b-esw1yp1y0k] {
    background: rgba(224, 171, 74, 0.22);
    opacity: 1;
}

.is-neutral[b-esw1yp1y0k] {
    background: rgba(214, 214, 214, 0.12);
    color: rgba(214, 214, 214, 0.9);
}

.sh-profile__progress-bar.is-neutral[b-esw1yp1y0k] {
    background: rgba(214, 214, 214, 0.7);
}

.is-warm[b-esw1yp1y0k] {
    background: rgba(224, 171, 74, 0.14);
    color: rgba(224, 171, 74, 0.96);
}

.sh-profile__progress-bar.is-warm[b-esw1yp1y0k] {
    background: rgba(224, 171, 74, 0.85);
}

.is-good[b-esw1yp1y0k] {
    background: rgba(124, 191, 120, 0.14);
    color: rgba(124, 191, 120, 0.95);
}

.sh-profile__progress-bar.is-good[b-esw1yp1y0k] {
    background: rgba(124, 191, 120, 0.85);
}
/* /Pages/Studio/StudioHomeSections/StudioHomeQuickStartSection.razor.rz.scp.css */
.sh-actions[b-fpbyfz93g0] {
    --sh-actions-accent: var(--accent-color, #fd7e14);
    --sh-actions-accent-richer: color-mix(in srgb, var(--sh-actions-accent) 72%, #000 28%);
    --sh-actions-accent-soft: color-mix(in srgb, var(--sh-actions-accent) 42%, #9aa0a6 58%);
    gap: 1.4rem;
    padding: .35rem 0 .5rem;
    position: relative;
}

.sh-actions__close[b-fpbyfz93g0] {
    position: absolute;
    top: 1rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: inherit;
    opacity: 0;
    transition: opacity .2s ease;
    cursor: pointer;
    z-index: 10;
}

.sh-actions:hover .sh-actions__close[b-fpbyfz93g0] {
    opacity: .5;
}

.sh-actions__close:hover[b-fpbyfz93g0] {
    opacity: 1 !important;
}

.sh-actions__title[b-fpbyfz93g0] {
    font-size: clamp(1.85rem, 3.4vw, 3rem);
    line-height: 1.02;
    font-weight: 640;
    letter-spacing: -.045em;
}

.sh-actions__subtitle[b-fpbyfz93g0] {
    max-width: 38rem;
    font-size: .95rem;
    line-height: 1.6;
    opacity: .52;
}

.sh-actions__list[b-fpbyfz93g0] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item {
    width: 100%;
    min-height: 12.5rem;
    padding: 1.15rem 1.15rem 1rem;
    color: inherit !important;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.045) !important;
    border-radius: .55rem;
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.018) 38%, rgba(255, 255, 255, 0.004) 100%),
        linear-gradient(180deg, rgba(255, 190, 65, 0.045) 0%, rgba(255, 190, 65, 0.012) 100%),
        rgba(255, 255, 255, 0.026) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.018),
        0 10px 24px rgba(0, 0, 0, 0.028),
        0 2px 6px rgba(0, 0, 0, 0.009) !important;
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item * {
    color: inherit !important;
}

.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item:hover,
.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item:focus-visible {
    transform: none;
    border-color: rgba(255, 255, 255, 0.075) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.023),
        0 12px 28px rgba(0, 0, 0, 0.035),
        0 3px 8px rgba(0, 0, 0, 0.011) !important;
}

.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-primary,
.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-primary * {
    color: #fff !important;
}

.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-primary {
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.018) 0%, rgba(255, 255, 255, 0.008) 42%, rgba(255, 255, 255, 0.0045) 100%),
        linear-gradient(180deg,
            color-mix(in srgb, var(--sh-actions-accent) 13.5%, transparent) 0%,
            color-mix(in srgb, var(--sh-actions-accent-richer) 12%, transparent) 100%),
        color-mix(in srgb, var(--sh-actions-accent) 34%, transparent) !important;
    border-color: color-mix(in srgb, var(--sh-actions-accent) 14%, rgba(255, 255, 255, 0.045)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 12px 30px color-mix(in srgb, var(--sh-actions-accent-richer) 3.25%, transparent),
        0 2px 6px color-mix(in srgb, var(--sh-actions-accent-richer) 1.75%, transparent) !important;
}

.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-primary:hover,
.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-primary:focus-visible {
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.085) 0%, rgba(255, 255, 255, 0.032) 42%, rgba(255, 255, 255, 0.014) 100%),
        linear-gradient(180deg,
            color-mix(in srgb, var(--sh-actions-accent) 26%, transparent) 0%,
            color-mix(in srgb, var(--sh-actions-accent-richer) 20%, transparent) 100%),
        color-mix(in srgb, var(--sh-actions-accent) 40%, transparent) !important;
}

.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-secondary {
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.027) 0%, rgba(255, 255, 255, 0.0096) 44%, rgba(255, 255, 255, 0.0036) 100%),
        linear-gradient(180deg,
            color-mix(in srgb, var(--sh-actions-accent-richer) 10.8%, transparent) 0%,
            color-mix(in srgb, var(--sh-actions-accent-richer) 6%, transparent) 100%),
        rgba(255, 255, 255, 0.0144) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.016),
        0 9px 22px rgba(0, 0, 0, 0.025),
        0 2px 6px rgba(0, 0, 0, 0.008) !important;
}

.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-secondary:hover,
.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-secondary:focus-visible {
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.042) 44%, rgba(255, 255, 255, 0.016) 100%),
        linear-gradient(180deg,
            color-mix(in srgb, var(--sh-actions-accent) 16%, transparent) 0%,
            color-mix(in srgb, var(--sh-actions-accent-richer) 11%, transparent) 100%),
        rgba(255, 255, 255, 0.028) !important;
}

.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-complete {
    filter: saturate(.9);
}

.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-complete:hover,
.sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-complete:focus-visible {
    opacity: 1;
}

.sh-actions__grid[b-fpbyfz93g0] {
    position: relative;
    gap: .9rem;
    min-height: 100%;
    justify-content: center;
}

.sh-actions__body[b-fpbyfz93g0] {
    margin-block: auto;
    min-height: 5.55rem;
}

.sh-actions__label[b-fpbyfz93g0] {
    font-size: clamp(1.2rem, 1.5vw, 1.45rem);
    line-height: 1.1;
    font-weight: 620;
    letter-spacing: -.04em;
}

.sh-actions__hint[b-fpbyfz93g0] {
    margin-top: .4rem;
    max-width: 24rem;
    font-size: .85rem;
    line-height: 1.45;
    opacity: .56;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.sh-actions__check[b-fpbyfz93g0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 3rem;
    color: #4ade80;
    font-size: 1.5rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease;
}

.sh-actions__check.is-visible[b-fpbyfz93g0] {
    opacity: .9;
}

.sh-actions__item.is-complete .sh-actions__icon[b-fpbyfz93g0] {
    opacity: .3;
}

.sh-actions__icon[b-fpbyfz93g0] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.055);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
    font-size: 1rem;
    opacity: .62;
}

[data-bs-theme="light"] .sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-primary,
[data-bs-theme="light"] .sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-primary * {
    color: rgba(28, 16, 4, 0.88) !important;
}

[data-bs-theme="light"] .sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-primary {
    border-color: color-mix(in srgb, var(--sh-actions-accent) 14%, rgba(72, 42, 16, 0.055)) !important;
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.46) 0%, rgba(255, 255, 255, 0.21) 42%, rgba(255, 255, 255, 0.075) 100%),
        linear-gradient(180deg,
            color-mix(in srgb, var(--sh-actions-accent) 30%, transparent) 0%,
            color-mix(in srgb, var(--sh-actions-accent-richer) 17%, transparent) 100%),
        color-mix(in srgb, var(--sh-actions-accent) 22%, rgba(255, 255, 255, 0.24)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 11px 26px color-mix(in srgb, var(--sh-actions-accent-richer) 2.25%, transparent),
        0 2px 6px rgba(68, 48, 26, 0.007) !important;
}

[data-bs-theme="light"] .sh-actions__list[b-fpbyfz93g0]  .sh-actions__item.is-secondary {
    border-color: rgba(50, 38, 26, 0.045) !important;
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.42) 42%, rgba(255, 255, 255, 0.18) 100%),
        linear-gradient(180deg, rgba(201, 115, 64, 0.055) 0%, rgba(201, 115, 64, 0.018) 100%),
        rgba(255, 255, 255, 0.34) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 10px 24px rgba(68, 48, 26, 0.014),
        0 2px 6px rgba(68, 48, 26, 0.007) !important;
}

@media (max-width: 991.98px) {
    .sh-actions__list[b-fpbyfz93g0] {
        grid-template-columns: 1fr;
    }

    .sh-actions__list[b-fpbyfz93g0]  .sh-actions__item {
        min-height: auto;
        padding: 1rem;
    }
}

@media (max-width: 767.98px) {
    .sh-actions[b-fpbyfz93g0] {
        gap: 1rem;
    }

    .sh-actions__list[b-fpbyfz93g0]  .sh-actions__item {
        text-align: center !important;
    }

    .sh-actions__check[b-fpbyfz93g0],
    .sh-actions__icon[b-fpbyfz93g0] {
        display: none !important;
    }

    .sh-actions__title[b-fpbyfz93g0] {
        font-size: 1.7rem;
        line-height: 1.08;
    }

    .sh-actions__subtitle[b-fpbyfz93g0] {
        font-size: .9rem;
        line-height: 1.5;
    }

    .sh-actions__grid[b-fpbyfz93g0] {
        gap: .45rem;
        align-items: center;
    }

    .sh-actions__body[b-fpbyfz93g0] {
        margin-inline: auto;
        text-align: center;
    }

    .sh-actions__hint[b-fpbyfz93g0] {
        margin-inline: auto;
    }
}
/* /Pages/Studio/StudioHomeSections/StudioHomeRecentProjectsSection.razor.rz.scp.css */
.sh-recent[b-8tgx9i4dbk] {
    min-width: 0;
    width: 100%;
    margin-top: 3.4rem;
}

.sh-recent .sh-section__head[b-8tgx9i4dbk] {
    margin-bottom: .9rem;
}

.sh-recent .sh-section__title[b-8tgx9i4dbk] {
    max-width: 34rem;
    font-size: clamp(1.75rem, 3vw, 2.45rem);
    font-weight: 650;
    letter-spacing: -.035em;
    line-height: 1.02;
}

.sh-recent__grid[b-8tgx9i4dbk],
.sh-recent__grid.d-flex[b-8tgx9i4dbk] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.sh-recent__wrap[b-8tgx9i4dbk],
.sh-recent__inner[b-8tgx9i4dbk] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

/* ButtonLink renderuje <div class="d-inline-flex"> wrapper – w-100 na wrapperu zajistí plnou šířku */
[b-8tgx9i4dbk] .sh-recent__wrap > div {
    width: 100%;
}

.sh-recent__card[b-8tgx9i4dbk] {
    display: block !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sh-recent__inner[b-8tgx9i4dbk] {
    min-height: 164px;
    padding: 1.25rem 1.25rem 1.1rem;
    border: 1px solid rgba(var(--bs-body-color-rgb), 0.085);
    border-radius: .65rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.012) 58%, transparent 100%),
        rgba(255, 255, 255, 0.026);
    box-shadow: none;
    backdrop-filter: blur(6px) saturate(104%);
    -webkit-backdrop-filter: blur(6px) saturate(104%);
    justify-content: flex-start !important;
    text-align: left;
    transition: background-color .2s cubic-bezier(0.4, 0, 0.2, 1),
        border-color .2s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1),
        transform .2s cubic-bezier(0.4, 0, 0.2, 1);
}

.sh-recent__content[b-8tgx9i4dbk],
.sh-recent__header[b-8tgx9i4dbk],
.sh-recent__title-stack[b-8tgx9i4dbk],
.sh-recent__activity[b-8tgx9i4dbk],
.sh-recent__snippet[b-8tgx9i4dbk] {
    max-width: 100%;
    min-width: 0; /* Flex potom umí text korektně zkrátit uvnitř karty. */
}

.sh-recent__card:hover .sh-recent__inner[b-8tgx9i4dbk] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.016) 58%, transparent 100%),
        rgba(255, 255, 255, 0.04);
    border-color: rgba(var(--bs-body-color-rgb), 0.14);
    box-shadow: 0 6px 18px -14px rgba(0, 0, 0, 0.7);
    transform: translateY(-1px);
}

.sh-recent__avatar[b-8tgx9i4dbk] {
    width: 44px;
    height: 44px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
}

.sh-recent__initials[b-8tgx9i4dbk] {
    font-size: .84rem;
    color: rgba(255, 255, 255, .95);
}

.sh-recent__label[b-8tgx9i4dbk] {
    margin-bottom: .03rem;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .08em;
    color: rgba(255, 255, 255, 0.42);
}

.sh-recent__name[b-8tgx9i4dbk] {
    display: -webkit-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    font-size: 1.04rem;
    line-height: 1.16;
    color: #fff;
    text-align: left;
    white-space: normal;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Stavový štítek je nyní v toku dokumentu, absolutní styly byly odstraněny */

.sh-recent__badge[b-8tgx9i4dbk] {
    padding: .15rem .45rem;
    border-radius: .25rem;
    font-size: .65rem;
    letter-spacing: .02em;
}

.sh-recent__badge--preparation[b-8tgx9i4dbk] {
    background: rgba(var(--bs-warning-rgb), 0.15);
    color: var(--bs-warning);
}

.sh-recent__badge--waiting[b-8tgx9i4dbk] {
    background: rgba(var(--bs-info-rgb), 0.15);
    color: var(--bs-info);
}

.sh-recent__badge--hold[b-8tgx9i4dbk] {
    background: rgba(var(--bs-secondary-rgb), 0.15);
    color: var(--bs-secondary);
}

.sh-recent__badge--done[b-8tgx9i4dbk] {
    background: rgba(var(--bs-success-rgb), 0.15);
    color: var(--bs-success);
}

.sh-recent__badge--cancelled[b-8tgx9i4dbk] {
    background: rgba(var(--bs-danger-rgb), 0.15);
    color: var(--bs-danger);
}

.sh-recent__meta[b-8tgx9i4dbk] {
    margin-top: .95rem;
    max-width: 100%;
    gap: .45rem;
}

.sh-recent__activity-pill[b-8tgx9i4dbk] {
    display: inline-flex;
    align-items: center;
    gap: .33rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: .2rem .6rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 650;
    letter-spacing: .01em;
    background: rgba(255, 255, 255, 0.075);
    color: rgba(255, 255, 255, 0.66);
    white-space: nowrap;
}

.sh-recent__activity-pill i[b-8tgx9i4dbk] {
    font-size: .78em;
    opacity: .82;
}

[data-bs-theme="light"] .sh-recent__activity-pill[b-8tgx9i4dbk] {
    background: rgba(0, 0, 0, 0.045);
    color: rgba(0, 0, 0, 0.52);
}

.sh-recent__activity[b-8tgx9i4dbk] {
    position: relative;
    font-size: .78rem;
    color: rgba(255, 255, 255, 0.5);
}

.sh-recent__activity[b-8tgx9i4dbk]::before {
    content: "·";
    margin-right: .45rem;
    color: rgba(255, 255, 255, 0.34);
}

.sh-recent__activity span[b-8tgx9i4dbk] {
    display: block;
    max-width: 100%;
}

[b-8tgx9i4dbk] .sh-recent__activity-avatar .avatar {
    width: 18px;
    height: 18px;
    font-size: .5rem;
}

.sh-recent__snippet[b-8tgx9i4dbk] {
    margin-top: .55rem;
    max-width: calc(100% - .35rem);
    color: rgba(255, 255, 255, 0.75);
    font-size: .82rem;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sh-recent__actions[b-8tgx9i4dbk] {
    top: .5rem;
    right: .5rem;
    gap: .35rem;
    opacity: 0;
    transform: translateX(10px);
    transition: opacity .2s ease, transform .2s ease;
}

.sh-recent__card:hover .sh-recent__actions[b-8tgx9i4dbk] {
    opacity: 1;
    transform: translateX(0);
}

[b-8tgx9i4dbk] .sh-recent__action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: .375rem !important;
    background: rgba(255, 255, 255, 0.075) !important;
    backdrop-filter: blur(4px);
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease !important;
}

[b-8tgx9i4dbk] .sh-recent__action:hover {
    background: var(--accent-color, #5b6eff) !important;
    border-color: var(--accent-color, #5b6eff) !important;
    transform: scale(1.1);
}

[data-bs-theme="light"] .sh-recent__inner[b-8tgx9i4dbk] {
    border-color: rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.36) 58%, rgba(255, 255, 255, 0.12) 100%),
        rgba(250, 250, 250, 0.7);
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.045),
        0 4px 14px -12px rgba(15, 23, 42, 0.18);
}

[data-bs-theme="light"] .sh-recent__card:hover .sh-recent__inner[b-8tgx9i4dbk] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.76) 0%, rgba(255, 255, 255, 0.42) 58%, rgba(255, 255, 255, 0.16) 100%),
        rgba(250, 250, 250, 0.82);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow:
        0 2px 4px rgba(15, 23, 42, 0.045),
        0 8px 20px -16px rgba(15, 23, 42, 0.22);
}

[data-bs-theme="light"] .sh-recent__name[b-8tgx9i4dbk] {
    color: #111;
}

[data-bs-theme="light"] .sh-recent__label[b-8tgx9i4dbk] {
    color: rgba(15, 23, 42, 0.42);
}

[data-bs-theme="light"] .sh-recent__activity[b-8tgx9i4dbk] {
    color: rgba(0, 0, 0, 0.5);
}

[data-bs-theme="light"] .sh-recent__activity[b-8tgx9i4dbk]::before {
    color: rgba(15, 23, 42, 0.26);
}

[data-bs-theme="light"] .sh-recent__snippet[b-8tgx9i4dbk] {
    color: rgba(0, 0, 0, 0.7);
}

[data-bs-theme="light"][b-8tgx9i4dbk]  .sh-recent__action {
    color: #444 !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

@media (max-width: 1399.98px) {
    .sh-recent__wrap[b-8tgx9i4dbk] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .sh-recent__inner[b-8tgx9i4dbk] {
        width: 100%;
        max-width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
    }

    .sh-recent__actions[b-8tgx9i4dbk] {
        display: none !important;
    }
}

/* Tablet zůstává na 2 sloupcích, na 1 sloupec se zúží až mobil */
@media (max-width: 767.98px) {
    .sh-recent .sh-section__title[b-8tgx9i4dbk] {
        font-size: 1.65rem;
    }

    .sh-recent__grid[b-8tgx9i4dbk] {
        grid-template-columns: 1fr !important;
        overflow: visible !important;
    }
}

/* Rezervace místa pro akce na desktopu při hoveru */
@media (min-width: 1400px) {
    .sh-recent__title-stack[b-8tgx9i4dbk] {
        padding-right: 3.5rem;
    }
}

/* Responzivní uspořádání metadat pod sebou na mobilech */
@media (max-width: 575.98px) {
    .sh-recent__meta[b-8tgx9i4dbk] {
        flex-direction: row;
        /*align-items: flex-start !important;*/
        gap: .25rem;
    }

    .sh-recent__activity[b-8tgx9i4dbk] {
        margin-left: 0;
        font-size: .75rem;
    }

    .sh-recent__activity[b-8tgx9i4dbk]::before {
        display: none !important;
    }
}
/* /Pages/Studio/StudioHomeSections/StudioHomeStorageUsageSection.razor.rz.scp.css */
.sh-storage[b-kz8rz4hzv4] {
    gap: 1rem;
    color: rgba(var(--bs-body-color-rgb), 0.95);
}

.sh-storage__hero[b-kz8rz4hzv4] {
    gap: 1.25rem;
}

.sh-storage__chart[b-kz8rz4hzv4] {
    width: 5rem;
    height: 5rem;
}

/* Track – jemný celý kruh pod aktivním obloukem */
.sh-storage__track[b-kz8rz4hzv4] {
    inset: 0;
    background: rgba(0, 0, 0, 0.10);
}

[data-bs-theme="dark"] .sh-storage__track[b-kz8rz4hzv4] {
    background: rgba(255, 255, 255, 0.12);
}

.sh-storage__ring[b-kz8rz4hzv4] {
    inset: 0;
    transition: background 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.sh-storage__core[b-kz8rz4hzv4] {
    z-index: 1;
    width: 3.8rem;
    height: 3.8rem;
    background: var(--bs-body-bg);
}

[data-bs-theme="dark"] .sh-storage__core[b-kz8rz4hzv4] {
    background: #1e1e20;
}

.sh-storage__percent[b-kz8rz4hzv4] {
    font-size: .88rem;
    line-height: 1;
    letter-spacing: -.02em;
}

.sh-storage__label[b-kz8rz4hzv4] {
    margin-top: .15rem;
    font-size: .48rem;
    letter-spacing: .08em;
    opacity: .6;
}

.sh-storage__capacity[b-kz8rz4hzv4] {
    font-size: 1.15rem;
    letter-spacing: -.02em;
}

.sh-storage__note[b-kz8rz4hzv4] {
    color: rgba(var(--bs-body-color-rgb), 0.95);
    font-size: .95rem;
    line-height: 1.45;
    opacity: .85;
}

.is-good[b-kz8rz4hzv4] {
    color: var(--bs-success);
}

.is-warm[b-kz8rz4hzv4] {
    color: var(--bs-warning);
}

.is-danger[b-kz8rz4hzv4] {
    color: var(--bs-danger);
}

.is-good .sh-storage__capacity[b-kz8rz4hzv4],
.is-warm .sh-storage__capacity[b-kz8rz4hzv4],
.is-danger .sh-storage__capacity[b-kz8rz4hzv4] {
    color: rgba(var(--bs-body-color-rgb), 0.95);
}

@media (max-width: 575.98px) {
    .sh-storage__hero[b-kz8rz4hzv4] {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 1rem;
    }
}
/* /Pages/Studio/StudioHomeSections/StudioHomeTasksSection.razor.rz.scp.css */
.sh-tasks[b-rwo6f4llj4] {
    max-width: 64rem;
}
/* /Pages/Studio/StudioHomeSections/StudioHomeUnreadChatsSection.razor.rz.scp.css */
.sh-chat-list[b-hkiq5ekvr4] {
    gap: .65rem;
    max-width: 56rem;
}

.sh-chat-row[b-hkiq5ekvr4] {
    padding: .85rem 1rem;
    border: 1px solid rgba(var(--bs-body-color-rgb), 0.08);
    border-radius: .5rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.012) 55%, transparent 100%),
        rgba(255, 255, 255, 0.015);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(6px) saturate(108%);
    -webkit-backdrop-filter: blur(6px) saturate(108%);
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.sh-chat-row:hover[b-hkiq5ekvr4] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.065) 0%, rgba(255, 255, 255, 0.02) 55%, transparent 100%),
        rgba(255, 255, 255, 0.025);
}

.sh-chat-row__message[b-hkiq5ekvr4] {
    max-width: 42rem;
    font-size: .94rem;
}

.sh-chat-row__badge[b-hkiq5ekvr4] {
    min-width: 2rem;
    height: 2rem;
    padding: 0 .55rem;
    font-size: .85rem;
    background: color-mix(in srgb, var(--accent-color) 18%, transparent);
    color: var(--accent-color);
}
/* /Pages/Studio/StudioHomeV2/StudioHomeV2.razor.rz.scp.css */
.studio-home-v2[b-cox41sl244] {
  max-width: 960px;
  padding: 0 1.25rem;
}

@media (max-width: 640px) {
  .studio-home-v2[b-cox41sl244] {
    padding: 0 1rem;
  }
}

/*# sourceMappingURL=StudioHomeV2.razor.css.map */
/* /Pages/Studio/StudioHomeV2/V2Attention.razor.rz.scp.css */
.v2-attention[b-6xm5sdv0qm] {
  align-items: center;
  background: color-mix(in srgb, var(--accent-color) 6%, var(--widget-bg));
  border: 1px solid color-mix(in srgb, var(--accent-color) 12%, transparent);
  border-radius: 0.85rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  color: inherit;
  display: flex;
  gap: 1rem;
  margin-bottom: 3rem;
  overflow: hidden;
  padding: 1.15rem 1.35rem 1.15rem 1.5rem;
  position: relative;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.v2-attention[b-6xm5sdv0qm]::before {
  background: var(--accent-color);
  content: "";
  inset: 0 auto 0 0;
  opacity: 0.55;
  position: absolute;
  width: 3px;
}
.v2-attention:hover[b-6xm5sdv0qm] {
  background: color-mix(in srgb, var(--accent-color) 10%, var(--widget-bg));
  border-color: color-mix(in srgb, var(--accent-color) 28%, transparent);
  color: inherit;
}
.v2-attention:hover .v2-attention-arrow[b-6xm5sdv0qm] {
  opacity: 0.7;
  transform: translateX(2px);
}
.v2-attention > i:first-child[b-6xm5sdv0qm] {
  align-items: center;
  background: color-mix(in srgb, var(--accent-color) 14%, transparent);
  border-radius: 50%;
  color: var(--accent-color);
  display: flex;
  flex: none;
  font-size: 1rem;
  height: 2.4rem;
  justify-content: center;
  width: 2.4rem;
}
.v2-attention > div[b-6xm5sdv0qm] {
  min-width: 0;
}
.v2-attention strong[b-6xm5sdv0qm], .v2-attention span[b-6xm5sdv0qm] {
  display: block;
}
.v2-attention strong[b-6xm5sdv0qm] {
  font-size: 1.02rem;
  margin: 0.12rem 0;
  overflow-wrap: anywhere;
}
.v2-attention span[b-6xm5sdv0qm] {
  font-size: 0.86rem;
  opacity: 0.6;
  overflow-wrap: anywhere;
}

.v2-label[b-6xm5sdv0qm] {
  color: var(--accent-color);
  font-family: "Geist Mono", monospace;
  font-size: 0.72rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.v2-attention-arrow[b-6xm5sdv0qm] {
  font-size: 0.85rem;
  margin-left: auto;
  opacity: 0.4;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

@media (max-width: 640px) {
  .v2-attention[b-6xm5sdv0qm] {
    align-items: flex-start;
    margin-bottom: 2.2rem;
    padding: 1rem 1rem 1rem 1.15rem;
  }
  .v2-attention > i:first-child[b-6xm5sdv0qm] {
    height: 2.1rem;
    width: 2.1rem;
  }
  .v2-attention-arrow[b-6xm5sdv0qm] {
    display: none;
  }
}
/* /Pages/Studio/StudioHomeV2/V2ContextBlocks.razor.rz.scp.css */
.v2-context[b-hjq5fm1xqq] {
  border-top: 1px solid color-mix(in srgb, var(--bs-border-color) 22%, transparent);
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1rem;
}

.v2-context-card[b-hjq5fm1xqq] {
  border-bottom: 1px solid color-mix(in srgb, var(--bs-border-color) 22%, transparent);
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-height: 84px;
  padding: 1.05rem 0 1.1rem;
  text-decoration: none;
}
.v2-context-card:nth-child(odd)[b-hjq5fm1xqq] {
  padding-right: 1.5rem;
}
.v2-context-card:nth-child(even)[b-hjq5fm1xqq] {
  padding-left: 1.5rem;
}
.v2-context-card:hover strong[b-hjq5fm1xqq] {
  color: var(--accent-color);
}
.v2-context-card strong[b-hjq5fm1xqq] {
  display: block;
  font-size: 0.94rem;
  font-weight: 600;
}

.v2-label[b-hjq5fm1xqq] {
  color: var(--accent-color);
  font-family: "Geist Mono", monospace;
  font-size: 0.72rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.v2-context-progress[b-hjq5fm1xqq] {
  background: color-mix(in srgb, var(--bs-border-color) 45%, transparent);
  border-radius: 999px;
  height: 0.3rem;
  margin-top: 0.5rem;
  overflow: hidden;
  width: 100%;
}

.v2-context-progress-bar[b-hjq5fm1xqq] {
  background: var(--accent-color);
  border-radius: 999px;
  height: 100%;
  opacity: 0.8;
  transition: width 0.2s ease;
}

@media (max-width: 640px) {
  .v2-context[b-hjq5fm1xqq] {
    grid-template-columns: 1fr;
  }
  .v2-context-card:nth-child(n)[b-hjq5fm1xqq] {
    padding-left: 0;
    padding-right: 0;
  }
}
/* /Pages/Studio/StudioHomeV2/V2Continue.razor.rz.scp.css */
.v2-section[b-nqbrdmu6xe] {
  margin: 0 0 3rem;
}

.v2-section h2[b-nqbrdmu6xe] {
  align-items: center;
  color: inherit;
  display: flex;
  font-family: "Geist Mono", monospace;
  font-size: 0.75rem;
  font-weight: 500;
  gap: 0.9rem;
  letter-spacing: 0.1em;
  margin: 0 0 1.15rem;
  opacity: 0.55;
  text-transform: uppercase;
}
.v2-section h2[b-nqbrdmu6xe]::after {
  background: color-mix(in srgb, var(--bs-border-color) 26%, transparent);
  content: "";
  flex: 1;
  height: 1px;
}

.v2-project-grid[b-nqbrdmu6xe] {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.v2-project-card[b-nqbrdmu6xe] {
  background: color-mix(in srgb, var(--widget-bg) 92%, var(--bs-body-color) 8%);
  border: 1px solid transparent;
  border-radius: 0.8rem;
  color: inherit;
  display: flex;
  flex-direction: column;
  min-height: 92px;
  padding: 1.1rem 1.2rem;
  position: relative;
  text-decoration: none;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.v2-project-card:hover[b-nqbrdmu6xe] {
  background: color-mix(in srgb, var(--widget-bg) 87%, var(--bs-body-color) 13%);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  color: inherit;
  transform: translateY(-1px);
}
.v2-project-card strong[b-nqbrdmu6xe] {
  display: block;
  font-size: 1.08rem;
  font-weight: 650;
  letter-spacing: -0.015em;
  padding-right: 1rem;
}
.v2-project-card p[b-nqbrdmu6xe] {
  display: -webkit-box;
  font-size: 0.88rem;
  line-height: 1.45;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0.5rem 0 0;
  opacity: 0.65;
  overflow: hidden;
}
.v2-project-card small[b-nqbrdmu6xe] {
  font-family: "Geist Mono", monospace;
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  margin-top: auto;
  opacity: 0.52;
  padding-top: 0.85rem;
  text-transform: uppercase;
}
.v2-project-card.is-active small[b-nqbrdmu6xe] {
  color: var(--accent-color);
  opacity: 0.85;
}
.v2-project-card .v2-project-meta-wrap[b-nqbrdmu6xe] {
  margin-top: auto;
  padding-top: 0.85rem;
}
.v2-project-card .v2-project-meta[b-nqbrdmu6xe] {
  align-items: baseline;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  font-family: "Geist Mono", monospace;
  font-size: 0.74rem;
  gap: 0.3rem;
  letter-spacing: 0.03em;
  opacity: 0.6;
}
.v2-project-card .v2-project-author[b-nqbrdmu6xe] {
  color: var(--bs-body-color);
  font-weight: 600;
  opacity: 0.85;
}
.v2-project-card .v2-project-action[b-nqbrdmu6xe] {
  text-transform: lowercase;
}
.v2-project-card .v2-project-dot[b-nqbrdmu6xe] {
  opacity: 0.5;
}
.v2-project-card.is-active .v2-project-author[b-nqbrdmu6xe] {
  color: var(--accent-color);
  opacity: 1;
}

.v2-project-status[b-nqbrdmu6xe] {
  background: var(--accent-color);
  border-radius: 50%;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 18%, transparent);
  height: 0.45rem;
  position: absolute;
  right: 1.15rem;
  top: 1.3rem;
  width: 0.45rem;
}

@media (max-width: 640px) {
  .v2-section h2[b-nqbrdmu6xe] {
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    line-height: 1.5;
  }
  .v2-section h2[b-nqbrdmu6xe]::after {
    display: none;
  }
  .v2-project-grid[b-nqbrdmu6xe] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Studio/StudioHomeV2/V2Digest.razor.rz.scp.css */
.v2-digest[b-i4t1qmtsue] {
  max-width: 760px;
}

.v2-digest h2[b-i4t1qmtsue] {
  align-items: center;
  color: inherit;
  display: flex;
  font-family: "Geist Mono", monospace;
  font-size: 0.75rem;
  font-weight: 500;
  gap: 0.9rem;
  letter-spacing: 0.1em;
  margin: 0 0 0.5rem;
  opacity: 0.55;
  text-transform: uppercase;
}
.v2-digest h2[b-i4t1qmtsue]::after {
  background: color-mix(in srgb, var(--bs-border-color) 26%, transparent);
  content: "";
  flex: 1;
  height: 1px;
}

.v2-digest-row[b-i4t1qmtsue] {
  align-items: center;
  border-top: 1px solid color-mix(in srgb, var(--bs-border-color) 22%, transparent);
  color: inherit;
  display: grid;
  gap: 0.7rem;
  grid-template-columns: 0.7rem 108px minmax(0, 1fr) auto;
  padding: 0.82rem 0;
  text-decoration: none;
  transition: color 0.12s ease;
}
.v2-digest-row:last-child[b-i4t1qmtsue] {
  border-bottom: 1px solid color-mix(in srgb, var(--bs-border-color) 22%, transparent);
}
.v2-digest-row:hover[b-i4t1qmtsue] {
  color: var(--accent-color);
}
.v2-digest-row:hover i[b-i4t1qmtsue] {
  opacity: 0.7;
  transform: translate(1px, -1px);
}
.v2-digest-row time[b-i4t1qmtsue] {
  font-family: "Geist Mono", monospace;
  font-size: 0.72rem;
  opacity: 0.5;
  text-transform: uppercase;
}
.v2-digest-row span[b-i4t1qmtsue] {
  font-size: 0.9rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.v2-digest-row em[b-i4t1qmtsue] {
  font-style: normal;
  opacity: 0.58;
}
.v2-digest-row i[b-i4t1qmtsue] {
  font-size: 0.75rem;
  opacity: 0.35;
  transition: opacity 0.12s ease, transform 0.12s ease;
}
.v2-digest-row .v2-digest-action[b-i4t1qmtsue] {
  opacity: 0.72;
  text-transform: lowercase;
}
.v2-digest-row .v2-digest-sep[b-i4t1qmtsue] {
  opacity: 0.35;
  padding: 0 0.1rem;
}

.v2-digest-unread-dot[b-i4t1qmtsue] {
  background: transparent;
  border-radius: 50%;
  height: 0.4rem;
  width: 0.4rem;
}

.v2-digest-row.is-unread .v2-digest-unread-dot[b-i4t1qmtsue] {
  background: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color) 18%, transparent);
}
.v2-digest-row.is-unread strong[b-i4t1qmtsue] {
  font-weight: 700;
}
.v2-digest-row.is-unread time[b-i4t1qmtsue] {
  color: var(--accent-color);
  opacity: 0.8;
}

@media (max-width: 640px) {
  .v2-digest-row[b-i4t1qmtsue] {
    grid-template-columns: 0.6rem 1fr auto;
  }
  .v2-digest-row time[b-i4t1qmtsue] {
    display: none;
  }
}
/* /Pages/Studio/StudioHomeV2/V2GetStarted.razor.rz.scp.css */
.v2-getstarted-grid[b-44ttfqon4o] {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.v2-getstarted-card[b-44ttfqon4o] {
  background: color-mix(in srgb, var(--widget-bg) 92%, var(--bs-body-color) 8%);
  border: 1px solid transparent;
  border-radius: 0.8rem;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font: inherit;
  min-height: 92px;
  padding: 1.1rem 1.2rem;
  text-align: left;
  text-decoration: none;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.v2-getstarted-card:hover[b-44ttfqon4o] {
  background: color-mix(in srgb, var(--widget-bg) 87%, var(--bs-body-color) 13%);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  color: inherit;
  transform: translateY(-1px);
}
.v2-getstarted-card i[b-44ttfqon4o] {
  color: var(--accent-color);
  font-size: 0.95rem;
  margin-bottom: 0.55rem;
}
.v2-getstarted-card strong[b-44ttfqon4o] {
  display: block;
  font-size: 1rem;
  font-weight: 650;
  letter-spacing: -0.01em;
}
.v2-getstarted-card span[b-44ttfqon4o] {
  font-size: 0.84rem;
  margin-top: 0.4rem;
  opacity: 0.6;
}

@media (max-width: 640px) {
  .v2-getstarted-grid[b-44ttfqon4o] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Studio/StudioHomeV2/V2Hero.razor.rz.scp.css */
@charset "UTF-8";
.v2-hero[b-bxhtvocjgz] {
  padding: 3.25rem 0 2.5rem;
}
.v2-hero h1[b-bxhtvocjgz] {
  color: var(--bs-body-color);
  font-family: var(--font-display-serif);
  font-size: clamp(2.4rem, 4.2vw, 3.15rem);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.02;
  margin: 0;
}

.v2-name[b-bxhtvocjgz] {
  color: color-mix(in srgb, var(--bs-body-color) 48%, transparent);
  font-weight: 600;
}

.v2-brief[b-bxhtvocjgz] {
  color: var(--bs-body-color);
  font-size: 1.02rem;
  line-height: 1.4;
  margin: 0.85rem 0 1.15rem;
  opacity: 0.72;
}

.v2-facts[b-bxhtvocjgz] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.7rem;
  font-family: "Geist Mono", monospace;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  opacity: 0.55;
  text-transform: uppercase;
}

.v2-facts span + span[b-bxhtvocjgz]::before {
  content: "·";
  margin-right: 0.7rem;
  opacity: 0.6;
}

@media (max-width: 640px) {
  .v2-hero[b-bxhtvocjgz] {
    padding: 2.1rem 0 1.85rem;
  }
  .v2-hero h1[b-bxhtvocjgz] {
    font-size: 2.15rem;
    line-height: 1.05;
  }
  .v2-brief[b-bxhtvocjgz] {
    font-size: 0.96rem;
    margin: 0.7rem 0 1rem;
  }
}
/* /Pages/Studio/StudiosList.razor.rz.scp.css */
[b-ctuu3x8aeb] .studio:not(:last-child) {
  border-bottom: 1px solid rgba(131, 131, 131, 0.28);
}
[b-ctuu3x8aeb] .studio.active .studio-name {
  color: var(--accent-color);
}
[b-ctuu3x8aeb] .studio.active .studio-icon {
  color: var(--accent-color) !important;
}
[b-ctuu3x8aeb] .studio .studio-icon {
  color: #8c8c8c;
  font-size: 3em;
}
[b-ctuu3x8aeb] .studio .studio-name {
  font-size: 1.5em;
  font-weight: 300;
}
[b-ctuu3x8aeb] .studio .studio-pin-button {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
[b-ctuu3x8aeb] .studio:hover .studio-pin-button {
  opacity: 1;
}
[b-ctuu3x8aeb] .studio .studio-pin-button:has(.fas) {
  opacity: 1;
}

@media (max-width: 640px) {
  .studios[b-ctuu3x8aeb] {
    gap: 0.75rem !important;
    margin-top: 1.25rem !important;
  }

  [b-ctuu3x8aeb] .studios-create-link {
    margin-top: 0.75rem !important;
  }

  [b-ctuu3x8aeb] .studio {
    padding-bottom: 1rem !important;
    width: 100%;
  }

  [b-ctuu3x8aeb] .studio-header {
    gap: 0.85rem !important;
    margin-bottom: 0.35rem !important;
  }

  [b-ctuu3x8aeb] .studio .studio-icon {
    font-size: 2.15rem;
    min-width: 2.35rem;
  }

  [b-ctuu3x8aeb] .studio .studio-name {
    font-size: 1.25rem;
    line-height: 1.2;
  }

  [b-ctuu3x8aeb] .studio-title-stack {
    min-width: 0;
  }

  [b-ctuu3x8aeb] .studio-plan-summary {
    line-height: 1.25;
  }

  [b-ctuu3x8aeb] .studio-status-row {
    gap: 0.8rem !important;
    margin-top: 0.35rem;
  }

  [b-ctuu3x8aeb] .studio-active-label {
    font-size: 0.95rem;
  }

  [b-ctuu3x8aeb] .studio-description {
    display: none;
  }
  
  /*::deep .studio-actions-right .studio-count {*/
  /*  display: none;*/
  /*}*/

  [b-ctuu3x8aeb] .studio-actions {
    gap: 0.75rem !important;
    margin-top: 0.7rem !important;
    justify-content: flex-start !important;
  }

  [b-ctuu3x8aeb] .studio-actions > * {
    width: 100%;
  }

  [b-ctuu3x8aeb] .studio-actions-right {
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    width: 100%;
  }

  [b-ctuu3x8aeb] .studio-actions-right .btn-link,
  [b-ctuu3x8aeb] .studio-actions-right a {
    padding-left: 0 !important;
    padding-right: 0.35rem !important;
  }

  [b-ctuu3x8aeb] .studio-invite-link {
    padding-left: 0 !important;
  }

  [b-ctuu3x8aeb] .studio-actions-right .studio-pin-button {
    display: none !important;
  }

  [b-ctuu3x8aeb] .studio-count {
    white-space: nowrap;
  }

  [b-ctuu3x8aeb] .studio .studio-pin-button {
    opacity: 1;
  }
}

/*# sourceMappingURL=StudiosList.razor.css.map */
/* /Pages/Timers/FolderTimeStats.razor.rz.scp.css */
.folder-time-entry[b-rrxztjibt1] {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid var(--border-color);
}

.time-total[b-rrxztjibt1] {
  text-align: right;
  font-size: 0.9em;
  color: var(--accent-color);
}
/* /Pages/User/AppUpdates.razor.rz.scp.css */
.updates-tracker[b-taubxcwnqi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 300px;
}

/* ── Header ──────────────────────────────────────────────────── */

.updates-header[b-taubxcwnqi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.updates-header-left[b-taubxcwnqi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* ── Create / edit form ──────────────────────────────────────── */

.updates-create-form[b-taubxcwnqi],
.updates-edit-form[b-taubxcwnqi] {
    background: var(--bs-btn-hover-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* ── List ────────────────────────────────────────────────────── */

.updates-list[b-taubxcwnqi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /*border: 1px solid var(--bs-border-color);*/
    /*border-radius: 0.5rem;*/
    overflow: hidden;
}

.updates-featured[b-taubxcwnqi] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--bs-primary) 7%, var(--bs-body-bg));
    cursor: pointer;
    transition: background 0.1s, border-color 0.1s;
}

.updates-featured:hover[b-taubxcwnqi],
.updates-featured.expanded[b-taubxcwnqi] {
    background: color-mix(in srgb, var(--bs-primary) 10%, var(--bs-body-bg));
    border-color: color-mix(in srgb, var(--bs-primary) 25%, var(--bs-border-color));
}

.updates-featured-main[b-taubxcwnqi] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.updates-featured-title[b-taubxcwnqi] {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.25;
}

.updates-featured-date[b-taubxcwnqi] {
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
}

.updates-featured-preview[b-taubxcwnqi] {
    color: var(--bs-body-color);
    font-size: 0.9rem;
    opacity: 0.8;
    line-height: 1.4;
    max-height: 4.4rem;
    overflow: hidden;
}

.updates-featured-chevron[b-taubxcwnqi] {
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.updates-featured.unread .updates-featured-title[b-taubxcwnqi] {
    font-weight: 800;
}

.updates-featured-edit-form[b-taubxcwnqi] {
    border-radius: 0.5rem;
}

.updates-month-group[b-taubxcwnqi] {
    display: flex;
    flex-direction: column;
}

.updates-month-title[b-taubxcwnqi] {
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 1rem 0.5rem 1rem;
}

.updates-item[b-taubxcwnqi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--bs-border-color);
    cursor: pointer;
    transition: background 0.1s;
    background: var(--bs-body-bg);
}

.updates-item-like[b-taubxcwnqi] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.updates-item-like-btn[b-taubxcwnqi] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--accent-color);
    font-size: 1.5rem;
    line-height: 1;
    opacity: 0.3;
    transition: opacity 0.15s;
}

.updates-item-like-btn:hover[b-taubxcwnqi],
.updates-item-like-btn.liked[b-taubxcwnqi] {
    opacity: 1;
}

.updates-item-like-count[b-taubxcwnqi],
.updates-item-view-count[b-taubxcwnqi] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color);
    opacity: 0.6;
    line-height: 1;
}

.updates-item-view-icon[b-taubxcwnqi] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color);
    opacity: 0.6;
}

.updates-item-like-spacer[b-taubxcwnqi] {
    flex: 0 0 0.3rem;
}

.updates-list > *:last-child > .updates-item[b-taubxcwnqi],
.updates-list > .updates-item:last-child[b-taubxcwnqi] {
    border-bottom: none;
}

.updates-month-group > .updates-item:last-child[b-taubxcwnqi],
.updates-month-group > .updates-detail:last-child[b-taubxcwnqi] {
    border-bottom: none;
}

.updates-item:hover[b-taubxcwnqi] {
    background: var(--bs-btn-hover-bg);
}

.updates-item.expanded[b-taubxcwnqi] {
    background: var(--bs-btn-hover-bg);
    border-bottom: none;
}

.updates-item-content[b-taubxcwnqi] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.updates-item-meta[b-taubxcwnqi] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    min-width: 11rem;
}

.updates-item-date[b-taubxcwnqi] {
    font-size: .8em;
    opacity: .5;
    white-space: nowrap;
}

.updates-item-title[b-taubxcwnqi] {
    font-size: 1.0rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.updates-type-badge[b-taubxcwnqi] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    width: max-content;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bs-primary) 12%, transparent);
    color: var(--bs-primary);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.25rem 0.45rem;
}

.updates-item-meta .updates-type-badge[b-taubxcwnqi] {
    align-self: center;
}

.updates-item-views[b-taubxcwnqi] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.updates-item.unread .updates-item-title[b-taubxcwnqi] {
    font-weight: 700;
}

.updates-item-chevron[b-taubxcwnqi] {
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
    flex-shrink: 0;
}

/* ── Detail ──────────────────────────────────────────────────── */

.updates-detail[b-taubxcwnqi] {
    padding: 0.75rem 1rem 1rem 1rem;
    border-bottom: 1px solid var(--bs-border-color);
    background: var(--bs-btn-hover-bg);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.updates-detail-text[b-taubxcwnqi] {
    font-size: 0.875rem;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--bs-body-color);
    opacity: 0.85;
}

.updates-admin-note[b-taubxcwnqi] {
    display: flex;
    align-items: flex-start;
    gap: 0.3rem;
    padding: 0.5rem 0.75rem;
    background: color-mix(in srgb, var(--bs-warning) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--bs-warning) 30%, transparent);
    border-radius: 0.375rem;
    font-size: 0.825rem;
    color: var(--bs-body-color);
}

.updates-admin-note-text[b-taubxcwnqi] {
    white-space: pre-wrap;
    word-break: break-word;
    opacity: 0.85;
}

.updates-admin-row[b-taubxcwnqi] {
    display: flex;
    padding-top: 0.25rem;
    border-top: 1px solid var(--bs-border-color);
}

/* ── Edit form inside list ───────────────────────────────────── */

.updates-edit-form[b-taubxcwnqi] {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--bs-border-color);
}

/* ── Empty state ─────────────────────────────────────────────── */

.updates-empty[b-taubxcwnqi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
}

@media (max-width: 640px) {
    .updates-header[b-taubxcwnqi] {
        align-items: flex-start;
        gap: 0.75rem;
    }

    .updates-item[b-taubxcwnqi] {
        align-items: flex-start;
        gap: 0.5rem;
    }

    .updates-item-content[b-taubxcwnqi] {
        gap: 0.35rem;
    }

    .updates-item-title[b-taubxcwnqi] {
        white-space: normal;
    }

    .updates-item-meta[b-taubxcwnqi] {
        min-width: 0;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 0.15rem;
    }

    .updates-item[b-taubxcwnqi] {
        flex-wrap: wrap;
    }

    .updates-item-content[b-taubxcwnqi] {
        flex-basis: calc(100% - 1.5rem);
    }

    .updates-item-meta[b-taubxcwnqi] {
        order: 3;
        flex-basis: 100%;
        padding-left: 0;
    }
}
/* /Pages/User/Feedback.razor.rz.scp.css */
[b-oa53xldade] .feedback-tracker {
    min-height: 400px;
}

/* ── Header ─────────────────────────────────────────────────── */

[b-oa53xldade] .feedback-header {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--bs-border-color);
}

/* ── Create form ─────────────────────────────────────────────── */

[b-oa53xldade] .feedback-create-form {
    background: var(--bs-btn-hover-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 1rem;
}

/* ── Filters ─────────────────────────────────────────────────── */

.feedback-filters-toggle[b-oa53xldade] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.65rem;
    background: transparent;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    font-size: 0.875rem;
    color: var(--bs-body-color);
    cursor: pointer;
    transition: all 0.2s;
    width: fit-content;
    font-weight: 500;
}

.feedback-filters-toggle:hover[b-oa53xldade] {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
    background: var(--bs-secondary-bg);
}

[b-oa53xldade] .feedback-filters {
    animation: slideDown-b-oa53xldade 0.2s ease-out;
}

@keyframes slideDown-b-oa53xldade {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Chips / badges ──────────────────────────────────────────── */

.feedback-chip[b-oa53xldade] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 1rem;
    font-size: 0.8rem;
    border: 1px solid var(--bs-border-color);
    background: transparent;
    color: var(--bs-body-color);
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    line-height: 1.5;
}

.feedback-chip:hover[b-oa53xldade] {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

.feedback-chip.active[b-oa53xldade] {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

/* Status chips */
.status-chip[b-oa53xldade] {
    color: var(--bs-body-color);
}

.status-chip:hover[b-oa53xldade] {
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

.status-chip.active[b-oa53xldade] {
    background: var(--bs-primary);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

/* ── Screenshot upload ───────────────────────────────────────── */

.screenshot-upload-container[b-oa53xldade] {
    position: relative;
    min-height: 80px;
    border: 2px dashed var(--bs-border-color);
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s;
    overflow: hidden;
}

.screenshot-upload-container:hover[b-oa53xldade] {
    border-color: var(--bs-primary);
    background: var(--bs-secondary-bg);
}

.screenshot-placeholder[b-oa53xldade] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 80px;
    color: var(--bs-secondary-color);
    text-align: center;
    padding: 1rem;
    gap: 0.25rem;
}

.screenshot-preview[b-oa53xldade] {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: contain;
    display: block;
}

.delete-screenshot-btn[b-oa53xldade] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 10;
}

.screenshot-upload-container:hover .delete-screenshot-btn[b-oa53xldade] {
    opacity: 1;
}
/* /Pages/User/InviteToDialog.razor.rz.scp.css */
.invite-to-dialog[b-56bpmrngkh] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Vyhledání adresáta a jeho role tvoří jedinou volbu. Na úzké obrazovce se tento
   celek zalomí společně, aby role nepůsobila jako nesouvisející druhé pole. */
/* flex-basis drží celek "adresát + role" na jednom řádku s tlačítkem i v úzkém dialogu
   (~600 px). Vyšší základ tlačítko zalomí pod pole a přidá dialogu zbytečný řádek;
   pod min-width se zalomí záměrně, protože pole už by nebylo použitelné. */
.invite-dialog-recipient-role[b-56bpmrngkh] {
    position: relative;
    flex: 1 1 260px;
    min-width: 240px;
}

[b-56bpmrngkh] .invite-dialog-recipient-role > .searchbox {
    width: 100%;
}

[b-56bpmrngkh] .invite-dialog-recipient-role > .invite-dialog-role {
    position: absolute;
    z-index: 1;
    top: 1px;
    right: 1px;
    bottom: 1px;
    min-width: 128px;
}

[b-56bpmrngkh] .invite-dialog-role .dropdown-btn {
    width: 100%;
    height: 100%;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    border: 0;
    border-left: 1px solid var(--bs-border-color);
    border-radius: 0 30px 30px 0;
}

/* Role překrývá pravou část Searchboxu; rezerva chrání psaný e-mail před schováním
   pod dropdown a současně zachovává jeden společný obrys celého ovládacího prvku. */
[b-56bpmrngkh] .invite-dialog-recipient-role .searchbox__input,
[b-56bpmrngkh] .invite-dialog-recipient-role .searchbox__input-mask {
    padding-right: 134px; /* šířka role (128 px) + malý odstup, ať text nekončí těsně u dropdownu */
    /* Bez ikony lupy (ShowSearchIcon="false") má input jen výchozí padding komponenty (.5rem),
       což na kulatém poli (border-radius 30px) vypadá jako přilepený text. Doplňujeme vzduch,
       jaký měl input dřív díky rezervě pro ikonu. */
    padding-left: 1rem;
}

.invite-dialog-section[b-56bpmrngkh] {
    min-width: 0;
}

/* Výchozí Bootstrap padding tlačítka vypadá v tomto krátkém, jednořádkovém tlačítku moc
   "hranatě" na výšku - o něco širší a nižší padding sedí lépe vedle zaobleného vstupního pole. */
.invite-dialog-invite-btn[b-56bpmrngkh] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: .4rem;
    padding-bottom: .4rem;
}

.invite-dialog-section-title[b-56bpmrngkh] {
    margin-bottom: .75rem;
    font-weight: 600;
    font-size: .92rem;
}

.invite-dialog-members-section[b-56bpmrngkh],
.invite-dialog-share-section[b-56bpmrngkh] {
    padding-top: 1.1rem;
    border-top: 1px solid var(--bs-border-color);
}

/* Sekce sdílení běží jako jeden řádek "nadpis + obsah". Ve výchozím (prázdném) stavu je
   obsahem jediné tlačítko, takže samostatný řádek nadpisu by byl zbytečná výška. Jakmile
   odkaz existuje, karta si vyžádá celou šířku (flex-basis 100 % níže) a řádek se zalomí. */
.invite-dialog-share-section[b-56bpmrngkh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .75rem;
}

.invite-dialog-share-title[b-56bpmrngkh] {
    margin-bottom: 0;
    flex-shrink: 0;
}

[b-56bpmrngkh] .invite-dialog-share-section .share-links {
    flex: 1 1 auto;
    min-width: 0;
}

/* Karta hotového odkazu potřebuje plnou šířku (URL + kopírovat + nastavení), proto se
   v tomto stavu zalomí pod nadpis místo aby se mačkala vedle něj. */
[b-56bpmrngkh] .invite-dialog-share-section .share-links:has(.share-link-card) {
    flex-basis: 100%;
}
/* /Pages/User/MyNextAppointment.razor.rz.scp.css */
[b-fe4n6fcdvj] .label {
  opacity: 0.6;
  font-size: 0.8rem;
}
/* /Pages/User/ScopeMembers.razor.rz.scp.css */
[b-q58r1fk5q1] .scope-member-identity {
    min-width: 0;
}

[b-q58r1fk5q1] .scope-member-email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-q58r1fk5q1] .scope-member-via-link {
    display: flex;
    align-items: center;
    gap: .3rem;
}

[b-q58r1fk5q1] .scope-member-via-link i {
    font-size: .68rem;
}
/* /Pages/User/UserAlert.razor.rz.scp.css */
[data-bs-theme=dark] .alert.alert-primary[b-yirkk47pw9] {
  background: rgb(24, 24, 24);
  border-color: rgb(59, 59, 59);
}

.icontext-container[b-yirkk47pw9] {
  display: flex;
  gap: 16px;
}

.alert.larger .icon[b-yirkk47pw9] {
  font-size: 4rem !important;
}

/*# sourceMappingURL=UserAlert.razor.css.map */
/* /Pages/User/UsersPage.razor.rz.scp.css */
[b-lqmvyt2m5s] .empty-labels {
    opacity: 0;
}

[b-lqmvyt2m5s] .user-row:hover .empty-labels {
    opacity: 1;
}
/* /Pages/User/VideoTutorialAlert.razor.rz.scp.css */
[data-bs-theme="dark"] .alert.alert-primary[b-evpi9vox10] {
    background-color: #5962fd;
}