/* RUYA_V2.4.24.3_HF8_2_ANNOUNCEMENT_ATTACHMENT_DATA_PUSH_SAFE */
#root .ruyaAnnouncementAttachmentRow{display:flex;align-items:center;gap:10px;margin:12px 0;padding:11px 12px;border:1px solid #e3e8f1;border-radius:14px;background:#f8faff}
#root .ruyaAnnouncementAttachmentRow>span{font-size:20px}
#root .ruyaAnnouncementAttachmentRow>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
#root .ruyaAnnouncementAttachmentRow b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263956;font-size:13px}
#root .ruyaAnnouncementAttachmentRow small{color:#8190a5;font-size:11px}
#root .ruyaAnnouncementAttachmentRow .actions{margin:0;display:flex;gap:6px}
#root .ruyaAnnouncementAttachmentRow .actions button{border:1px solid #d9e1ef;background:#fff;color:#324a72;border-radius:10px;padding:8px 10px;font:inherit;font-size:12px;font-weight:650}
#root .ruyaAnnouncementFileField input[type=file]{width:100%;padding:10px;border:1px dashed #cbd5e5;border-radius:12px;background:#fbfcff;box-sizing:border-box}
#root .ruyaAnnouncementSelectedFile{display:flex!important;align-items:center;gap:10px;margin-top:10px}
#root .ruyaAnnouncementSelectedFile>div{min-width:0;flex:1}
#root .ruyaAnnouncementSelectedFile button{border:0;border-radius:10px;padding:8px 10px;background:#fff0f0;color:#b54848;font:inherit;font-size:12px;font-weight:650}
#root .ruyaAttachmentRemoveNotice{display:block;margin-top:8px;color:#ad5555;font-weight:650}
#root .ruyaAnnouncementCardAttachment{display:block;margin-top:6px;color:#5d6f89;font-weight:650}
#root .ruyaAnnouncementAttachmentPanel{margin:16px 0 14px;padding:13px;border:1px solid #e2e7f0;border-radius:16px;background:#f8faff}
#root .ruyaAnnouncementAttachmentPanel>div:first-child{display:flex;align-items:center;gap:10px}
#root .ruyaAnnouncementAttachmentPanel>div:first-child>span{font-size:22px}
#root .ruyaAnnouncementAttachmentPanel>div:first-child>div{min-width:0;display:flex;flex-direction:column;gap:2px}
#root .ruyaAnnouncementAttachmentPanel b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263956;font-size:13px}
#root .ruyaAnnouncementAttachmentPanel small{color:#8190a5;font-size:11px}
#root .ruyaAnnouncementAttachmentActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
#root .ruyaAnnouncementAttachmentActions button{flex:1;min-width:120px}
@media(max-width:560px){
 #root .ruyaAnnouncementAttachmentRow{align-items:flex-start;flex-wrap:wrap}
 #root .ruyaAnnouncementAttachmentRow .actions{width:100%}
 #root .ruyaAnnouncementAttachmentRow .actions button{flex:1}
 #root .ruyaAnnouncementAttachmentActions{display:grid;grid-template-columns:1fr 1fr}
 #root .ruyaAnnouncementAttachmentActions button{min-width:0!important;width:100%}
}