:root{--bg:#f5f7fb;--card:#fff;--text:#0f172a;--muted:#64748b;--primary:#0ea5a4;--primary2:#2563eb;--border:#e2e8f0;--warn:#f59e0b;--danger:#ef4444;--ok:#16a34a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:270px;background:linear-gradient(180deg,#062540,#0b3c5d);color:#fff;padding:18px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand img{width:48px;height:48px}.brand small{display:block;color:#bcd7ea}.sidebar nav{display:grid;gap:8px}.sidebar nav a,.logout{padding:12px 14px;border-radius:14px;text-decoration:none;color:#eaf6ff}.sidebar nav a.active,.sidebar nav a:hover{background:rgba(255,255,255,.13)}.logout{margin-top:auto;background:rgba(255,255,255,.08)}.main{flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center}.topbar small{display:block;color:var(--muted)}.hero{margin:24px;display:flex;justify-content:space-between;gap:16px;align-items:center;background:linear-gradient(135deg,#fff,#ecfeff);border:1px solid var(--border);border-radius:24px;padding:24px}.hero h1{margin:0 0 6px}.hero p{margin:0;color:var(--muted)}.points{background:#fff;border:1px solid var(--border);border-radius:99px;padding:12px 16px;font-weight:800}.grid{display:grid;gap:18px;margin:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 12px 35px rgba(15,23,42,.05)}.card h2{margin-top:0}.lesson-list{display:grid;gap:10px;margin:12px 0}.lesson{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:14px;background:#fbfdff}.lesson small,.task small{display:block;color:var(--muted)}.badge{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#dbeafe;color:#1d4ed8;font-weight:800}.task{display:grid;gap:3px;padding:12px;border-bottom:1px solid var(--border)}.task.row{display:flex;justify-content:space-between;align-items:center}.btn{display:inline-block;border:1px solid var(--border);background:#fff;border-radius:14px;padding:10px 14px;text-decoration:none;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border:0}.timetable-grid{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:14px;margin:24px}.day-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:14px}.block{border:1px solid var(--border);border-radius:14px;padding:10px;margin:10px 0;background:#f8fafc}.block small,.block em{display:block;color:var(--muted);font-style:normal}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#ccfbf1,#eff6ff 38%,#fff)}.login-card{width:min(430px,calc(100vw - 30px));background:#fff;border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:0 25px 70px rgba(15,23,42,.12);text-align:center}.login-logo{width:96px}label{text-align:left;display:grid;gap:7px;margin:12px 0;font-weight:700}input,textarea,select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:14px;font:inherit}textarea{resize:vertical}.alert{padding:12px 14px;border-radius:14px;margin:12px 0}.alert.error{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}.demo,.hint{color:var(--muted);font-size:.93rem}.coach-answer{margin-top:16px;padding:16px;border-radius:18px;background:#ecfeff;border:1px solid #99f6e4}.reward b{color:var(--primary2)}.check{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:12px 0}.check.ok span{color:var(--ok)}.check.bad span{color:var(--danger);font-weight:800}@media(max-width:980px){.app-shell{display:block}.sidebar{width:auto;height:auto;position:relative;border-radius:0 0 24px 24px}.sidebar nav{grid-template-columns:repeat(3,1fr)}.grid.two,.grid.three{grid-template-columns:1fr}.timetable-grid{grid-template-columns:1fr 1fr}.hero{margin:16px;align-items:flex-start}.grid,.timetable-grid{margin:16px}}@media(max-width:620px){.sidebar{padding:12px}.brand small{display:none}.sidebar nav{display:flex;overflow:auto;gap:8px}.sidebar nav a{white-space:nowrap}.topbar{height:auto;padding:14px 16px}.hero{display:block;border-radius:18px;padding:18px}.points{margin-top:14px;display:inline-block}.card{border-radius:18px;padding:16px}.timetable-grid{grid-template-columns:1fr}.task.row{display:grid;gap:10px}}

/* KlassenKlar v11: Lerncoach Verlauf / Chat */
.learn-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;margin:24px}.conversation-list{display:grid;gap:10px;max-height:60vh;overflow:auto;padding-right:4px}.conversation-item{display:block;text-decoration:none;border:1px solid var(--border);border-radius:16px;padding:12px;background:#fff}.conversation-item:hover,.conversation-item.active{border-color:#99f6e4;background:#ecfeff}.conversation-item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item small{display:block;color:var(--muted);margin-top:4px}.chat-window{display:grid;gap:14px}.chat-messages{display:grid;gap:12px;max-height:52vh;overflow:auto;padding:4px}.chat-bubble{border:1px solid var(--border);border-radius:18px;padding:14px 16px;line-height:1.45;white-space:pre-wrap}.chat-bubble.user{background:#eff6ff;border-color:#bfdbfe;margin-left:10%}.chat-bubble.assistant{background:#ecfeff;border-color:#99f6e4;margin-right:10%}.chat-meta{font-size:.82rem;color:var(--muted);margin-bottom:6px;font-weight:800}.chat-empty{border:1px dashed var(--border);background:#f8fafc;border-radius:18px;padding:18px;color:var(--muted)}.learn-form textarea{min-height:130px}.quick-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.quick-help button{font-size:.9rem;text-align:left;background:#f8fafc}.history-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-top .btn{white-space:nowrap}.small-muted{color:var(--muted);font-size:.9rem}@media(max-width:980px){.learn-layout{grid-template-columns:1fr;margin:16px}.conversation-list{max-height:240px}.chat-messages{max-height:none}.quick-help{grid-template-columns:1fr}.chat-bubble.user,.chat-bubble.assistant{margin-left:0;margin-right:0}}

/* v12 Stundenplan-Editor */
.child-switcher{display:flex;gap:8px;flex-wrap:wrap;margin:0 24px 12px}.child-switcher a{padding:9px 12px;border:1px solid var(--border);border-radius:999px;background:#fff;text-decoration:none;color:var(--text);font-weight:700}.child-switcher a.active-child{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border:0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.form-grid .wide{grid-column:span 2}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.muted{color:var(--muted)}.danger-link{color:var(--danger);font-weight:800;text-decoration:none}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:#fff;font-size:.9rem}.week-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 24px 0}.week-tabs a{padding:9px 12px;border:1px solid var(--border);border-radius:999px;background:#fff;text-decoration:none}.week-tabs a.active{background:#0f172a;color:white;border-color:#0f172a}.lesson.editable{align-items:flex-start;justify-content:space-between}.lesson-main{min-width:0}.lesson-actions{display:flex;gap:6px;flex-shrink:0}.icon-btn{border:1px solid var(--border);background:#fff;border-radius:10px;padding:7px 9px;text-decoration:none;cursor:pointer}.teacher-list{display:grid;gap:8px}.teacher-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px;border:1px solid var(--border);border-radius:14px;background:#fbfdff}.prep-list{display:grid;gap:10px}.prep-item{border:1px solid var(--border);border-radius:16px;padding:12px;background:#fbfdff}.prep-item b{display:block}.status-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:9px 0}.status-line span:last-child{font-weight:800}.status-ok{color:var(--ok)}.status-warn{color:var(--warn)}.status-bad{color:var(--danger)}
@media(max-width:1100px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:span 2}}
@media(max-width:700px){.child-switcher,.week-tabs{margin-left:16px;margin-right:16px}.form-grid,.mini-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:span 1}.lesson.editable{display:grid}.lesson-actions{margin-top:8px}.teacher-item{display:grid}}

/* v13 Hausaufgaben + Stundenplan-Verknüpfung */
.homework-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;margin:24px}.homework-list{display:grid;gap:14px}.homework-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:#fff}.homework-card.done{opacity:.78;background:#f8fafc}.homework-card.in_progress{background:#fff7ed}.homework-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.homework-head h3{margin:4px 0 0}.homework-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.homework-meta span{border:1px solid var(--border);background:#f8fafc;border-radius:999px;padding:6px 9px;font-size:.88rem;color:var(--muted)}.week-tabs.compact{margin:0}.week-tabs.compact a{font-size:.9rem;padding:7px 10px}.pill.status-ok{color:var(--ok);border-color:#bbf7d0;background:#f0fdf4}.pill.status-warn{color:#92400e;border-color:#fde68a;background:#fffbeb}.pill.status-bad{color:#991b1b;border-color:#fecaca;background:#fef2f2}.homework-card .toolbar form{display:inline-block}.homework-card p{white-space:pre-wrap;color:#334155}@media(max-width:1050px){.homework-layout{grid-template-columns:1fr;margin:16px}.homework-head{display:grid}.homework-meta{display:grid}.week-tabs.compact{width:100%}}

/* v14 Hausaufgabenkontrolle */
.check-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px;margin:24px}.selected-homework{border:1px solid var(--border);border-radius:18px;padding:14px;background:#fbfdff;margin:14px 0}.selected-homework h3{margin:5px 0}.selected-homework p{white-space:pre-wrap;color:#334155}.check-form textarea{min-height:92px}.check-result{min-height:420px}.check-answer{white-space:normal;line-height:1.55}.check-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compact-form{margin-bottom:8px}.compact-form label{margin-top:0}.check-result .history-top{margin-bottom:12px}@media(max-width:1050px){.check-layout{grid-template-columns:1fr;margin:16px}.check-history{grid-template-columns:1fr}.check-result{min-height:auto}}

/* v15 Profile & Lernstil */
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;margin:24px}.profile-form-card{min-width:0}.profile-toggle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.toggle-card{border:1px solid var(--border);border-radius:18px;padding:14px;background:#fbfdff;margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}.toggle-card input{width:auto;margin-top:4px}.toggle-card span{font-weight:900}.toggle-card small{grid-column:2;color:var(--muted);font-weight:500}.profile-chip-grid{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.profile-chip-grid span{border:1px solid var(--border);background:#f8fafc;border-radius:999px;padding:8px 11px;font-size:.9rem}.coach-preview-box{background:#ecfeff;border:1px solid #99f6e4;border-radius:18px;padding:14px;margin:14px 0}.coach-preview-box p{color:#334155;line-height:1.45}.profile-form textarea{min-height:86px}@media(max-width:1100px){.profile-layout{grid-template-columns:1fr;margin:16px}.profile-toggle-row{grid-template-columns:1fr}}@media(max-width:700px){.profile-chip-grid{display:grid}.profile-toggle-row{grid-template-columns:1fr}}

/* v16 Belohnungssystem Plus */
.reward-hero{align-items:center}.points.big{font-size:2.1rem;min-width:140px;text-align:center}.points.big small{display:block;font-size:.78rem;font-weight:700;color:#64748b;margin-top:2px}.reward-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.stat-card{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 10px 26px #0b1b3512;border:1px solid #e5eaf2}.stat-card b{display:block;font-size:1.5rem;color:#0f766e}.stat-card span{display:block;color:#64748b;font-size:.9rem}.reward-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:18px;align-items:start}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reward-card{border:1px solid #e5eaf2;border-radius:18px;padding:16px;background:#f8fafc;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:190px}.reward-card.inactive{opacity:.55}.reward-card h3{margin:.1rem 0 .4rem}.reward-card p{color:#475569}.reward-card-bottom{display:grid;gap:10px}.reward-card-bottom form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.reward-card-bottom input,.inline-actions input{padding:10px 12px;border-radius:12px;border:1px solid #dbe3ef;background:white}.reward-card button:disabled,.mission-card button:disabled{opacity:.55;cursor:not-allowed}.mission-list,.request-list,.tx-list{display:grid;gap:10px}.mission-card,.request-card,.tx-row{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid #e5eaf2;border-radius:16px;padding:12px;background:#f8fafc}.mission-card.done{background:#ecfdf5;border-color:#bbf7d0}.mission-card p,.request-card p{margin:.25rem 0;color:#64748b}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tx-row b{min-width:64px;color:#0f766e}.tx-row small{color:#64748b}.compact-form{display:grid;gap:10px;margin-top:12px}.mt{margin-top:16px}.checkline{display:flex;align-items:center;gap:8px;font-weight:700}.toolbar.compact{margin-top:6px}
@media (max-width:1050px){.reward-layout{grid-template-columns:1fr}.reward-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.reward-stats{grid-template-columns:1fr}.reward-grid{grid-template-columns:1fr}.mission-card,.request-card,.tx-row{align-items:stretch;flex-direction:column}.inline-actions,.reward-card-bottom form{grid-template-columns:1fr}.points.big{width:100%}}

/* v17 Lehrplan & aktuelle Themen */
.curriculum-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:18px;margin:24px;align-items:start}.curriculum-hero{background:linear-gradient(135deg,#fff,#eef2ff)}.current-topic-list{display:grid;gap:12px;margin-top:14px}.current-topic-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border:1px solid var(--border);border-radius:18px;background:#f8fafc;padding:14px}.current-topic-card b{display:block;font-size:1.05rem}.current-topic-card small,.current-topic-card em{display:block;color:var(--muted);font-style:normal;margin-top:4px}.curriculum-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.curriculum-topic-card{border:1px solid var(--border);border-radius:18px;background:#fbfdff;padding:15px;display:flex;flex-direction:column;gap:8px}.curriculum-topic-head{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.curriculum-topic-card p{margin:.2rem 0;color:#334155}.curriculum-topic-card small,.curriculum-topic-card em{display:block;color:var(--muted);font-style:normal}.curriculum-topic-card .toolbar{margin-top:auto}.compact-form{display:grid;gap:10px}.mt{margin-top:18px}@media(max-width:1150px){.curriculum-layout{grid-template-columns:1fr;margin:16px}.curriculum-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.curriculum-topic-grid{grid-template-columns:1fr}.current-topic-card{display:grid}.curriculum-topic-head{display:grid}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
/* v18 Stoffradar */
.align-start{align-items:start}.stack-form{display:grid;gap:10px}.clean-list{padding-left:18px;line-height:1.8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.badge{display:inline-block;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 9px;font-weight:800;font-size:.85rem}hr{border:none;border-top:1px solid #e5e7eb;margin:18px 0}.coach-answer{white-space:normal;line-height:1.55}
/* v19 Fortschritt & Wochenbericht */
.progress-hero{background:linear-gradient(120deg,#eef2ff,#ecfeff)}
.progress-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}
.progress-layout{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:16px 0}
.report-box{border:1px solid #e2e8f0;border-radius:16px;padding:14px;margin:12px 0;background:#f8fafc;display:grid;gap:8px}
.report-box small{color:#64748b}.next-step{border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin:10px 0;background:#f8fafc;display:grid;gap:3px}.next-step span,.muted{color:#64748b}.mini-row{border-bottom:1px solid #e2e8f0;padding:10px 0;display:grid;gap:3px}.mini-row:last-child{border-bottom:0}.mini-row small{color:#64748b}.task.done{opacity:.8;background:#f0fdf4}@media(max-width:1100px){.progress-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-layout{grid-template-columns:1fr}}@media(max-width:640px){.progress-kpis{grid-template-columns:1fr}.progress-layout{display:block}.progress-layout .card{margin-bottom:14px}}

/* v20 Morgenroutine & Erinnerungen */
.prep-hero{background:linear-gradient(120deg,#fff7ed,#ecfeff)}
.prep-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.date-form{display:flex;gap:8px;align-items:end}.date-form input{min-width:170px}.prep-list{display:grid;gap:10px;margin:10px 0 18px}.prep-row{border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:12px}.prep-row b,.prep-task b{display:block}.prep-row small,.prep-row em,.prep-task small,.prep-task em,.check-item small{display:block;color:var(--muted);font-style:normal;margin-top:3px}.check-item{border:1px solid var(--border);background:#fff;border-radius:14px;padding:10px 12px;margin:8px 0}.prep-task{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:14px;margin:10px 0}.prep-task.status-bad{border-color:#fecaca;background:#fff1f2}.prep-task.status-warn{border-color:#fed7aa;background:#fff7ed}.prep-task.status-ok{border-color:#bbf7d0;background:#f0fdf4}.stack-form{display:grid;gap:10px}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.align-start{align-items:start}.muted{color:var(--muted)}
@media(max-width:780px){.prep-head,.prep-task{display:grid}.date-form{display:grid}.inline-actions{justify-content:stretch}.inline-actions .btn,.inline-actions form{width:100%}.inline-actions button{width:100%}}
/* v21 Lernplan */
.plan-hero{background:linear-gradient(120deg,#eef2ff,#fff7ed)}
.plan-layout{display:grid;grid-template-columns:minmax(0,1.7fr) 360px;gap:18px;margin:24px;align-items:start}.plan-stats{margin-bottom:0}.week-plan-grid{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:12px;margin-top:16px;overflow:auto;padding-bottom:4px}.day-plan-card{border:1px solid var(--border);border-radius:18px;background:#fff;padding:13px;min-height:180px}.day-plan-card.today{border-color:#99f6e4;background:#ecfeff}.day-plan-card h3{margin:0 0 10px}.day-plan-card h3 small{display:block;color:var(--muted);font-weight:700;margin-top:2px}.empty-plan{border:1px dashed var(--border);border-radius:14px;color:var(--muted);padding:12px;background:#f8fafc}.plan-item{border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:12px;margin:10px 0;display:grid;gap:8px}.plan-item.done{background:#f0fdf4;border-color:#bbf7d0}.plan-item-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.plan-item-top span{white-space:nowrap;border:1px solid var(--border);background:#fff;border-radius:999px;padding:4px 8px;font-size:.85rem;font-weight:800}.plan-item small,.plan-item em{display:block;color:var(--muted);font-style:normal}.plan-item p{white-space:pre-wrap;margin:0;color:#334155}.plan-item .inline-actions{justify-content:flex-start}.plan-item .inline-actions form{display:inline-block}.prep-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.clean-list{padding-left:20px;line-height:1.8}.stack-form{display:grid;gap:10px}@media(max-width:1250px){.plan-layout{grid-template-columns:1fr}.week-plan-grid{grid-template-columns:repeat(4,minmax(190px,1fr))}}@media(max-width:760px){.plan-layout{margin:16px}.week-plan-grid{display:grid;grid-template-columns:1fr;overflow:visible}.prep-head{display:grid}.day-plan-card{min-height:auto}.plan-item-top{display:grid}.plan-item .inline-actions,.plan-item .inline-actions form,.plan-item .inline-actions .btn{width:100%}.plan-item .inline-actions button{width:100%}}

/* v22 Klassenarbeiten */
.exam-countdown{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}
.exam-countdown .days{min-width:72px;text-align:center;border-radius:14px;padding:10px;background:#ecfeff;color:#0f766e;font-weight:900;font-size:24px}
.exam-countdown .days small{display:block;font-size:11px;font-weight:700;color:#64748b}
.exam-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.exam-card{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#fff;margin-bottom:12px}
.exam-card.learning{border-color:#fbbf24;background:#fffbeb}.exam-card.done{border-color:#22c55e;background:#f0fdf4}
.exam-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.exam-meta span{background:#f1f5f9;border-radius:999px;padding:5px 9px;font-size:12px;color:#334155}
.plan-text{white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;line-height:1.55}
.exam-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.exam-actions form{display:inline}
.topic-chips{display:flex;gap:7px;flex-wrap:wrap}.topic-chips span{background:#eef2ff;color:#3730a3;border-radius:999px;padding:5px 9px;font-size:12px}
@media(max-width:900px){.exam-grid{grid-template-columns:1fr}.exam-countdown{align-items:flex-start}.exam-countdown .days{min-width:62px}}
/* v23 Elternkontrolle & Datenschutz */
.privacy-card .switchline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #e8eef6}.privacy-card .switchline span{font-weight:800}.privacy-card .switchline small{display:block;font-weight:500;color:var(--muted);margin-top:4px}.privacy-card input[type="checkbox"]{width:24px;height:24px;accent-color:var(--primary)}.privacy-card hr{border:0;border-top:1px solid #e8eef6;margin:22px 0}.warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.setup-wrap{min-height:100vh;display:grid;place-items:center;background:#f3f7fb;padding:24px}.setup-card{max-width:720px;background:#fff;border-radius:24px;box-shadow:0 16px 45px #0b1b3518;padding:28px}.setup-card h1{margin-top:0}
/* v24 Datenarchiv */
.row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}.row-actions form{margin:0}.btn.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn.danger:hover{background:#fecaca}.small-muted{color:#64748b;font-size:.92rem}.kpi{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.kpi b{display:block;font-size:1.55rem}.kpi small{color:#64748b}

/* v25 Konten & Zugänge */
.account-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin:24px;align-items:start}.account-list{display:grid;gap:12px}.account-row{border:1px solid var(--border);border-radius:18px;background:#fff;padding:14px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.account-row.inactive{opacity:.58;background:#f8fafc}.account-row b{display:block}.account-row small,.account-row em{display:block;color:var(--muted);font-style:normal;margin-top:3px}.account-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.account-badges span{background:#eef2ff;color:#3730a3;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.account-badges span.parent{background:#dcfce7;color:#166534}.account-badges span.child{background:#ecfeff;color:#0f766e}.account-badges span.admin{background:#fee2e2;color:#991b1b}.account-badges span.coach{background:#fff7ed;color:#9a3412}.password-box{background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:14px}.security-note{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}.danger-zone{background:#fff1f2;border-color:#fecaca}.role-pill{border:1px solid var(--border);border-radius:999px;padding:5px 10px;background:#fff;font-weight:800;font-size:.85rem}.setup-card .check{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:12px 0}.setup-card .check:last-child{border-bottom:0}.setup-card .ok{color:var(--ok);font-weight:900}.setup-card .bad{color:var(--danger);font-weight:900}@media(max-width:980px){.account-layout{grid-template-columns:1fr;margin:16px}.account-row{display:grid}.account-row .inline-actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}

/* v26 Startassistent / Onboarding */
.onboarding-hero .points{min-width:140px;text-align:center}.onboarding-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:18px;margin:24px}.setup-progress{height:14px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:14px 0 18px}.setup-progress div{height:100%;background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:999px}.onboarding-checks{display:grid;gap:10px}.onboarding-check{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:16px;padding:12px;background:#fff}.onboarding-check.ok{border-color:#bbf7d0;background:#f0fdf4}.onboarding-check.todo{border-color:#fed7aa;background:#fff7ed}.onboarding-check small{color:var(--muted);font-weight:600}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.note-list{display:grid;gap:10px;margin-top:12px}.note-item{border:1px solid var(--border);border-radius:14px;background:#f8fafc;padding:12px}.note-item p{margin:.35rem 0 0;color:var(--muted)}.onboarding-guide ol{padding-left:22px;line-height:1.55}.onboarding-guide li{margin:8px 0}@media(max-width:1050px){.onboarding-layout{grid-template-columns:1fr;margin:16px}.onboarding-check{grid-template-columns:28px 1fr}.onboarding-check small{grid-column:2}}
/* v27 Mitteilungen */
.notification-list{display:grid;gap:12px;margin-top:14px}.notification-item{border:1px solid var(--border);border-radius:18px;background:#fff;padding:14px}.notification-item.unread{border-color:#99f6e4;background:#ecfeff}.notification-item.done{opacity:.72;background:#f8fafc}.notification-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.notification-top span{font-size:.82rem;font-weight:800;border:1px solid var(--border);border-radius:999px;padding:4px 8px;background:#fff;color:#334155}.notification-item small{display:block;color:var(--muted);margin-top:4px}.notification-item p{white-space:pre-wrap;margin:10px 0 0}.stack-form input[type=checkbox]{width:auto;margin-right:8px}.stack-form label:has(input[type=checkbox]){display:block;font-weight:700;background:#f8fafc;border:1px solid var(--border);padding:10px;border-radius:14px}
@media(max-width:760px){.notification-top{display:grid}.notification-top span{width:max-content}.row-actions,.row-actions form,.row-actions .btn{width:100%}.row-actions button{width:100%}}

/* v28 PWA & Mobile App polish */
.hero-pwa{align-items:center;justify-content:space-between;gap:18px}
.pwa-status-card{background:#fff;border:1px solid rgba(14,165,164,.22);border-radius:18px;padding:16px;min-width:260px;display:flex;flex-direction:column;gap:10px;box-shadow:0 16px 30px rgba(15,23,42,.06)}
.steps{padding-left:20px;line-height:1.75;margin:0}
.hint{margin-top:14px;padding:12px 14px;border-radius:14px;background:#eff6ff;color:#1e3a8a;font-size:.94rem}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checklist li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px}
.mobile-dock{display:none}
.offline-body{min-height:100vh;background:linear-gradient(145deg,#eef7fb,#f8fafc);display:flex;align-items:center;justify-content:center;padding:24px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#0f172a}
.offline-card{max-width:520px;background:#fff;border-radius:28px;padding:32px;box-shadow:0 24px 60px rgba(15,23,42,.12);text-align:center}
.offline-logo{width:64px;height:64px;border-radius:20px;margin:0 auto 16px;background:linear-gradient(135deg,#0ea5a4,#2563eb);color:white;font-weight:900;display:flex;align-items:center;justify-content:center}
.offline-card p{color:#475569;line-height:1.55}
@media (max-width: 820px){
  .main{padding-bottom:86px}
  .mobile-dock{position:fixed;left:10px;right:10px;bottom:10px;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:rgba(2,6,23,.88);backdrop-filter:blur(14px);padding:8px;border-radius:22px;box-shadow:0 18px 40px rgba(2,6,23,.28)}
  .mobile-dock a{color:#dbeafe;text-decoration:none;text-align:center;border-radius:16px;padding:7px 4px;font-weight:800;font-size:1.05rem}
  .mobile-dock a span{display:block;font-size:.68rem;margin-top:2px;font-weight:700}
  .mobile-dock a.active{background:#0ea5a4;color:#fff}
  .hero-pwa{flex-direction:column;align-items:stretch}
  .pwa-status-card{min-width:0}
}
/* v29 Systempflege */
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px}.system-grid .card{min-height:auto}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.kpi{background:#f8fafc;border:1px solid #e5edf5;border-radius:18px;padding:14px}.kpi b{display:block;font-size:1.25rem}.kpi span{color:#64748b;font-size:.86rem}.status-list{display:grid;gap:10px;margin:16px 0}.status-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f7;padding:8px 0}.ok-text{color:#16a34a;font-weight:800}.warn-text{color:#f97316;font-weight:800}.warning-box{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:16px;padding:12px;margin:12px 0}.compact-list{display:grid;gap:8px}.compact-list>div{background:#f8fafc;border:1px solid #e5edf5;border-radius:14px;padding:10px}.compact-list b,.compact-list span{display:block}.compact-list span,.muted{color:#64748b}.table-wrap{overflow:auto;max-height:420px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;border-bottom:1px solid #e5edf5;text-align:left}.data-table th{position:sticky;top:0;background:#fff}.note-list{display:grid;gap:10px;margin-top:12px}.note-item{background:#f8fafc;border:1px solid #e5edf5;border-radius:16px;padding:12px}.note-item b,.note-item small{display:block}.note-item small{color:#64748b}@media(max-width:900px){.system-grid{grid-template-columns:1fr;padding:12px}.kpi-row{grid-template-columns:1fr 1fr}.status-list>div{display:block}}@media(max-width:560px){.kpi-row{grid-template-columns:1fr}}

/* v30 Familienverwaltung & Mandantenbasis */
.family-hero{background:linear-gradient(120deg,#f0fdfa,#eef2ff)}
.family-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.family-list{display:grid;gap:10px;margin-top:12px}.family-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:12px}.family-row.inactive{opacity:.55;background:#f1f5f9}.family-row small{display:block;color:var(--muted);margin-top:3px}.note-card{border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:12px;margin:10px 0}.note-card p{margin:.45rem 0;line-height:1.5}.note-card small{color:var(--muted)}@media(max-width:760px){.family-row{display:grid}.family-row .btn,.family-row form{width:100%}.family-tabs .btn{width:100%;text-align:center}}

/* v31 Schuljahr & Ferien */
.sy-hero{background:linear-gradient(120deg,#eff6ff,#ecfeff)}
.sy-list{display:grid;gap:10px;margin-top:12px}.sy-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:13px}.sy-row b{display:block}.sy-row small,.sy-row em{display:block;color:var(--muted);font-style:normal;margin-top:3px}.ok{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;padding:10px;margin:8px 0}.bad{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:10px;margin:8px 0}.btn.ghost{background:#fff;color:#0f172a;border:1px solid var(--border)}
@media(max-width:760px){.sy-row{display:grid}.sy-row form,.sy-row button{width:100%}}

/* v32 Material & Packliste */
.mat-hero{background:linear-gradient(120deg,#ecfeff,#f0fdf4)}
.materials-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin:24px;align-items:start}
.pack-list{display:grid;gap:10px;margin-top:10px}.pack-item{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);border-radius:16px;background:#fff;padding:12px;margin:0;font-weight:700}.pack-item input{width:auto;margin-top:4px}.pack-item small{display:block;color:var(--muted);font-weight:600;margin-top:3px}.pack-item.done{background:#f0fdf4;border-color:#bbf7d0;text-decoration:none}.material-groups{display:grid;gap:14px}.material-group{border:1px solid var(--border);border-radius:18px;background:#fff;padding:14px}.material-group h3{margin:0 0 8px}.material-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-top:1px solid #eef2f7;padding:10px 0}.material-row:first-of-type{border-top:0}.material-row small{display:block;color:var(--muted);margin-top:3px}.pack-list .btn{margin-top:8px}.note-list{display:grid;gap:10px}.note-item{background:#f8fafc;border:1px solid var(--border);border-radius:14px;padding:12px}.note-item p{margin:.35rem 0 0;color:var(--muted)}
@media(max-width:1000px){.materials-layout{grid-template-columns:1fr;margin:16px}.material-row{display:grid}.material-row form,.material-row button{width:100%}}

/* v33: Aufgeräumte Navigation mit Administrationsgruppe */
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:999px}.nav-groups{display:grid;gap:8px}.nav-main,.nav-group a,.logout{padding:11px 13px;border-radius:14px;text-decoration:none;color:#eaf6ff}.nav-main{display:block}.nav-main.active,.nav-main:hover,.nav-group a.active,.nav-group a:hover{background:rgba(255,255,255,.14)}.nav-group{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.045);overflow:hidden}.nav-group summary{list-style:none;cursor:pointer;padding:12px 13px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'›';font-size:1.25rem;transform:rotate(90deg);opacity:.75}.nav-group[open] summary:after{transform:rotate(-90deg)}.nav-group a{display:block;margin:0 8px 8px 8px;padding:10px 12px;color:#eaf6ff}.nav-group:not([open]){background:rgba(255,255,255,.025)}.nav-group:not([open]) summary{color:#d8eefb}.logout{display:block;text-align:left}
@media(max-width:980px){.sidebar{height:auto;max-height:none;overflow:visible}.nav-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav-group a{margin:0 8px 8px}.nav-main{white-space:nowrap}.logout{margin-top:0}}
@media(max-width:620px){.sidebar{padding:12px 12px 74px}.nav-groups{display:flex;overflow:auto;gap:8px;padding-bottom:2px}.nav-main,.nav-group summary{white-space:nowrap}.nav-group{min-width:max-content}.nav-group[open]{min-width:220px}.nav-group a{white-space:nowrap}.logout{display:none}.main{padding-bottom:74px}.mobile-dock{position:fixed;left:10px;right:10px;bottom:10px;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#fff;border:1px solid var(--border);box-shadow:0 18px 50px rgba(15,23,42,.18);border-radius:20px;padding:8px}.mobile-dock a{text-decoration:none;color:var(--muted);display:grid;place-items:center;gap:2px;font-size:1.15rem;padding:6px 3px;border-radius:14px}.mobile-dock a span{font-size:.72rem;font-weight:800}.mobile-dock a.active{background:#ecfeff;color:#0f766e}}
@media(min-width:621px){.mobile-dock{display:none}}

/* v34 Kalender */
.calendar-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 24px 0}.calendar-toolbar label{min-width:180px}.calendar-shell{display:grid;grid-template-columns:1.4fr .9fr;gap:16px;padding:24px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.month-head{font-weight:800;color:#475569;text-align:center;padding:8px}.day-card{min-height:120px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:6px}.day-card.today{outline:3px solid rgba(14,165,164,.25);border-color:#0ea5a4}.day-card.muted-day{opacity:.48;background:#f8fafc}.day-num{font-weight:900;color:#0f172a}.day-events{display:flex;flex-direction:column;gap:4px}.cal-event{display:block;border-radius:10px;padding:4px 6px;font-size:12px;line-height:1.25;text-decoration:none;color:#0f172a;border:1px solid rgba(15,23,42,.08);background:#f8fafc}.cal-event.homework{background:#ecfeff;border-color:#a5f3fc}.cal-event.exam{background:#fff7ed;border-color:#fed7aa}.cal-event.lesson{background:#eef2ff;border-color:#c7d2fe}.cal-event.break{background:#f0fdf4;border-color:#bbf7d0}.cal-event.note{background:#fdf2f8;border-color:#fbcfe8}.cal-event.done{opacity:.55;text-decoration:line-through}.calendar-side{display:flex;flex-direction:column;gap:16px}.event-list{display:flex;flex-direction:column;gap:8px}.event-row{border:1px solid #e5e7eb;border-radius:14px;padding:10px;background:#fff}.event-row small{display:block;color:#64748b}.note-form textarea{min-height:90px}.legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.legend span{font-size:12px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 9px}@media(max-width:1100px){.calendar-shell{grid-template-columns:1fr}.day-card{min-height:105px}}@media(max-width:760px){.calendar-shell{padding:14px}.month-grid{gap:5px}.month-head{font-size:11px;padding:4px}.day-card{border-radius:12px;min-height:90px;padding:6px}.cal-event{font-size:10px;padding:3px 4px}.calendar-toolbar{margin:12px 14px}.calendar-toolbar label{min-width:130px}}

/* v35 Produktivmodus & Rollen-Navigation */
.role-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 11px;color:#eaf6ff;font-weight:800;font-size:.9rem}.sidebar{overflow-y:auto}.nav-groups{padding-bottom:12px}.product-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin:24px}.product-list{display:grid;gap:10px}.product-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border:1px solid var(--border);border-radius:16px;background:#fbfdff;padding:12px}.product-row b{display:block}.product-row span{color:var(--muted);font-size:.92rem}.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.85rem;white-space:nowrap}.status-pill.ok{background:#dcfce7;color:#166534}.status-pill.warn{background:#fef3c7;color:#92400e}.status-pill.bad{background:#fee2e2;color:#991b1b}.danger-zone{border:1px solid #fecaca;background:#fff7f7;border-radius:18px;padding:16px}.danger-zone h3{margin-top:0;color:#991b1b}.setup-file-list{display:flex;gap:8px;flex-wrap:wrap}.setup-file-list code{background:#f1f5f9;border:1px solid var(--border);border-radius:10px;padding:5px 8px}.role-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:12px;color:#1e3a8a;margin-top:12px}@media(max-width:980px){.product-grid{grid-template-columns:1fr;margin:16px}.role-chip{display:none}}

/* v36 Design- und Mobile-Feinschliff */
:root{
  --shadow-soft:0 14px 38px rgba(15,23,42,.07);
  --shadow-focus:0 0 0 4px rgba(14,165,164,.16);
  --radius-lg:24px;
  --radius-md:18px;
  --radius-sm:14px;
}
html{scroll-behavior:smooth}body{min-height:100vh}.main{background:linear-gradient(180deg,#f8fbff 0%,#f3f6fb 52%,#f7fafc 100%)}
.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:rgba(255,255,255,.88)}
.hero,.card,.day-card,.material-group,.login-card{box-shadow:var(--shadow-soft)}
.hero{position:relative;overflow:hidden}.hero:before{content:'';position:absolute;right:-80px;top:-90px;width:230px;height:230px;background:radial-gradient(circle,rgba(14,165,164,.13),transparent 68%);pointer-events:none}.hero>*{position:relative}
.card h2,.card h3{letter-spacing:-.02em}.card p{line-height:1.55}.muted,.hint,.demo{line-height:1.45}.btn,button,input[type="submit"]{min-height:42px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover,button:hover,input[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08)}.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
input,textarea,select{background:#fff;transition:border-color .12s ease,box-shadow .12s ease}input:focus,textarea:focus,select:focus{border-color:#0ea5a4;box-shadow:var(--shadow-focus)}
label{color:#172033}.form-row,.form-grid{gap:12px}.card form .btn,.card form button{margin-top:4px}.alert{border:1px solid transparent}.alert.success{border-color:#bbf7d0}.alert.error{border-color:#fecaca}
.lesson,.task,.block,.event-row,.note-card,.note-item,.family-row,.sy-row,.product-row,.material-row{transition:background .12s ease,border-color .12s ease,transform .12s ease}.lesson:hover,.task:hover,.block:hover,.event-row:hover,.note-card:hover,.note-item:hover,.family-row:hover,.sy-row:hover,.product-row:hover{border-color:#cbd5e1;background:#fff;transform:translateY(-1px)}
.sidebar{box-shadow:12px 0 34px rgba(2,6,23,.16);z-index:30}.brand{padding:4px;border-radius:18px}.brand:hover{background:rgba(255,255,255,.07)}.nav-group summary{user-select:none}.nav-group a,.nav-main{font-weight:750}.nav-group a.active,.nav-main.active{box-shadow:inset 3px 0 0 rgba(153,246,228,.9)}
.role-chip{justify-content:center}.logout{position:sticky;bottom:0;background:rgba(255,255,255,.13);backdrop-filter:blur(8px)}
.mobile-dock{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.mobile-dock a{min-height:48px}
.kk-empty{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:18px;padding:16px;color:#64748b}.kk-page-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.kk-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.kk-section-title h2,.kk-section-title h3{margin:0}.kk-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 10px;font-weight:800;font-size:.85rem;color:#334155}
@media(max-width:1180px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{margin:18px}.grid{margin:18px}}
@media(max-width:980px){.topbar{top:0}.sidebar{box-shadow:none}.nav-groups{grid-template-columns:1fr 1fr}.hero{margin:16px}.card{padding:18px}.grid.two,.grid.three{grid-template-columns:1fr}}
@media(max-width:720px){body{font-size:15px}.topbar{display:none}.hero{margin:12px;border-radius:22px;padding:18px}.hero h1{font-size:1.45rem}.grid{margin:12px;gap:12px}.card{border-radius:20px;padding:15px}.btn,button,input[type="submit"]{width:auto;min-height:44px}.task.row{align-items:stretch}.task.row .btn{width:100%;text-align:center}.lesson{align-items:flex-start}.sidebar{border-radius:0 0 22px 22px}.sidebar .brand img{width:40px;height:40px}.sidebar .brand b{font-size:.96rem}.nav-groups{scroll-snap-type:x proximity}.nav-main,.nav-group{scroll-snap-align:start}.nav-group[open]{min-width:245px}.mobile-dock{left:8px;right:8px;bottom:8px;border-radius:22px}}
@media(max-width:430px){.brand span small{display:none}.hero h1{font-size:1.28rem}.points{font-size:.9rem}.card h2{font-size:1.14rem}.month-grid{grid-template-columns:repeat(7,minmax(38px,1fr))}.day-card{min-height:76px}.cal-event{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-dock a span{font-size:.66rem}.mobile-dock a{font-size:1.05rem;padding:5px 1px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.btn:hover,button:hover,.lesson:hover,.task:hover,.block:hover,.event-row:hover,.note-card:hover,.note-item:hover,.family-row:hover,.sy-row:hover,.product-row:hover{transform:none!important}}
@media print{.sidebar,.mobile-dock,.topbar,.btn,button{display:none!important}.app-shell{display:block}.main{background:#fff}.hero,.card{box-shadow:none;border:1px solid #ddd;margin:0 0 12px}.grid,.hero{margin:0}.card{break-inside:avoid}}

/* v41 globale Kindauswahl */
.topbar{gap:14px;justify-content:space-between;align-items:center}.top-child-switcher{display:flex;align-items:center;gap:8px;margin-left:auto;background:#f8fafc;border:1px solid var(--border);border-radius:999px;padding:7px 10px}.top-child-switcher label{font-weight:900;font-size:.82rem;color:#64748b;margin:0}.top-child-switcher select{min-height:34px;border-radius:999px;padding:4px 30px 4px 10px;font-weight:850;background:#fff;max-width:220px}.child-switcher{display:flex;gap:8px;flex-wrap:wrap;margin:10px 24px 0}.child-switcher a,.active-child{display:inline-flex;align-items:center;border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;text-decoration:none;color:#172033;font-weight:900}.child-switcher a.active-child,.child-switcher a:hover{background:linear-gradient(135deg,#0ea5a4,#2563eb);color:#fff;border-color:transparent}@media(max-width:720px){.top-child-switcher{display:none}.child-switcher{margin:10px 12px 0}}

/* v42 globale Kind-/Familienauswahl */
.top-child-switcher{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5edf5;border-radius:999px;padding:6px 10px;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.top-child-switcher label{font-size:12px;color:#64748b;font-weight:800;margin:0}
.top-child-switcher select{border:0;background:#f8fafc;border-radius:999px;padding:8px 34px 8px 12px;font-weight:800;min-width:170px;outline:none}
.family-row small{display:block;margin-top:3px;color:#64748b;line-height:1.35}.big-number{font-size:24px;font-weight:900;margin:.25rem 0}.muted{color:#64748b}.align-start{align-items:start}
@media (max-width: 780px){.topbar{gap:10px;align-items:flex-start}.top-child-switcher{width:100%;justify-content:space-between;border-radius:16px}.top-child-switcher select{min-width:0;flex:1}.child-switcher{overflow-x:auto;white-space:nowrap;padding-bottom:4px}}

/* v45 Mobile-Feinschliff: kompakte Webapp-Navigation + Kalender als lesbare Monatsliste */
:root{--kk-mobile-top-h:96px}

/* Kleine Desktop-Verbesserung für Kalender */
.calendar-hero{align-items:flex-start}.calendar-hero .legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.calendar-hero .legend span{background:#fff;border:1px solid #e6edf6;border-radius:999px;padding:7px 10px;font-weight:800;font-size:.86rem;color:#334155}.calendar-toolbar-v45{align-items:end}.day-num{display:flex;align-items:center;justify-content:space-between;gap:6px}.day-num small{display:none;color:#64748b;font-size:.72rem;font-weight:800}.day-card.weekend{background:linear-gradient(180deg,#fbfdff,#f8fafc)}.cal-event.more{color:#64748b;background:#f8fafc}

@media(max-width: 780px){
  body{background:#eef5fb}.app-shell{display:block;min-height:100dvh}.main{min-height:100dvh;padding-bottom:86px;background:#eef5fb}
  .sidebar{position:sticky;top:0;z-index:50;width:auto;height:auto;max-height:118px;overflow:hidden;border-radius:0 0 24px 24px;padding:12px 14px 10px;background:linear-gradient(180deg,#062f4b,#0b4664);box-shadow:0 12px 28px rgba(2,12,27,.18)}
  .sidebar .brand{margin:0 0 10px;display:flex;align-items:center;gap:10px}.sidebar .brand img{width:34px;height:34px}.sidebar .brand b{font-size:1.02rem}.sidebar .brand small{display:none}.role-chip{display:none!important}
  .nav-groups{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 2px 3px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.nav-groups::-webkit-scrollbar{display:none}
  .nav-groups>a,.nav-group>summary{white-space:nowrap;min-height:44px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);padding:0 14px;color:#fff;font-weight:900;text-decoration:none;scroll-snap-align:start}.nav-groups>a.active,.nav-group[open]>summary{background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
  .nav-group{display:block;min-width:max-content;border:0;background:transparent;padding:0}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary{list-style:none}.nav-group a{display:none!important}.logout{display:none!important}
  .topbar{position:sticky;top:0;z-index:45;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:10px 14px;margin:0;border-bottom:1px solid #e5edf5;display:flex;gap:10px;align-items:center}.topbar strong{font-size:.92rem}.topbar small{font-size:.74rem}.top-child-switcher{display:flex!important;max-width:52%;padding:5px 8px;border-radius:999px}.top-child-switcher label{display:none}.top-child-switcher select{min-width:0;width:100%;font-size:.86rem;padding:7px 28px 7px 10px}
  .hero{margin:14px 12px!important;padding:18px!important;border-radius:22px}.hero h1{font-size:1.45rem;line-height:1.15}.hero p{font-size:.96rem;line-height:1.45}.grid,.calendar-shell{margin:0 12px 16px!important}.card{border-radius:20px;padding:16px;margin-bottom:14px}.btn,button{min-height:44px;border-radius:14px}
  .mobile-dock{display:flex!important;left:10px;right:10px;bottom:10px;border-radius:24px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 14px 30px rgba(2,12,27,.18)}
}

@media(max-width: 700px){
  .calendar-toolbar-v45{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:0 12px 12px!important;background:#fff;border:1px solid #e5edf5;border-radius:22px;padding:12px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
  .calendar-toolbar-v45 label{margin:0;font-weight:900;font-size:.9rem}.calendar-toolbar-v45 select,.calendar-toolbar-v45 input[type="month"]{width:100%;min-height:48px;border-radius:16px;font-weight:900;font-size:1rem}.calendar-toolbar-v45 .btn{width:100%;justify-content:center}.calendar-toolbar-v45 a.btn:nth-of-type(1),.calendar-toolbar-v45 a.btn:nth-of-type(3){font-size:0}.calendar-toolbar-v45 a.btn:nth-of-type(1)::before{content:'← Vorheriger';font-size:.98rem}.calendar-toolbar-v45 a.btn:nth-of-type(3)::before{content:'Nächster →';font-size:.98rem}
  .calendar-shell{display:block!important}.calendar-side{display:block}.month-grid{display:block!important}.month-head,.muted-day{display:none!important}.day-card{display:flex!important;align-items:flex-start;gap:12px;min-height:0!important;margin:8px 0;padding:12px;border-radius:18px;background:#fff}.day-card.empty-day{padding:10px 12px;background:#fbfdff}.day-card.today{border:2px solid #15aaa6;background:linear-gradient(180deg,#ecfeff,#fff)}.day-num{width:54px;min-width:54px;display:block;text-align:center;border-radius:14px;background:#f1f5f9;padding:8px 4px;font-weight:950}.day-num span{display:block;font-size:1.08rem;line-height:1}.day-num small{display:block;margin-top:4px}.day-events{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.day-card.empty-day .day-events::before{content:'Keine Termine';color:#94a3b8;font-size:.82rem;padding-top:8px}.cal-event{display:block!important;max-width:100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;padding:7px 9px;border-radius:12px;font-size:.86rem;line-height:1.25}.calendar-side .card{margin-top:14px}.note-form{display:grid;gap:10px}.event-row{border-radius:16px;padding:12px;background:#fff;border:1px solid #e5edf5}
}

@media(max-width: 430px){
  .sidebar{max-height:108px;padding:10px 12px 9px}.nav-groups>a,.nav-group>summary{min-height:42px;padding:0 12px;border-radius:16px;font-size:.9rem}.topbar{padding:8px 12px}.top-child-switcher{max-width:58%}.hero{margin:12px 10px!important;padding:16px!important}.calendar-toolbar-v45{grid-template-columns:1fr;margin-left:10px!important;margin-right:10px!important}.calendar-toolbar-v45 label{font-size:.86rem}.calendar-shell{margin-left:10px!important;margin-right:10px!important}.day-card{gap:9px;padding:10px}.day-num{width:48px;min-width:48px}.card h2{font-size:1.18rem}.mobile-dock a span{font-size:.64rem}
}

/* v46: Mobile Navigation komplett neu: kompakter Kopf, Burger-Menü, ruhiger Kalender */
.mobile-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-menu-toggle{display:none;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;border-radius:16px;min-width:46px;min-height:42px;font-size:1.45rem;font-weight:900;line-height:1;cursor:pointer}.kk-page-alert{margin:16px 24px}.calendar-month-badge{background:#fff;border:1px solid var(--border);border-radius:999px;padding:12px 16px;font-weight:900;white-space:nowrap}.calendar-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.calendar-card-head h2{margin:0}.calendar-field-row,.calendar-nav-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.calendar-field-row label{min-width:190px}.calendar-nav-row{margin-top:10px}.calendar-toolbar-v46{display:block;background:#fff;border:1px solid var(--border);border-radius:22px;padding:14px;margin:16px 24px 0;box-shadow:0 12px 35px rgba(15,23,42,.05)}.calendar-shell-v46{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px;padding:24px}.month-grid-v46{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.month-grid-v46 .day-card{min-width:0;overflow:hidden}.cal-event{display:flex!important;gap:5px;align-items:flex-start;min-width:0}.cal-event span{min-width:0;overflow:hidden;text-overflow:ellipsis}.note-form-v46{display:grid;gap:10px}.note-form-v46 label{margin:0}.event-list-v46{display:grid;gap:10px}

@media(max-width:780px){
  body{background:#eef5fb!important;overflow-x:hidden}.app-shell{display:block!important;min-height:100dvh!important}.main{width:100%!important;min-width:0!important;padding-top:68px!important;padding-bottom:86px!important;background:#eef5fb!important;overflow-x:hidden!important}.sidebar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:64px!important;max-height:64px!important;width:auto!important;z-index:200!important;padding:10px 12px!important;border-radius:0 0 20px 20px!important;overflow:visible!important;box-shadow:0 10px 30px rgba(2,12,27,.18)!important;background:linear-gradient(135deg,#062540,#0b4a63)!important}.mobile-brand-row{height:44px!important}.mobile-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important}.sidebar .brand{margin:0!important;gap:10px!important}.sidebar .brand img{width:38px!important;height:38px!important}.sidebar .brand b{font-size:1.05rem!important}.sidebar .brand small{display:none!important}.role-chip,.sidebar>.logout{display:none!important}
  .nav-groups{display:none!important;position:fixed!important;top:74px!important;left:10px!important;right:10px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;z-index:201!important;overflow-y:auto!important;overflow-x:hidden!important;background:linear-gradient(180deg,#062540,#0b3c5d)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:24px!important;box-shadow:0 28px 70px rgba(2,12,27,.42)!important;padding:12px!important;scroll-snap-type:none!important}.kk-menu-open .nav-groups{display:block!important}.nav-groups>a,.nav-group{width:100%!important;min-width:0!important;margin:0 0 8px 0!important}.nav-groups>a,.nav-group>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:48px!important;border-radius:16px!important;padding:0 14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;white-space:normal!important}.nav-groups>a.active,.nav-group>summary.active,.nav-group[open]>summary{background:rgba(255,255,255,.16)!important}.nav-group{border:0!important;background:transparent!important;overflow:visible!important}.nav-group a{display:block!important;margin:8px 0 0 12px!important;padding:12px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.05)!important;color:#eaf6ff!important;white-space:normal!important;text-decoration:none!important}.nav-group a.active{background:#0ea5a4!important;color:#fff!important}
  .topbar{display:flex!important;position:relative!important;z-index:1!important;top:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:10px 12px!important;background:#eef5fb!important;border:0!important;box-shadow:none!important;gap:10px!important}.topbar>div:first-child{display:none!important}.top-child-switcher{display:flex!important;width:100%!important;max-width:none!important;margin:0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important}.top-child-switcher label{display:inline-block!important;margin:0!important}.top-child-switcher select{flex:1!important;min-width:0!important;max-width:none!important;background:#f8fafc!important;border:1px solid var(--border)!important}
  .hero{margin:12px!important;padding:18px!important;border-radius:22px!important;display:block!important}.hero h1{font-size:1.55rem!important;line-height:1.15!important}.hero p{font-size:.98rem!important;line-height:1.45!important}.points,.calendar-month-badge{display:inline-flex!important;margin-top:12px!important}.grid{margin:12px!important;gap:12px!important}.card{border-radius:20px!important;padding:16px!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important}.mobile-dock{display:flex!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:180!important;border-radius:24px!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;background:#fff!important;border:1px solid var(--border)!important;box-shadow:0 18px 45px rgba(15,23,42,.22)!important}.mobile-dock a{flex:1!important;text-decoration:none!important;color:#64748b!important;text-align:center!important;border-radius:16px!important;padding:7px 2px!important;font-weight:900!important}.mobile-dock a span{display:block!important;font-size:.68rem!important}.mobile-dock a.active{background:#ecfeff!important;color:#0f766e!important}
}

@media(max-width:760px){
  .calendar-hero-v46{margin-top:8px!important}.calendar-hero-v46 .calendar-month-badge{font-size:.95rem;padding:9px 12px!important}.kk-page-alert{margin:10px 12px!important}.calendar-toolbar-v46{margin:0 12px 12px!important;padding:12px!important;border-radius:22px!important}.calendar-field-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.calendar-field-row label{min-width:0!important;margin:0!important}.calendar-field-row .btn{width:100%!important}.calendar-nav-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}.calendar-nav-row .btn{width:100%!important;text-align:center!important;padding-left:8px!important;padding-right:8px!important;font-size:.9rem!important;white-space:nowrap!important}.calendar-shell-v46{display:block!important;padding:0 12px 14px!important;margin:0!important}.calendar-card-head{display:block!important}.legend-v46{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:10px!important}.legend-v46 span{font-size:.78rem!important;text-align:center!important}.month-grid-v46{display:block!important}.month-grid-v46 .month-head,.month-grid-v46 .muted-day{display:none!important}.month-grid-v46 .day-card{display:flex!important;gap:12px!important;align-items:flex-start!important;width:100%!important;min-height:0!important;margin:8px 0!important;padding:12px!important;border-radius:18px!important;overflow:visible!important;background:#fff!important}.month-grid-v46 .day-card.empty-day{background:#fbfdff!important}.month-grid-v46 .day-card.today{border:2px solid #0ea5a4!important;outline:none!important;background:linear-gradient(180deg,#ecfeff,#fff)!important}.month-grid-v46 .day-num{width:56px!important;min-width:56px!important;text-align:center!important;border-radius:16px!important;background:#f1f5f9!important;padding:9px 4px!important;display:block!important}.month-grid-v46 .day-num span{display:block!important;font-size:1.18rem!important;line-height:1!important;font-weight:950!important}.month-grid-v46 .day-num small{display:block!important;font-size:.74rem!important;margin-top:5px!important;color:#64748b!important}.month-grid-v46 .day-events{flex:1!important;min-width:0!important;display:grid!important;gap:6px!important;padding-top:1px!important}.month-grid-v46 .empty-day .day-events:before{content:'Keine Termine';color:#94a3b8;font-size:.86rem;padding-top:9px}.cal-event{display:flex!important;align-items:flex-start!important;gap:7px!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;padding:8px 10px!important;border-radius:13px!important;font-size:.88rem!important;line-height:1.28!important}.cal-event span{overflow:visible!important;text-overflow:clip!important}.calendar-side-v46{display:grid!important;gap:12px!important;margin-top:12px!important}.calendar-side-v46 .card{margin:0!important}.note-form-v46 input,.note-form-v46 select,.note-form-v46 textarea{font-size:16px!important}.event-row{border-radius:16px!important;padding:12px!important;background:#fff!important;overflow:hidden!important}
}

@media(max-width:430px){
  .calendar-nav-row{grid-template-columns:1fr!important}.calendar-nav-row .btn{font-size:.95rem!important}.month-grid-v46 .day-card{gap:9px!important;padding:10px!important}.month-grid-v46 .day-num{width:50px!important;min-width:50px!important}.cal-event{font-size:.84rem!important}.top-child-switcher{padding:7px 8px!important}.top-child-switcher select{font-size:.95rem!important}.sidebar{height:62px!important;max-height:62px!important}.main{padding-top:66px!important}.nav-groups{top:70px!important}
}

/* v47: kompakter Telefon-Kalender */
.mobile-only{display:none}.calendar-shell-v47{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:20px;align-items:start}.calendar-card-head-v47{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.legend-v47{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.legend-v47 span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line,#dbe5f0);background:#fff;border-radius:999px;padding:7px 10px;font-size:.88rem}.dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#94a3b8}.dot.homework{background:#22c55e}.dot.exam{background:#f59e0b}.dot.lesson{background:#3b82f6}.dot.break{background:#14b8a6}.dot.note{background:#ef4444}.phone-month-v47{display:none}.desktop-month-grid .day-card{min-height:114px}.calendar-add-details summary{cursor:pointer;font-weight:800;font-size:1.05rem;list-style:none}.calendar-add-details summary::-webkit-details-marker{display:none}.calendar-add-details summary:after{content:'+';float:right;background:#eef6ff;border:1px solid #dbeafe;border-radius:999px;width:28px;height:28px;text-align:center;line-height:26px}.calendar-add-details[open] summary:after{content:'–'}
@media (max-width: 760px){
  .kk-page{padding-bottom:94px}.mobile-only{display:block}.calendar-hero-v46{padding:22px 24px}.calendar-hero-v46 h1{font-size:1.85rem;line-height:1.1}.calendar-hero-v46 p{font-size:1.02rem;line-height:1.35}.calendar-month-badge{display:none}.calendar-toolbar-v46{padding:14px 16px;border-radius:22px}.calendar-field-row{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.calendar-field-row label{font-size:.98rem}.calendar-field-row select,.calendar-field-row input[type="month"]{width:100%!important;min-width:0!important;box-sizing:border-box;height:54px;font-size:1rem;border-radius:16px}.calendar-field-row .btn.primary{width:100%;height:56px;border-radius:18px}.calendar-nav-row{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:10px!important}.calendar-nav-row .btn{width:100%;padding:14px 8px;border-radius:16px;font-size:.95rem;white-space:nowrap}.calendar-shell-v47{display:block}.calendar-card-head-v47{display:block;margin-bottom:12px}.calendar-card-head-v47 h2{font-size:1.55rem;margin-bottom:4px}.legend-v47{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;justify-content:stretch}.legend-v47 span{justify-content:center;padding:8px 6px;font-size:.88rem}.desktop-month-grid{display:none!important}.phone-month-v47{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}.phone-weekday{text-align:center;font-weight:800;color:#64748b;font-size:.78rem;padding:4px 0}.phone-day{appearance:none;border:1px solid #dbe5f0;background:#fff;border-radius:14px;min-height:52px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#0f172a;box-shadow:0 5px 14px rgba(15,23,42,.04)}.phone-day.blank{border:0;background:transparent;box-shadow:none}.phone-day-num{font-size:1.02rem;font-weight:900;line-height:1}.phone-dots{display:flex;gap:3px;min-height:8px}.phone-day.today{border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.16)}.phone-day.selected{background:linear-gradient(135deg,#13b6b7,#2563eb);color:#fff;border-color:transparent}.phone-day.selected .dot{background:#fff!important}.mobile-day-panel{display:block;margin-top:14px;border:1px solid #dbe5f0;background:#f8fbff;border-radius:20px;padding:14px}.mobile-day-panel h3{font-size:1.2rem;margin:0 0 10px}.mobile-day-events{display:grid;gap:8px}.mobile-event{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:10px;display:grid;gap:4px}.mobile-event b{font-size:.92rem}.mobile-event span{font-weight:750}.mobile-event small{color:#64748b}.mobile-event .btn{width:max-content}.calendar-side-v47{display:block;margin-top:16px}.calendar-side-v47 .card{margin-bottom:14px}.upcoming-card-v47{order:1}.add-note-card-v47{order:2}.event-list-v47{display:grid;gap:8px;max-height:none}.event-row{padding:10px;border-radius:16px}.note-form-v47{display:grid;gap:10px}.note-form-v47 input,.note-form-v47 select,.note-form-v47 textarea{width:100%;box-sizing:border-box;min-width:0}.calendar-main-card{padding:16px!important;border-radius:22px!important;overflow:hidden}.card{max-width:100%;box-sizing:border-box}.hero,.calendar-toolbar,.calendar-shell{max-width:100%;box-sizing:border-box}.main, main, .content{overflow-x:hidden}
}
@media (min-width: 761px){.mobile-day-panel{display:none!important}}