.routine-filter{grid-template-columns:minmax(260px,2fr) 1fr auto}
.routine-list{display:grid;gap:9px}
.routine-row{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) auto;
    gap:14px;
    align-items:start;
    background:#fff;
    border:1px solid var(--line);
    border-radius:15px;
    padding:14px
}
.routine-row.late{background:#fffafa;border-color:#efc0ba}
.routine-date{
    width:44px;height:48px;
    border-radius:10px;
    background:#f0f0ed;
    display:grid;
    place-items:center;
    align-content:center
}
.routine-date strong{font-size:18px;line-height:1}
.routine-date small{font-size:10px;color:var(--muted);margin-top:2px}
.routine-title-line{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.routine-main p{margin:8px 0;color:#60605d;line-height:1.45}
.routine-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.routine-actions{display:flex;gap:10px;align-items:center;font-size:12px}
.routine-actions a:not(.button),.routine-actions .text-action{text-decoration:underline}
.routine-checklist-preview pre{
    white-space:pre-wrap;
    font-family:inherit;
    background:#f6f6f3;
    border-radius:10px;
    padding:12px;
    line-height:1.5
}
@media(max-width:760px){
    .routine-filter{grid-template-columns:1fr}
    .routine-row{grid-template-columns:46px minmax(0,1fr)}
    .routine-actions{grid-column:2;flex-wrap:wrap}
}