.announcements{background:#faf8ff;border:1px solid #e4dcf7;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.announcements-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.announcements-head>span{color:var(--v2-primary-hover);align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.announcements-head>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.announcements-head .text-button{align-items:center;gap:5px;font-size:12px;display:inline-flex}.announcements-head .btn{padding:7px 11px;font-size:12px}.announcements-on{color:#39826b;align-items:center;gap:4px;font-size:12px;display:inline-flex}.announcements ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.announcement{background:#fff;border:1px solid #ece8f7;border-left:3px solid #8a72d0;border-radius:8px;padding:10px 12px}.announcement.important{background:#fff8f6;border-left-color:#d4553f}.announcement p{color:#4f586a;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.announcement-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.announcement-meta small{color:#939bad;font-size:12px}.announcement-meta small b{color:#d4553f}.announcement-meta small b.pin{color:var(--v2-primary-hover)}html.dark .announcement-meta small b.pin{color:#c9bdf0}.announcement-meta span{align-items:center;gap:8px;display:flex}.announcement-zalo{color:#fff;cursor:pointer;background:#0068ff;border:0;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.announcement-zalo:hover{background:#0055d4}.announcements-empty{color:#939bad;font-size:13px}.announcement-compose{flex-direction:column;gap:8px;display:flex}.announcement-compose textarea{color:#596277;resize:vertical;background:#fff;border:1px solid #e1e5ed;border-radius:7px;width:100%;min-height:80px;padding:10px 12px;font-size:14px}.announcement-compose-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.announcement-compose-row select{color:#596277;background:#fff;border:1px solid #e1e5ed;border-radius:7px;padding:8px 10px;font-size:13px}html.dark .announcements{background:#1c1a2c;border-color:#3b3364}html.dark .announcements-head>span{color:#c9bdf0}html.dark .announcement{background:#191e2b;border-color:#343c4d #343c4d #343c4d #8a72d0}html.dark .announcement.important{background:#2a1d1d;border-left-color:#e0705c}html.dark .announcement p{color:#d5dbe6}html.dark .announcement-compose textarea,html.dark .announcement-compose-row select{color:#aeb8c8;background:#161a24;border-color:#343c4d}@media (max-width:767px){.announcement-compose-row select{flex:45%}.announcement-compose-row .btn{flex:1}}