.rota-day {
    margin-bottom:28px
}
.rota-day>h2 {
    font-size:1rem;
    margin-bottom:12px;
    color:var(--muted)
}
.shift-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:20px 24px;
    border-bottom:1px solid var(--line)
}
.shift-row:last-child {
    border-bottom:0
}
.shift-row h3 {
    margin:4px 0
}
.shift-row p {
    margin:0
}
.shift-time {
    font-weight:650
}
.shift-row .actions {
    margin:0
}
.shift-row summary {
    cursor:pointer;
    min-height:44px;
    padding:10px 4px
}
.shift-row details form {
    max-width:240px
}
.shift-row details p {
    margin:12px 0
}
.stack details {
    padding:12px;
    border:1px solid var(--line);
    border-radius:8px
}
.stack details summary {
    cursor:pointer;
    min-height:44px;
    padding:8px 0
}
.stack details label {
    margin:10px 0 4px
}
@media(max-width:720px) {
    .shift-row {
        flex-direction:column;
        align-items:stretch;
        padding:20px
    }
    .shift-row .actions {
        gap:8px;
        flex-wrap:wrap
    }
    .shift-row .button {
        min-height:44px
    }
    .shift-time {
        overflow-wrap:anywhere
    }
}