.deadlineHeading,.deadlineRow{display:grid;grid-template-columns:145px minmax(0,1fr) 95px 190px;align-items:center;gap:18px}.deadlineHeading{padding:0 16px 14px;color:var(--muted);font-size:11px}.deadlineRow{padding:16px;margin:8px 0;background:var(--side);border-left:4px solid #55514b;border-radius:8px}.deadlineDate{display:flex;flex-direction:column;gap:5px;font-size:14px}.deadlineDate small,.deadlineSubject p{color:var(--muted);font-size:12px}.deadlineSubject h3{font-size:14px;margin:0;overflow-wrap:anywhere}.deadlineSubject p{margin:6px 0 0}.deadlineActions{display:flex;gap:9px;justify-content:flex-end}.completionButton{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--card);color:var(--ink);font-size:12px;cursor:pointer}.completionButton:hover{border-color:var(--red)}.completionButton.done{color:#72d18a}.completionButton:disabled{opacity:.5}.item.appointmentEntryRow{grid-template-columns:90px minmax(0,1fr) auto 24px}@media(max-width:800px){.deadlineHeading{display:none}.deadlineRow{grid-template-columns:minmax(0,1fr) auto;gap:12px}.deadlineDate{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:12px}.deadlineSubject{grid-column:1}.deadlineActions{grid-column:1/-1;justify-content:flex-start}.item.appointmentEntryRow{grid-template-columns:80px minmax(0,1fr) auto 24px;gap:6px}}