/* PCMO028: Alert status is a separate, prominent operational workspace. */
.al-shell{border:1px solid #ecdba9;border-radius:18px;background:#fff;padding:20px;color:#142139}.al-hero{display:flex;gap:18px;align-items:center;padding:24px;background:#fff3d7;border:1px solid #f4ce71;border-radius:14px;color:#704309}.al-hero.clear{background:#e8f8f1;border-color:#a0d9bf;color:#155d42}.al-symbol{font-size:38px;line-height:1}.al-kicker{font-size:11px;font-weight:800;letter-spacing:.1em;margin:0 0 6px}.al-hero h2{margin:0;font-size:25px}.al-hero p{margin:6px 0 0}.al-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:18px 0}.al-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border:1px solid #d8deec;border-radius:10px;background:white;color:#273551;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer;gap:6px}.al-btn:hover{background:#f2f0ff}.al-btn.primary,.al-btn.active{background:#6245d4;color:white;border-color:#6245d4}.al-btn:disabled{opacity:.6;cursor:wait}.qx-btn.al-alert-btn,.project-primary-tabs a[href$="/alerts"],.project-primary-tabs button.al-alert-tab,.al-alert-tab{color:#8a3907!important;background:#fff0d5!important;border:1px solid #edae51!important;font-weight:750!important}.al-list{display:grid;gap:10px}.al-item{display:flex;align-items:center;gap:13px;justify-content:space-between;padding:16px;border:1px solid #e5e8f0;border-radius:12px;min-width:0}.al-item>div:first-of-type{flex:1;min-width:0}.al-item h3{font-size:15px;margin:0 0 7px;overflow-wrap:anywhere}.al-item p{margin:4px 0;font-size:13px;color:#66738b;overflow-wrap:anywhere}.al-item small,.al-muted{color:#6e7c90;font-size:12px}.al-item.resolved{background:#f7fbf9}.al-item-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.al-dot{display:inline-grid;place-items:center;background:#ffe8ce;color:#993c0a;font-weight:800;border-radius:50%;width:30px;height:30px;flex-shrink:0}.resolved .al-dot{background:#d8f1e4;color:#1c6546}.al-history{margin-top:20px;border-top:1px solid #e5e8f0;padding-top:16px}.al-history p{font-size:13px;line-height:1.6}.al-note{padding:13px 15px;background:#f3f2fc;border:1px solid #dfdaf5;border-radius:10px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.al-note.error{color:#942e47;background:#fff0f3;border-color:#ecc3cd}.al-note.warning{background:#fff4da;color:#7c4a09}.al-note.clear{background:#e8f8ef;color:#1b6242;border-color:#b9ddc9}.al-dialog{width:min(900px,94vw);max-height:90vh;padding:0;border:1px solid #dde1ec;border-radius:20px;color:#17243f;background:white;box-shadow:0 20px 80px #17223b40}.al-dialog::backdrop{background:#111d3b70;backdrop-filter:blur(3px)}.al-dialog>header{padding:22px 24px;display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid #e6e8ef}.al-dialog h2{margin:0 0 5px;font-size:23px}.al-dialog header p{font-size:13px;margin:4px 0;color:#64718a}.al-modal-body{padding:24px;max-height:72vh;overflow:auto}.al-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.al-field{display:flex;flex-direction:column;gap:8px;margin:12px 0;font-size:13px;font-weight:650}.al-field input,.al-field select{padding:12px;border:1px solid #d9deeb;border-radius:10px;background:white;color:#152441;font:inherit;width:100%;box-sizing:border-box;min-width:0}.al-check{display:flex;gap:10px;align-items:flex-start;line-height:1.6;font-size:14px;margin:18px 0}.al-check input{margin-top:4px;width:auto;flex-shrink:0}.al-sales-lock{background:#edf1fc;border:1px solid #d6e0f5;border-radius:12px;padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.al-sales-lock small{display:block;color:#66758f;margin-bottom:6px}.al-sales-lock strong{font-size:17px}.al-customer-selected{padding:16px;border:1px solid #d8e1f0;border-radius:12px;background:#f8faff}.al-auth-banner{position:fixed;top:14px;right:20px;z-index:2147483000;width:min(510px,calc(100vw - 40px));background:#fff8e8;border:1px solid #e1b46d;border-radius:16px;box-shadow:0 8px 40px #17223b35;padding:20px;color:#674317}.al-auth-banner h2{font-size:18px;margin:0 0 9px}.al-auth-banner p{font-size:13px;line-height:1.6}.al-auth-banner [role=status]{font-weight:650}.al-reauth-page{max-width:650px;margin:10vh auto;padding:28px;border:1px solid #dde1ec;border-radius:20px;background:white;font-family:system-ui}.al-reauth-page a{display:inline-block;margin:10px 10px 0 0;padding:13px;border-radius:10px;background:#6245d4;color:white;text-decoration:none} @media(max-width:650px){.al-shell,.al-modal-body{padding:14px}.al-hero{padding:16px;gap:12px}.al-hero h2{font-size:21px}.al-item{align-items:flex-start;flex-wrap:wrap}.al-item-actions{flex-basis:100%;justify-content:flex-end}.al-grid,.al-sales-lock{grid-template-columns:1fr}.al-dialog>header{padding:17px}.al-dialog h2{font-size:19px}.al-toolbar{gap:6px}}

.al-resolution-blocked{max-width:240px;display:block;font-size:13px;line-height:1.55;color:#854d0e}.al-dialog .hub-panel{padding:8px;border:none;box-shadow:none}.al-dialog .hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:620px){.al-dialog .hub-grid{grid-template-columns:1fr}}
