.announcements-page{display:block;overflow:auto;background:#f3f8f6;color:#173f35;height:auto;min-height:100vh}.announcements-page .topbar{position:static;display:flex;gap:22px;padding:18px 28px;background:#124b3f;color:white}.announcements-page .topbar a{color:inherit}.announcements-main{display:block;max-width:1200px;margin:0 auto;padding:30px 28px;height:auto;overflow:visible}.announcement-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.announcement-heading h1{font-size:28px;margin:6px 0}.announcement-heading p,.announcement-help{color:#62786e}.announcement-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.announcement-metrics article,.announcement-card{background:white;border:1px solid #d6e6df;border-radius:16px;padding:22px;box-shadow:0 5px 20px #19493806}.announcement-metrics strong{display:block;font-size:32px;margin-top:8px}.announcement-toolbar,.announcement-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.announcement-toolbar input{flex:1;min-width:180px}.announcement-toolbar [aria-pressed=true],.announcement-primary{background:#17715a!important;color:white!important;border-color:#17715a!important}.announcement-card{margin:14px 0;display:block;width:100%;text-align:left;cursor:pointer;color:inherit;white-space:normal}.announcement-card h2{font-size:20px;margin:12px 0}.announcement-card p{color:#62786e;overflow-wrap:anywhere}.announcement-card.unread{border-left:5px solid #169771}.announcement-priority{display:inline-block;padding:4px 10px;border-radius:20px;background:#e9f0f7;color:#315271;font-size:13px;margin-right:8px}.announcement-priority.IMPORTANT{background:#fff1d3;color:#88520a}.announcement-priority.URGENT{background:#ffebe9;color:#a72826}.announcement-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.announcement-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px}.announcements-page dialog,.announcement-urgent{width:min(680px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #cedfd6;border-radius:18px;padding:26px;color:#173f35;background:white;box-sizing:border-box;box-shadow:0 20px 90px #09291f35}.announcement-urgent{z-index:10000}.announcement-urgent::backdrop{background:#08291fc4}.announcement-urgent button{display:block;width:100%;padding:14px;margin-top:20px}.announcements-page dialog label{display:block;margin:14px 0}.announcements-page dialog input:not([type=checkbox]),.announcements-page dialog textarea,.announcements-page dialog select{display:block;width:100%;box-sizing:border-box;margin-top:6px}.announcements-page fieldset{border:0;padding:0;min-width:0}.announcements-page button,.announcements-page input,.announcements-page select,.announcements-page textarea{font:inherit;border:1px solid #cadfd5;border-radius:9px;padding:10px 12px}.announcement-help{font-size:13px}.announcement-badge{background:#c53636;color:white;border-radius:20px;padding:2px 7px;font-size:12px}.announcement-badge[hidden]{display:none}.announcement-receipts li{padding:7px 0;overflow-wrap:anywhere}.announcement-permission{border-bottom:1px solid #d6e6df;padding:18px 0;overflow-wrap:anywhere}.announcement-permission label{display:flex!important;gap:8px}.announcements-page progress{width:100%;accent-color:#17715a}.announcements-page [hidden]{display:none!important}@media(max-width:650px){.announcements-main{padding:18px 12px}.announcement-heading{display:block}.announcement-metrics{gap:8px}.announcement-metrics article{padding:13px;font-size:13px}.announcement-heading h1{font-size:24px}.announcements-page .topbar{padding:15px;flex-wrap:wrap}.announcement-toolbar input{flex-basis:100%}}

.announcements-page{padding-left:76px}.announcements-page .side-rail{position:fixed;inset:0 auto 0 0;width:76px;box-sizing:border-box;background:linear-gradient(#104c3f,#103e34);display:flex;align-items:center;flex-direction:column;padding:16px 5px;gap:8px;z-index:20;overflow-y:auto}.announcements-page .side-rail a{width:64px;min-height:60px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:9px;color:#c5e2d6;text-decoration:none;font-size:10px}.announcements-page .side-rail a[aria-current]{background:#ffffff15;box-shadow:inset 3px 0 #8be3c0;color:#ecfff5}.announcements-page .side-rail svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.announcements-page .side-rail a:hover{background:#ffffff15}.announcement-heading>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:650px){.announcements-page{padding-left:56px}.announcements-page .side-rail{width:56px;padding:10px 3px}.announcements-page .side-rail a{width:48px;font-size:9px;min-height:53px}.announcement-metrics{gap:5px}.announcement-metrics article{padding:9px;font-size:12px}}