:is(
    .kanban-board-workspace,
    .checklist-workspace,
    .mindmap-workspace,
    .fivew2h-workspace,
    .decision-matrix-workspace,
    .action-plan-workspace,
    .meetings-workspace,
    .idea-bank-workspace,
    .editorial-calendar-workspace,
    .priority-board-workspace,
    .goals-workspace,
    .roadmap-workspace,
    .project-canvas-workspace
) {
    gap: 18px;
    padding: 20px 22px;
    border-radius: 28px;
    box-shadow:
        0 22px 48px rgba(4, 18, 30, 0.09),
        0 4px 12px rgba(4, 18, 30, 0.04);
}

:is(
    .kanban-board-workspace-toolbar,
    .checklist-workspace-toolbar,
    .mindmap-workspace-toolbar,
    .fivew2h-workspace-header,
    .decision-matrix-workspace-header,
    .action-plan-workspace-header,
    .meetings-workspace-header,
    .idea-bank-workspace-header,
    .editorial-calendar-workspace-header,
    .priority-board-workspace-header,
    .goals-workspace-header,
    .roadmap-workspace-header,
    .project-canvas-workspace-header
) {
    align-items: flex-start;
    gap: 14px 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(var(--app-accent-rgb, 67, 187, 189), 0.12);
}

:is(
    .kanban-board-workspace-copy,
    .checklist-workspace-copy,
    .mindmap-workspace-copy,
    .fivew2h-workspace-copy,
    .decision-matrix-workspace-copy,
    .action-plan-workspace-copy,
    .meetings-workspace-copy,
    .idea-bank-workspace-copy,
    .editorial-calendar-workspace-copy,
    .priority-board-workspace-copy,
    .goals-workspace-copy,
    .roadmap-workspace-copy,
    .project-canvas-workspace-copy
) {
    gap: 6px;
    min-width: 0;
}

:is(
    .kanban-board-workspace-copy strong,
    .checklist-workspace-copy strong,
    .mindmap-workspace-copy strong,
    .fivew2h-workspace-copy strong,
    .decision-matrix-workspace-copy strong,
    .action-plan-workspace-copy strong,
    .meetings-workspace-copy strong,
    .idea-bank-workspace-copy strong,
    .editorial-calendar-workspace-copy strong,
    .priority-board-workspace-copy strong,
    .goals-workspace-copy strong,
    .roadmap-workspace-copy strong,
    .project-canvas-workspace-copy strong
) {
    letter-spacing: -0.015em;
}

:is(
    .kanban-board-workspace-copy span,
    .checklist-workspace-copy span,
    .mindmap-workspace-copy span,
    .fivew2h-workspace-copy span,
    .decision-matrix-workspace-copy span,
    .action-plan-workspace-copy span,
    .meetings-workspace-copy span,
    .idea-bank-workspace-copy span,
    .editorial-calendar-workspace-copy span,
    .priority-board-workspace-copy span,
    .goals-workspace-copy span,
    .roadmap-workspace-copy span,
    .project-canvas-workspace-copy span
) {
    max-width: 72ch;
    line-height: 1.55;
}

:is(
    .kanban-board-workspace-actions,
    .checklist-workspace-actions,
    .mindmap-view-controls,
    .fivew2h-workspace-actions,
    .decision-matrix-workspace-actions,
    .action-plan-workspace-actions,
    .meetings-workspace-actions,
    .idea-bank-workspace-actions,
    .editorial-calendar-workspace-actions,
    .priority-board-workspace-actions,
    .goals-workspace-actions,
    .roadmap-workspace-actions,
    .project-canvas-workspace-actions
) {
    gap: 8px 10px;
}

:is(
    .kanban-columns-shell,
    .mindmap-surface,
    .fivew2h-table-shell,
    .decision-matrix-table-shell,
    .action-plan-table-shell,
    .editorial-calendar-table-shell
) {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--app-accent-rgb, 67, 187, 189), 0.34) transparent;
}

:is(
    .fivew2h-table-shell,
    .decision-matrix-table-shell,
    .action-plan-table-shell,
    .editorial-calendar-table-shell
) {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 14px 30px rgba(4, 18, 30, 0.06);
}

:is(
    .fivew2h-table th,
    .decision-matrix-table th,
    .action-plan-table th,
    .editorial-calendar-table th
) {
    backdrop-filter: blur(16px);
    box-shadow: inset 0 -1px 0 rgba(var(--app-accent-rgb, 67, 187, 189), 0.12);
}

:is(
    .fivew2h-table th,
    .fivew2h-table td,
    .decision-matrix-table th,
    .decision-matrix-table td,
    .action-plan-table th,
    .action-plan-table td,
    .editorial-calendar-table th,
    .editorial-calendar-table td
) {
    line-height: 1.48;
}

:is(
    .fivew2h-table tbody tr:hover td,
    .decision-matrix-table tbody tr:hover td,
    .action-plan-table tbody tr:hover td,
    .editorial-calendar-table tbody tr:hover td
) {
    background: rgba(var(--app-accent-rgb, 67, 187, 189), 0.045);
}

:is(
    .decision-matrix-table select,
    .action-plan-table select,
    .action-plan-table input,
    .editorial-calendar-table select,
    .editorial-calendar-table input,
    .checklist-item-inline-input,
    .checklist-item-quick-input,
    .swot-item-inline-input,
    .swot-item-quick-input
) {
    min-height: 42px;
    border-radius: 14px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

:is(
    .decision-matrix-table select,
    .action-plan-table select,
    .action-plan-table input,
    .editorial-calendar-table select,
    .editorial-calendar-table input
) {
    border: 1px solid rgba(var(--app-accent-rgb, 67, 187, 189), 0.16);
    background: rgba(255, 255, 255, 0.86);
    color: var(--text-main);
    padding-inline: 12px;
}

:is(
    .decision-matrix-table select:focus,
    .action-plan-table select:focus,
    .action-plan-table input:focus,
    .editorial-calendar-table select:focus,
    .editorial-calendar-table input:focus,
    .checklist-item-inline-input:focus,
    .checklist-item-quick-input:focus,
    .swot-item-inline-input:focus,
    .swot-item-quick-input:focus
) {
    outline: none;
    border-color: rgba(var(--app-accent-rgb, 67, 187, 189), 0.38);
    box-shadow:
        0 0 0 4px rgba(var(--app-accent-rgb, 67, 187, 189), 0.12),
        0 12px 24px rgba(4, 18, 30, 0.08);
}

:is(
    .decision-matrix-ranking-card,
    .decision-matrix-config-card,
    .decision-matrix-config-item,
    .meetings-section,
    .meetings-item-card,
    .idea-bank-stage,
    .idea-bank-item-card,
    .priority-board-quadrant,
    .priority-board-item-card,
    .goals-score-card,
    .goals-objective-card,
    .goals-key-result-card,
    .roadmap-phase-card,
    .roadmap-item-card,
    .project-canvas-block-card,
    .kanban-column,
    .kanban-column-create,
    .kanban-task-card,
    .swot-quadrant,
    .fivew2h-table-shell,
    .decision-matrix-table-shell,
    .action-plan-table-shell,
    .editorial-calendar-table-shell
) {
    box-shadow:
        0 14px 28px rgba(4, 18, 30, 0.06),
        0 2px 6px rgba(4, 18, 30, 0.03);
    backdrop-filter: blur(12px);
}

:is(
    .meetings-item-card,
    .idea-bank-item-card,
    .goals-objective-card,
    .goals-key-result-card,
    .roadmap-phase-card,
    .roadmap-item-card,
    .project-canvas-block-card,
    .decision-matrix-ranking-card,
    .decision-matrix-config-card
) {
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

:is(
    .meetings-item-card:hover,
    .idea-bank-item-card:hover,
    .goals-objective-card:hover,
    .goals-key-result-card:hover,
    .roadmap-phase-card:hover,
    .roadmap-item-card:hover,
    .project-canvas-block-card:hover,
    .decision-matrix-ranking-card:hover,
    .decision-matrix-config-card:hover
) {
    transform: translateY(-1px);
    box-shadow:
        0 18px 34px rgba(4, 18, 30, 0.09),
        0 4px 10px rgba(4, 18, 30, 0.04);
}

:is(
    .checklist-item-row-actions,
    .swot-item-row-actions,
    .priority-board-item-actions
) {
    backdrop-filter: blur(16px);
}

:is(
    .swot-item-row-text
) {
    line-height: 1.42;
}

:is(
    .checklist-item-empty,
    .swot-item-empty,
    .kanban-column-empty,
    .meetings-item-empty,
    .idea-bank-item-empty,
    .goals-empty-card,
    .roadmap-empty-card,
    .project-canvas-empty-card
) {
    backdrop-filter: blur(10px);
}

html[data-theme='dark'] :is(
    .swot-item-row,
    .fivew2h-table-shell,
    .editorial-calendar-table-shell,
    .mindmap-surface,
    .meetings-section,
    .meetings-item-empty,
    .idea-bank-stage,
    .idea-bank-item-empty
) {
    border-color: rgba(150, 212, 224, 0.14);
}

html[data-theme='dark'] .swot-item-row {
    background: rgba(8, 24, 41, 0.82);
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-theme='dark'] .swot-item-row-text {
    color: rgba(239, 247, 252, 0.94);
}

html[data-theme='dark'] .swot-item-row.is-editing {
    background: rgba(8, 24, 41, 0.9);
}

html[data-theme='dark'] .swot-item-row.is-completed {
    background: rgba(46, 132, 116, 0.22);
    border-color: rgba(91, 202, 183, 0.24);
}

html[data-theme='dark'] .swot-item-empty {
    background: rgba(67, 187, 189, 0.08);
    border-color: rgba(67, 187, 189, 0.22);
}

html[data-theme='dark'] :is(
    .swot-item-row-actions,
    .priority-board-item-actions
) {
    border-color: rgba(150, 212, 224, 0.14);
    background: rgba(8, 24, 41, 0.82);
    box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-theme='dark'] :is(
    .swot-row-action-btn,
    .checklist-row-action-btn,
    .meetings-item-action-btn,
    .idea-bank-item-action-btn,
    .fivew2h-row-action-btn,
    .editorial-calendar-row-action-btn,
    .decision-matrix-config-btn,
    .action-plan-row-action-btn
) {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(150, 212, 224, 0.14);
}

html[data-theme='dark'] :is(
    .swot-item-inline-input,
    .swot-item-quick-input
) {
    background: rgba(8, 24, 41, 0.9);
    color: var(--text-main);
    -webkit-text-fill-color: var(--text-main);
    border-color: rgba(150, 212, 224, 0.18);
}

html[data-theme='dark'] :is(
    .swot-item-inline-input,
    .swot-item-quick-input
)::placeholder {
    color: rgba(158, 195, 215, 0.72);
}

html[data-theme='dark'] .fivew2h-table-shell,
html[data-theme='dark'] .editorial-calendar-table-shell {
    background: rgba(6, 18, 32, 0.58);
}

html[data-theme='dark'] :is(
    .fivew2h-table th,
    .editorial-calendar-table th
) {
    background: rgba(8, 24, 41, 0.9);
}

html[data-theme='dark'] :is(
    .decision-matrix-table th,
    .action-plan-table th
) {
    background: rgba(8, 24, 41, 0.9);
    color: rgba(198, 224, 240, 0.94);
}

html[data-theme='dark'] .decision-matrix-option-head span {
    color: rgba(198, 224, 240, 0.82);
}

html[data-theme='dark'] .mindmap-surface {
    background:
        radial-gradient(circle at 50% 0%, rgba(67, 187, 189, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(6, 18, 32, 0.62), rgba(6, 18, 32, 0.42));
}

html[data-theme='dark'] .meetings-section,
html[data-theme='dark'] .meetings-item-empty,
html[data-theme='dark'] .idea-bank-stage,
html[data-theme='dark'] .idea-bank-item-empty {
    background: rgba(6, 18, 32, 0.54);
}

html[data-theme='dark'] .meetings-item-card,
html[data-theme='dark'] .idea-bank-item-card {
    background: rgba(8, 24, 41, 0.82);
    border-color: rgba(150, 212, 224, 0.14);
}

html[data-theme='dark'] :is(
    .swot-quadrant-head p,
    .meetings-workspace-copy span,
    .meetings-section-copy span,
    .meetings-item-card-copy p,
    .idea-bank-workspace-copy span,
    .idea-bank-stage-copy span,
    .idea-bank-item-card-copy p
) {
    color: rgba(192, 214, 228, 0.84);
}

html[data-theme='dark'] :is(
    .swot-item-inline-input,
    .swot-item-quick-input,
    .decision-matrix-table select,
    .action-plan-table select,
    .action-plan-table input,
    .editorial-calendar-table select,
    .editorial-calendar-table input
) {
    color: rgba(239, 247, 252, 0.94);
    -webkit-text-fill-color: rgba(239, 247, 252, 0.94);
}

html[data-theme='dark'] :is(
    .meetings-section,
    .meetings-item-card,
    .idea-bank-stage,
    .idea-bank-item-card,
    .priority-board-quadrant,
    .priority-board-item-card,
    .goals-score-card,
    .goals-objective-card,
    .goals-key-result-card,
    .roadmap-phase-card,
    .roadmap-item-card,
    .project-canvas-block-card,
    .kanban-column,
    .kanban-task-card,
    .swot-quadrant
) {
    box-shadow:
        0 18px 34px rgba(0, 0, 0, 0.26),
        0 2px 8px rgba(0, 0, 0, 0.12);
}

html[data-theme='dark'] :is(
    .fivew2h-table tbody tr:hover td,
    .decision-matrix-table tbody tr:hover td,
    .action-plan-table tbody tr:hover td,
    .editorial-calendar-table tbody tr:hover td
) {
    background: rgba(255, 255, 255, 0.035);
}

html[data-theme='dark'] :is(
    .decision-matrix-table select,
    .action-plan-table select,
    .action-plan-table input,
    .editorial-calendar-table select,
    .editorial-calendar-table input
) {
    background: rgba(11, 31, 43, 0.88);
}

html[data-theme='dark'] :is(
    .decision-matrix-config-item,
    .meetings-section,
    .meetings-item-card,
    .idea-bank-stage,
    .idea-bank-item-card,
    .priority-board-quadrant,
    .goals-score-card,
    .goals-objective-card,
    .goals-key-result-card,
    .roadmap-phase-card,
    .roadmap-item-card,
    .project-canvas-block-card,
    .fivew2h-table-shell,
    .decision-matrix-table-shell,
    .action-plan-table-shell,
    .editorial-calendar-table-shell
) {
    box-shadow:
        0 16px 32px rgba(0, 0, 0, 0.24),
        0 2px 8px rgba(0, 0, 0, 0.12);
}

html[data-theme='dark'] :is(
    .decision-matrix-table th,
    .action-plan-table th
) {
    background: rgba(8, 24, 41, 0.94);
    color: rgba(198, 224, 240, 0.92);
}

html[data-theme='dark'] .decision-matrix-option-head strong {
    color: rgba(239, 247, 252, 0.94);
}

html[data-theme='dark'] .decision-matrix-option-head span {
    color: rgba(192, 214, 228, 0.86);
}

html[data-theme='light'] .meetings-section,
html[data-theme='light'] .meetings-item-empty,
html[data-theme='light'] .idea-bank-stage,
html[data-theme='light'] .idea-bank-item-empty {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.48));
}

html[data-theme='light'] .meetings-item-card,
html[data-theme='light'] .idea-bank-item-card {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(67, 187, 189, 0.14);
}

@media (max-width: 1320px) {
    :is(
        .kanban-board-workspace-toolbar,
        .checklist-workspace-toolbar,
        .mindmap-workspace-toolbar,
        .fivew2h-workspace-header,
        .decision-matrix-workspace-header,
        .action-plan-workspace-header,
        .meetings-workspace-header,
        .idea-bank-workspace-header,
        .editorial-calendar-workspace-header,
        .priority-board-workspace-header,
        .goals-workspace-header,
        .roadmap-workspace-header,
        .project-canvas-workspace-header
    ) {
        flex-direction: column;
        align-items: stretch;
    }

    :is(
        .kanban-board-workspace-actions,
        .checklist-workspace-actions,
        .mindmap-view-controls,
        .fivew2h-workspace-actions,
        .decision-matrix-workspace-actions,
        .action-plan-workspace-actions,
        .meetings-workspace-actions,
        .idea-bank-workspace-actions,
        .editorial-calendar-workspace-actions,
        .priority-board-workspace-actions,
        .goals-workspace-actions,
        .roadmap-workspace-actions,
        .project-canvas-workspace-actions
    ) {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 980px) {
    :is(
        .kanban-board-workspace,
        .checklist-workspace,
        .mindmap-workspace,
        .fivew2h-workspace,
        .decision-matrix-workspace,
        .action-plan-workspace,
        .meetings-workspace,
        .idea-bank-workspace,
        .editorial-calendar-workspace,
        .priority-board-workspace,
        .goals-workspace,
        .roadmap-workspace,
        .project-canvas-workspace
    ) {
        padding: 18px;
        gap: 16px;
        border-radius: 24px;
    }

    :is(
        .kanban-board-workspace-toolbar,
        .checklist-workspace-toolbar,
        .mindmap-workspace-toolbar,
        .fivew2h-workspace-header,
        .decision-matrix-workspace-header,
        .action-plan-workspace-header,
        .meetings-workspace-header,
        .idea-bank-workspace-header,
        .editorial-calendar-workspace-header,
        .priority-board-workspace-header,
        .goals-workspace-header,
        .roadmap-workspace-header,
        .project-canvas-workspace-header
    ) {
        padding-bottom: 12px;
    }
}

@media (max-width: 1220px) {
    .meetings-sections-grid {
        grid-template-columns: 1fr;
    }
}
