#entre-quest-root, .eql-container { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }
.eql-wrap { max-width: 1100px; margin: 0 auto; padding: 16px; }
.eql-row { display: grid; grid-template-columns: repeat(12, 1fr); gap: 8px; align-items: center; }
.eql-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 1px 2px rgba(0,0,0,.04); margin-bottom: 16px; }
.eql-card-h { padding: 12px 16px; border-bottom: 1px solid #f1f5f9; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.eql-card-c { padding: 16px; }
.eql-title { font-weight: 700; font-size: 18px; }
.eql-desc { color: #64748b; font-size: 12px; }
.eql-badge { display:inline-block; font-size:11px; padding:2px 8px; border-radius:999px; background:#f1f5f9; }
.eql-btn { display:inline-flex; align-items:center; gap:6px; border:1px solid #e5e7eb; background:#f8fafc; padding:8px 10px; border-radius:8px; cursor:pointer; }
.eql-btn:hover { background:#f1f5f9; }
.eql-btn.primary { background:#2563eb; color:white; border-color:#2563eb; }
.eql-input, .eql-textarea, .eql-select { width: 100%; border: 1px solid #e5e7eb; border-radius: 8px; padding: 8px 10px; background:#fff; }
.eql-textarea { min-height: 88px; }
.eql-grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.eql-grid-4 { display:grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.eql-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
.eql-progress { height: 8px; background:#e5e7eb; border-radius:999px; overflow:hidden; }
.eql-progress > span { display:block; height:100%; background:#22c55e; width:0%; }
.eql-table { display:grid; gap:0; }
.eql-cell-h { font-weight:600; font-size:12px; padding:6px 8px; background:#f8fafc; border-bottom: 1px solid #e5e7eb; }
.eql-cell { font-size:12px; padding:6px 8px; border-bottom: 1px solid #f1f5f9; }
.eql-pill { width:10px; height:10px; border-radius:999px; display:inline-block; }
.eql-muted { color:#64748b; font-size:12px; }
.eql-flex { display:flex; gap:8px; align-items:center; flex-wrap: wrap; }
.eql-rt { text-align:right; }
@media (max-width: 900px){
  .eql-grid-2, .eql-grid-4 { grid-template-columns: 1fr; }
}