.coleteonline-update-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;background:#f0f7ff;border:1px solid #b8daff;border-left:4px solid #25b9d7;border-radius:4px;font-size:13px;line-height:1.5}.coleteonline-update-banner--critical{background:#fff5f5;border-color:#f5c6cb;border-left-color:#dc3545}.coleteonline-update-banner__icon{flex-shrink:0;color:#25b9d7;display:flex;align-items:center}.coleteonline-update-banner--critical .coleteonline-update-banner__icon{color:#dc3545}.coleteonline-update-banner__content{flex:1;min-width:0}.coleteonline-update-banner__text strong{font-weight:600}.coleteonline-update-banner__actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.coleteonline-update-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:10500;display:flex;align-items:center;justify-content:center;padding:20px}.coleteonline-update-modal{background:#fff;border-radius:6px;box-shadow:0 8px 40px rgba(0,0,0,.2);max-width:680px;width:100%;max-height:80vh;display:flex;flex-direction:column;animation:coleteonline-modal-in .2s ease-out}@keyframes coleteonline-modal-in{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.coleteonline-update-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eaebec}.coleteonline-update-modal__header h4{margin:0;font-size:16px;font-weight:600}.coleteonline-update-modal__close{background:0 0;border:none;font-size:22px;color:#6c868e;cursor:pointer;padding:0 4px;line-height:1}.coleteonline-update-modal__close:hover{color:#363a41}.coleteonline-update-modal__body{padding:16px 20px;overflow-y:auto;flex:1;min-height:0}.coleteonline-update-modal__table thead th{font-weight:600;color:#6c868e;text-transform:uppercase;font-size:11px;letter-spacing:.3px}.coleteonline-update-modal__table td:nth-child(2){max-width:280px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.coleteonline-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;line-height:1.5;margin-right:4px;margin-bottom:2px}.coleteonline-badge:last-child{margin-right:0}.coleteonline-update-modal__table td:last-child{white-space:nowrap;width:1%}.coleteonline-update-modal__table td:first-child{white-space:nowrap;width:1%}.coleteonline-update-modal__table td:nth-child(3){white-space:nowrap;width:1%}.coleteonline-update-modal__footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px;border-top:1px solid #eaebec}.coleteonline-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;line-height:1.5}.coleteonline-badge--critical{background:#fceced;color:#a4262c;border:1px solid #f5c6cb}.coleteonline-badge--major{background:#fff3e0;color:#c45500;border:1px solid #ffe0b2}.coleteonline-badge--minor{background:#f1f3f4;color:#6c868e;border:1px solid #e3e6e8}@media (max-width:768px){.coleteonline-update-banner{flex-direction:column;align-items:flex-start}.coleteonline-update-banner__actions{width:100%;justify-content:flex-end}.coleteonline-update-modal{max-width:95%}}