.volcano-callout.svelte-e4fvr8{margin:2rem 0;padding:1.5rem;border-radius:12px;border-left:4px solid;box-shadow:0 1px 3px #0000001a}.volcano-callout.green.svelte-e4fvr8{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;color:#155724}.volcano-callout.yellow.svelte-e4fvr8{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-color:#ffc107;color:#856404}.volcano-callout.orange.svelte-e4fvr8{background:linear-gradient(135deg,#ffe4cc,#ffd4a3);border-color:#fd7e14;color:#8a3a00}.volcano-callout.red.svelte-e4fvr8{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545;color:#721c24}.callout-header.svelte-e4fvr8{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.callout-header.svelte-e4fvr8 .volcano-icon:where(.svelte-e4fvr8){font-size:1.5rem}.callout-header.svelte-e4fvr8 h3:where(.svelte-e4fvr8){margin:0;font-size:20px;font-weight:700}.callout-content.svelte-e4fvr8 .status-badge:where(.svelte-e4fvr8){display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#0000001a;border-radius:4px;margin-bottom:.5rem}.callout-content.svelte-e4fvr8 .status-badge:where(.svelte-e4fvr8) strong:where(.svelte-e4fvr8){font-weight:700;font-size:16px}.callout-content.svelte-e4fvr8 .status-badge:where(.svelte-e4fvr8) .color-code:where(.svelte-e4fvr8){font-size:14px;font-weight:600}.callout-content.svelte-e4fvr8 .status-message:where(.svelte-e4fvr8){margin:.5rem 0;font-size:16px;line-height:1.5}.callout-content.svelte-e4fvr8 .view-details:where(.svelte-e4fvr8){display:inline-block;font-weight:600;text-decoration:underline;transition:opacity .3s ease}.callout-content.svelte-e4fvr8 .view-details:where(.svelte-e4fvr8):hover{opacity:.8}