/* My Day (Work): two columns of the owner's cards (tasks.css), each a short list of rows */
.myday-today { margin-left: 6px; vertical-align: 1px; }
.myday-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 16px; align-items: start; }
.myday-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.myday-check { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); min-height: 41px; }
.myday-check:last-child { border-bottom: 0; }
.myday-check label { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; cursor: pointer; }
.myday-check input[type="checkbox"] { accent-color: var(--red); width: 16px; height: 16px; flex: none; margin: 0; }
.myday-check.done label span { text-decoration: line-through; color: var(--faint); }
.myday-check > svg.i { color: var(--text3); }
.myday-check .tasks-input { flex: 1; }
.myday-check .icon { width: 24px; height: 24px; color: var(--faint); }
.myday-t { flex: 1; min-width: 0; }
.myday-t small { display: block; color: var(--text3); font-size: 13px; }
.myday-t a { color: inherit; text-decoration: none; } .myday-t a:hover { text-decoration: underline; }
.myday-meta { margin-left: auto; display: flex; gap: 6px; align-items: center; flex: 0 1 auto; min-width: 0; }
.myday-add { display: flex; gap: 8px; margin-top: 8px; }
.myday-add .tasks-input { flex: 1; }
.myday-ev { display: grid; grid-template-columns: 64px 1fr auto; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.myday-ev:last-child { border-bottom: 0; }
.myday-ev time { font: 12px var(--mono); color: var(--text3); }
.myday-ev > div { border-left: 3px solid var(--red); padding-left: 10px; }
.myday-ev.myday-now > div { border-color: var(--ok); }
.myday-ev b { font-weight: 400; display: block; }
.myday-ev small { display: block; color: var(--text3); font-size: 12px; }
.myday-off { margin: 0 0 8px; }
.myday-off + .tasks-hint { margin: 0; max-width: 62ch; }
.myday-go { width: 100%; justify-content: center; height: 34px; }
@media (max-width: 900px) { .myday-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) { .myday-add { flex-wrap: wrap; } .myday-meta .tasks-dept { display: none; } }