/* =====================================================================================
   "Mein Tagebuch" — Hub-Widget für alle eingeloggten Mitglieder (17.09.2026)
   ---------------------------------------------------------------------------------------
   Docking: drittes ".cpanel" im bestehenden ".cockpit"-Bereich von hub.html (nach
   #programPanel/#trainingPackagePanel), aber bewusst NICHT gamifiziert gestaltet.
   "Vertraulich und informativ nicht nur aussehen, sondern auch sein" (Nutzervorgabe):
     - ruhigere, wärmere Palette (Pergament-/Sepia-Töne statt reines Weiß/Gold-Glanz),
       mehr Weißraum, dezente "Notizbuch"-Anmutung (linker Buchrücken-Streifen)
     - gleiche Marken-Tokens (Fonts, Radius, Grundfarben) wie der Rest der Seite, damit
       es trotzdem sichtbar Teil von hub.html bleibt
     - JEDER Eintrag hat einen sichtbaren Schloss-Toggle (Icon + Text, nicht nur Tooltip):
       offen/Gold = "Mit Trainer teilen", geschlossen/Sepia-dunkel = "Nur für mich
       (verschlüsselt)" — siehe .diary-lock unten
     - Setup-/Entsperr-Dialog für private Einträge: eigenständiges Overlay (.diary-modal-*),
       ehrliche, unübersehbare Aufklärung statt Kleingedrucktem (siehe assets/js/diary.js)

   Klassen-Präfix .diary- , additiv, eigene Datei (wie assets/css/daily-task-popup.css).
   Marken-Tokens mit Hex-Fallback, damit die Datei auch auf Seiten mit anderem/keinem
   Theme funktioniert. Bewusst Flexbox statt CSS-Grid (siehe PAXAN_BRAIN.md §1,
   Baumeister-Regel "Flexbox statt Grid für breite Kompatibilität"). */

.diary-panel{
  flex:1 1 100%; /* volle Zeilenbreite im .cockpit-Flex, mehr Weißraum als die schmalen Kacheln */
  position:relative;
  background:linear-gradient(155deg,#FBF8F1,#F3EEDD);
  border:1px solid rgba(138,110,27,.22);
  border-radius:14px;
  padding:24px 26px 24px 32px;
  overflow:hidden;
}
/* dezenter "Buchrücken"-Streifen links — Notizbuch-Anmutung ohne Kitsch */
.diary-panel::before{
  content:"";position:absolute;top:0;left:0;bottom:0;width:8px;
  background:linear-gradient(180deg,var(--gold-deep,#8A6E1B),#5b4b12);
  border-radius:14px 0 0 14px;
}
.diary-panel-inner{position:relative}

.diary-h3{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--dim,#6A655C);margin:0 0 6px;
}
.diary-history-toggle{
  all:unset;cursor:pointer;color:var(--gold-deep,#8A6E1B);text-transform:none;
  letter-spacing:0;font-size:.78rem;font-family:var(--f-b,'Archivo',sans-serif);
}
.diary-history-toggle:hover{text-decoration:underline}
.diary-intro{
  margin:0 0 18px;font-family:var(--f-s,'Instrument Serif',Georgia,serif);font-style:italic;
  font-size:1.05rem;color:#4a4437;
}

/* ---- Fragen des Tages ---- */
.diary-questions{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}
.diary-loading,.diary-error{margin:0;font-size:.85rem;color:var(--dim,#6A655C);font-style:italic}
.diary-q{
  background:#FFFEFA;border:1px solid rgba(138,110,27,.16);border-radius:12px;
  padding:16px 18px;
}
.diary-q-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.diary-q-prompt{
  margin:0;font-family:var(--f-b,'Archivo',sans-serif);font-weight:600;font-size:.95rem;
  color:var(--ink,#0A0A0A);flex:1 1 220px;
}
.diary-q-answered{
  margin:0 0 8px;font-size:.78rem;color:var(--ok,#3F7A4B);display:flex;align-items:center;gap:.35rem;
}

/* Schloss-Toggle: IMMER Icon + Text sichtbar, kein reines Icon (Barrierefreiheit/Klarheit) */
.diary-lock{
  display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;
  font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.62rem;letter-spacing:.05em;
  text-transform:uppercase;padding:.5rem .7rem;min-height:40px;border-radius:20px;
  border:1px solid rgba(138,110,27,.3);background:rgba(201,162,39,.08);color:var(--gold-deep,#8A6E1B);
  cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;
}
.diary-lock .diary-lock-icon{display:inline-flex;line-height:0}
.diary-lock[data-state="private"]{
  background:#EFE6CF;border-color:#5b4b12;color:#4a3c0e;
}
.diary-lock:hover{border-color:var(--gold-deep,#8A6E1B)}
.diary-lock:focus-visible{outline:2px solid var(--gold-deep,#8A6E1B);outline-offset:2px}

/* Skala als taktile Auswahl-Buttons statt nacktem Slider */
.diary-scale-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:6px}
.diary-scale-row button{
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(138,110,27,.3);
  background:#fff;font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.82rem;
  color:var(--ink,#0A0A0A);cursor:pointer;transition:.15s;
}
.diary-scale-row button:hover{border-color:var(--gold-deep,#8A6E1B)}
.diary-scale-row button.sel{background:var(--gold-deep,#8A6E1B);color:#fff;border-color:var(--gold-deep,#8A6E1B)}
.diary-scale-labels{
  display:flex;justify-content:space-between;font-family:var(--f-m,'JetBrains Mono',monospace);
  font-size:.62rem;color:var(--dim,#6A655C);margin-bottom:10px;
}

/* Ankreuzen als Chips */
.diary-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:10px}
.diary-chip-row button{
  min-height:44px;padding:.55rem 1rem;border-radius:20px;border:1px solid rgba(138,110,27,.3);
  background:#fff;font-family:var(--f-b,'Archivo',sans-serif);font-size:.85rem;color:var(--ink,#0A0A0A);
  cursor:pointer;transition:.15s;
}
.diary-chip-row button:hover{border-color:var(--gold-deep,#8A6E1B)}
.diary-chip-row button.sel{background:var(--gold-deep,#8A6E1B);color:#fff;border-color:var(--gold-deep,#8A6E1B)}
.diary-chip-row button.disabled{opacity:.4;cursor:not-allowed}

/* Sanftes Textfeld */
.diary-textarea{
  width:100%;min-height:84px;border:1px solid rgba(138,110,27,.25);border-radius:10px;
  padding:.7rem .8rem;font-family:var(--f-b,'Archivo',sans-serif);font-size:.9rem;
  background:#FFFEFA;color:var(--ink,#0A0A0A);resize:vertical;line-height:1.5;margin-bottom:10px;
}
.diary-textarea:focus{outline:none;border-color:var(--gold-deep,#8A6E1B)}

.diary-q-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.diary-save{
  font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.66rem;letter-spacing:.08em;
  text-transform:uppercase;border:none;border-radius:20px;padding:.6rem 1.1rem;min-height:40px;
  background:var(--ink,#0A0A0A);color:var(--paper,#F5F3EE);cursor:pointer;
}
.diary-save:hover:not(:disabled){background:var(--gold-deep,#8A6E1B)}
.diary-save:disabled{opacity:.5;cursor:not-allowed}
.diary-msg{font-size:.78rem;color:var(--dim,#6A655C)}
.diary-msg.ok{color:var(--ok,#3F7A4B)}
.diary-msg.err{color:#8a1f1f}

/* ---- Freier Eintrag ---- */
.diary-free{
  border-top:1px dashed rgba(138,110,27,.3);padding-top:18px;
}
.diary-free-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.diary-free-label{
  font-family:var(--f-d,'Unbounded',sans-serif);font-weight:600;font-size:1rem;color:var(--ink,#0A0A0A);
}
.diary-free-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* ---- Muster-Analyse (Teilstück 1/5 Trainerassistent, 20.09.2026) ---- */
.diary-patterns{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(138,110,27,.3)}
.diary-patterns-toggle{
  all:unset;cursor:pointer;color:var(--gold-deep,#8A6E1B);font-size:.78rem;
  font-family:var(--f-b,'Archivo',sans-serif);
}
.diary-patterns-toggle:hover{text-decoration:underline}
.diary-patterns-body{margin-top:12px}
.diary-patterns-disclaimer{
  margin:0 0 10px;font-size:.78rem;color:var(--dim,#6A655C);font-style:italic;
}
.diary-patterns-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.diary-pattern-item{
  background:#FFFEFA;border:1px solid rgba(138,110,27,.16);border-radius:10px;
  padding:.65rem .85rem;font-size:.86rem;color:var(--ink,#0A0A0A);line-height:1.5;
}
.diary-patterns-empty{margin:0;font-size:.85rem;color:var(--dim,#6A655C);font-style:italic}

/* ---- Opt-in: anonymes Lernen des Trainingsassistenten ---- */
.diary-anon-optin{
  margin-top:18px;padding-top:16px;border-top:1px dashed rgba(138,110,27,.3);
}
.diary-anon-optin-label{
  display:flex;align-items:flex-start;gap:.55rem;font-family:var(--f-b,'Archivo',sans-serif);
  font-size:.88rem;color:var(--ink,#0A0A0A);cursor:pointer;
}
.diary-anon-optin-label input[type="checkbox"]{margin-top:.2rem;width:18px;height:18px;flex:0 0 auto}
.diary-anon-optin-explain{
  margin:6px 0 0 28px;font-size:.78rem;color:var(--dim,#6A655C);
}

/* ---- Verlauf ---- */
.diary-history{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(138,110,27,.3)}
.diary-history-list{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow-y:auto}
.diary-entry{
  background:#fff;border:1px solid rgba(138,110,27,.14);border-radius:10px;padding:.7rem .85rem;
}
.diary-entry-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;
  font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.6rem;letter-spacing:.05em;
  text-transform:uppercase;color:var(--dim,#6A655C);margin-bottom:.35rem;
}
.diary-entry-meta .lockbadge{display:inline-flex;align-items:center;gap:.25rem}
.diary-entry-meta .lockbadge.private{color:#5b4b12}
.diary-entry-text{margin:0;font-size:.86rem;color:var(--ink,#0A0A0A);white-space:pre-wrap;line-height:1.5}
.diary-entry-locked{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:.82rem;color:var(--dim,#6A655C);font-style:italic;
}
.diary-entry-unlock{
  all:unset;cursor:pointer;color:var(--gold-deep,#8A6E1B);font-family:var(--f-m,'JetBrains Mono',monospace);
  font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;
}
.diary-entry-unlock:hover{text-decoration:underline}
.diary-history-empty{font-size:.85rem;color:var(--dim,#6A655C);font-style:italic}

/* ---- Setup-/Entsperr-Dialog (eigenes Overlay, wie .dtp-overlay in daily-task-popup.css) ---- */
.diary-modal-overlay{
  position:fixed;inset:0;z-index:10030;
  background:rgba(20,16,6,.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.diary-modal{
  width:100%;max-width:480px;max-height:90vh;overflow-y:auto;
  background:var(--paper,#F5F3EE);border:1px solid rgba(138,110,27,.4);border-radius:14px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.55);
  font-family:var(--f-b,'Archivo',sans-serif);color:var(--ink,#0A0A0A);
  padding:1.6rem 1.6rem 1.8rem;position:relative;
}
.diary-modal-close{
  position:absolute;top:.9rem;right:.9rem;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(10,10,10,.14);background:#fff;cursor:pointer;font-size:1.1rem;line-height:1;
  color:var(--ink,#0A0A0A);
}
.diary-modal-close:hover{background:#EFE6CF;border-color:#5b4b12}
.diary-modal-kicker{
  font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.64rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-deep,#8A6E1B);margin:0 0 .3rem;
}
.diary-modal-title{font-family:var(--f-d,'Unbounded',sans-serif);font-weight:800;font-size:1.25rem;margin:0 0 .8rem;padding-right:2rem}
.diary-modal-warning{
  background:#F6ECC9;border:1px solid #b99a3f;border-radius:10px;padding:.85rem .95rem;
  font-size:.86rem;line-height:1.55;color:#3c3106;margin:0 0 1.1rem;
}
.diary-modal-warning strong{color:#5b4b12}
.diary-modal-sub{font-size:.88rem;color:var(--dim,#6A655C);margin:0 0 1rem}
.diary-modal-label{display:block;font-size:.78rem;color:var(--dim,#6A655C);margin-bottom:.9rem}
.diary-modal-label input[type="password"]{
  display:block;width:100%;margin-top:.3rem;padding:.6rem .7rem;border:1px solid rgba(138,110,27,.3);
  border-radius:8px;font-size:.9rem;background:#fff;color:var(--ink,#0A0A0A);
}
.diary-modal-label input[type="password"]:focus{outline:none;border-color:var(--gold-deep,#8A6E1B)}
.diary-modal-check{
  display:flex;align-items:flex-start;gap:.55rem;font-size:.84rem;line-height:1.4;
  margin:0 0 1.1rem;cursor:pointer;color:var(--ink,#0A0A0A);
}
.diary-modal-check input{margin-top:.2rem;width:18px;height:18px;flex:0 0 auto}
.diary-modal-msg{min-height:1.2em;font-size:.82rem;color:#8a1f1f;margin:0 0 .6rem}
.diary-modal-submit{
  width:100%;padding:.85rem 1rem;border:none;border-radius:9px;
  background:var(--ink,#0A0A0A);color:#F5F3EE;font-family:var(--f-d,'Unbounded',sans-serif);font-weight:700;
  font-size:.86rem;letter-spacing:.03em;cursor:pointer;
}
.diary-modal-submit:hover:not(:disabled){background:var(--gold-deep,#8A6E1B)}
.diary-modal-submit:disabled{opacity:.45;cursor:not-allowed}
.diary-modal-reset{
  all:unset;display:block;text-align:center;margin-top:1rem;cursor:pointer;
  font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.66rem;letter-spacing:.05em;
  text-transform:uppercase;color:var(--dim,#6A655C);
}
.diary-modal-reset:hover{color:#8a1f1f;text-decoration:underline}
.diary-reset-confirm{
  display:none;margin-top:.8rem;background:rgba(180,40,40,.08);border:1px solid rgba(180,40,40,.3);
  border-radius:9px;padding:.8rem .9rem;
}
.diary-reset-confirm.open{display:block}
.diary-reset-confirm p{margin:0 0 .7rem;font-size:.8rem;color:#8a1f1f;line-height:1.5}
.diary-reset-confirm button{
  width:100%;padding:.6rem 1rem;border:1px solid #8a1f1f;border-radius:8px;background:#fff;
  color:#8a1f1f;font-family:var(--f-m,'JetBrains Mono',monospace);font-size:.68rem;
  letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
}
.diary-reset-confirm button:hover{background:#8a1f1f;color:#fff}

@media(prefers-reduced-motion:reduce){
  .diary-lock,.diary-scale-row button,.diary-chip-row button,.diary-save{transition:none}
}
@media(max-width:480px){
  .diary-panel{padding:20px 18px 20px 24px}
  .diary-modal{padding:1.3rem 1.1rem 1.5rem}
}