/* cadences/module.css: the Cadences tab and its dashboard panel. */

/* Five columns: type, contact over company, local time, date, actions.
   Every fraction is minmax(0, ...) and the last track is FIXED, or an Email
   row (two buttons) sizes its columns differently from a Call row (one). */
.row.cadence{grid-template-columns:minmax(0,0.7fr) minmax(0,1.6fr) 60px minmax(0,0.9fr) 148px;}
.cadence-who{display:flex;flex-direction:column;gap:1px;min-width:0;}
.cadence-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cadence-who .sub-text{font-size:12px;}

/* The due-date groups: overdue first, then one per day. Shared with the
   dashboard panel, which draws the overdue and today groups only. */
.day-group{margin-bottom:16px;}
.day-group-head{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:6px;}
.day-group-head.overdue{color:var(--brick);}
.day-group-head.today{color:var(--mustard);}

/* The dashboard panel's rows, when the todos module (which owns .task-row) is off. */
.task-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line);}
.task-row:last-child{border-bottom:none;}
.task-title{font-size:13px;font-weight:500;}
.task-meta{font-size:12px;color:var(--text-muted);}

@media (max-width:760px){
  .row.cadence{grid-template-columns:1fr;gap:4px;}
}