/* Responsible/secretary alerts: presentation only. Statuses and actions remain in management-alerts.js. */
#managerApp .management-alert-button{white-space:nowrap;font-size:16px}
body #managerApp .btn.management-alert-button.has-red-alert{color:#df2637;border-color:#ffb6bf;background:#fff1f3;box-shadow:0 3px 12px #ef334012}
body #managerApp .btn.management-alert-button.has-orange-alert{color:#a85309;border-color:#f4cc99;background:#fff7eb}
#managerApp .management-tour-alerts{display:grid;gap:10px;margin:0 0 20px;padding:0}
#managerApp .management-alert-preview,.management-alert-item{--alert-color:#df2637;--alert-border:#ffc5cc;--alert-bg:#fff3f4;display:flex;align-items:center;gap:15px;width:100%;min-width:0;border:1px solid var(--alert-border);border-left:4px solid var(--alert-color);border-radius:14px;padding:15px 18px;text-align:left;background:var(--alert-bg);color:#29496f;font:inherit;line-height:1.45;box-shadow:0 3px 12px #36578905;cursor:pointer;transition:box-shadow .15s,border-color .15s}
#managerApp .management-alert-preview.orange,.management-alert-item.orange,.management-alert-detail.orange{--alert-color:#b76008;--alert-border:#f8d8ac;--alert-bg:#fff7ec}
.management-alert-symbol{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:var(--alert-color);background:color-mix(in srgb,var(--alert-color) 11%,white);border-radius:12px}
.management-alert-symbol svg{width:27px;height:27px;display:block;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.management-alert-copy{display:block;min-width:0;flex:1}
.management-alert-copy b,.management-alert-copy>span{display:block;overflow-wrap:anywhere}
.management-alert-copy b{font-family:var(--bc-title-font,inherit);font-size:18px;font-weight:700;line-height:1.35;color:var(--alert-color)}
.management-alert-copy>span{margin-top:3px;font-size:16px;line-height:1.45}
.management-alert-link{flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--alert-border);border-radius:11px;background:#ffffffb5;color:var(--alert-color);padding:9px 16px;min-height:44px;font-size:16px;font-weight:700;white-space:nowrap;box-sizing:border-box}
.management-alert-preview:focus-visible,.management-alert-item:focus-visible{outline:3px solid #173d9c;outline-offset:3px}
@media(hover:hover){#managerApp .management-alert-preview:hover,.management-alert-item:hover{border-color:var(--alert-color);box-shadow:0 5px 18px #df26370d}}
.management-alert-list{display:grid;gap:10px;margin-top:18px}
.management-alert-list h4{font-size:16px;letter-spacing:.03em;color:#637d9e;margin:16px 0 1px}
.management-alert-item{flex-wrap:wrap}
.management-alert-item:not(.unread){background:#fff;border-left-color:var(--alert-border)}
.management-alert-item-status{flex-basis:100%;margin-left:53px;color:#6a7f9d;font-size:15px;line-height:1.45}
.management-alert-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0 12px}
.management-alert-filters label{display:grid;gap:7px;color:#5d7393;font-size:16px;font-weight:600}
.management-alert-filters select,.management-alert-filters input{min-height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid #dbe7fa;border-radius:11px;background:#fff;color:#1b3358;font:inherit;max-width:100%}
.management-alert-history-note{line-height:1.55;margin:14px 0;color:#7388a7}
.management-alert-empty{border:1px dashed #dbe6f7;border-radius:14px;text-align:center;padding:26px;color:#7187a6;margin:0}
#detailModal:has(#managementAlertDetail) .modal,#detailModal:has(#managementAlertList) .modal{width:min(760px,100%);background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dfebfb;border-radius:22px;padding:25px;box-shadow:0 22px 75px #17376425;color:#182943}
#detailModal:has(#managementAlertDetail) #detailTitle,#detailModal:has(#managementAlertList) #detailTitle{font-family:var(--bc-title-font,inherit);font-size:29px;letter-spacing:-.4px;margin-bottom:18px}
.management-alert-detail{--alert-color:#df2637;--alert-border:#ffc5cc;--alert-bg:#fff3f4;overflow-wrap:anywhere}
.management-alert-back{display:inline-flex;align-items:center;border:0;background:none;color:#2779ed;padding:0 0 16px;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.management-alert-summary{display:flex;align-items:center;gap:15px;border:1px solid var(--alert-border);border-left:4px solid var(--alert-color);border-radius:14px;background:var(--alert-bg);padding:18px;margin:0 0 20px}
.management-alert-summary .management-alert-symbol{flex-basis:42px;width:42px;height:42px;background:transparent}
.management-alert-summary .management-alert-symbol svg{width:34px;height:34px}
.management-alert-facts,.management-alert-discussion{background:#fff;border:1px solid #e2ebf8;border-radius:16px;padding:20px;box-shadow:0 3px 14px #345b8f05}
.management-alert-facts h4,.management-alert-discussion h3{font-family:var(--bc-title-font,inherit);font-size:20px;color:#172943;font-weight:700;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid #edf2f9}
.management-alert-facts dl{display:grid;gap:15px;margin:0}
.management-alert-facts dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:baseline}
.management-alert-facts dt{color:#7185a2;font-size:16px;line-height:1.5}
.management-alert-facts dd{margin:0;font-size:17px;line-height:1.5;color:#203956;white-space:pre-wrap;overflow-wrap:anywhere}
.management-alert-status{font-size:15px;color:#6c83a3;line-height:1.5;margin:18px 0 0;padding:12px 0;border-top:1px solid #edf2f9}
#managementAlertStatus.resolved{color:#187044;font-weight:700}
body #detailModal .btn.management-alert-resolve{width:100%;min-height:44px;margin:4px 0 0;border:1px solid #ff9da9;background:#fff;color:#e6293c;border-radius:11px;font-size:17px;box-shadow:none}
body #detailModal .btn.management-alert-resolve:hover:not(:disabled){background:#fff4f5;border-color:#ef3340}
.management-alert-secondary-actions{margin-top:14px;gap:8px}
#detailModal .management-alert-secondary-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;font-size:15px}
.management-alert-secondary-actions svg{width:17px;height:17px;flex:0 0 17px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.management-alert-discussion{margin-top:20px}
.management-alert-comment{padding:13px 14px;margin:0 0 10px;background:#f6f9ff;border:1px solid #e4edf9;border-radius:12px;overflow-wrap:anywhere}
.management-alert-comment b{color:#2d4870;font-size:16px}
.management-alert-comment small{display:block;margin-top:5px;color:#7b8fab;font-size:15px}
.management-alert-comment p{white-space:pre-wrap;color:#2c4467;font-size:17px;line-height:1.6;margin:9px 0 0}
#managementAlertCommentForm{display:grid;gap:10px;margin-top:18px}
#managementAlertCommentForm label{color:#5f7698;font-size:16px;font-weight:600}
#managementAlertCommentForm textarea{width:100%;box-sizing:border-box;border:1px solid #d8e4f8;border-radius:12px;padding:13px;background:#fff;color:#243b5e;font:inherit;font-size:17px;line-height:1.55;min-height:96px;resize:vertical}
#managementAlertCommentForm textarea::placeholder{color:#92a5c0}
#managementAlertCommentForm .small{line-height:1.55;margin:2px 0}
#managementAlertError,#managementCommentsError{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
#managementAlertError:empty,#managementCommentsError:empty{display:none}
#managerApp .focus-card.tour-has-alert{border-color:#f6b2b9}
#managerApp .focus-table .passage-alert-red td:first-child{border-left:4px solid #e63946}
#managerApp .focus-table .passage-alert-orange td:first-child{border-left:4px solid #d68b31}
#managerApp #todayRows .tour-has-alert{background:#fff6f4}
#managerApp .management-tour-badge{display:block;border:0;border-radius:20px;padding:5px 10px;font:inherit;font-size:15px;font-weight:700;margin-top:6px;cursor:pointer}
#managerApp .management-tour-badge.red{color:#d4293b;background:#ffe9ec}
#managerApp .management-tour-badge.orange{color:#a85a10;background:#fff0d9}
@media(max-width:900px){#managerApp .management-tour-alerts{margin-bottom:14px}#managerApp .focus-table .passage-alert-red td:first-child,#managerApp .focus-table .passage-alert-orange td:first-child{padding-left:10px}}
@media(max-width:640px){
 #managerApp .management-alert-preview{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;padding:14px}
 .management-alert-symbol{width:32px;height:32px;flex-basis:32px;border-radius:10px}
 .management-alert-symbol svg{width:23px;height:23px}
 .management-alert-copy b{font-size:17px}.management-alert-copy>span{font-size:15px}
 .management-alert-link{grid-column:2;justify-self:start;min-height:44px;padding:7px 12px;font-size:15px;margin-top:2px}
 .management-alert-filters label{width:100%}.management-alert-filters select,.management-alert-filters input{width:100%}
 #detailModal:has(#managementAlertDetail) .modal,#detailModal:has(#managementAlertList) .modal{padding:20px 16px;border-radius:19px}
 .management-alert-summary{padding:15px 12px;gap:11px}.management-alert-summary .management-alert-symbol{width:32px;height:32px;flex-basis:32px}.management-alert-summary .management-alert-symbol svg{width:28px;height:28px}
 .management-alert-facts,.management-alert-discussion{padding:16px 14px}
 .management-alert-facts dl>div{grid-template-columns:84px minmax(0,1fr);gap:10px}.management-alert-facts dt{font-size:15px}.management-alert-facts dd{font-size:16px}
 .management-alert-item{gap:11px;padding:14px}.management-alert-item-status{margin-left:43px}
 .management-alert-secondary-actions,.management-alert-discussion .button-row{flex-direction:column;align-items:stretch}.management-alert-secondary-actions .btn,#managementAlertCommentForm .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){#managerApp .management-alert-preview,.management-alert-item{transition:none}}

/* Site notification bell and compact popover; business actions remain unchanged. */
body #managerApp .btn.management-alert-button{position:relative;display:inline-grid;place-items:center;width:44px;min-width:44px;min-height:44px;height:44px;padding:10px;border:0;border-radius:13px;background:#ebf5ff;color:#167aff;box-shadow:none;overflow:visible}
body #managerApp .btn.management-alert-button.has-red-alert,body #managerApp .btn.management-alert-button.has-orange-alert{background:#ebf5ff;color:#167aff;border:0;box-shadow:none}
#managementAlertButton>svg{width:25px;height:25px}#managementAlertButton .bc139-bell-count{position:absolute;right:-3px;top:-5px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;border:2px solid white;border-radius:999px;background:#ff174c;color:white;font-size:12px;font-weight:750;line-height:1}#managementAlertButton .bc139-bell-count[hidden]{display:none!important}
body:has(#managerApp:not([hidden])) #detailModal.modal-backdrop:has(#managementAlertPanel139){align-items:flex-start;justify-content:flex-end;background:transparent;padding:var(--bc139-top,76px) clamp(12px,var(--bc139-right,20px),max(12px,calc(100vw - 624px))) 12px 12px;box-sizing:border-box}
body:has(#managerApp:not([hidden])) #detailModal.modal-backdrop:has(#managementAlertPanel139)>.modal{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:min(600px,calc(100vw - 24px));max-width:600px;max-height:var(--bc139-max-height,calc(100dvh - 88px));padding:0;border:1px solid #e4edf8;border-radius:20px;background:#fff;box-shadow:0 14px 46px #193f6b24;overflow:visible}
body:has(#managerApp:not([hidden])) #detailModal.modal-backdrop:has(#managementAlertPanel139)>.modal:before{content:'';position:absolute;top:-7px;right:var(--bc139-tip,32px);width:13px;height:13px;transform:rotate(45deg);background:white;border-top:1px solid #e4edf8;border-left:1px solid #e4edf8}
body:has(#managerApp:not([hidden])) #detailModal.modal-backdrop:has(#managementAlertPanel139) #detailTitle,body:has(#managerApp:not([hidden])) #detailModal.modal-backdrop:has(#managementAlertPanel139)>.modal>.modal-foot{display:none}body:has(#managerApp:not([hidden])) #detailModal.modal-backdrop:has(#managementAlertPanel139) #detailBody{padding:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:20px}#managementAlertPanel139{display:flex;flex-direction:column;min-height:0;overflow:hidden;max-height:var(--bc139-max-height,calc(100dvh - 88px))}
.bc139-panel-head{display:flex;align-items:center;gap:12px;padding:18px 22px 14px;flex-shrink:0}.bc139-panel-head h2{font-size:22px;line-height:1.3;letter-spacing:-.02em;color:#071531;margin:0;flex:1}.bc139-panel-head button{font:inherit;border:0;background:none;color:#1882ff;cursor:pointer;min-height:44px;padding:5px 0;font-size:14px;font-weight:600}.bc139-panel-head button:disabled{opacity:.5;cursor:default}.bc139-panel-head #managementFilters139{flex:none;display:grid;place-items:center;width:44px;border-radius:13px;background:#f5f8fc;color:#667b9b;padding:10px}.bc139-panel-head #managementFilters139 svg{height:23px;width:23px}
.bc139-tabs{display:flex;justify-content:space-between;gap:4px;border-bottom:1px solid #e7effa;padding:0 18px;flex-shrink:0}.bc139-tabs>button{position:relative;display:flex;gap:6px;align-items:center;justify-content:center;flex:1;min-width:0;min-height:52px;padding:8px 5px;border:0;background:transparent;color:#62728d;font:inherit;font-size:15px;font-weight:650;cursor:pointer;white-space:nowrap}.bc139-tabs>button[aria-selected=true]{color:#087cff}.bc139-tabs>button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;border-radius:3px;background:#1686ff}.bc139-tabs>button>span{display:grid;place-items:center;min-width:21px;height:21px;border-radius:50%;background:#1485ff;color:white;font-size:12px}.bc139-tabs>button[data-notification-tab139=todo]>span{background:#ff174c}.bc139-tabs>button>span[hidden]{display:none}
#managementAlertPanel139 body:has(#managerApp:not([hidden])) #detailModal #managementAlertListError{font-size:14px;margin:0;padding:8px 20px;color:#b12d40}#managementAlertPanel139 body:has(#managerApp:not([hidden])) #detailModal #managementAlertListError[hidden],#managementPanelFilters139[hidden],#managementHistoryNavigation[hidden]{display:none!important}#managementPanelFilters139{flex-shrink:0;padding:12px 20px;margin:0;background:#f6faff}
body:has(#managerApp:not([hidden])) #detailModal #managementAlertList.bc139-panel-list{display:block;overflow-y:auto;overscroll-behavior:contain;min-height:0;margin:0;flex:1;scrollbar-width:thin;padding:5px 0}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList.bc139-panel-list>div{gap:0}
body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row{--alert-color:#f12e49;display:grid;grid-template-columns:8px 52px minmax(0,1fr) auto 12px;gap:14px;align-items:center;width:100%;min-height:88px;box-sizing:border-box;margin:0;padding:14px 20px;border:0;border-bottom:1px solid #f0f4fa;border-radius:0;background:white;box-shadow:none;color:#08152e;text-align:left;line-height:1.4;font:inherit;cursor:pointer}
body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row.orange{--alert-color:#e8a216}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row.green{--alert-color:#10ac78}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row.blue{--alert-color:#148aff}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row .management-alert-symbol{display:grid;place-items:center;flex:none;width:52px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--alert-color) 11%,white);color:var(--alert-color)}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row .management-alert-symbol svg{width:28px;height:28px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row .management-alert-copy b{color:#111b30;font-size:16px;font-weight:700;line-height:1.3}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row .management-alert-copy>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#687e9f;font-size:14px;line-height:1.45;margin-top:5px}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row.green .management-alert-copy b{color:#506b89}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row time{align-self:start;padding-top:5px;color:#7289aa;white-space:nowrap;font-size:13px}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-unread-dot{display:block;width:8px;height:8px;border-radius:50%;background:#128bff}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-unread-dot[hidden]{display:block!important;visibility:hidden}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-chevron{font-size:28px;line-height:1;color:#7891b1}
#managementAlertPanel139 .management-alert-empty{margin:16px 20px;font-size:15px}#managementAlertPanel139 .bc139-history{flex-shrink:0;justify-content:center;gap:12px;margin:0;padding:12px;background:#f8fbff}#managementAlertPanel139 .bc139-history button{min-height:44px;font-size:13px}.bc139-panel-foot{display:flex;justify-content:center;flex-shrink:0;padding:16px 18px 18px;border-top:1px solid #edf2f9;background:#fff}.bc139-panel-foot button{min-height:46px;padding:10px 20px;border:0;border-radius:16px;background:#e8f4ff;color:#0b7eff;font:inherit;font-size:16px;font-weight:650;cursor:pointer}.bc139-panel-foot button span{margin-left:8px}
#managementAlertPanel139 button:focus-visible,#managementAlertButton:focus-visible{outline:3px solid #305fc0;outline-offset:2px}@media(hover:hover){body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row:hover{background:#f5faff;box-shadow:none}.bc139-tabs>button:hover{background:#f8fbff}}
@media(max-width:600px){.bc139-panel-head{padding:12px 14px 8px;gap:8px}.bc139-panel-head h2{font-size:20px}.bc139-panel-head button{font-size:12px}.bc139-tabs{padding:0 8px}.bc139-tabs>button{font-size:13px;gap:4px;min-height:48px}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row{grid-template-columns:6px 40px minmax(0,1fr) auto 8px;gap:8px;padding:12px;min-height:82px}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row .management-alert-symbol{width:40px;height:46px;border-radius:13px}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row .management-alert-symbol svg{width:25px;height:25px}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row .management-alert-copy b{font-size:14px}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row .management-alert-copy>span{font-size:13px}body:has(#managerApp:not([hidden])) #detailModal #managementAlertList .bc139-notification-row time{font-size:11px}.bc139-panel-foot{padding:12px}.bc139-panel-foot button{font-size:14px}}
@media(max-width:360px){.bc139-panel-head{flex-wrap:wrap}.bc139-panel-head h2{flex-basis:calc(100% - 54px)}#managementMarkAll139{order:3;min-height:36px!important;margin-top:-8px}.bc139-tabs>button{font-size:12px}.bc139-tabs>button>span{min-width:18px;height:18px;font-size:11px}}

body:has(#managerApp:not([hidden])) #detailModal #managementAlertList.bc139-panel-list{border:0;border-radius:0;background:transparent}