.crumb {
  align-self:flex-start; display:inline-flex; align-items:center; gap:4px; border:0; background:transparent;
  color:var(--link); font-weight:600; font-size:12px; padding:4px 6px 4px 0; min-height:32px; margin-bottom:4px;
}
.crumb:hover { text-decoration:underline; }
.rot-empty { margin:0 4px; font-size:13px; color:var(--text-2); line-height:1.5; max-width:60ch; text-wrap:pretty; }
.about { font-size:13px; color:var(--text-2); line-height:1.55; }
.about p { text-wrap:pretty; margin:0 0 8px; }
.now { padding:16px; display:flex; flex-direction:column; gap:6px; }
.now.warn { gap:10px; }
.now-k { font-size:12px; font-weight:600; color:var(--text-2); }
.now-t { font-size:14px; font-weight:500; margin:0; }
.now-s { font-size:12px; color:var(--muted); margin:0; }
.prewrap { white-space:pre-line; margin:0; font-size:13px; line-height:1.55; }
.briefing { padding:14px 16px; }
.pa ul.briefing { padding:4px 0; }
.note-view { padding:16px; display:flex; flex-direction:column; gap:10px; }
.note-view .bubble { padding:0; font-size:13px; }
.detail { display:flex; flex-direction:column; gap:12px; }
.detail-title { margin:0; font-size:20px; font-weight:700; line-height:1.3; text-wrap:balance; }
.detail-meta { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.due-when { display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex-shrink:0; text-align:right; }
.due-date { font-size:12px; font-weight:600; color:var(--text); }
.due-rel { font-size:12px; color:var(--text-2); white-space:nowrap; }
.rows > li.rot-more { box-shadow:0 -1px 0 var(--border); margin-top:4px; }
.row-btn.more { min-height:44px; color:var(--link); font-weight:600; font-size:12px; }
.row-btn.more:hover { text-decoration:underline; text-underline-offset:3px; }
/* task detail: two actions plus "Mais opções" (Status select, Cancelar tarefa) */
.task-acts { display:flex; flex-direction:column; gap:10px; }
.task-acts .btn .i { transition:transform .15s; }
.task-acts .btn[aria-expanded="true"] .i { transform:rotate(180deg); }
.more-opts { padding:12px 14px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.more-opts .field { align-self:stretch; }
.now-warn {
  display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:10px 0 0;
  box-shadow:0 -1px 0 var(--border); color:var(--text-2);
}
.now-warn p { margin:0; font-size:13px; line-height:1.45; text-wrap:pretty; }
.now-warn[hidden] { display:none; }
.now-warn-t { font-weight:600; color:var(--tone-warn-fg); }
.cfg-h { margin:0; }
.cfg-toggle {
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px;
  padding:0 4px; border:0; border-radius:10px; background:transparent; color:var(--text); font:inherit;
  font-weight:600; text-align:left;
}
.cfg-toggle:hover { background:var(--hover); }
.cfg-toggle[aria-expanded="true"] .cfg-chev { transform:rotate(90deg); }
.cfg-chev { color:var(--text-2); transition:transform .15s; }
.cfg-body { display:flex; flex-direction:column; gap:20px; padding-top:8px; }
.cfg-body[hidden] { display:none; }
.mdl-body .detail-title { font-size:18px; }
.rot-sw { margin-left:auto; }
@media (pointer: coarse) {
  .rot-sw::before { content:""; position:absolute; inset:-9px -4px; }
}
@media (prefers-reduced-motion: reduce) {
  .task-acts .btn .i { transition:none; }
  .cfg-chev { transition:none; }
}