/* Shared learning workspace, deliberately excluding Arabic flashcard faces. */
.dsf-modal-card{box-sizing:border-box;max-width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.dsf-modal-card :is(input,textarea,select){box-sizing:border-box;min-width:0;font-size:16px}
html[data-theme] body #ds-learning-studio .dsf-import [data-import-samples]{max-height:260px;overflow:auto;overflow-wrap:anywhere}
html[data-theme] body #ds-learning-studio .dsf-import [data-import-samples] p{padding:10px;border:1px solid var(--ds-border);border-radius:10px;font-size:14px}
@media(max-width:700px){
 html[data-theme] body #ds-learning-studio .dsf-bulk{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-theme] body #ds-learning-studio .dsf-bulk :is(strong,select){grid-column:1/-1}
 html[data-theme] body #ds-learning-studio .dsf-card-list article{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:10px}
 html[data-theme] body #ds-learning-studio .dsf-card-list article>div:last-child{grid-column:1/-1;display:flex!important;flex-wrap:wrap;gap:6px}
 html[data-theme] body #ds-learning-studio .dsf-card-list article>div:last-child button{flex:1 1 auto}
 html[data-theme] body #ds-learning-studio .dsf-confidence{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-theme] body #ds-learning-studio .dsf-confidence button:last-child{grid-column:1/-1}
}

/* Separate the three navigation levels and the content cards in the studio. */
html[data-theme] body #ds-learning-studio .dss-role-tabs{margin-top:24px;margin-bottom:16px}
html[data-theme] body #ds-learning-studio .dss-tabs{margin-top:0;margin-bottom:24px}
html[data-theme] body #ds-learning-studio .dss-panel.active{display:grid;gap:18px}
html[data-theme] body #ds-learning-studio .dss-panel>.dss-card{margin:0}
html[data-theme] body #ds-learning-studio .dss-card{padding:clamp(18px,2vw,28px)}
html[data-theme] body #ds-learning-studio .dss-section-head{margin:0 0 2px}
html[data-theme] body #ds-learning-studio.dss-space-teacher [data-panel="settings"] .dss-grid>.dss-newsletter-card{display:block!important}
html[data-theme] body #ds-learning-studio .dsf-subjects{margin:6px 0 18px;padding:clamp(16px,2vw,24px);border:1px solid var(--ds-border);border-radius:20px;background:linear-gradient(130deg,color-mix(in srgb,var(--ds-accent) 9%,transparent),transparent 55%),var(--ds-card2)}
html[data-theme] body #ds-learning-studio .dsf-subject-head{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap}
html[data-theme] body #ds-learning-studio .dsf-subject-head small{color:var(--ds-accent);font-weight:850;letter-spacing:.1em}
html[data-theme] body #ds-learning-studio .dsf-subject-head h3{margin:4px 0;font-size:clamp(20px,2vw,28px)}
html[data-theme] body #ds-learning-studio .dsf-subject-head p{margin:0;color:var(--ds-muted)}
html[data-theme] body #ds-learning-studio .dsf-subject-head>div:last-child{display:flex;gap:7px;flex-wrap:wrap}
html[data-theme] body #ds-learning-studio .dsf-subject-head button,html[data-theme] body #ds-learning-studio .dsf-subject-list button{min-height:38px;padding:7px 12px;border:1px solid var(--ds-border);border-radius:11px;background:var(--ds-card);color:var(--ds-text);font:700 12px var(--ds-font);cursor:pointer}
html[data-theme] body #ds-learning-studio .dsf-subject-list{display:flex;gap:8px;overflow-x:auto;margin-top:17px;padding-bottom:3px}
html[data-theme] body #ds-learning-studio .dsf-subject-list button{flex:0 0 auto;min-width:145px;text-align:left}
html[data-theme] body #ds-learning-studio .dsf-subject-list button.active{background:var(--ds-accent);border-color:var(--ds-accent);color:var(--ds-on-accent)}
html[data-theme] body #ds-learning-studio .dsf-subject-list small{display:block;opacity:.7;font-weight:600}
@media(max-width:600px){
 html[data-theme] body #ds-learning-studio .dss-role-tabs{margin-top:16px;margin-bottom:14px;flex-wrap:wrap}
 html[data-theme] body #ds-learning-studio .dss-role-tabs button{flex:1 1 42%}
 html[data-theme] body #ds-learning-studio .dss-tabs{margin-bottom:18px}
 html[data-theme] body #ds-learning-studio .dss-panel.active{gap:14px}
}
html[data-theme] body #ds-learning-studio :is(.dss-tabs,.dss-role-tabs) button:not(.active){background:var(--ds-card)!important;color:var(--ds-text)!important;border:1px solid var(--ds-border)!important}
html[data-theme] body #ds-learning-studio :is(.dss-tabs,.dss-role-tabs) button.active{background:var(--ds-accent)!important;color:var(--ds-on-accent)!important;border:1px solid transparent!important}
html[data-theme] body #ds-student-dashboard :is(p,small,.dsdash-stat-label){font-weight:400!important;line-height:1.55!important}
html[data-theme] body :is(#ds-student-dashboard,#ds-learning-studio){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
html[data-theme] body :is(#ds-student-dashboard,#ds-learning-studio) :is(h1,h2,h3,button,input,select,textarea,.dss-btn,.dsdash-btn){font-family:inherit!important;box-sizing:border-box}
html[data-theme] body :is(#ds-student-dashboard,#ds-learning-studio) h1{font-size:clamp(28px,4vw,46px)!important;line-height:1.15!important;letter-spacing:-.03em!important;font-weight:650!important;overflow-wrap:anywhere}
html[data-theme] body :is(#ds-student-dashboard,#ds-learning-studio) h2{font-size:23px!important;line-height:1.3!important;font-weight:650!important;letter-spacing:-.02em!important}
html[data-theme] body :is(#ds-student-dashboard,#ds-learning-studio) h3{font-size:18px!important;line-height:1.4!important;font-weight:600!important}
html[data-theme] body :is(#ds-student-dashboard,#ds-learning-studio) :is(button,.dss-btn,.dsdash-btn){min-height:44px;border-radius:10px!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important;white-space:normal;box-shadow:none!important}
html[data-theme] body :is(#ds-student-dashboard,#ds-learning-studio) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;border-radius:10px!important;max-width:100%;min-width:0}
html[data-theme] body :is(#ds-student-dashboard,#ds-learning-studio) :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--ds-accent)!important;outline-offset:3px}
html[data-theme] body :is(#ds-student-dashboard,#ds-learning-studio) [hidden]{display:none!important}
html[data-theme] body :is(#ds-student-dashboard,#ds-learning-studio) :is(.dsdash-card,.dsdash-stat-card,.dsdash-course-card,.dsg-goals,.dss-card,.dss-item){border-radius:16px!important;box-shadow:none!important}
html[data-theme] body #ds-student-dashboard .dsdash-bg{display:none}
html[data-theme] body #ds-student-dashboard .dsdash-hero{padding:24px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme] body #ds-student-dashboard .dsdash-avatar{width:64px!important;height:64px!important;border-radius:16px!important;flex:0 0 64px}
html[data-theme] body #ds-student-dashboard .dsdash-profile-main{min-width:0}
html[data-theme] body #ds-student-dashboard .dsdash-profilebar{gap:16px!important}
html[data-theme] body #ds-student-dashboard .dsdash-sub{font-size:15px!important;font-weight:400!important;line-height:1.6!important}
html[data-theme] body #ds-student-dashboard .dsdash-sticky-side{position:static!important}
html[data-theme] body #ds-student-dashboard .dsg-reminder-status{grid-column:1/-1;margin:0;font-size:14px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
html[data-theme] body #ds-student-dashboard .dsg-reminder-status:empty{display:none}
html[data-theme] body #ds-learning-studio .dss-hero{padding:24px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme] body #ds-learning-studio :is(.dss-role-tabs,.dss-tabs){display:flex;flex-wrap:wrap;gap:8px;padding:8px!important;border-radius:16px!important;position:static!important}
html[data-theme] body #ds-learning-studio :is(.dss-role-tabs,.dss-tabs) button{padding:10px 14px!important;flex:0 1 auto}
html[data-theme] body #ds-learning-studio .dss-card{padding:20px!important;min-width:0}
html[data-theme] body #ds-learning-studio .dss-form-row{flex-wrap:wrap;min-width:0}
@media(max-width:600px){
 html[data-theme] body #ds-learning-studio{padding-inline:12px!important}
 html[data-theme] body #ds-student-dashboard .dsdash-shell{width:100%!important;padding-inline:12px!important;box-sizing:border-box}
 html[data-theme] body #ds-student-dashboard .dsdash-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html[data-theme] body #ds-student-dashboard :is(.dsdash-card,.dsg-goals){padding:14px!important}
 html[data-theme] body #ds-student-dashboard .dsdash-stat-card{padding:14px!important;min-height:0!important}
 html[data-theme] body #ds-student-dashboard .dsdash-filter-row{display:flex;flex-wrap:wrap;gap:6px}
 html[data-theme] body #ds-student-dashboard .dsdash-filter-row button{flex:1 1 auto}
 html[data-theme] body #ds-learning-studio :is(.dss-role-tabs,.dss-tabs) button{flex:1 1 auto}
 html[data-theme] body #ds-learning-studio :is(.dss-grid,.dss-two,.dss-form-row){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html[data-theme] body #ds-learning-studio .dss-card{padding:14px!important}
}
@media(prefers-reduced-motion:reduce){html[data-theme] body #ds-student-dashboard .dsg-reminder-toggle :is(span,span:after){transition:none!important}}

/* Lernkarten: Bewertung 1–5 als farbige Skala (rot → grün), groß und eindeutig. */
html[data-theme] body #ds-learning-studio .dsf-confidence{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;width:100%;margin-top:14px}
html[data-theme] body #ds-learning-studio .dsf-confidence-hint{margin:16px 0 0!important;color:var(--ds-muted2)!important;font-size:14px!important}
html[data-theme] body #ds-learning-studio .dsf-confidence-keys{display:block;margin-top:8px;color:var(--ds-muted);font-size:12px}
html[data-theme] body #ds-learning-studio .dsf-conf{
  --c:#94a3b8;display:grid!important;justify-items:center;gap:4px;min-height:72px!important;padding:10px 6px!important;
  border:2px solid color-mix(in srgb,var(--c) 55%,transparent)!important;border-radius:14px!important;
  background:color-mix(in srgb,var(--c) 14%,var(--ds-card))!important;color:var(--ds-text)!important;
  font-family:inherit!important;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;
}
html[data-theme] body #ds-learning-studio .dsf-conf b{font-size:26px;line-height:1;font-weight:700;color:var(--c)}
html[data-theme] body #ds-learning-studio .dsf-conf span{font-size:12px;font-weight:600;line-height:1.2;text-align:center;color:var(--ds-muted2)}
html[data-theme] body #ds-learning-studio .dsf-conf:hover,html[data-theme] body #ds-learning-studio .dsf-conf:focus-visible{background:var(--c)!important;border-color:var(--c)!important;transform:translateY(-2px);outline:none}
html[data-theme] body #ds-learning-studio .dsf-conf:hover b,html[data-theme] body #ds-learning-studio .dsf-conf:hover span,html[data-theme] body #ds-learning-studio .dsf-conf:focus-visible b,html[data-theme] body #ds-learning-studio .dsf-conf:focus-visible span{color:#fff}
html[data-theme] body #ds-learning-studio .dsf-conf:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 40%,transparent)}
html[data-theme] body #ds-learning-studio .dsf-conf:disabled{opacity:.55;cursor:not-allowed;transform:none}
html[data-theme] body #ds-learning-studio .dsf-conf-1{--c:#dc2626}
html[data-theme] body #ds-learning-studio .dsf-conf-2{--c:#c2410c}
html[data-theme] body #ds-learning-studio .dsf-conf-3{--c:#926400}
html[data-theme] body #ds-learning-studio .dsf-conf-4{--c:#4d7c0f}
html[data-theme] body #ds-learning-studio .dsf-conf-5{--c:#15803d}
html[data-theme="dark"] body #ds-learning-studio .dsf-conf-1{--c:#f87171}
html[data-theme="dark"] body #ds-learning-studio .dsf-conf-2{--c:#fb923c}
html[data-theme="dark"] body #ds-learning-studio .dsf-conf-3{--c:#facc15}
html[data-theme="dark"] body #ds-learning-studio .dsf-conf-4{--c:#a3e635}
html[data-theme="dark"] body #ds-learning-studio .dsf-conf-5{--c:#4ade80}
html[data-theme="dark"] body #ds-learning-studio .dsf-conf:hover b,html[data-theme="dark"] body #ds-learning-studio .dsf-conf:hover span,html[data-theme="dark"] body #ds-learning-studio .dsf-conf:focus-visible b,html[data-theme="dark"] body #ds-learning-studio .dsf-conf:focus-visible span{color:#0b0f14}
html[data-theme] body #ds-learning-studio .dsf-card{border-radius:16px!important;background:var(--ds-card)!important}
html[data-theme] body #ds-learning-studio .dsf-answer{border-radius:12px;background:var(--ds-card2);border:1px solid var(--ds-border)!important;margin-top:8px}
@media(prefers-reduced-motion:reduce){
 html[data-theme] body #ds-learning-studio .dsf-conf{transition:none!important;transform:none!important}
}
@media(max-width:700px){
 html[data-theme] body #ds-learning-studio .dsf-confidence{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
 html[data-theme] body #ds-learning-studio .dsf-confidence button:last-child{grid-column:auto!important}
 html[data-theme] body #ds-learning-studio .dsf-conf{min-height:64px!important;padding:8px 2px!important}
 html[data-theme] body #ds-learning-studio .dsf-conf b{font-size:22px}
 html[data-theme] body #ds-learning-studio .dsf-conf span{font-size:10px}
}