.wh{margin:16px 0;padding:15px 16px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line) inset}
.wh-head{margin-bottom:12px}.wh-head div{display:grid;gap:3px}.wh-head b{font-size:14px}.wh-head span{font-size:12.5px;line-height:1.5;color:var(--ink-soft)}
.wh-grid{display:grid;gap:4px}.wh-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(210px,1.4fr);align-items:center;gap:12px;min-height:48px;border-top:1px solid var(--line)}
.wh-row:first-child{border-top:0}.wh-day{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:650;min-height:44px}.wh-day input{width:18px;height:18px;accent-color:var(--brass)}
.wh-times{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.wh-times span{font-size:12px;color:var(--ink-soft)}
.wh-times input{min-height:40px;padding:7px 9px}.wh-row.off .wh-times{opacity:.38}.wh-row.bad .wh-times input{box-shadow:0 0 0 1px var(--bad) inset}
.wh>.hint{margin:10px 0 0}
@media(max-width:620px){.wh-row{grid-template-columns:1fr}.wh-times{margin:-4px 0 8px 27px}.wh-times input{min-height:44px}}