@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/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/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: 64px;
    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: 11px;
    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;
}
/* /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__progress-row[b-utut04dnmp] {
    margin-top: 16px;
    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(--bs-secondary, #6c757d);
        color: white;
        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/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 */
  background: #fcfcfc; /* Světlé pozadí pro světlý režim */
}
[data-bs-theme=light] .sidebar[b-o07mev5hrg] {
  border-right: 1px solid #efefef;
}
[data-bs-theme=dark] .sidebar[b-o07mev5hrg] {
  background: linear-gradient(to bottom, color-mix(in srgb, var(--bs-body-bg) 22%, #000) 0%, color-mix(in srgb, var(--bs-body-bg) 38%, #000) 100%);
}
.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;
  background: radial-gradient(circle at center, rgba(54, 142, 255, 0.09) 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 */
    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;
}
.sidebar.minimized[b-o07mev5hrg]  .menu-item {
  justify-content: center;
  margin: 0 0 13px 0 !important;
}
.sidebar.minimized[b-o07mev5hrg]  .menu-text, .sidebar.minimized[b-o07mev5hrg]  .icon-expand {
  display: none !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 */
}
[data-bs-theme=dark] .sidebar-top[b-o07mev5hrg] {
  background-color: var(--topbar-bg-color);
}
[data-bs-theme=light] .sidebar-top[b-o07mev5hrg] {
  background-color: var(--topbar-bg-color);
}

.compact-mode-anchor[b-o07mev5hrg] {
  position: fixed;
  bottom: 12px;
  z-index: 5;
}

.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;
}

.compact-mode-anchor.is-expanded[b-o07mev5hrg] {
  left: 254px;
}

.compact-mode-anchor.is-minimized[b-o07mev5hrg] {
  left: 10px;
}

.bottom-logout-anchor[b-o07mev5hrg] {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 5;
}

.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;
}

.bottom-appearance-anchor[b-o07mev5hrg] {
  position: fixed;
  left: 92px;
  bottom: 12px;
  z-index: 5;
}

.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: fixed;
  left: 12px;
  bottom: 44px;
  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;
  }
  .nav-scrollable[b-o07mev5hrg] {
    /* Sidebar se nikdy neskrývá na široké obrazovce */
    display: block;
    /* Sidebar má růst podle obsahu a nevytvářet vlastní vnitřní scroll */
    height: auto;
    overflow-y: visible;
  }
}
@media (max-width: 767.98px) {
  /* 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;
  }
}

/*# sourceMappingURL=Menu.razor.css.map */
/* /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: 900 !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/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/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/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;
        min-height: 100vh;
    }

    .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: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-rge3oaz5l1] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* 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;
}
/* /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/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;
        top: 56px !important; /* pod horní lištou */
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !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;
}

/* 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/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%;
  bottom: 10px;
  right: 10px;
  padding: 10px 10px;
  border-radius: 10px;
}
[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: 64px;
  height: 64px;
  right: 30px;
  bottom: 30px;
  border-radius: 50%;
  background-color: #007bff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 30px;
  box-shadow: 0 0px 12px rgba(122, 122, 122, 0.89);
  cursor: pointer;
}

.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;
}

/*# 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: 250px;
    max-height: calc(70vh - 50px);
    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;
}

.message-input-wrapper[b-kgyb7xoi2p]  .textbox {
    margin-bottom: 0 !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;
}
/* /Pages/Messaging/MessagesPage.razor.rz.scp.css */
@media (max-width: 640px) {
  [b-dlo0axthmj] .messages {
    max-height: 800px !important;
    overflow-y: auto !important;
  }
}
@media (min-width: 641px) {
  [b-dlo0axthmj] .messages {
    max-height: calc(100vh - 240px) !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.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;
}
[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;
}

.count-badge[b-dlo0axthmj] {
  background: #d52323;
  font-size: 15px;
  border-radius: 50%;
  color: white;
  display: inline-block;
  width: 23px;
  height: 23px;
  text-align: center;
}

/*# 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/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);
    }
}
/* /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(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 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-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: rgba(255, 255, 255, 0.6);
  max-width: 70ch;
  margin-top: 4px;
}

/* === Jemná dělící linka === */
.split-hero-divider[b-9a21arbaxa] {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  margin: 2px 0;
}

/* === Metadata řádek + akce === */
.split-hero-meta[b-9a21arbaxa] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  font-size: 0.82rem;
}

.split-hero-metaitem[b-9a21arbaxa] {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}

.split-hero-metaitem :deep(a)[b-9a21arbaxa] {
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
}

.split-hero-metaitem :deep(a:hover)[b-9a21arbaxa] {
  color: #fff;
}

.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(255, 255, 255, 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;
}

.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;
    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-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;
}

/* ==========================================================================
   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/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/ProjectHeader.razor.rz.scp.css */
/* Trigger ozubeného kola: stejné vertikální zarovnání jako sousední ikona stopek (TimeStatsIcon).
   Stopky sedí v inline <span> na baseline, takže střed ikony je o ~2px výš než ve flex centeru.
   Sjednocujeme chování, aby obě ikony ležely na stejné ose. */
.project-gear-trigger[b-k7jdqj9z5n] {
    display: inline-block;
    line-height: 21.6px;
}
/* /Pages/Projects/Detail/ProjectOptionsMenu.razor.rz.scp.css */
:deep .viewstyle-button[b-yqwiqtsccy] {
  cursor: pointer;
}

/*# sourceMappingURL=ProjectOptionsMenu.razor.css.map */
/* /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;
}
/* /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;
}
.project-pin-button:has(.fas) i[b-pr11pswbv8] {
  color: var(--accent-color);
}

/*# 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);
  }
}
.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:hover[b-29yqs98klq]  .gallery-menu-icon {
  background: rgba(0, 0, 0, 0.38);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
}
.projects-gallery .gallery-card .gallery-thumb:hover[b-29yqs98klq]  .gallery-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.projects-gallery .gallery-card .gallery-thumb:hover[b-29yqs98klq]  .gallery-menu-icon {
  background: rgba(0, 0, 0, 0.38);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
}
.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-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 .gallery-thumb .gallery-placeholder .gallery-empty-action[b-29yqs98klq] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(6px) scale(0.98);
  transition: opacity 0.16s ease, transform 0.16s ease;
  pointer-events: none;
}
.projects-gallery .gallery-card .gallery-thumb .gallery-placeholder .gallery-empty-button[b-29yqs98klq] {
  padding-inline: 1rem;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none;
  color: inherit;
}
.projects-gallery .gallery-card .gallery-thumb .gallery-placeholder .gallery-cover-input[b-29yqs98klq] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.projects-gallery .gallery-card:hover .gallery-thumb .gallery-placeholder .gallery-empty-action[b-29yqs98klq], .projects-gallery .gallery-card:focus-within .gallery-thumb .gallery-placeholder .gallery-empty-action[b-29yqs98klq] {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.projects-gallery .gallery-card[b-29yqs98klq]  .gallery-menu {
  top: 0px;
  right: 8px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}
.projects-gallery .gallery-card[b-29yqs98klq]  .gallery-menu .gallery-menu-icon {
  transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
  border: 1px solid transparent;
  border-radius: 8px;
  min-width: 2.2rem;
  min-height: 1.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.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;
  }
}

/*# sourceMappingURL=ProjectsList.razor.css.map */
/* /Pages/Projects/Overview/ProjectsPage.razor.rz.scp.css */
.layout-toggle[b-lj6k12hw1p] {
  display: flex;
  gap: 2px;
  background: rgba(128, 128, 128, 0.1);
  border-radius: 7px;
  padding: 2px;
}

[data-bs-theme=dark] .layout-toggle[b-lj6k12hw1p] {
  background: rgba(255, 255, 255, 0.06);
}

.layout-toggle[b-lj6k12hw1p]  a,
.layout-toggle[b-lj6k12hw1p]  button {
  border-radius: 5px !important;
  min-width: 30px;
  min-height: 28px;
  height: 28px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 7px !important;
  font-size: 1.2em;
  transition: background 0.12s, color 0.12s;
}

.layout-toggle[b-lj6k12hw1p]  .lt-active,
.layout-toggle[b-lj6k12hw1p]  a.lt-active,
.layout-toggle[b-lj6k12hw1p]  button.lt-active,
.layout-toggle[b-lj6k12hw1p]  .btn.lt-active,
.layout-toggle[b-lj6k12hw1p]  .btn.btn-link.lt-active {
  opacity: 1 !important;
  background: #0b84d6 !important;
  background-color: #0b84d6 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(11, 132, 214, 0.18), 0 0 0 1.5px rgba(11, 132, 214, 0.9);
}

.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] {
  border: 1px solid silver;
}
.annotation:not(.selected)[b-cs6fw6wlse] {
  cursor: pointer;
}
.annotation.selected[b-cs6fw6wlse] {
  border: 2px solid #888888 !important;
}
.annotation.selected .header[b-cs6fw6wlse] {
  background-color: red !important;
}

/*# sourceMappingURL=AnnotationsList.razor.css.map */
/* /Pages/Projects/ProjectFeed/Components/Audio/FeedAudioPlayer.razor.rz.scp.css */
.top-buttons[b-leakz5anxo] {
  position: absolute;
}
@media (max-width: 568px) {
  .top-buttons[b-leakz5anxo] {
    position: static;
  }
}
/* /Pages/Projects/ProjectFeed/Components/Files/Edit/AudioPreview.razor.rz.scp.css */
@charset "UTF-8";
.audio-container[b-1ypkp6brld] {
  display: flex;
  border-radius: 60px;
  justify-content: center;
  /* Důležité: zabraňit, aby něco přesahovalo z komponenty.
     Použijeme padding místo marginu na vnitřním .waveform, a overflow:hidden. */
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 15px; /* dříve margin na .waveform způsoboval overflow */
  overflow: hidden; /* klíčové */
  align-items: center;
  position: relative;
}

.waveform[b-1ypkp6brld] {
  /* border: 1px solid #858585; */
  /* border-radius: 20px; */
  display: flex;
  align-items: center;
  gap: 2px;
  height: 45px;
  width: 100%;
  overflow: hidden;
  /* padding: 15px 10px; */
  margin: 0; /* margin zrušen, používáme padding na .audio-container */
  box-sizing: border-box;
}

.play-btn[b-1ypkp6brld] {
  position: absolute;
  color: var(--bs-link-color);
  padding: 0 4px;
  text-shadow: 0 0 20px white;
  font-size: 2.2em;
}
[data-bs-theme=dark] .play-btn[b-1ypkp6brld] {
  text-shadow: 0 0 20px black;
}

.bar[b-1ypkp6brld] {
  border-radius: 20px;
  flex: 1 0 0; /* nechť každá zabere stejný díl */
  min-width: 2px; /* aby nebyly 0 px */
  background: #a6aaff;
  transform-origin: center;
  /* Zajistí, že sloupce nepřesáhnou kontejner */
  max-height: 100%;
  height: auto; /* výška je nastavena inline přes style v komponentě */
  box-sizing: border-box;
  align-self: center;
}
[data-bs-theme=dark] .bar[b-1ypkp6brld] {
  background: #696969;
}

.bar.neg[b-1ypkp6brld] {
  transform: scaleY(-1);
}

/* „záporné“ vzorky dolů */

/*# sourceMappingURL=AudioPreview.razor.css.map */
/* /Pages/Projects/ProjectFeed/Components/Files/Edit/MultiImagePreview.razor.rz.scp.css */
img[b-taua2m4dk8] {
  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/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/MultiImageViewer.razor.rz.scp.css */
.post-gallery[b-d7q60ixjll] {
  display: grid;
  gap: 4px;
  width: 100%;
  max-height: 800px;
  overflow: hidden;
  border-radius: 10px;
}
.post-gallery.gallery-single[b-d7q60ixjll] {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.post-gallery.gallery-double[b-d7q60ixjll] {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
.post-gallery.gallery-triple[b-d7q60ixjll] {
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.post-gallery.gallery-triple .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 .attachment-item[b-d7q60ixjll] {
  position: relative;
  overflow: hidden;
  display: block;
  height: 100%;
}
.post-gallery .attachment-item.img-single[b-d7q60ixjll] {
  max-height: 800px;
  width: 100%;
}
.post-gallery .attachment-item .more-overlay[b-d7q60ixjll] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 24px;
  font-weight: bold;
}
.post-gallery img[b-d7q60ixjll] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  border: none;
  transition: transform 0.3s ease;
}
.post-gallery img:hover[b-d7q60ixjll] {
  transform: scale(1.03);
}

/*# sourceMappingURL=MultiImageViewer.razor.css.map */
/* /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/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 */
onboarding-flat-panel[b-relzqjhc2b] {
  color: inherit;
}
/* /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;
  opacity: .55;
  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;
}

/* 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;
}

.comments[b-cspwb9kwl2] {
  display: flex;
  flex-direction: column;
  padding-left: 17px;
}

.comment-border-container[b-cspwb9kwl2] {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: start;
  background: #1a1a1a;
  /* 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;
}

@media (max-width: 640px) {
  .comment-border-container[b-cspwb9kwl2] {
    padding-right: 2.5rem;
  }
}
[data-bs-theme=light] .comment-border-container[b-cspwb9kwl2] {
  background: rgba(168, 168, 168, 0.1490196078);
}
.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;
}
[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 */
.creator[b-dhv5g6pnu8] {
  width: 100%;
}

/*# sourceMappingURL=PostEditDialog.razor.css.map */
/* /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;
    max-height: calc(5.3rem + 0.7rem);
    overflow: hidden;
    padding: 0.05rem 0 0.2rem;
}

.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;
}

.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;
}

.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;
}


@media (max-width: 768px) {
    .folder-tabs-shell[b-jps7uamdzv] {
        padding: 0.8rem 0.75rem;
        gap: 0.65rem;
        border-radius: 20px;
    }

    .folder-tabs-empty[b-jps7uamdzv] {
        min-height: 2.35rem;
        font-size: 0.92rem;
    }

    .folder-tabs-scroll[b-jps7uamdzv] {
        flex-wrap: nowrap;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }

    .folder-tab[b-jps7uamdzv] {
        padding: 0.6rem 0.88rem;
        font-size: 0.94rem;
    }

    .folder-tab.folder-tab-icon-only[b-jps7uamdzv] {
        width: 2.2rem;
        min-width: 2.2rem;
        height: 2.2rem;
        min-height: 2.2rem;
    }
}
/* /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 */
.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);
}
/* /Pages/Projects/SharedComponents/StudioOrProjectNotes.razor.rz.scp.css */
[b-qdlgql0ggb] .editor {
    border: 1px solid #8f8f8f30;
    border-radius: 10px;
    padding: 10px;    
}
/* /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-main-pane[b-hm4fn9qguf]  .myscheduler-root {
  height: 100%;
}

.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-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/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/StudioPageSwitcher.razor.rz.scp.css */
.studio-page-switcher[b-xhrz92q5sa] {
    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-xhrz92q5sa] {
    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-xhrz92q5sa] {
    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-xhrz92q5sa] {
    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/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/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-main-edit[b-9wa8yi63cl] {
    gap: 1.1rem;
}

.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: 24rem;
    margin-top: 2.4rem;
}

.sh-empty[b-9wa8yi63cl] {
    min-height: 48vh;
}

.sh-empty-text[b-9wa8yi63cl] {
    max-width: 34rem;
}

[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;
}

/* Plovoucí křížek pro odebrání sekce – viditelný jen při hoveru */
[b-9wa8yi63cl] .sh-section__close {
    position: absolute;
    top: .35rem;
    right: .35rem;
    z-index: 10;
    opacity: 0;
    transition: opacity .18s ease;
    pointer-events: none;
}

[b-9wa8yi63cl] .sh-section:hover .sh-section__close {
    opacity: 1;
    pointer-events: auto;
}

/* Debug tlačítko agendy – stejné chování jako křížek, zobrazí se jen na hover sekce */
[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__close-btn {
    color: rgba(var(--bs-body-color-rgb), 0.45) !important;
    transition: color .15s ease;
}

[b-9wa8yi63cl] .sh-section__close-btn:hover {
    color: rgba(var(--bs-danger-rgb), 0.85) !important;
}

[b-9wa8yi63cl] .sh-section.is-editable {
    position: relative;
    padding: .75rem 1rem;
    border: 1px dashed rgba(var(--bs-body-color-rgb), 0.15);
    border-radius: .425rem;
    background: rgba(var(--bs-body-color-rgb), 0.025);
    cursor: grab;
    max-height: 14rem;
    overflow: hidden;
}

[b-9wa8yi63cl] .sh-section.is-editable .sh-section__body {
    pointer-events: none;
    opacity: .75;
    transform: scale(.98);
    transform-origin: top left;
}

[b-9wa8yi63cl] .sh-section.is-editable::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 3.5rem;
    background: linear-gradient(to bottom, transparent, var(--bs-body-bg) 85%);
    pointer-events: none;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

[b-9wa8yi63cl] .sh-section.is-editable .sh-section__head {
    margin-bottom: .65rem;
}

[b-9wa8yi63cl] .sh-section.is-editable .sh-section__title {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: -.01em;
}

[b-9wa8yi63cl] .sh-section.is-editable:hover {
    background: rgba(var(--bs-body-color-rgb), 0.04);
    border-color: rgba(var(--bs-body-color-rgb), 0.3);
}

[b-9wa8yi63cl] .sh-section.is-editable:active {
    cursor: grabbing;
}

[b-9wa8yi63cl] .sh-main:has(.sh-section.is-dragging) .sh-section.is-editable:not(.is-dragging) {
    opacity: .35;
    filter: saturate(.7);
}

[b-9wa8yi63cl] .sh-main:has(.sh-section.is-dragging) .sh-section {
    transition: none;
}

[b-9wa8yi63cl] .sh-section.is-dragging * {
    pointer-events: none;
}

[b-9wa8yi63cl] .sh-section.is-dragging {
    opacity: .95;
    background: rgba(120, 170, 255, 0.10) !important;
    border: 1px solid rgba(120, 170, 255, 0.85) !important;
    box-shadow: 0 14px 32px -12px rgba(0, 0, 0, 0.55);
}

[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;
}

[b-9wa8yi63cl] .sh-section__title-muted {
    font-size: .72rem;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    opacity: .5;
}

[b-9wa8yi63cl] .sh-section__drag {
    font-size: 1.05rem;
    opacity: .45;
    cursor: grab;
    transition: opacity .15s ease;
}

[b-9wa8yi63cl] .sh-section.is-editable:hover .sh-section__drag {
    opacity: .85;
}

@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;
    white-space: nowrap;
}

.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;
}

.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__grid[b-fpbyfz93g0] {
        gap: .45rem;
    }
}
/* /Pages/Studio/StudioHomeSections/StudioHomeRecentProjectsSection.razor.rz.scp.css */
.sh-recent[b-8tgx9i4dbk] {
    min-width: 0;
    width: 100%;
    margin-top: 4.5rem;
}

.sh-recent__grid[b-8tgx9i4dbk] {
    gap: .75rem;
}

.sh-recent__wrap[b-8tgx9i4dbk],
.sh-recent__inner[b-8tgx9i4dbk] {
    width: 350px;
    max-width: 350px;
    min-width: 0;
}

.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: 174px;
    padding: .85rem;
    border: 1px solid rgba(var(--bs-body-color-rgb), 0.07);
    border-radius: .5rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.015) 55%, transparent 100%),
        rgba(255, 255, 255, 0.018);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(8px) saturate(108%);
    -webkit-backdrop-filter: blur(8px) saturate(108%);
    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__card:hover .sh-recent__inner[b-8tgx9i4dbk] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.022) 55%, transparent 100%),
        rgba(255, 255, 255, 0.028);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.sh-recent__avatar[b-8tgx9i4dbk] {
    width: 44px;
    height: 44px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}

.sh-recent__initials[b-8tgx9i4dbk] {
    font-size: .8rem;
    color: rgba(255, 255, 255, .95);
}

.sh-recent__name[b-8tgx9i4dbk] {
    min-width: 0;
    font-size: .95rem;
    line-height: 1.2;
    color: #fff;
}

.sh-recent__name--status[b-8tgx9i4dbk] {
    padding-right: 8.5rem;
}

.sh-recent__status[b-8tgx9i4dbk] {
    top: .005rem;
    right: 3.8rem;
    max-width: calc(100% - 6.2rem);
}

.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__activity[b-8tgx9i4dbk] {
    gap: .35rem;
    margin-top: .2rem;
    font-size: .78rem;
    color: rgba(255, 255, 255, 0.5);
}

[b-8tgx9i4dbk] .sh-recent__activity-avatar .avatar {
    width: 18px;
    height: 18px;
    font-size: .5rem;
}

.sh-recent__snippet[b-8tgx9i4dbk] {
    margin-top: .25rem;
    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);
}

.sh-recent__action[b-8tgx9i4dbk] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: .375rem !important;
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(4px);
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease !important;
}

.sh-recent__action:hover[b-8tgx9i4dbk] {
    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(0, 0, 0, 0.07);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 55%, rgba(255, 255, 255, 0.2) 100%),
        rgba(255, 255, 255, 0.55);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 4px 12px rgba(0, 0, 0, 0.06),
        0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-bs-theme="light"] .sh-recent__card:hover .sh-recent__inner[b-8tgx9i4dbk] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.55) 55%, rgba(255, 255, 255, 0.2) 100%),
        rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 10px 20px -5px rgba(0, 0, 0, 0.1);
}

[data-bs-theme="light"] .sh-recent__name[b-8tgx9i4dbk] {
    color: #111;
}

[data-bs-theme="light"] .sh-recent__activity[b-8tgx9i4dbk] {
    color: rgba(0, 0, 0, 0.5);
}

[data-bs-theme="light"] .sh-recent__snippet[b-8tgx9i4dbk] {
    color: rgba(0, 0, 0, 0.7);
}

[data-bs-theme="light"] .sh-recent__action[b-8tgx9i4dbk] {
    color: #444 !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

@media (max-width: 767.98px) {
    .sh-recent__wrap[b-8tgx9i4dbk],
    .sh-recent__inner[b-8tgx9i4dbk] {
        width: 100%;
        max-width: 100%;
    }

    .sh-recent__actions[b-8tgx9i4dbk] {
        opacity: 1;
        transform: none;
    }

    .sh-recent__status[b-8tgx9i4dbk] {
        right: 4.6rem;
    }
}
/* /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;
}

.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/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-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;
}

/*# 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/MyNextAppointment.razor.rz.scp.css */
[b-fe4n6fcdvj] .label {
  opacity: 0.6;
  font-size: 0.8rem;
}
/* /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;
}