/* Minimal styles for Bát Tự plugin */
.ts-bazi{border:1px solid #eee;border-radius:12px;padding:12px;box-shadow:0 2px 10px rgba(0,0,0,.04);font-family:system-ui,Arial,Helvetica,sans-serif}
.tsbz-form .row{margin:8px 0;display:flex;gap:10px;flex-wrap:wrap}
.tsbz-form .row.two > *{flex:1 1 220px}
.tsbz-form label{display:block;font-size:13px;color:#555;margin-bottom:4px}
.tsbz-form input, .tsbz-form select{width:100%;padding:8px;border:1px solid #ddd;border-radius:8px}
.tsbz-form .btn{background:#0a7; color:#fff; border:none; padding:10px 14px; border-radius:10px; cursor:pointer}
.tsbz-form .btn:hover{opacity:.92}
.tsbz-result{margin-top:12px}
.tsbz-result .meta{color:#666;margin:6px 0 10px}
.grid-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pill{border:1px solid #f0f0f0;border-radius:10px;padding:10px}
.pill-title{font-weight:700;margin-bottom:6px}
.pill-can,.pill-chi{display:flex;align-items:center;justify-content:space-between}
.tag{font-size:11px;color:#666;background:#f7f7f7;padding:2px 6px;border-radius:999px;margin-left:8px}
.grid-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.card{border:1px solid #f0f0f0;border-radius:10px;padding:10px}
.card-title{font-weight:700;margin-bottom:6px}
.rows div{margin:4px 0}
.bars .bar{display:flex;align-items:center;gap:8px;margin:6px 0}
.bars .bar i{display:inline-block;height:8px;background:#0a7;border-radius:999px;flex:0 0 auto}
.note{font-size:12px;color:#888;margin-top:6px}
@media (max-width: 720px){
  .grid-pillars{grid-template-columns:repeat(2,1fr)}
  .grid-details{grid-template-columns:1fr}
}