/* ===== "Monatscheck"-Hub-Widget (30.09.2026) =====
   Eigenständige Datei, nur über hub.html eingebunden (assets/js/monatscheck-widget.js).
   Nutzt die globalen Marken-Variablen (--paper/--ink/--gold/--gold-deep/--dim/--line/
   --f-d/--f-m/--f-b), Hex-Fallbacks wie bei den anderen additiven Widget-CSS-Dateien.
   Klassen-Präfix .mc- (Monatscheck). */

#monatscheckPanel .mc-lead{margin:0 0 14px;font-size:.86rem;color:var(--dim,#54514A)}

.mc-field{margin-bottom:14px}
.mc-field label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--dim,#54514A);margin-bottom:6px}
.mc-field label b{color:var(--ink,#0A0A0A);font-family:var(--f-m,'JetBrains Mono',monospace);font-weight:600}
.mc-field input[type=range]{width:100%;accent-color:var(--gold-deep,#8A6E1B);height:26px}
.mc-field input[type=number]{width:100%;padding:.5rem .6rem;border:1px solid var(--line,rgba(10,10,10,.14));
  border-radius:6px;background:#fff;color:var(--ink,#0A0A0A);font:.86rem var(--f-b,'Archivo',sans-serif)}
.mc-field textarea{width:100%;min-height:64px;padding:.5rem .6rem;border:1px solid var(--line,rgba(10,10,10,.14));
  border-radius:6px;background:#fff;color:var(--ink,#0A0A0A);font:.86rem var(--f-b,'Archivo',sans-serif);resize:vertical}

.mc-more-toggle{display:flex;align-items:center;gap:6px;background:none;border:0;padding:.4rem 0;
  font:500 .8rem var(--f-b,'Archivo',sans-serif);color:var(--gold-deep,#8A6E1B);cursor:pointer;margin:4px 0 12px}
.mc-more-toggle:hover{text-decoration:underline}
.mc-more-fields{padding-top:6px;border-top:1px dashed var(--line,rgba(10,10,10,.16));margin-bottom:6px}
.mc-more-hint{font-size:.76rem;color:var(--dim,#54514A);margin:0 0 12px;font-style:italic}

.mc-btn{font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--gold,#C9A227);background:#FBF7EA;color:var(--gold-deep,#8A6E1B);border-radius:3px;
  padding:.6rem .95rem;cursor:pointer;min-height:40px}
.mc-btn:hover{background:var(--gold,#C9A227);color:var(--ink,#0A0A0A)}
.mc-btn--solid{background:var(--ink,#0A0A0A);color:var(--paper,#F5F3EE);border-color:var(--ink,#0A0A0A)}
.mc-btn--solid:hover{background:#1c1c1c}
.mc-btn:disabled{opacity:.5;cursor:default}
.mc-msg{font-size:.8rem;color:#a33;margin:8px 0 0}

#mcPeriodMeta{font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.68rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--dim,#54514A);margin:0 0 10px;display:block}

.mc-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;
  border-bottom:1px solid var(--line,rgba(10,10,10,.1));font-size:.88rem}
.mc-row:last-child{border-bottom:0}
.mc-row span{color:var(--dim,#54514A)}
.mc-row b{font-family:var(--f-m,'JetBrains Mono',monospace);color:var(--ink,#0A0A0A)}
.mc-delta{font-size:.74rem;font-family:var(--f-m,'JetBrains Mono',monospace);color:var(--dim,#54514A);margin-left:auto}
.mc-delta.is-up{color:#3a7a4a}
.mc-delta.is-down{color:#a3672a}