/* 
 * TestZamani Home UI Bundle
 * Consolidated home experience styles
 */

/* --- Home Layout & Panels --- */
.tzh-home {width: min(1200px, calc(100% - 1.25rem));margin: 1rem auto 0rem;color: var(--tzh-text);}
.tzh-grid { margin-top: 0.9rem; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.0fr); gap: 0.9rem; }
.tzh-panel { overflow: hidden; display: flex; flex-direction: column; gap: 10px; }
.tzh-panel__head {display: flex;justify-content: space-between;background: var(--tzq-text-primary);align-items: center;gap: 0.8rem;padding: 15px;}
.tzh-panel__head a{
    padding: 0px 13px;
    font-weight: 900;
    background: #ffffff;
}
.tzh-panel__head h2 { margin: 0; font-size: 1.22rem; font-weight: 700; color: white; }
.tzh-col-main,.tzh-col-side{display:flex;flex-direction: column;gap: 10px;}
/* --- Tabs & Chips --- */
.tzh-tabs { display: flex; gap: 0.45rem; padding: 0.7rem 0.9rem 0.2rem; }
.tzh-tab { border: 1px solid var(--tzq-primary-lighter); background: var(--tzq-bg-secondary); color: var(--tzq-text-secondary); border-radius: var(--tzq-spacing-xs); font-size: 0.85rem; font-weight: 800; padding: 0.5rem 1rem; cursor: pointer; }
.tzh-tab.is-active { background: var(--tzq-primary); border-color: var(--tzq-primary); color: #fff; }
.tzh-chip-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; padding: 0.75rem; }

/* --- Modern Dashboard Features --- */
.tzq-premium-dashboard { padding: 1.5rem 0; }
.tzq-promo-box { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); color: #fff; padding: 3.5rem; border-radius: var(--tzq-spacing-xs); display: flex; justify-content: space-between; align-items: center; overflow: hidden; position: relative; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.tzq-pop-tag { padding: 10px 18px; background: rgba(255,255,255,0.08); border-radius: var(--tzq-spacing-xs); text-decoration: none; color: #fff; font-weight: 700; font-size: 0.85rem; border: 1px solid rgba(255,255,255,0.1); }
.tzq-live-stats-bar { display: flex; justify-content: space-around; background: #fff; padding: 2.25rem; border-radius: var(--tzq-spacing-xs); border: 1px solid #f1f5f9; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.03); }

@media (max-width: 640px) {
    .tzh-chip-grid { grid-template-columns: 1fr; }
}