/* app.css — PixelAtrium v2 (component overrides layer) */
/* All base styles are in global.css. This file exists for plugin compatibility. */

/* Ensure app.js-rendered markup inherits the design system */
#hailuo-app .hailuo-card { box-sizing: border-box; }
#hailuo-app .hailuo-input,
#hailuo-app .hailuo-select,
#hailuo-app input[type="file"] { width: 100% !important; box-sizing: border-box !important; }
#hailuo-app .hailuo-btn { width: 100%; max-width: 100%; box-sizing: border-box; }
#hailuo-app .hailuo-btn + .hailuo-btn { margin-top: 10px; }
#hailuo-app .hailuo-card { padding: 20px !important; }
#hailuo-app .hailuo-grid { gap: 14px !important; }
#hailuo-app .hailuo-pillrow { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-items: center !important; margin: 0 0 10px !important; }
#hailuo-app .hailuo-pill { flex: 0 0 auto !important; white-space: nowrap !important; }

/* Video card in dark context */
.hailuo-video-card { background: var(--bg-surface) !important; }