/* Shared elevated panels used inside cards, drawers and summaries. */
.ui-surface-panel {
  border: 0.0625rem solid var(--border);
  border-radius: var(--radius-md);
  background: var(--panel);
}

.ui-surface-panel--elevated {
  background: var(--surface-elevated);
}

.ui-surface-panel--clip {
  /* Clip only when decorative overflow must stay inside the panel radius. */
  overflow: clip;
}

.ui-surface-panel--soft-shadow {
  box-shadow: var(--shadow-soft);
}

.ui-surface-panel--compact {
  padding: 0.875rem;
}

.ui-surface-panel--comfortable {
  padding: 1.125rem;
}