.task-team { margin:18px 0; min-width:0; padding:14px; border:1px solid var(--line); border-radius:10px; }
.task-team legend { padding:0 5px; color:var(--navy); font-size:14px; font-weight:750; }
.task-team .form-help { margin:0 0 10px; color:#526273; font-size:12px; line-height:1.6; }
.task-member { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 14px; padding:9px 0; border-top:1px solid #e8e1d5; }
.task-member label { display:flex; align-items:center; gap:8px; min-width:0; color:var(--ink); font-size:13px; cursor:pointer; overflow-wrap:anywhere; }
.task-member input { flex:none; width:17px; height:17px; accent-color:var(--navy); }
.task-member .leader-choice { font-size:12px; color:#6d511f; }
.task-member .leader-choice:has(input:disabled) { color:#687488; cursor:default; }
.task-member input:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.board-tags .task-leader { color:#684800; background:#f6ead1; }
.task-due-badge { display:inline-block; max-width:100%; padding:5px 9px; margin:10px 0 0; border-radius:7px; color:#214b64; background:#e9f0f5; font-size:13px; font-weight:800; line-height:1.5; overflow-wrap:anywhere; }
.task-due-badge.soon { color:#764616; background:#fff0dc; }
.task-due-badge.today, .task-due-badge.overdue { color:#963321; background:#fcece7; }
.task-due-badge.done { color:#27664e; background:#e7f1eb; }
.task-due-badge.undated, .task-due-badge.unknown { color:#526273; background:#eef1f3; }
.task-note-editor { display:block; width:100%; min-height:126px; padding:12px; resize:vertical; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:var(--white); font:inherit; line-height:1.6; }
.task-note-editor:focus { outline:2px solid var(--gold); outline-offset:2px; }
.task-note-editor:not(#detailNotes) { min-height:80px; height:80px; }
.task-field-label { display:block; margin-bottom:8px; color:var(--navy); font-size:14px; font-weight:750; }
.task-due-hint { margin:8px 0 0; color:#526273; font-size:12px; line-height:1.6; }
.task-due-hint:empty { display:none; }
.board-guide { margin:-4px 0 18px; padding:12px 15px; border-left:3px solid var(--gold); border-radius:0 9px 9px 0; background:#fbf5ea; color:#4d5d6e; font-size:12px; line-height:1.7; }
.board-guide p { margin:0; }
.board-guide summary { cursor:pointer; font-weight:750; color:var(--navy); min-height:32px; }
.board-guide[open] summary { margin-bottom:10px; }
.board-guide summary:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.updated-time { margin:0; color:var(--navy); font-weight:650; line-height:1.6; overflow-wrap:anywhere; }
.project-actions { display:flex; flex-wrap:wrap; gap:8px; }
.mobile-nav-toggle { display:none; }
.unsaved-dialog { max-width:min(460px,calc(100% - 26px)); padding:24px; color:var(--ink); }
.unsaved-dialog h2 { overflow-wrap:anywhere; }
.unsaved-dialog p { line-height:1.7; }
.unsaved-dialog .modal-foot { justify-content:flex-start; }
@media(max-width:780px) {
  .sidebar { display:grid; grid-template-columns:minmax(80px,1fr) minmax(0,2fr); align-items:center; gap:10px; padding:10px 12px; }
  .sidebar .brand { width:100%; padding:0; }
  .sidebar .brand-logo { width:100%; max-width:160px; }
  .mobile-nav-toggle { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:6px; min-height:44px; max-width:100%; padding:8px; border:1px solid #71869b; border-radius:8px; background:transparent; color:#fff; font:inherit; font-size:13px; line-height:1.5; text-align:right; overflow-wrap:anywhere; }
  .mobile-nav-toggle #mobilePageName { font-weight:750; }
  .sidebar .nav { display:none; grid-column:1/-1; }
  .sidebar.menu-open .nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  .sidebar .nav button { min-height:44px; min-width:0; font-size:13px; line-height:1.5; }
  .sidebar .nav svg { flex:none; }
  .topbar { min-height:52px; padding:8px 14px; }
  .content { padding-top:22px; }
  #board .page-head { margin-bottom:16px; }
  #board .page-head .eyebrow { display:none; }
  .board-create-toolbar { gap:8px; margin-bottom:12px; }
  .board-create-buttons { gap:8px; }
  .board-guide { margin-bottom:12px; padding:8px 12px; }
}
.board-guide p + p { margin-top:5px; }
.board-guide strong { color:var(--navy); }
.board-create-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:0 0 16px; }
.board-create-buttons { display:flex; flex-wrap:wrap; gap:10px; }
.board-create-buttons button { min-height:42px; }
.board-create-toolbar + .board-guide { max-width:76ch; }
.board-legend { margin:0 0 16px; color:var(--muted); font-size:12px; line-height:1.7; }
.archive-search { flex:1; min-width:0; display:grid; gap:7px; color:var(--muted); font-size:12px; }
.archive-search input { width:100%; min-width:0; }
.archive-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:16px; align-items:start; }
.archive-item { min-width:0; padding:12px; background:#f1eee7; border:1px solid var(--line); border-radius:12px; }
.archive-item .secondary-btn { max-width:100%; white-space:normal; text-align:left; line-height:1.5; }
.archive-item .board-card { margin-bottom:10px; }
.price-list { max-width:900px; overflow:hidden; }
.price-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 24px; padding:22px; border-bottom:1px solid var(--line); }
.price-row:last-child { border-bottom:0; }
.price-row h2 { margin:0; color:var(--navy); font-family:inherit; font-size:17px; line-height:1.6; overflow-wrap:anywhere; }
.price-formats { display:flex; flex-wrap:wrap; gap:10px; }
.price-pending,.price-link { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-height:42px; padding:9px 12px; border:1px solid var(--line); border-radius:8px; background:#f5f2ec; color:#526273; font-size:13px; line-height:1.6; }
.price-pending small { color:#765616; background:#f8ecd6; padding:1px 6px; border-radius:4px; font-size:11px; }
.price-link { text-decoration:none; background:var(--white); }
@media(max-width:480px) { .board-create-toolbar { align-items:flex-start; }.price-row { padding:18px; }.price-formats { width:100%; }.price-pending,.price-link { flex:1 1 160px; justify-content:space-between; } }
.task-row .due { display:grid; justify-items:end; gap:3px; white-space:normal; text-align:right; }
.task-row .task-due-badge { margin:0; font-size:11px; }
@media(max-width:480px) { .task-member { align-items:flex-start; }.task-row { grid-template-columns:9px minmax(0,1fr); }.task-row .due { grid-column:2; justify-items:start; text-align:left; } }

/* Compact board controls keep the first task in view without reducing type. */
#boardProjectInfo[hidden]{display:none}
#boardFilterToggle{display:none}
#boardFilterOptions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.board-project-link{border:0;background:none;color:var(--navy);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;padding:4px 0}
@media(max-width:780px){
  .board-filters{padding:3px;gap:6px;display:grid;grid-template-columns:minmax(0,1fr) auto auto}
  .board-filters #taskSearch{min-width:0;width:100%;min-height:36px}
  #boardFilterToggle{display:inline-flex;padding:7px 9px;min-height:36px}
  .board-filters .filter-count{margin:0;white-space:nowrap}
  #boardFilterOptions{display:none;grid-column:1/-1}
  .board-filters.filters-open #boardFilterOptions{display:flex}
  #boardFilterOptions select{min-width:0;flex:1 1 140px}
  .board-project-link{flex-basis:100%;text-align:left}
}