:root{--maintenance-height:0px}
.maintenance-banner{position:fixed;inset:0 0 auto;z-index:65;max-height:30dvh;overflow:auto;background:#fff0bf;color:#342600;border-bottom:2px solid #d79b17;box-shadow:0 2px 12px #0002;font-size:.9rem}
.maintenance-banner[hidden]{display:none}
.maintenance-item{padding:10px 24px;border-bottom:1px solid #b5802045;line-height:1.4;overflow-wrap:anywhere}
.maintenance-item:last-child{border-bottom:0}
.maintenance-label{display:inline-block;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em;margin-right:12px}
.maintenance-title{font-weight:700}
.maintenance-message{margin:3px 0;white-space:pre-wrap}
.maintenance-dates{display:block;font-size:.78rem}
.maintenance-ongoing,.maintenance-expired{background:#ffe0b2;color:#452400}
.app-header{top:var(--maintenance-height)}
.sidebar{top:calc(var(--header) + var(--maintenance-height))}
.content{margin-top:calc(var(--header) + var(--maintenance-height));min-height:calc(100vh - var(--header) - var(--maintenance-height))}
.chat-layout{height:calc(100dvh - 138px - var(--maintenance-height))}
.fullscreen-chat{top:var(--maintenance-height);height:calc(100dvh - var(--maintenance-height))}
.fullscreen-chat .chat-layout{height:calc(100dvh - var(--maintenance-height))}
@media(max-width:650px){.maintenance-item{padding:8px 14px}.maintenance-label{display:block}.chat-layout{height:calc(100dvh - 126px - var(--maintenance-height))}.fullscreen-chat,.fullscreen-chat .chat-layout{height:calc(100dvh - var(--maintenance-height))}}