/* Module thongbao - Thông báo (theme gdnn_gdtx_dienbien) */
.tb-page { margin-bottom: 24px; }
.tb-title { font-size: 1.6em; margin: 0 0 8px; color: var(--gdnn-primary, #088040); }
.tb-filter { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 12px; }
.tb-filter select { max-width: 240px; }
.tb-list-title, .tb-block-title { font-size: 1.15em; margin: 0 0 8px; padding-bottom: 6px; border-bottom: 2px solid var(--gdnn-primary, #088040); color: var(--gdnn-primary, #088040); }
.tb-list { margin: 0; }
.tb-item { padding: 10px 0 10px 12px; border-bottom: 1px dotted #ddd; border-left: 3px solid #cfd8dc; }
.tb-item.tb-mucdo-1 { border-left-color: #f0ad4e; }
.tb-item.tb-mucdo-2 { border-left-color: #d9534f; background: #fff7f7; }
.tb-item-title { font-size: 1.05em; margin: 0 0 4px; line-height: 1.4; }
.tb-item-meta { color: #666; font-size: 0.86em; margin: 0 0 4px; }
.tb-item-desc { margin: 0; color: #444; }
.tb-ghim { color: #d9534f; }
.tb-new { font-size: 0.7em; vertical-align: middle; }
.tb-date { color: #888; font-size: 0.85em; white-space: nowrap; }
.tb-archive-list li { padding: 3px 0; }
.tb-archive-list li.active a { font-weight: 700; }
.tb-detail-head { margin-bottom: 12px; }
.tb-hometext { font-size: 1.05em; }
.tb-body { line-height: 1.65; margin: 12px 0; }
.tb-body img { max-width: 100%; height: auto; }
.tb-files { background: #f6fbf8; border: 1px solid #cfe7d8; border-radius: 6px; padding: 10px 14px; margin: 14px 0; }
.tb-files li { padding: 3px 0; }
.tb-side { background: #fff; border: 1px solid #e3e3e3; border-radius: 6px; padding: 12px 14px; margin-bottom: 12px; }
.tb-qr { border: 1px solid #ddd; padding: 4px; }
.tb-block-list { margin: 0; }
.tb-block-item { padding: 6px 0; border-bottom: 1px dotted #e5e5e5; }
.tb-block-item.tb-mucdo-2 a { color: #c9302c; font-weight: 600; }
/* Thanh thông báo chạy chữ */
.tb-alert-bar { display: flex; align-items: center; gap: 8px; background: #fff3cd; border: 1px solid #ffe8a1; border-left: 4px solid #d9534f; padding: 6px 10px; margin: 0 0 10px; overflow: hidden; }
.tb-alert-icon { color: #d9534f; flex: 0 0 auto; }
.tb-alert-track { flex: 1 1 auto; overflow: hidden; white-space: nowrap; }
.tb-alert-list { display: inline-block; margin: 0; padding: 0; list-style: none; white-space: nowrap; animation: tb-marquee var(--tb-speed, 60s) linear infinite; }
.tb-alert-item { display: inline-block; margin-right: 48px; }
.tb-alert-item a { color: #5a3e00; font-weight: 600; }
.tb-alert-bar.is-paused .tb-alert-list, .tb-alert-bar:hover .tb-alert-list, .tb-alert-bar:focus-within .tb-alert-list { animation-play-state: paused; }
.tb-alert-pause, .tb-alert-all { flex: 0 0 auto; background: none; border: 1px solid #c9a227; border-radius: 3px; color: #5a3e00; padding: 2px 7px; line-height: 1; }
.tb-alert-pause:focus, .tb-alert-all:focus { outline: 2px solid var(--gdnn-primary, #088040); }
@keyframes tb-marquee { from { transform: translateX(100vw); } to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .tb-alert-list { animation: none; } .tb-alert-track { white-space: normal; } .tb-alert-item { display: block; margin: 2px 0; } .tb-alert-pause { display: none; } }
/* Popup */
.tb-popup[hidden] { display: none; }
.tb-popup { position: fixed; inset: 0; z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 16px; }
.tb-popup-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.55); }
.tb-popup-dialog { position: relative; background: #fff; border-radius: 8px; max-width: 560px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; box-shadow: 0 10px 40px rgba(0,0,0,0.3); border-top: 5px solid var(--gdnn-primary, #088040); }
.tb-popup-dialog.tb-mucdo-1 { border-top-color: #f0ad4e; }
.tb-popup-dialog.tb-mucdo-2 { border-top-color: #d9534f; }
.tb-popup-head { display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; border-bottom: 1px solid #eee; }
.tb-popup-close { background: none; border: 0; font-size: 1.6em; line-height: 1; color: #777; cursor: pointer; }
.tb-popup-close:hover, .tb-popup-close:focus { color: #000; }
.tb-popup-body { padding: 14px 16px; overflow: auto; }
.tb-popup-title { font-size: 1.2em; margin: 0 0 8px; }
.tb-popup-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; padding: 10px 16px; border-top: 1px solid #eee; background: #fafafa; border-radius: 0 0 8px 8px; }
.tb-popup-norepeat { font-weight: 400; font-size: 0.9em; margin: 0; }
@media print { .tb-filter, .tb-tools, .tb-alert-bar, .tb-popup { display: none !important; } }