/* ============================================================
   Home2M6 v1.25 — FINAL UNIFIED BRANDING
   Finance hero + "Private Kosten" button are the single source
   of truth for all primary section headers and normal actions.
   ============================================================ */
:root{
  --h2m6-ink:#06131d;
  --h2m6-ink-2:#0a2230;
  --h2m6-teal:#08b89f;
  --h2m6-teal-dark:#078c7a;
  --h2m6-hero:linear-gradient(135deg,#06131d 0%,#0a2431 55%,#078c7a 100%);
  --h2m6-action:#0b2235;
  --h2m6-action-hover:#102d45;
  --h2m6-action-border:#2c4e68;
}

/* One hero system everywhere */
.account-hero-v045l,
.section-hero-v119,
.planning-hero-v40,
.planning-hero-v046l,
.home-hero-v116,
.finance-hero-v105,
.loan-finance-head-v062l,
[class*="section-hero-v"],
[class*="planning-hero-v"]{
  position:relative!important;
  overflow:hidden!important;
  background:var(--h2m6-hero)!important;
  color:#fff!important;
  border:1px solid rgba(8,184,159,.34)!important;
  border-radius:26px!important;
  box-shadow:0 18px 44px rgba(6,19,29,.18)!important;
}
.account-hero-v045l::after,
.section-hero-v119::after,
.planning-hero-v40::after,
.home-hero-v116::after,
.finance-hero-v105::after{
  content:""!important;
  position:absolute!important;
  width:280px!important;
  height:280px!important;
  right:-130px!important;
  bottom:-170px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.10)!important;
  pointer-events:none!important;
}
.account-hero-v045l h1,.account-hero-v045l h2,.account-hero-v045l h3,
.section-hero-v119 h1,.section-hero-v119 h2,.section-hero-v119 h3,
.planning-hero-v40 h1,.planning-hero-v40 h2,.planning-hero-v40 h3,
.home-hero-v116 h1,.home-hero-v116 h2,.home-hero-v116 h3,
.finance-hero-v105 h1,.finance-hero-v105 h2,.finance-hero-v105 h3,
.loan-finance-head-v062l h1,.loan-finance-head-v062l h2{
  color:#fff!important;
}
.account-hero-v045l p,.section-hero-v119 p,.planning-hero-v40 p,.home-hero-v116 p,.finance-hero-v105 p,.loan-finance-head-v062l p{
  color:rgba(255,255,255,.76)!important;
}
.account-kicker-v045l,.section-hero-kicker-v119,.planning-kicker-v40,.home-kicker-v116,.loan-kicker-v062l,
.account-hero-v045l .eyebrow,.section-hero-v119 .eyebrow,.planning-hero-v40 .eyebrow,.home-hero-v116 .eyebrow{
  color:#58e5cf!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
}

/* One normal button system everywhere: finance Private Kosten reference */
button.primary,.primary,
button.secondary,.secondary,
.file-label,
.section-hero-actions-v119 .primary,
.finance-actions-v105 .primary,
.finance-actions-v105 .secondary,
.account-add-cost-v045l,
.private-add-v105,
.planning-add-v40,
#addVehicleBtn,
#addLoanBtn{
  background:var(--h2m6-action)!important;
  color:#fff!important;
  border:1px solid var(--h2m6-action-border)!important;
  border-radius:14px!important;
  box-shadow:0 7px 18px rgba(3,13,21,.20)!important;
  font-weight:800!important;
  min-height:44px!important;
  padding:10px 16px!important;
}
button.primary:hover:not(:disabled),.primary:hover:not(:disabled),
button.secondary:hover:not(:disabled),.secondary:hover:not(:disabled),
.file-label:hover,
.section-hero-actions-v119 .primary:hover:not(:disabled),
.finance-actions-v105 .primary:hover:not(:disabled),
.finance-actions-v105 .secondary:hover:not(:disabled){
  background:var(--h2m6-action-hover)!important;
  border-color:#3b6583!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
button.primary:active:not(:disabled),.primary:active:not(:disabled),
button.secondary:active:not(:disabled),.secondary:active:not(:disabled){
  transform:translateY(0)!important;
  box-shadow:0 3px 10px rgba(3,13,21,.18)!important;
}

/* Preserve semantic danger/status controls */
button.danger,.danger{background:#fff1f2!important;color:#b42318!important;border:1px solid #fecdd3!important;box-shadow:none!important}
body.dark-mode button.danger,body.dark-mode .danger{background:#3a1519!important;color:#fecaca!important;border-color:#7f1d1d!important}

/* Brand accents are teal, never the old electric blue */
.eyebrow{color:var(--h2m6-teal-dark)!important}
.tag:not(.danger):not(.warning){color:#067c6d!important;background:#d8faf3!important}
.bottom-nav button.active{color:var(--h2m6-teal-dark)!important}
.bottom-nav button.active::after{background:var(--h2m6-teal)!important}

/* Finance action buttons: both identical */
.finance-actions-v105{display:flex!important;gap:10px!important;align-items:center!important}
.finance-actions-v105 .primary,.finance-actions-v105 .secondary{min-width:190px!important}

/* Dark mode uses exactly the same branding, not a second blue theme */
body.dark-mode .account-hero-v045l,
body.dark-mode .section-hero-v119,
body.dark-mode .planning-hero-v40,
body.dark-mode .planning-hero-v046l,
body.dark-mode .home-hero-v116,
body.dark-mode .finance-hero-v105,
body.dark-mode .loan-finance-head-v062l{
  background:var(--h2m6-hero)!important;
  border-color:rgba(8,184,159,.38)!important;
}
body.dark-mode button.primary,body.dark-mode .primary,
body.dark-mode button.secondary,body.dark-mode .secondary,
body.dark-mode .file-label{
  background:var(--h2m6-action)!important;
  border-color:var(--h2m6-action-border)!important;
  color:#fff!important;
}

@media(max-width:700px){
  .account-hero-v045l,.section-hero-v119,.planning-hero-v40,.home-hero-v116,.finance-hero-v105{padding:20px!important;border-radius:22px!important}
  .finance-actions-v105{width:100%!important;flex-direction:column!important;align-items:stretch!important}
  .finance-actions-v105 .primary,.finance-actions-v105 .secondary{width:100%!important;min-width:0!important}
}


/* ============================================================
   Home2M6 v1.26 — HIGH-END UI SYSTEM
   One premium visual language for every screen.
   ============================================================ */
:root{
  --lux-bg:#f4f7f9;
  --lux-surface:#ffffff;
  --lux-surface-2:#f8fafb;
  --lux-ink:#0a1720;
  --lux-muted:#667784;
  --lux-muted-2:#8a9aa6;
  --lux-line:#dbe4e9;
  --lux-navy:#06151e;
  --lux-navy-2:#0a2530;
  --lux-teal:#0bb89f;
  --lux-teal-2:#078c7b;
  --lux-teal-soft:#dff8f3;
  --lux-danger:#c9333e;
  --lux-radius-sm:12px;
  --lux-radius:18px;
  --lux-radius-lg:24px;
  --lux-radius-xl:30px;
  --lux-shadow-xs:0 1px 2px rgba(8,27,36,.05);
  --lux-shadow-sm:0 8px 24px rgba(8,27,36,.07);
  --lux-shadow:0 18px 50px rgba(8,27,36,.10);
  --lux-shadow-hero:0 24px 64px rgba(3,17,24,.20);
  --lux-ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{background:var(--lux-bg)}
body{
  background:var(--lux-bg)!important;
  color:var(--lux-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif!important;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
#app{max-width:1180px!important;margin:0 auto!important;padding-inline:clamp(18px,3vw,34px)!important}
.view{padding-block:clamp(22px,3vw,38px)!important}
.topbar{
  background:rgba(244,247,249,.88)!important;
  border-bottom:1px solid rgba(185,202,211,.55)!important;
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  padding:clamp(22px,3vw,34px) max(24px,calc((100vw - 1180px)/2 + 34px))!important;
}
.topbar h1{font-size:clamp(30px,4vw,46px)!important;line-height:1!important;letter-spacing:-.045em!important;font-weight:780!important;color:var(--lux-ink)!important}
.eyebrow,.account-kicker-v045l,.section-hero-kicker-v119,.planning-kicker-v40,.home-kicker-v116,.loan-kicker-v062l{font-size:11px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.19em!important;text-transform:uppercase!important;color:var(--lux-teal-2)!important}
.local-status{border-radius:999px!important;border:1px solid #bfe9df!important;background:#e9faf6!important;color:#42756c!important;padding:8px 13px!important;font-size:13px!important;font-weight:720!important;box-shadow:none!important}
.local-status::before{box-shadow:0 0 0 5px rgba(11,184,159,.10)!important;background:var(--lux-teal)!important}

/* Premium hero language */
.account-hero-v045l,.section-hero-v119,.planning-hero-v40,.planning-hero-v046l,.home-hero-v116,.finance-hero-v105,.loan-finance-head-v062l,[class*="section-hero-v"],[class*="planning-hero-v"]{
  background:radial-gradient(circle at 92% 8%,rgba(41,220,190,.20),transparent 23rem),linear-gradient(128deg,#041019 0%,#082631 58%,#087d70 118%)!important;
  color:#fff!important;border:1px solid rgba(105,230,208,.22)!important;border-radius:var(--lux-radius-xl)!important;
  box-shadow:var(--lux-shadow-hero)!important;padding:clamp(24px,4vw,38px)!important;
  transition:transform .28s var(--lux-ease),box-shadow .28s var(--lux-ease)!important;
}
.account-hero-v045l h2,.section-hero-v119 h2,.planning-hero-v40 h2,.home-hero-v116 h2,.finance-hero-v105 h2,.loan-finance-head-v062l h2{font-size:clamp(29px,4vw,43px)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:780!important;color:#fff!important}
.account-hero-v045l p,.section-hero-v119 p,.planning-hero-v40 p,.home-hero-v116 p,.finance-hero-v105 p,.loan-finance-head-v062l p{font-size:clamp(15px,1.6vw,17px)!important;line-height:1.6!important;color:rgba(239,249,247,.72)!important;max-width:680px!important}
.account-kicker-v045l,.section-hero-kicker-v119,.planning-kicker-v40,.home-kicker-v116,.loan-kicker-v062l{color:#6ee7d3!important}

/* Surfaces and cards */
.panel,.card,.vehicle-card,.property-card,.account-stat-card-v045l,.auth-card,dialog>form,.personal-finance-grid-v104>article,.dash-loan-kpis-v071l>div,.planning-list-v40>article{
  background:var(--lux-surface)!important;
  border:1px solid var(--lux-line)!important;
  border-radius:var(--lux-radius-lg)!important;
  box-shadow:var(--lux-shadow-sm)!important;
}
.panel{padding:clamp(20px,3vw,28px)!important;margin-bottom:clamp(18px,2.5vw,28px)!important}
.panel-head{gap:18px!important;margin-bottom:20px!important}
.panel-head h2{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;font-size:clamp(20px,2.2vw,25px)!important;letter-spacing:-.025em!important;font-weight:760!important;color:var(--lux-ink)!important}
.helper-text,.panel p,.card p{color:var(--lux-muted)!important;line-height:1.58!important}
.card-grid,.vehicle-grid{gap:clamp(16px,2.5vw,24px)!important}
.vehicle-card,.property-card,.card{overflow:hidden!important;transition:transform .25s var(--lux-ease),box-shadow .25s var(--lux-ease),border-color .25s var(--lux-ease)!important}
@media(hover:hover){.vehicle-card:hover,.property-card:hover,.card:hover{transform:translateY(-3px)!important;box-shadow:var(--lux-shadow)!important;border-color:#c4d6de!important}}

/* Finance KPI cards */
.account-stat-grid-v045l{gap:16px!important}
.account-stat-card-v045l{position:relative!important;overflow:hidden!important;padding:22px!important;min-height:164px!important}
.account-stat-card-v045l::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;background:linear-gradient(90deg,var(--lux-teal),#78d6c6)!important}
.account-stat-card-v045l strong{font-size:clamp(26px,3.2vw,36px)!important;letter-spacing:-.04em!important;color:var(--lux-ink)!important}
.account-stat-card-v045l span,.account-stat-card-v045l small{color:var(--lux-muted)!important}
.account-stat-icon-v045l,.dashboard-status-icon-v126{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:var(--lux-teal-soft)!important;color:var(--lux-teal-2)!important}

/* Icon system */
.ui-icon-sprite-v126{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important}
.ui-icon-v126,.ui-heading-icon-v126,.ui-inline-icon-v126,.ui-button-icon-v126{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ui-heading-icon-v126{width:1.05em;height:1.05em;color:var(--lux-teal-2)!important}
.ui-inline-icon-v126{width:1em;height:1em}.ui-button-icon-v126{width:1em;height:1em}
.nav-icon .ui-icon-v126{width:22px;height:22px;stroke-width:1.9}

/* One premium button family */
button.primary,.primary,button.secondary,.secondary,.file-label,.account-add-cost-v045l,.private-add-v105,.planning-add-v40,#addVehicleBtn,#addLoanBtn{
  appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:46px!important;padding:11px 17px!important;border-radius:14px!important;
  background:linear-gradient(180deg,#102b38,#0a202c)!important;color:#fff!important;border:1px solid #294a58!important;
  box-shadow:0 8px 22px rgba(5,25,34,.16),inset 0 1px rgba(255,255,255,.05)!important;
  font-size:14px!important;font-weight:760!important;letter-spacing:-.01em!important;
  transition:transform .2s var(--lux-ease),box-shadow .2s var(--lux-ease),border-color .2s var(--lux-ease),background .2s var(--lux-ease)!important;
}
@media(hover:hover){button.primary:hover:not(:disabled),.primary:hover:not(:disabled),button.secondary:hover:not(:disabled),.secondary:hover:not(:disabled),.file-label:hover{transform:translateY(-2px)!important;background:linear-gradient(180deg,#143746,#0b2935)!important;border-color:#3f786f!important;box-shadow:0 12px 28px rgba(5,25,34,.20)!important}}
button.primary:focus-visible,.primary:focus-visible,button.secondary:focus-visible,.secondary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(11,184,159,.22)!important;outline-offset:2px!important}
button.danger,.danger{background:#fff6f6!important;color:var(--lux-danger)!important;border:1px solid #f2ced1!important;box-shadow:none!important}
button.success,.success{background:#edf9f4!important;color:#16765f!important;border:1px solid #c4eadc!important;box-shadow:none!important}
button.small,.small{min-height:38px!important;padding:8px 12px!important;border-radius:12px!important;font-size:13px!important}

/* Forms */
label{font-size:13px!important;font-weight:690!important;color:#415460!important}
input,select,textarea{
  width:100%;min-height:46px!important;border-radius:13px!important;border:1px solid #d7e1e6!important;background:#fbfcfd!important;color:var(--lux-ink)!important;
  padding:11px 13px!important;font:inherit!important;font-weight:550!important;box-shadow:inset 0 1px 1px rgba(8,27,36,.02)!important;transition:border-color .2s,box-shadow .2s,background .2s!important;
}
textarea{min-height:96px!important;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:#72cabb!important;background:#fff!important;box-shadow:0 0 0 4px rgba(11,184,159,.10)!important;outline:none!important}
input::placeholder,textarea::placeholder{color:#9aa8b1!important}
fieldset{border-radius:var(--lux-radius)!important;border-color:var(--lux-line)!important}

/* Tags and status chips */
.tag,.section-hero-tag-v119{border-radius:999px!important;padding:7px 11px!important;font-size:12px!important;font-weight:760!important;box-shadow:none!important}
.tag:not(.danger):not(.warning),.section-hero-tag-v119{background:#e9f8f4!important;color:#167562!important;border:1px solid #ccebe3!important}

/* Bottom navigation: high-end glass, monochrome icons */
.bottom-nav{
  background:rgba(251,253,254,.92)!important;border-top:1px solid rgba(188,204,212,.65)!important;
  box-shadow:0 -10px 30px rgba(8,27,36,.07)!important;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);
  padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
}
.bottom-nav button{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:15px!important;color:#7b8c97!important;min-height:64px!important;padding:8px 10px!important;gap:4px!important}
.bottom-nav button.active{background:#ecf8f5!important;color:#087c6d!important;box-shadow:inset 0 0 0 1px #d0ece6!important}
.bottom-nav button.active::after{display:none!important}
.nav-label{font-size:11.5px!important;font-weight:720!important;letter-spacing:-.01em!important}

/* Planning tabs */
.planning-tabs-v40{background:#edf2f4!important;border:1px solid #dfe7eb!important;border-radius:18px!important;padding:5px!important;gap:4px!important}
.planning-tabs-v40 button{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:13px!important;color:#657783!important;min-height:72px!important}
.planning-tabs-v40 button.active{background:#fff!important;color:var(--lux-ink)!important;box-shadow:0 5px 16px rgba(8,27,36,.08)!important}
.planning-tab-icon{color:#4f6672!important}

/* Dialogs */
dialog{border:0!important;border-radius:28px!important;box-shadow:0 30px 90px rgba(2,14,20,.28)!important;background:transparent!important}
dialog::backdrop{background:rgba(3,14,20,.55)!important;backdrop-filter:blur(6px)!important}
dialog>form{padding:clamp(20px,3vw,30px)!important;max-height:min(88vh,920px)!important;overflow:auto!important}
.dialog-actions{position:sticky!important;bottom:-1px!important;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 26%)!important;padding-top:22px!important;margin-top:10px!important}

/* Auth */
.auth-gate{background:radial-gradient(circle at 18% 12%,rgba(11,184,159,.18),transparent 28rem),linear-gradient(145deg,#020b10,#06151e 55%,#0a2933)!important}
.auth-card{border-color:rgba(255,255,255,.62)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 28px 80px rgba(0,0,0,.25)!important;backdrop-filter:blur(20px)!important}
.home2m6-login-logo-v124{filter:drop-shadow(0 18px 32px rgba(0,0,0,.22))!important}

/* Dark mode */
body.dark-mode{--lux-bg:#061019;--lux-surface:#0b1823;--lux-surface-2:#0e1d29;--lux-ink:#eff7f6;--lux-muted:#9aabb4;--lux-muted-2:#758995;--lux-line:#213846;background:var(--lux-bg)!important;color:var(--lux-ink)!important}
body.dark-mode .topbar{background:rgba(6,16,25,.90)!important;border-color:#1c3441!important}
body.dark-mode .topbar h1,body.dark-mode .panel-head h2,body.dark-mode .account-stat-card-v045l strong{color:var(--lux-ink)!important}
body.dark-mode .panel,body.dark-mode .card,body.dark-mode .vehicle-card,body.dark-mode .property-card,body.dark-mode .account-stat-card-v045l,body.dark-mode dialog>form,body.dark-mode .personal-finance-grid-v104>article,body.dark-mode .dash-loan-kpis-v071l>div{background:var(--lux-surface)!important;border-color:var(--lux-line)!important;box-shadow:0 14px 36px rgba(0,0,0,.20)!important}
body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#0d1c27!important;color:#edf6f5!important;border-color:#284150!important}
body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{background:#10232f!important;border-color:#3d8f82!important}
body.dark-mode .bottom-nav{background:rgba(6,16,25,.94)!important;border-color:#1d3440!important;box-shadow:0 -12px 32px rgba(0,0,0,.24)!important}
body.dark-mode .bottom-nav button{color:#80939e!important}
body.dark-mode .bottom-nav button.active{background:#102c31!important;color:#6ee7d3!important;box-shadow:inset 0 0 0 1px #1d514a!important}
body.dark-mode .planning-tabs-v40{background:#08151e!important;border-color:#1e3541!important}
body.dark-mode .planning-tabs-v40 button.active{background:#112532!important;color:#eff7f6!important;box-shadow:0 5px 16px rgba(0,0,0,.25)!important}
body.dark-mode .dialog-actions{background:linear-gradient(180deg,rgba(11,24,35,0),#0b1823 26%)!important}
body.dark-mode label{color:#b8c6cc!important}
body.dark-mode .tag:not(.danger):not(.warning),body.dark-mode .section-hero-tag-v119{background:#102c31!important;color:#6ee7d3!important;border-color:#23514c!important}
body.dark-mode button.danger,body.dark-mode .danger{background:#32181c!important;color:#ffb7bd!important;border-color:#633039!important}

/* Mobile rhythm */
@media(max-width:700px){
  #app{padding-inline:16px!important}.view{padding-block:20px!important}.topbar{padding:24px 20px!important}.topbar h1{font-size:34px!important}
  .account-hero-v045l,.section-hero-v119,.planning-hero-v40,.home-hero-v116,.finance-hero-v105{border-radius:24px!important;padding:22px!important}
  .panel{border-radius:20px!important;padding:18px!important}.account-stat-grid-v045l{gap:12px!important}.account-stat-card-v045l{min-height:148px!important;padding:18px!important}
  button.primary,.primary,button.secondary,.secondary,.file-label{min-height:44px!important;padding:10px 14px!important}
  .bottom-nav button{min-height:60px!important}.nav-icon .ui-icon-v126{width:21px;height:21px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v1.26 dynamic line-icon polish */
.ui-task-icon-v126{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dashboard-task-visual.is-icon span,.dash-important-icon-v071l,.vehicle-placeholder,.vehicle-icon,.dash-vehicle-placeholder-v073l,.dashboard-property-placeholder{color:var(--lux-teal-2)!important}
.dashboard-task-visual.is-icon{background:var(--lux-teal-soft)!important;border:1px solid #ccebe3!important}
.dash-important-icon-v071l{display:grid!important;place-items:center!important;background:var(--lux-teal-soft)!important;border-radius:13px!important}
body.dark-mode .dashboard-task-visual.is-icon,body.dark-mode .dash-important-icon-v071l{background:#102c31!important;border-color:#23514c!important;color:#6ee7d3!important}

/* ============================================================
   Home2M6 v1.27 — SVG ICON RENDERING HOTFIX
   Prevent browser-default 300x150 SVG sizing and black fills.
   ============================================================ */
svg.ui-icon-v126,
svg.ui-heading-icon-v126,
svg.ui-inline-icon-v126,
svg.ui-button-icon-v126,
svg.ui-task-icon-v126 {
  display:inline-block !important;
  width:1.15em !important;
  height:1.15em !important;
  max-width:28px !important;
  max-height:28px !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:visible !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  vertical-align:-0.18em !important;
  flex:0 0 auto !important;
}
svg.ui-heading-icon-v126 { width:1.05em !important; height:1.05em !important; }
svg.ui-inline-icon-v126, svg.ui-button-icon-v126 { width:1em !important; height:1em !important; }
svg.ui-task-icon-v126 { width:24px !important; height:24px !important; }
#mainBottomNav .nav-icon svg.ui-icon-v126,
.bottom-nav .nav-icon svg.ui-icon-v126 {
  width:21px !important;
  height:21px !important;
  max-width:21px !important;
  max-height:21px !important;
}
.ui-icon-sprite-v126 {
  position:absolute !important;
  width:0 !important;
  height:0 !important;
  max-width:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
.dashboard-task-visual.is-icon svg,
.dash-important-icon-v071l svg,
.vehicle-placeholder svg,
.vehicle-icon svg,
.dash-vehicle-placeholder-v073l svg,
.dashboard-property-placeholder svg {
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  fill:none !important;
  stroke:currentColor !important;
}


/* ============================================================
   Home2M6 v1.28 — PROFESSIONAL TYPOGRAPHY SYSTEM
   Mobile-first readability. No operational UI text below 12px.
   ============================================================ */
:root{
  --type-xs:12px;
  --type-sm:13px;
  --type-base:15px;
  --type-md:16px;
  --type-lg:18px;
  --type-xl:22px;
  --type-2xl:clamp(28px,7vw,38px);
  --type-display:clamp(34px,9vw,50px);
  --leading-tight:1.16;
  --leading-normal:1.45;
}

/* General hierarchy */
body{font-size:var(--type-base);line-height:var(--leading-normal)}
.eyebrow{font-size:12px!important;line-height:1.2!important}
.topbar h1,.view-title-v071l{font-size:var(--type-display)!important;line-height:1.05!important}
.panel h2,.section-title-v071l{font-size:var(--type-xl)!important;line-height:1.18!important}
.panel p,.hero-card p{font-size:var(--type-base)!important;line-height:1.5!important}
.local-status{font-size:13px!important}

/* Buttons and navigation */
.primary,.secondary,.danger,.file-label,
button.primary,button.secondary,button.danger{
  font-size:15px!important;
  line-height:1.15!important;
}
.bottom-nav button{font-size:12px!important;line-height:1.15!important}
.bottom-nav span{font-size:21px!important}

/* Generic cards / labels */
.metric span,.summary-strip span,.list-main span,.entity-card .meta,.tag,
.form-panel label,dialog label{
  font-size:13px!important;
}
.metric strong,.summary-strip strong{font-size:21px!important}
.entity-card h3,.list-main strong{font-size:16px!important}
.entity-card p{font-size:14px!important}

/* Credit / loan views */
.loan-kicker-v062l,
.loan-manager-card-main-v061l>span{
  font-size:12px!important;
}
.loan-finance-head-v062l h2{font-size:22px!important}
.loan-finance-head-v062l p,
.loan-dialog-title-v061l p,
.loan-dialog-title-v062l p{
  font-size:13px!important;
  line-height:1.4!important;
}
.loan-overview-v062l span,
.loan-overview-v062l small,
.loan-manager-summary-v061l span,
.loan-manager-facts-v061l span,
.dashboard-loan-row-v061l small{
  font-size:12px!important;
}
.loan-overview-v062l strong{font-size:18px!important}
.loan-manager-summary-v061l strong{font-size:15px!important}
.loan-manager-card-main-v061l h3{font-size:16px!important}
.loan-manager-card-main-v061l p{font-size:13px!important}
.loan-manager-progress-value-v061l strong{font-size:15px!important}
.loan-manager-facts-v061l strong{font-size:14px!important}
.dashboard-loan-row-v061l b,
.dashboard-loan-row-v061l strong{font-size:13px!important}

/* Detailed credit card facts – screenshot v1.27 */
.loan-facts span,.detail-grid span,.cost-summary span{
  font-size:13px!important;
  line-height:1.3!important;
}
.loan-facts strong,.detail-grid strong,.cost-summary strong{
  font-size:16px!important;
  line-height:1.25!important;
}
.cost-summary>div span small{font-size:12px!important}

/* Cost-position chart and list */
.cost-modern-title-v046l h3{font-size:16px!important}
.cost-modern-title-v046l p{font-size:13px!important}
.cost-modern-object-v046l span,
.cost-modern-stats-v046l span,
.cost-modern-allocation-summary-v046l span{
  font-size:12px!important;
}
.cost-modern-object-v046l strong,
.cost-modern-stats-v046l strong,
.cost-modern-allocation-summary-v046l strong{
  font-size:14px!important;
}
.cost-modern-person-v046l>span strong,
.cost-modern-person-v046l>strong{
  font-size:13px!important;
}
.cost-modern-person-v046l small{font-size:12px!important}
.cost-category-cell strong{font-size:14px!important}
.cost-category-cell small{font-size:12px!important}
.cost-info-head{font-size:12px!important}
.cost-info-row{font-size:14px!important}
.cost-person-breakdown span{font-size:13px!important}

/* Dashboard cost-position widget */
.dashboard-cost-chart-v071l,
.dashboard-cost-list-v071l{
  font-size:14px!important;
}
.dashboard-cost-chart-v071l small,
.dashboard-cost-list-v071l small{
  font-size:12px!important;
}

/* Property overview: Baujahr / Zimmer / Heizung etc. */
.property-info-grid span{
  font-size:12px!important;
  letter-spacing:.03em!important;
}
.property-info-grid strong{font-size:15px!important}
.property-card h3{font-size:22px!important;line-height:1.15!important}
.property-card p{font-size:15px!important}

/* Account/finance micro text */
.account-stat-card-v045l>span,
.account-object-row-v045l span,
.account-person-cost-row-v045l span{
  font-size:12px!important;
}
.account-stat-card-v045l>strong{font-size:18px!important}

/* Forms: never tiny */
input,select,textarea{
  font-size:16px!important; /* also prevents iOS zoom-on-focus */
}
small,.muted,.helper-text{
  line-height:1.4;
}

/* Mobile tuning: retain hierarchy without oversized cards */
@media(max-width:600px){
  .topbar h1,.view-title-v071l{font-size:clamp(34px,10vw,46px)!important}
  .panel h2,.section-title-v071l{font-size:21px!important}
  .loan-overview-v062l>div{padding:13px 12px!important}
  .loan-overview-detail-v062l>div{padding:10px!important}
  .loan-manager-facts-v061l>div{padding:10px!important}
  .property-info-grid>div{padding:11px!important;min-height:58px}
  .cost-modern-stats-v046l>div{padding:10px!important}
}


/* ============================================================
   Home2M6 v1.29 — CREDIT CARD LAYOUT + READABILITY
   ============================================================ */

/* Credit card header: information first, actions on their own row */
.loan-detail-top-v062l{
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) minmax(120px,auto) !important;
  grid-template-areas:
    "index name rate"
    "actions actions actions" !important;
  gap:12px 14px !important;
  align-items:center !important;
  padding:16px !important;
}
.loan-detail-index-v062l{
  grid-area:index !important;
  width:42px !important;
  height:42px !important;
  font-size:18px !important;
}
.loan-detail-name-v062l{grid-area:name !important;min-width:0 !important}
.loan-detail-rate-v062l{
  grid-area:rate !important;
  min-width:120px !important;
  text-align:right !important;
}
.loan-detail-actions-v062l{
  grid-area:actions !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,170px)) !important;
  justify-content:end !important;
  gap:10px !important;
  padding-top:12px !important;
  margin-top:2px !important;
  border-top:1px solid rgba(148,163,184,.22) !important;
}
.loan-detail-actions-v062l .secondary,
.loan-detail-actions-v062l .danger{
  width:100% !important;
  min-height:46px !important;
  padding:11px 18px !important;
  font-size:15px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

/* Stronger credit-card typography */
.loan-detail-name-v062l span{
  font-size:13px !important;
  line-height:1.25 !important;
}
.loan-detail-name-v062l h3{
  font-size:19px !important;
  line-height:1.18 !important;
  margin:2px 0 0 !important;
}
.loan-detail-rate-v062l span{
  font-size:13px !important;
  line-height:1.25 !important;
}
.loan-detail-rate-v062l strong{
  font-size:20px !important;
  line-height:1.15 !important;
}
.loan-detail-primary-v062l,
.loan-detail-secondary-v062l{
  gap:14px 18px !important;
  padding:16px !important;
}
.loan-detail-primary-v062l span,
.loan-detail-secondary-v062l span{
  font-size:13px !important;
  line-height:1.3 !important;
}
.loan-detail-primary-v062l strong,
.loan-detail-secondary-v062l strong{
  font-size:16px !important;
  line-height:1.25 !important;
}
.loan-detail-card-v062l > div:not(.loan-detail-top-v062l) small{
  font-size:13px !important;
  line-height:1.4 !important;
}

/* Bottom calculation summary inside credit cards */
.loan-detail-card-v062l .muted,
.loan-detail-card-v062l .helper-text{
  font-size:13px !important;
}
.loan-detail-card-v062l b,
.loan-detail-card-v062l strong{
  text-rendering:optimizeLegibility;
}

/* General mobile minimums for financial information */
.cost-info-row,
.cost-category-cell,
.dashboard-cost-list-v071l,
.dashboard-cost-chart-v071l{
  font-size:14px !important;
}
.cost-category-cell small,
.dashboard-cost-list-v071l small,
.dashboard-cost-chart-v071l small{
  font-size:13px !important;
}

/* Mobile: full-width action row, no collisions */
@media(max-width:700px){
  .loan-detail-top-v062l{
    grid-template-columns:44px minmax(0,1fr) !important;
    grid-template-areas:
      "index name"
      "index rate"
      "actions actions" !important;
    gap:8px 14px !important;
    padding:16px 14px !important;
  }
  .loan-detail-rate-v062l{
    min-width:0 !important;
    text-align:left !important;
  }
  .loan-detail-actions-v062l{
    grid-template-columns:1fr 1fr !important;
    justify-content:stretch !important;
    margin-top:8px !important;
  }
  .loan-detail-actions-v062l .secondary,
  .loan-detail-actions-v062l .danger{
    min-width:0 !important;
    min-height:48px !important;
    font-size:16px !important;
  }
  .loan-detail-primary-v062l,
  .loan-detail-secondary-v062l{
    grid-template-columns:1fr 1fr !important;
    padding:15px 14px !important;
    gap:15px 18px !important;
  }
  .loan-detail-primary-v062l span,
  .loan-detail-secondary-v062l span{
    font-size:13px !important;
  }
  .loan-detail-primary-v062l strong,
  .loan-detail-secondary-v062l strong{
    font-size:16px !important;
  }
}

@media(max-width:390px){
  .loan-detail-actions-v062l{
    grid-template-columns:1fr !important;
  }
  .loan-detail-rate-v062l strong{font-size:18px !important}
}

/* v1.30 finance clarity */
.account-summary-grid article small[id$="ActualV130"]{display:block;margin-top:6px;font-size:13px;font-weight:700;color:var(--muted)}
.personal-availability-v130{border-color:rgba(13,148,136,.28)!important}
.personal-availability-v130 strong{color:#0f766e}
.private-income-section-v130 .amount.income{color:#0f766e;font-weight:800}
@media(max-width:700px){.account-summary-grid article small[id$="ActualV130"]{font-size:12px}}

/* Home2M6 v1.31 — finance completion */
.actual-value-v131{
 display:block!important;margin-top:7px!important;padding-top:7px!important;
 border-top:1px solid rgba(148,163,184,.22)!important;
 font-size:12px!important;color:var(--muted)!important
}
.actual-value-v131 b{font-size:13px!important;color:var(--ink)!important}
.account-object-expand-v131{border-bottom:1px solid rgba(148,163,184,.18)}
.object-cost-toggle-v131{grid-column:1/-1!important;margin-top:8px!important;width:100%!important}
.account-object-details-v131{padding:12px 14px 16px;background:rgba(15,118,110,.035);border-radius:0 0 18px 18px}
.account-object-details-head-v131{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:10px}
.account-object-details-head-v131 strong{font-size:15px}.account-object-details-head-v131 span{font-size:12px;color:var(--muted);text-align:right}
.account-object-cost-item-v131,.account-object-cost-total-v131{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(148,163,184,.14)}
.account-object-cost-item-v131 span{display:grid}.account-object-cost-item-v131 b{font-size:14px}.account-object-cost-item-v131 small{font-size:12px;color:var(--muted)}
.account-object-cost-item-v131 strong,.account-object-cost-total-v131 strong{font-size:13px;white-space:nowrap}
.account-object-cost-item-v131.is-paid{opacity:.65}
.account-person-formula-v131{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin:0 0 14px}
.account-person-formula-v131>div{padding:12px;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:rgba(15,118,110,.045);display:grid;gap:4px}
.account-person-formula-v131>div span{font-size:12px;color:var(--muted)}.account-person-formula-v131>div strong{font-size:15px}
.account-person-formula-v131>b{align-self:center;color:var(--muted);font-size:18px}
.account-person-formula-v131 .total{background:rgba(20,184,166,.10);border-color:rgba(20,184,166,.25)}
@media(max-width:700px){
 .account-object-cost-item-v131,.account-object-cost-total-v131{grid-template-columns:1fr;gap:4px}
 .account-object-details-head-v131{display:grid}.account-object-details-head-v131 span{text-align:left}
 .account-person-formula-v131{grid-template-columns:1fr;gap:6px}
 .account-person-formula-v131>b{text-align:center;line-height:1}
}

/* ============================================================
   Home2M6 v1.32 — UX stabilization layer
   ============================================================ */
.app-toast-stack-v132{position:fixed;z-index:10050;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(92vw,520px);display:grid;gap:10px;pointer-events:none}
.app-toast-v132{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px 13px 16px;border-radius:16px;background:var(--home2m6-navy,#06131d);color:#fff;box-shadow:0 18px 50px rgba(2,8,23,.24);opacity:0;transform:translateY(10px) scale(.98);transition:.18s ease;font-size:14px;font-weight:650}.app-toast-v132.show{opacity:1;transform:none}.app-toast-v132.error{border-left:4px solid #ef4444}.app-toast-v132 button{border:0;background:transparent;color:#fff;font-size:22px;line-height:1;padding:0 2px;cursor:pointer}
.app-confirm-dialog-v132{border:0!important;background:transparent!important;padding:18px!important;max-width:none!important;width:min(94vw,480px)!important}.app-confirm-dialog-v132::backdrop{background:rgba(2,8,23,.58);backdrop-filter:blur(5px)}.app-confirm-card-v132{background:var(--surface,#fff);color:var(--ink,#0f172a);border:1px solid var(--line,#e2e8f0);border-radius:24px;padding:22px;box-shadow:0 28px 80px rgba(2,8,23,.28);display:grid;gap:16px}.app-confirm-card-v132 h2{font-size:20px!important;margin:0 0 5px}.app-confirm-card-v132 p{font-size:15px!important;line-height:1.5;margin:0;color:var(--muted,#64748b)}.app-confirm-icon-v132{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(239,68,68,.10);color:#dc2626}.app-confirm-icon-v132 svg{width:22px!important;height:22px!important}
.onboarding-v132{border:1px solid rgba(8,184,159,.20)!important;background:linear-gradient(145deg,rgba(8,184,159,.075),rgba(255,255,255,.82))!important}.dark-mode .onboarding-v132{background:linear-gradient(145deg,rgba(8,184,159,.10),rgba(6,19,29,.88))!important}.onboarding-head-v132{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.onboarding-head-v132 h2{margin:3px 0 5px!important}.onboarding-head-v132 p{margin:0;color:var(--muted)}.onboarding-grid-v132{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onboarding-step-v132{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;box-shadow:none!important}.onboarding-step-v132 svg{width:22px!important;height:22px!important;color:var(--home2m6-teal-dark)}.onboarding-step-v132 span{display:grid;gap:2px}.onboarding-step-v132 strong{font-size:14px}.onboarding-step-v132 small{font-size:12px;color:var(--muted)}.onboarding-step-v132.done{opacity:.6}.onboarding-step-v132.done b{color:#16a34a}
.private-incomes-panel-v132{margin-top:18px}.private-income-summary-v132 strong{color:#0f766e!important}.private-incomes-panel-v132 .amount.income{color:#0f766e;font-weight:800}
.personal-finance-grid-v104 article{min-height:150px}.personal-finance-grid-v104 article>span{font-size:13px!important}.personal-finance-grid-v104 article>strong{font-size:22px!important}.actual-value-v131{line-height:1.45!important}
@media(max-width:700px){.onboarding-head-v132{display:grid}.onboarding-grid-v132{grid-template-columns:1fr}.personal-finance-grid-v104 article{min-height:auto}.app-toast-stack-v132{bottom:calc(86px + env(safe-area-inset-bottom))}}

/* Home2M6 v1.33 — income + live sync */
#privateIncomeAmountV130{font-variant-numeric:tabular-nums}
.private-income-section-v130 .private-cost-summary-v104 strong{font-size:20px!important}

/* Home2M6 v1.34 — Private-income dialog reliability/UI */
#privateIncomeModalV130{
  width:min(560px,calc(100vw - 28px));
  max-height:min(88dvh,760px);
  border:0;
  border-radius:24px;
  padding:0;
  overflow:hidden;
  background:var(--surface,#fff);
  color:var(--ink,#0f172a);
  box-shadow:0 28px 80px rgba(2,8,23,.30);
}
#privateIncomeModalV130::backdrop{
  background:rgba(2,8,23,.62);
  backdrop-filter:blur(6px);
}
#privateIncomeFormV130{
  display:grid;
  gap:16px;
  padding:22px;
  max-height:min(88dvh,760px);
  overflow:auto;
}
#privateIncomeFormV130>div:first-of-type h2{margin:0 0 4px;font-size:22px}
#privateIncomeFormV130>div:first-of-type p{margin:0;color:var(--muted);font-size:14px}
#privateIncomeFormV130 label{display:grid;gap:7px;font-size:13px;font-weight:700}
#privateIncomeFormV130 input,
#privateIncomeFormV130 select,
#privateIncomeFormV130 textarea{width:100%;min-height:48px}
#privateIncomeFormV130 textarea{min-height:88px;resize:vertical}
@media(max-width:600px){
 #privateIncomeModalV130{width:calc(100vw - 20px);max-height:92dvh;border-radius:20px}
 #privateIncomeFormV130{padding:18px;gap:14px;max-height:92dvh}
}

/* Home2M6 v1.35 — Private income CRUD */
#savePrivateIncomeV135[disabled]{opacity:.65;cursor:wait}
.private-income-section-v130 .inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.private-income-section-v130 .inline-actions button{min-height:42px}