.wrap { padding: 0.5rem 0 1.5rem; font-family: var(--font-sans); }
  .header { margin-bottom: 1.5rem; }
  .header h2 { font-size: 18px; font-weight: 500; color: var(--color-text-primary); margin: 0 0 4px; }
  .header p { font-size: 13px; color: var(--color-text-secondary); margin: 0; }
  .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(0,1fr)); gap: 12px; }
  .card { background: var(--color-background-primary); border: 0.5px solid var(--color-border-tertiary); border-radius: var(--border-radius-lg); padding: 1.1rem 1.25rem; transition: border-color .2s; }
  .card:hover { border-color: var(--color-border-secondary); }
  .card-icon { width: 32px; height: 32px; border-radius: var(--border-radius-md); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; flex-shrink: 0; }
  .card-icon svg { width: 16px; height: 16px; }
  .icon-blue  { background: var(--color-background-info); }
  .icon-sky   { background: #E6F1FB; }
  .icon-red   { background: var(--color-background-danger); }
  .card-title { font-size: 13px; font-weight: 500; color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: .06em; margin: 0 0 10px; }
  .item { display: flex; gap: 10px; margin-bottom: 9px; font-size: 14px; color: var(--color-text-primary); line-height: 1.55; }
  .item:last-child { margin-bottom: 0; }
  .dot { width: 5px; height: 5px; border-radius: 50%; margin-top: 7px; flex-shrink: 0; }
  .dot-blue { background: #378ADD; }
  .dot-sky  { background: #185FA5; }
  .dot-red  { background: #E24B4A; }
  .pill { display: inline; background: var(--color-background-danger); color: var(--color-text-danger); font-size: 12px; font-weight: 500; padding: 1px 7px; border-radius: 20px; white-space: nowrap; }
  .pill-info { background: var(--color-background-info); color: var(--color-text-info); }
  .alert-card { border-left: 2px solid #E24B4A; background: var(--color-background-danger); border-top: 0.5px solid var(--color-border-tertiary); border-right: 0.5px solid var(--color-border-tertiary); border-bottom: 0.5px solid var(--color-border-tertiary); border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0; padding: 1.1rem 1.25rem; }
  .alert-card .card-title { color: var(--color-text-danger); }
  .alert-card .item { color: var(--color-text-danger); }