#tasks-pane { display:none; min-width:0; min-height:0; background:var(--paper); }
#app[data-pane="tasks"] .floor-pane { display:none; }
#app[data-pane="tasks"] #tasks-pane { display:flex; flex-direction:column; }
#tasks-shortcut { border-radius:var(--radius-pill); }
#tasks-shortcut[aria-pressed="true"] { color:var(--blue); background:var(--blue-wash); border-color:#c9d7ff; }
.tasks-heading { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; padding:clamp(15px,2vw,28px) clamp(16px,3vw,42px) 15px; }
.tasks-heading h1 { font-size:clamp(25px,3vw,36px); line-height:1.15; letter-spacing:-.05em; }
.tasks-heading-actions,.board-review-actions,.board-free-people { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.tasks-heading-actions button { border-radius:var(--radius-pill); }
#board-filters { display:flex; flex-wrap:wrap; gap:6px; align-items:center; flex:none; padding:0 clamp(16px,3vw,42px) 14px; border-bottom:1px solid var(--line); }
.board-filter { display:flex; align-items:center; gap:6px; padding:5px 10px; color:var(--muted); border:1px solid var(--line); border-radius:var(--radius-pill); font-size:12px; font-weight:580; }
.board-filter[aria-pressed="true"] { background:#202a3a; color:#fff; border-color:#202a3a; }
.board-count { opacity:.8; font-variant-numeric:tabular-nums; }
#board-list { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:16px clamp(16px,3vw,42px) max(22px,env(safe-area-inset-bottom)); }
.board-group,.board-free { max-width:855px; margin:0 auto 19px; }
.board-group h2,.board-free h2 { margin:0 0 7px; font-size:14px; font-weight:650; }
.board-person { display:inline-flex; gap:7px; align-items:center; color:var(--ink); text-align:left; background:white; border:1px solid var(--line); border-radius:var(--radius-pill); font-size:13px; font-weight:625; padding:5px 10px; }
.board-person:hover { border-color:#a5b8dc; }
.board-person.has-tasks { color:#2454c6; border-color:#cfddff; background:var(--blue-wash); }
.board-person .icon { width:15px; height:15px; }
.employee.has-tasks>span:nth-child(2) { color:#2454c6; font-weight:600; }
.employee.has-tasks .avatar-dot { background:var(--blue-wash); color:#2454c6; }
.board-task { background:white; border-radius:16px; border:1px solid var(--line); padding:12px 15px; margin-top:7px; }
.board-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:9px; }
.board-task-link { min-width:0; padding:1px 0; text-align:left; font-weight:620; line-height:1.4; overflow-wrap:anywhere; color:var(--ink); }
.board-task-link:hover { text-decoration:underline; text-underline-offset:3px; }
.board-badge { flex:none; font-size:11px; background:var(--wash); color:var(--muted); border-radius:20px; padding:2px 8px; }
.board-badge[data-status="review"] { color:#824800; background:#fff2d8; }
.board-badge[data-status="active"],.board-badge[data-status="assigned"] { color:#2454c6; background:var(--blue-wash); }
.board-badge[data-status="blocked"],.board-due.overdue { color:#a93545; }
.board-due { font-size:12px; margin-top:4px; color:var(--muted); }
.board-report { margin-top:8px; padding:8px 11px; background:#f5f7fa; border-radius:11px; overflow-wrap:anywhere; }
.board-report-label { color:#596370; font-size:11px; font-weight:600; }
.board-report p { margin-top:3px; white-space:pre-wrap; font-size:13px; }
.board-report .attachments,.board-review-actions,.notice-task { margin-top:8px; }
.board-report .board-assessment { color:var(--muted); margin-top:6px; font-size:12px; }
.board-review-actions .chip-button { font-size:12px; }
.review-done { background:var(--blue-wash); color:#204ab0; border-color:#c9d7ff; }
.board-free { margin-top:20px; }
.board-free .board-person { font-size:12px; color:var(--muted); }
.board-empty { padding:16px; font-size:14px; color:var(--muted); background:var(--wash); border-radius:15px; max-width:855px; margin:0 auto; }
.owner-link-box { background:var(--wash); border-radius:16px; padding:12px; }
.owner-link-box h3 { font-size:14px; margin:0 0 3px; }.owner-open { text-decoration:none; color:var(--blue); }

.employee-exchange { border-left:2px solid #c8d9fd; padding-left:12px; }
.employee-exchange .message-meta { color:#34579d; }
.employee-exchange .answer-employee { margin:8px 5px 0 0; color:#204ab0; background:var(--blue-wash); border-color:#c9d7ff; }
.employee-reply-record { margin:8px 0 2px; padding:8px 12px; background:var(--wash); border-radius:12px; overflow-wrap:anywhere; }
.employee-reply-record b,.employee-reply-record small { display:block; font-size:11px; color:var(--muted); }
.employee-reply-record p { margin:3px 0; white-space:pre-wrap; }
.employee-reply-target { display:flex; align-items:center; justify-content:space-between; gap:6px; padding-left:5px; }
.employee-reply-target .eyebrow { color:var(--blue); }
.employee-reply-target label { font-size:13px; font-weight:650; overflow-wrap:anywhere; }
#employee-reply-context { color:var(--muted); margin:1px 5px 5px; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#employee-reply-form { border-color:#a7bdf1; }
#open-question { margin-left:auto; min-width:0; font-size:11px; color:var(--blue); background:var(--blue-wash); }
[data-mobile-pane="chat"] { position:relative; }
#mobile-question-dot { position:absolute; right:5px; top:7px; width:6px; height:6px; background:var(--blue); border-radius:50%; }
[data-mobile-pane="chat"][aria-pressed="true"] #mobile-question-dot { background:#fff; }

@media (max-width:700px), (pointer:coarse) and (max-height:550px) and (max-width:980px) {
  #app[data-pane="tasks"] .chat-pane,#tasks-shortcut,#board-back { display:none; }
  #tasks-pane { flex:1; }
  .pane-switch { grid-template-columns:repeat(3,1fr); }
  .pane-switch::before { width:calc((100% - 6px) / 3); }
  #app[data-pane="tasks"] .pane-switch::before { transform:translateX(100%); }
  #app[data-pane="chat"] .pane-switch::before { transform:translateX(200%); }
  .pane-switch button { min-width:0; padding:0 9px; }
  .tasks-heading { padding:13px max(15px,env(safe-area-inset-right)) 10px max(15px,env(safe-area-inset-left)); }
  #board-add { min-height:40px; }
  #board-filters { gap:4px; padding:0 max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left)); }
  .board-filter { min-height:36px; font-size:11px; padding:4px 7px; gap:4px; }
  #board-list { padding:12px max(13px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(13px,env(safe-area-inset-left)); }
  .board-person,.board-review-actions .chip-button { min-height:38px; }
  .board-task { padding:10px 12px; }
}
@media (max-width:480px) { .app-bar .brand span { display:none; } }
@media (max-width:370px) {
  .pane-switch button { padding:0 7px; font-size:12px; }
  .pane-switch .icon { display:none; }
}