/* Base form */
.tln-form { margin: 16px 0; text-align: center; }
.tln-row { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; justify-content: center; }
.tln-row label { display:flex; flex-direction:column; gap:6px; align-items: center; }
.tln-row input[type="number"] { padding:8px 10px; border:1px solid #e5e7eb; border-radius:8px; min-width: 180px; text-align:center; }
.tln-button { border:none; padding:10px 16px; border-radius:10px; cursor:pointer; transition: .15s; margin-top:6px; }

/* Force button colors against theme overrides */
form.tln-form .tln-button{ background:#000 !important; color:#fff !important; }
form.tln-form .tln-reset-btn{ background:#000 !important; color:#fff !important; }

/* Results */
.tln-result { margin-top: 18px; }
.tln-info { list-style: none; padding:0; margin:0 0 10px 0; display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:6px 14px; }
.tln-ketqua { display: grid; gap: 8px; }
.tln-box { padding: 12px 14px; border-radius: 10px; line-height: 1.55; }

.tln-solution-title { margin-bottom: 6px; }
.tln-muon-tuoi { margin-top: 12px; }
.tln-muon-wrap { display:flex; gap:8px; flex-wrap: wrap; margin-top:6px; justify-content:center; }
.tln-chip { display:inline-block; padding:6px 10px; border-radius:999px; background:#d4f7dc; border:1px dashed #98e1a7; font-weight:600; }

.tln-reset-wrap{ text-align:center; margin-top: 14px; }
.tln-reset-btn{ min-width:200px; }

.tln-note { margin-top: 10px; opacity: .8; font-size:.95rem; }