/* .status-indicator - использует global.css */
  
  /* Размеры - новая унифицированная система */
  .status-indicator--xs.svelte-2250a0 {
    height: 1.5rem;
    padding: 0.125rem 0.375rem;
    font-size: var(--munkly-typescale-label-small-size);
    gap: 0.125rem;
  }
  
  .status-indicator--sm.svelte-2250a0 {
    height: 2rem;
    padding: 0.25rem 0.5rem;
    font-size: var(--munkly-typescale-label-medium-size);
    gap: 0.25rem;
  }
  
  .status-indicator--md.svelte-2250a0 {
    height: 2rem;
    padding: 0.375rem 0.75rem;
    font-size: var(--munkly-typescale-label-medium-size);
    gap: 0.375rem;
  }
  
  .status-indicator--lg.svelte-2250a0 {
    height: 3rem;
    padding: 0.5rem 1rem;
    font-size: var(--munkly-typescale-label-large-size);
    gap: 0.5rem;
  }
  
  .status-indicator--xl.svelte-2250a0 {
    height: 2rem;
    padding: 0.75rem 1.25rem;
    font-size: var(--munkly-typescale-body-large-size);
    gap: 0.625rem;
  }
  
  /* Варианты */
  .status-indicator--filled.svelte-2250a0 {
    background-color: var(--container-color);
    color: var(--on-container-color);
    border: none;
  }
  
  .status-indicator--outlined.svelte-2250a0 {
    background-color: transparent;
    color: var(--indicator-color);
    border: 0.0625rem solid var(--indicator-color);
  }
  
  .status-indicator--tonal.svelte-2250a0 {
    background-color: var(--container-color);
    color: var(--on-container-color);
    border: 0.0625rem solid color-mix(in srgb, var(--indicator-color) 30%, transparent);
  }
  
  .status-icon.svelte-2250a0 {
    font-size: 1em;
    opacity: 0.9;
  }
  
  .status-text.svelte-2250a0 {
    font-weight: inherit;
  }

  .avatar-container.svelte-ccospo {
    position: relative;
    display: inline-block;
  }
  
  .avatar-wrapper.svelte-ccospo {
    position: relative;
    width: var(--avatar-size);
    height: var(--avatar-size);
    border-radius: var(--munkly-shape-corner-full);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  /* .avatar-image - использует global.css */
  
  .avatar-fallback.svelte-ccospo {
    width: 100%;
    height: 100%;
    border-radius: var(--munkly-shape-corner-full);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: var(--avatar-font-size);
    font-weight: var(--munkly-typescale-label-large-weight);
    text-align: center;
  }
  
  .avatar-initials.svelte-ccospo {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  
  .avatar-overlay.svelte-ccospo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--munkly-overlay-dark);
    border-radius: var(--munkly-shape-corner-full);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  
  .avatar-wrapper.svelte-ccospo:hover .avatar-overlay:where(.svelte-ccospo) {
    opacity: 1;
  }
  
  .avatar-error.svelte-ccospo {
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 10;
  }
  
  /* Размеры для разных вариантов */
  .avatar-xs { --avatar-size: 24px; --avatar-font-size: 0.625rem; }
  .avatar-sm { --avatar-size: 32px; --avatar-font-size: 0.75rem; }
  .avatar-md { --avatar-size: 48px; --avatar-font-size: 0.875rem; }
  .avatar-lg { --avatar-size: 64px; --avatar-font-size: 1rem; }
  .avatar-xl { --avatar-size: 96px; --avatar-font-size: 1.25rem; }

  .avatar-upload-container.svelte-qqscb0 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  /* .avatar-section - использует global.css */
  
  .avatar-drop-zone.svelte-qqscb0 {
    position: relative;
    border: 2px dashed transparent;
    border-radius: var(--munkly-shape-corner-large);
    padding: 0.5rem;
    transition: all 0.2s ease;
    cursor: pointer;
  }
  
  .avatar-drop-zone.svelte-qqscb0:hover,
  .avatar-drop-zone.drag-over.svelte-qqscb0 {
    border-color: var(--munkly-color-blue-500);
    background-color: var(--munkly-color-blue-100);
  }
  
  .avatar-drop-zone.uploading.svelte-qqscb0 {
    pointer-events: none;
    opacity: 0.7;
  }
  
  .drag-overlay.svelte-qqscb0 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--munkly-color-blue-50);
    border-radius: var(--munkly-shape-corner-large);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--munkly-color-blue-500);
    font-size: 0.875rem;
    font-weight: 500;
  }
  
  .avatar-info.svelte-qqscb0 {
    flex: 1;
    min-width: 0;
  }
  
  .avatar-title.svelte-qqscb0 {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
    font-weight: 500;
    color: var(--munkly-color-text-primary);
  }
  
  .avatar-description.svelte-qqscb0 {
    margin: 0;
    font-size: 0.875rem;
    color: var(--munkly-color-text-secondary);
    line-height: var(--munkly-typescale-body-large-line-height);
  }
  
  .avatar-actions.svelte-qqscb0 {
    display: flex;
    gap: 0.5rem;
  }
  
  /* (unused) .avatar-alert {
    margin-top: 0.5rem;
  }*/
  
  .upload-progress.svelte-qqscb0 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .upload-text.svelte-qqscb0 {
    font-size: 0.875rem;
    color: var(--munkly-color-text-secondary);
    text-align: center;
  }
  
  @media (max-width: 640px) {
    /* .avatar-section responsive - использует global.css */
    
    .avatar-info.svelte-qqscb0 {
      flex: none;
    }
  }

  /* 📍 Позиционирование - всегда слева */
  .page-header .smart-back-button-icon,
  .header-top .smart-back-button-icon,
  .task-title-area .smart-back-button-icon {
    order: -1; /* Всегда первый элемент */
    margin-right: auto;
  }

  .pagination-container.svelte-iw73l3 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem 0;
    border-top: 0.0625rem solid var(--munkly-color-border-light);
    margin-top: 1.5rem;
  }
  
  .pagination-info.svelte-iw73l3 {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  
  .results-text.svelte-iw73l3 {
    font-family: var(--munkly-typescale-body-medium-font); font-size: var(--munkly-typescale-body-medium-size); font-weight: var(--munkly-typescale-body-medium-weight); line-height: var(--munkly-typescale-body-medium-line-height); letter-spacing: var(--munkly-typescale-body-medium-tracking);
    color: var(--munkly-color-text-secondary);
  }
  
  .pagination-nav.svelte-iw73l3 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  
  /* (unused) .pagination-button {
    --munkly-comp-button-icon-size: 2.5rem;
  }*/
  
  .page-numbers.svelte-iw73l3 {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0 0.5rem;
  }
  
  /* (unused) .page-button {
    --munkly-comp-button-container-height: 2.5rem;
    --munkly-comp-button-container-shape: var(--munkly-shape-corner-full);
    min-width: 2.5rem;
    font-weight: var(--munkly-typescale-label-medium-weight);
  }*/
  
  /* (unused) .page-button.active {
    --munkly-comp-button-filled-container-color: var(--munkly-color-blue-500);
    --munkly-comp-button-filled-label-text-color: var(--munkly-color-on-primary);
  }*/
  
  .page-dots.svelte-iw73l3 {
    padding: 0 0.5rem;
    color: var(--munkly-color-text-secondary);
    font-family: var(--munkly-typescale-body-medium-font); font-size: var(--munkly-typescale-body-medium-size); font-weight: var(--munkly-typescale-body-medium-weight); line-height: var(--munkly-typescale-body-medium-line-height); letter-spacing: var(--munkly-typescale-body-medium-tracking);
  }
  
  .loading-indicator.svelte-iw73l3 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--munkly-typescale-body-medium-font); font-size: var(--munkly-typescale-body-medium-size); font-weight: var(--munkly-typescale-body-medium-weight); line-height: var(--munkly-typescale-body-medium-line-height); letter-spacing: var(--munkly-typescale-body-medium-tracking);
    color: var(--munkly-color-text-secondary);
  }
  
  /* Адаптивность */
  @media (max-width: var(--munkly-breakpoint-md)) {
    .pagination-container.svelte-iw73l3 {
      padding: 1rem 0;
    }
    
    .pagination-nav.svelte-iw73l3 {
      gap: 0.25rem;
    }
    
    .page-numbers.svelte-iw73l3 {
      margin: 0 0.25rem;
      gap: 0.125rem;
    }
    
    /* (unused) .page-button {
      min-width: 30.375rem;
      --munkly-comp-button-container-height: 30.375rem;
    }*/
    
    /* (unused) .pagination-button {
      --munkly-comp-button-icon-size: 30.375rem;
    }*/
  }

  /* Markdown Editor Container - НЕ имитация Tailwind, а кастомный компонент */
  .markdown-editor-container.svelte-ncjgyg {
    position: relative;
    width: 100%;
    margin: 1rem 0;
  }

  .markdown-editor-wrapper.svelte-ncjgyg {
    position: relative;
    display: flex;
    flex-direction: column;
  }

  /* Outline (граница в стиле Tailwind) */
  .markdown-editor-outline.svelte-ncjgyg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0.0625rem solid var(--munkly-color-border-light);
    border-radius: var(--munkly-shape-corner-extra-small);
    margin: 0;
    padding: 0;
    pointer-events: none;
    transition: border-color 0.2s ease;
  }

  .markdown-editor-wrapper.svelte-ncjgyg:hover .markdown-editor-outline:where(.svelte-ncjgyg) {
    border-color: var(--munkly-color-text-primary);
  }

  .markdown-editor-wrapper.svelte-ncjgyg:focus-within .markdown-editor-outline:where(.svelte-ncjgyg) {
    border-color: var(--munkly-color-blue-500);
    border-width: 0.125rem;
  }

  /* Legend для лейбла */
  .input-field-legend.svelte-ncjgyg {
    position: absolute;
    top: -0.5rem;
    left: 0.75rem;
    padding: 0 0.25rem;
    background: var(--munkly-color-background);
    font-size: var(--munkly-typescale-label-small-size);
    color: var(--munkly-color-text-secondary);
    line-height: var(--munkly-typescale-label-medium-line-height);
    transition: color 0.2s ease;
  }

  /* (unused) .input-field-wrapper:focus-within .input-field-legend {
    color: var(--munkly-color-blue-500);
  }*/

  /* Контент поля */
  .input-field-content.svelte-ncjgyg {
    position: relative;
    padding: 1rem;
    min-height: auto; /* Убираем фиксированную огромную высоту */
    display: flex;
    flex-direction: column;
  }

  /* Скрытый лейбл для семантики */
  .input-field-label.svelte-ncjgyg {
    position: absolute;
    left: -9999px;
    opacity: 0;
  }

  /* Textarea - использует munkly токены для консистентности с input */
  .input-field-input.svelte-ncjgyg {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--munkly-typescale-font-family);
    font-size: var(--munkly-typescale-body-medium-size);
    line-height: var(--munkly-typescale-body-medium-line-height);
    color: var(--munkly-color-text-primary);
    resize: vertical;
    margin-bottom: var(--munkly-spacing-sm);
  }

  .input-field-input.svelte-ncjgyg::-moz-placeholder {
    color: var(--munkly-color-text-tertiary);
  }

  .input-field-input.svelte-ncjgyg::placeholder {
    color: var(--munkly-color-text-tertiary);
  }

  /* Preview mode indicator */
  .preview-mode-indicator.svelte-ncjgyg {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--munkly-bg-primary-subtle);
    border-radius: var(--munkly-shape-corner-small);
    color: var(--munkly-color-blue-500);
    font-size: var(--munkly-typescale-label-medium-size);
    font-weight: var(--munkly-typescale-label-medium-weight);
    margin-bottom: 0.75rem;
  }

  /* (unused) .preview-mode-indicator lucide-icon {
    font-size: 1.25rem;
  }*/

  /* Preview область */
  .input-field-preview.svelte-ncjgyg {
    width: 100%;
    font-family: var(--munkly-typescale-font-family);
    font-size: var(--munkly-typescale-body-large-size);
    line-height: var(--munkly-typescale-body-large-line-height);
    color: var(--munkly-color-text-primary);
    margin-bottom: 0.5rem;
    overflow-y: auto;
    padding: 0.75rem;
    border-radius: var(--munkly-shape-corner-small);
    background: var(--munkly-color-gray-50);
  }

  .preview-empty.svelte-ncjgyg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    height: 100%;
    color: var(--munkly-color-text-secondary);
    font-style: italic;
  }

  /* (unused) .preview-empty lucide-icon {
    font-size: 3rem;
    opacity: 0.5;
  }*/

  /* Toolbar */
  .input-field-toolbar.svelte-ncjgyg {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    border-top: 0.0625rem solid var(--munkly-color-border-light);
    padding-top: 0.5rem;
  }

  .input-field-toolbar.svelte-ncjgyg button:where(.svelte-ncjgyg) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: none;
    background: transparent;
    border-radius: var(--munkly-shape-corner-large);
    color: var(--munkly-color-text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .input-field-toolbar.svelte-ncjgyg button:where(.svelte-ncjgyg):hover:not(:disabled) {
    background: var(--munkly-bg-primary-subtle);
    color: var(--munkly-color-blue-500);
  }

  .input-field-toolbar.svelte-ncjgyg button:where(.svelte-ncjgyg):active:not(:disabled) {
    background: var(--munkly-bg-primary-hover);
  }

  .input-field-toolbar.svelte-ncjgyg button:where(.svelte-ncjgyg):disabled {
    opacity: 0.38;
    cursor: not-allowed;
  }

  .input-field-toolbar.svelte-ncjgyg button.active:where(.svelte-ncjgyg) {
    background: var(--munkly-bg-primary-hover);
    color: var(--munkly-color-blue-500);
  }

  /* Preview стили для markdown */
  .input-field-preview.svelte-ncjgyg h1,
  .input-field-preview.svelte-ncjgyg h2,
  .input-field-preview.svelte-ncjgyg h3 {
    color: var(--munkly-color-text-primary);
    font-weight: var(--munkly-typescale-label-medium-weight);
    margin: 1rem 0 0.5rem 0;
  }

  .input-field-preview.svelte-ncjgyg h1 {
    font-size: var(--munkly-typescale-headline-large-size);
    line-height: var(--munkly-typescale-headline-large-line-height);
  }

  .input-field-preview.svelte-ncjgyg h2 {
    font-size: var(--munkly-typescale-headline-medium-size);
    line-height: var(--munkly-typescale-headline-medium-line-height);
  }

  .input-field-preview.svelte-ncjgyg h3 {
    font-size: var(--munkly-typescale-headline-small-size);
    line-height: var(--munkly-typescale-body-large-line-height);
  }

  .input-field-preview.svelte-ncjgyg strong {
    font-weight: var(--munkly-typescale-label-large-weight);
  }

  .input-field-preview.svelte-ncjgyg em {
    font-style: italic;
  }

  .input-field-preview.svelte-ncjgyg code {
    background: var(--munkly-color-gray-100);
    color: var(--munkly-color-warm-600);
    padding: 0.125rem 0.25rem;
    border-radius: var(--munkly-shape-corner-extra-small);
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: var(--munkly-typescale-body-medium-size);
  }

  .input-field-preview.svelte-ncjgyg a {
    color: var(--munkly-color-blue-500);
    text-decoration: none;
  }

  .input-field-preview.svelte-ncjgyg a:hover {
    text-decoration: underline;
  }

  /* Модальное окно для ссылки */
  .link-modal-overlay.svelte-ncjgyg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--munkly-overlay-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }

  .link-modal.svelte-ncjgyg {
    background: var(--munkly-color-background);
    border-radius: var(--munkly-shape-corner-large);
    box-shadow: var(--munkly-elevation-level3);
    width: 90%;
    max-width: 25rem;
    max-height: 90vh;
    overflow: hidden;
  }

  .link-modal-header.svelte-ncjgyg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    border-bottom: 0.0625rem solid var(--munkly-color-border-light);
  }

  .link-modal-header.svelte-ncjgyg h3:where(.svelte-ncjgyg) {
    margin: 0;
    font-size: var(--munkly-typescale-headline-small-size);
    font-weight: var(--munkly-typescale-headline-small-weight);
    color: var(--munkly-color-text-primary);
  }

  /* (unused) .close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    background: transparent;
    border-radius: var(--munkly-shape-corner-full);
    color: var(--munkly-color-text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
  }*/

  /* (unused) .close-button:hover {
    background: var(--munkly-color-surface-container-high);
    color: var(--munkly-color-text-primary);
  }*/

  .link-modal-content.svelte-ncjgyg {
    padding: 1rem 1.5rem;
  }

  /* .form-field - использует global.css .form-field.with-margin */

  .form-field.svelte-ncjgyg:last-child {
    margin-bottom: 0;
  }

  .form-field.svelte-ncjgyg label:where(.svelte-ncjgyg) {
    display: block;
    margin-bottom: 0.5rem;
    font-size: var(--munkly-typescale-body-medium-size);
    font-weight: var(--munkly-typescale-body-medium-weight);
    color: var(--munkly-color-text-primary);
  }

  /* Используем унифицированные .munkly-input стили из theme.css */
  .link-input.svelte-ncjgyg {
    width: 100%;
    padding: var(--munkly-spacing-sm) var(--munkly-spacing-md);
    border: 1px solid var(--munkly-color-border);
    border-radius: var(--munkly-shape-corner-small);
    background: var(--munkly-color-surface);
    color: var(--munkly-color-text-primary);
    font-family: var(--munkly-typescale-font-family);
    font-size: var(--munkly-typescale-body-medium-size);
    line-height: var(--munkly-typescale-body-medium-line-height);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
  }

  .link-input.svelte-ncjgyg:hover:not(:focus) {
    border-color: var(--munkly-color-gray-400);
  }

  .link-input.svelte-ncjgyg:focus {
    outline: none;
    border-color: var(--munkly-color-blue-500);
    box-shadow: none;
  }

  .link-input.svelte-ncjgyg::-moz-placeholder {
    color: var(--munkly-color-text-tertiary);
  }

  .link-input.svelte-ncjgyg::placeholder {
    color: var(--munkly-color-text-tertiary);
  }

  .link-modal-actions.svelte-ncjgyg {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    border-top: 0.0625rem solid var(--munkly-color-border-light);
  }

  /* (unused) .cancel-button,
  .insert-button {
    padding: 0.625rem 1.5rem;
    border: none;
    border-radius: var(--munkly-shape-corner-full);
    font-family: var(--munkly-typescale-label-large-font);
    font-size: var(--munkly-typescale-label-large-size);
    font-weight: var(--munkly-typescale-label-large-weight);
    cursor: pointer;
    transition: all 0.2s ease;
  }*/

  /* (unused) .cancel-button {
    background: transparent;
    color: var(--munkly-color-blue-500);
  }*/

  /* (unused) .cancel-button:hover {
    background: var(--munkly-color-blue-50);
  }*/

  /* (unused) .insert-button {
    background: var(--munkly-color-blue-500);
    color: var(--munkly-color-on-primary);
  }*/

  /* (unused) .insert-button:hover:not(:disabled) {
    background: var(--munkly-color-blue-100);
    color: var(--munkly-color-on-primary-container);
    box-shadow: var(--munkly-elevation-level1);
  }*/

  /* (unused) .insert-button:disabled {
    background: var(--munkly-color-surface-container-high);
    color: var(--munkly-color-text-secondary);
    cursor: not-allowed;
    opacity: 0.6;
  }*/

  .task-selector.svelte-17u26ud {
    position: relative;
    width: 100%;
  }

  .selector-label.svelte-17u26ud {
    display: block;
    font-weight: 500;
    color: var(--munkly-color-text-primary);
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
  }

  .selector-trigger.svelte-17u26ud {
    width: 100%;
  }

  .selector-trigger.disabled.svelte-17u26ud {
    opacity: 0.6;
    pointer-events: none;
  }

  .selected-tasks-container.svelte-17u26ud {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .selected-task-chip.svelte-17u26ud {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border: 0.0625rem solid var(--munkly-color-border-light);
    border-radius: 0.5rem;
    background: var(--munkly-color-surface-container-lowest);
    transition: all 0.2s ease;
  }

  .selected-task-chip.svelte-17u26ud:hover {
    border-color: var(--munkly-color-blue-500);
    background: var(--munkly-color-blue-50);
  }

  .selected-task-chip.svelte-17u26ud .task-icon {
    flex-shrink: 0;
    color: var(--munkly-color-green-600);
  }

  .task-info.svelte-17u26ud {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
  }

  .task-title.svelte-17u26ud {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--munkly-color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .task-meta.svelte-17u26ud {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
  }

  .task-project.svelte-17u26ud {
    font-size: 0.75rem;
    color: var(--munkly-color-text-secondary);
  }

  .task-badges.svelte-17u26ud {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.25rem;
  }

  .add-more-btn {
    margin-top: 0.5rem;
    align-self: flex-start;
  }

  .dropdown-overlay.svelte-17u26ud {
    position: relative;
    z-index: 2500;
    margin-top: 0.5rem;
  }

  .dropdown-content.svelte-17u26ud {
    background: var(--munkly-color-background-primary);
    border: 0.0625rem solid var(--munkly-color-border-light);
    border-radius: 0.75rem;
    box-shadow: var(--munkly-elevation-level3);
    max-height: 25rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .dropdown-footer.svelte-17u26ud {
    display: flex;
    justify-content: flex-end;
    padding: 0.5rem 1rem;
    border-top: 0.0625rem solid var(--munkly-color-border-light);
    background: var(--munkly-color-surface-container-lowest);
  }

  .results-section.svelte-17u26ud {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
  }

  .results-list.svelte-17u26ud {
    padding: 0.25rem;
  }

  .result-item.svelte-17u26ud {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }

  .result-item.svelte-17u26ud:hover {
    background: var(--munkly-color-blue-50);
  }

  .result-item.svelte-17u26ud .tree-icon {
    flex-shrink: 0;
    color: var(--munkly-color-green-600);
    margin-top: 0.125rem;
  }

  .result-item.svelte-17u26ud .task-content:where(.svelte-17u26ud) {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .result-item.svelte-17u26ud .task-title:where(.svelte-17u26ud) {
    font-weight: 500;
  }

  .result-item.svelte-17u26ud .task-meta:where(.svelte-17u26ud) {
    font-size: 0.75rem;
  }

  .result-item.svelte-17u26ud .task-meta:where(.svelte-17u26ud) .assignee:where(.svelte-17u26ud),
  .result-item.svelte-17u26ud .task-meta:where(.svelte-17u26ud) .project:where(.svelte-17u26ud) {
    color: var(--munkly-color-text-secondary);
  }

  .result-item.svelte-17u26ud .select-icon {
    flex-shrink: 0;
    color: var(--munkly-color-green-600);
    margin-top: 0.125rem;
  }

  .no-results.svelte-17u26ud,
  .search-hint.svelte-17u26ud {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    text-align: center;
    color: var(--munkly-color-text-secondary);
  }

  .no-results.svelte-17u26ud p:where(.svelte-17u26ud),
  .search-hint.svelte-17u26ud p:where(.svelte-17u26ud) {
    margin: 0.25rem 0;
    font-size: 0.875rem;
  }

  .hint.svelte-17u26ud {
    font-size: 0.75rem;
    opacity: 0.7;
  }

  /* Responsive */
  @media (max-width: 48rem) {
    .dropdown-content.svelte-17u26ud {
      max-height: 18.75rem;
    }
  }

  .parent-task-selector.svelte-1573d3z {
    position: relative;
    width: 100%;
  }

  .selector-label.svelte-1573d3z {
    display: block;
    font-weight: 500;
    color: var(--munkly-color-text-primary);
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
  }

  .selector-trigger.svelte-1573d3z {
    width: 100%;
  }

  .selector-trigger.disabled.svelte-1573d3z {
    opacity: 0.6;
    pointer-events: none;
  }

  .selected-task-container.svelte-1573d3z {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
  }

  .selected-task-container.minimal.svelte-1573d3z {
    gap: 0;
  }

  .selected-task.svelte-1573d3z {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
    padding: 0.75rem 1rem;
    border: 0.0625rem solid var(--munkly-color-border-light);
    border-radius: 0.5rem;
    background: var(--munkly-color-surface-container-lowest);
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .selected-task.svelte-1573d3z:hover {
    border-color: var(--munkly-color-blue-500);
    background: var(--munkly-color-blue-50);
  }

  .selected-task.svelte-1573d3z .task-icon {
    flex-shrink: 0;
    color: var(--munkly-color-blue-500);
  }

  .task-info.svelte-1573d3z {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
  }

  .task-title.svelte-1573d3z {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--munkly-color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .task-meta.svelte-1573d3z {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
  }

  .task-project.svelte-1573d3z {
    font-size: 0.75rem;
    color: var(--munkly-color-text-secondary);
  }

  .task-badges.svelte-1573d3z {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.25rem;
  }

  /* .task-title - использует global.css .task-title.with-margin */

  /* .task-project - использует global.css */

  .dropdown-overlay.svelte-1573d3z {
    position: relative;
    z-index: 2500; /* Выше CustomDialog (z-index: 2400) */
    margin-top: 0.5rem;
  }

    .dropdown-content.svelte-1573d3z {
      background: var(--munkly-color-background-primary);
      border: 0.0625rem solid var(--munkly-color-border-light);
      border-radius: 0.75rem;
      box-shadow: var(--munkly-elevation-level3);
      max-height: 43.75rem; /* Увеличиваем до 700px для модального окна */
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    /* Компактный режим для форм создания задач */
    .dropdown-content.compact.svelte-1573d3z {
      max-height: 25rem; /* Ограниченная высота для форм - 400px */
    }

    /* Большой режим для модальных окон */
    .dropdown-content.large.svelte-1573d3z {
      max-height: 55rem; /* Увеличиваем до 880px для больших модальных окон */
    }

    /* Адаптивность для больших экранов */
    @media (min-width: 75rem) { /* 1200px */
      .dropdown-content.large.svelte-1573d3z {
        max-height: 60rem; /* 960px на больших экранах */
      }
    }

  /* .search-section - использует global.css */

  .results-section.svelte-1573d3z {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .results-header.svelte-1573d3z {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 0.0625rem solid var(--munkly-color-border-light);
    font-size: 0.875rem;
    color: var(--munkly-color-text-secondary);
  }

    .results-list.svelte-1573d3z {
      flex: 1;
      overflow-y: auto;
      max-height: 37.5rem; /* Еще больше увеличиваем высоту - 600px */
    }

    /* Компактный режим для списка результатов */
    .results-list.compact.svelte-1573d3z {
      max-height: 18.75rem; /* Ограниченная высота для форм - 300px */
    }

    /* Большой режим для списка результатов */
    .results-list.large.svelte-1573d3z {
      max-height: 50rem; /* Увеличиваем до 800px для больших модальных окон */
    }

    /* Адаптивность для списка результатов на больших экранах */
    @media (min-width: 75rem) { /* 1200px */
      .results-list.large.svelte-1573d3z {
        max-height: 55rem; /* 880px на больших экранах */
      }
    }

  .result-item.svelte-1573d3z {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    border-bottom: 0.0625rem solid var(--munkly-color-border-light);
    transition: background-color 0.2s ease;
  }

  .result-item.svelte-1573d3z:hover {
    background: var(--munkly-color-blue-50);
  }

  .result-item.svelte-1573d3z:last-child {
    border-bottom: none;
  }

  .result-item.svelte-1573d3z .tree-icon {
    flex-shrink: 0;
    color: var(--munkly-color-blue-500);
    margin-top: 0.125rem;
  }

  .result-item.svelte-1573d3z .task-content:where(.svelte-1573d3z) {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .result-item.svelte-1573d3z .task-title:where(.svelte-1573d3z) {
    font-weight: 500;
  }

  .result-item.svelte-1573d3z .task-meta:where(.svelte-1573d3z) {
    font-size: 0.75rem;
  }

  .result-item.svelte-1573d3z .task-meta:where(.svelte-1573d3z) .assignee:where(.svelte-1573d3z),
  .result-item.svelte-1573d3z .task-meta:where(.svelte-1573d3z) .project:where(.svelte-1573d3z),
  .result-item.svelte-1573d3z .task-meta:where(.svelte-1573d3z) .children:where(.svelte-1573d3z) {
    color: var(--munkly-color-text-secondary);
  }

  .result-item.svelte-1573d3z .select-icon {
    flex-shrink: 0;
    color: var(--munkly-color-text-secondary);
    margin-top: 0.125rem;
  }

  .no-results.svelte-1573d3z, .search-hint.svelte-1573d3z {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: var(--munkly-color-text-secondary);
  }

  /* (unused) .no-results lucide-icon, .search-hint lucide-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.6;
  }*/

  .hint.svelte-1573d3z {
    font-size: 0.8125rem;
    opacity: 0.8;
    margin-top: 0.25rem;
  }

  .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    color: var(--munkly-color-text-primary);
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  .dropdown-item:hover {
    background-color: var(--munkly-color-gray-100);
  }
  
  .dropdown-item:focus {
    background-color: var(--munkly-color-gray-100);
    outline: none;
  }
  
  .dropdown-item[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .dropdown-item[disabled]:hover {
    background-color: transparent;
  }
  
  .dropdown-divider {
    border-top: 1px solid var(--munkly-color-border);
    margin: 0.25rem 0;
  }

  .dropdown-header {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--munkly-color-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  /* Дополнительные стили для подменю */
  .dropdown-item.svelte-wa735w {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    color: var(--munkly-color-text-primary);
    cursor: pointer;
    transition: all 0.15s;
  }

  .dropdown-item.svelte-wa735w:hover {
    background-color: var(--munkly-color-surface-hover);
  }

  .dropdown-item.svelte-wa735w:focus {
    background-color: var(--munkly-color-surface-hover);
    outline: none;
  }

  .task-card {
    height: 100%;
    min-height: 12rem;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }
  
  /* Современная левая граница с градиентом */
  .task-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(135deg, var(--munkly-color-blue-500), var(--munkly-color-blue-700));
    border-radius: 0 2px 2px 0;
  }
  
  .task-card__header.svelte-oa625v {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem 1rem 1rem 1.5rem;
  }
  
  .task-card__badges.svelte-oa625v {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
  }
  
  .task-card__custom-actions.svelte-oa625v {
    display: flex;
    gap: 0.25rem;
    align-items: center;
  }
  
  .task-card__content.svelte-oa625v {
    padding: 1rem 1.5rem;
    flex: 1;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all 0.2s ease;
  }
  
  .task-card__title.svelte-oa625v {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--munkly-color-gray-800);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
  }
  
  .task-card__description.svelte-oa625v {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--munkly-color-gray-500);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  .task-card__progress.svelte-oa625v {
    margin-top: 0.75rem;
  }
  
  .progress-info-header.svelte-oa625v {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
  }
  
  .progress-text.svelte-oa625v {
    font-size: 0.75rem;
    color: var(--munkly-color-gray-500);
  }
  
  /* .progress-percentage - использует global.css */
  
  /* ProgressBar в режиме карточки */
  .task-card__progress.svelte-oa625v div {
    width: 100%;
  }
  
  /* Удалены неиспользуемые стили: .task-card__footer, .footer-section, .tags, .tags-more, .task-card__metadata, .task-card__assignee */
  
  /* Hover эффекты */
  .task-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--munkly-elevation-level3);
  }
  
  .task-card:hover::before {
    background: linear-gradient(135deg, var(--munkly-color-blue-500), var(--munkly-color-blue-700));
    width: 5px;
  }
  
  .task-card__content.svelte-oa625v:hover {
    background-color: var(--munkly-color-blue-50);
    border-radius: 0.5rem;
  }
  
  /* Улучшенные переходы */
  /* (unused) .task-card * {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }*/
  
  /* Темная тема */
  @media (prefers-color-scheme: dark) {
    .task-card__title.svelte-oa625v {
      color: var(--munkly-color-gray-50);
    }
    
    .task-card__description.svelte-oa625v {
      color: var(--munkly-color-gray-400);
    }
    
    .progress-text.svelte-oa625v {
      color: var(--munkly-color-gray-400);
    }
    
    /* .progress-percentage dark - использует global.css */
    
    .task-card__content.svelte-oa625v:hover {
      background-color: var(--munkly-bg-blue-subtle);
    }
  }

  /* ========================================
     ТАБЛИЧНЫЙ РЕЖИМ (интеграция TaskListItem)
     ======================================== */
  
  .task-row.svelte-oa625v {
    display: grid;
    grid-template-columns: 25rem 7rem 7rem 12rem 8rem 12rem 8rem 8rem 4rem;
    cursor: default;
    transition: background-color 200ms cubic-bezier(0.2, 0, 0, 1);
    border-bottom: 1px solid var(--munkly-color-gray-300);
    align-items: center;
    min-height: 5rem;
    padding: 0rem 1rem;
    border-top: 1px solid var(--munkly-color-gray-400);
    box-sizing: border-box;
    flex-shrink: 0;
    width: 91rem;
  }
  .task-row.svelte-oa625v:hover {
    background-color: var(--munkly-color-gray-50);
  }

  .task-row.svelte-oa625v:focus {
    outline: 2px solid var(--munkly-color-blue-500);
    outline-offset: -2px;
    background-color: var(--munkly-color-gray-100);
  }

  /* Колонки таблицы */
  .task-title-col.svelte-oa625v,
  .task-status-col.svelte-oa625v,
  .task-priority-col.svelte-oa625v,
  .task-project-col.svelte-oa625v,
  .task-updated-col.svelte-oa625v,
  .task-assignee-col.svelte-oa625v,
  .task-progress-col.svelte-oa625v,
  .task-created-col.svelte-oa625v,
  .task-actions-col.svelte-oa625v {
    padding: 0.75rem;
    height: 5rem;
    
    border-right: 1px solid var(--munkly-color-gray-400);
    box-sizing: border-box;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
  }


  /* (unused) .header-cell.sortable{
    border-right: 1px solid var(--munkly-color-gray-400);
  }*/

  .task-actions-col.svelte-oa625v {
    border-right: none;
    justify-content: center;
  }

  /* Фиксированные ширины колонок для table-layout: fixed */
  .task-title-col.svelte-oa625v { width: 18.5rem; min-width: 18.5rem; max-width: 18.5rem; }
  .task-status-col.svelte-oa625v { width: 7rem; min-width: 7rem; max-width: 7rem; }
  .task-priority-col.svelte-oa625v { width: 7rem; min-width: 7rem; max-width: 7rem; }
  .task-project-col.svelte-oa625v { width: 12rem; min-width: 12rem; max-width: 12rem; }
  .task-updated-col.svelte-oa625v { width: 8rem; min-width: 8rem; max-width: 8rem; }
  .task-assignee-col.svelte-oa625v { width: 12rem; min-width: 12rem; max-width: 12rem; }
  .task-progress-col.svelte-oa625v { width: 8rem; min-width: 8rem; max-width: 8rem; }
  .task-created-col.svelte-oa625v { width: 8rem; min-width: 8rem; max-width: 8rem; }
  .task-actions-col.svelte-oa625v { width: 4rem; min-width: 4rem; max-width: 4rem; }

  /* Принудительное горизонтальное отображение для table-row */
  tr.task-row.svelte-oa625v {
    display: table-row;
    width: auto;
    height: auto;
  }
  
  tr.task-row.svelte-oa625v td:where(.svelte-oa625v) {
    display: table-cell;
    vertical-align: middle;
    float: none;
    position: relative;
  }

  /* Содержимое ячеек таблицы */
  .task-title-col.svelte-oa625v .task-title-content:where(.svelte-oa625v) /* (unused) .task-status-col > *,
  .task-priority-col > **/,
  .task-project-col.svelte-oa625v > :where(.svelte-oa625v),
  .task-updated-col.svelte-oa625v > :where(.svelte-oa625v),
  .task-assignee-col.svelte-oa625v > :where(.svelte-oa625v),
  .task-progress-col.svelte-oa625v > :where(.svelte-oa625v),
  .task-created-col.svelte-oa625v > :where(.svelte-oa625v) /* (unused) .task-actions-col > **/ {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    max-height: 3rem;
    overflow: hidden;
  }

  /* Ограничение высоты текста в ячейках */
  .task-title-col.svelte-oa625v .task-headline:where(.svelte-oa625v) {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 1.5;
    max-height: calc(1.5 * 2);
    white-space: normal;
  }
  
  .task-title-col.svelte-oa625v .task-description-text:where(.svelte-oa625v) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
  }

  /* Кликабельные ячейки */
  .clickable-cell.svelte-oa625v {
    cursor: pointer;
    transition: background-color 200ms cubic-bezier(0.2, 0, 0, 1);
    position: relative;
  }

  .clickable-cell.svelte-oa625v:hover {
    background-color: var(--munkly-color-gray-100);
  }

  .clickable-cell.svelte-oa625v:focus {
    outline: 2px solid var(--munkly-color-blue-500);
    outline-offset: 1px;
    background-color: var(--munkly-color-gray-100);
  }

  .clickable-cell.svelte-oa625v:active {
    background-color: var(--munkly-color-gray-100);
  }

  /* Старые кликабельные области (для карточного режима) */
  /* (unused) .clickable-area {
    cursor: pointer;
    border-radius: 0.375rem;
    transition: all 200ms cubic-bezier(0.2, 0, 0, 1);
    padding: 0.5rem;
    margin: calc(-1 * 0.5rem);
    position: relative;
  }*/

  /* (unused) .clickable-area:hover {
    background-color: var(--munkly-color-blue-100);
    transform: translateY(-1px);
    box-shadow: var(--munkly-elevation-level1);
    z-index: 1;
    position: relative;
  }*/

  /* (unused) .clickable-area:focus {
    outline: 2px solid var(--munkly-color-blue-500);
    outline-offset: 1px;
    background-color: var(--munkly-color-blue-100);
    z-index: 1;
  }*/

  /* (unused) .clickable-area:active {
    background-color: var(--munkly-color-blue-100);
    transform: translateY(0px) scale(0.98);
    z-index: 1;
  }*/

  .task-title-content.svelte-oa625v {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .task-title-text.svelte-oa625v {
    flex: 1;
    min-width: 0;
  }

  .task-headline.svelte-oa625v {
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--munkly-color-text-primary);
    line-height: 1.5;
    margin-bottom: 0.25rem;
  }

  .task-description-text.svelte-oa625v {
    font-size: var(--munkly-typescale-body-small-size);
    color: var(--munkly-color-text-secondary);
    line-height: var(--munkly-typescale-body-small-line-height);
    padding: 0 0.5rem;
  }

  .project-info.svelte-oa625v,
  .assignee-info.svelte-oa625v,
  .task-updated.svelte-oa625v,
  .task-created.svelte-oa625v {
    display: flex;
    align-items: center;
    gap: var(--munkly-spacing-medium);
    font-size: var(--munkly-typescale-body-medium-size);
    color: var(--munkly-color-text-secondary);
  }

  .progress-info.svelte-oa625v {
    display: flex;
    flex-direction: column;
    gap: var(--munkly-spacing-xs);
    min-width: 6rem;
  }

  /* ProgressBar стили */
  .progress-info.svelte-oa625v div {
    width: 100%;
  }

  .progress-text.svelte-oa625v {
    font-size: var(--munkly-typescale-label-small-size);
    color: var(--munkly-color-text-secondary);
  }

  /* .task-actions - использует global.css .task-actions.center */

  /* Все колонки с центральным выравниванием */
  .task-status-col.svelte-oa625v, .task-priority-col.svelte-oa625v, .task-project-col.svelte-oa625v, .task-updated-col.svelte-oa625v, .task-assignee-col.svelte-oa625v, .task-progress-col.svelte-oa625v, .task-created-col.svelte-oa625v {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  /* Только первая колонка (ЗАДАЧА) с левым выравниванием */
  .task-title-col.svelte-oa625v {
    position: sticky;
    left: 0;
    z-index: 11;
    background-color: var(--munkly-color-background-primary);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
  }

  /* Стили для иконок в табличном режиме */
  /* (unused) .task-row lucide-icon {
    padding-right: 1.3rem;
  }*/

  /* Responsive для табличного режима */
  @media (max-width: var(--munkly-breakpoint-lg)) {
    .task-project-col.svelte-oa625v,
    .task-created-col.svelte-oa625v {
      display: none;
    }
  }

  @media (max-width: var(--munkly-breakpoint-md)) {
    .task-updated-col.svelte-oa625v,
    .task-progress-col.svelte-oa625v {
      display: none;
    }
  }

  @media (max-width: var(--munkly-breakpoint-sm)) {
    .task-assignee-col.svelte-oa625v {
      display: none;
    }
    
    .task-title-col.svelte-oa625v {
      max-width: 15rem;
    }
    
    .task-headline.svelte-oa625v {
      font-size: var(--munkly-typescale-body-small-size);
    }
    
    .task-description-text.svelte-oa625v {
      display: none;
    }
  }

  .task-create-form.svelte-1j7oz9l {
    width: 100%;
    max-width: 100%;
  }

  .form-header.svelte-1j7oz9l {
    margin-bottom: var(--munkly-spacing-large);
    text-align: center;
  }

  .form-title.svelte-1j7oz9l {
    margin: 0 0 var(--munkly-spacing-small) 0;
    font-size: var(--munkly-typescale-headline-medium-size);
    font-weight: var(--munkly-typescale-headline-medium-weight);
    color: var(--munkly-color-text-primary);
  }

  .form-description.svelte-1j7oz9l {
    margin: 0;
    color: var(--munkly-color-text-secondary);
    font-size: var(--munkly-typescale-body-medium-size);
  }

  /* .form-content - использует global.css */

  .task-form.svelte-1j7oz9l {
    display: flex;
    flex-direction: column;
    gap: var(--munkly-spacing-large);
  }

  /* .error-message - использует global.css .error-message.with-bg */

  /* .loading-container - использует global.css */

  /* .form-section - использует global.css */

  /* .section-title - использует global.css .section-title.no-margin */

  /* .form-row - использует global.css */

  /* .form-field - использует global.css */

  .field-label.svelte-1j7oz9l {
    font-size: var(--munkly-typescale-body-medium-size);
    font-weight: var(--munkly-typescale-body-medium-weight);
    color: var(--munkly-color-text-primary);
  }

  /* (unused) .full-width {
    width: 100%;
  }*/

  /* .form-actions - использует global.css */

  /* Responsive adjustments */
  @media (max-width: var(--munkly-breakpoint-md)) {
    /* .form-row responsive - использует global.css */
    /* .form-actions responsive - использует global.css */

    /* (unused) .form-actions Button {
      width: 100%;
    }*/
  }

  /* Плавная анимация прогресса в стиле Tailwind UI */
  .progress-bar.svelte-10semp4 {
    transition: width 0.5s ease-out;
  }
  
  /* Анимация для indeterminate режима */
  @keyframes svelte-10semp4-indeterminate {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(400%);
    }
  }
  
  .animate-indeterminate.svelte-10semp4 {
    animation: svelte-10semp4-indeterminate 1.5s ease-in-out infinite;
    width: 30%;
  }

  svg.svelte-qbd276 {
      width: var(--chevron-icon-width, 20px);
      height: var(--chevron-icon-width, 20px);
      color: var(--chevron-icon-colour, currentColor);
  }

    svg.svelte-whdbu1 {
        width: var(--clear-icon-width, 20px);
        height: var(--clear-icon-width, 20px);
        color: var(--clear-icon-color, currentColor);
    }

    .loading.svelte-1p3nqvd {
        width: var(--spinner-width, 20px);
        height: var(--spinner-height, 20px);
        color: var(--spinner-color, var(--icons-color));
        animation: svelte-1p3nqvd-rotate 0.75s linear infinite;
        transform-origin: center center;
        transform: none;
    }

    .circle_path.svelte-1p3nqvd {
        stroke-dasharray: 90;
        stroke-linecap: round;
    }

    @keyframes svelte-1p3nqvd-rotate {
        100% {
            transform: rotate(360deg);
        }
    }

    .svelte-select.svelte-82qwg8 {
        /* deprecating camelCase custom props in favour of kebab-case for v5 */
        --borderRadius: var(--border-radius);
        --clearSelectColor: var(--clear-select-color);
        --clearSelectWidth: var(--clear-select-width);
        --disabledBackground: var(--disabled-background);
        --disabledBorderColor: var(--disabled-border-color);
        --disabledColor: var(--disabled-color);
        --disabledPlaceholderColor: var(--disabled-placeholder-color);
        --disabledPlaceholderOpacity: var(--disabled-placeholder-opacity);
        --errorBackground: var(--error-background);
        --errorBorder: var(--error-border);
        --groupItemPaddingLeft: var(--group-item-padding-left);
        --groupTitleColor: var(--group-title-color);
        --groupTitleFontSize: var(--group-title-font-size);
        --groupTitleFontWeight: var(--group-title-font-weight);
        --groupTitlePadding: var(--group-title-padding);
        --groupTitleTextTransform: var(--group-title-text-transform);
        --groupTitleBorderColor: var(--group-title-border-color);
        --groupTitleBorderWidth: var(--group-title-border-width);
        --groupTitleBorderStyle: var(--group-title-border-style);
        --indicatorColor: var(--chevron-color);
        --indicatorHeight: var(--chevron-height);
        --indicatorWidth: var(--chevron-width);
        --inputColor: var(--input-color);
        --inputLeft: var(--input-left);
        --inputLetterSpacing: var(--input-letter-spacing);
        --inputMargin: var(--input-margin);
        --inputPadding: var(--input-padding);
        --itemActiveBackground: var(--item-active-background);
        --itemColor: var(--item-color);
        --itemFirstBorderRadius: var(--item-first-border-radius);
        --itemHoverBG: var(--item-hover-bg);
        --itemHoverColor: var(--item-hover-color);
        --itemIsActiveBG: var(--item-is-active-bg);
        --itemIsActiveColor: var(--item-is-active-color);
        --itemIsNotSelectableColor: var(--item-is-not-selectable-color);
        --itemPadding: var(--item-padding);
        --listBackground: var(--list-background);
        --listBorder: var(--list-border);
        --listBorderRadius: var(--list-border-radius);
        --listEmptyColor: var(--list-empty-color);
        --listEmptyPadding: var(--list-empty-padding);
        --listEmptyTextAlign: var(--list-empty-text-align);
        --listMaxHeight: var(--list-max-height);
        --listPosition: var(--list-position);
        --listShadow: var(--list-shadow);
        --listZIndex: var(--list-z-index);
        --multiItemBG: var(--multi-item-bg);
        --multiItemBorderRadius: var(--multi-item-border-radius);
        --multiItemDisabledHoverBg: var(--multi-item-disabled-hover-bg);
        --multiItemDisabledHoverColor: var(--multi-item-disabled-hover-color);
        --multiItemHeight: var(--multi-item-height);
        --multiItemMargin: var(--multi-item-margin);
        --multiItemPadding: var(--multi-item-padding);
        --multiSelectInputMargin: var(--multi-select-input-margin);
        --multiSelectInputPadding: var(--multi-select-input-padding);
        --multiSelectPadding: var(--multi-select-padding);
        --placeholderColor: var(--placeholder-color);
        --placeholderOpacity: var(--placeholder-opacity);
        --selectedItemPadding: var(--selected-item-padding);
        --spinnerColor: var(--spinner-color);
        --spinnerHeight: var(--spinner-height);
        --spinnerWidth: var(--spinner-width);

        --internal-padding: 0 0 0 16px;

        border: var(--border, 1px solid #d8dbdf);
        border-radius: var(--border-radius, 6px);
        min-height: var(--height, 42px);
        position: relative;
        display: flex;
        align-items: stretch;
        padding: var(--padding, var(--internal-padding));
        background: var(--background, #fff);
        margin: var(--margin, 0);
        width: var(--width, 100%);
        font-size: var(--font-size, 16px);
        max-height: var(--max-height);
    }

    .svelte-82qwg8 {
        box-sizing: var(--box-sizing, border-box);
    }

    .svelte-select.svelte-82qwg8:hover {
        border: var(--border-hover, 1px solid #b2b8bf);
    }

    .value-container.svelte-82qwg8 {
        display: flex;
        flex: 1 1 0%;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px 10px;
        padding: var(--value-container-padding, 5px 0);
        position: relative;
        overflow: var(--value-container-overflow, hidden);
        align-self: stretch;
    }

    .prepend.svelte-82qwg8,
    .indicators.svelte-82qwg8 {
        display: flex;
        flex-shrink: 0;
        align-items: center;
    }

    .indicators.svelte-82qwg8 {
        position: var(--indicators-position);
        top: var(--indicators-top);
        right: var(--indicators-right);
        bottom: var(--indicators-bottom);
    }

    input.svelte-82qwg8 {
        position: absolute;
        cursor: default;
        border: none;
        color: var(--input-color, var(--item-color));
        padding: var(--input-padding, 0);
        letter-spacing: var(--input-letter-spacing, inherit);
        margin: var(--input-margin, 0);
        min-width: 10px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: transparent;
        font-size: var(--font-size, 16px);
    }

    .svelte-82qwg8:not(.multi) > .value-container:where(.svelte-82qwg8) > input:where(.svelte-82qwg8) {
        width: 100%;
        height: 100%;
    }

    input.svelte-82qwg8::-moz-placeholder {
        color: var(--placeholder-color, #78848f);
        opacity: var(--placeholder-opacity, 1);
    }

    input.svelte-82qwg8::placeholder {
        color: var(--placeholder-color, #78848f);
        opacity: var(--placeholder-opacity, 1);
    }

    input.svelte-82qwg8:focus {
        outline: none;
    }

    .svelte-select.focused.svelte-82qwg8 {
        border: var(--border-focused, 1px solid #006fe8);
        border-radius: var(--border-radius-focused, var(--border-radius, 6px));
    }

    .disabled.svelte-82qwg8 {
        background: var(--disabled-background, #ebedef);
        border-color: var(--disabled-border-color, #ebedef);
        color: var(--disabled-color, #c1c6cc);
    }

    .disabled.svelte-82qwg8 input:where(.svelte-82qwg8)::-moz-placeholder {
        color: var(--disabled-placeholder-color, #c1c6cc);
        opacity: var(--disabled-placeholder-opacity, 1);
    }

    .disabled.svelte-82qwg8 input:where(.svelte-82qwg8)::placeholder {
        color: var(--disabled-placeholder-color, #c1c6cc);
        opacity: var(--disabled-placeholder-opacity, 1);
    }

    .selected-item.svelte-82qwg8 {
        position: relative;
        overflow: var(--selected-item-overflow, hidden);
        padding: var(--selected-item-padding, 0 20px 0 0);
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--selected-item-color, inherit);
        font-size: var(--font-size, 16px);
    }

    .multi.svelte-82qwg8 .selected-item:where(.svelte-82qwg8) {
        position: absolute;
        line-height: var(--height, 42px);
        height: var(--height, 42px);
    }

    .selected-item.svelte-82qwg8:focus {
        outline: none;
    }

    .hide-selected-item.svelte-82qwg8 {
        opacity: 0;
    }

    .icon.svelte-82qwg8 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .clear-select.svelte-82qwg8 {
        all: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--clear-select-width, 40px);
        height: var(--clear-select-height, 100%);
        color: var(--clear-select-color, var(--icons-color));
        margin: var(--clear-select-margin, 0);
        pointer-events: all;
        flex-shrink: 0;
    }

    .clear-select.svelte-82qwg8:focus {
        outline: var(--clear-select-focus-outline, 1px solid #006fe8);
    }

    .loading.svelte-82qwg8 {
        width: var(--loading-width, 40px);
        height: var(--loading-height);
        color: var(--loading-color, var(--icons-color));
        margin: var(--loading--margin, 0);
        flex-shrink: 0;
    }

    .chevron.svelte-82qwg8 {
        width: var(--chevron-width, 40px);
        height: var(--chevron-height, 40px);
        background: var(--chevron-background, transparent);
        pointer-events: var(--chevron-pointer-events, none);
        color: var(--chevron-color, var(--icons-color));
        border: var(--chevron-border, 0 0 0 1px solid #d8dbdf);
        flex-shrink: 0;
    }

    .multi.svelte-82qwg8 {
        padding: var(--multi-select-padding, var(--internal-padding));
    }

    .multi.svelte-82qwg8 input:where(.svelte-82qwg8) {
        padding: var(--multi-select-input-padding, 0);
        position: relative;
        margin: var(--multi-select-input-margin, 5px 0);
        flex: 1 1 40px;
    }

    .svelte-select.error.svelte-82qwg8 {
        border: var(--error-border, 1px solid #ff2d55);
        background: var(--error-background, #fff);
    }

    .a11y-text.svelte-82qwg8 {
        z-index: 9999;
        border: 0px;
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        width: 1px;
        position: absolute;
        overflow: hidden;
        padding: 0px;
        white-space: nowrap;
    }

    .multi-item.svelte-82qwg8 {
        background: var(--multi-item-bg, #ebedef);
        margin: var(--multi-item-margin, 0);
        outline: var(--multi-item-outline, 1px solid #ddd);
        border-radius: var(--multi-item-border-radius, 4px);
        height: var(--multi-item-height, 25px);
        line-height: var(--multi-item-height, 25px);
        display: flex;
        cursor: default;
        padding: var(--multi-item-padding, 0 5px);
        overflow: hidden;
        gap: var(--multi-item-gap, 4px);
        outline-offset: -1px;
        max-width: var(--multi-max-width, none);
        color: var(--multi-item-color, var(--item-color));
    }

    .multi-item.disabled.svelte-82qwg8:hover {
        background: var(--multi-item-disabled-hover-bg, #ebedef);
        color: var(--multi-item-disabled-hover-color, #c1c6cc);
    }

    .multi-item-text.svelte-82qwg8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .multi-item-clear.svelte-82qwg8 {
        display: flex;
        align-items: center;
        justify-content: center;
        --clear-icon-color: var(--multi-item-clear-icon-color, #000);
    }

    .multi-item.active.svelte-82qwg8 {
        outline: var(--multi-item-active-outline, 1px solid #006fe8);
    }

    .svelte-select-list.svelte-82qwg8 {
        box-shadow: var(--list-shadow, 0 2px 3px 0 rgba(44, 62, 80, 0.24));
        border-radius: var(--list-border-radius, 4px);
        max-height: var(--list-max-height, 252px);
        overflow-y: auto;
        background: var(--list-background, #fff);
        position: var(--list-position, absolute);
        z-index: var(--list-z-index, 2);
        border: var(--list-border);
    }

    .prefloat.svelte-82qwg8 {
        opacity: 0;
        pointer-events: none;
    }

    .list-group-title.svelte-82qwg8 {
        color: var(--group-title-color, #8f8f8f);
        cursor: default;
        font-size: var(--group-title-font-size, 16px);
        font-weight: var(--group-title-font-weight, 600);
        height: var(--height, 42px);
        line-height: var(--height, 42px);
        padding: var(--group-title-padding, 0 20px);
        text-overflow: ellipsis;
        overflow-x: hidden;
        white-space: nowrap;
        text-transform: var(--group-title-text-transform, uppercase);
        border-width: var(--group-title-border-width, medium);
        border-style: var(--group-title-border-style, none);
        border-color: var(--group-title-border-color, color);
    }

    .empty.svelte-82qwg8 {
        text-align: var(--list-empty-text-align, center);
        padding: var(--list-empty-padding, 20px 0);
        color: var(--list-empty-color, #78848f);
    }

    .item.svelte-82qwg8 {
        cursor: default;
        height: var(--item-height, var(--height, 42px));
        line-height: var(--item-line-height, var(--height, 42px));
        padding: var(--item-padding, 0 20px);
        color: var(--item-color, inherit);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        transition: var(--item-transition, all 0.2s);
        align-items: center;
        width: 100%;
    }

    .item.group-item.svelte-82qwg8 {
        padding-left: var(--group-item-padding-left, 40px);
    }

    .item.svelte-82qwg8:active {
        background: var(--item-active-background, #b9daff);
    }

    .item.active.svelte-82qwg8 {
        background: var(--item-is-active-bg, #007aff);
        color: var(--item-is-active-color, #fff);
    }

    .item.first.svelte-82qwg8 {
        border-radius: var(--item-first-border-radius, 4px 4px 0 0);
    }

    .item.hover.svelte-82qwg8:not(.active) {
        background: var(--item-hover-bg, #e7f2ff);
        color: var(--item-hover-color, inherit);
    }

    .item.not-selectable.svelte-82qwg8,
    .item.hover.item.not-selectable.svelte-82qwg8,
    .item.active.item.not-selectable.svelte-82qwg8,
    .item.not-selectable.svelte-82qwg8:active {
        color: var(--item-is-not-selectable-color, #999);
        background: transparent;
    }

    .required.svelte-82qwg8 {
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

  .svelte-select-wrapper.svelte-1n6blfz {
    width: 100%;
  }
  
  /* Дополнительная кастомизация для соответствия Munkly стилям */
  .svelte-select-wrapper .svelte-select {
    --font-family: inherit;
  }
  
  /* Убираем стандартный border при фокусе */
  .svelte-select-wrapper .svelte-select.focused {
    box-shadow: none;
  }
  
  /* Список опций */
  .svelte-select-wrapper .svelte-select-list {
    z-index: 99999;
    margin-top: 0.25rem;
  }
  
  /* Опции */
  .svelte-select-wrapper .list-item {
    padding: 0.5rem 0.75rem;
    font-size: var(--munkly-typescale-body-medium-size);
    transition: all 0.15s ease;
  }
  
  /* Чипы для multiple select */
  .svelte-select-wrapper .multi-item {
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    font-size: var(--munkly-typescale-body-small-size);
  }
  
  /* Loading indicator */
  .svelte-select-wrapper .spinner {
    border-color: var(--munkly-color-primary);
  }
  
  /* Опции с иконками */
  .select-item-with-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  
  .select-item-with-icon .item-icon {
    flex-shrink: 0;
    color: var(--munkly-color-gray-500);
  }
  
  .select-item-with-icon .item-label {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  /* Выбранное значение с иконкой */
  .select-selection-with-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  
  .select-selection-with-icon .selection-icon {
    flex-shrink: 0;
    color: var(--munkly-color-gray-700);
  }
  
  .select-selection-with-icon .selection-label {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  

  /* Стили для markdown контента в preview */
  .markdown-editor .prose h1 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--munkly-color-gray-700);
    margin-bottom: 1rem;
    margin-top: 1.5rem;
  }

  .markdown-editor .prose h1:first-child {
    margin-top: 0;
  }

  .markdown-editor .prose h2 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--munkly-color-gray-700);
    margin-bottom: 0.75rem;
    margin-top: 1.25rem;
  }

  .markdown-editor .prose h2:first-child {
    margin-top: 0;
  }

  .markdown-editor .prose h3 {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--munkly-color-gray-700);
    margin-bottom: 0.5rem;
    margin-top: 1rem;
  }

  .markdown-editor .prose h3:first-child {
    margin-top: 0;
  }
  
  .markdown-editor .prose p {
    margin-bottom: 1rem;
    line-height: 1.625;
    color: var(--munkly-color-gray-700);
}
  
  .markdown-editor .prose p:last-child {
    margin-bottom: 0px;
}
  
  .markdown-editor .prose strong {
    font-weight: 600;
    color: var(--munkly-color-gray-700);
  }
  
  .markdown-editor .prose em {
    font-style: italic;
}
  
  .markdown-editor .prose code {
    border-radius: 0.25rem;
    background-color: var(--munkly-color-gray-100);
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--munkly-color-gray-800);
}
  
  .markdown-editor .prose a {
    color: var(--munkly-color-blue-600);
    text-decoration-line: underline;
}
  
  .markdown-editor .prose a:hover {
    color: var(--munkly-color-blue-800);
}
  
  .markdown-editor .prose ul {
    margin-bottom: 1rem;
    list-style-position: inside;
    list-style-type: disc;
}
  
  .markdown-editor .prose ul > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
  
  .markdown-editor .prose ol {
    margin-bottom: 1rem;
    list-style-position: inside;
    list-style-type: decimal;
}
  
  .markdown-editor .prose ol > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
  
  .markdown-editor .prose li {
    color: var(--munkly-color-gray-700);
}

  /* Контейнер табов с fade-подсказками прокрутки */
  .tabs-scroll-wrapper.svelte-19bs96b {
    position: relative;
  }

  /* Скрытие скроллбара при горизонтальной прокрутке табов */
  .tabs-scrollbar-hide.svelte-19bs96b {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .tabs-scrollbar-hide.svelte-19bs96b::-webkit-scrollbar {
    display: none;
  }

  /* Fade-градиент справа — подсказка о наличии скрытых табов */
  .tabs-fade-right.svelte-19bs96b {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2.5rem;
    background: linear-gradient(to right, transparent, var(--munkly-color-surface, #fff));
    pointer-events: none;
    z-index: 1;
  }

  /* Fade-градиент слева */
  .tabs-fade-left.svelte-19bs96b {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2.5rem;
    background: linear-gradient(to left, transparent, var(--munkly-color-surface, #fff));
    pointer-events: none;
    z-index: 1;
  }

  /* (empty) .modal-header {
    /* Базовые стили для шапки *\/
  }*/

  /* Ensure modal appears above everything */
  .modal-open {
    overflow: hidden;
  }

  .collapsible-search-tailwind.svelte-15u8w2p {
    /* Base styles for the search component */
    position: relative;
  }

  /* Mobile responsive overlay */
  @media (max-width: 768px) {
    .collapsible-search-tailwind.expanded.svelte-15u8w2p .search-expanded:where(.svelte-15u8w2p) {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 10;
      background: white;
      padding: 0.75rem;
      border-radius: 0.5rem;
      box-shadow: var(--munkly-elevation-level3);
    }
    
    .collapsible-search-tailwind.expanded.svelte-15u8w2p .search-expanded:where(.svelte-15u8w2p) > div:where(.svelte-15u8w2p):first-child {
      min-width: auto;
      max-width: none;
    }
  }

  /* Animation keyframes for Tailwind animate-in */
  @keyframes svelte-15u8w2p-slide-in-from-right-2 {
    from {
      transform: translateX(0.5rem);
    }
    to {
      transform: translateX(0);
    }
  }

  @keyframes svelte-15u8w2p-fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .animate-in.svelte-15u8w2p {
    animation-fill-mode: both;
  }

  .slide-in-from-right-2.svelte-15u8w2p {
    animation-name: svelte-15u8w2p-slide-in-from-right-2;
  }

  .fade-in.svelte-15u8w2p {
    animation-name: svelte-15u8w2p-fade-in;
  }

  .duration-300.svelte-15u8w2p {
    animation-duration: 300ms;
  }

  .calendar-tailwind.svelte-8vbxpe {
    width: 100%;
  }

  /* Production calendar indicators for compact mode */
  .calendar-tailwind.svelte-8vbxpe .compact-production-holiday {
    background-color: var(--munkly-color-warm-50) !important;
    border-left: 2px solid var(--munkly-color-warm-400);
  }

  .calendar-tailwind.svelte-8vbxpe .compact-working-weekend {
    background-color: var(--munkly-color-blue-50) !important;
    border-left: 2px solid var(--munkly-color-blue-400);
  }
  
  /* Ensure proper grid layout */
  .calendar-tailwind.svelte-8vbxpe .grid.grid-cols-7 > div:nth-child(7n) {
    border-right: 0;
  }
  
  .calendar-tailwind.svelte-8vbxpe .grid.grid-cols-7 > div:nth-last-child(-n+7) {
    border-bottom: 0;
  }
  
  /* Today highlight */
  .calendar-tailwind.svelte-8vbxpe .calendar-day.today {
    background-color: var(--munkly-color-blue-100);
    color: var(--munkly-color-blue-900);
    font-weight: 600;
  }
  
  /* Smooth transitions for calendar interactions */
  .calendar-tailwind.svelte-8vbxpe button:where(.svelte-8vbxpe) {
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  /* Custom scrollbar for events list */
  .calendar-tailwind.svelte-8vbxpe .overflow-y-auto {
    scrollbar-width: thin;
    scrollbar-color: var(--munkly-color-gray-300) transparent;
  }
  
  .calendar-tailwind.svelte-8vbxpe .overflow-y-auto::-webkit-scrollbar {
    width: 0.375rem;
  }
  
  .calendar-tailwind.svelte-8vbxpe .overflow-y-auto::-webkit-scrollbar-track {
    background: transparent;
  }
  
  .calendar-tailwind.svelte-8vbxpe .overflow-y-auto::-webkit-scrollbar-thumb {
    background-color: var(--munkly-color-gray-300);
    border-radius: 0.25rem;
  }
  
  .calendar-tailwind.svelte-8vbxpe .overflow-y-auto::-webkit-scrollbar-thumb:hover {
    background-color: var(--munkly-color-gray-400);
  }
  
  /* Responsive adjustments */
  @media (max-width: 1024px) {
    /* Stack layout on tablets and mobile */
    .calendar-tailwind.svelte-8vbxpe .flex.h-full {
      flex-direction: column;
      height: auto;
    }
    
    .calendar-tailwind.svelte-8vbxpe .w-80 {
      width: 100%;
      border-right: 0;
      border-bottom: 1px solid var(--munkly-color-border);
    }
  }
  
  @media (max-width: 768px) {
    .calendar-tailwind.svelte-8vbxpe .calendar-day {
      min-height: 80px;
      padding: 0.375rem;
    }
    
    .calendar-tailwind.svelte-8vbxpe .text-sm {
      font-size: 0.75rem;
    }
    
    .calendar-tailwind.svelte-8vbxpe .text-xs {
      font-size: 0.625rem;
    }
    
    .calendar-tailwind.svelte-8vbxpe .px-6 {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    
    .calendar-tailwind.svelte-8vbxpe .py-4 {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
  }
  
  @media (max-width: 640px) {
    .calendar-tailwind.svelte-8vbxpe .calendar-day {
      min-height: 60px;
      padding: 0.25rem;
    }
    
    .calendar-tailwind.svelte-8vbxpe .text-lg {
      font-size: 0.875rem;
    }
    
    .calendar-tailwind.svelte-8vbxpe .text-base {
      font-size: 0.875rem;
    }
    
    .calendar-tailwind.svelte-8vbxpe .px-6 {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
  }

  .activity-feed-tailwind.svelte-8m9gn7 {
    width: 100%;
    height: 100%;
  }
  
  /* Ensure proper scrolling */
  .activity-feed-tailwind.svelte-8m9gn7 .overflow-y-auto {
    max-height: calc(50rem - 8rem); /* Subtract header and filter heights */
  }
  
  /* Line clamp utilities */
  .activity-feed-tailwind.svelte-8m9gn7 .line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  .activity-feed-tailwind.svelte-8m9gn7 .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  /* Responsive adjustments */
  @media (max-width: 768px) {
    .activity-feed-tailwind.svelte-8m9gn7 .px-6 {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    
    .activity-feed-tailwind.svelte-8m9gn7 .space-x-1 > button {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      font-size: 0.75rem;
    }
  }
  
  @media (max-width: 640px) {
    .activity-feed-tailwind.svelte-8m9gn7 .flex.items-center.justify-between {
      flex-direction: column;
      align-items: stretch;
      gap: 0.75rem;
    }
    
    .activity-feed-tailwind.svelte-8m9gn7 .space-x-1 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.25rem;
    }
  }

  .grouped-list-layout.svelte-83nxmm {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .groups-container.svelte-83nxmm {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  /* .group-row - использует global.css */

  /* .group-header - использует global.css */

  .group-header.svelte-83nxmm {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 1.25rem;
    position: relative;
  }

  .group-header.svelte-83nxmm:hover .group-title:where(.svelte-83nxmm) {
    color: var(--munkly-color-primary);
  }

  .group-header.svelte-83nxmm:hover .group-header-line:where(.svelte-83nxmm) {
    opacity: 1;
    width: 100%;
  }

  .group-icon-wrapper.svelte-83nxmm {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.2s ease;
  }

  .group-header.svelte-83nxmm:hover .group-icon-wrapper:where(.svelte-83nxmm) {
    transform: scale(1.05);
  }

  .group-title-area.svelte-83nxmm {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
  }

  .group-title.svelte-83nxmm {
    margin: 0;
    letter-spacing: -0.01em;
  }

  .item-count.svelte-83nxmm {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--munkly-color-text-tertiary);
    background: var(--munkly-color-gray-100);
    padding: 0.125rem 0.5rem;
    border-radius: 2rem;
    min-width: 1.5rem;
    text-align: center;
  }

  .dark .item-count.svelte-83nxmm {
    background: var(--munkly-color-gray-200);
    color: var(--munkly-color-text-secondary);
  }

  .group-header-line.svelte-83nxmm {
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    height: 2px;
    width: 2rem;
    border-radius: 2px;
    opacity: 0.3;
    transition: all 0.3s ease;
  }

  /* Плавная анимация chevron иконки */
  .chevron-icon.svelte-83nxmm {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
  }

  .chevron-icon.collapsed.svelte-83nxmm {
    transform: rotate(-90deg);
  }

  .group-items-grid.svelte-83nxmm {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    padding: 0.5rem 0 2rem 0;
    min-height: 100px; /* Минимальная высота для корректной анимации */
  }
  
  /* .group-row - использует global.css */