/* Task Manager - optional published stylesheet */
/* Keep this file small; consumers can override in their Filament theme. */

.tm-board-column {
    min-height: 120px;
}

.task-board-page .tm-board-column {
    width: 22rem;
    flex: 0 0 22rem;
}

.tm-task-drawer {
    max-width: 1100px;
}

.tm-task-drawer .prose ul {
    list-style: disc;
    padding-left: 1.25rem;
}

.tm-task-drawer .prose ol {
    list-style: decimal;
    padding-left: 1.25rem;
}

.tm-task-drawer .prose li {
    margin: 0.25rem 0;
}

.tm-task-drawer .prose img {
    max-width: 100%;
    height: auto;
}

/* Filament RichEditor (Tiptap) - compact variants for task drawer */
.tm-rich-editor .fi-fo-rich-editor-content,
.tm-rich-editor .fi-rich-editor-content {
    min-height: 7rem;
}

.tm-rich-editor-compact .fi-fo-rich-editor-content,
.tm-rich-editor-compact .fi-rich-editor-content {
    min-height: 5rem;
}

.tm-rich-editor-reply .fi-fo-rich-editor-content,
.tm-rich-editor-reply .fi-rich-editor-content {
    min-height: 4rem;
}

/* Task board modal skeleton (no Tailwind dependency) */
.task-board-page .tm-task-modal-loading {
    position: absolute;
    inset: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(6px);
}

.dark .task-board-page .tm-task-modal-loading {
    background: rgba(0, 0, 0, 0.45);
}

.task-board-page .tm-task-modal-loading-inner {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.task-board-page .tm-task-modal-loading-label {
    font-size: 0.875rem;
    color: rgba(55, 65, 81, 1);
}

.dark .task-board-page .tm-task-modal-loading-label {
    color: rgba(229, 231, 235, 1);
}

.task-board-page .tm-task-modal-loading-lines {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.task-board-page .tm-task-modal-loading-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 1024px) {
    .task-board-page .tm-task-modal-loading-grid {
        grid-template-columns: 2fr 1fr;
    }
}

.task-board-page .tm-task-modal-loading-main,
.task-board-page .tm-task-modal-loading-side {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.task-board-page .tm-skel {
    border-radius: 0.25rem;
    background: rgba(209, 213, 219, 0.9);
    animation: tm-skel-pulse 1.1s ease-in-out infinite;
}

.dark .task-board-page .tm-skel {
    background: rgba(255, 255, 255, 0.12);
}

@keyframes tm-skel-pulse {
    0% {
        opacity: 0.55;
    }
    50% {
        opacity: 0.95;
    }
    100% {
        opacity: 0.55;
    }
}

.task-board-page .tm-skel-h4 {
    height: 1rem;
}
.task-board-page .tm-skel-h6 {
    height: 1.5rem;
}
.task-board-page .tm-skel-h28 {
    height: 7rem;
}
.task-board-page .tm-skel-h40 {
    height: 10rem;
}
.task-board-page .tm-skel-h56 {
    height: 14rem;
}

.task-board-page .tm-skel-w-100 {
    width: 100%;
}
.task-board-page .tm-skel-w-92 {
    width: 92%;
}
.task-board-page .tm-skel-w-80 {
    width: 80%;
}
.task-board-page .tm-skel-w-66 {
    width: 66%;
}