/* R289 — 공지·알림(messages) 화면만: 오늘 업무 방식(남색 머리글·종류별 색 띠·한 줄 요약). 다른 메뉴 선택자는 건드리지 않는다. */
html.vn [data-view="messages"] .message-compose-panel>h2,
html.vn [data-view="messages"] .message-device-panel>h2{margin:-10px -10px 10px;padding:9px 12px;background:#1f3a63;color:#fff;font-size:.92rem;border-radius:3px 3px 0 0}
html.vn [data-view="messages"] .msg-summary{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 12px;margin:0 0 6px;background:#eef3fa;border:1px solid #cfdae8;border-radius:3px;font-size:.8rem;color:#34465f}
html.vn [data-view="messages"] .msg-summary b{font-size:.95rem;color:#1f3a63}
html.vn [data-view="messages"] .msg-summary .hot{color:#b42318;font-weight:700}
html.vn [data-view="messages"] .msg-summary .hot b{color:#b42318}
html.vn [data-view="messages"] .message-card.mt-task{border-left-color:#e08a00!important}
html.vn [data-view="messages"] .message-card.mt-report{border-left-color:#2f7bff!important}
html.vn [data-view="messages"] .message-card.mt-notice{border-left-color:#12a05c!important}
html.vn [data-view="messages"] .message-card.urgent{border-left-color:#e5484d!important}
html.vn [data-view="messages"] .message-card .amount-row{border-top:1px solid #e2e9f2;padding-top:5px;margin-top:6px}
html.vn [data-view="messages"] .message-card .message-ack{min-height:40px}
/* R344 — PC 에서 남색 머리글의 제목이 어두운 글자(.form-card h2 !important)로 덮여 안 보이던 것, 알림 단추 글자가 '받/기'로 끊기던 것, 체크칸이 글자 위에 떨어져 있던 것 */
html.vn [data-view="messages"] .message-compose-panel>h2,
html.vn [data-view="messages"] .message-device-panel>h2{color:#fff!important}
html.vn [data-view="messages"] .message-device-panel .button-row{display:flex;flex-wrap:wrap;gap:8px}
html.vn [data-view="messages"] .message-device-panel .button-row button{white-space:nowrap;word-break:keep-all}
html.vn [data-view="messages"] .message-compose-panel .checkbox-line{display:flex!important;align-items:center;gap:8px;flex-direction:row}
html.vn [data-view="messages"] .message-compose-panel .checkbox-line input{margin:0}
/* R344 — 메시지 목록이 칸 높이에 맞춰 늘어나 요약·카드에 빈 공간이 생기던 것(위에서부터 차례로 쌓기), 카드 글자가 10px 로 작던 것(어르신이 읽기 쉽게 크게) */
html.vn [data-view="messages"] #messageList{align-content:start}
html.vn [data-view="messages"] .message-card{font-size:.92rem}
html.vn [data-view="messages"] .message-card .station-head{font-size:1rem}
html.vn [data-view="messages"] .message-card .message-meta-line{font-size:.82rem}
html.vn [data-view="messages"] .message-card p{font-size:.95rem;line-height:1.5}
html.vn [data-view="messages"] .message-card .amount-row{font-size:.82rem}
html.vn [data-view="messages"] .message-card .station-head strong{font-size:1.02rem!important}
html.vn [data-view="messages"] .message-card .message-meta-line span,html.vn [data-view="messages"] .message-card .amount-row span{font-size:.85rem!important}
html.vn [data-view="messages"] .message-card .badge{font-size:.8rem!important}