:root{--alf-white:#fff;--alf-black:#000;--alf-primary:#003260;--alf-accent:#307fff;--alf-warn:#ffcc00;--alf-red:#dc2626;--alf-green:#16a34a;--alf-grey:#94a3b8}
/* Container Dark */
.alf-mt{background:#fff;color:#1f2937;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(0,0,0,.10);position:relative}
.alf-mt__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.alf-mt__title{font-weight:800;letter-spacing:.3px}
.alf-mt__meta{font-size:.9rem;color:#cbd5e1}
.alf-mt .alf-mt__head .alf-mt__title{color:#111827}
.alf-mt .alf-mt__head .alf-mt__meta{color:#64748b}
/* Tiles Slider */
.alf-mt__viewport{overflow:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.alf-mt__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100%/4);gap:12px}
.alf-mt__tile{scroll-snap-align:start;background:var(--alf-white);color:#111;border:1px solid #e5e7eb;border-radius:16px;padding:14px;min-height:140px;display:flex;flex-direction:column;gap:6px;position:relative}
.alf-mt__badge{position:absolute;top:10px;right:10px;background:var(--alf-primary);color:#fff;font-size:.72rem;padding:4px 7px;border-radius:999px}
.alf-mt__label{font-weight:700;color:#0f172a}
.alf-mt__value{font-size:1.6rem;font-weight:800}
.alf-mt__delta{font-weight:700}
.alf-mt__delta--up{color:var(--alf-green)}
.alf-mt__delta--down{color:var(--alf-red)}
.alf-mt__delta--flat{color:var(--alf-grey)}
.alf-mt__spark{height:30px}
.alf-mt__unit{font-size:.9rem;color:#334155}
.alf-mt__nav{display:flex;gap:8px;margin-top:10px}
.alf-mt__btn{background:var(--alf-white);color:#111;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;cursor:pointer}
.alf-mt__btn:focus{outline:2px solid var(--alf-accent)}
.alf-mt__btn[disabled]{opacity:.4;cursor:not-allowed}
@media(max-width:1024px){.alf-mt__track{grid-auto-columns:calc(100%/3)}}
@media(max-width:640px){.alf-mt__track{grid-auto-columns:calc(100%/1.2)}}

/* ---- LISTENANSICHT (iPhone-Aktien-Style, 3-Spalten-Grid) ---- */
.alf-ml{background:#fff;color:#1f2937;border-radius:20px;padding:10px 12px;box-shadow:0 8px 24px rgba(0,0,0,.10);--ml-mid:160px;--ml-right:132px;font-feature-settings:'tnum' 1}
.alf-ml__row{display:grid;grid-template-columns:1fr var(--ml-mid) var(--ml-right);align-items:center;column-gap:12px;padding:12px 6px;min-height:60px;border-top:1px solid #e5e7eb}
.alf-ml__row:first-child{border-top:none}
.alf-ml__left{min-width:0}
.alf-ml__title{font-weight:800;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;color:#111827}
.alf-ml__subtitle{color:#6b7280;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}
.alf-ml__middle{display:flex;align-items:center;justify-content:center}
.alf-ml__spark{width:160px;height:30px;display:block;margin:0 auto}
.alf-ml__right{text-align:right;width:var(--ml-right);white-space:nowrap}
.alf-ml__price{font-weight:800;font-size:1.35rem;color:#111827}
.alf-ml__unit{color:#6b7280}
.alf-ml__change{font-weight:700}
.alf-ml__change--up{color:var(--alf-green)}
.alf-ml__change--down{color:var(--alf-red)}
.alf-ml__change--flat{color:var(--alf-grey)}
.alf-ml > .alf-mt__title{color:#111827}
.alf-ml > .alf-mt__meta{color:#64748b}
@media (max-width:480px){.alf-ml{--ml-mid:120px;--ml-right:120px}.alf-ml__row{grid-template-columns:1fr var(--ml-mid) var(--ml-right)}.alf-ml__spark{width:120px}}