/* AI-CLO PTITHCM V12.4.20 — notification center, dashboard tasks and detail UI owner. */
.notification-bell span{background:#c62828;color:#fff;border-radius:12px;min-width:20px;padding:2px 5px;font-size:11px}
.notice-detail-v108{display:grid;gap:16px}.notice-detail-v108 .notice-detail-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff0f2;color:var(--red);font-size:20px}.notice-detail-v108 h3{margin:0}.notice-detail-v108 p{white-space:pre-wrap;color:#344054}.notice-detail-actions{display:flex;gap:10px;flex-wrap:wrap}
.notice-target-highlight{outline:3px solid rgba(201,27,38,.55);outline-offset:3px;animation:notice-target-pulse 1.1s ease-in-out 2}
@keyframes notice-target-pulse{50%{box-shadow:0 0 0 8px rgba(201,27,38,.12)}}

/* Dashboard "Việc cần xử lý" cards created by js/system/notifications.js. */
.task-center{display:grid;gap:9px}.notice-card{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;text-align:left;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-sizing:border-box}.notice-card:not(.read){border-left:4px solid var(--red);background:#fff8f9}.notice-card.read{opacity:1;background:#fff}.notice-card:hover{border-color:#d9a9b1;background:#fffafa}.notice-card>span:last-child{display:grid;gap:4px;min-width:0}.notice-card b{display:block}.notice-card small{display:block;color:var(--muted);white-space:normal;overflow-wrap:anywhere}.notice-card em{display:block;color:var(--muted);font-style:normal;font-size:12px}.notice-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff0f2;color:#c62828;font-weight:800}

.notification-center{display:grid;gap:14px}.notice-center-toolbar{display:flex;align-items:center;gap:10px;min-width:0}.notice-filter-chips{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.notice-filter-chips button{border:1px solid var(--line);background:#fff;color:#4b5565;border-radius:999px;padding:9px 13px;font-weight:800;white-space:nowrap}.notice-filter-chips button:hover{border-color:#ddb4ba;background:#fff8f9}.notice-filter-chips button.active{border-color:#d95061;background:#fff0f2;color:var(--red)}.notice-filter-chips button span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#eef1f5;font-size:11px;margin-left:3px}.notice-filter-chips button.active span{background:#fff;color:var(--red)}
.notice-toolbar-actions{margin-left:auto;display:flex;gap:8px;flex:none}.notice-toolbar-actions button{padding:10px 13px;white-space:nowrap}.notice-filter-mobile,.notice-page-menu-wrap{display:none}
.notification-center-list{padding:14px!important;display:grid;gap:14px}.notice-day-group{display:grid;gap:8px}.notice-day-group>h4{margin:0;padding:0 5px;color:#667085;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.notice-day-group>div{display:grid;gap:7px}.notice-empty{min-height:170px}
.notice-center-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:start;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:visible;transition:border-color .15s ease,background .15s ease,opacity .15s ease}.notice-center-card.unread{border-left:4px solid var(--red);background:#fff8f9}.notice-center-card.read{background:#fff;opacity:.82}.notice-center-card:hover{border-color:#d9a9b1}.notice-center-main{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;border:0;background:transparent;padding:12px 8px 12px 14px;text-align:left;color:inherit;min-width:0}.notice-center-main:hover{background:rgba(255,244,246,.55)}.notice-center-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff0f2;color:#c62828;font-weight:900;font-size:16px}.notice-center-copy{display:grid;gap:4px;min-width:0}.notice-center-top{display:flex;align-items:flex-start;gap:8px;min-width:0}.notice-center-top>b{font-size:15px;line-height:1.35;min-width:0}.notice-kind{margin-left:auto;flex:none;padding:3px 7px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:10px;font-weight:800}.notice-center-copy>small{color:var(--muted);line-height:1.45;overflow-wrap:anywhere}.notice-center-copy>em{font-style:normal;color:#7a8494;font-size:11px}.notice-center-card.read .notice-center-copy>small,.notice-center-card.read .notice-center-copy>em{color:#98a2b3}
.notice-more{width:34px;height:34px;display:grid;place-items:center;margin:8px 6px 0 0;border:0;background:transparent;border-radius:8px;color:#667085;font-size:20px;line-height:1}.notice-more:hover,.notice-center-card.menu-open .notice-more{background:#eef1f5;color:var(--ink)}.notice-card-menu{position:absolute;z-index:25;top:42px;right:8px;width:205px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(16,24,40,.16)}.notice-card-menu button,.notice-page-menu button{width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:7px;color:var(--ink)}.notice-card-menu button:hover,.notice-page-menu button:hover{background:#f4f6f8}.notice-card-menu .danger-link{color:var(--red)}
.notice-page-menu-wrap{position:relative}.notice-page-menu{position:absolute;z-index:30;right:0;top:44px;width:215px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(16,24,40,.16)}

@media(max-width:1000px){.notice-center-toolbar{align-items:flex-start;flex-wrap:wrap}.notice-toolbar-actions{margin-left:0}.notice-filter-chips{flex:1 1 100%}.notice-toolbar-actions{margin-left:auto}}

@media(max-width:720px){.notice-card{padding:11px}.notice-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}

@media(max-width:650px){
 .notification-center{gap:10px}.notification-center-list{padding:9px!important;border-radius:13px}.notice-center-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.notice-filter-mobile{display:block;width:100%;height:44px}.notice-toolbar-actions{display:none}.notice-page-menu-wrap{display:block}.notice-page-menu-trigger{display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:21px}.notice-filter-chips{grid-column:1/-1;display:flex;overflow-x:auto;flex-wrap:nowrap;gap:6px;padding:1px 0 4px;scrollbar-width:none}.notice-filter-chips::-webkit-scrollbar{display:none}.notice-filter-chips button{padding:8px 11px;font-size:12px}.notice-filter-chips button[data-notice-filter="all"]{display:none}
 .notice-day-group{gap:6px}.notice-day-group>h4{padding-left:2px;font-size:11px}.notice-day-group>div{gap:6px}.notice-center-card{grid-template-columns:minmax(0,1fr) 34px;border-radius:11px}.notice-center-main{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:10px 5px 10px 10px}.notice-center-icon{width:30px;height:30px;font-size:14px}.notice-center-top{display:block;padding-right:2px}.notice-center-top>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}.notice-kind{display:inline-block;margin:4px 0 0;padding:2px 6px}.notice-center-copy>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}.notice-center-copy>em{font-size:10px}.notice-more{width:30px;height:30px;margin:5px 3px 0 0}
 .notice-card-menu,.notice-page-menu{position:fixed;z-index:80;left:12px;right:12px;top:auto;bottom:12px;width:auto;padding:8px;border-radius:15px;box-shadow:0 20px 60px rgba(16,24,40,.28)}.notice-card-menu button,.notice-page-menu button{padding:13px 12px;font-size:15px}.notice-center-card.read{opacity:.76}
}
/* Legacy dashboard "Thông báo gần đây" cards still rendered by js/ui/final-layer.js. */
.v109-notices .panel-head>div{min-width:0}.v109-notices .panel-head h3{margin:0}.v109-notices .panel-head p{margin:4px 0 0}.v109-notice-list{display:grid;gap:9px}.v109-notice{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;text-align:left;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.v109-notice:hover{border-color:#d9a9b1;background:#fffafa}.v109-notice.unread{border-left:4px solid var(--red);background:#fff8f9}.v109-notice>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff0f2}.v109-notice b,.v109-notice p,.v109-notice small{display:block}.v109-notice p{margin:4px 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v109-notice small{color:var(--muted)}
@media(max-width:620px){.v109-notices .panel-head{align-items:flex-start;flex-direction:column}.v109-notices .panel-head button{width:100%;margin-left:0}.v109-notice{padding:11px}.v109-notice p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}