/* /assets/css/loto-template.css · SP-LOTO-TEMPLATE-VISUAL-STACK-FIX-1
 * Se incarca DUPA style.css / skin-components.css / loto-system.css.
 * ds-*: regulile Gen 1 (definite anterior inline per pagina), acum intr-un singur loc. Tokens din style.css. */
.gp-wrap{max-width:780px;margin:0 auto;padding:76px 16px 40px}
.ds-container{max-width:780px;margin:0 auto}
.ds-h1{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;margin:0 0 10px}
.ds-h2{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:22px 0 10px}
.ds-h3{font-size:.92rem;font-weight:700;color:var(--text-primary);margin:16px 0 8px}
.ds-body{font-size:.86rem;color:var(--text-body);line-height:1.65;margin:0 0 10px}
.ds-meta{font-size:.75rem;color:var(--text-muted)}
.ds-micro{font-size:.7rem;color:var(--text-muted);line-height:1.55}
.ds-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px}
.ds-card-subtle{background:var(--bg-card-subtle));border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:12px}
@media(max-width:520px){.gp-wrap{padding:72px 12px 32px}.ds-h1{font-size:1.3rem}}
/* lt-*: componente template */
.lt-fresh{margin:12px 0;padding:10px 14px}
.lt-fresh--ok{border-left:3px solid var(--success)}
.lt-fresh--warn{border-left:3px solid var(--warning)}
.lt-fresh--stale,.lt-fresh--none{border-left:3px solid var(--danger)}
.lt-nav{margin:12px 0;padding:10px}
.lt-nav-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}
.lt-nav-item a{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;color:var(--text-body);text-decoration:none;font-size:.85rem;line-height:1.3}
.lt-nav-item a:hover{background:var(--bg-card-subtle))}
.lt-nav-item.is-active a{background:var(--accent-bg));color:var(--text-accent));font-weight:600}
.lt-nav-em{flex-shrink:0}
.lt-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.86rem}
.lt-table th,.lt-table td{padding:6px 10px;text-align:right;border-bottom:1px solid var(--border)}
.lt-table th{color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em}
.lt-table th:first-child,.lt-table td:first-child{text-align:left}
.lt-num{font-weight:700;color:var(--text-primary)}
.lt-pos{color:var(--success)}.lt-neg{color:var(--danger)}
.lt-balls{display:inline-flex;flex-wrap:wrap;gap:6px}
.lt-ball{display:inline-flex;align-items:center;justify-content:center;min-width:2.2em;height:2.2em;padding:0 .4em;border-radius:999px;background:var(--bg-card-subtle));border:1px solid var(--border);color:var(--text-primary);font-weight:700;font-size:.86rem}
.lt-ball--hot{background:var(--accent-bg));border-color:var(--border-accent));color:var(--text-accent))}
.lt-draw{padding:8px 0;border-bottom:1px solid var(--border)}
.lt-draw-meta{display:flex;gap:10px;align-items:baseline;margin-bottom:6px}
.lt-heat{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}
.lt-heat-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:.72rem;font-weight:600;color:var(--text-primary);border:1px solid var(--border);background:color-mix(in srgb,var(--text-dim) calc(var(--h)*.5%),var(--bg-card))}
.lt-bar{height:6px;border-radius:3px;background:var(--bg-card-subtle);overflow:hidden;margin-top:2px}
.lt-bar>span{display:block;height:100%;background:var(--text-dim);width:var(--w)}
.lt-disclaimer{margin-top:20px}
.lt-related{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.lt-gen-out{margin-top:10px}
@media(max-width:640px){.lt-heat{grid-template-columns:repeat(7,minmax(0,1fr))}.lt-table{font-size:.8rem}}