/* ============================================================
   TAREFAS — calendário da equipe + notificações
   ============================================================ */
.tf-filtro{height:36px;border:1px solid #cbd9e3;border-radius:7px;background:#fff;font:12px 'DM Sans';color:#3d617e;padding:0 10px;margin-right:8px;outline-color:#89aecf}
.tarefas-layout{display:grid;grid-template-columns:1fr 320px;gap:16px}

/* calendário */
.tarefas-cal{background:#fff;border:1px solid #d5e0e7;border-radius:12px;padding:16px 18px;box-shadow:0 2px 7px #24384a0c}
.cal-head{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px}
.cal-head b{font:700 15px Manrope;color:#182a3d;min-width:130px;text-align:center}
.cal-head button{border:1px solid #cbd9e3;background:#fff;border-radius:7px;width:30px;height:30px;color:#5d7084;font-size:15px}
.cal-head button:hover{background:#eef6fa}
.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}
.cal-weekdays span{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#9aa6b3;text-align:center;padding:4px 0}
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-day{min-height:88px;border:1px solid #eef3f6;border-radius:8px;padding:6px;background:#fafcfd;cursor:pointer;transition:.12s;overflow:hidden}
.cal-day:hover{border-color:#8fb6d1;background:#f4f9fc}
.cal-day.empty{background:transparent;border:0;cursor:default}
.cal-day.hoje{border-color:#8fb6d1;background:#eef6fb}
.cd-num{font-size:11px;font-weight:700;color:#5d7084}
.cal-day.hoje .cd-num{color:#2f6c98}
.cd-tasks{margin-top:5px;display:flex;flex-direction:column;gap:3px}
.cd-chip{font-style:normal;font-size:8.5px;color:#fff;padding:2px 5px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.cd-chip.feita{opacity:.5;text-decoration:line-through}
.cd-more{font-style:normal;font-size:8.5px;color:#8a9bab;font-weight:600}

/* lista lateral */
.tarefas-side{background:#fff;border:1px solid #d5e0e7;border-radius:12px;padding:16px 18px;box-shadow:0 2px 7px #24384a0c;align-self:start}
.ts-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.ts-head h3{font:700 14px Manrope;margin:0}
.ts-head span{font-size:10px;color:#8a9bab}
.tl-task{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #eef3f6}
.tl-task:last-child{border:0}
.tl-check{flex:none;width:18px;height:18px;border:1.5px solid #cbd9e3;border-radius:5px;background:#fff;margin-top:1px;cursor:pointer}
.tl-check:hover{border-color:#79b18f;background:#eaf7ee}
.tl-task.alta .tl-check{border-color:#e0a58c}
.tl-body{flex:1;min-width:0}
.tl-body b{display:block;font-size:12px;color:#20364a;line-height:1.35}
.tl-body em{display:block;font-style:normal;font-size:9.5px;color:#8a9bab;margin:3px 0 5px}
.tf-opt{font-weight:400;font-size:9px;color:#9aa6b3;background:#eef3f6;padding:2px 6px;border-radius:4px;margin-left:5px}
:root[data-theme="dark"] .tf-opt{background:var(--surface-3);color:#8395a6}
.tl-notas{font-size:10px;color:#5d7084;background:#f6f8fa;border-radius:6px;padding:6px 8px;margin:0 0 6px;line-height:1.45}
.tl-user{display:flex;align-items:center;gap:6px;font-size:10px;color:#5d7084}
#tNotas{width:100%;border:1px solid #dfe7ed;border-radius:6px;padding:9px;font:12px 'DM Sans';resize:vertical;outline-color:#89aecf}
:root[data-theme="dark"] .tl-notas{background:var(--surface-3);color:#b9c8d8}
:root[data-theme="dark"] #tNotas{background:var(--surface-3);border-color:var(--border-2);color:var(--ink)}
.tl-user .avatar{width:18px;height:18px;font-size:7px}
.tl-task .row-dots{flex:none}

/* notificações no sino */
.notif-drop{position:absolute;top:60px;right:74px;width:300px;background:#fff;border:1px solid #cbd9e3;border-radius:11px;box-shadow:0 14px 34px #30465d24;padding:8px;display:none;z-index:50}
.notif-drop.open{display:block}
.nd-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 10px;border-bottom:1px solid #eef3f6}
.nd-head b{font:700 12px Manrope}
.nd-head button{border:0;background:none;color:#2e6e9b;font-size:10px;font-weight:600;cursor:pointer}
.nd-item{display:flex;gap:9px;padding:11px 10px;border-radius:8px;align-items:flex-start}
.nd-item.nova{background:#f1f7fb}
.nd-dot{height:8px;width:8px;border-radius:50%;background:#cbd9e3;margin-top:4px;flex:none}
.nd-item.nova .nd-dot{background:#5f8eaf}
.nd-item b{display:block;font-size:11.5px;color:#20364a;line-height:1.4}
.nd-item em{display:block;font-style:normal;font-size:9.5px;color:#8a9bab;margin-top:3px}
.nd-empty{font-size:11px;color:#8a9bab;text-align:center;padding:20px 0;margin:0}
#notifBadge{display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#d98c60;color:#fff;font-size:9px;font-weight:700;right:4px;top:4px;position:absolute}

@media(max-width:1000px){
  .tarefas-layout{grid-template-columns:1fr}
  .cal-day{min-height:64px}
  .cd-chip{font-size:0;padding:3px}
  .notif-drop{right:12px;width:calc(100vw - 24px);max-width:320px}
}

/* dark mode */
:root[data-theme="dark"] .tarefas-cal,:root[data-theme="dark"] .tarefas-side,
:root[data-theme="dark"] .notif-drop{background:var(--surface);border-color:var(--border-2)}
:root[data-theme="dark"] .cal-head b,:root[data-theme="dark"] .cal-head button,
:root[data-theme="dark"] .ts-head h3,:root[data-theme="dark"] .tl-body b,
:root[data-theme="dark"] .nd-item b{color:var(--ink)}
:root[data-theme="dark"] .cal-day{background:var(--surface-2);border-color:var(--border-2)}
:root[data-theme="dark"] .cal-day.hoje{background:#1d2a3a;border-color:#39597a}
:root[data-theme="dark"] .cal-head button,:root[data-theme="dark"] .tf-filtro{background:var(--surface-3);border-color:var(--border-2);color:#b9c8d8}
:root[data-theme="dark"] .nd-item.nova{background:#1d2a3a}
:root[data-theme="dark"] .tl-check{background:var(--surface-3);border-color:var(--border-2)}