/* V1680 · Persönlicher M&T Feed: heller, moderner Bereich mit weißen Karten.
   Dunkle Navigation und M&T-Gelb bleiben unverändert. */
.mtf-wrap{background:#f4f7fb;border-radius:18px;padding:18px;margin:0 0 22px;max-width:1600px}
.mtf-head{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:space-between;margin:0 0 12px}
.mtf-head h2{margin:0;font-size:22px;color:#0f1b2d;letter-spacing:.2px}
.mtf-head p{margin:0;color:#5b6b80;font-size:13px}
.mtf-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.mtf-filters button{flex:0 0 auto;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #d7e0ec;background:#fff;color:#20303f;font-weight:600;font-size:14px;cursor:pointer}
.mtf-filters button[aria-pressed="true"]{background:#f2b705;border-color:#f2b705;color:#161d27}
.mtf-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:18px;align-items:start}
.mtf-card{background:#fff;border:1px solid #e4eaf3;border-radius:16px;padding:16px;margin:0 0 14px;box-shadow:0 1px 2px rgba(16,32,56,.05)}
.mtf-card h3{margin:0 0 10px;font-size:15px;color:#0f1b2d;text-transform:uppercase;letter-spacing:.6px}
.mtf-note{margin:6px 0 0;color:#5b6b80;font-size:13px}
.mtf-post-head{display:flex;gap:10px;align-items:flex-start}
.mtf-av{width:42px;height:42px;border-radius:50%;background:#f2b705;color:#161d27;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;flex:0 0 auto}
.mtf-av img{width:100%;height:100%;object-fit:cover}
.mtf-who a{color:#0f1b2d;font-weight:700;text-decoration:none}
.mtf-meta{display:flex;flex-wrap:wrap;gap:8px;color:#6b7a8d;font-size:12px;margin-top:2px}
.mtf-text{margin:12px 0 0;color:#22303f;font-size:15px;line-height:1.55;white-space:pre-wrap}
.mtf-disc{margin:10px 0 0;color:#7a8798;font-size:12px}
.mtf-badge{display:inline-block;padding:3px 9px;border-radius:999px;background:#fff6dc;border:1px solid #f2b705;color:#5d4a06;font-size:11px;font-weight:700;letter-spacing:.4px}
.mtf-reason{margin:8px 0 0;color:#3c5a7a;font-size:13px;font-weight:600}
.mtf-media{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.mtf-media.is-one{grid-template-columns:1fr}
.mtf-media img{width:100%;border-radius:12px;display:block}
.mtf-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.mtf-act{min-height:40px;padding:0 12px;border-radius:10px;border:1px solid #dce4ee;background:#fff;color:#22303f;font-size:14px;cursor:pointer}
.mtf-act[aria-pressed="true"]{border-color:#f2b705;background:#fff8e3}
.mtf-share{min-height:44px;padding:0 18px;border-radius:12px;border:2px solid #f2b705;background:transparent;color:#20303f;font-weight:700;font-size:15px;cursor:pointer}
.mtf-share:hover{background:#f2b705;color:#161d27}
.mtf-follow{min-height:40px;padding:0 16px;border-radius:10px;border:1px solid #f2b705;background:#f2b705;color:#161d27;font-weight:700;cursor:pointer}
.mtf-follow[data-following="1"]{background:#fff;color:#20303f}
.mtf-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border:1px solid #e4eaf3;border-radius:12px;padding:10px 12px;margin-top:12px;background:#fbfcfe;text-decoration:none}
.mtf-row b{color:#0f1b2d}
.mtf-row small{display:block;color:#6b7a8d;font-size:11px}
.mtf-logo{width:34px;height:34px;border-radius:8px;background:#eef3fa;display:flex;align-items:center;justify-content:center;font-weight:700;color:#33536f;font-size:12px;overflow:hidden}
.mtf-logo img{width:100%;height:100%;object-fit:contain}
.mtf-cell{min-width:74px}
.mtf-name{min-width:130px}
.mtf-up b{color:#1a7f4b}.mtf-down b{color:#c0392b}
.mtf-state{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}
.mtf-state.is-long{background:#d2ecdb;color:#0a5c30}
.mtf-state.is-flat{background:#f7d9d5;color:#8f1d1d}
.mtf-sent{display:flex;flex-direction:column;gap:3px;min-width:150px;color:#33536f;font-size:12px}.mtf-sent small{text-transform:uppercase}.mtf-sent b{font-size:12px;white-space:nowrap}
.mtf-sent i{display:block;height:6px;border-radius:4px;background:#e4eaf3;margin-top:4px}
.mtf-sent i{background:linear-gradient(90deg,#17a765 0 40%,#e3bd20 40% 60%,#e67d32 60% 80%,#d83c4f 80% 100%);overflow:hidden}.mtf-sent i em{display:block;height:100%;border-right:3px solid #638fc0;background:transparent}
.mtf-rowacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mtf-mini{min-height:36px;padding:0 10px;border-radius:9px;border:1px solid #dce4ee;background:#fff;color:#22303f;font-size:13px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.mtf-comments{margin-top:12px;border-top:1px solid #eef2f8;padding-top:12px}
.mtf-comment{padding:8px 0;border-bottom:1px solid #f2f5fa;font-size:14px;color:#22303f}
.mtf-comment small{display:block;color:#6b7a8d;font-size:12px}
.mtf-cform{display:flex;gap:8px;margin-top:10px}
.mtf-cform input{flex:1;min-height:42px;border:1px solid #dce4ee;border-radius:10px;padding:0 12px;font-size:14px;background:#fff;color:#22303f}
.mtf-side .mtf-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f2f5fa}
.mtf-side .mtf-item:last-child{border-bottom:0}
.mtf-side .mtf-item b{display:block;color:#0f1b2d;font-size:14px}
.mtf-side .mtf-item small{color:#6b7a8d;font-size:12px}
.mtf-more{width:100%;min-height:46px;border-radius:12px;border:1px dashed #c9d5e4;background:#fff;color:#20303f;font-weight:600;cursor:pointer}
.mtf-msg{margin:10px 0 0;font-size:13px;color:#3c5a7a;min-height:18px}
.mtf-msg.is-error{color:#c0392b}
.mtf-modal{position:fixed;inset:0;background:rgba(10,18,30,.6);display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px}
.mtf-modal>div{background:#fff;border-radius:16px;width:min(1560px,99vw);height:96vh;display:flex;flex-direction:column;overflow:hidden}
.mtf-modal header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eef2f8;color:#0f1b2d;font-weight:700}
@media(max-width:640px){.mtf-row{display:grid;grid-template-columns:34px repeat(3,minmax(0,1fr));gap:9px}.mtf-logo{grid-column:1}.mtf-name{grid-column:2/5;min-width:0}.mtf-sent{grid-column:2/5;min-width:0}.mtf-state{white-space:nowrap;text-align:center}}
.mtf-modal iframe{flex:1;border:0;width:100%}
@media(max-width:980px){.mtf-grid{grid-template-columns:1fr}.mtf-wrap{padding:12px;border-radius:14px}}
/* V1704 · Geteilter Blogartikel in der Timeline: Artikel-Karte mit Bild, Titel, Datum und Teaser. */
.mt-share-blogcard{display:flex;gap:12px;align-items:flex-start;border:1px solid #e3e8f0;border-radius:12px;padding:10px;margin:10px 0;background:#fff;text-decoration:none;color:#17212b}
.mt-share-blogcard img{width:96px;height:64px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.mt-share-blogcard .mt-share-blogcard-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.mt-share-blogcard .mt-share-blogcard-body b{font-size:14px;line-height:1.35;color:#17212b}
.mt-share-blogcard .mt-share-blogcard-body small{color:#6b7686;font-size:12px}
.mt-share-blogcard .mt-share-blogcard-body span{color:#4a5568;font-size:13px;line-height:1.4}
.mt-share-blogcard:hover{border-color:#e6c25a}