.portal-availability-panel{min-height:0;padding:clamp(18px,4vw,42px);overflow:auto}.portal-availability-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.portal-availability-intro h1{margin:4px 0 8px;font-size:clamp(28px,4vw,44px);letter-spacing:0}.portal-availability-intro p{margin:0;max-width:620px;color:#687077;line-height:1.55}.portal-availability-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.portal-availability-month{padding:18px;border:1px solid #dce0e2;border-radius:8px;background:#fff}.portal-availability-month h2{margin:0 0 14px;font-size:20px;letter-spacing:0}.portal-availability-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.portal-availability-day{display:grid;grid-template-columns:auto 1fr;gap:0 6px;min-height:76px;padding:11px;border:1px solid #cfe7dc;border-radius:7px;background:#eff8f3;color:#22312b;text-decoration:none}.portal-availability-day--tentative{border-color:#efd49d;background:#fff7e8}.portal-availability-day strong{grid-row:1/3;font:700 27px Georgia,serif}.portal-availability-day span{align-self:end;font-size:11px;text-transform:uppercase}.portal-availability-day small{grid-column:1/-1;margin-top:6px;color:#66716c}.client-notifications{display:inline-block}.client-notifications>summary{position:relative;display:grid;place-items:center;cursor:pointer}.client-notification-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.client-notification-panel header button{border:0;background:transparent;color:#96394f;cursor:pointer}.client-notification-panel .notification-list{display:grid;gap:6px;max-height:380px;overflow:auto}.client-notification-panel .notification-item{display:grid;gap:3px;padding:11px;border-radius:7px;background:#f4f5f5;color:#202224;text-decoration:none}.client-notification-panel .notification-item--unread{background:#fae9ed}.client-notification-panel .notification-item strong{font-size:13px}.client-notification-panel .notification-item span{font-size:11px;color:#676d72}
@media(max-width:680px){.portal-availability-panel{padding:16px}.portal-availability-intro{display:grid;align-items:start}.portal-availability-intro .portal-project-link{width:100%;box-sizing:border-box;text-align:center}.portal-availability-months{grid-template-columns:1fr}.portal-availability-days{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-cabinet-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-cabinet-nav a{padding-inline:8px;font-size:12px}}