@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.nslzdpjuke.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /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/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;
}
/* /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/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: #f5f3ed; /* Produktový světlý sidebar Egoia. */
}
[data-bs-theme=light] .sidebar[b-o07mev5hrg] {
  border-right: 1px solid rgba(43, 40, 34, 0.07);
}
[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[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.055) 0%, rgba(54, 142, 255, 0) 78%);
  pointer-events: none;
  z-index: 0;
}
.sidebar[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.035) 0%, rgba(255, 190, 65, 0) 80%);
  pointer-events: none;
  z-index: 0;
}
[data-bs-theme=dark] .sidebar[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: 641px) {
  .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;
}
.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;
}
.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);
}

[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: 641px) {
  [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: 641px) {
  /* Samotný obal .sidebar nesmí na mobilu zabírat místo v layoutu ani ukazovat své pozadí/dekorace -
     jinak zůstává viditelný jako barevný pruh přes celou výšku obrazovky i když je menu zavřené.
     Reálný obsah (slide-in panel) řeší .nav-scrollable níže, samo o sobě position:fixed. */
  .sidebar[b-o07mev5hrg], .sidebar.auto-minimize[b-o07mev5hrg], .sidebar.minimized[b-o07mev5hrg], .sidebar:not(.minimized)[b-o07mev5hrg] {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    width: 3.5rem;
    min-width: 0;
    height: 2.9rem;
    background: transparent;
    border-right: none;
    z-index: 1202;
  }
  .sidebar[b-o07mev5hrg]::before, .sidebar[b-o07mev5hrg]::after {
    display: none;
  }
  /* 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-bottom: 2px;
  margin-left: 10px;
  margin-top: 13px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
[b-o07mev5hrg] .section-header::after {
  content: "";
  height: 1px;
  flex: 1;
  /* jemná čára, která do ztracena mizí */
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  transform: translateY(1px); /* optické dorovnání baseline */
}
[data-bs-theme=light][b-o07mev5hrg]  .section-header::after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.17), rgba(0, 0, 0, 0.02));
}

[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: 641px) {
  [b-o07mev5hrg] .submenu-items {
    display: none;
  }
}

/*# sourceMappingURL=Menu.razor.css.map */
/* /Layout/MenuContent/DefaultMenuContent.razor.rz.scp.css */
.egoia-menu[b-j5z5joy9tx] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 26px 20px 18px;
    color: color-mix(in srgb, var(--bs-body-color, #383733) 84%, transparent);
}

.egoia-menu.is-minimized[b-j5z5joy9tx] {
    padding: 14px 6px;
    align-items: center;
}

.egoia-menu-brand[b-j5z5joy9tx] {
    padding: 8px 10px 20px;
}

.egoia-menu.is-minimized .egoia-menu-brand[b-j5z5joy9tx] {
    width: 42px;
    padding: 8px 0 14px;
    text-align: center;
}

.egoia-menu-title[b-j5z5joy9tx] {
    color: var(--bs-body-color, #050505);
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
}

.egoia-menu.is-minimized .egoia-menu-title[b-j5z5joy9tx] {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 12px;
    overflow: hidden;
    font-size: 0;
    background: color-mix(in srgb, var(--bs-body-bg, #fff) 78%, var(--bs-body-color, #111) 8%);
}

.egoia-menu.is-minimized .egoia-menu-title[b-j5z5joy9tx]::after {
    content: "E";
    color: var(--bs-body-color, #111);
    font-size: 1rem;
    font-weight: 900;
}

.egoia-menu.is-minimized .egoia-menu-badge[b-j5z5joy9tx] {
    display: none;
}

.egoia-menu-group[b-j5z5joy9tx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.egoia-menu-invite[b-j5z5joy9tx] {
    min-height: 58px;
    margin-bottom: 18px;
}

.egoia-menu-note[b-j5z5joy9tx] {
    margin: 14px 10px 2px;
    color: color-mix(in srgb, var(--bs-body-color, #77736a) 62%, transparent);
    font-size: 0.95rem;
    font-weight: 600;
}

.egoia-people-list[b-j5z5joy9tx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 12px 34px;
}

.egoia-person-chip[b-j5z5joy9tx] {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 8px;
    align-items: center;
    gap: 12px;
    min-height: 46px;
    padding: 4px 8px;
    color: color-mix(in srgb, var(--bs-body-color, #3f3d39) 84%, transparent);
    text-decoration: none;
    border-radius: 12px;
    font-size: 1.05rem;
    font-weight: 700;
}

.egoia-person-chip:hover[b-j5z5joy9tx] {
    background: rgba(255, 255, 255, 0.64);
    color: var(--bs-body-color, #111);
}

.egoia-person-avatar[b-j5z5joy9tx] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--bs-body-bg, #fff) 76%, var(--bs-body-color, #444) 8%);
    color: color-mix(in srgb, var(--bs-body-color, #444) 80%, transparent);
    font-size: 0.9rem;
    font-weight: 800;
}

.egoia-person-chip:first-child .egoia-person-avatar[b-j5z5joy9tx] {
    background: #d8e8ff;
    color: #2f64b0;
}

.egoia-person-status[b-j5z5joy9tx] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #246d20;
}

.egoia-menu-badge[b-j5z5joy9tx] {
    margin-left: auto;
    padding: 3px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bs-body-bg, #fff) 80%, var(--bs-body-color, #817c72) 7%);
    color: color-mix(in srgb, var(--bs-body-color, #817c72) 70%, transparent);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}

.egoia-menu-badge.muted[b-j5z5joy9tx] {
    background: #fff4df;
    color: #674912;
}

.egoia-menu-group-future[b-j5z5joy9tx] {
    margin-top: 2px;
}

.menu-item-ghost[b-j5z5joy9tx] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 0 14px;
    border-radius: 16px;
    opacity: .5;
    pointer-events: none;
    cursor: default;
    user-select: none;
}

.egoia-menu-spacer[b-j5z5joy9tx] {
    flex: 1 1 auto;
    min-height: 16px;
}

.egoia-menu-utility[b-j5z5joy9tx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[data-bs-theme=dark] .egoia-menu[b-j5z5joy9tx] {
    color: #f0f0f0;
}

[data-bs-theme=dark] .egoia-menu-title[b-j5z5joy9tx] {
    color: #fff;
}

[data-bs-theme=dark] .egoia-person-chip[b-j5z5joy9tx] {
    color: #f0f0f0;
}

[data-bs-theme=dark] .egoia-person-chip:hover[b-j5z5joy9tx] {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

[data-bs-theme=dark] .egoia-person-avatar[b-j5z5joy9tx],
[data-bs-theme=dark] .egoia-menu-badge[b-j5z5joy9tx] {
    background: rgba(255, 255, 255, 0.1);
    color: #f3f3f3;
}

@media (max-width: 641px) {
    .egoia-menu[b-j5z5joy9tx] {
        min-height: 100%;
        padding-top: 44px;
    }
}
/* /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/MyMenuItem.razor.rz.scp.css */
.menu-item[b-4qp8syz41k] {
  display: flex;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
  gap: 12px;
  min-height: 54px;
  font-size: 1.08rem;
  font-weight: 650;
  border-radius: 16px;
  padding: 12px 14px;
  margin: 0;
  color: color-mix(in srgb, var(--bs-body-color, #3f3d39) 82%, transparent);
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.menu-item.hide-menu-headers[b-4qp8syz41k] {
  margin: 6px 0;
}
.menu-item.active[b-4qp8syz41k]  .menu-text {
  font-weight: 800;
}
.menu-item:hover[b-4qp8syz41k], .menu-item.active[b-4qp8syz41k] {
  color: #070707;
}
.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: rgba(255, 255, 255, 0.62);
}
[data-bs-theme=light] .menu-item.active[b-4qp8syz41k] {
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.09), 0 12px 28px rgba(36, 34, 28, 0.05);
}
[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;
}
[data-bs-theme=dark] .menu-item[b-4qp8syz41k] {
  color: rgba(255, 255, 255, 0.78);
}
[data-bs-theme=dark] .menu-item[b-4qp8syz41k]  .menu-icon {
  color: rgba(255, 255, 255, 0.68);
}
[data-bs-theme=dark] .menu-item.active[b-4qp8syz41k]  .menu-icon {
  color: #ff2828 !important;
}
.menu-item.active[b-4qp8syz41k]  .menu-icon {
  color: #050505 !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: 28px;
  min-width: 28px;
  font-size: 1.25em;
  margin-right: 0;
  text-align: center;
  color: color-mix(in srgb, var(--bs-body-color, #464541) 72%, transparent);
}
.menu-item[b-4qp8syz41k]  .menu-text {
  min-width: 0;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menu-item.egoia-menu-invite[b-4qp8syz41k] {
  background: #dcebff;
  color: #2e64ad;
  box-shadow: none;
}
.menu-item.egoia-menu-invite:hover[b-4qp8syz41k],
.menu-item.egoia-menu-invite.active[b-4qp8syz41k] {
  background: #d3e6ff;
  color: #245da8;
  box-shadow: none;
}
.menu-item.egoia-menu-invite[b-4qp8syz41k]  .menu-icon {
  color: #2e64ad !important;
}
.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);
}

/*# sourceMappingURL=MyMenuItem.razor.css.map */
/* /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;
}
/* /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/Shell/EmptyLayout.razor.rz.scp.css */
.empty-layout-auth[b-53fct6ncje] {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 1100;
    display: flex;
    gap: 8px;
    align-items: center;
}

[b-53fct6ncje] .sidebar.auto-minimize {
    z-index: 1120;
}

[b-53fct6ncje] .sidebar.auto-minimize.minimized ~ * {
    pointer-events: auto;
}

.empty-layout-brand[b-53fct6ncje] {
    position: fixed;
    top: 16px;
    left: 16px;
    z-index: 1100;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    color: #111827 !important;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(15, 23, 42, 0.08);
    text-decoration: none !important;
    font-size: 0.92rem;
    font-weight: 500;
    backdrop-filter: blur(12px);
}

.empty-layout-brand.with-sidebar[b-53fct6ncje] {
    left: 72px;
}

.empty-layout-brand:hover[b-53fct6ncje] {
    background: rgba(255, 255, 255, 0.95);
}

.empty-layout-brand i[b-53fct6ncje] {
    color: #1a73e8;
    font-size: 0.95rem;
}

.empty-layout-brand-accent[b-53fct6ncje] {
    background: linear-gradient(90deg, #4285f4 0%, #1a73e8 50%, #4285f4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .empty-layout-brand[b-53fct6ncje] {
        top: 12px;
        left: 12px;
        padding: 6px 10px;
        font-size: 0.85rem;
    }

    .empty-layout-brand.with-sidebar[b-53fct6ncje] {
        left: 12px;
    }

    .empty-layout-brand-text[b-53fct6ncje] {
        display: none;
    }

    .empty-layout-brand i[b-53fct6ncje] {
        font-size: 1.05rem;
    }
}

.empty-layout-auth[b-53fct6ncje]  .empty-layout-auth-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 999px;
    color: #111827 !important;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
    text-decoration: none !important;
    backdrop-filter: blur(12px);
}

.empty-layout-auth[b-53fct6ncje]  .empty-layout-auth-link:hover {
    background: rgba(255, 255, 255, 0.98);
    color: #0d6efd !important;
}

.empty-layout-auth[b-53fct6ncje]  .empty-layout-theme-link {
    width: 38px;
    height: 38px;
    justify-content: center;
    padding: 0;
}

@media (max-width: 575.98px) {
    .empty-layout-auth[b-53fct6ncje] {
        top: 12px;
        right: 12px;
    }

    .empty-layout-auth[b-53fct6ncje]  .empty-layout-auth-link {
        width: 40px;
        height: 40px;
        justify-content: center;
        padding: 0;
    }
}

/* Patička s odkazem na Egoia Paper. Layout jinak patičku nemá — plovoucí
   prvky nahoře jsou fixed, tohle je jediný prvek v normálním toku stránky. */
.empty-layout-footer[b-53fct6ncje] {
    margin-top: 48px;
    padding: 24px 16px 32px;
    text-align: center;
    font-size: 0.85rem;
}

.empty-layout-footer-link[b-53fct6ncje] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 999px;
    color: #4b5563 !important;
    border: 1px solid rgba(15, 23, 42, 0.10);
    text-decoration: none !important;
    transition: color .15s, border-color .15s, background-color .15s;
}

.empty-layout-footer-link:hover[b-53fct6ncje] {
    color: #1a73e8 !important;
    border-color: rgba(26, 115, 232, 0.35);
    background: rgba(26, 115, 232, 0.05);
}

.empty-layout-footer-link:focus-visible[b-53fct6ncje] {
    outline: 2px solid #1a73e8;
    outline-offset: 2px;
}

[data-bs-theme="dark"] .empty-layout-footer-link[b-53fct6ncje] {
    color: #9ca3af !important;
    border-color: rgba(255, 255, 255, 0.14);
}

[data-bs-theme="dark"] .empty-layout-footer-link:hover[b-53fct6ncje] {
    color: #93c5fd !important;
    border-color: rgba(147, 197, 253, 0.35);
    background: rgba(147, 197, 253, 0.08);
}

[data-bs-theme="dark"] .empty-layout-brand[b-53fct6ncje] {
    color: #e5e7eb !important;
    background: rgba(17, 24, 39, 0.72);
    border-color: rgba(255, 255, 255, 0.14);
}

[data-bs-theme="dark"] .empty-layout-brand:hover[b-53fct6ncje] {
    background: rgba(17, 24, 39, 0.9);
}

[data-bs-theme="dark"] .empty-layout-auth[b-53fct6ncje]  .empty-layout-auth-link {
    color: #e5e7eb !important;
    background: rgba(17, 24, 39, 0.82);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

[data-bs-theme="dark"] .empty-layout-auth[b-53fct6ncje]  .empty-layout-auth-link:hover {
    background: rgba(30, 41, 59, 0.92);
    color: #93c5fd !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: 640px) {
        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: 641px) {
    .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: 641px) {

    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/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/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á */
}
/* /Layout/Topbar/Topbar.razor.rz.scp.css */
.topbar[b-j3nit852zp] {
  min-height: 86px;
  padding: 5px 0;
}

.topbar-page-title[b-j3nit852zp] {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 4px;
}

.topbar-page-title[b-j3nit852zp]  h1 {
  margin: 0;
  color: var(--bs-body-color);
  font-size: 1.45rem;
  font-weight: 760;
  line-height: 1.15;
  letter-spacing: 0;
}

.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: 575.98px) {
  .topbar[b-j3nit852zp] {
    min-height: 68px;
  }
}

@media (max-width: 641px) {
  /* Hamburger menu je na mobilu fixed přes levý horní roh (viz Menu.razor.css),
     titulek stránky proto potřebuje odsazení, aby se s ním nepřekrýval. */
  .topbar-page-title[b-j3nit852zp] {
    padding-left: 3.5rem;
  }
}

/*# sourceMappingURL=Topbar.razor.css.map */
/* /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 */

/* /Pages/ActionQueuePage.razor.rz.scp.css */
.queue-page[b-6hiczfpxo6] {
    --queue-bg: #0d0f13;
    --queue-surface: #171c25;
    --queue-line: rgba(255, 255, 255, .08);
    --queue-ink: #e9ecf1;
    --queue-muted: #8b95a6;
    --queue-teal: #42d8c0;
    min-height: calc(100vh - 128px);
    padding: 28px 18px 46px;
    color: var(--queue-ink);
    background:
        radial-gradient(720px 420px at 22% -8%, rgba(66, 216, 192, .08), transparent 62%),
        var(--queue-bg);
}

[data-bs-theme="light"] .queue-page[b-6hiczfpxo6] {
    --queue-bg: #fbfaf7;
    --queue-surface: #ffffff;
    --queue-line: rgba(15, 23, 42, .09);
    --queue-ink: #172027;
    --queue-muted: #627080;
    --queue-teal: #1caa97;
}

.queue-shell[b-6hiczfpxo6] {
    width: min(100%, 760px);
    margin: 0 auto;
}

.queue-head[b-6hiczfpxo6] {
    margin-bottom: 24px;
}

.queue-kicker[b-6hiczfpxo6],
.queue-type[b-6hiczfpxo6] {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
}

.queue-kicker[b-6hiczfpxo6],
.queue-type[b-6hiczfpxo6] {
    color: var(--queue-teal);
}

.queue-head h1[b-6hiczfpxo6],
.queue-empty h2[b-6hiczfpxo6],
.queue-card h2[b-6hiczfpxo6] {
    font-family: Georgia, "Times New Roman", serif;
}

.queue-head h1[b-6hiczfpxo6] {
    margin: 0;
    font-size: 38px;
}

.queue-head p[b-6hiczfpxo6],
.queue-muted[b-6hiczfpxo6],
.queue-empty p[b-6hiczfpxo6],
.queue-card p[b-6hiczfpxo6] {
    color: var(--queue-muted);
}

.queue-list[b-6hiczfpxo6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.queue-card[b-6hiczfpxo6],
.queue-empty[b-6hiczfpxo6] {
    border: 1px solid var(--queue-line);
    border-radius: 18px;
    padding: 18px;
    background: var(--queue-surface);
}

.queue-card[b-6hiczfpxo6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
}

.queue-icon[b-6hiczfpxo6] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--queue-teal);
    background: rgba(66, 216, 192, .13);
}

.queue-main h2[b-6hiczfpxo6] {
    margin: 2px 0 4px;
    font-size: 23px;
}

.queue-main p[b-6hiczfpxo6] {
    margin: 0;
}

.queue-type[b-6hiczfpxo6] {
    margin: 0;
}

.queue-action[b-6hiczfpxo6] {
    justify-self: end;
}

.queue-action[b-6hiczfpxo6]  a {
    border: 1px solid rgba(66, 216, 192, .28) !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    color: var(--queue-teal) !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    background: rgba(66, 216, 192, .08) !important;
}

.queue-empty span[b-6hiczfpxo6] {
    color: var(--queue-teal);
    font-size: 30px;
}

@media (max-width: 575.98px) {
    .queue-page[b-6hiczfpxo6] {
        padding: 76px 12px 34px;
    }

    .queue-head h1[b-6hiczfpxo6] {
        font-size: 32px;
    }

    .queue-card[b-6hiczfpxo6] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .queue-action[b-6hiczfpxo6] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Pages/Admin/GameFlagsEditor.razor.rz.scp.css */
.gameflags-section[b-my0b5fo2d6] {
    width: 100%;
}

.gameflags-section-title[b-my0b5fo2d6] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #202124;
    letter-spacing: -0.01em;
}

.gameflags-section-text[b-my0b5fo2d6] {
    max-width: 940px;
}

.gameflags-card-grid[b-my0b5fo2d6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
    align-items: stretch;
}

.gameflags-card-grid-single[b-my0b5fo2d6] {
    grid-template-columns: minmax(0, 1fr);
}

.gameflags-card.btn[b-my0b5fo2d6] {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 126px;
    padding: 1.1rem 1.15rem;
    border: 1px solid #d7dce3 !important;
    border-radius: 20px !important;
    background: #fff !important;
    color: inherit;
    text-align: center;
    white-space: normal !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.gameflags-card-content[b-my0b5fo2d6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
}

.gameflags-card.btn:hover[b-my0b5fo2d6] {
    border-color: #1a73e8 !important;
    box-shadow: 0 8px 20px rgba(26, 115, 232, 0.08);
    transform: translateY(-1px);
}

.gameflags-card.btn.selected[b-my0b5fo2d6] {
    border-color: #1a73e8 !important;
    background: #fbfdff !important;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12);
}

.gameflags-card.btn .gameflags-card-content strong[b-my0b5fo2d6] {
    display: block;
    font-size: 1.05rem;
    color: #202124;
    line-height: 1.2;
}

.gameflags-card.btn .gameflags-card-content span[b-my0b5fo2d6] {
    display: block;
    font-size: 0.92rem;
    color: #5f6368;
    line-height: 1.45;
    max-width: 100%;
}

.gameflags-toggle-card[b-my0b5fo2d6] {
    gap: 0;
}

.gameflags-card-state[b-my0b5fo2d6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.gameflags-card-state.on[b-my0b5fo2d6] {
    background: #e8f0fe;
    color: #1a73e8;
}

.gameflags-card-state.off[b-my0b5fo2d6] {
    background: #f1f3f4;
    color: #5f6368;
}

.gameflags-summary[b-my0b5fo2d6] {
    margin: 0;
    text-align: center;
    color: #6a6f75;
    font-size: 1.03rem;
    line-height: 1.5;
}

[data-bs-theme="dark"] .gameflags-section-title[b-my0b5fo2d6] {
    color: #f3f4f6;
}

[data-bs-theme="dark"] .gameflags-card.btn[b-my0b5fo2d6] {
    background: #16181d !important;
    border-color: #39404a !important;
}

[data-bs-theme="dark"] .gameflags-card.btn .gameflags-card-content strong[b-my0b5fo2d6] {
    color: #f3f4f6;
}

[data-bs-theme="dark"] .gameflags-card.btn .gameflags-card-content span[b-my0b5fo2d6] {
    color: #b0b7c3;
}

[data-bs-theme="dark"] .gameflags-card.btn.selected[b-my0b5fo2d6] {
    background: #102033 !important;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.28);
}

[data-bs-theme="dark"] .gameflags-card-state.on[b-my0b5fo2d6] {
    background: rgba(26, 115, 232, 0.18);
    color: #8ab4f8;
}

[data-bs-theme="dark"] .gameflags-card-state.off[b-my0b5fo2d6] {
    background: rgba(255, 255, 255, 0.06);
    color: #b0b7c3;
}

[data-bs-theme="dark"] .gameflags-summary[b-my0b5fo2d6] {
    color: #b0b7c3;
}
/* /Pages/Admin/QuestionsPage.razor.rz.scp.css */
/* Pozor na CSS izolaci: třídy předávané do komponent přes CssClass (Button, InlineEditText,
   HorizontalStack...) nedostanou scope atribut této stránky, proto musí jít přes ::deep
   pod scopovaným rodičem (.questions-page je obyčejný div v markupu stránky). */

.questions-page[b-okf8snplkp] {
    --panel-bg: #fffdf9;
    --panel-border: rgba(48, 36, 27, 0.08);
    --chip-bg: #f7f1e8;
    --chip-text: #5d4f43;
    --accent-blue: #cfe1f7;
    --accent-blue-text: #24568f;
    --accent-green: #d7efcf;
    --accent-green-text: #0f6a2f;
    --accent-amber: #f6ddb2;
    --accent-amber-text: #8b5a00;
    --accent-red: #f6d7d3;
    --accent-red-text: #9a3c32;
}

.question-dashboard[b-okf8snplkp],
.toolbar[b-okf8snplkp],
.question-card[b-okf8snplkp],
.review-toolbar[b-okf8snplkp],
.empty-state[b-okf8snplkp] {
    border: 1px solid var(--panel-border);
    border-radius: 1.2rem;
    background: var(--panel-bg);
    box-shadow: 0 16px 32px rgba(57, 43, 28, 0.04);
}

.pipeline-grid[b-okf8snplkp],
.segment-grid[b-okf8snplkp],
.card-grid[b-okf8snplkp] {
    display: grid;
    gap: 0.85rem;
}

.pipeline-grid[b-okf8snplkp] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.segment-grid[b-okf8snplkp] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.card-grid[b-okf8snplkp] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Karty trychtýře a segmentů jsou Buttony – styl musí přebít bootstrap .btn. */
.questions-page[b-okf8snplkp]  .pipeline-card,
.questions-page[b-okf8snplkp]  .segment-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    min-height: 108px;
    border: 1px solid transparent;
    border-radius: 1rem;
    text-align: left;
    padding: 1rem;
    box-shadow: none;
}

.questions-page[b-okf8snplkp]  .pipeline-card strong,
.questions-page[b-okf8snplkp]  .segment-card strong {
    display: block;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.35rem;
}

.questions-page[b-okf8snplkp]  .pipeline-card span,
.questions-page[b-okf8snplkp]  .segment-card span {
    display: block;
    font-size: 0.92rem;
    line-height: 1.35;
    color: #6f6357;
}

/* !important je nutné – globální theme má na .btn.btn-outline-primary barvy s !important. */
.questions-page[b-okf8snplkp]  .pipeline-card.tone-success {
    background-color: var(--accent-green) !important;
    color: var(--accent-green-text) !important;
}

.questions-page[b-okf8snplkp]  .pipeline-card.tone-warn {
    background-color: var(--accent-amber) !important;
    color: var(--accent-amber-text) !important;
}

.questions-page[b-okf8snplkp]  .pipeline-card.tone-primary,
.questions-page[b-okf8snplkp]  .pipeline-card.is-active,
.questions-page[b-okf8snplkp]  .segment-card.is-active {
    background-color: var(--accent-blue) !important;
    color: var(--accent-blue-text) !important;
}

.questions-page[b-okf8snplkp]  .pipeline-card.is-active,
.questions-page[b-okf8snplkp]  .segment-card.is-active {
    border-color: rgba(36, 86, 143, 0.35) !important;
}

.questions-page[b-okf8snplkp]  .pipeline-card.tone-neutral,
.questions-page[b-okf8snplkp]  .segment-card {
    background-color: #f7f4ef !important;
    color: #696056 !important;
}

.next-step-banner[b-okf8snplkp] {
    border-radius: 1rem;
    background: #d8e8fa;
    padding: 1rem 1.2rem;
}

.next-step-copy[b-okf8snplkp] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    font-size: 1.05rem;
    color: #1f4f88;
}

.questions-page[b-okf8snplkp]  .filter-chip,
.questions-page[b-okf8snplkp]  .quiet-action {
    border-radius: 999px;
}

.questions-page[b-okf8snplkp]  .generate-row {
    padding-top: 0.2rem;
    border-top: 1px solid rgba(48, 36, 27, 0.08);
}

.review-toolbar[b-okf8snplkp] {
    position: sticky;
    top: 1rem;
    z-index: 4;
}

.question-card[b-okf8snplkp] {
    overflow: hidden;
}

.review-card[b-okf8snplkp] {
    border-color: rgba(36, 86, 143, 0.25);
    box-shadow: 0 18px 40px rgba(36, 86, 143, 0.08);
}

.question-card-body[b-okf8snplkp] {
    padding: 1.25rem;
}

.question-main[b-okf8snplkp] {
    flex: 1;
    min-width: 0;
}

.questions-page[b-okf8snplkp]  .question-text {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    color: #241d17;
}

.meta-chip-row[b-okf8snplkp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1rem;
}

.meta-chip[b-okf8snplkp] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: var(--chip-bg);
    color: var(--chip-text);
    padding: 0.35rem 0.7rem;
    font-size: 0.92rem;
}

.meta-chip-success[b-okf8snplkp] {
    background: var(--accent-green);
    color: var(--accent-green-text);
}

.meta-chip-danger[b-okf8snplkp] {
    background: var(--accent-red);
    color: var(--accent-red-text);
}

.meta-chip-muted[b-okf8snplkp] {
    background: #f1ede6;
    color: #84796e;
}

.score-column[b-okf8snplkp] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    align-items: flex-end;
}

.curation-score[b-okf8snplkp] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.45rem;
    border-radius: 999px;
    padding: 0.45rem 0.85rem;
    background: #f9f4ec;
    border: 1px solid rgba(48, 36, 27, 0.08);
}

.curation-score strong[b-okf8snplkp] {
    font-size: 1.4rem;
    line-height: 1;
}

.curation-score span[b-okf8snplkp] {
    font-size: 0.9rem;
    text-transform: lowercase;
}

.grade-core[b-okf8snplkp] {
    color: var(--accent-green-text);
    border-color: rgba(15, 106, 47, 0.18);
}

.grade-ready[b-okf8snplkp] {
    color: var(--accent-blue-text);
    border-color: rgba(36, 86, 143, 0.18);
}

.grade-needs-work[b-okf8snplkp] {
    color: var(--accent-amber-text);
    border-color: rgba(139, 90, 0, 0.18);
}

.grade-weak[b-okf8snplkp] {
    color: #81776f;
}

.status-badge[b-okf8snplkp] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.35rem 0.7rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.status-approved[b-okf8snplkp] {
    background: var(--accent-green);
    color: var(--accent-green-text);
}

.status-draft[b-okf8snplkp] {
    background: #ece7de;
    color: #71685f;
}

.status-rejected[b-okf8snplkp] {
    background: var(--accent-red);
    color: var(--accent-red-text);
}

.status-archived[b-okf8snplkp] {
    background: #e6e1da;
    color: #6e655d;
}

.card-section[b-okf8snplkp] {
    margin-top: 1.15rem;
}

.section-label[b-okf8snplkp] {
    margin-bottom: 0.45rem;
    font-size: 0.92rem;
    font-weight: 700;
    color: #8a7b6d;
}

.options-editor[b-okf8snplkp] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.option-row[b-okf8snplkp] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

/* InlineEditText renderuje display element uvnitř komponenty. */
.questions-page[b-okf8snplkp]  .inline-edit-display {
    cursor: text;
    border: 1px solid transparent;
    border-radius: 0.65rem;
    padding: 0.35rem 0.5rem;
    transition: background-color 0.12s ease, border-color 0.12s ease;
    white-space: pre-wrap;
    word-break: break-word;
}

.questions-page[b-okf8snplkp]  .inline-edit-display:hover,
.questions-page[b-okf8snplkp]  .inline-edit-display:focus-visible {
    background: #faf4eb;
    border-color: rgba(48, 36, 27, 0.08);
    outline: none;
}

.questions-page[b-okf8snplkp]  .inline-edit-display.is-empty {
    color: #a69787;
    font-style: italic;
}

.questions-page[b-okf8snplkp]  .option-text {
    font-size: 1.05rem;
    font-weight: 500;
}

.questions-page[b-okf8snplkp]  .hint-text {
    color: #5f564e;
}

.question-card[b-okf8snplkp]  input,
.question-card[b-okf8snplkp]  textarea {
    border-radius: 0.65rem;
}

.intimacy-dots[b-okf8snplkp] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.intimacy-dot[b-okf8snplkp] {
    width: 14px;
    height: 14px;
    padding: 0;
    border-radius: 50%;
    border: 1.5px solid #c8beb1;
    background: transparent;
    cursor: pointer;
    transition: transform 0.08s ease, background-color 0.12s ease, border-color 0.12s ease;
}

.intimacy-dot:hover[b-okf8snplkp] {
    transform: scale(1.08);
    border-color: #846b52;
}

.intimacy-dot.is-filled[b-okf8snplkp] {
    background: #7f5f3e;
    border-color: #7f5f3e;
}

.blockers-section[b-okf8snplkp] {
    border-top: 1px solid rgba(48, 36, 27, 0.08);
    padding-top: 1rem;
}

.blocker-list[b-okf8snplkp] {
    margin: 0;
    padding-left: 1.15rem;
    color: #865100;
}

.blocker-list li + li[b-okf8snplkp] {
    margin-top: 0.35rem;
}

.questions-page[b-okf8snplkp]  .actions-row {
    margin-top: 1.35rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(48, 36, 27, 0.08);
}

.empty-state[b-okf8snplkp] {
    text-align: center;
}

.question-row.highlight td[b-okf8snplkp],
.question-card.highlight[b-okf8snplkp] {
    animation: question-focus-pulse-b-okf8snplkp 3s ease-out;
}

@keyframes question-focus-pulse-b-okf8snplkp {
    0% {
        background-color: rgba(255, 213, 79, 0.55);
    }

    100% {
        background-color: transparent;
    }
}

@media (max-width: 1200px) {
    .pipeline-grid[b-okf8snplkp],
    .segment-grid[b-okf8snplkp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .card-grid[b-okf8snplkp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .pipeline-grid[b-okf8snplkp],
    .segment-grid[b-okf8snplkp],
    .card-grid[b-okf8snplkp] {
        grid-template-columns: 1fr;
    }

    .questions-page[b-okf8snplkp]  .question-text {
        font-size: 1.35rem;
    }

    .score-column[b-okf8snplkp] {
        align-items: flex-start;
    }
}
/* /Pages/HomePage.razor.rz.scp.css */
.egoia-home[b-z66zqdymq5] {
    --home-bg: #0d0f13;
    --home-surface: #171c25;
    --home-line: #2a323e;
    --home-panel-border: rgba(255, 255, 255, .07);
    --home-card-bg: linear-gradient(160deg, rgba(30, 37, 48, .88), rgba(18, 22, 29, .92));
    --home-primary-bg: radial-gradient(440px 220px at 92% 0%, rgba(66, 216, 192, .13), transparent 68%),
        linear-gradient(150deg, rgba(66, 216, 192, .13), rgba(23, 28, 37, .98));
    --home-obrys-bg: radial-gradient(340px 150px at 92% 0%, rgba(66, 216, 192, .14), transparent 72%),
        linear-gradient(165deg, rgba(30, 37, 48, .98), rgba(23, 28, 37, .96));
    --home-page-bg: radial-gradient(760px 420px at 26% -8%, rgba(66, 216, 192, .09), transparent 62%),
        radial-gradient(680px 440px at 92% 108%, rgba(147, 163, 247, .08), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 22%),
        var(--home-bg);
    --home-chip-bg: rgba(13, 15, 19, .24);
    --home-chip-border: rgba(255, 255, 255, .07);
    --home-appbar-icon-bg: rgba(30, 37, 48, .82);
    --home-appbar-icon-border: rgba(255, 255, 255, .08);
    --home-ring-track: #262d38;
    --home-panel-shadow: 0 24px 70px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .035);
    --home-card-shadow: 0 18px 52px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .028);
    --home-ink: #e9ecf1;
    --home-muted: #8b95a6;
    --home-faint: #525c6c;
    --home-ghost: #363f4d;
    --home-teal: #42d8c0;
    --home-teal-dim: rgba(66, 216, 192, .12);
    --home-rose: #f08a72;
    --home-rose-dim: rgba(240, 138, 114, .12);
    --home-amber: #e6ad62;
    --home-amber-dim: rgba(230, 173, 98, .12);
    --home-indigo: #93a3f7;
    --home-indigo-dim: rgba(147, 163, 247, .12);
    min-height: calc(100vh - 128px);
    color: var(--home-ink);
    background: var(--home-page-bg);
    font-family: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    padding: 24px 16px 46px;
}

[data-bs-theme="light"] .egoia-home[b-z66zqdymq5] {
    --home-bg: #fbfaf7;
    --home-surface: #ffffff;
    --home-line: #d8ddd9;
    --home-panel-border: rgba(15, 23, 42, .08);
    --home-card-bg: linear-gradient(160deg, rgba(255, 255, 255, .94), rgba(244, 248, 246, .94));
    --home-primary-bg: radial-gradient(440px 220px at 92% 0%, rgba(28, 170, 151, .16), transparent 68%),
        linear-gradient(150deg, rgba(66, 216, 192, .14), rgba(255, 255, 255, .96));
    --home-obrys-bg: radial-gradient(340px 150px at 92% 0%, rgba(28, 170, 151, .16), transparent 72%),
        linear-gradient(165deg, rgba(255, 255, 255, .98), rgba(239, 246, 244, .96));
    --home-page-bg: radial-gradient(760px 420px at 26% -8%, rgba(28, 170, 151, .13), transparent 62%),
        radial-gradient(680px 440px at 92% 108%, rgba(147, 163, 247, .13), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(251, 250, 247, .98) 32%),
        var(--home-bg);
    --home-chip-bg: rgba(255, 255, 255, .66);
    --home-chip-border: rgba(15, 23, 42, .09);
    --home-appbar-icon-bg: rgba(255, 255, 255, .78);
    --home-appbar-icon-border: rgba(15, 23, 42, .10);
    --home-ring-track: #dfe6e2;
    --home-panel-shadow: 0 24px 70px rgba(36, 45, 52, .13), inset 0 1px 0 rgba(255, 255, 255, .75);
    --home-card-shadow: 0 18px 52px rgba(36, 45, 52, .10), inset 0 1px 0 rgba(255, 255, 255, .72);
    --home-ink: #172027;
    --home-muted: #627080;
    --home-faint: #8791a0;
    --home-ghost: #aab2bd;
    --home-teal: #1caa97;
    --home-teal-dim: rgba(28, 170, 151, .12);
    --home-rose: #c9654e;
    --home-rose-dim: rgba(201, 101, 78, .12);
    --home-amber: #b87828;
    --home-amber-dim: rgba(184, 120, 40, .13);
    --home-indigo: #6475d8;
    --home-indigo-dim: rgba(100, 117, 216, .12);
}

.home-shell[b-z66zqdymq5] {
    width: min(100%, 440px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.appbar[b-z66zqdymq5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px 22px;
}

.egoia-mark[b-z66zqdymq5] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .01em;
    color: var(--home-ink);
    line-height: 1;
}

.egoia-mark span[b-z66zqdymq5] {
    color: var(--home-teal);
}

.appbar-icon[b-z66zqdymq5] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--home-appbar-icon-bg);
    border: 1px solid var(--home-appbar-icon-border);
    display: grid;
    place-items: center;
    color: var(--home-muted);
    font-size: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.obrys[b-z66zqdymq5] {
    background: var(--home-obrys-bg);
    border: 1px solid var(--home-panel-border);
    border-radius: 28px;
    padding: 22px 22px 24px;
    position: relative;
    overflow: hidden;
    box-shadow: var(--home-panel-shadow);
}

.obrys[b-z66zqdymq5]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 42%);
    pointer-events: none;
}

.obrys-top[b-z66zqdymq5] {
    display: flex;
    align-items: center;
    gap: 18px;
    position: relative;
    z-index: 1;
}

/* Ne-číselný obrys: tvar se doostřuje a vybarvuje podle stupně (0-4), žádné procento. */
.outline-shape[b-z66zqdymq5] {
    position: relative;
    width: 64px;
    height: 64px;
    flex: none;
}

.outline-shape svg[b-z66zqdymq5] {
    width: 64px;
    height: 64px;
}

.outline-bg[b-z66zqdymq5] {
    fill: var(--home-ring-track);
}

.outline-fill[b-z66zqdymq5] {
    fill: var(--home-teal);
    transition: opacity .4s ease;
}

.outline-ring[b-z66zqdymq5] {
    fill: none;
    stroke: var(--home-teal);
    stroke-width: 2;
    transition: stroke-opacity .4s ease, stroke-width .4s ease;
}

/* Stupeň 0 - zárodek: rozmazaný tvar, slabý dashovaný okraj. */
.outline-l0 .outline-fill[b-z66zqdymq5] { opacity: .18; }
.outline-l0 .outline-ring[b-z66zqdymq5] { stroke-dasharray: 3 4; stroke-width: 1; stroke-opacity: .35; }

/* Stupeň 1 - náznak. */
.outline-l1 .outline-fill[b-z66zqdymq5] { opacity: .32; }
.outline-l1 .outline-ring[b-z66zqdymq5] { stroke-width: 1; stroke-opacity: .5; }

/* Stupeň 2 - první obrysy. */
.outline-l2 .outline-fill[b-z66zqdymq5] { opacity: .55; }
.outline-l2 .outline-ring[b-z66zqdymq5] { stroke-width: 1.5; stroke-opacity: .7; }

/* Stupeň 3 - plnější. */
.outline-l3 .outline-fill[b-z66zqdymq5] { opacity: .78; }
.outline-l3 .outline-ring[b-z66zqdymq5] { stroke-width: 1.5; stroke-opacity: .85; }

/* Stupeň 4 - živý obrys. */
.outline-l4 .outline-fill[b-z66zqdymq5] { opacity: 1; }
.outline-l4 .outline-ring[b-z66zqdymq5] { stroke-width: 2; stroke-opacity: 1; }

.obrys-h[b-z66zqdymq5] {
    font-size: 12px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--home-faint);
    font-weight: 600;
}

.obrys-name[b-z66zqdymq5] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    font-weight: 600;
    margin-top: 2px;
}

.obrys-state[b-z66zqdymq5] {
    font-size: 15px;
    color: var(--home-muted);
    margin-top: 3px;
}

.portrait[b-z66zqdymq5] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.62;
    color: var(--home-ink);
    margin-top: 22px;
    position: relative;
    z-index: 1;
}

.portrait .dim[b-z66zqdymq5] {
    color: var(--home-ghost);
}

.portrait.empty[b-z66zqdymq5] {
    color: var(--home-faint);
    font-style: italic;
}

.chips[b-z66zqdymq5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
    position: relative;
    z-index: 1;
}

.chip[b-z66zqdymq5] {
    font-size: 13px;
    font-weight: 600;
    padding: 7px 12px;
    border-radius: 20px;
    background: var(--home-chip-bg);
    border: 1px solid var(--home-chip-border);
    color: var(--home-muted);
}

.chip b[b-z66zqdymq5] {
    color: var(--home-teal);
    font-weight: 700;
}

.chip.ghost[b-z66zqdymq5] {
    color: var(--home-ghost);
    border-style: dashed;
    background: transparent;
}

/* Hlavní akce: "Odhalit" (čeká reveal) je zvýrazněná, "Poslat otázku" je klidnější. */
.home-primary[b-z66zqdymq5] {
    margin: 26px 0 6px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.home-primary[b-z66zqdymq5]  .home-primary-btn {
    width: 100%;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 16px;
    border: 1px solid var(--home-line);
    background: var(--home-surface);
    color: var(--home-ink);
}

.home-primary.is-reveal[b-z66zqdymq5]  .home-primary-btn {
    border-color: transparent;
    background: var(--home-teal);
    color: #06231f;
}

.home-primary-hint[b-z66zqdymq5] {
    font-size: 13px;
    color: var(--home-teal);
    text-align: center;
}

.queue-h[b-z66zqdymq5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 30px 6px 14px;
}

.queue-h .t[b-z66zqdymq5] {
    font-size: 15px;
    letter-spacing: .10em;
    font-weight: 700;
    color: var(--home-muted);
    text-transform: uppercase;
}

.queue-h .n[b-z66zqdymq5] {
    font-size: 14px;
    color: var(--home-faint);
    font-weight: 600;
}

.home-card[b-z66zqdymq5] {
    background: var(--home-card-bg);
    border: 1px solid var(--home-panel-border);
    border-radius: 24px;
    padding: 20px 20px 18px;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
    box-shadow: var(--home-card-shadow);
    --ac: var(--home-teal);
    --acd: var(--home-teal-dim);
}

.home-card[b-z66zqdymq5]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--ac);
}

.tag[b-z66zqdymq5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ac);
    background: var(--acd);
    padding: 6px 11px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.q[b-z66zqdymq5] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    line-height: 1.35;
    color: var(--home-ink);
}

.q :global(em)[b-z66zqdymq5] {
    font-style: italic;
    color: var(--ac);
}

.evid[b-z66zqdymq5],
.sub[b-z66zqdymq5] {
    font-size: 15px;
    color: var(--home-muted);
    margin-top: 10px;
    line-height: 1.46;
}

.sub[b-z66zqdymq5] {
    font-size: 15px;
    margin-top: 9px;
}

.cta[b-z66zqdymq5] {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

[b-z66zqdymq5] .home-btn {
    font-family: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #0c1116 !important;
    background: var(--ac) !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 12px 20px !important;
    min-height: auto;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24) !important;
}

[b-z66zqdymq5] .home-btn:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
}

.home-card-actions[b-z66zqdymq5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 0.85rem;
}

.drift[b-z66zqdymq5] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 600;
    color: var(--home-muted);
}

.bar[b-z66zqdymq5] {
    width: 78px;
    height: 5px;
    border-radius: 3px;
    background: var(--home-line);
    overflow: hidden;
}

.bar i[b-z66zqdymq5] {
    display: block;
    height: 100%;
    background: var(--ac);
    border-radius: 3px;
}

.t-teal[b-z66zqdymq5] {
    --ac: var(--home-teal);
    --acd: var(--home-teal-dim);
}

.t-rose[b-z66zqdymq5] {
    --ac: var(--home-rose);
    --acd: var(--home-rose-dim);
}

.t-amber[b-z66zqdymq5] {
    --ac: var(--home-amber);
    --acd: var(--home-amber-dim);
}

.t-indigo[b-z66zqdymq5] {
    --ac: var(--home-indigo);
    --acd: var(--home-indigo-dim);
}

.home-card.locked[b-z66zqdymq5] {
    background: transparent;
    border-style: dashed;
    opacity: .82;
}

.home-card.locked[b-z66zqdymq5]::before {
    opacity: .4;
}

.home-card.locked .q[b-z66zqdymq5] {
    color: var(--home-muted);
    font-style: italic;
    font-size: 19px;
}

.lockrow[b-z66zqdymq5] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    color: var(--home-faint);
    font-weight: 600;
    margin-top: 9px;
}

.home-card.primary[b-z66zqdymq5] {
    background: var(--home-primary-bg);
    border-color: rgba(66, 216, 192, .42);
}

/* Náznak budoucí karty (F2 časová hloubka) - jen tvar, žádný text, žádná interakce. */
.home-card-ghost[b-z66zqdymq5] {
    min-height: 92px;
    background: transparent;
    border-style: dashed;
    opacity: .5;
    pointer-events: none;
}

.home-card-ghost[b-z66zqdymq5]::before {
    opacity: .3;
}

.home-card.primary .q[b-z66zqdymq5] {
    font-size: 26px;
}

@media (max-width: 575.98px) {
    .egoia-home[b-z66zqdymq5] {
        padding: 76px 12px 34px;
    }

    .home-shell[b-z66zqdymq5] {
        width: min(100%, 420px);
    }

    .appbar[b-z66zqdymq5] {
        padding-inline: 2px;
    }

    .obrys[b-z66zqdymq5],
    .home-card[b-z66zqdymq5] {
        border-radius: 22px;
        padding-inline: 18px;
    }

    .q[b-z66zqdymq5] {
        font-size: 20px;
    }

    .home-card.primary .q[b-z66zqdymq5] {
        font-size: 24px;
    }
}

@media (max-width: 380px) {
    .egoia-home[b-z66zqdymq5] {
        padding-inline: 10px;
    }

    .portrait[b-z66zqdymq5] {
        font-size: 16px;
    }

    .q[b-z66zqdymq5],
    .home-card.locked .q[b-z66zqdymq5] {
        font-size: 18px;
    }

    .home-card.primary .q[b-z66zqdymq5] {
        font-size: 21px;
    }
}
/* /Pages/Index.razor.rz.scp.css */
h1[b-jxmaxzj91w] {
  font-size: 21px !important;
}
/* /Pages/MirrorDetailPage.razor.rz.scp.css */
.mirror-detail-page[b-5osmusxwlv] {
    --detail-bg: #0d0f13;
    --detail-surface: #171c25;
    --detail-line: rgba(255, 255, 255, .08);
    --detail-ink: #e9ecf1;
    --detail-muted: #8b95a6;
    --detail-teal: #42d8c0;
    --detail-rose: #f08a72;
    min-height: calc(100vh - 128px);
    padding: 28px 18px 46px;
    color: var(--detail-ink);
    background:
        radial-gradient(760px 420px at 24% -8%, rgba(66, 216, 192, .08), transparent 62%),
        var(--detail-bg);
}

[data-bs-theme="light"] .mirror-detail-page[b-5osmusxwlv] {
    --detail-bg: #fbfaf7;
    --detail-surface: #ffffff;
    --detail-line: rgba(15, 23, 42, .09);
    --detail-ink: #172027;
    --detail-muted: #627080;
    --detail-teal: #1caa97;
    --detail-rose: #c9654e;
}

.mirror-detail-shell[b-5osmusxwlv] {
    width: min(100%, 760px);
    margin: 0 auto;
}

.mirror-detail-card[b-5osmusxwlv],
.mirror-detail-empty[b-5osmusxwlv] {
    --ac: var(--detail-teal);
    background: var(--detail-surface);
    border: 1px solid var(--detail-line);
    border-radius: 20px;
    padding: 24px;
}

.mirror-detail-card.t-rose[b-5osmusxwlv] {
    --ac: var(--detail-rose);
}

.mirror-detail-tag[b-5osmusxwlv] {
    display: inline-flex;
    color: var(--ac);
    background: color-mix(in srgb, var(--ac) 14%, transparent);
    border-radius: 10px;
    padding: 6px 11px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.mirror-detail-card h1[b-5osmusxwlv],
.mirror-detail-empty h1[b-5osmusxwlv] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    line-height: 1.2;
    margin: 0 0 12px;
}

.mirror-detail-evidence[b-5osmusxwlv],
.mirror-detail-muted[b-5osmusxwlv],
.mirror-detail-empty p[b-5osmusxwlv],
.mirror-detail-block p[b-5osmusxwlv] {
    color: var(--detail-muted);
    line-height: 1.55;
}

.mirror-detail-block[b-5osmusxwlv] {
    border-top: 1px solid var(--detail-line);
    margin-top: 20px;
    padding-top: 18px;
}

.mirror-detail-block h2[b-5osmusxwlv] {
    font-size: 15px;
    margin: 0 0 8px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.mirror-detail-actions[b-5osmusxwlv] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

[b-5osmusxwlv] .mirror-detail-primary {
    background: var(--ac) !important;
    border: 0 !important;
    color: #0c1116 !important;
    border-radius: 14px !important;
    font-weight: 800 !important;
    padding: 10px 16px !important;
}

@media (max-width: 575.98px) {
    .mirror-detail-page[b-5osmusxwlv] {
        padding: 76px 12px 34px;
    }

    .mirror-detail-card[b-5osmusxwlv],
    .mirror-detail-empty[b-5osmusxwlv] {
        border-radius: 16px;
        padding: 18px;
    }

    .mirror-detail-card h1[b-5osmusxwlv],
    .mirror-detail-empty h1[b-5osmusxwlv] {
        font-size: 28px;
    }
}
/* /Pages/MirrorPage.razor.rz.scp.css */
.mirror-page[b-65sfdeymh8] {
    --mirror-bg: #0d0f13;
    --mirror-surface: #171c25;
    --mirror-line: rgba(255, 255, 255, .08);
    --mirror-ink: #e9ecf1;
    --mirror-muted: #8b95a6;
    --mirror-faint: #525c6c;
    --mirror-teal: #42d8c0;
    --mirror-teal-dim: rgba(66, 216, 192, .12);
    --mirror-rose: #f08a72;
    --mirror-rose-dim: rgba(240, 138, 114, .12);
    --mirror-card-bg: linear-gradient(160deg, rgba(30, 37, 48, .88), rgba(18, 22, 29, .92));
    min-height: calc(100vh - 128px);
    padding: 28px 18px 46px;
    color: var(--mirror-ink);
    background:
        radial-gradient(760px 420px at 24% -8%, rgba(66, 216, 192, .09), transparent 62%),
        linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 22%),
        var(--mirror-bg);
}

[data-bs-theme="light"] .mirror-page[b-65sfdeymh8] {
    --mirror-bg: #fbfaf7;
    --mirror-surface: #ffffff;
    --mirror-line: rgba(15, 23, 42, .09);
    --mirror-ink: #172027;
    --mirror-muted: #627080;
    --mirror-faint: #8791a0;
    --mirror-teal: #1caa97;
    --mirror-teal-dim: rgba(28, 170, 151, .12);
    --mirror-rose: #c9654e;
    --mirror-rose-dim: rgba(201, 101, 78, .12);
    --mirror-card-bg: linear-gradient(160deg, rgba(255, 255, 255, .96), rgba(244, 248, 246, .94));
}

.mirror-shell[b-65sfdeymh8] {
    width: min(100%, 760px);
    margin: 0 auto;
}

.mirror-head[b-65sfdeymh8] {
    margin-bottom: 22px;
}

.mirror-kicker[b-65sfdeymh8],
.mirror-tag[b-65sfdeymh8] {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.mirror-kicker[b-65sfdeymh8] {
    color: var(--mirror-teal);
    margin: 0 0 8px;
}

.mirror-head h1[b-65sfdeymh8] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    margin: 0;
}

.mirror-head p[b-65sfdeymh8] {
    color: var(--mirror-muted);
    font-size: 16px;
    line-height: 1.55;
    max-width: 620px;
    margin: 12px 0 0;
}

.mirror-actions[b-65sfdeymh8] {
    margin: 0 0 18px;
}

[b-65sfdeymh8] .mirror-primary-btn {
    padding: 13px 19px !important;
    border-radius: 14px !important;
    background: var(--mirror-teal) !important;
    border: 0 !important;
    color: #06231f !important;
    font-weight: 800 !important;
}

.mirror-chips[b-65sfdeymh8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}

.mirror-chip[b-65sfdeymh8] {
    font-size: 13px;
    font-weight: 700;
    padding: 7px 12px;
    border-radius: 20px;
    background: var(--mirror-surface);
    border: 1px solid var(--mirror-line);
    color: var(--mirror-muted);
}

.mirror-chip b[b-65sfdeymh8] {
    color: var(--mirror-teal);
}

.mirror-chip.ghost[b-65sfdeymh8] {
    color: var(--mirror-faint);
    border-style: dashed;
    background: transparent;
}

.mirror-card[b-65sfdeymh8] {
    --ac: var(--mirror-teal);
    --acd: var(--mirror-teal-dim);
    background: var(--mirror-card-bg);
    border: 1px solid var(--mirror-line);
    border-radius: 18px;
    padding: 20px;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
}

.mirror-card[b-65sfdeymh8]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--ac);
}

.mirror-tag[b-65sfdeymh8] {
    display: inline-flex;
    color: var(--ac);
    background: var(--acd);
    padding: 6px 11px;
    border-radius: 10px;
    margin-bottom: 14px;
}

.mirror-question[b-65sfdeymh8] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    line-height: 1.35;
}

.mirror-evidence[b-65sfdeymh8] {
    color: var(--mirror-muted);
    line-height: 1.45;
    margin: 10px 0 0;
}

.mirror-card-actions[b-65sfdeymh8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 18px;
}

[b-65sfdeymh8] .mirror-card-btn {
    background: var(--ac) !important;
    border: 0 !important;
    color: #0c1116 !important;
    border-radius: 14px !important;
    font-weight: 800 !important;
    padding: 10px 16px !important;
}

.t-teal[b-65sfdeymh8] {
    --ac: var(--mirror-teal);
    --acd: var(--mirror-teal-dim);
}

.t-rose[b-65sfdeymh8] {
    --ac: var(--mirror-rose);
    --acd: var(--mirror-rose-dim);
}

@media (max-width: 575.98px) {
    .mirror-page[b-65sfdeymh8] {
        padding: 76px 12px 34px;
    }

    .mirror-head h1[b-65sfdeymh8] {
        font-size: 32px;
    }

    .mirror-card[b-65sfdeymh8] {
        border-radius: 16px;
        padding: 18px;
    }
}
/* /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/PeoplePage.razor.rz.scp.css */
.people-page[b-nisszk27pq] {
    --people-bg: #0d0f13;
    --people-surface: #171c25;
    --people-line: rgba(255, 255, 255, .08);
    --people-ink: #e9ecf1;
    --people-muted: #8b95a6;
    --people-teal: #42d8c0;
    min-height: calc(100vh - 128px);
    padding: 28px 18px 46px;
    color: var(--people-ink);
    background:
        radial-gradient(720px 420px at 22% -8%, rgba(66, 216, 192, .08), transparent 62%),
        var(--people-bg);
}

[data-bs-theme="light"] .people-page[b-nisszk27pq] {
    --people-bg: #fbfaf7;
    --people-surface: #ffffff;
    --people-line: rgba(15, 23, 42, .09);
    --people-ink: #172027;
    --people-muted: #627080;
    --people-teal: #1caa97;
}

.people-shell[b-nisszk27pq] {
    width: min(100%, 760px);
    margin: 0 auto;
}

.people-head[b-nisszk27pq] {
    margin-bottom: 24px;
}

.people-kicker[b-nisszk27pq] {
    margin: 0 0 8px;
    color: var(--people-teal);
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.people-head h1[b-nisszk27pq],
.person-detail h2[b-nisszk27pq],
.people-empty h2[b-nisszk27pq] {
    font-family: Georgia, "Times New Roman", serif;
}

.people-head h1[b-nisszk27pq] {
    margin: 0;
    font-size: 38px;
}

.people-head p[b-nisszk27pq],
.people-muted[b-nisszk27pq],
.people-empty p[b-nisszk27pq],
.person-detail p[b-nisszk27pq],
.person-main span[b-nisszk27pq] {
    color: var(--people-muted);
}

.people-head p[b-nisszk27pq] {
    max-width: 640px;
    line-height: 1.55;
    margin: 12px 0 0;
}

.people-list[b-nisszk27pq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.people-circles[b-nisszk27pq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.people-circle[b-nisszk27pq] {
    border: 1px solid var(--people-line);
    border-radius: 16px;
    padding: 16px;
    background: var(--people-surface);
}

.people-circle strong[b-nisszk27pq],
.people-circle span[b-nisszk27pq] {
    display: block;
}

.people-circle strong[b-nisszk27pq] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
}

.people-circle span[b-nisszk27pq] {
    color: var(--people-muted);
}

.people-row[b-nisszk27pq] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--people-line);
    border-radius: 16px;
    background: var(--people-surface);
    color: var(--people-ink);
    text-decoration: none;
}

.people-row:hover[b-nisszk27pq] {
    border-color: rgba(66, 216, 192, .45);
}

.person-avatar[b-nisszk27pq] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    flex: none;
    background: rgba(66, 216, 192, .14);
    color: var(--people-teal);
    font-weight: 800;
}

.person-main[b-nisszk27pq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.person-status[b-nisszk27pq] {
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 800;
    color: #06231f;
    background: var(--people-teal);
}

.people-empty[b-nisszk27pq],
.person-detail[b-nisszk27pq] {
    border: 1px solid var(--people-line);
    border-radius: 18px;
    padding: 22px;
    background: var(--people-surface);
}

.people-empty span[b-nisszk27pq] {
    color: var(--people-teal);
    font-size: 30px;
}

.people-empty h2[b-nisszk27pq],
.person-detail h2[b-nisszk27pq] {
    margin: 10px 0 8px;
}

.person-detail[b-nisszk27pq] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.people-actions[b-nisszk27pq] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
}

@media (max-width: 575.98px) {
    .people-page[b-nisszk27pq] {
        padding: 76px 12px 34px;
    }

    .people-head h1[b-nisszk27pq] {
        font-size: 32px;
    }

    .people-circles[b-nisszk27pq] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PlaceholderPage.razor.rz.scp.css */
.egoia-placeholder-page[b-m0p2cwytqx] {
    min-height: calc(100vh - 120px);
    display: grid;
    place-items: center;
    padding: 32px 16px;
}

.egoia-placeholder-shell[b-m0p2cwytqx] {
    width: min(720px, 100%);
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
    padding: 34px;
    border: 1px solid color-mix(in srgb, var(--bs-body-color, #222) 10%, transparent);
    border-radius: 24px;
    background: color-mix(in srgb, var(--bs-body-bg, #fff) 72%, var(--bs-body-color, #222) 8%);
    box-shadow: 0 24px 70px rgba(34, 31, 26, 0.07);
}

.egoia-placeholder-icon[b-m0p2cwytqx] {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: #dcebff;
    color: #2e64ad;
    font-size: 2rem;
}

.egoia-placeholder-kicker[b-m0p2cwytqx] {
    margin: 0 0 8px;
    color: color-mix(in srgb, var(--bs-body-color, #77736a) 62%, transparent);
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.egoia-placeholder-shell h1[b-m0p2cwytqx] {
    margin: 0 0 10px;
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 800;
    letter-spacing: 0;
}

.egoia-placeholder-shell p[b-m0p2cwytqx] {
    max-width: 520px;
    color: color-mix(in srgb, var(--bs-body-color, #625f58) 72%, transparent);
    font-size: 1.08rem;
}

[data-bs-theme=dark] .egoia-placeholder-shell[b-m0p2cwytqx] {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

[data-bs-theme=dark] .egoia-placeholder-icon[b-m0p2cwytqx] {
    background: rgba(220, 235, 255, 0.16);
    color: #9fc5ff;
}

[data-bs-theme=dark] .egoia-placeholder-kicker[b-m0p2cwytqx],
[data-bs-theme=dark] .egoia-placeholder-shell p[b-m0p2cwytqx] {
    color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 620px) {
    .egoia-placeholder-shell[b-m0p2cwytqx] {
        grid-template-columns: 1fr;
        padding: 26px;
    }
}
/* /Pages/TimeDepthPage.razor.rz.scp.css */
.time-page[b-bg0aci1nz4] {
    --time-bg: #0d0f13;
    --time-surface: #171c25;
    --time-line: rgba(255, 255, 255, .08);
    --time-ink: #e9ecf1;
    --time-muted: #8b95a6;
    --time-teal: #42d8c0;
    --time-amber: #e6ad62;
    min-height: calc(100vh - 128px);
    padding: 28px 18px 46px;
    color: var(--time-ink);
    background:
        radial-gradient(720px 420px at 22% -8%, rgba(230, 173, 98, .08), transparent 62%),
        var(--time-bg);
}

[data-bs-theme="light"] .time-page[b-bg0aci1nz4] {
    --time-bg: #fbfaf7;
    --time-surface: #ffffff;
    --time-line: rgba(15, 23, 42, .09);
    --time-ink: #172027;
    --time-muted: #627080;
    --time-teal: #1caa97;
    --time-amber: #b87828;
}

.time-shell[b-bg0aci1nz4] {
    width: min(100%, 760px);
    margin: 0 auto;
}

.time-head[b-bg0aci1nz4] {
    margin-bottom: 24px;
}

.time-kicker[b-bg0aci1nz4],
.time-tag[b-bg0aci1nz4] {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.time-kicker[b-bg0aci1nz4] {
    color: var(--time-amber);
    margin: 0 0 8px;
}

.time-head h1[b-bg0aci1nz4],
.time-empty h2[b-bg0aci1nz4],
.time-card h2[b-bg0aci1nz4] {
    font-family: Georgia, "Times New Roman", serif;
}

.time-head h1[b-bg0aci1nz4] {
    margin: 0;
    font-size: 38px;
}

.time-head p[b-bg0aci1nz4],
.time-muted[b-bg0aci1nz4],
.time-empty p[b-bg0aci1nz4],
.time-card p[b-bg0aci1nz4],
.time-pair span[b-bg0aci1nz4] {
    color: var(--time-muted);
}

.time-head p[b-bg0aci1nz4] {
    max-width: 650px;
    line-height: 1.55;
    margin: 12px 0 0;
}

.time-empty[b-bg0aci1nz4],
.time-card[b-bg0aci1nz4],
.time-reask[b-bg0aci1nz4] {
    border: 1px solid var(--time-line);
    border-radius: 18px;
    padding: 22px;
    background: var(--time-surface);
}

.time-empty span[b-bg0aci1nz4] {
    color: var(--time-amber);
    font-size: 30px;
}

.time-list[b-bg0aci1nz4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.time-reask[b-bg0aci1nz4] {
    margin-top: 14px;
}

.time-reask h2[b-bg0aci1nz4] {
    font-size: 16px;
    margin: 0 0 12px;
}

.time-reask-row[b-bg0aci1nz4] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 0;
    border-top: 1px solid var(--time-line);
    color: var(--time-ink);
    text-decoration: none;
}

.time-reask-row strong[b-bg0aci1nz4] {
    color: var(--time-amber);
    white-space: nowrap;
}

.time-tag[b-bg0aci1nz4] {
    display: inline-flex;
    color: var(--time-amber);
    background: rgba(230, 173, 98, .12);
    padding: 6px 11px;
    border-radius: 10px;
    margin-bottom: 12px;
}

.time-card.changed .time-tag[b-bg0aci1nz4] {
    color: var(--time-teal);
    background: rgba(66, 216, 192, .12);
}

.time-card h2[b-bg0aci1nz4] {
    font-size: 23px;
    margin: 0 0 16px;
}

.time-pair[b-bg0aci1nz4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.time-pair div[b-bg0aci1nz4] {
    border: 1px solid var(--time-line);
    border-radius: 14px;
    padding: 12px;
}

.time-pair span[b-bg0aci1nz4],
.time-pair strong[b-bg0aci1nz4] {
    display: block;
}

.time-pair strong[b-bg0aci1nz4] {
    margin-top: 4px;
}

@media (max-width: 575.98px) {
    .time-page[b-bg0aci1nz4] {
        padding: 76px 12px 34px;
    }

    .time-head h1[b-bg0aci1nz4] {
        font-size: 32px;
    }

    .time-pair[b-bg0aci1nz4] {
        grid-template-columns: 1fr;
    }
}
/* /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;
}