/* Campana: panel compacto con cabecera y pie fijos; solo la lista desplaza. */
#notification-bell .max360-notification-dropdown{position:fixed!important;top:calc(var(--max360-navbar-height,60px) + 8px)!important;right:12px!important;left:auto!important;width:400px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - var(--max360-navbar-height,60px) - 24px);max-height:calc(100dvh - var(--max360-navbar-height,60px) - 24px);transform:none!important;z-index:1045;margin:0!important;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 48px #18284026,0 0 0 1px #e4eaf2}
#notification-bell .max360-notification-dropdown.show{display:flex!important;flex-direction:column}
#notification-bell [hidden]{display:none!important}
#notification-bell>.notif-trigger{display:flex;align-items:center;justify-content:center;width:42px;min-height:42px;padding:0!important;margin:0 4px;border-radius:12px;transition:background .15s,color .15s}
#notification-bell>.notif-trigger:hover,#notification-bell>.notif-trigger.show{background:rgba(100,116,139,.12)}
.navbar-dark #notification-bell>.notif-trigger:hover,.navbar-dark #notification-bell>.notif-trigger.show{background:rgba(255,255,255,.12);color:#fff}
.navbar-dark #notification-bell>.notif-trigger:focus-visible{outline-color:#fff}
#notification-bell .notif-badge{position:absolute;top:0;right:-3px;min-width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:.62rem;font-weight:700;line-height:1;padding:0 4px;background:#e24c52;color:#fff;border:2px solid transparent;background-clip:padding-box;box-sizing:content-box}
#notification-bell .notification-panel-header{display:flex;align-items:center;gap:11px;flex-shrink:0;padding:17px 18px;background:linear-gradient(125deg,#f5f8ff,#fff);border-bottom:1px solid #eaf0f7}
#notification-bell .notification-panel-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;border-radius:12px;background:#e8efff;color:#3265cc;font-size:1.05rem}
#notification-bell .notification-panel-heading{flex:1;min-width:0}
#notification-bell .notification-panel-heading h6{font-size:.98rem;font-weight:700;color:#25334a;margin:0 0 3px}
#notification-bell .notification-panel-heading p{font-size:.76rem;color:#718096;margin:0;line-height:1.4}
#notification-bell .notification-refresh{display:flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;border:1px solid #e4eaf3;border-radius:11px;background:#fff;color:#60718d;font-size:.85rem;cursor:pointer}
#notification-bell .notification-refresh:hover{background:#edf3ff;color:#245ccc;border-color:#c8d9fc}
#notification-bell .notification-refresh:disabled{opacity:.6;cursor:wait}
#notification-bell .notification-refresh[aria-busy=true] i{animation:notification-refresh-spin 1s linear infinite}
@keyframes notification-refresh-spin{to{transform:rotate(360deg)}}
#notification-bell .notification-list{min-height:0;max-height:min(56vh,440px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d0d9e7 transparent}
#notification-bell button.notification-preview-item{display:flex;align-items:flex-start;gap:11px;width:100%;padding:15px 18px;border:0;border-bottom:1px solid #eef2f7;background:#fff;text-align:left;font:inherit;color:#344054;cursor:pointer;white-space:normal;transition:background .15s}
#notification-bell button.notification-preview-item:last-child{border-bottom:0}
#notification-bell button.notification-preview-item:hover{background:#f4f7fd}
#notification-bell .notification-preview-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:11px;margin-top:2px;font-size:.9rem}
#notification-bell .tone-documents{background:#fff0ed;color:#c7583c}
#notification-bell .tone-printing{background:#fff5df;color:#a47716}
#notification-bell .tone-orders{background:#e8f7ee;color:#1f7a45}
#notification-bell .tone-announcements{background:#edf1ff;color:#586dc7}
#notification-bell .notification-preview-content{flex:1;min-width:0}
#notification-bell .notification-preview-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;font-size:.67rem;color:#7b889d;margin-bottom:4px}
#notification-bell .notification-preview-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.83rem;font-weight:650;line-height:1.45;color:#29384f;overflow-wrap:anywhere}
#notification-bell .notification-preview-status{display:block;font-size:.7rem;color:#61718a;line-height:1.4;margin-top:3px}
#notification-bell .notification-preview-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#7b879a;font-size:.75rem;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}
#notification-bell .notification-preview-dot{flex:0 0 6px;height:6px;border-radius:50%;background:#4c7be7;margin-top:8px}
#notification-bell .notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 26px 32px;min-height:220px}
#notification-bell .notification-empty-symbol{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:19px;background:#edf8f3;color:#459676;font-size:1.35rem;margin-bottom:16px;box-shadow:0 0 0 7px #f7fbf9}
#notification-bell .notification-empty strong{font-size:.95rem;color:#334155;margin-bottom:7px}
#notification-bell .notification-empty p{max-width:275px;margin:0;font-size:.8rem;line-height:1.65;color:#7b879a}
#notification-bell .notification-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:16px 19px;border-top:1px solid #eaf0f7;background:#f8faff;color:#3867bd;font-size:.8rem;font-weight:600;text-decoration:none;min-height:52px}
#notification-bell .notification-panel-footer:hover{background:#edf3ff;color:#2454a9}
#notification-bell :is(.notification-preview-item,.notification-refresh,.notification-panel-footer,.notif-trigger):focus-visible{outline:2px solid #4c7be7;outline-offset:-3px}
@media(prefers-reduced-motion:reduce){#notification-bell .notification-refresh[aria-busy=true] i{animation:none}#notification-bell .notification-preview-item,#notification-bell>.notif-trigger{transition:none}}
@media(max-width:479.98px){#notification-bell .notification-panel-header{padding:14px}#notification-bell button.notification-preview-item{padding:13px 14px}#notification-bell .notification-panel-footer{padding:15px}#notification-bell .notification-empty{padding:28px 20px;min-height:210px}}
#notification-center .notification-center-items{display:flex;flex-direction:column;border:1px solid #e4e7ec;border-radius:8px;overflow:hidden}
#notification-center .notification-entry{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #e4e7ec;padding:15px 16px;min-width:0;background:#fff;text-align:left;color:#344054;cursor:pointer;font:inherit}
#notification-center .notification-entry:last-child{border-bottom:0}
#notification-center .notification-entry:hover{background:#f3f6fb}
#notification-center .notification-entry:focus-visible{outline:2px solid #007bff;outline-offset:-2px}
#notification-center .notification-entry.is-unread{background:#edf4ff}
#notification-center .notification-entry.is-read .notification-subject{font-weight:500}
#notification-center .notification-read-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#2671e8}
#notification-center .is-read .notification-read-dot{background:transparent;border:1px solid #b7c0cd}
#notification-center .notification-row-content{display:block;min-width:0;flex:1}
#notification-center .notification-row-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#notification-center .notification-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#notification-center .notification-row-date{flex-shrink:0;color:#667085;font-size:.75rem}
#notification-center .notification-status{display:block;font-size:.78rem;color:#667085;margin:3px 0}
#notification-center .notification-excerpt{display:block;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem}
.notification-message-modal{max-width:calc(100vw - 24px)!important}
.notification-message-modal .notification-message-body{text-align:left;font-size:.95rem;overflow-wrap:anywhere}
.notification-message-modal .notification-message-status{font-size:.85rem;color:#667085;margin:6px 0 16px}
.notification-message-modal .notification-message-text{white-space:pre-wrap;max-height:45vh;overflow:auto;line-height:1.6}
.notification-message-modal [hidden]{display:none!important}
@media(max-width:479.98px){#notification-center .notification-entry{padding:12px;gap:9px}#notification-center .notification-row-heading{flex-wrap:wrap;gap:2px}.notification-message-modal{padding:16px!important}}
#notification-center .notification-bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#notification-center .notification-inbox-table{table-layout:fixed;border:1px solid #e4e7ec}
#notification-center .notification-inbox-table th:first-child{width:36px}
#notification-center .notification-inbox-table th:nth-child(2){width:62%}
#notification-center .notification-inbox-table th:nth-child(3){width:23%}
#notification-center .notification-inbox-table th:last-child{width:100px}
#notification-center .notification-inbox-table td{vertical-align:middle;padding:12px 10px;overflow-wrap:anywhere}
#notification-center .notification-inbox-table tr.is-unread{background:#edf4ff}
#notification-center .notification-inbox-table .is-read .notification-subject{font-weight:500}
#notification-center .notification-open{display:block;text-align:left;width:100%;border:0;background:transparent;color:#344054;padding:0;cursor:pointer;font:inherit}
#notification-center .notification-open .notification-subject{display:block;white-space:normal;overflow-wrap:anywhere}
#notification-center .notification-read-dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid #b7c0cd}
#notification-center .notification-mobile-meta{display:none;font-size:.75rem;color:#667085;margin:4px 0}
#notification-center .notification-inbox-table input[type=checkbox]{width:19px;height:19px;cursor:pointer;vertical-align:middle}
#notification-center .dataTables_wrapper .row{align-items:center;row-gap:10px}
#notification-center .dataTables_filter input{max-width:100%;width:190px}
#notification-center .dataTables_wrapper .pagination{flex-wrap:wrap}
@media(max-width:767.98px){
#notification-center .notification-inbox-table th:nth-child(3),#notification-center .notification-inbox-table td:nth-child(3),#notification-center .notification-inbox-table th:nth-child(4),#notification-center .notification-inbox-table td:nth-child(4){display:none}
#notification-center .notification-inbox-table th:nth-child(2){width:auto}
#notification-center .notification-mobile-meta{display:block}
#notification-center .dataTables_filter{text-align:left}
#notification-center .dataTables_filter label{display:flex;align-items:center;gap:8px}
#notification-center .dataTables_filter input{flex:1;min-width:0;width:100%}
#notification-center .dataTables_length{text-align:left}
}

#notification-center #notification-read-all{color:#1764c0!important;background:#fff;border:1px solid #1764c0}
#notification-center #notification-read-all:hover{color:#fff!important;background:#1764c0}

/* Menú fuera del scroll de la tabla; el módulo devuelve su nodo al cerrarlo. */
.announcement-action-menu{position:fixed!important;transform:none!important;right:auto!important;bottom:auto!important;inset:auto;z-index:1055!important;max-width:calc(100vw - 16px);overflow-y:auto;margin:0!important}
#announcement-list .announcement-table-scroll{width:100%;overflow-x:auto}
#announcement-list #announcement-table td{vertical-align:middle;overflow-wrap:anywhere}
#announcement-list #announcement-table th:last-child{min-width:115px;width:115px}
#announcement-list #announcement-table th:first-child{min-width:180px}
#announcement-list #announcement-table th:nth-child(2),#announcement-list #announcement-table th:nth-child(3){min-width:135px}
#announcement-list .dataTables_filter input{max-width:100%;width:190px}
#announcement-list .dataTables_wrapper .pagination{flex-wrap:wrap}
@media(max-width:767.98px){#announcement-list .dataTables_length,#announcement-list .dataTables_filter{text-align:left}#announcement-list .dataTables_filter label{display:flex;align-items:center;gap:8px}#announcement-list .dataTables_filter input{flex:1;min-width:0;width:100%}}
.announcement-action-menu .dropdown-item{min-height:40px;display:flex;align-items:center;white-space:normal}

#notification-bell .notification-offline{display:flex;align-items:flex-start;gap:8px;flex-shrink:0;padding:10px 18px;background:#fff8e9;color:#94691f;border-bottom:1px solid #f6e7c5;font-size:.74rem;line-height:1.5}
#notification-bell .notification-offline i{margin-top:3px}
#notification-center [data-notification-refresh][hidden]{display:none!important}
.notification-message-modal .notification-rich-text{white-space:normal}
.notification-rich-text p{margin:0 0 .85em}
.notification-rich-text p:last-child{margin-bottom:0}
.notification-rich-text ul,.notification-rich-text ol{padding-left:1.5rem;margin:.6em 0}
.notification-rich-text li{margin:.3em 0}
.notification-rich-text a{color:#245fbd;text-decoration:underline;overflow-wrap:anywhere}
.notification-rich-text blockquote{border-left:3px solid #c7d8f5;margin:1em 0;padding:.3em 0 .3em 1em;color:#60718a}
.notification-rich-text h2,.notification-rich-text h3{font-size:1.15rem;font-weight:650;margin:1em 0 .5em}
#announcement-form .note-editor{border:1px solid #d9e1ed;border-radius:9px;overflow:hidden}
#announcement-form .note-toolbar{background:#f7f9fc;border-bottom:1px solid #e3e9f2;display:flex;flex-wrap:wrap;padding:7px}
#announcement-form .note-editable{font-size:.95rem;line-height:1.65;padding:16px;overflow-wrap:anywhere}
#announcement-form .note-statusbar{background:#f7f9fc}
#announcement-form .note-btn{min-height:34px}
@media(max-width:479.98px){#announcement-form .note-toolbar{padding:5px}#announcement-form .note-editable{padding:12px}}