.invitation-board{padding-top:70px;padding-bottom:40px}
.invitation-board .portal-title>p,.invitation-compose>div>p{margin:6px 0 0;color:#637887}
.invitation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.invitation-card,.invitation-empty{padding:26px;border:1px solid #dbe6eb;border-radius:18px;background:#fff;box-shadow:0 5px 20px rgba(7,45,73,.05)}
.invitation-card{display:flex;flex-direction:column;gap:16px}
.invitation-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#637887;font-size:11px;font-weight:800}
.invitation-card-top>span{padding:5px 9px;border-radius:999px;color:#08767d;background:#dff6f6;text-transform:uppercase;letter-spacing:.06em}
.invitation-card h3,.invitation-empty h3{margin:0;font-size:22px;line-height:1.25}
.invitation-card>p,.invitation-empty p{margin:0;color:#637887;font-size:14px}
.invitation-card dl{display:grid;gap:8px;margin:0;padding-top:14px;border-top:1px solid #dbe6eb}
.invitation-card dl>div{display:flex;justify-content:space-between;gap:16px;font-size:12px}
.invitation-card dt{color:#637887}.invitation-card dd{margin:0;text-align:right;font-weight:800}
.invitation-card form{margin-top:auto}.invitation-card form .button{width:100%}
.join-state{display:block;margin-top:auto;padding:12px;border-radius:10px;color:#637887;background:#eef4f6;text-align:center;font-size:12px;font-weight:800}
.join-state.joined{color:#1a7852;background:#e3f6ed}
.invitation-empty{grid-column:1/-1}
.invitation-compose{display:grid;grid-template-columns:.65fr 1.35fr;gap:38px;align-items:start}
.invitation-compose h2{margin:10px 0 0}
.invitation-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.invitation-form label{display:grid;gap:7px;font-size:12px;font-weight:800}
.invitation-form input,.invitation-form select,.invitation-form textarea{width:100%;padding:11px 12px;border:1px solid #cadce4;border-radius:9px;background:#fff}
.invitation-form textarea{resize:vertical}
.invitation-form .full-width,.invitation-form .button{grid-column:1/-1}
.my-invitations{margin-top:18px!important;margin-bottom:28px!important}
@media(max-width:900px){.invitation-grid{grid-template-columns:1fr 1fr}.invitation-compose{grid-template-columns:1fr}}
@media(max-width:640px){.invitation-grid,.invitation-form{grid-template-columns:1fr}.invitation-form .full-width,.invitation-form .button{grid-column:auto}.invitation-card-top{align-items:flex-start;flex-direction:column}}
.member-quick-actions{display:flex;flex-wrap:wrap;gap:10px}
.calendar-invitation{color:#fff;background:#0a3d61}
.calendar-invitation>small{color:#dff6f6}
.calendar-invitation.joined-event{color:#145c40;background:#d9f4e6;box-shadow:inset 0 0 0 1px #79caa3}
.calendar-invitation.joined-event>small{color:#216b4d}
.calendar-invitation.own-event{color:#765514;background:#fff0c9}
.calendar-invitation.own-event>small{color:#765514}