.period-bar{margin:22px 32px 0;padding:16px 20px;background:#fff;border:1px solid #dce3d7;border-radius:14px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.period-bar label,.editor-dates label,.work-editor>label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#485649}.period-bar select,.period-bar input,.planner-navigation input,.work-editor input,.work-editor textarea{font:inherit;border:1px solid #ccd5c7;background:#fff;border-radius:8px;padding:10px;color:#243d32;min-width:0}.period-bar p{margin:0;font-size:12px;color:#647367}.period-custom{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.planner-clock{font-size:14px!important;font-weight:650;color:#247452!important}.planner-toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;margin:22px 0}.planner-navigation{display:flex;align-items:center;gap:8px}.planner-heading{font-size:20px;letter-spacing:-.5px;margin:26px 0 16px}.planner-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #d9e1d5;border-radius:14px;overflow:hidden;background:#fff}.planner-column{min-width:0;padding:12px;border-right:1px solid #e3e8e0}.planner-column:last-child{border-right:0}.planner-column>h3{font-size:13px;display:flex;justify-content:space-between;margin:0 0 16px;gap:8px}.planner-column>h3 span{color:#71806f}.planner-column.is-today{background:#f1f6ee}.planner-day .planner-column{border:1px solid #dce3d7;border-radius:14px;padding:22px}.planner-card{background:#fff;border:1px solid #dbe2d7;border-radius:10px;margin-bottom:12px;overflow:hidden}.planner-open{display:flex;gap:22px;padding:18px;width:100%;border:0;background:none;text-align:left;cursor:pointer;color:#253c30;font:inherit}.planner-open:hover{background:#f8faf6}.planner-time{font-size:16px;font-weight:800;min-width:115px;flex-shrink:0}.planner-time small{display:block;font-size:11px;font-weight:600;color:#a25323;margin-top:5px}.planner-person{display:flex;flex-direction:column;gap:5px;min-width:0}.planner-person>strong{font-size:16px}.planner-person>span{font-size:13px;line-height:1.55;color:#566351}.note-preview{color:#65795a;font-size:12px;line-height:1.4;margin-top:5px}.planner-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 16px}.planner-card.is-overdue{border-left:3px solid #b47536}.planner-empty{font-size:12px;color:#7c8779;padding:14px 0;line-height:1.6}.now-line{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#237453;margin:20px 0}.now-line:after{content:'';height:2px;flex:1;background:#237453}.planner-week .planner-open{flex-direction:column;gap:10px;padding:12px}.planner-week .planner-time{font-size:13px;min-width:0}.planner-week .planner-person>strong{font-size:12px;overflow-wrap:anywhere}.planner-week .planner-person>span{font-size:11px}.planner-group{margin-top:22px}.planner-group>summary{font-size:16px;font-weight:750;cursor:pointer;padding:16px 0}.planner-group>summary>span{font-size:12px;color:#70826a;margin-left:8px}.group-date{font-size:12px;color:#687960;margin:12px 0 8px}.work-editor{border-top:1px solid #dde4d8;margin-top:24px;padding-top:22px}.work-editor h3{margin:0 0 8px}.work-editor p{font-size:12px;color:#62725c;line-height:1.6}.editor-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.work-editor textarea{width:100%;box-sizing:border-box;resize:vertical;font-weight:400;line-height:1.6}.work-editor .planner-actions{padding:16px 0 0}.btn-mini.danger{color:#9f342a}.reset-controls{margin:18px 0;padding:18px;background:#f4f7f0;border-radius:10px}.reset-controls p{font-size:12px;color:#687860;line-height:1.5}.reset-controls .btn{margin-top:5px}.schedule-source{padding:10px;background:#f3f6ef;border-radius:8px}.planner-open:focus-visible,.planner-toolbar button:focus-visible{outline:3px solid #90ad78;outline-offset:2px}
@media(min-width:1500px){.planner-week .planner-person>strong{font-size:14px}.planner-week .planner-person>span{font-size:12px}}
@media(max-width:1100px){.planner-week{grid-template-columns:repeat(4,minmax(0,1fr))}.planner-column{border-bottom:1px solid #e3e8e0}}
@media(max-width:700px){.period-bar{margin:14px 16px 0;padding:14px}.planner-week{grid-template-columns:1fr}.planner-week .planner-open{flex-direction:row}.planner-week .planner-time{min-width:85px}.planner-week .planner-person>strong{font-size:14px}.planner-week .planner-person>span{font-size:13px}.planner-open{gap:12px;padding:14px}.planner-time{min-width:80px;font-size:13px}.planner-person>strong{font-size:14px}.planner-toolbar{align-items:start;flex-direction:column}.planner-navigation{flex-wrap:wrap}.planner-navigation input{max-width:145px}.planner-day .planner-column{padding:14px}.planner-heading{font-size:17px;line-height:1.5}.editor-dates{grid-template-columns:1fr 1fr}.planner-clock{line-height:1.6}.work-main{padding-left:16px!important;padding-right:16px!important}}
@media(min-width:761px){.period-bar{margin-left:252px}}
.delete-confirm{padding:14px;background:#fff5f1;border:1px solid #edd5ca;border-radius:8px;margin-top:16px}.delete-confirm p{color:#814b37}
@media(max-width:760px){#dashboard-screen .top{position:relative}#dashboard-screen .tabs,#dashboard-screen .preview-banner:not(.hidden)~.tabs{top:0}.tabs-inner{scrollbar-width:none}.tabs-inner::-webkit-scrollbar{display:none}}

/* Sichtbare Rueckmeldung: erledigte Karte quittiert kurz, bevor sie verschwindet. */
.row.is-done-flash,.planner-card.is-done-flash{position:relative;overflow:hidden;animation:doneOut .7s ease forwards}
.row.is-done-flash::after,.planner-card.is-done-flash::after{content:"✓  Erledigt";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#0f8a5f;color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.02em;border-radius:inherit;z-index:4;animation:doneIn .16s ease both}
@keyframes doneIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes doneOut{0%,62%{opacity:1;transform:none}100%{opacity:0;transform:scale(.97);max-height:0;margin:0;padding:0;border-width:0}}
@media(prefers-reduced-motion:reduce){.row.is-done-flash,.planner-card.is-done-flash{animation:none}.row.is-done-flash::after,.planner-card.is-done-flash::after{animation:none}}

/* Kurzer Hinweis unten mittig - fuer Aktionen, die sonst nur "verschwinden". */
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:60;max-width:min(92vw,460px);padding:12px 18px;border-radius:999px;background:#10261e;color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 12px 30px rgba(0,0,0,.22);animation:toastIn .18s ease both}
.toast.err{background:#8f2318}
.toast.hidden{display:none}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}

.planner-filter-note{margin:0 0 10px;padding:8px 14px;border-radius:8px;background:#fff5e6;border:1px solid #f0dcbb;color:#7a5316;font-weight:600;font-size:.9rem}
.planner-filter-note.hidden{display:none}

/* Kunden-Feedback: Sterne, Verteilung, Liste - vorher unformatierter Rohtext. */
.fb-summary{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:16px;margin-bottom:16px}
.fb-average{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:#f7faf8;display:flex;flex-direction:column;gap:2px}
.fb-average span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#73839a}
.fb-average strong{font-size:44px;line-height:1}
.fb-average small{color:var(--muted);font-size:12px;margin-bottom:6px}
.fb-average.good{background:#eef8f3;border-color:#cfe8dd}.fb-average.good strong{color:#0f8a5f}
.fb-average.mid{background:#fff7ec;border-color:#f2ddba}.fb-average.mid strong{color:#c96500}
.fb-average.bad{background:#fff5f4;border-color:#f2cfca}.fb-average.bad strong{color:#b42318}
.fb-spread{display:flex;flex-direction:column;justify-content:center;gap:8px}
.fb-spread-row{display:grid;grid-template-columns:34px 1fr 28px;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#4a5b72}
.fb-spread-row b{text-align:right}
.bar-fill.good{background:#0f8a5f}.bar-fill.mid{background:#c96500}.bar-fill.bad{background:#b42318}
.fb-hint{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#fff5f4;border:1px solid #f2cfca;color:#8a2f24;font-weight:600;font-size:.92rem}
.fb-list{display:flex;flex-direction:column;gap:8px}
.fb-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--line);border-left-width:4px;border-radius:12px;background:var(--card)}
.fb-row.good{border-left-color:#0f8a5f}.fb-row.mid{border-left-color:#c96500}.fb-row.bad{border-left-color:#b42318}
.fb-stars{letter-spacing:2px;color:#c9d3e0;font-size:1.05rem;white-space:nowrap}
.fb-stars b{color:#e0a90f;font-weight:400}
.fb-stars.bad b{color:#d4813a}
.fb-meta{display:flex;flex-direction:column;flex:1;min-width:0}
.fb-meta strong{font-size:.98rem}
.fb-meta span{font-size:.82rem;color:var(--muted)}
.fb-score{font-weight:800;color:#4a5b72;font-size:.9rem}
@media(max-width:700px){.fb-summary{grid-template-columns:1fr}}

/* Originaltext des Anbieters (nur wenn aus dem Englischen umgeschrieben wurde). */
.detail-original{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:10px 14px}
.detail-original summary{cursor:pointer;font-weight:700;font-size:.88rem;color:#4a5b72}
.detail-original p{margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}

/* Passwort aendern */
.password-panel{max-width:460px}
.password-form{padding:20px;display:flex;flex-direction:column;gap:14px}
.password-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.9rem;color:#213b57}
.password-form input{padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.password-form input:focus{outline:2px solid #0f8a5f;outline-offset:1px}
.pw-hint{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}
.pw-message{margin:0;min-height:1.2em;font-weight:600;font-size:.9rem;color:#4a5b72}
.pw-message.err{color:#b42318}


/* Konto-Menue in der Kopfzeile: ein Knopf statt vier. */
.account{position:relative}
.account-btn{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:#334b67;font:inherit;font-weight:700;cursor:pointer}
.account-btn:hover{border-color:#c3d3e4;background:#fbfdff}
.account-initials{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#14342a;color:#eaf5ef;font-size:12px;font-weight:800;letter-spacing:.02em}
.account-btn .user-email{padding:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-caret{font-size:11px;color:#7b8ca3}
.account-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:268px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(19,34,56,.18);padding:6px;z-index:30}
.account-menu.hidden{display:none}
.account-head{margin:0;padding:10px 12px 12px;border-bottom:1px solid var(--line)}
.account-head span{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8394a8}
.account-head strong{display:block;font-size:.92rem;color:#132238;overflow-wrap:anywhere;margin-top:3px}
.account-item{display:block;width:100%;text-align:left;padding:11px 12px;margin-top:2px;border:0;border-radius:9px;background:none;color:#213b57;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.account-item:hover{background:#f1f6fb}
.account-item.danger{color:#b42318}
.account-item.danger:hover{background:#fff2f0}
/* Schmales Display: Menue spannt sich unter der Kopfzeile auf, statt links rauszulaufen. */
@media(max-width:620px){
  .account-btn .user-email{display:none}
  .account{position:static}
  .account-menu{left:12px;right:12px;min-width:0;top:calc(100% + 6px)}
}