/* MONEY BIN V3 · Graphit, Stahlblau und klare Arbeitsflächen. */
html.moneybin-v3 {
  color-scheme: dark;
  --gold: #a8c4df; --gold-rgb: 168,196,223; --gold-hell: #d6e4f1; --gold-tief: #7798b6;
  --nacht: #0d131c; --nacht-2: #182230; --elfenbein: #e8eff5; --elfenbein-60: #a9b8c7;
  --glas: #172231ee; --linie: #a8c4df29; --gruen: #60c69b; --rot: #d48792;
  --m3-text: #e8eff5; --m3-soft: #a6b6c6; --m3-muted: #8495a8;
  --m3-edge: #b9d0e21b; --m3-steel: #a8c4df; --m3-panel: #182331;
  --navi-hoehe: 68px; --hud-hoehe: 142px;
  font-family: Inter, 'Segoe UI', ui-sans-serif, system-ui, sans-serif;
}
html.moneybin-v3 body {
  color: var(--m3-text); background: #0d131c; font-family: inherit;
  -webkit-font-smoothing: antialiased; isolation: isolate;
}
html.moneybin-v3 button, html.moneybin-v3 input, html.moneybin-v3 textarea, html.moneybin-v3 select { font-family: inherit; }
html.moneybin-v3 [hidden] { display: none !important; }
html.moneybin-v3 button:focus-visible, html.moneybin-v3 a:focus-visible,
html.moneybin-v3 input:focus-visible, html.moneybin-v3 textarea:focus-visible,
html.moneybin-v3 summary:focus-visible { outline: 2px solid #accde6; outline-offset: 3px; }
html.moneybin-v3 .nachtBild, html.moneybin-v3 .funkenFeld,
html.moneybin-v3 .designSchalter, html.moneybin-v3 #profilDesign,
html.moneybin-v3 #kamelrennen, html.moneybin-v3 .kamelRegelHinweis { display: none !important; }
.m3-universe { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: radial-gradient(ellipse at 20% -10%, #31465d55, transparent 53%), linear-gradient(140deg,#141e2b,#0d131c 60%,#111b28); }
.m3-stars { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .65; }
.m3-earth { position: absolute; width: min(780px,95vw); height: auto; right: -27%; bottom: -28%; opacity: .25; transform: rotate(-18deg); filter: saturate(.72); }
.m3-earth-shade { position: absolute; inset: 0; background: linear-gradient(110deg,#0c141866,transparent 60%,#0c141844); }
.m3-wordmark { color: #dbe8f3; letter-spacing: .18em; font-size: 15px; font-weight: 650; white-space: nowrap; }
.m3-wordmark span { color: #8ba9c3; font-weight: 450; }
.m3-eyebrow { color: #a3b5c7; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }
html.moneybin-v3 .kopf {
  position: relative; z-index: 8; display: flex; align-items: center; gap: 14px;
  width: 100%; min-height: calc(76px + env(safe-area-inset-top,0px));
  padding: calc(12px + env(safe-area-inset-top,0px)) 18px 12px;
  background: linear-gradient(#111b28ef,#101925de); border-bottom: 1px solid #b7cce812;
  box-shadow: 0 10px 35px #00000018; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
html.moneybin-v3 .avatarHalter { width: 47px; height: 47px; margin: 0; flex: 0 0 47px; }
html.moneybin-v3 .kopfAvatar { inset: 3px; width: 41px; height: 41px; border: 1px solid #b8d0e647; background: #1c2b3b; box-shadow: 0 7px 13px #0005; overflow: hidden; }
html.moneybin-v3 .kopfAvatar img { filter: none; width: 100%; height: 100%; object-fit: cover; }
html.moneybin-v3 .xpRing { width: 47px; height: 47px; inset: 0; filter: none; }
html.moneybin-v3 .xpRingVorn { stroke: #9bbddc; filter: none; }
html.moneybin-v3 .xpRingHinten { stroke: #354658; }
html.moneybin-v3 .erinnerungKopf { top: -6px; left: -4px; padding: 3px 5px; background: #d0ddea; color: #142436; font-size: 10px; border: 1px solid #adc4d9; animation: none; box-shadow: 0 3px 9px #0004; }
html.moneybin-v3 .streakFlamme { display: none; }
html.moneybin-v3 .kopfMitte { flex: 1; min-width: 0; display: grid; justify-items: start; gap: 4px; padding: 0; background: transparent; color: #dbe8f3; border: 0; text-align: left; box-shadow: none; }
html.moneybin-v3 .heuteZeile { order: 1; font-size: 11px; line-height: 1.3; display: flex; align-items: center; gap: 5px; }
html.moneybin-v3 .heuteZahl { font-size: 12px; font-weight: 650; color: #c4d9ea; }
html.moneybin-v3 .heuteZahl { position: static; width: auto; height: auto; min-width: 12px; margin: 0; overflow: visible; transform: none; background: none; }
html.moneybin-v3 .heuteZeile small { font-size: 10px; color: #9db1c4; }
html.moneybin-v3 .heuteZeile,html.moneybin-v3 .heuteZeile small { text-transform: none; letter-spacing: 0; }
html.moneybin-v3 .duellZeile { display: none; }
html.moneybin-v3 .kopfRechts { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
html.moneybin-v3 .rangPille { display: grid; gap: 3px; border: 0; border-radius: 0; background: transparent; color: #c2d5e5; box-shadow: none; text-align: right; font-size: 10px; padding: 5px 0; min-height: 44px; }
html.moneybin-v3 .levelName { font-size: 10px; color: #c3d7e7; max-width: 78px; overflow: hidden; text-overflow: ellipsis; }
html.moneybin-v3 .xpPille { color: #849db5; font-size: 10px; background: none; border: none; padding: 0; }
html.moneybin-v3 .scannerKopf { width: 44px; height: 44px; display: grid; place-items: center; background: linear-gradient(145deg,#35475a77,#182534cc); border: 1px solid #b3cbe62b; border-radius: 14px; box-shadow: inset 0 1px #d7e6f414; }
html.moneybin-v3 .scannerKopf img { width: 27px; height: 27px; filter: none; }
html.moneybin-v3 .deckRaum { position: fixed; inset: calc(87px + env(safe-area-inset-top,0px)) 0 calc(145px + env(safe-area-inset-bottom,0px)); width: min(100%,480px); margin: auto; padding: 0 14px 8px; display: grid; grid-template: auto minmax(0,1fr) / 100%; gap: 9px; }
html.moneybin-v3 .listenReiter { width: 100%; max-width: none; margin: 0; padding: 0 1px; gap: 7px; }
html.moneybin-v3 .listenReiter button { background: #1c2a3ba8; border: 1px solid #a8c4df22; border-radius: 12px; box-shadow: inset 0 1px #ccdced0d; padding: 8px 12px; color: #95aabf; min-height: 38px; }
html.moneybin-v3 .listenReiter button.an { color: #d5e7f4; background: linear-gradient(145deg,#35526b66,#1d2e41); border-color: #a5c5df4a; }
html.moneybin-v3 .lrName { font-size: 11px; font-weight: 550; letter-spacing: 0; text-transform: none; }
html.moneybin-v3 .stapel { width: 100%; height: 100%; min-height: 0; max-height: none; grid-row: 2; perspective: 1500px; }
html.moneybin-v3 .lkarte { width: 100%; height: 100%; max-height: none; padding: 21px 21px 15px; border-radius: 26px; border: 1px solid #b8cde92d; color: #e6eef5; background: linear-gradient(145deg,#2d3b4bdd,#1b2939 40%,#142030); box-shadow: inset 0 1px #dfecf222,inset 1px 0 #bcd8ea09,0 20px 55px #00000066; }
html.moneybin-v3 .lkarte::before { background: linear-gradient(120deg,#d8e8f108,transparent 40%); border-radius: inherit; }
html.moneybin-v3 .lkarte::after { display: none; }
html.moneybin-v3 .lkarte.hinten { background: #1e2d3d; border-color: #8ba9c122; box-shadow: 0 12px 25px #0004; }
html.moneybin-v3 .kartenKopf { margin-bottom: 14px; gap: 12px; align-items: center; }
html.moneybin-v3 .kartenKoerper { gap: 0; justify-content: flex-start; }
html.moneybin-v3 .kartenKoerper > * { flex-shrink: 0; }
html.moneybin-v3 .chipReihe { gap: 5px; min-width: 0; }
html.moneybin-v3 .chip { border-color: #adc5e326; background: #9abbda0b; color: #c8ddec; border-radius: 8px; font-size: 10px; padding: 5px 8px; box-shadow: none; text-transform: none; letter-spacing: .02em; }
html.moneybin-v3 .routeKnopf { font-size: 10px; color: #a5bdd3; padding: 7px 9px; border: 1px solid #a3bdd629; border-radius: 10px; background: #111d2c55; white-space: nowrap; }
.m3-company-cover { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; }
.m3-company-emblem { width: 45px; height: 45px; display: grid; place-items: center; border: 1px solid #b5d2e321; border-radius: 14px; background: linear-gradient(145deg,#40526677,#1b2b3b); box-shadow: inset 0 1px #e9f3fc0f,0 7px 16px #0003; }
.m3-company-emblem img { width: 37px; height: 37px; object-fit: contain; }
.m3-company-cover .m3-eyebrow { font-size: 9px; letter-spacing: .13em; }
.m3-company-location { margin-top: 4px; font-size: 11px; color: #90a9bf; }
.m3-company-title { display: flex; align-items: center; gap: 12px; margin: 5px 0 7px; }
.m3-company-title>div:last-child { min-width: 0; flex: 1; }
.m3-company-title .m3-company-emblem { flex: 0 0 43px; }
html.moneybin-v3 .firmenName { font-family: inherit; font-size: clamp(23px,6vw,30px); font-weight: 600; line-height: 1.13; letter-spacing: -.8px; color: #edf4fa; text-shadow: none; padding: 0; margin: 0 0 5px; -webkit-text-fill-color: #edf4fa; background: none; }
html.moneybin-v3 .firmenName.lang { font-size: 24px; }
html.moneybin-v3 .firmenName.sehrLang { font-size: 21px; }
html.moneybin-v3 .rechtsform { color: #a4b6c7; letter-spacing: .03em; font-family: inherit; font-size: 11px; }
html.moneybin-v3 .adressZeile { color: #a5b6c7; font-size: 12px; line-height: 1.5; margin: 10px 0 13px; }
html.moneybin-v3 .apMarkiert { border: 1px solid #9cbeda26; border-radius: 13px; padding: 10px 12px; background: #7095b00d; box-shadow: none; color: #c6dbeb; font-size: 13px; margin: 11px 0; }
html.moneybin-v3 .apMarkiert { padding: 7px 10px; margin: 7px 0; font-size: 12px; }
html.moneybin-v3 .apMarkiert .mbSymbol { width: 25px; height: 25px; }
html.moneybin-v3 .logistikLeiste { border-radius: 16px; border: 1px solid #9fbdda1d; background: #0c19295c; box-shadow: inset 0 1px #cde3f207; padding: 11px 5px 9px; margin: 12px 0; }
html.moneybin-v3 .logistikLeiste { padding: 8px 4px; margin: 8px 0; }
html.moneybin-v3 .logiChip { border-color: #a3bedc1a; }
html.moneybin-v3 .logiIkon img { width: 24px; height: 24px; filter: none; }
html.moneybin-v3 .logiWert { color: #d2e3f0; font-size: 14px; font-weight: 550; }
html.moneybin-v3 .logiWert { font-family: inherit; line-height: 1.3; letter-spacing: 0; }
html.moneybin-v3 .logiChip { display: flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; background: transparent; border: 0; padding: 2px; }
html.moneybin-v3 .logiIkon { height: 25px; display: grid; place-items: center; }
html.moneybin-v3 .logiIkon .mbSymbol { display: block; }
html.moneybin-v3 .logiSub { color: #91a6ba; font-size: 9px; }
html.moneybin-v3 .spritHauch { color: #7990a8; font-size: 9px; }
html.moneybin-v3 .infoZeile { color: #b7c8d8; font-size: 12px; line-height: 1.5; margin: 9px 0; }
html.moneybin-v3 .infoZeile.leise { color: #a8bacb; }
html.moneybin-v3 .rufKnopf, html.moneybin-v3 .telefonKnopf { color: #abe1c9; background: #2a684122; border-color: #7abf9c40; box-shadow: none; font-family: inherit; font-size: 22px; letter-spacing: .015em; border-radius: 14px; }
html.moneybin-v3 .rufKnopf { margin: 8px 0; padding: 8px 11px; min-height: 43px; }
html.moneybin-v3 .kontaktChip { background: #2133478c; color: #b3cce0; border-color: #9db8d322; font-size: 11px; border-radius: 9px; box-shadow: none; }
html.moneybin-v3 .kontaktChips { gap: 7px; margin: 11px 0; }
.m3-activity { padding: 10px 12px; background: #b8cde507; border: 1px solid #b7d0e018; border-radius: 12px; margin-top: 12px; }
.m3-activity span { display: block; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; color: #8fa7be; margin-bottom: 5px; }
.m3-activity p { font-size: 12px; line-height: 1.5; color: #c2d1e0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.m3-details { margin-top: 10px; border-top: 1px solid #b6cce51c; padding-top: 9px; color: #adc2d6; font-size: 11px; }
.m3-details summary { cursor: pointer; min-height: 28px; display: flex; align-items: center; justify-content: space-between; gap: 8px; list-style: none; }
.m3-details summary::after { content: '+'; font-size: 17px; color: #a9c9e3; }
.m3-details[open] summary::after { content: '−'; }
.m3-details dl { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 7px 10px; padding: 10px 0; font-size: 11px; line-height: 1.5; max-height: 135px; overflow-y: auto; }
.m3-details dt { color: #8fa4ba; }.m3-details dd { margin: 0; color: #cbdcea; overflow-wrap: anywhere; }
html.moneybin-v3 .kartenFuss { border-top: 1px solid #a7c4dc1b; padding-top: 10px; background: none; }
html.moneybin-v3 .karteStand { color: #aac1d6; font-size: 11px; }
html.moneybin-v3 .karteStand progress { accent-color: #9dbdd7; }
html.moneybin-v3 .kiKnopf, html.moneybin-v3 .verlaufChip, html.moneybin-v3 .warnChip, html.moneybin-v3 .mailChip { background: #172638; color: #b9d0e3; border: 1px solid #a3c2dc24; border-radius: 9px; font-size: 10px; box-shadow: none; }
html.moneybin-v3 .aktionReihe { gap: 7px; }
html.moneybin-v3 .hud { position: fixed; z-index: 18; left: 0; right: 0; bottom: calc(71px + env(safe-area-inset-bottom,0px)); width: min(440px,100%); margin: auto; height: 70px; display: flex; align-items: center; justify-content: space-evenly; padding: 0 7px; background: transparent; border: 0; box-shadow: none; transform: none; }
html.moneybin-v3 .hud button { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; width: 59px; height: 61px; min-height: 44px; margin: 0; border-radius: 17px; border: 1px solid #b3cbe425; background: linear-gradient(150deg,#314358e0,#172536); color: #bfd0e0; box-shadow: inset 0 1px #dbe9f117,0 8px 14px #0005; transform: none; }
html.moneybin-v3 .hud button .hudIkon { width: 34px; height: 34px; display: grid; place-items: center; filter: none; }
html.moneybin-v3 .hud button[data-hud] .hudIkon { margin: 0; padding: 0; background: none; border: 0; box-shadow: none; transform: none; overflow: visible; }
html.moneybin-v3 .hud button img { width: 34px; height: 34px; filter: none; }
html.moneybin-v3 .hud button small, html.moneybin-v3 .hud button span:not(.hudIkon) { font-size: 9px; letter-spacing: .01em; font-weight: 450; color: inherit; }
html.moneybin-v3 .hud button[data-hud=anruf] { width: 68px; height: 68px; background: linear-gradient(145deg,#2c5b48,#163b2e); border-color: #9cdbc647; color: #d2efe0; box-shadow: inset 0 1px #c8f3df25,0 8px 16px #0006; }
html.moneybin-v3 .hud button[data-hud=anruf] .hudIkon, html.moneybin-v3 .hud button[data-hud=anruf] img { width: 43px; height: 43px; }
html.moneybin-v3 .hud button[data-hud=block] { color: #d3a7b0; }
html.moneybin-v3 .hud button::before, html.moneybin-v3 .hud button::after { display: none; }
html.moneybin-v3 .hudIkon::before,html.moneybin-v3 .hudIkon::after { display: none; }
html.moneybin-v3 .hudHinweis { display: none; }
html.moneybin-v3 .navi { position: fixed; bottom: 0; z-index: 19; left: 0; right: 0; width: 100%; height: calc(66px + env(safe-area-inset-bottom,0px)); padding: 6px max(10px,calc((100vw - 440px)/2)) calc(7px + env(safe-area-inset-bottom,0px)); display: flex; justify-content: space-around; gap: 5px; border: 0; border-top: 1px solid #bacbe31b; background: linear-gradient(#192435ed,#111c2af2); box-shadow: 0 -8px 24px #00000025; backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); border-radius: 0; }
html.moneybin-v3 .navi button { min-height: 48px; min-width: 52px; flex: 1; max-width: 104px; border: 1px solid transparent; border-radius: 14px; background: transparent; color: #8ea6bd; box-shadow: none; display: grid; place-content: center; justify-items: center; gap: 3px; padding: 4px 5px; }
html.moneybin-v3 .navi button.an { background: linear-gradient(150deg,#54718c36,#304c691c); color: #d6e5f2; border-color: #a6c5df26; box-shadow: inset 0 1px #d7e7f114; }
html.moneybin-v3 .navi button img { width: 26px; height: 26px; opacity: .9; filter: none; }
html.moneybin-v3 .navi button span { font-size: 10px; letter-spacing: .015em; text-transform: none; }
html.moneybin-v3 .navi button::before,html.moneybin-v3 .navi button::after { display: none; }
html.moneybin-v3 .seitenRaum { position: fixed; inset: calc(80px + env(safe-area-inset-top,0px)) 0 calc(69px + env(safe-area-inset-bottom,0px)); padding: 10px 14px 16px; overflow: auto; background: transparent; }
html.moneybin-v3 .seitenAnsicht { max-width: 960px; margin: 0 auto; background: transparent; }
html.moneybin-v3 .seitenAnsicht>.blatt { background: transparent; border: 0; box-shadow: none; padding: 0; width: 100%; max-width: none; border-radius: 0; }
html.moneybin-v3 .blattDecke { background: #080f18b8; backdrop-filter: blur(17px); -webkit-backdrop-filter: blur(17px); padding: max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom)); }
html.moneybin-v3 .blattDecke>.blatt { color: #deebf5; background: linear-gradient(150deg,#2a3a4bdc,#162537 60%,#101c2b); border: 1px solid #b1c9e235; border-radius: 25px; box-shadow: inset 0 1px #e8f2fa18,0 25px 70px #0008; max-width: 520px; max-height: calc(100dvh - 35px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
html.moneybin-v3 .blattTitel,html.moneybin-v3 .blattFirma,html.moneybin-v3 .profilFensterKopf,html.moneybin-v3 .mbSpeicherTitel h2 { font-family: inherit; color: #e2edf7; text-shadow: none; letter-spacing: -.35px; }
html.moneybin-v3 .blattTitel { font-size: 22px; font-weight: 550; }
html.moneybin-v3 .blattX { border-radius: 12px; min-height: 40px; min-width: 40px; border-color: #a8c5dd26; background: #273c5144; color: #a7c1d9; }
html.moneybin-v3 input:not([type=checkbox]):not([type=radio]):not([type=range]),html.moneybin-v3 textarea,html.moneybin-v3 select { color: #e0eaf4; background: #0f1d2bb5; border: 1px solid #a2bfda35; border-radius: 13px; min-height: 44px; font-size: 16px; box-shadow: inset 0 1px 4px #0002; }
html.moneybin-v3 input::placeholder,html.moneybin-v3 textarea::placeholder { color: #819bb3; opacity: 1; }
html.moneybin-v3 label,html.moneybin-v3 .feldTitel { color: #b1c6d9; }
html.moneybin-v3 input[type=checkbox] { accent-color: #91b7d6; }
html.moneybin-v3 .hauptKnopf,html.moneybin-v3 .mbNotizSpeichern,html.moneybin-v3 .mailBestaetigen { border-radius: 13px; color: #152332; border: 1px solid #b7d1e5; background: linear-gradient(145deg,#d4e0eb,#8faec7); box-shadow: inset 0 1px #eff9ff66,0 9px 20px #0003; font-family: inherit; letter-spacing: .01em; }
html.moneybin-v3 .ergebnis { border-radius: 15px; background: #1f3349; border: 1px solid #9ebad72d; box-shadow: inset 0 1px #dbe8f110; color: #c5d9ea; }
html.moneybin-v3 .ergebnis.erreicht,html.moneybin-v3 .ergebnis.deal { background: #244637; color: #c0e0d0; border-color: #89bea33e; }
html.moneybin-v3 .ergebnis small { color: #93a9bd; }
html.moneybin-v3 .ergebnis img { filter: none; }
html.moneybin-v3 #anrufNotiz,html.moneybin-v3 #notizText,html.moneybin-v3 .mbNotizText { font-family: inherit; line-height: 1.6; font-size: 16px; padding: 15px; background: #112032; border: 1px solid #a8c3dd30; box-shadow: none; min-height: 100px; color: #d5e5f2; }
html.moneybin-v3 .anrufVorbereitung,html.moneybin-v3 .anrufInfoKarte,html.moneybin-v3 .anrufKompakt { border-color: #a2c0dd29; background: #16304b40; box-shadow: none; }
html.moneybin-v3 .anrufTimer { color: #b8ccdd; text-shadow: none; font-family: inherit; font-variant-numeric: tabular-nums; }
html.moneybin-v3 .anrufTelefon,html.moneybin-v3 .anrufStarten { background: linear-gradient(145deg,#3d745b,#22523e); color: #ddf1e7; border-color: #93c9b449; box-shadow: inset 0 1px #d8f6e220,0 8px 20px #0004; }
html.moneybin-v3 .mbNotizKopf,html.moneybin-v3 .mbNotizFuss,html.moneybin-v3 .mbSpeicherKopf { background: #17293b; border-color: #a9c3dd25; }
html.moneybin-v3 .mbNotizKarte,html.moneybin-v3 .speicherKarte,html.moneybin-v3 .mbSpeicherKarte,html.moneybin-v3 .verlaufEintrag,html.moneybin-v3 .mbSpeicherFocus { background: linear-gradient(145deg,#2a3b4ea8,#16273a); color: #cfdeeb; border: 1px solid #a9c5de25; border-radius: 18px; box-shadow: inset 0 1px #dbe9f111,0 12px 25px #0002; }
html.moneybin-v3 .mbSpeicherSuche { background: #15263a; border-color: #a5c3de26; border-radius: 14px; }
html.moneybin-v3 .mbSpeicherSummary,html.moneybin-v3 .speicherTabs button { background: #1c3046; color: #abc5de; border-color: #9cbbd728; }
html.moneybin-v3 .speicherTabs button.an { background: #48668333; color: #dbe9f6; border-color: #a2c1db42; }
html.moneybin-v3 #speicherSummary { color: #a8bfd6; }
html.moneybin-v3 .profilKopf { background: linear-gradient(140deg,#36506b3b,#192d42); border: 1px solid #a4c3dd2a; border-radius: 19px; padding: 17px; }
html.moneybin-v3 .profilMedaillon { border-color: #b4cce243; box-shadow: 0 12px 23px #0004; background: #213447; }
.m3-avatar-panel { margin: 17px 0; padding: 15px; border: 1px solid #abc8e227; border-radius: 16px; background: #21364d55; }
.m3-avatar-panel p { margin: 6px 0 13px; color: #98b1c9; font-size: 12px; line-height: 1.5; }
.m3-avatar-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.m3-avatar-actions button,.m3-profile-secondary { min-height: 44px; border: 1px solid #a6c0dd32; border-radius: 12px; background: linear-gradient(145deg,#3b536b77,#21364b); color: #d3e4f1; padding: 10px 14px; font-size: 12px; }
.m3-avatar-actions button:first-child { color: #142332; background: linear-gradient(135deg,#c4d7e7,#93b2cb); }
.m3-avatar-editor { margin-top: 15px; }.m3-avatar-editor canvas { width: 180px; height: 180px; max-width: 100%; display: block; border-radius: 20px; border: 1px solid #acc8df38; margin: 0 auto 14px; touch-action: none; }
.m3-avatar-editor input[type=range] { width: 100%; accent-color: #a6c6df; min-height: 35px; margin: 6px 0 13px; }
.m3-avatar-status { min-height: 18px; font-size: 12px; line-height: 1.5; color: #a5c4dd; margin-top: 10px; }
html.moneybin-v3 .profilZeile,html.moneybin-v3 .profilOption,html.moneybin-v3 .rangZeile,html.moneybin-v3 .lbZeile { background: #20334770; border-color: #a4c0da25; color: #d3e2ef; box-shadow: none; border-radius: 14px; }
html.moneybin-v3 .lbMedaillon,html.moneybin-v3 .medaillon { background: #203346; border-color: #afc7dc45; box-shadow: 0 8px 18px #0004; }
html.moneybin-v3 .lbPodest,html.moneybin-v3 .laufbahnBox,html.moneybin-v3 .abzeichenKarte { background: #203448; border-color: #a1bedb26; color: #d3e4f1; box-shadow: none; }
html.moneybin-v3 .blattRegal { background: transparent; }
html.moneybin-v3 .fs-hero,html.moneybin-v3 .fs-panel,html.moneybin-v3 .fs-own-card { border-color: #a1bfdb27; background: linear-gradient(145deg,#2c3e525f,#16273beb); box-shadow: inset 0 1px #dbe9f011,0 16px 34px #0002; }
html.moneybin-v3 .fs-hero h2 { font-size: 26px; letter-spacing: -.7px; color: #e0edf7; }
html.moneybin-v3 .fs-start { background: linear-gradient(145deg,#c7dceb,#91b0ca); color: #142334; border: 1px solid #cbddec; box-shadow: inset 0 1px #eaf6fc77,0 8px 18px #0003; }
html.moneybin-v3 .fs-options button[aria-pressed=true] { background: #47658255; border-color: #a2c1db50; color: #d0e4f5; }
html.moneybin-v3 .fs-options button { background: #192b3f; color: #9fb8ce; border-color: #9bbad523; }
html.moneybin-v3 .fs-suggestions { background: #1c2e44; border-color: #a3c0dd35; box-shadow: 0 18px 35px #0007; }
html.moneybin-v3 .fs-suggestions button { color: #c7ddee; }
html.moneybin-v3 .fs-suggestions button:hover { background: #314f6b; }
html.moneybin-v3 .leerHinweis { padding: 24px; background: linear-gradient(145deg,#2b3e5266,#172638); border: 1px solid #a5c2dd26; border-radius: 24px; color: #a9c0d5; box-shadow: inset 0 1px #d9e8f114; }
html.moneybin-v3 .leerTitel { font-family: inherit; font-size: 25px; line-height: 1.15; color: #e0edf7; }
html.moneybin-v3 .leerText { font-size: 13px; line-height: 1.6; color: #9fb8cf; }
html.moneybin-v3 .leerGold,html.moneybin-v3 .leerKrone { filter: grayscale(1); }
html.moneybin-v3 .toast { background: #1c3045f2; border-color: #aac8e344; color: #d8e7f3; box-shadow: 0 12px 35px #0006; }
/* Anmeldung verwendet dieselben Materialien wie die App. */
html.moneybin-v3 .buehne { width: min(440px,100%); margin: auto; padding: max(54px,calc(22px + env(safe-area-inset-top))) 20px 25px; }
html.moneybin-v3 .marke { padding: 0; margin: 0 0 26px; text-align: center; }
html.moneybin-v3 .marke h1 { font-family: inherit; font-weight: 600; color: #d9e7f4; background: none; -webkit-text-fill-color: #d9e7f4; letter-spacing: .13em; font-size: 27px; text-shadow: none; }
html.moneybin-v3 .muenze { display: none; }
.m3-login-logo { width: 61px; height: 61px; object-fit: contain; display: block; margin: 0 auto 14px; }
html.moneybin-v3 .untertitel { color: #91a8bc; font-size: 11px; letter-spacing: .08em; margin-top: 11px; }
html.moneybin-v3 .karte { background: linear-gradient(145deg,#304255b8,#1b2c41d9 65%,#162336); color: #d8e8f4; border: 1px solid #adc6df32; border-radius: 27px; padding: 24px 21px; box-shadow: inset 0 1px #dfecf419,0 25px 55px #0005; backdrop-filter: blur(15px); }
html.moneybin-v3 .frage { font-family: inherit; color: #dceaf5; font-size: 21px; font-weight: 500; letter-spacing: -.4px; margin-bottom: 23px; }
html.moneybin-v3 .gitter { gap: 20px 13px; }
html.moneybin-v3 .operator { color: #a4bdd3; background: transparent; padding: 4px; border-radius: 16px; min-height: 105px; }
html.moneybin-v3 .operator:hover { background: #9dbee40a; }
html.moneybin-v3 .operator .medaillon { width: 74px; height: 74px; border-width: 1px; border-radius: 22px; }
html.moneybin-v3 .operator .opName { font-family: inherit; color: #d0e2f1; font-size: 13px; letter-spacing: 0; margin-top: 8px; font-weight: 550; }
html.moneybin-v3 .opRolle { font-size: 9px; color: #85a0b8; text-transform: none; letter-spacing: .02em; }
html.moneybin-v3 .pinName { font-family: inherit; color: #d6e7f3; font-size: 23px; letter-spacing: -.4px; }
html.moneybin-v3 .pinHinweis { color: #9bb6cd; font-size: 12px; }
html.moneybin-v3 .pinKopf .medaillon { border-radius: 22px; }
html.moneybin-v3 .punkte span { background: #263e54; border-color: #a5c4df46; box-shadow: none; }
html.moneybin-v3 .punkte span.voll { background: #b2d0e7; box-shadow: none; }
html.moneybin-v3 .tastenfeld button { border-radius: 17px; border: 1px solid #b0c8e127; background: linear-gradient(145deg,#36516a77,#1b2f45); color: #d9eaf6; font-family: inherit; font-size: 25px; box-shadow: inset 0 1px #deecf312,0 6px 14px #0002; min-height: 57px; }
html.moneybin-v3 .tastenfeld button:active { background: #486f8e55; transform: scale(.97); }
html.moneybin-v3 .fuss { color: #7d96ad; font-size: 10px; line-height: 1.8; }
html.moneybin-v3 .copyright { color: #6d8399; font-size: 9px; }
html.moneybin-v3 .installLeiste,html.moneybin-v3 .infoKnopf { background: #253c546f; color: #b2cde2; border-color: #a4c3dd32; box-shadow: none; }
html.moneybin-v3 .installHinweis { color: #94aec5; font-size: 11px; line-height: 1.7; }
html.moneybin-v3 .infoBlatt { background: #1b2d42; border-color: #a3c0da3b; color: #becfe0; box-shadow: 0 25px 70px #0007; }
html.moneybin-v3 .infoTitel { font-family: inherit; color: #d1e3f1; }
.m3-preview-label { position: fixed; z-index: 80; top: 4px; left: 50%; transform: translateX(-50%); color: #819bb3; font-size: 9px; white-space: nowrap; letter-spacing: .04em; pointer-events: none; }
@media (min-width:800px) {
  html.moneybin-v3 .kopf { padding-left: max(28px,calc((100vw - 1040px)/2)); padding-right: max(28px,calc((100vw - 1040px)/2)); }
html.moneybin-v3 .deckRaum { width: 490px; top: 92px; }
  html.moneybin-v3 .lkarte { padding: 26px 28px 19px; }
  html.moneybin-v3 .m3-earth { width: 810px; right: -13%; bottom: -38%; opacity: .33; }
  html.moneybin-v3 .seitenRaum { padding: 24px max(25px,calc((100vw - 960px)/2)) 24px; }
}
@media (max-width:355px) {
  html.moneybin-v3 .kopf { gap: 10px; padding-left: 12px; padding-right: 12px; }
  .m3-wordmark { font-size: 13px; letter-spacing: .12em; }
  html.moneybin-v3 .rangPille { display: none; }
  html.moneybin-v3 .lkarte { padding: 16px 15px 11px; border-radius: 22px; }
  html.moneybin-v3 .deckRaum { padding-left: 10px; padding-right: 10px; }
  html.moneybin-v3 .logiWert { font-size: 12px; }
  html.moneybin-v3 .hud button { width: 54px; }
  html.moneybin-v3 .buehne { padding-left: 13px; padding-right: 13px; }
}
@media (max-height:750px) {
  html.moneybin-v3 .kopf { min-height: calc(67px + env(safe-area-inset-top,0px)); padding-top: calc(8px + env(safe-area-inset-top,0px)); padding-bottom: 8px; }
  html.moneybin-v3 .deckRaum { top: calc(74px + env(safe-area-inset-top,0px)); }
  html.moneybin-v3 .kartenKopf { margin-bottom: 7px; }
  .m3-company-cover { margin-bottom: 7px; }.m3-company-emblem { width: 35px; height: 35px; border-radius: 11px; }.m3-company-emblem img { width: 29px; height: 29px; }
  html.moneybin-v3 .firmenName { font-size: 23px; }
  html.moneybin-v3 .adressZeile { margin: 6px 0; font-size: 11px; }
  html.moneybin-v3 .logistikLeiste { margin: 7px 0; padding: 7px 3px; }
  html.moneybin-v3 .apMarkiert { padding: 7px 9px; margin: 7px 0; font-size: 12px; }
  .m3-activity { margin-top: 6px; padding: 7px 10px; }.m3-activity p { -webkit-line-clamp: 1; font-size: 11px; }
  .m3-details { margin-top: 6px; padding-top: 6px; }
}
@media (prefers-reduced-motion:no-preference) {
  html.moneybin-v3 .hud button[data-hud=anruf]:not(:disabled) img { animation: m3-handset 3.8s ease-in-out infinite; }
  @keyframes m3-handset { 0%,100% { transform: scale(1); } 50% { transform: scale(1.045); } }
  html.moneybin-v3 .navi button,html.moneybin-v3 .hud button,.m3-avatar-actions button { transition: background .25s,border-color .25s,transform .2s; }
  html.moneybin-v3 .hud button:active,.m3-avatar-actions button:active { transform: scale(.96); }
}
html.moneybin-v3.m3-motion-off *,html.moneybin-v3 body.ohne3d * { animation: none !important; }
@media (prefers-reduced-motion:reduce) { html.moneybin-v3 *,html.moneybin-v3 *::before,html.moneybin-v3 *::after { animation: none !important; scroll-behavior: auto !important; } }