.system-notifications{position:relative;display:inline-flex;align-items:center}.system-notification-bell{position:relative!important;display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:9px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#fff!important;cursor:pointer}.system-notification-total,.system-module-badge{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:20px;background:#a94332;color:#fff;font-size:12px;font-weight:700;line-height:1;vertical-align:middle}.system-notification-total{position:absolute;right:-7px;top:-7px}.system-notifications [hidden],.system-module-badge[hidden]{display:none!important}.system-notification-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:180;width:min(390px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:#fff;border:1px solid #dce5df;border-radius:16px;box-shadow:0 18px 55px #12362b30;color:#183e30;text-align:left;white-space:normal}.system-notification-heading{display:flex;justify-content:space-between;gap:10px;padding:18px;border-bottom:1px solid #e5ebe7}.system-notification-heading span{font-size:12px;color:#65766c}.system-notification-item{display:flex;flex-direction:column;gap:7px;padding:17px 18px;border-bottom:1px solid #e5ebe7;text-decoration:none!important;color:#183e30!important;font-size:13px}.system-notification-item:hover{background:#f2f7f3}.system-notification-item small{font-size:10px;letter-spacing:.1em;color:#6f7f75}.system-notification-item strong{font-size:14px}.system-notification-link{font-size:12px;color:#397457}.system-notification-empty{padding:20px;font-size:13px}.system-task-highlight{outline:3px solid #b99553;outline-offset:-3px;background:#fff8e9!important;scroll-margin-top:25px}.system-notification-bell:focus-visible,.system-notification-item:focus-visible{outline:3px solid #b99553;outline-offset:2px}@media(max-width:600px){.system-notification-panel{position:fixed;top:86px;right:16px}.system-notification-heading{flex-wrap:wrap}}

/* Compact notice controls and a common header across authenticated screens. */
.system-notification-bell{min-width:22px!important;min-height:22px!important;width:22px!important;height:22px!important;padding:0!important;border-radius:6px!important;flex:none}
.system-notification-bell svg{width:20px!important;height:20px!important}
.system-notification-total{min-width:14px!important;height:14px!important;padding:0 3px!important;right:-5px;top:-6px;font-size:9px!important}
.system-card-status{display:flex;align-items:center;gap:6px;min-height:25px}
.system-card-status>.system-module-badge{min-width:20px;height:25px;padding:4px 7px;font-size:10px;line-height:1.1}
.system-notification-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 14px;font-size:11px}
.system-notification-copy{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.system-notification-item strong{font-size:12px;line-height:1.35}
.system-notification-item small{font-size:9px}
.system-notification-date{font-size:9px!important;line-height:1.5;color:#78877e;max-width:72px;text-align:right;white-space:normal}
.pellens-system-header{position:relative!important;top:auto!important;z-index:50!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:76px!important;padding:12px clamp(18px,4vw,56px)!important;background:linear-gradient(110deg,#0c3028,#154236)!important;color:#fff!important;box-shadow:none!important;width:100%!important;margin:0!important;border:0!important}
.pellens-system-header .brand,.pellens-system-header .header-brand{display:block!important;flex:none!important;margin:0!important;padding:0!important}
.pellens-system-header .brand img,.pellens-system-header .header-brand img{display:block!important;width:154px!important;height:auto!important;max-width:100%!important;filter:brightness(0) invert(1)!important;opacity:1!important}
.pellens-system-header .userbox,.pellens-system-header .header-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:nowrap!important;min-width:0!important;width:auto!important}
.pellens-system-header .userlabel,.pellens-system-header #user-label{font-size:12px!important;line-height:1.4!important;font-weight:500!important;opacity:1!important;max-width:240px!important;width:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;text-align:right!important;color:#fff!important}
.pellens-system-header .ghost-top,.pellens-system-header #logout{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:76px!important;min-height:36px!important;padding:7px 12px!important;border:1px solid #b9dfcf!important;border-radius:9px!important;background:#e2f3e9!important;color:#123b31!important;font:600 12px/1.2 Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer}
.pellens-system-header .system-notification-heading span{font-size:11px;margin:0;width:auto}
.pellens-system-header .system-notification-copy span{font-size:11px;margin:0;width:auto}
.pellens-system-header .system-notification-total{width:auto!important;margin:0!important}
@media(max-width:600px){.pellens-system-header{padding:12px 14px!important;gap:12px!important;min-height:68px!important}.pellens-system-header .brand img,.pellens-system-header .header-brand img{width:100px!important}.pellens-system-header .userbox,.pellens-system-header .header-actions{gap:8px!important}.pellens-system-header .userlabel,.pellens-system-header #user-label{max-width:110px!important;font-size:11px!important}.pellens-system-header .ghost-top,.pellens-system-header #logout{min-width:58px!important;padding:7px 8px!important}.system-notification-panel{top:76px}}
@media(max-width:360px){.pellens-system-header .userlabel,.pellens-system-header #user-label{max-width:76px!important}}
:fullscreen .factory-page>.pellens-system-header,.factory-tv-mode>.pellens-system-header{display:none!important}
@media print{.pellens-system-header{display:none!important}}
.system-card-status{min-height:20px}.system-card-status>.available-label{box-sizing:border-box;min-height:20px;height:20px;padding:3px 8px}.system-card-status>.system-module-badge{box-sizing:border-box;min-width:18px;height:20px;padding:3px 6px;font-size:10px}

.system-notification-total{box-sizing:content-box!important;background:#e02020!important;color:#fff!important;border:1.5px solid #fff;font-weight:700!important;line-height:14px!important;right:-7px;top:-5px}

.system-notification-total{box-sizing:border-box!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border:0!important;border-radius:999px!important;font-size:10px!important;line-height:18px!important}
