main{max-width:1480px;margin:auto;padding:40px 32px 80px}h1{font-size:clamp(32px,5vw,54px)}h2{font-size:32px}h3{font-size:24px}input,select,textarea,button{font-size:16px;min-height:44px}textarea{resize:vertical}label{display:block;margin:16px 0}fieldset{min-width:0;border:1px solid var(--line,#ddd);padding:20px}legend{padding:0 10px}aside{min-width:0}.appointment-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2.5fr);gap:36px}.appointment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.appointment-grid label{min-width:0}.appointment-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.appointment-toolbar label{margin:0}.appointment-item{display:block;width:100%;text-align:left;background:transparent;color:var(--ink,#203b3f);border:1px solid var(--line,#ddd);padding:18px;margin:0 0 12px;overflow-wrap:anywhere}.appointment-item[aria-pressed=true]{background:#203b3f;color:#fff}.appointment-item span{display:block;font-size:14px;margin-top:4px}.appointment-check{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.appointment-check input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:11px}.appointment-check:has(input){min-height:44px}.small{font-size:14px;line-height:1.65}#editor{min-width:0}#editor>section{margin-top:32px;border-top:1px solid var(--line,#ddd);padding-top:16px}#email-previews iframe{width:100%;height:720px;display:block;background:#f2f0e9;border:1px solid var(--line,#ddd)}#email-previews h4{font-size:18px;margin:24px 0 8px}#email-previews p{overflow-wrap:anywhere}.delivery-item{padding:14px 0;border-bottom:1px solid var(--line,#ddd);overflow-wrap:anywhere}.delivery-item p{margin:6px 0}.delivery-item label{margin:10px 0}#events li{margin:12px 0;font-size:14px;overflow-wrap:anywhere}#message:focus{outline:2px solid #97774e;outline-offset:3px}button:disabled{opacity:.55;cursor:default}#actions select{max-width:100%}
@media(max-width:800px){main{padding:24px 20px 60px}.appointment-layout{grid-template-columns:1fr;gap:24px}.appointment-grid{grid-template-columns:1fr;gap:0}fieldset{padding:16px}#email-previews iframe{height:650px}.appointment-toolbar>*{max-width:100%}.appointment-check{flex-wrap:nowrap}.appointment-layout aside{max-height:380px;overflow:auto;padding:2px}.appointment-check span{display:none}}
.appointment-filters{align-items:flex-end}.appointment-filters button,.appointment-filters select{height:52px}
@media(max-width:360px){main{padding:20px 12px}fieldset{padding:12px}}