.banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:16px;padding:.875rem 1rem;border-radius:10px;border:1px solid transparent}.banner__main{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.banner__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;margin-top:.125rem}.banner__text{min-width:0}.banner__heading{margin:0 0 .25rem;font-size:.875rem;font-weight:600;line-height:1.35;color:var(--p-color-text, #202223)}.banner__message{margin:0;font-size:.8125rem;line-height:1.45;color:var(--p-color-text-secondary, #616161)}.banner__actions{display:flex;flex-shrink:0;align-items:center;gap:.5rem}.banner--warning{background:#fff5ea;border-color:#ffd6a4;border-left:4px solid #f5b301}.banner--warning .banner__icon{color:#8a6116}.banner--critical{background:#fff4f4;border-color:#fed3d1;border-left:4px solid #d72c0d}.banner--critical .banner__icon{color:#8e1f0b}.banner--info{background:#f1f8ff;border-color:#c9e3ff;border-left:4px solid #2c6ecb}.banner--info .banner__icon{color:#1f5199}.banner--success{background:#f1f8f5;border-color:#b7ebc6;border-left:4px solid #008060}.banner--success .banner__icon{color:#0d5e42}@media(max-width:640px){.banner{flex-direction:column;align-items:stretch;margin-bottom:12px}.banner__actions{justify-content:flex-end}}