/* Zweiter Schritt der manuellen Erfassung; alle Regeln auf dieses Fenster begrenzt. */
/* Scrollt als Ganzes wie die übrigen Fenster: Kopf und Knöpfe laufen mit. */
#manualClassModal{z-index:330}
#manualClassModal .mc-dialog{max-width:620px;border-color:#40516c}
#manualClassModal .mc-head{display:block;padding:0;border:0;background:none;backdrop-filter:none}
#manualClassModal .mc-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#manualClassModal .mc-headline>div{flex:1;min-width:0}
/* Titel und Datum wie in der Detailkarte des Traums bzw. der Spiegelnotiz. */
#manualClassModal h3{margin:0;overflow-wrap:anywhere}
#manualClassModal.mc-mirror h3{font-weight:600;color:#d7c6f2;line-height:1.4}
#manualClassModal .mc-date{font-size:.72rem;color:var(--text-dim);margin-top:3px}
#manualClassModal.mc-mirror .mc-date{font-size:.78rem}
#manualClassModal .mc-body{padding-top:5px}
/* Persönliche Notiz wie in der Detailkarte, freiwillig. */
#manualClassModal .mc-note{margin:12px 0 0}
#manualClassModal .mc-note .detail-notes-label{display:block}
#manualClassModal .mc-optional{text-transform:none;letter-spacing:0;color:var(--text-dim);font-size:.72rem}
#manualClassModal .mc-note textarea{min-height:60px;font-size:.85rem}
/* Zähler, Vorlesen, Korrigieren, Neu und Einsprechen wie beim persönlichen Kontext. */
#manualClassModal .mc-note-tools{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
#manualClassModal .mc-note-tools button{position:relative;background:none;border:none;font-size:.68rem;color:var(--text-dim);font-family:'Jost',sans-serif;cursor:pointer;padding:4px 0;opacity:.7;transition:opacity .2s}
#manualClassModal .mc-note-tools button:hover,#manualClassModal .mc-note-tools button:focus-visible{opacity:1}
#manualClassModal .mc-note-tools button::after{content:'';position:absolute;left:0;right:0;top:50%;height:40px;transform:translateY(-50%)}
#manualClassModal .mc-note .qa-input-row{margin-top:6px}
#manualClassModal .mc-group{border-bottom:1px solid var(--rim);padding:17px 0}
#manualClassModal .mc-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:var(--text-soft);font-size:.77rem}
#manualClassModal .mc-label-row>div{display:flex;align-items:center;gap:8px}
#manualClassModal .mc-label-row strong{font-weight:500}
#manualClassModal .mc-required{color:var(--gold-soft)}
#manualClassModal .mc-help{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid rgba(224,160,64,.55);border-radius:50%;background:rgba(224,160,64,.08);color:var(--gold-soft);font-size:.75rem;font-weight:600;padding:0;cursor:pointer;flex:none}
#manualClassModal .mc-help:hover{background:rgba(224,160,64,.22);border-color:var(--gold)}
#manualClassModal .mc-limit{font-size:.67rem;color:var(--text-dim)}
#manualClassModal .mc-choices{display:flex;flex-wrap:wrap;gap:7px}
#manualClassModal .mc-choice{border:1px solid var(--rim2);background:rgba(26,42,66,.6);color:var(--text-soft);border-radius:22px;padding:7px 11px;min-height:37px;font-family:Jost,sans-serif;font-size:.73rem;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
#manualClassModal .mc-choice[aria-pressed="true"]{border-color:var(--mc-color);background:var(--mc-bg);color:var(--mc-color)}
#manualClassModal .mc-choice:hover{border-color:var(--mc-color);background:var(--mc-bg);color:var(--mc-color)}
#manualClassModal.mc-mirror .mc-choice{font-size:.78rem}
#manualClassModal .mc-star{border-color:rgba(224,160,64,.45);color:var(--gold-soft)}
#manualClassModal .mc-error{font-size:.73rem;color:#f0ba82;margin:8px 0 0}
#manualClassModal .mc-word-open{width:100%;min-height:48px;border:1px solid rgba(224,160,64,.38);border-radius:9px;background:rgba(224,160,64,.07);color:var(--text-soft);display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;text-align:left;font-family:Jost,sans-serif;font-size:.8rem}
#manualClassModal .mc-word-open small{color:var(--gold-soft);white-space:nowrap;font-size:.7rem}
#manualClassModal .mc-word-open:hover{border-color:var(--gold);background:rgba(224,160,64,.15)}
#manualClassModal .mc-inline-suggest,#manualClassModal .mc-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;font-size:.7rem;line-height:1.5;color:var(--text-dim)}
#manualClassModal .mc-suggestions{border:1px solid rgba(224,160,64,.3);border-radius:9px;background:rgba(224,160,64,.07);padding:9px 11px;margin:9px 0 0}
#manualClassModal .mc-suggestions>span{width:100%}
#manualClassModal .mc-suggest{border:1px solid rgba(224,160,64,.38);background:rgba(224,160,64,.1);color:var(--gold-soft);border-radius:18px;padding:5px 9px;min-height:31px;font-size:.69rem;cursor:pointer}
#manualClassModal .mc-suggest:hover{border-color:var(--gold);background:rgba(224,160,64,.2)}
#manualClassModal .mc-take{font-weight:600;background:rgba(224,160,64,.19)}
#manualClassModal .mc-feedback{font-size:.69rem;color:var(--gold-soft);line-height:1.4;margin:5px 0 0}
#manualClassModal .mc-feedback:empty{display:none}
#manualClassModal .mc-selected-words{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}
#manualClassModal .mc-selected-words span{border:1px solid var(--rim2);border-radius:18px;padding:4px 8px;color:var(--text-soft);font-size:.7rem}
#manualClassModal .mc-search-row{display:flex;gap:8px;align-items:center;margin:0 0 12px}
#manualClassModal .mc-search{flex:1;margin:0}
#manualClassModal .mc-search .search-input:focus,#manualClassModal .mc-search .search-input:focus-visible{border-color:#8aa0bd;outline:none;box-shadow:0 0 0 2px rgba(138,160,189,.16)}
#manualClassModal .mc-word-section{margin:23px 0}
#manualClassModal .mc-word-section .profile-section-label{color:var(--text-dim)}
#manualClassModal .mc-word-section .sec-dot{background:var(--gold);box-shadow:0 0 7px rgba(224,160,64,.6)}
#manualClassModal .mc-word-section .sec-line{background:linear-gradient(90deg,rgba(224,160,64,.36),transparent)}
#manualClassModal .mc-word-section p{font-size:.72rem;color:var(--text-dim);line-height:1.5;margin:5px 0 9px}
#manualClassModal .mc-word-group{border-top:1px solid var(--rim)}
#manualClassModal .mc-word-group:last-child{border-bottom:1px solid var(--rim)}
#manualClassModal .mc-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;text-align:left;background:none;border:0;color:var(--text-soft);padding:10px 2px;cursor:pointer;font-family:Jost,sans-serif;font-size:.78rem}
#manualClassModal .mc-group-head:hover{color:var(--text);background:rgba(224,160,64,.04)}
#manualClassModal .mc-group-meta{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:.68rem;white-space:nowrap}
#manualClassModal .mc-group-meta b{font-weight:500;color:var(--gold-soft)}
#manualClassModal .mc-word-chips{display:flex;flex-wrap:wrap;gap:7px;padding:5px 0 14px 24px}
#manualClassModal .mc-word-choice{border:1px solid var(--rim2);border-radius:18px;background:rgba(26,42,66,.6);color:var(--text-dim);padding:6px 11px;min-height:36px;font-size:.76rem;cursor:pointer}
#manualClassModal .mc-word-choice.mc-hit::before{content:' ';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px rgba(224,160,64,.7);margin-right:7px;vertical-align:middle}
#manualClassModal .mc-word-choice[aria-pressed="true"]{border-color:var(--gold);background:rgba(224,160,64,.18);color:var(--gold-soft)}
#manualClassModal .mc-word-choice[aria-pressed="true"]::after{content:' ✓'}
#manualClassModal .mc-word-choice:hover:not(:disabled){border-color:var(--gold);background:rgba(224,160,64,.1)}
#manualClassModal .mc-word-choice:disabled{opacity:.45;cursor:not-allowed}
#manualClassModal .mc-jump{box-shadow:0 0 0 3px rgba(224,160,64,.65)}
#manualClassModal .mc-own-add{width:100%;display:flex;gap:6px;margin-top:5px}
#manualClassModal .mc-own-add input{min-width:100px;flex:1;border:1px solid var(--rim2);border-radius:7px;background:var(--surface);color:var(--text);padding:8px;font-size:16px}
#manualClassModal .mc-own-add button{border:1px solid var(--rim2);border-radius:7px;background:var(--surface);color:var(--text-soft);padding:7px 10px;cursor:pointer}
#manualClassModal .mc-own-add button:hover{border-color:var(--gold);color:var(--gold-soft)}
#manualClassModal #mc-help-view{font-size:.78rem;line-height:1.6;color:var(--text-dim)}
#manualClassModal #mc-help-view .modal{display:block;max-height:none;overflow:visible;width:100%;padding:0;border:0;background:none;animation:none}
#manualClassModal #mc-help-view h3{font-size:1.3rem;color:var(--gold-soft);margin:10px 0}
/* Abschluss wie bei „Persönlicher Kontext“: Knöpfe untereinander am Ende. */
#manualClassModal .mc-footer{display:flex;flex-direction:column;gap:8px;margin-top:18px}
#manualClassModal .mc-footer button:not([hidden]){width:100%}
#manualClassModal .mc-clear{border:0;background:none;color:#d78d93;text-decoration:underline;text-underline-offset:3px;min-height:37px;cursor:pointer;font-size:.71rem}
#manualClassModal .mc-clear:hover{color:#ffc2c6}
#manualClassModal [hidden]{display:none!important}
@media(max-width:520px){
  #manualClassModal .mc-word-open{align-items:flex-start;flex-direction:column;gap:3px}
  #manualClassModal .mc-word-chips{padding-left:12px}
}