/* workspace-interiors.css, the rules scoped to the tasks page: loads with the first visit of that page (data-rattib-style="tasks" in index.html) and sits right after the shell part in the cascade. Source order is the parent sheet's. */
/* 03 Tasks: compact, distinct status lanes and aligned list rows. */
html[data-rattib-material="glass"] .workspace-framed #panel-tasks .suite-views { margin-inline-start: auto; background: var(--card); }
html[data-rattib-material="glass"] .workspace-framed #panel-tasks #tasks-results[data-view="board"] { gap: 16px; align-items: start; }
html[data-rattib-material="glass"] .workspace-framed #panel-tasks .suite-board-column { padding: 16px; min-block-size: 260px; border-radius: 14px; }
html[data-rattib-material="glass"] .workspace-framed #panel-tasks .suite-board-column > h2 { display: flex; align-items: center; gap: 10px; font-family: var(--font); font-size: 14px; padding-block-end: 14px; margin-block-end: 16px; border-block-end: 1px solid var(--border); }
html[data-rattib-material="glass"] .workspace-framed #panel-tasks .suite-board-count { margin-inline-start: auto; background: var(--tool-surface); color: var(--tool-accent); }
html[data-rattib-material="glass"] .workspace-framed #panel-tasks .suite-task-row { padding: 16px; border-radius: 12px; gap: 12px; }
html[data-rattib-material="glass"] .workspace-framed #panel-tasks .suite-task-name { font-size: 15px; line-height: 1.5; }
html[data-rattib-material="glass"] .workspace-framed #panel-tasks .suite-task-meta { font-size: 12px; margin-block: 4px 8px; }
html[data-rattib-material="glass"] .workspace-framed #panel-tasks .suite-board-column .suite-task-status { margin-inline-start: 0; inline-size: 100%; }
html[data-rattib-material="glass"] .workspace-framed #panel-tasks .suite-board-column .suite-task-time { gap: 6px; }
html[data-rattib-material="glass"] .workspace-framed #panel-tasks .suite-board-drop-hint { margin-block-start: 12px; padding: 10px; }