/* myfinance.cloud · Workspace Redesign
   Full layout layer: sidebar navigation, compact topbar, split auth and account workspaces. */

body.workspace-pro{--bg:#090b0f;--panel:#11161d;--border:#252d38;--text:#eef2f5;--muted:#8793a1;--green:#86dfb7;--red:#ff8f91;--accent:#89d9bb;--accent2:#89d9bb;background:#090b0f;color:var(--text)}
body.workspace-pro [hidden]{display:none!important}
body.workspace-pro .workspace-brand,body.workspace-pro .workspace-auth-brand{display:inline-flex;align-items:center;gap:10px;color:#f5f7f8;text-decoration:none;font-size:1rem;font-weight:860;letter-spacing:-.035em}
body.workspace-pro .workspace-brand-word span,body.workspace-pro .workspace-auth-brand>span:last-child>span{color:#7be0b0}
body.workspace-pro .workspace-brand-symbol{display:inline-flex;width:32px;height:32px;align-items:end;justify-content:center;gap:3px;padding:7px;border:1px solid #365d50;border-radius:8px;background:#173528}
body.workspace-pro .workspace-brand-symbol i{display:block;width:4px;border-radius:2px 2px 1px 1px;background:#b4f2ce}
body.workspace-pro .workspace-brand-symbol i:nth-child(1){height:8px;opacity:.7}body.workspace-pro .workspace-brand-symbol i:nth-child(2){height:13px;opacity:.85}body.workspace-pro .workspace-brand-symbol i:nth-child(3){height:18px}
body.workspace-pro .workspace-topbar{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:18px;margin:16px 0 18px;padding:0 4px}
body.workspace-pro .workspace-topbar-meta,body.workspace-pro .workspace-settings-actions{display:flex;align-items:center;gap:9px}
body.workspace-pro .workspace-private-label{display:inline-flex;align-items:center;gap:7px;color:#95a5b1;font-size:.73rem;font-weight:720;white-space:nowrap}
body.workspace-pro .workspace-private-label i,body.workspace-pro .workspace-sidebar-note i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#86dfb7;box-shadow:0 0 0 3px rgba(134,223,183,.11)}
body.workspace-pro .workspace-account-link{max-width:250px;border-color:#2d3742;border-radius:8px;background:#121820}
body.workspace-pro .workspace-logout{width:40px;min-width:40px;padding:0;border-color:#2d3742;border-radius:8px;color:#a5b2bc;background:#121820;font-size:1rem;transform:rotate(180deg)}
body.workspace-pro .workspace-logout:hover{border-color:#4a5a68;color:#f0f3f5;background:#1a222c}
body.workspace-pro .workspace-shell{width:min(1480px,96%);padding-top:0}
body.workspace-pro .workspace-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:22px;align-items:start}
body.workspace-pro .workspace-sidebar,body.workspace-pro .settings-sidebar{position:sticky;top:16px;display:flex;min-height:calc(100vh - 112px);flex-direction:column;padding:18px 12px 14px;border:1px solid #252d38;border-radius:11px;background:#10151b;box-shadow:0 12px 28px rgba(0,0,0,.16)}
body.workspace-pro .workspace-sidebar-intro{padding:0 8px 18px;border-bottom:1px solid #202832}
body.workspace-pro .workspace-sidebar-label{margin:0;color:#7be0b0;font-size:.67rem;font-weight:860;letter-spacing:.13em;text-transform:uppercase}
body.workspace-pro .workspace-sidebar-intro p:last-child{margin:7px 0 0;color:#798796;font-size:.77rem;line-height:1.45}
body.workspace-pro .workspace-tabs{display:grid;gap:4px;margin-top:16px;padding:0;border:0;border-radius:0;background:transparent}
body.workspace-pro .workspace-tabs .tab-button{display:flex;width:100%;min-height:42px;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:7px;color:#9ba9b5;background:transparent;font-size:.84rem;font-weight:690;text-align:left;transform:none;box-shadow:none}
body.workspace-pro .workspace-tabs .tab-button:hover{border-color:#28333e;color:#e7edf1;background:#171e26}
body.workspace-pro .workspace-tabs .tab-button.active{border-color:#395c4f;color:#e6fff1;background:#18352a;box-shadow:inset 3px 0 0 #86dfb7}
body.workspace-pro .workspace-tabs .tab-button.admin-invite-open{margin-top:7px;border-color:#303a58!important;color:#cbd2ff!important;background:#1b1f39!important}
body.workspace-pro .workspace-tabs .tab-button.admin-invite-open:hover{border-color:#626caa!important;background:#262b50!important}
body.workspace-pro .workspace-nav-icon{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;color:#83cfae;font-size:.95rem;font-weight:760}
body.workspace-pro .workspace-sidebar-bottom{display:grid;gap:12px;margin-top:auto;padding:15px 7px 2px;border-top:1px solid #202832}
body.workspace-pro .workspace-settings-link{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #28333e;border-radius:8px;color:#aab8c3;background:#141b22;text-decoration:none}
body.workspace-pro .workspace-settings-link:hover{border-color:#466459;color:#f0f6f3;background:#1a252d}
body.workspace-pro .workspace-settings-link>span:first-child{color:#86dfb7;font-size:1.05rem}
body.workspace-pro .workspace-settings-link strong,body.workspace-pro .workspace-settings-link small{display:block}
body.workspace-pro .workspace-settings-link strong{color:inherit;font-size:.76rem}
body.workspace-pro .workspace-settings-link small{margin-top:3px;color:#73818d;font-size:.66rem}
body.workspace-pro .workspace-sidebar-note{display:flex;align-items:center;gap:8px;padding:0 4px;color:#71808d;font-size:.69rem}
body.workspace-pro .workspace-main{min-width:0}
body.workspace-pro .workspace-page-head{display:flex;min-height:170px;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:24px 28px;border:1px solid #2b3540;border-radius:11px;background:#11161d;box-shadow:0 12px 28px rgba(0,0,0,.18)}
body.workspace-pro .workspace-page-head .eyebrow{margin-bottom:9px;color:#80d9b2}
body.workspace-pro .workspace-page-head h1{margin:0;color:#f5f7f8;font-size:clamp(2rem,4vw,3.3rem);font-weight:760;letter-spacing:-.065em;line-height:.98}
body.workspace-pro .workspace-page-head h1 em{color:#88dcb7;font-style:normal}
body.workspace-pro .workspace-add-entry{display:inline-flex;min-width:164px;align-items:center;justify-content:center;gap:8px;border-color:#87e0b7;color:#08120d;background:#87e0b7;text-decoration:none}
body.workspace-pro .workspace-add-entry:hover{border-color:#b4f2ce;background:#b4f2ce}
body.workspace-pro .card,body.workspace-pro .panel,body.workspace-pro .chart-stat,body.workspace-pro .monthly-overview,body.workspace-pro .personal-glance,body.workspace-pro .account-profile-hero{border-color:#27313b;border-radius:10px;background:#11161d;box-shadow:0 10px 24px rgba(0,0,0,.14)}
body.workspace-pro .panel{padding:22px}
body.workspace-pro .card,body.workspace-pro .chart-stat{min-height:112px;padding:17px}
body.workspace-pro .card::before,body.workspace-pro .chart-stat::before{display:none}
body.workspace-pro .card span,body.workspace-pro .chart-stat span{color:#8695a0;font-size:.68rem;font-weight:790;letter-spacing:.09em;text-transform:uppercase}
body.workspace-pro .card strong,body.workspace-pro .chart-stat strong{color:#f2f6f8;font-size:1.46rem;font-weight:760}
body.workspace-pro .highlight{border-color:#406658;background:#16271f}
body.workspace-pro .result-box,body.workspace-pro .entries-toolbar,body.workspace-pro .canvas-wrap,body.workspace-pro .pot-metric,body.workspace-pro .monthly-metric,body.workspace-pro .quick-widget,body.workspace-pro .feature-empty,body.workspace-pro .personal-empty{border-color:#222b34;border-radius:7px;background:#0d1218}
body.workspace-pro .entry,body.workspace-pro .plan-row,body.workspace-pro .rule-row,body.workspace-pro .budget-row,body.workspace-pro .subscription-card,body.workspace-pro .pot-card,body.workspace-pro .quick-widget,body.workspace-pro .session-item,body.workspace-pro .achievement-card,body.workspace-pro .notification-choice,body.workspace-pro .account-data-action{border-color:#26303a;border-radius:8px;background:#10151b}
body.workspace-pro .entry:hover,body.workspace-pro .plan-row:hover,body.workspace-pro .rule-row:hover,body.workspace-pro .budget-row:hover,body.workspace-pro .subscription-card:hover,body.workspace-pro .pot-card:hover{border-color:#44525f;background:#161d25}
body.workspace-pro .entry-title,body.workspace-pro .plan-row-title,body.workspace-pro .subscription-name-line,body.workspace-pro .pot-card-top h3,body.workspace-pro .quick-widget strong{color:#eff4f6}
body.workspace-pro .amount.income,body.workspace-pro .positive,body.workspace-pro .is-positive,body.workspace-pro .paid{color:#91e6bc}
body.workspace-pro .amount.expense,body.workspace-pro .negative,body.workspace-pro .is-negative,body.workspace-pro .over{color:#ff9698}
body.workspace-pro .category-pill,body.workspace-pro .rule-pill,body.workspace-pro .status-pill,body.workspace-pro .pot-badge,body.workspace-pro .subscription-category,body.workspace-pro .subscription-date-tag,body.workspace-pro .monthly-overview-badge,body.workspace-pro .security-mini-badge,body.workspace-pro .settings-status,body.workspace-pro .session-state,body.workspace-pro .note-pinned{border-color:#33473d;border-radius:5px;color:#a7e6c4;background:#193127}
body.workspace-pro .pot-progress-bar,body.workspace-pro .goal-progress i,body.workspace-pro .plan-progress>span{background:#86dfb7}
body.workspace-pro .pot-card.is-overdue .pot-progress-bar,body.workspace-pro .budget-row.over .plan-progress>span{background:#ff8588}
body.workspace-pro button,body.workspace-pro .button-link{border-color:#86dfb7;border-radius:7px;color:#07120d;background:#86dfb7;box-shadow:none}
body.workspace-pro button:hover,body.workspace-pro .button-link:hover{border-color:#b7f2d1;background:#b7f2d1}
body.workspace-pro .ghost,body.workspace-pro .icon-text-button,body.workspace-pro .edit-button,body.workspace-pro .status-button,body.workspace-pro .rule-actions button,body.workspace-pro .subscription-actions button,body.workspace-pro .note-card-actions button,body.workspace-pro .goal-card-actions button,body.workspace-pro .quick-link-actions button{border-color:#303b46;color:#b8c5ce;background:#151c24}
body.workspace-pro .ghost:hover,body.workspace-pro .icon-text-button:hover,body.workspace-pro .edit-button:hover,body.workspace-pro .status-button:hover,body.workspace-pro .rule-actions button:hover,body.workspace-pro .subscription-actions button:hover,body.workspace-pro .note-card-actions button:hover,body.workspace-pro .goal-card-actions button:hover,body.workspace-pro .quick-link-actions button:hover{border-color:#50606e;color:#f0f4f6;background:#1f2933}
body.workspace-pro input,body.workspace-pro select,body.workspace-pro textarea{border-color:#2a3540;border-radius:7px;background:#0c1117}
body.workspace-pro input:focus,body.workspace-pro select:focus,body.workspace-pro textarea:focus{border-color:#7ed4ad;box-shadow:0 0 0 3px rgba(134,223,183,.1)}
body.workspace-pro .workspace-auth-shell{width:min(1120px,94%);grid-template-columns:minmax(360px,1.08fr) minmax(350px,.92fr);align-items:stretch;justify-items:stretch;gap:0;padding:0;border:1px solid #26313b;border-radius:14px;background:#11161d;box-shadow:0 24px 72px rgba(0,0,0,.33)}
body.workspace-pro .workspace-auth-aside{display:flex;min-height:590px;flex-direction:column;padding:38px;border-right:1px solid #26313b;background:#12211b}
body.workspace-pro .workspace-auth-copy{margin-top:auto;margin-bottom:31px}
body.workspace-pro .workspace-auth-copy h2{margin:11px 0 14px;color:#f2f8f4;font-size:clamp(2rem,4vw,3.45rem);font-weight:760;letter-spacing:-.07em;line-height:.95}
body.workspace-pro .workspace-auth-copy p:last-child{max-width:390px;margin:0;color:#afc0b8;font-size:.91rem;line-height:1.65}
body.workspace-pro .workspace-auth-points{display:grid;gap:12px;margin:0;padding:0;list-style:none}
body.workspace-pro .workspace-auth-points li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;color:#a4b9ae;font-size:.78rem;line-height:1.45}
body.workspace-pro .workspace-auth-points b{color:#86dfb7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}
body.workspace-pro .workspace-auth-shell .auth-card{width:auto;margin:0;padding:52px 46px;border:0;border-radius:0;background:#11161d;box-shadow:none}
body.workspace-pro .workspace-auth-shell .auth-card::before{display:none}
body.workspace-pro .workspace-auth-shell .auth-card h1{font-size:2.25rem}
body.workspace-pro .workspace-auth-shell .myfinance-auth-footer{grid-column:1/-1;justify-content:flex-start;min-height:44px;margin:0;padding:0 38px;border-top:1px solid #26313b;background:#0e1319}
body.workspace-pro .settings-shell{width:min(1320px,95%)}
body.workspace-pro .workspace-settings-topbar{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:18px;padding:4px;border:0}
body.workspace-pro .workspace-back-link{min-height:36px;padding:7px 10px;border:1px solid #303c47;border-radius:7px;color:#bac7cf;background:#121820}
body.workspace-pro .workspace-back-link:hover{border-color:#50606d;color:#f1f5f7;background:#1b242d}
body.workspace-pro .settings-workspace{display:grid;grid-template-columns:222px minmax(0,1fr);gap:22px;align-items:start}
body.workspace-pro .settings-sidebar{min-height:calc(100vh - 108px)}
body.workspace-pro .settings-anchor-nav{display:grid;gap:4px;margin-top:17px}
body.workspace-pro .settings-anchor-nav a{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:7px;color:#9ba9b5;font-size:.8rem;font-weight:700;text-decoration:none}
body.workspace-pro .settings-anchor-nav a:hover{border-color:#293540;color:#ecf2f4;background:#171e26}
body.workspace-pro .settings-anchor-nav a span{display:grid;width:20px;place-items:center;color:#86dfb7;font-size:.92rem}
body.workspace-pro .settings-sidebar-callout{margin-top:auto;padding:12px;border:1px solid #315246;border-radius:8px;background:#15291f}
body.workspace-pro .settings-sidebar-callout span{color:#95e9bd;font-size:.69rem;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
body.workspace-pro .settings-sidebar-callout p{margin:7px 0 0;color:#a8bcb0;font-size:.73rem;line-height:1.45}
body.workspace-pro .settings-content{min-width:0}
body.workspace-pro .account-profile-hero{padding:25px;border-radius:10px;background:#11161d}
body.workspace-pro .profile-avatar{border-color:#3d725d;border-radius:9px;color:#c0f3d5;background:#173727}
body.workspace-pro .profile-overview-grid{gap:9px;margin:12px 0}
body.workspace-pro .profile-overview-card{min-height:102px;padding:14px;border-color:#26303a;border-radius:8px;background:#11161d}
body.workspace-pro .settings-grid.profile-plus-grid{gap:12px}
body.workspace-pro .settings-card{padding:19px;border-radius:9px}
body.workspace-pro .account-data-management-grid{gap:9px}
body.workspace-pro .account-data-action{padding:14px}
body.workspace-pro .myfinance-footer{margin-top:20px;border-color:#26313b;border-radius:10px;background:#10151b}
@media(max-width:1040px){body.workspace-pro .workspace-layout,body.workspace-pro .settings-workspace{grid-template-columns:1fr}body.workspace-pro .workspace-sidebar,body.workspace-pro .settings-sidebar{display:none}body.workspace-pro .workspace-page-head{min-height:138px}}
@media(max-width:760px){body.workspace-pro .workspace-shell{width:min(94%,1480px)}body.workspace-pro .workspace-topbar{min-height:58px;margin:9px 0 13px}body.workspace-pro .workspace-private-label{display:none}body.workspace-pro .workspace-account-link{max-width:154px}body.workspace-pro .workspace-page-head{min-height:0;align-items:flex-start;flex-direction:column;padding:20px}body.workspace-pro .workspace-page-head h1{font-size:2.25rem}body.workspace-pro .workspace-add-entry{width:100%}body.workspace-pro .workspace-auth-shell{display:block;width:min(94%,520px);margin:20px auto;border-radius:12px}body.workspace-pro .workspace-auth-aside{min-height:0;padding:24px;border-right:0;border-bottom:1px solid #26313b}body.workspace-pro .workspace-auth-copy{margin:30px 0 0}body.workspace-pro .workspace-auth-copy h2{font-size:2.1rem}body.workspace-pro .workspace-auth-points{display:none}body.workspace-pro .workspace-auth-shell .auth-card{padding:28px 22px}body.workspace-pro .workspace-auth-shell .myfinance-auth-footer{display:flex;min-height:0;padding:18px 22px}body.workspace-pro .workspace-settings-topbar{padding:0}body.workspace-pro .workspace-settings-actions .workspace-private-label{display:none}body.workspace-pro .settings-workspace{gap:0}body.workspace-pro .account-profile-hero{padding:18px}}


/* Workspace Runtime Fix: Feature-PWA-/Erinnerungsbuttons aus app.js */
body.workspace-pro .workspace-topbar-meta .workspace-feature-tools {
  display: flex;
  align-items: center;
  gap: 7px;
}

body.workspace-pro .workspace-topbar-meta .workspace-feature-tools .ghost {
  min-height: 36px;
  padding: 7px 9px;
  border-color: #2d3742;
  border-radius: 8px;
  color: #b8c6d0;
  background: #121820;
  font-size: .73rem;
  white-space: nowrap;
}

body.workspace-pro .workspace-topbar-meta .workspace-feature-tools .ghost:hover {
  border-color: #496272;
  color: #edf4f7;
  background: #1b262f;
}

@media (max-width: 880px) {
  body.workspace-pro .workspace-topbar-meta .workspace-feature-tools #enableRemindersBtn {
    width: 36px;
    min-width: 36px;
    overflow: hidden;
    padding: 0;
    color: transparent;
    font-size: 0;
  }

  body.workspace-pro .workspace-topbar-meta .workspace-feature-tools #enableRemindersBtn::after {
    color: #b8c6d0;
    content: "◌";
    font-size: .95rem;
  }
}

@media (max-width: 520px) {
  body.workspace-pro .workspace-topbar-meta .workspace-feature-tools {
    display: none;
  }
}