.routine-item:has(.routine-edit-button){grid-template-columns:105px minmax(0,1fr) auto}
.routine-edit-button{min-height:44px;align-self:start}
.routine-edit-modal{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:hidden}
.routine-edit-modal form{display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}
.routine-edit-modal .modal-body{overflow-y:auto;min-height:0}
.routine-edit-modal .modal-head,.routine-edit-modal .modal-foot{flex-shrink:0}
#routineEditError{color:var(--red)}
.routine-kind-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.routine-kind-tabs button{min-height:44px;flex:1 1 160px}
.routine-kind-tabs button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}
.routine-item.routine-missed{border-color:#d84b4b}
.routine-missed-label{color:#d84b4b!important;font-weight:700}
#addRoutineActivity{margin-top:16px;min-height:44px}
@media(max-width:700px){.routine-item:has(.routine-edit-button){grid-template-columns:minmax(0,1fr) auto}.routine-item:has(.routine-edit-button)>time{grid-column:1/-1}.routine-item:has(.routine-edit-button)>label{min-width:0}.routine-edit-modal .form-grid{grid-template-columns:1fr}.routine-edit-modal .modal-foot{flex-wrap:wrap}}