#monarchie-member-design .calendar-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:28px;align-items:start}
#monarchie-member-design .month-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0}
#monarchie-member-design .month-nav h2{margin:0;text-align:center}
#monarchie-member-design .calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-bottom:20px}
#monarchie-member-design .calendar-grid button{min-height:55px;padding:7px 2px;border-radius:5px;font-size:15px}
#monarchie-member-design .calendar-grid .weekday{text-align:center;font-size:12px;color:var(--soft)}
#monarchie-member-design .calendar-grid button.has-event{border-bottom:4px solid var(--gold)}
#monarchie-member-design .event-card{background:#204438;border:1px solid #66816b;border-radius:14px;padding:20px;margin:15px 0}
#monarchie-member-design .event-card.cancelled{opacity:.7}
#monarchie-member-design .event-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
#monarchie-member-design .member-token{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #597362;border-radius:9px;margin:8px 0;background:#15392c;overflow-wrap:anywhere}
#monarchie-member-design .member-token img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0}
#monarchie-member-design .member-token span{font-size:14px}
#monarchie-member-design #day-title{margin-top:25px}
#monarchie-member-design .invite-item{display:block;margin:8px 0}
#monarchie-member-design .directory .member-body{padding-bottom:20px}
#monarchie-member-design .directory .meet{width:100%;margin-top:16px}
#monarchie-member-design #search-form{display:flex;align-items:end;gap:12px;margin:25px 0}
#monarchie-member-design #search-form label{margin:0;flex:1}
#monarchie-member-design .tabs{align-items:center;margin-top:24px}
@media(max-width:800px){#monarchie-member-design .calendar-layout{grid-template-columns:1fr}#monarchie-member-design .event-card{padding:14px}}

#monarchie-member-design .time-scroll{max-height:640px;overflow:auto;border:1px solid #64836c;border-radius:12px;margin-bottom:20px;scroll-padding-top:90px}
#monarchie-member-design .time-table{border-collapse:separate;border-spacing:0;width:100%;background:#14372b;table-layout:fixed}
#monarchie-member-design .week-table{min-width:1040px}
#monarchie-member-design .day-table{min-width:280px}
#monarchie-member-design .time-table caption{padding:12px;text-align:left;background:#183d30;color:#efce84}
#monarchie-member-design .time-table th,#monarchie-member-design .time-table td{border-right:1px solid #45624d;border-bottom:1px solid #45624d;padding:5px;vertical-align:top}
#monarchie-member-design .time-table thead th{position:sticky;top:0;background:#204438;z-index:2}
#monarchie-member-design .time-table th:first-child{width:66px}
#monarchie-member-design .time-table tbody th{position:sticky;left:0;background:#163b2d;font-size:13px;padding-top:18px;z-index:1}
#monarchie-member-design .time-table thead button{padding:7px 2px;width:100%;font-size:13px}
#monarchie-member-design .time-table .slot-add{width:100%;background:#173d2f;color:#c9d5c7;border:1px dashed #66866c;font-size:12px;padding:6px;min-height:44px;text-align:left}
#monarchie-member-design .time-table .slot-event{width:100%;margin-top:5px;background:#e8c575;color:#251d0a;border-color:#ffdc95;padding:8px;font-size:12px;text-align:left;overflow-wrap:anywhere;min-height:44px}
#monarchie-member-design .time-table .slot-add:hover{background:#315c44}
#monarchie-member-design .event-card:focus{outline:3px solid #e8c575;outline-offset:4px}
@media(max-width:600px){#monarchie-member-design .time-scroll{max-height:540px}}

#monarchie-member-design .calendar-layout.time-layout{display:block}#monarchie-member-design .time-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}#monarchie-member-design .time-layout>aside>.small{grid-column:1/-1}@media(max-width:700px){#monarchie-member-design .time-layout>aside{display:block}}