/* /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}}
.lt-gen-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 14px}
.lt-gen-controls select{padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-primary)}
/* v2 — nivel Multi 20/80 */
.lt-heat-cell{cursor:default;transition:transform .12s}.lt-heat-cell:hover,.lt-heat-cell:focus{transform:scale(1.12);outline:none;z-index:1;position:relative}
.lt-heat--hot{background:var(--danger);color:var(--text-on-fill);border-color:var(--danger)}
.lt-heat--warm{background:var(--success);color:var(--text-on-fill);border-color:var(--success)}
.lt-heat--mid{background:var(--accent);color:var(--text-primary);border-color:var(--accent)}
.lt-heat--cold{background:var(--cold);color:var(--text-on-fill);border-color:var(--cold)}
.lt-legend{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:.78rem;color:var(--text-muted)}
.lt-legend-bar{flex:1;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--cold),var(--accent),var(--success),var(--danger))}
.lt-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.lt-stat{text-align:center;padding:16px 10px;margin:0}
.lt-stat-v{font-size:1.6rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.lt-stat-l{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:4px}
.lt-top-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.lt-top{border-radius:10px;padding:14px 6px;text-align:center;border:1px solid var(--border)}
.lt-top--hot{background:linear-gradient(180deg,var(--danger),var(--bg-card));}.lt-top--hot .lt-top-n{color:var(--text-primary)}
.lt-top--cold{background:linear-gradient(180deg,var(--accent),var(--cold));}.lt-top--cold .lt-top-n,.lt-top--cold .lt-top-c{color:var(--text-primary)}
.lt-top-n{font-size:1.4rem;font-weight:800;line-height:1}.lt-top-c{font-size:.72rem;color:var(--text-muted);margin-top:4px}
.lt-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px}
.lt-prob-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.lt-prob{border:1px solid var(--border);border-radius:10px;padding:10px 6px;text-align:center;background:var(--bg-card-subtle)}
.lt-prob--top{background:var(--accent-bg);border-color:var(--border-accent)}.lt-prob--good{border-color:var(--success)}
.lt-prob-k{font-size:.72rem;color:var(--text-muted);font-weight:600}.lt-prob-v{font-size:.9rem;font-weight:800;color:var(--text-primary);margin:4px 0}.lt-prob-p{font-size:.7rem;color:var(--text-dim)}
@media(min-width:640px){.lt-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.lt-top-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.lt-top-n{font-size:1.15rem}.lt-stat-v{font-size:1.3rem}}
/* v3 — educational + rezultate + intarziate + suma */
.lt-faq{border-bottom:1px solid var(--border);padding:8px 0}.lt-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.lt-faq summary::after{content:"+";color:var(--text-muted);font-weight:700}.lt-faq[open] summary::after{content:"−"}.lt-faq p{margin:8px 0 0}
.lt-day{margin:18px 0 8px;color:var(--text-muted);font-weight:600}.lt-draw-card{padding:12px 14px;margin-bottom:8px}
.lt-session{font-weight:700;color:var(--danger);font-size:.9rem}
.lt-ball--result{background:var(--danger);color:var(--text-on-fill);border-color:var(--danger)}
.lt-ball--bonus{background:var(--accent);color:var(--text-primary);border-color:var(--border-accent);font-weight:800}
.lt-skip--cold{background:linear-gradient(180deg,var(--cold),var(--bg-card))}.lt-skip--mid{background:linear-gradient(180deg,var(--accent),var(--bg-card))}.lt-skip--ok{background:var(--bg-card-subtle)}
.lt-dist-row{display:grid;grid-template-columns:76px 1fr 36px;gap:8px;align-items:center;margin:4px 0;font-size:.78rem;color:var(--text-muted)}.lt-dist-c{text-align:right;color:var(--text-primary);font-weight:600}
.lt-bar--tall{height:14px}.lt-bar>span.lt-bar--acc{background:var(--danger)}
/* v4 — streaks · combinatii · hub */
.lt-streak-list{display:flex;flex-direction:column;gap:6px}.lt-streak{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card-subtle)}
.lt-streak--hot{border-left:3px solid var(--danger)}.lt-streak--cold{border-left:3px solid var(--cold)}.lt-streak-t{flex:1;font-size:.86rem;color:var(--text-body)}
.lt-badge{font-size:.66rem;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:999px}.lt-badge--hot{background:var(--danger);color:var(--text-on-fill)}.lt-badge--cold{background:var(--cold);color:var(--text-on-fill)}
.lt-pair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.lt-pair{display:flex;align-items:center;gap:4px;padding:8px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card-subtle)}.lt-pair--hot{border-color:var(--danger)}.lt-pair-c{margin-left:auto;font-size:.7rem;color:var(--text-muted);white-space:nowrap}
.lt-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lt-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lt-tool{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);text-decoration:none;color:var(--text-body);font-size:.8rem;font-weight:600;text-align:center}.lt-tool:hover{border-color:var(--border-accent);background:var(--accent-bg)}.lt-tool-em{font-size:1.5rem}
@media(max-width:520px){.lt-two{grid-template-columns:1fr}.lt-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lt-mt{margin-top:12px}
/* v5 — scanner */
.lt-scan-form{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.lt-scan-input{flex:1;min-width:180px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font-size:1rem}
.lt-scan-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:10px}.lt-scan-cell{aspect-ratio:1;border:1px solid var(--border);border-radius:8px;background:var(--bg-card-subtle);color:var(--text-body);font-weight:600;font-size:.82rem;cursor:pointer}.lt-scan-cell.is-on{background:var(--danger);color:var(--text-on-fill);border-color:var(--danger)}
@media(max-width:520px){.lt-scan-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.lt-scan-cell{font-size:.74rem}}
.lt-game-card .ds-h2 a{color:var(--text-primary);text-decoration:none}.lt-game-card .ds-h2 a:hover{color:var(--text-accent)}.lt-stat-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0}
@media(min-width:640px){.lt-stat-grid.lt-stat-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* live-all */
.lt-live-all{margin:16px 0}.lt-live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:10px}
.lt-live-card{display:block;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card-subtle);text-decoration:none;color:var(--text-body)}.lt-live-card:hover{border-color:var(--border-accent);background:var(--accent-bg)}
.lt-live-hd{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-weight:700;font-size:.86rem;color:var(--text-primary);margin-bottom:6px}
.lt-balls--sm .lt-ball{min-width:1.7em;height:1.7em;font-size:.72rem;padding:0 .3em}
/* v6.2 — clase care lipseau */
.lt-nav-ttl{line-height:1.25}.lt-dist{display:flex;flex-direction:column;gap:2px;margin-top:8px}.lt-dist-l{white-space:nowrap}.lt-tool-l{line-height:1.2}