/* GharBazar — W6 component styles (Worker W6)
   Coordinator: add <link rel="stylesheet" href="<?= asset('css/w6.css') ?>"> after style.css.
   Uses DESIGN-SYSTEM.md tokens (--em-*, --am-*, --sl-*) with fallbacks. */

/* ── admin stat cards ── */
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin-bottom:1.2rem}
.stat{text-align:center;padding:1rem}
.stat strong{display:block;font-size:1.5rem;color:var(--em-800,#0e5e3a)}
.stat span{color:var(--muted,#6b7280);font-size:.85rem}

/* ── inline SVG charts ── */
.chart{width:100%;height:auto;display:block}
.chart-t{font-size:12px;fill:#6b7280;font-weight:700}
.chart-grid{stroke:#e7e5e4;stroke-width:1}
.chart-grid2{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.2rem}
@media(min-width:900px){.chart-grid2{grid-template-columns:repeat(3,1fr)}}

/* ── horizontal bars (top areas, revenue) ── */
.hbar-row{display:flex;align-items:center;gap:.8rem;padding:.45rem 0;border-bottom:1px solid var(--line,#e7e5e4)}
.hbar-row:last-child{border-bottom:0}
.hbar-label{flex:0 0 220px;font-size:.9rem}
.hbar-track{flex:1;height:12px;background:#f0ede9;border-radius:999px;overflow:hidden}
.hbar-fill{display:block;height:100%;background:var(--em-700,#12805a);border-radius:999px}
.hbar-fill.amber{background:var(--am-600,#d97706)}
.hbar-val{flex:0 0 auto;font-size:.9rem;white-space:nowrap}

/* ── blog comments ── */
.comment-list{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.8rem}
.comment{padding:1rem}
.comment-head{margin-bottom:.4rem}

/* ── newsletter footer form ── */
.f-news h3{color:#fff;margin:0 0 .4rem}
.f-news p{color:#cbd5e1;font-size:.9rem;margin:0 0 .6rem}
.nl-form{display:flex;gap:.5rem}
.nl-form input{flex:1;min-width:0;padding:.55rem .8rem;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#fff}
.nl-form input::placeholder{color:#94a3b8}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── EMI calculator ── */
.emi-form label{display:block;margin-bottom:1rem;font-weight:700}
.emi-form output{display:block;color:var(--am-700,#b45309);font-weight:800;margin-top:.3rem}
.emi-form input[type=range]{width:100%;accent-color:var(--em-700,#12805a)}
.emi-result{margin:1rem 0}
.emi-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;margin-bottom:.8rem}
.emi-nums div{background:#fff;border:1px solid var(--line,#e7e5e4);border-radius:12px;padding:.8rem}
.emi-nums span{display:block;color:var(--muted,#6b7280);font-size:.82rem}
.emi-nums strong{color:var(--em-800,#0e5e3a);font-size:1.25rem}
.emi-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:#f0ede9}
.emi-bar-p{background:var(--em-700,#12805a)}
.emi-bar-i{background:var(--am-500,#f59e0b)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 .3rem 0 .8rem}
.dot.p{background:var(--em-700,#12805a)}
.dot.i{background:var(--am-500,#f59e0b)}

/* ── valuation ── */
.pv-disclaimer{border-left:4px solid var(--am-500,#f59e0b);margin:1.2rem 0}
.pv-disclaimer h3{margin-top:0}

/* ── W6 v7: hub SEO/AEO blocks ── */
.hub-answer .answer-box{background:#f8faf7;border:1px solid var(--line,#e7e5e4);border-left:4px solid var(--em-700,#12805a);border-radius:12px;padding:1rem 1.2rem}
.hub-answer .answer-box p{margin:.4rem 0 0;line-height:1.65}
.hub-links .mini-card{display:flex;flex-direction:column;gap:.15rem;background:#fff;border:1px solid var(--line,#e7e5e4);border-radius:10px;padding:.7rem .9rem;color:inherit;text-decoration:none}
.hub-links .mini-card:hover{border-color:var(--em-700,#12805a)}
.hub-links .mini-price{font-weight:800;color:var(--em-800,#0e5e3a)}
.hub-links .mini-title{font-size:.92rem}
.hub-links .mini-loc{font-size:.82rem;color:var(--muted,#6b7280)}