.date-form-page{max-width:760px;margin:0 auto}
.date-form-page h1{font-size:clamp(28px,3vw,36px);margin:14px 0}
.date-form{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;width:100%;gap:14px;margin-top:16px;padding:22px}
.date-field{display:grid;gap:6px;min-width:0}
.date-field>label{font-weight:650}
.date-two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-width:0}
.date-form input:not([type=checkbox]){min-height:44px;max-width:100%;padding:9px 12px}
.date-form input[type=checkbox]{width:20px!important;height:20px!important;min-height:20px!important;margin:0;padding:0;flex:0 0 20px;accent-color:var(--green)}
.date-form .date-check,.date-form fieldset label{display:flex;align-items:center;gap:10px;min-height:40px;cursor:pointer}
.date-fieldset{min-width:0;border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.date-fieldset legend{padding:0 6px;font-weight:700}
.date-checkbox-grid>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px}
.date-people{margin-top:10px}
.date-people summary{cursor:pointer;min-height:40px;display:flex;align-items:center;color:var(--green);font-weight:650}
.date-people summary::before{content:"+";margin-right:8px}
.date-people[open] summary::before{content:"-"}
.date-people>div{max-height:220px;overflow-y:auto;padding-top:6px}
.date-form-actions{display:flex;gap:10px;flex-wrap:wrap}
.date-form .errorlist{color:var(--red);padding-left:20px;margin:4px 0}
.date-list{display:grid;gap:12px}
.date-item{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:20px}
.date-item-info{min-width:0;overflow-wrap:anywhere}
.date-item h2{font-size:22px;margin:4px 0}
.date-item p{margin:4px 0}
.date-item .date-item-day{font-weight:750;color:var(--green)}
.date-item .date-audience{font-size:14px}
.date-item-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.app-update-notice{position:fixed;bottom:18px;right:18px;z-index:40;width:min(520px,calc(100vw - 36px));display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--green);border-radius:16px;padding:16px;box-shadow:0 10px 35px #17352f25}
.app-update-notice[hidden]{display:none!important}
.app-update-notice>span{flex:1 1 100%;overflow-wrap:anywhere}
@media(max-width:600px){
 .date-two-columns{grid-template-columns:1fr}
 .date-form{padding:16px;gap:12px}
 .date-fieldset{padding:8px 10px}
 .date-item{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}
 .date-item-actions{width:100%}
 .date-form-actions>*{flex:1}
}