.period-controls{display:flex;align-items:center;gap:6px}.period-controls select{min-width:125px}.period-controls input{width:86px}.period-controls .icon-btn{font-size:26px}.niwus-button{white-space:nowrap}.period-presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.day-period-row{display:grid;grid-template-columns:90px 1fr 1fr 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line,#dde4ee)}.day-period-row .form-group{margin:0}.niwus-topic{padding:16px 0;border-bottom:1px solid #dde4ee}.niwus-topic summary{font-weight:700;cursor:pointer}.niwus-topic p{line-height:1.7;max-width:74ch}.niwus-intro{padding-bottom:8px}.niwus-intro p{line-height:1.6}.demo-examples{background:#eff5ff;border:1px solid #d2e1fa;border-radius:16px;padding:16px;margin-bottom:20px}.demo-examples summary{font-weight:700;cursor:pointer}.demo-examples p{line-height:1.6}.topbar .top-actions{flex-wrap:wrap;justify-content:flex-end}.period-controls .context-filter{min-width:0}@media(max-width:900px){.topbar{height:auto;min-height:76px;align-items:flex-start;gap:12px;padding-top:12px;padding-bottom:12px}.topbar .top-actions{gap:8px}.period-controls select{min-width:110px}.day-period-row{grid-template-columns:1fr 1fr}.day-period-row>strong{grid-column:1/-1}.niwus-button{font-size:12px}.period-controls input{width:76px}}@media(max-width:560px){.topbar .breadcrumb{display:none}.topbar .top-actions{flex:1}.period-controls{order:2;width:100%;justify-content:flex-end}.day-period-row{grid-template-columns:1fr 1fr}}
.period-controls select,.period-controls input{height:36px;min-height:36px;border:1px solid #dfe6f0;border-radius:9px;background:#fff;padding:7px 10px;color:#334764;font-family:inherit;font-size:12px;box-shadow:0 1px 2px #14213d04}.period-controls select:focus,.period-controls input:focus{outline:2px solid #c3d8ff;outline-offset:1px}.period-controls .icon-btn{align-self:flex-end;height:36px;width:28px;min-width:28px}.period-controls .context-filter:first-of-type{flex:initial}

.period-controls #year-filter{min-width:86px;width:86px}
.day-hours-summary{background:#eef5ff;border:1px solid #d2e1f6;border-radius:9px;padding:13px 15px;font-weight:650;color:#26466e}.period-presets .btn{white-space:normal}.day-period-row input[type="time"]{min-width:0}.day-period-row .form-group input{max-width:100%}