/* 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}}