/* Workforce and collaboration use the existing teal design tokens. */
.leave-date-preview{display:flex;gap:8px;flex-wrap:wrap;max-height:240px;overflow:auto;padding:12px;border:1px solid #d2e5e0;border-radius:12px;background:#f5faf8}.leave-date-preview:empty{display:none}.leave-date-preview button{border:1px solid #b7d8cf;border-radius:8px;padding:8px 11px;background:white;color:#214e45}.leave-date-preview button[aria-pressed=true]{background:#edf0f2;color:#5e6970;text-decoration:line-through}.leave-date-preview button:focus-visible{outline:3px solid #187d70;outline-offset:2px}
.routing-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chat-routing{padding:14px 0;border-bottom:1px solid #dce8e3;margin-bottom:12px}.chat-routing details{margin-top:10px}.routing-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px 0}.routing-form label{display:grid;gap:7px;font-size:13px}.routing-form label:has(textarea),.routing-form .check-row{grid-column:1/-1}.routing-form .check-row{display:flex;align-items:center}.chat-routing ol{max-height:220px;overflow:auto;padding-left:22px}.chat-routing li{padding:7px 0;font-size:12px;color:#52645e}.chat-centre .message-panel{min-width:0}.chat-centre .message{overflow-wrap:anywhere}.chat-centre .conversation-list>a small{display:block;margin-top:5px}
.notification-panel{width:min(360px,calc(100vw - 32px));max-height:min(520px,80vh);overflow:auto;box-shadow:0 16px 48px #143d3026}.notification-panel .notice-card{border:1px solid #e1ebe7;border-radius:10px;margin:8px 0;padding:10px;background:#fff}.notification-panel .notice-card.is-unread{border-left:3px solid #138375;background:#f0f8f5}.notification-panel .notice-card a{display:grid;gap:5px;padding:0;border:0}.notification-panel .notice-card form{margin:6px 0 0}.notification-panel .notice-card button{font-size:12px;padding:3px 0}.notification-panel small{color:#557067}.brand-logo,.brand-mark{animation:brand-presence 4s ease-in-out infinite}.brand-logo{transform-origin:center}.form-grid .helptext,.form-grid .help-text{line-height:1.5}.routing-form button{justify-self:start}
@keyframes brand-presence{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 5px #249c8970)}}
@media(prefers-reduced-motion:reduce){.brand-logo,.brand-mark{animation:none}}
@media(max-width:760px){.routing-form{grid-template-columns:1fr}.chat-centre{grid-template-columns:1fr}.chat-centre .conversation-list{max-height:220px;overflow:auto}.leave-date-preview button{min-height:40px}}
.leave-date-buttons{display:flex;gap:8px;flex-wrap:wrap;width:100%}.leave-date-preview>p{width:100%;margin:0}.compact-leave-form .form-grid>label:has([name=excluded_dates]),.compact-leave-form .form-grid>label:has([name=skip_weekdays]),.compact-leave-form .form-grid>label:has([name=bulk_employees]){grid-column:1/-1}.compact-leave-form #id_skip_weekdays{display:flex;gap:12px;flex-wrap:wrap}.compact-leave-form #id_skip_weekdays label{display:flex;gap:6px;align-items:center}