.headeractions{display:flex;align-items:center;gap:12px}.mode-switch{display:flex;background:#eaf0e8;border-radius:8px;padding:3px}.mode-switch button{border:0;background:transparent;padding:8px 13px;font-size:11px;color:#718578;border-radius:6px}.mode-switch button[aria-pressed=true]{background:white;color:#176d57;box-shadow:0 1px 4px #173d3210}.statlink{text-align:left;transition:transform .15s,box-shadow .15s}.statlink:hover{transform:translateY(-2px);box-shadow:0 6px 20px #173d320d;border-color:#a7c7b0}.event{transition:box-shadow .15s,transform .15s}.event:hover{transform:translateY(-1px);box-shadow:0 3px 8px #173d3215}.daypick{border:0;background:none;color:#65786d;width:26px;height:26px;border-radius:50%;font-size:11px;margin-bottom:6px}.daypick:hover{background:#e4efde;color:#176d57}.today .daypick{background:#176d57;color:white}.reviewmeta{font-size:11px;color:#778681;margin:9px 0 0}.clientgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}#clientreview{max-width:1030px;padding:28px}.networktabs{display:flex;gap:8px;margin-bottom:13px}.networktabs button{padding:8px 14px;border:1px solid #e1e9e4;background:white;border-radius:7px;color:#708578;font-size:11px}.networktabs button[aria-pressed=true]{background:#eaf3e7;border-color:#a9c4ad;color:#176d57}.socialcard{border:1px solid #e0e7e0;border-radius:12px;background:white;overflow:hidden}.socialhead{display:flex;align-items:center;padding:13px;gap:10px;font-size:11px}.socialhead div{flex:1}.socialhead strong{display:block}.socialhead small{display:block;color:#8a998f;font-size:10px;margin-top:3px}.avatar{display:grid;place-items:center;background:#e3efdb;color:#32754e;width:32px;height:32px;border-radius:50%;font:700 18px Manrope}.socialvisual{position:relative;aspect-ratio:1;overflow:hidden;background:#e7eedf}.socialvisual img,.socialvisual video{width:100%;height:100%;object-fit:contain;display:block}.vertical .socialvisual{aspect-ratio:9/14;max-height:480px}.mockslide{height:100%;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 100% 100%,#c9dcae,transparent 60%),#eaf0e0;color:#244a36}.mockslide>span{font:800 18px Manrope}.mockslide>span span{color:#789d4e}.mockslide h3{font:600 33px/1.15 Manrope;letter-spacing:-1px;margin:13px 0}.mockslide small{font-size:9px;letter-spacing:1px}.mockslide>small{letter-spacing:0;font-size:10px;color:#6e866b}.slidecount{position:absolute;top:13px;right:13px;background:#244a36cc;color:white;border-radius:30px;font-size:10px;padding:5px 9px}.slidecontrols{display:flex;justify-content:space-between;align-items:center;padding:7px 12px}.slidecontrols>button{width:30px;height:30px;background:none;border:1px solid #e1e9e4;border-radius:50%;color:#176d57}.slidecontrols>div{display:flex;gap:5px}.slidedot{padding:0;border:0;width:7px;height:7px;border-radius:50%;background:#d8e2d3}.slidedot[aria-pressed=true]{background:#176d57}.slidedot:focus-visible{outline:2px solid #176d57;outline-offset:4px}.socialcaption{padding:15px;border-top:1px solid #edf0eb;font-size:11px}.socialcaption p{white-space:pre-wrap;line-height:1.7;margin-bottom:0;color:#627568}.copycaption{margin-top:10px}.feedbackpanel>h3{font:600 18px Manrope;margin:15px 0 9px}.feedbackintro{font-size:11px;color:#778681;line-height:1.7;margin:0 0 20px}.feedbackactions{display:flex;gap:8px;justify-content:flex-end}.requestbutton{border:1px solid #dabbaa;color:#9a6247;background:#fbf5ef;border-radius:7px;padding:10px 13px;font-size:11px}.approvalbox{margin-top:22px;padding:16px;background:#f1f6ed;border:1px solid #dce8d3;border-radius:9px}.approvalbox .check{font-size:11px;line-height:1.6}.approvalbox .approve{width:100%;margin:10px 0;font-size:12px}.approvalbox a,.approvalbox small{color:#69875d;font-size:10px;display:block}.clientdetails{margin-top:18px;padding-top:13px;border-top:1px solid #e1e9e4}.clientdetails summary{color:#607b68;font-size:11px;cursor:pointer;font-weight:600}.clientdetails form{margin-top:13px}.activitylist{margin-top:12px;max-height:270px;overflow:auto}.activity{display:flex;gap:10px;padding:10px 0;font-size:11px}.activitymark{display:grid;place-items:center;width:23px;height:23px;background:#edf3e8;color:#698b53;border-radius:50%;flex:none}.activity strong{font-size:11px;color:#4f6e5a}.activity p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;margin:6px 0}.activity small{display:block;color:#91a18f;font-size:9px;margin-top:5px}.activityempty{font-size:11px;color:#8c9d8e}.localnote{font-size:10px;line-height:1.7;color:#8b9c8b;margin:17px 0}.nextreview{width:100%;margin-top:4px}.clientmode nav button[hidden]{display:none}#suggestion{max-width:560px}.clientmode .flow{display:none}@media(max-width:760px){.clientgrid{grid-template-columns:1fr}#clientreview{padding:18px}.headeractions{gap:6px}.headeractions #export{font-size:10px;padding:8px}.mode-switch button{padding:7px 9px;font-size:10px}.breadcrumb{display:none}.headeractions{width:100%;justify-content:space-between}.mockslide h3{font-size:28px}.statlink{padding:12px}.slidedot{width:10px;height:10px}.slidecontrols>div{gap:9px}.feedbackactions>button{flex:1}.dialoghead h2{font-size:20px}.socialvisual{max-height:480px}}
/* Keep the complete month visible on desktop without reducing the page zoom. */
@media (min-width:761px){
  body:has(.calendarpanel) header{height:54px}
  body:has(.calendarpanel) .notice{margin-top:8px;padding:5px 12px}
  body:has(.calendarpanel) .pageheading{padding:8px 0}
  body:has(.calendarpanel) .eyebrow{margin-bottom:4px}
  body:has(.calendarpanel) h1{font-size:25px}
  body:has(.calendarpanel) .pageheading p:not(.eyebrow){margin-top:5px}
  body:has(.calendarpanel) .stats{gap:10px;margin-bottom:12px}
  body:has(.calendarpanel) .stat{padding:9px 14px;position:relative}
  body:has(.calendarpanel) .stat b{font-size:23px;margin:2px 0}
  body:has(.calendarpanel) .stat small{position:absolute;right:12px;bottom:12px;font-size:9px;max-width:60%;text-align:right}
  .calendarpanel .toolbar{padding:9px 14px}
  .calendarpanel .weekday{padding:7px 9px}
  .calendarpanel .day{min-height:clamp(64px,calc((100dvh - 400px)/6),90px);padding:4px 6px}
  .calendarpanel .daypick,.calendarpanel .daynum{width:18px;min-width:18px;height:18px;margin-bottom:1px}
  .calendarpanel .event{display:flex;align-items:center;gap:5px;padding:3px 4px;margin-bottom:2px}
  .calendarpanel .event small{flex:none;font-size:8px;line-height:1.2;margin:0}
  .calendarpanel .event strong{min-width:0;font-size:9px;line-height:1.2}
  .calendarpanel .legend{padding:8px 14px}
}