/* Use the whole appointment width for the name, wrapping only if needed. */
body.server-app .calendar-panel .calendar-appointment{left:2px;right:2px;padding:3px 5px;gap:2px;align-items:stretch;justify-content:flex-start;overflow:auto;scrollbar-width:thin}
body.server-app .calendar-panel .calendar-appointment>strong{order:-3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;flex:0 0 auto;width:100%;max-width:100%;min-width:0;margin:0;padding:0;font-size:12px;line-height:1.2;font-weight:700;text-align:left;white-space:normal;word-break:normal;overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis}
body.server-app .calendar-panel .calendar-appointment>span:not(.calendar-sequence-badge){order:-2;flex:none;width:100%;font-size:9px;line-height:1.2}
body.server-app .calendar-panel .calendar-appointment>small{order:0;flex:none;width:100%;font-size:9px;line-height:1.2}
body.server-app .calendar-panel .calendar-appointment .calendar-sequence-badge{order:1;position:static;flex:none;width:100%;min-height:0;margin:0;padding:2px 4px;font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}