/* palummu mywork.css — "My work" list sections and month calendar.
   Reuses base classes: panel, panelhead, panelbody, btn, badge, hint, empty, linkbtn, heading, actions, toolrow. */

/* ---------- list view ---------- */
.mw-toggle .btn.small{min-height:34px}
.mw-section{margin-bottom:18px}
.mw-section .panelhead{padding:16px 20px}

/* My Work: group the Activities table with the same clear card treatment as
   the "Capacity & additional contributions" panel. The table directly follows
   the .work-view-toggle row ("Activities" + List/Calendar switch). */
.work-view-toggle + .panel.tablewrap{
  border:1px solid #c3ccd7;
  border-radius:10px;
  box-shadow:0 3px 12px #1b2d4112;
}
.mw-rows{border-top:1px solid var(--line)}
.mw-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;
  padding:13px 20px;background:#fff;border:0;border-bottom:1px solid #e1e6ed;
  text-align:left;font:inherit;color:inherit;cursor:pointer}
.mw-row:last-child{border-bottom:0}
.mw-row:hover{background:#e8edf4}
.mw-row-main{min-width:0;flex:1}
.mw-row-main strong{display:block;font-size:.9rem;font-weight:600;overflow-wrap:anywhere}
.mw-row-main small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}
.mw-row-side{display:flex;align-items:center;gap:10px;flex-shrink:0}
.mw-row-side small{font-size:.78rem;color:var(--muted);white-space:nowrap}
.mw-row-side small.mw-overdue{color:var(--red);font-weight:700}

/* ---------- calendar view ---------- */
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-dow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--muted);text-align:center;padding:6px 0}
.cal-day{min-height:104px;background:#fff;border:1px solid var(--line);border-radius:8px;
  padding:6px;display:flex;flex-direction:column;gap:4px;overflow:hidden}
.cal-day.blank{background:transparent;border-color:transparent}
.cal-day.today{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.cal-day>strong{font-size:.78rem;color:var(--muted)}
.cal-day.today>strong{color:var(--blue)}
.cal-dots{display:flex;flex-wrap:wrap;gap:4px}
.cal-dot{width:11px;height:11px;border-radius:50%;border:0;padding:0;cursor:pointer}
.cal-dot.green{background:#167454}.cal-dot.amber{background:#d9a441}.cal-dot.blue{background:#3e61a8}.cal-dot.red{background:#b14343}
.cal-task{font-size:.74rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cal-more{font-size:.7rem;color:var(--muted)}

@media(max-width:760px){
  .cal-day{min-height:64px}
  .cal-task{display:none} /* dots only on small screens */
  .mw-row{flex-direction:column;align-items:flex-start;gap:8px}
}