/* Le Mie Ore ♡ · Build 1. Responsive additions. */
.release-card {background:linear-gradient(145deg,#fffafe,#fff1f8)}
.release-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.release-title-row h2{margin:0}
.release-new{background:#bf4382;color:white;border-radius:100px;padding:3px 9px;font-size:11px;font-weight:800}
.release-new[hidden], .release-details[hidden]{display:none!important}
.release-toggle{width:100%;text-align:left}
.release-details{border-top:1px solid #efd1df;margin-top:12px;padding-top:12px}
.release-details h3{font-size:15px;color:#9b416c}
.release-details ul{padding-left:20px;line-height:1.55}
.vacation-color-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center}
#vacationColor{height:52px;min-width:0;padding:5px;cursor:pointer}
.vacation-color-preview{height:52px;border-radius:12px;border:1px solid #e9c8da;display:flex;align-items:center;padding:0 12px;color:#493743;font-size:13px;min-width:0}
#vacationSettingsCard select{height:52px}
.vacation-hours-field{background:#fff9fc;border:1px solid #efccdf;border-radius:12px;padding:12px;margin:12px 0}
.vacation-hours-field[hidden]{display:none!important}
.vacation-hours-field input{height:52px}
.shift-state{margin:10px 0;border:1px solid #f0dbe7;padding:8px;border-radius:12px;min-width:0}
.shift-state>span{display:block;font-size:12px;font-weight:750;color:#80566a;margin:0 0 7px}
.shift-state-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.shift-state-button{min-width:0;width:100%;padding:11px 5px;font-size:clamp(11px,3vw,13px);font-weight:750;background:#f7e7ef;color:#80546b;border:1px solid #ecd0dc}
.shift-state-button.active-planned{background:#dbf5e8;color:#126b45;border-color:#8ecbab}
.shift-state-button.active-confirmed{background:#f2c9df;color:#8a2e61;border-color:#da8cb8}
.day.work.only-planned{background:#d7f4e3!important;border-color:#91cdae!important;color:#185e3f!important}
.day.work.mixed-planned{border:2px solid #83c9a4!important}
.day .shift-times.planned-shift{color:#13613f!important;background:#d6f2e3!important;border-radius:4px;padding:1px 0}
.day .planned-label{display:block;font-size:8px;font-weight:700;color:#197147}
.day-preview-shift{min-width:0}
.day-preview-shift.preview-planned{background:#ebf8f0;border:1px solid #b4dfc7;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px;border-radius:10px;margin:6px 0}
.day-preview-shift.preview-planned>*{min-width:0}
.confirm-shift{background:#22764b;color:white;font-size:12px;white-space:nowrap;padding:8px 10px}
#summary .stat strong{font-size:clamp(17px,4.7vw,22px)}
#calendarPage .day, #calendarPage .calendar-preview,#calendarPage .leave-range-card{min-width:0;max-width:100%}
#calendarPage .day{overflow:hidden}
@media(max-width:400px){.shift-state-buttons{gap:5px}.shift-state-button{padding:10px 2px}.release-card{padding:12px}}

.vacation-check{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;padding:10px 0;line-height:1.35}
.vacation-check input{width:20px!important;height:20px!important;flex:none;accent-color:#b64f7b}