.unlock-note {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 20px;
  align-items: center;
  margin: 20px 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: #e7ece8;
}
.unlock-note span { font-size: 12px; font-weight: 700; }
.unlock-note strong { grid-row: 1 / 3; grid-column: 2; font: 700 20px/1 monospace; letter-spacing: .08em; }
.unlock-note small { color: var(--muted); }
body.session-active .topbar { display: none; }
body.session-active .student-view { min-height: 100vh; }
.workspace-head { flex-wrap: wrap; }
.workspace-head > div:first-child { flex: 1 1 480px; min-width: 0; }
.workspace-head .title-input { width: 100%; }
.recovery-button { margin: 12px auto 0; }
.teacher-workspace-switch { position: fixed; z-index: 30; right: 20px; bottom: 18px; min-width: 118px; min-height: 42px; padding: 9px 18px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: rgba(248,248,243,.94); box-shadow: var(--shadow); font-weight: 700; backdrop-filter: blur(14px); }
.project-browser-view { padding: 48px 30px 110px; }
.project-browser-shell { width: min(1080px, 100%); margin: 0 auto; }
.project-browser-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 28px; margin-bottom: 34px; }
.project-browser-head > div:first-child { flex: 1 1 420px; min-width: 0; }
.project-browser-head .actions { flex-wrap: wrap; }
.project-browser-head h1 { margin: 5px 0 0; font-size: clamp(34px, 5vw, 52px); }
.project-browser-head p { margin: 5px 0 0; color: var(--muted); }
.focus-project-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; }
.focus-project-card { display: flex; flex-direction: column; min-height: 230px; padding: 22px; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); box-shadow: var(--shadow); }
.focus-project-card.is-active { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(49,93,85,.12), var(--shadow); }
.focus-project-card h2 { margin: 7px 0 4px; font-size: 23px; }
.focus-project-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.focus-project-meta span { padding: 5px 9px; border-radius: 999px; color: var(--muted); background: #ecece6; font-size: 12px; }
.focus-project-card-actions { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: auto; }
.focus-project-card-actions .open-project { grid-column: 1 / -1; }
.focus-project-card-actions button { min-height: 38px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; font-weight: 700; }
.focus-project-card-actions .delete-project { color: var(--danger); }
@media (max-width:760px) { .project-browser-head { flex-direction: column; } .project-browser-view { padding-inline: 16px; } }

/* Verbindliches Schola-Workspace-Muster, entsprechend der Stundenplan-App. */
.topbar { height:82px; min-height:82px; padding:18px 18px 10px 20px; }
.brand-plate,.brand-mark { display:flex; align-items:center; }
.brand-plate { align-self:stretch; gap:14px; min-width:0; height:54px; padding:0 12px; }
.brand-mark { gap:12px; min-width:0; }
.brand-home-link { display:inline-flex; width:48px; height:48px; align-items:center; justify-content:center; }
.brand-bird { width:48px; height:48px; object-fit:contain; filter:brightness(0) saturate(100%) invert(20%) sepia(18%) saturate(673%) hue-rotate(122deg) brightness(92%) contrast(90%); opacity:.94; }
.brand-name { font-size:clamp(1.32rem,2.05vw,1.82rem); font-weight:700; line-height:1; }
.header-icon-button { display:inline-flex; align-items:center; justify-content:center; width:36px; height:34px; padding:0; border:1px solid transparent; border-radius:9px; background:transparent; cursor:pointer; }
.header-icon-button:hover,.header-icon-button:focus-visible,.header-icon-button[aria-expanded="true"] { outline:none; border-color:var(--line); background:rgba(255,255,252,.56); }
.view { min-height:calc(100vh - 82px); }
.teacher-view .sidebar { top:82px; height:calc(100vh - 82px); }
.menu-overlay { position:fixed; inset:0; z-index:30; background:rgba(33,54,51,.13); backdrop-filter:blur(2px); }
.menu-overlay[hidden] { display:none; }
.side-menu { position:fixed; z-index:31; inset:0 auto 0 0; width:min(420px,calc(100vw - 28px)); padding:18px; border-right:1px solid var(--line); background:rgba(246,246,239,.97); box-shadow:24px 0 70px rgba(33,54,51,.15); transform:translateX(-100%); transition:transform 180ms ease; }
.side-menu.is-open { transform:translateX(0); }
.side-menu-inner { display:flex; flex-direction:column; gap:18px; height:100%; }
.side-menu-head { display:flex; justify-content:space-between; gap:18px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.project-choice-list { display:grid; gap:6px; }
.project-choice { display:flex; padding:9px 10px; border-radius:8px; color:inherit; text-decoration:none; }
.project-choice:hover { background:rgba(33,54,51,.06); }
.workspace-strip { position: fixed; right: 0; bottom: 0; left: 0; z-index: 40; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; padding: 16px 16px calc(16px + env(safe-area-inset-bottom,0px)); border: 0; border-top: 1px solid var(--line); border-radius: 0; background: rgba(239,239,232,.94); color: var(--muted); box-shadow: none; cursor: pointer; backdrop-filter: blur(16px); }
.workspace-strip span { font-size: .78rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.workspace-strip:hover,.workspace-strip:focus-visible { outline: 0; color: var(--ink); background: rgba(248,248,242,.96); }
.teacher-view .sidebar { padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)); }
.workspace-strip-top { top: 0; bottom: auto; padding-top: calc(16px + env(safe-area-inset-top,0px)); padding-bottom: 16px; border-top: 0; border-bottom: 1px solid var(--line); }
.workspace-browser .topbar { display: none; }
.project-browser-view { min-height: 100vh; padding: 0; }
.project-browser-view.z-browser-scope { --z-browser-card-accent-rgb:33,54,51; --z-browser-active-title:#213633; --z-browser-menu-trigger:var(--ink-soft); --z-browser-menu-bg:#f7f7f1; --z-browser-menu-border:var(--line); --z-browser-menu-shadow:rgba(33,54,51,.16); --z-browser-menu-text:var(--ink); --z-browser-menu-action-hover-bg:rgba(33,54,51,.06); --z-browser-delete-progress:rgba(196,105,95,.66); --z-browser-delete-text:var(--ink); }
.project-card-menu-action-delete { touch-action:none; }
.project-browser-view.z-browser-scope .focus-project-menu .project-card-menu-action-delete.is-hold-active,
.project-browser-view.z-browser-scope .focus-project-menu .project-card-menu-action-delete.is-hold-ready {
  background:
    linear-gradient(
      90deg,
      rgba(196,105,95,.66) 0%,
      rgba(196,105,95,.66) var(--hold-progress),
      transparent var(--hold-progress),
      transparent 100%
    ),
    rgba(33,54,51,.06);
  color: var(--ink);
}
.settings-stage { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; height: 100vh; overflow: hidden; padding: 72px 22px 22px; }
.settings-panel { position: relative; display: flex; flex-direction: column; min-height: 0; padding: clamp(18px,2.4vw,28px); border: 1px solid var(--line); border-radius: 18px; background: rgba(249,249,244,.78); box-shadow: 0 18px 50px rgba(33,54,51,.07),inset 0 1px 0 rgba(255,255,255,.72); backdrop-filter: blur(14px); }
.panel-head { display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between; gap: 20px; }
.panel-head h2 { margin: 4px 0 0; font-size: 1.18rem; line-height: 1.2; }
.browser-panel { overflow: hidden; }
.browser-actions-menu-shell { position: relative; }
.browser-actions-button { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid transparent; border-radius: 10px; background: transparent; }
.browser-actions-button:hover,.browser-actions-button:focus-visible,.browser-actions-button[aria-expanded=true] { outline: 0; border-color: var(--line); background: rgba(255,255,252,.58); }
.browser-actions-dots,.browser-actions-dots::before,.browser-actions-dots::after { display: block; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.browser-actions-dots { position: relative; }.browser-actions-dots::before,.browser-actions-dots::after { content:""; position:absolute; left:0; }.browser-actions-dots::before { top:-7px; }.browser-actions-dots::after { top:7px; }
.browser-actions-menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 12; display: grid; min-width: 205px; padding: 5px; border: 1px solid var(--line); border-radius: 12px; background: rgba(247,247,241,.98); box-shadow: 0 16px 36px rgba(33,54,51,.16); }
.browser-actions-menu[hidden] { display:none; }.browser-actions-menu button,.browser-actions-menu label { position: relative; display: flex; align-items: center; min-height: 36px; padding: 8px 11px; overflow: hidden; border: 0; border-radius: 8px; background: transparent; font-size: .82rem; text-align: left; cursor: pointer; }.browser-actions-menu button:hover,.browser-actions-menu label:hover { background: rgba(33,54,51,.06); }.browser-actions-menu input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.project-browser-list { display: flex; flex: 1 1 auto; flex-direction: column; gap: 5px; min-height: 0; margin-top: 18px; padding-right: 3px; overflow: auto; scrollbar-gutter: stable; }
.focus-browser-row { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; gap: 9px; align-items: center; min-height: 54px; padding: 7px 9px; border: 1px solid transparent; border-radius: 11px; background: transparent; }
.focus-browser-row:hover { background: rgba(33,54,51,.035); }.focus-browser-row.is-active { border-color: var(--line); background: rgba(255,255,252,.48); }
.folder-icon { position: relative; width: 23px; height: 17px; border: 2px solid var(--ink-soft); border-radius: 3px; opacity:.78; }.folder-icon::before { content:""; position:absolute; left:1px; top:-7px; width:10px; height:6px; border:2px solid var(--ink-soft); border-bottom:0; border-radius:3px 3px 0 0; }
.focus-project-main { min-width:0; padding:5px 2px; border:0; background:transparent; text-align:left; }.focus-project-main strong,.focus-project-main small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.focus-project-main small { margin-top:3px; color:var(--muted); font-size:.7rem; }
.focus-row-menu { display:flex; gap:3px; }.focus-row-menu button { width:31px; height:31px; padding:0; border:1px solid transparent; border-radius:9px; background:transparent; }.focus-row-menu button:hover { border-color:var(--line); background:#fff; }
.focus-project-menu-shell { position:relative; justify-self:end; }
.focus-project-menu-button { display:grid; place-items:center; width:31px; height:31px; padding:0; border:1px solid transparent; border-radius:9px; background:transparent; }
.focus-project-menu-button:hover,.focus-project-menu-button:focus-visible,.focus-project-menu-button[aria-expanded=true] { outline:0; border-color:var(--line); background:#fff; }
.focus-project-menu { position:absolute; top:calc(100% + 5px); right:0; z-index:20; display:grid; gap:2px; width:210px; padding:5px; border:1px solid var(--line); border-radius:11px; background:#f7f7f1; box-shadow:0 16px 36px rgba(33,54,51,.16); }
.focus-project-menu[hidden] { display:none; }.focus-project-menu button { position:relative; min-height:37px; padding:8px 10px; overflow:hidden; border:0; border-radius:8px; background:transparent; font-size:.8rem; text-align:left; }.focus-project-menu button:hover { background:rgba(33,54,51,.06); }
.focus-project-menu .delete-project { color:var(--danger); }.focus-project-menu .delete-project::after { content:""; position:absolute; right:0; bottom:0; left:0; height:3px; background:currentColor; transform:scaleX(0); transform-origin:left; }.focus-project-menu .delete-project.is-arming::after { transform:scaleX(1); transition:transform 900ms linear; }

/* Projektmenü: identische Struktur und Darstellung wie im Stundenplan. */
.schedule-menu-shell { position:relative; --line:rgba(33,54,51,.13); font:16px Arial,Helvetica,sans-serif; line-height:normal; }
.project-browser-menu .schedule-menu-button { width:30px; height:30px; }
.schedule-menu-button { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid transparent; border-radius:9px; background:transparent; cursor:pointer; }
.schedule-menu-button span,
.schedule-menu-button span::before,
.schedule-menu-button span::after { display:block; width:4px; height:4px; border-radius:50%; background:currentColor; }
.schedule-menu-button span { position:relative; }
.schedule-menu-button span::before,
.schedule-menu-button span::after { content:""; position:absolute; left:0; }
.schedule-menu-button span::before { top:-7px; }
.schedule-menu-button span::after { top:7px; }
.schedule-menu-button:hover,
.schedule-menu-button:focus-visible,
.schedule-menu-button[aria-expanded="true"] { outline:none; border-color:var(--line); background:rgba(255,255,252,.68); }
.schedule-menu { position:absolute; top:calc(100% + 5px); right:0; z-index:8; min-width:190px; padding:5px; border:1px solid var(--line); border-radius:11px; background:#f7f7f1; box-shadow:0 14px 34px rgba(33,54,51,.16); }
.schedule-menu[hidden] { display:none; }
.schedule-menu button { position:relative; overflow:hidden; width:100%; padding:9px 10px; border:0; border-radius:8px; background:transparent; font-size:.82rem; text-align:left; cursor:pointer; }
.schedule-menu button:hover,
.schedule-menu button:focus-visible { outline:none; background:rgba(33,54,51,.06); }
.schedule-menu-delete { --hold-progress:0%; touch-action:none; }
.schedule-menu button.schedule-menu-delete.is-hold-active,
.schedule-menu button.schedule-menu-delete.is-hold-ready { background:linear-gradient(90deg,rgba(196,105,95,.66) 0%,rgba(196,105,95,.66) var(--hold-progress),transparent var(--hold-progress),transparent 100%),rgba(33,54,51,.06); }

/* Projektbaum: unveränderte Stundenplan-Geometrie und -Typografie. */
.project-browser-view.z-browser-scope .project-browser-list { --ink-soft:#445651; --muted:#78817c; --line:rgba(33,54,51,.13); --line-strong:rgba(33,54,51,.25); display:flex; flex:1 1 auto; flex-direction:column; gap:5px; margin-top:18px; padding-right:3px; overflow:auto; scrollbar-gutter:stable; font:16px Arial,Helvetica,sans-serif; line-height:normal; }
.project-browser-view.z-browser-scope .project-card { flex:0 0 auto; display:block; overflow:visible; border:1px solid transparent; border-radius:11px; background:transparent; }
.project-browser-view.z-browser-scope .project-card:hover { background:rgba(33,54,51,.035); }
.project-browser-view.z-browser-scope .project-card.is-active { border-color:var(--line); background:rgba(255,255,252,.48); }
.project-row { display:grid; grid-template-columns:25px 25px minmax(0,1fr) 22px 32px; gap:7px; align-items:center; min-height:50px; padding:7px 10px; }
.project-display-checkbox { appearance:none; display:grid; place-items:center; width:18px; height:18px; margin:0; padding:0; border:1px solid var(--line-strong); border-radius:5px; background:rgba(255,255,252,.58); cursor:pointer; }
.project-display-checkbox::before { width:8px; height:4px; border-bottom:2px solid white; border-left:2px solid white; content:""; opacity:0; transform:translateY(-1px) rotate(-45deg); }
.project-display-checkbox:checked { border-color:var(--ink-soft); background:var(--ink-soft); }
.project-display-checkbox:checked::before { opacity:1; }
.project-display-checkbox:focus-visible { outline:2px solid var(--line-strong); outline-offset:2px; }
.tree-toggle,.folder-icon { display:grid; place-items:center; width:25px; height:25px; }
.tree-toggle { padding:0; border:0; border-radius:7px; background:transparent; color:var(--muted); cursor:pointer; }
.tree-toggle:hover,.tree-toggle:focus-visible { outline:none; background:rgba(255,255,252,.62); color:var(--ink); }
.folder-icon { position:relative; width:22px; height:15px; border:1px solid var(--line-strong); border-radius:3px; background:rgba(198,215,189,.4); }
.folder-icon::before { content:""; position:absolute; top:-5px; left:-1px; width:10px; height:5px; border:1px solid var(--line-strong); border-bottom:0; border-radius:3px 3px 0 0; background:rgba(198,215,189,.4); }
.project-main { min-width:0; padding:3px 0; border:0; background:transparent; text-align:left; cursor:pointer; }
.project-main:focus-visible { outline:2px solid var(--line-strong); outline-offset:3px; border-radius:7px; }
.project-main strong,.project-main span { display:block; }
.project-main strong { overflow:hidden; font-size:.9rem; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.project-main span { margin-top:3px; color:var(--muted); font-size:.73rem; }
.layer-list { display:grid; gap:2px; padding:0 10px 9px 58px; }
.layer-tree-item { display:grid; min-width:0; }
.layer-tree-head { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:0; }
.layer-tree-toggle,.layer-tree-spacer { display:grid; place-items:center; width:24px; height:28px; }
.layer-tree-toggle { padding:0; border:0; border-radius:7px; background:transparent; color:var(--muted); font:inherit; font-size:.9rem; cursor:pointer; }
.layer-tree-toggle:hover,.layer-tree-toggle:focus-visible { outline:none; background:rgba(255,255,252,.62); color:var(--ink); }
.layer-row { position:relative; width:100%; min-height:31px; padding:7px 8px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--ink-soft); font:inherit; font-size:.8rem; text-align:left; cursor:pointer; }
.layer-row:hover,.layer-row:focus-visible { outline:none; background:rgba(255,255,252,.55); color:var(--ink); }
.layer-row.is-active { border-color:var(--line); background:rgba(255,255,252,.72); color:var(--ink); font-weight:700; }
.schedule-tree-row { position:relative; width:calc(100% - 16px); min-height:29px; margin-left:16px; padding:6px 8px 6px 23px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--muted); font:inherit; font-size:.76rem; text-align:left; cursor:pointer; }
.schedule-tree-row::before { content:"▦"; position:absolute; left:6px; color:var(--ink-soft); }
.schedule-tree-row:hover,.schedule-tree-row:focus-visible { outline:none; background:rgba(255,255,252,.55); color:var(--ink); }
.schedule-tree-row.is-active { border-color:var(--line); background:rgba(255,255,252,.72); color:var(--ink); font-weight:700; }
.focus-class-tree-list { display:grid; gap:2px; }
.focus-class-tree-item { display:grid; min-width:0; }
.focus-class-tree-head { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; margin-left:16px; }
.focus-class-tree-head .schedule-tree-row { width:100%; margin-left:0; }
.focus-student-tree-list { display:grid; gap:2px; margin-left:40px; }
.focus-student-tree-row { width:calc(100% - 16px); }
.focus-student-tree-row { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.focus-student-tree-row::before { content:"•"; left:9px; }
.focus-student-tree-status { flex:0 0 auto; padding:2px 6px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:rgba(255,255,252,.58); font-size:.62rem; font-weight:700; line-height:1.25; }
.focus-student-tree-status.is-absent { color:#805e58; background:rgba(196,105,95,.1); }
.focus-student-tree-status.is-handwritten { color:#6d6140; background:rgba(211,186,112,.16); }
.focus-student-tree-status.is-submitted { color:#355c4e; background:rgba(129,176,151,.17); }
.schedule-tree-row.focus-student-tree-row.is-submission-submitted { color:#347156; }
.schedule-tree-row.focus-student-tree-row.is-submission-absent { color:#a44f48; }
.schedule-tree-row.focus-student-tree-row.is-submission-submitted::before { color:#347156; }
.schedule-tree-row.focus-student-tree-row.is-submission-absent::before { color:#a44f48; }
.focus-tree-empty { display:block; margin-left:40px; padding:6px 8px; color:var(--muted); font-size:.76rem; }
.project-detail { display:flex; flex:1 1 auto; flex-direction:column; min-height:0; margin-top:18px; overflow:auto; }
.focus-detail-intro { padding: 4px 2px 22px; border-bottom:1px solid var(--line); }.focus-detail-intro h3 { margin:4px 0 6px; font-size:clamp(25px,3vw,38px); }.focus-detail-intro p { margin:0; color:var(--muted); }
.focus-detail-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:20px 0; }.focus-detail-stats div { padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,252,.48); }.focus-detail-stats strong,.focus-detail-stats span { display:block; }.focus-detail-stats strong { font-size:1.3rem; }.focus-detail-stats span { color:var(--muted); font-size:.72rem; }
.focus-detail-actions { display:grid; gap:8px; margin-top:auto; padding-top:22px; }.focus-detail-actions button { min-height:42px; padding:9px 14px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,252,.66); font-weight:700; }.focus-detail-actions button:first-child { color:#fff; background:var(--ink); }.focus-detail-actions .delete-project { color:var(--danger); }
@media(max-width:820px){.settings-stage{overflow:auto;grid-template-columns:1fr;padding:66px 8px 12px}.settings-panel{min-height:360px}.focus-detail-stats{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{height:82px;min-height:82px;padding:18px 10px 10px 12px}.brand-plate{padding:0 5px;gap:8px}.brand-home-link,.brand-bird{width:44px;height:44px}.brand-name{font-size:1.36rem}}
.task-type-list { display:grid; gap:10px; margin-top:22px; }
.task-type-option { display:grid; grid-template-columns:48px minmax(0,1fr); gap:14px; align-items:center; width:100%; padding:14px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,252,.66); text-align:left; }
.task-type-option:hover,.task-type-option:focus-visible { outline:0; border-color:var(--line-strong); background:#fff; }
.task-type-option > span:last-child { display:grid; gap:3px; }.task-type-option strong { font-size:.95rem; }.task-type-option small { color:var(--muted); line-height:1.4; }
.task-type-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:11px; color:var(--ink); background:#dfe6e1; font-size:1.2rem; font-weight:700; }
.focus-project-tree-row { grid-template-columns:24px 24px minmax(0,1fr) 30px; }
.focus-tree-children { display:grid; padding:2px 8px 8px 42px; }
.focus-class-layer-row { display:grid; grid-template-columns:24px minmax(0,1fr) 28px; gap:5px; align-items:center; min-height:39px; }
.focus-class-layer-main,.focus-class-entry { min-width:0; padding:7px 8px; border:0; border-radius:8px; background:transparent; text-align:left; }
.focus-class-layer-main:hover,.focus-class-entry:hover,.focus-class-entry.is-active { background:rgba(255,255,252,.58); }
.focus-class-layer-main { font-weight:700; }.focus-add-class { display:grid; place-items:center; width:27px; height:27px; padding:0; border:1px solid transparent; border-radius:8px; background:transparent; font-size:18px; }.focus-add-class:hover { border-color:var(--line); background:#fff; }
.focus-class-list { display:grid; margin-left:24px; }.focus-class-entry { display:flex; justify-content:space-between; gap:10px; color:var(--ink-soft); }.focus-class-entry::before { content:"◆"; align-self:center; margin-right:4px; font-size:.48rem; }.focus-class-entry span { margin-left:auto; color:var(--muted); font-size:.7rem; }
.focus-roster-editor { display:grid; gap:16px; }.focus-roster-editor > label { display:grid; gap:6px; color:var(--muted); font-size:.76rem; font-weight:700; }.focus-roster-editor input { width:100%; }
.focus-student-list { display:grid; gap:7px; }.focus-student-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; }.focus-student-row button { width:36px; height:36px; padding:0; border:1px solid var(--line); border-radius:9px; color:var(--danger); background:rgba(255,255,252,.66); }
.focus-roster-empty { color:var(--muted); font-size:.84rem; }.focus-roster-actions { display:flex; flex-wrap:wrap; gap:8px; }.focus-roster-actions button { min-height:39px; padding:8px 12px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,252,.66); font-weight:700; }
.focus-student-id { display:block; margin-top:2px; color:var(--muted); font:10px/1.2 monospace; }
.focus-linked-classes-editor { display:flex; align-items:flex-start; min-height:100%; padding:4px 2px; }
.focus-linked-classes-guide { display:grid; gap:10px; max-width:520px; padding:4px 2px; }
.focus-linked-classes-guide h3,.focus-linked-classes-guide p { margin:0; }
.focus-linked-classes-guide p { max-width:48ch; color:var(--muted); font-size:.88rem; line-height:1.55; }
.focus-linked-classes-guide .primary { justify-self:start; margin-top:8px; }
.focus-linked-classes-editor .primary { min-height:42px; padding:9px 14px; border:1px solid var(--ink); border-radius:10px; color:#fff; background:var(--ink); font-weight:700; cursor:pointer; }
.focus-class-title-line { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.focus-class-title-line h3 { min-width:0; }
.focus-class-title-line .schedule-menu-shell { flex:0 0 auto; }
.focus-student-submission-editor { display:grid; gap:16px; padding-top:20px; }
.focus-student-submission-editor select { width:100%; min-height:42px; padding:9px 38px 9px 11px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:rgba(255,255,252,.72); font:inherit; }
.cloze-author-field { margin-top:18px; }
.cloze-author-field textarea { width:100%; min-height:150px; }
.cloze-author-field small { font-weight:400; line-height:1.45; }
.cloze-preview { margin-top:16px; padding:18px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,252,.5); line-height:2.2; white-space:pre-wrap; }
.cloze-preview-gap { display:inline-block; min-width:72px; margin:0 3px; padding:0 8px; border-bottom:2px solid var(--ink-soft); color:var(--muted); text-align:center; }
.student-cloze-text { margin-top:20px; font-size:17px; line-height:2.65; white-space:pre-wrap; }
.student-cloze-input { display:inline-block; width:clamp(90px,18vw,190px); min-height:38px; margin:6px 7px; padding:7px 10px 5px; border:1px solid rgba(49,93,85,.22); border-bottom:3px solid #47766c; border-radius:7px 7px 3px 3px; background:#fffefa; box-shadow:0 2px 5px rgba(33,54,51,.06); font:inherit; line-height:1.3; text-align:center; vertical-align:middle; }
.student-cloze-input:hover { border-color:rgba(49,93,85,.42); border-bottom-color:#315d55; }
.student-cloze-input:focus { outline:0; border-color:#315d55; border-bottom-color:#234a43; box-shadow:0 0 0 3px rgba(49,93,85,.12); }
.student-cloze-input:disabled { opacity:1; color:#69736f; border-color:rgba(49,93,85,.18); border-bottom-color:#66877f; background:#f4f4ee; box-shadow:none; }
.cloze-field-config { grid-template-columns:1fr auto; }
.cloze-word-bank-editor { display:grid; gap:12px; margin-top:16px; padding:16px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,252,.42); }
.cloze-word-bank-toggle { display:flex; align-items:center; gap:9px; font-weight:700; }
.cloze-word-bank-toggle input { width:18px; height:18px; margin:0; padding:0; }
.cloze-word-bank-editor textarea { min-height:76px; }
.cloze-word-bank { display:flex; flex-wrap:wrap; gap:7px; }
.cloze-word-bank > span { padding:5px 9px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,252,.75); font-size:.78rem; }
.student-cloze-word-bank { display:grid; gap:9px; margin-top:18px; padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(223,230,225,.42); }
.session-actions { flex-wrap:wrap; justify-content:flex-end; }
.preview-exit-button { flex:0 0 100%; width:100%; }
.focus-submission-card { display:grid; gap:5px; padding:16px; border:1px dashed var(--line-strong); border-radius:12px; background:rgba(255,255,252,.35); }
.focus-submission-card.has-submission { border-style:solid; background:rgba(198,215,189,.22); }
.focus-submission-card p { margin:0; color:var(--muted); }
.focus-submission-card strong { font-size:.9rem; }
.focus-submission-card small { color:var(--muted); }
.focus-submission-import { justify-self:start; }
.focus-submission-viewer { display:grid; gap:12px; margin-top:4px; }
.focus-result-readonly { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:.72rem; font-weight:700; }
.focus-result-tabs { display:flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:11px; background:rgba(238,238,231,.52); }
.focus-result-tabs button { flex:1; min-height:36px; padding:7px 10px; border:0; border-radius:8px; color:var(--muted); background:transparent; font:inherit; font-size:.76rem; font-weight:700; cursor:pointer; }
.focus-result-tabs button[aria-selected="true"] { color:var(--ink); background:#fff; box-shadow:0 1px 5px rgba(33,54,51,.08); }
.focus-result-panel[hidden] { display:none; }
.focus-result-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-bottom:12px; }
.focus-result-summary > span { display:grid; gap:3px; padding:10px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,252,.52); }
.focus-result-summary small { color:var(--muted); font-size:.62rem; text-transform:uppercase; letter-spacing:.08em; }
.focus-result-summary strong { font-size:.7rem; font-weight:700; }
.focus-result-answer-list { display:grid; gap:10px; }
.focus-result-answer { display:grid; gap:10px; padding:14px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,252,.64); }
.focus-result-answer header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.focus-result-answer h4 { margin:2px 0 0; font-size:.9rem; }
.focus-result-answer header > span,.focus-result-answer > small { color:var(--muted); font-size:.68rem; }
.focus-result-text { min-height:42px; padding:10px 11px; border-left:3px solid rgba(49,93,85,.28); background:rgba(238,238,231,.3); font-size:.82rem; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; user-select:text; }
.focus-result-gaps { display:grid; gap:6px; margin:0; padding:0; list-style:none; }
.focus-result-gaps li { display:grid; grid-template-columns:70px minmax(0,1fr); gap:9px; padding:7px 9px; border-radius:7px; background:rgba(238,238,231,.36); font-size:.78rem; }
.focus-result-gaps span { color:var(--muted); }.focus-result-gaps strong { overflow-wrap:anywhere; }
.focus-result-empty { color:var(--muted); font-size:.8rem; }
.focus-protocol-summary { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:13px 14px; border:1px solid var(--line); border-radius:10px; background:rgba(223,230,225,.32); }
.focus-protocol-summary strong { font-size:.82rem; }.focus-protocol-summary span { color:var(--muted); font-size:.72rem; }
.focus-absence-list { display:grid; gap:7px; margin-top:10px; }
.focus-absence-list article { display:grid; grid-template-columns:26px minmax(0,1fr) auto; gap:9px; align-items:center; padding:10px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,252,.55); }
.focus-protocol-index { display:grid; place-items:center; width:24px; height:24px; border-radius:7px; color:var(--accent); background:rgba(49,93,85,.1); font-size:.68rem; font-weight:800; }
.focus-absence-list article > div { display:grid; gap:2px; }.focus-absence-list strong { font-size:.76rem; }.focus-absence-list small { color:var(--muted); font-size:.65rem; }.focus-absence-list b { font-size:.72rem; white-space:nowrap; }
.focus-event-details { margin-top:12px; border-top:1px solid var(--line); padding-top:10px; }
.focus-event-details summary { color:var(--muted); font-size:.72rem; font-weight:700; cursor:pointer; }
.focus-event-list { display:grid; gap:5px; margin-top:9px; }
.focus-event-list > div { display:grid; grid-template-columns:132px minmax(0,1fr); gap:3px 9px; padding:7px 8px; border-radius:7px; background:rgba(238,238,231,.3); font-size:.68rem; }
.focus-event-list time { color:var(--muted); }.focus-event-list span { grid-column:2; color:var(--muted); }
.focus-device-settings { display:grid; gap:6px; margin-top:14px; padding-top:13px; border-top:1px solid var(--line); }
.focus-device-settings strong { font:700 .8rem/1.3 monospace; letter-spacing:.04em; }
.focus-device-settings label { margin-top:3px; color:var(--muted); font-size:.7rem; font-weight:700; }
.focus-device-settings input { width:100%; min-height:38px; padding:8px 9px; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,252,.72); }
.focus-device-settings small { color:var(--muted); font-size:.66rem; line-height:1.4; }
.focus-device-protocol { display:grid; gap:6px; margin-bottom:10px; padding:13px 14px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,252,.58); }
.focus-device-protocol > div { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.focus-device-protocol strong { font-size:.84rem; }.focus-device-protocol code { color:var(--muted); font-size:.7rem; }
.focus-device-protocol p { margin:0; font-size:.74rem; line-height:1.5; }.focus-device-protocol small { color:var(--muted); font-size:.65rem; }
@media(max-width:680px){.focus-result-summary{grid-template-columns:1fr}.focus-absence-list article{grid-template-columns:26px minmax(0,1fr)}.focus-absence-list article>b{grid-column:2}.focus-event-list>div{grid-template-columns:1fr}.focus-event-list span{grid-column:1}}
.task-material-editor { display:grid; gap:12px; margin-top:10px; }
.task-material-list { display:grid; gap:12px; }
.task-material-card { overflow:hidden; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,252,.48); }
.task-material-head { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:8px 10px 8px 14px; border-bottom:1px solid var(--line); }
.task-material-head > div { display:grid; gap:2px; min-width:0; }
.task-material-head strong { overflow:hidden; font-size:.84rem; text-overflow:ellipsis; white-space:nowrap; }
.task-material-remove { display:grid; place-items:center; flex:0 0 auto; width:32px; height:32px; padding:0; border:0; border-radius:8px; color:var(--muted); background:transparent; font-size:1.3rem; cursor:pointer; }
.task-material-remove:hover { color:var(--danger); background:rgba(255,255,252,.8); }
.task-material-typemap { display:block; width:100%; height:320px; border:0; background:#fff; }
.task-material-image { display:block; width:100%; max-height:520px; object-fit:contain; background:#fff; }
.task-material-add { position:relative; justify-self:start; }
.task-material-add-button { display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid var(--line-strong); border-radius:10px; color:var(--ink); background:rgba(255,255,252,.72); font-size:1.35rem; cursor:pointer; }
.task-material-add-button:hover,.task-material-add-button:focus-visible { background:#fff; }
.task-material-menu { position:absolute; z-index:12; top:calc(100% + 6px); left:0; display:grid; min-width:190px; padding:5px; border:1px solid var(--line); border-radius:11px; background:#f9f9f4; box-shadow:0 12px 30px rgba(33,54,51,.14); }
.task-material-menu[hidden] { display:none; }
.task-material-menu button { min-height:37px; padding:8px 10px; border:0; border-radius:7px; color:var(--ink); background:transparent; font:inherit; font-size:.82rem; text-align:left; cursor:pointer; }
.task-material-menu button:hover { background:rgba(33,54,51,.07); }
.student-task-materials { display:grid; gap:16px; margin:18px 0 22px; }
.student-material-card { overflow:hidden; border:1px solid var(--line); border-radius:12px; background:#fff; }
.student-material-head { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:51px; padding:7px 9px 7px 14px; border-bottom:1px solid var(--line); background:rgba(255,255,252,.78); }
.student-material-head > div:first-child { display:grid; gap:2px; min-width:0; }
.student-material-head strong { font-size:.84rem; }
.student-material-actions { display:flex; align-items:center; gap:12px; }
.student-material-clock { display:none; font-size:.88rem; font-weight:700; font-variant-numeric:tabular-nums; letter-spacing:.04em; }
.student-material-fullscreen { position:relative; display:grid; place-items:center; width:34px; height:34px; padding:0; border:0; border-radius:8px; background:transparent; cursor:pointer; }
.student-material-fullscreen:hover,.student-material-fullscreen:focus-visible { background:rgba(33,54,51,.07); outline:none; }
.student-material-expand-icon,.student-material-minimize-icon { position:relative; display:block; width:17px; height:17px; }
.student-material-expand-icon::before,.student-material-expand-icon::after,.student-material-minimize-icon::before,.student-material-minimize-icon::after { position:absolute; width:6px; height:6px; border-color:currentColor; content:""; }
.student-material-expand-icon::before { top:0; left:0; border-top:1.5px solid; border-left:1.5px solid; }
.student-material-expand-icon::after { right:0; bottom:0; border-right:1.5px solid; border-bottom:1.5px solid; }
.student-material-minimize-icon { display:none; }
.student-material-minimize-icon::before { top:0; left:0; border-right:1.5px solid; border-bottom:1.5px solid; }
.student-material-minimize-icon::after { right:0; bottom:0; border-top:1.5px solid; border-left:1.5px solid; }
.student-material-body { min-width:0; }
.student-task-materials figure { margin:0; overflow:hidden; background:#fff; }
.student-task-materials img { display:block; width:100%; max-height:680px; object-fit:contain; }
.student-task-typemap { display:block; width:100%; height:380px; border:0; background:#fff; }
.task-material-display-option { display:flex; align-items:flex-start; gap:10px; padding:12px 14px; border-top:1px solid var(--line); cursor:pointer; }
.task-material-display-option input { flex:0 0 auto; width:17px; height:17px; margin:2px 0 0; accent-color:var(--ink); }
.task-material-display-option span { display:grid; gap:2px; }
.task-material-display-option strong { font-size:.8rem; }
.task-material-display-option small { color:var(--muted); font-size:.72rem; line-height:1.4; }
.task-material-typemap.is-full,.student-task-typemap.is-full { overflow:hidden; }
.task-material-interactive,.student-task-interactive { display:block; width:100%; height:min(680px,72vh); min-height:480px; border:0; background:#eeeee7; }
.student-task-interactive { border:0; }
.student-material-card.is-fullscreen { position:fixed; z-index:80; inset:0; display:flex; flex-direction:column; border:0; border-radius:0; background:var(--paper); }
.student-material-card.is-fullscreen .student-material-head { flex:0 0 auto; min-height:58px; padding-inline:20px; }
.student-material-card.is-fullscreen .student-material-clock { display:block; }
.student-material-card.is-fullscreen .student-material-expand-icon { display:none; }
.student-material-card.is-fullscreen .student-material-minimize-icon { display:block; }
.student-material-card.is-fullscreen .student-material-body { display:flex; flex:1 1 auto; min-height:0; overflow:auto; }
.student-material-card.is-fullscreen .student-task-interactive,.student-material-card.is-fullscreen .student-task-typemap { flex:1 1 auto; height:100%; min-height:0; }
.student-material-card.is-fullscreen figure { display:grid; flex:1 1 auto; width:100%; place-items:center; }
.student-material-card.is-fullscreen img { max-width:100%; max-height:calc(100dvh - 58px); }
body.student-material-fullscreen-open { overflow:hidden; }
@media(max-width:680px){.task-material-interactive,.student-task-interactive{height:620px;min-height:440px}}

/* Ruhige, klar gegliederte Werkstatt für Aufgabenbereiche. */
.teacher-view .workspace { justify-self:center; width:calc(100% - 48px); min-width:0; max-width:960px; }
.task-editor { margin-top:30px; }
.task-card { overflow:visible; padding:0; border-radius:16px; background:rgba(250,250,246,.9); box-shadow:0 12px 34px rgba(33,54,51,.065); }
.task-head { display:grid; grid-template-columns:40px minmax(0,1fr) 104px; gap:14px; align-items:center; padding:22px 24px 20px; border-bottom:1px solid var(--line); }
.task-number { width:36px; height:36px; border-radius:10px; color:var(--accent); background:rgba(49,93,85,.1); font-size:.84rem; }
.task-title-group { display:grid; gap:2px; min-width:0; }
.task-title-group .eyebrow { color:var(--accent); font-size:.63rem; }
.task-title { width:100%; min-width:0; padding:2px 0 4px; border:0; border-bottom:1px solid transparent; border-radius:0; background:transparent; font-size:1.35rem; line-height:1.25; }
.task-title:hover { border-bottom-color:var(--line); }
.task-title:focus { border-bottom-color:var(--accent); box-shadow:none; }
.be-field { position:relative; display:grid; grid-template-columns:1fr auto; gap:2px 5px; width:104px; }
.be-field input { grid-column:1 / -1; width:100%; padding-right:43px; font-variant-numeric:tabular-nums; }
.be-field .field-unit { position:absolute; right:11px; bottom:11px; color:var(--muted); font-size:.69rem; font-weight:700; pointer-events:none; }
.score-unit-menu-shell { position:absolute; z-index:8; right:6px; bottom:6px; }
.score-unit-button { display:flex; align-items:center; justify-content:center; min-width:32px; height:31px; padding:0 7px; border:0; border-radius:7px; color:var(--muted); background:transparent; font-size:.69rem; font-weight:700; cursor:pointer; }
.score-unit-button::after { margin-left:4px; border:3px solid transparent; border-top-color:currentColor; transform:translateY(2px); content:""; }
.score-unit-button:hover,.score-unit-button:focus-visible,.score-unit-button[aria-expanded="true"] { color:var(--ink); background:#f0f1eb; outline:none; }
.score-unit-menu { position:absolute; z-index:20; top:calc(100% + 6px); right:0; display:grid; min-width:190px; padding:5px; border:1px solid var(--line); border-radius:10px; background:#f9f9f4; box-shadow:0 12px 30px rgba(33,54,51,.16); }
.score-unit-menu[hidden] { display:none; }
.score-unit-menu button { display:grid; grid-template-columns:28px 1fr; gap:7px; align-items:center; min-height:38px; padding:7px 9px; border:0; border-radius:7px; background:transparent; font-size:.78rem; font-weight:700; text-align:left; cursor:pointer; }
.score-unit-menu button small { color:var(--muted); font-size:.72rem; font-weight:400; }
.score-unit-menu button[aria-checked="true"] { background:rgba(33,54,51,.07); }
.score-unit-menu button:hover,.score-unit-menu button:focus-visible { background:rgba(33,54,51,.1); outline:none; }
.task-editor-section { margin:0; padding:22px 24px; border-bottom:1px solid var(--line); }
.task-section-label { display:block; color:var(--ink); font-size:.79rem; font-weight:700; letter-spacing:.015em; }
.task-section-hint { margin:3px 0 12px; color:var(--muted); font-size:.76rem; line-height:1.45; }
.task-instruction-section textarea,.cloze-content-section textarea { display:block; width:100%; min-height:104px; margin:0; background:rgba(255,255,252,.78); line-height:1.55; }
.task-response-config { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:24px; align-items:end; background:rgba(238,238,231,.32); }
.task-response-config .task-section-hint { margin-bottom:0; }
.word-limit-field { width:150px; }
.field-optional { color:var(--muted); font-size:.66rem; font-weight:400; }
.task-editor-footer { display:flex; justify-content:flex-end; padding:10px 16px; }
.task-editor-footer .danger-link { min-height:34px; padding:7px 9px; font-size:.75rem; }
.task-editor-footer .danger-link:hover { border-radius:8px; background:rgba(154,67,61,.07); }
.task-delete-button { position:relative; min-height:36px; overflow:hidden; padding:8px 13px; border:1px solid rgba(154,67,61,.28); border-radius:9px; color:var(--danger); background:rgba(255,255,252,.58); font:inherit; font-size:.75rem; font-weight:700; cursor:pointer; touch-action:none; --hold-progress:0%; }
.task-delete-button:hover,.task-delete-button:focus-visible { outline:0; border-color:rgba(154,67,61,.48); background:rgba(154,67,61,.06); }
.task-delete-button.is-hold-active,.task-delete-button.is-hold-ready { background:linear-gradient(90deg,rgba(196,105,95,.66) 0%,rgba(196,105,95,.66) var(--hold-progress),transparent var(--hold-progress),transparent 100%),rgba(255,255,252,.58); }

.task-material-editor { gap:14px; margin:0; background:rgba(238,238,231,.18); }
.task-material-title { display:flex; align-items:start; justify-content:space-between; gap:16px; }
.task-material-title .task-section-hint { margin-bottom:0; }
.task-material-list:empty { display:none; }
.task-material-list { gap:10px; }
.task-material-card { border-radius:10px; background:#fff; box-shadow:0 2px 8px rgba(33,54,51,.035); }
.task-material-head { min-height:45px; padding:7px 8px 7px 12px; }
.task-material-head .eyebrow { font-size:.58rem; }
.task-material-heading { flex:1 1 auto; min-width:0; }
.task-material-toggle { display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:8px; color:var(--muted); background:transparent; font-size:1rem; cursor:pointer; }
.task-material-toggle:hover,.task-material-toggle:focus-visible { color:var(--ink); background:rgba(33,54,51,.06); }
.task-material-body[hidden] { display:none; }
.task-material-card.is-collapsed .task-material-head { border-bottom:0; }
.task-material-add-button { display:flex; gap:8px; align-items:center; width:auto; height:38px; padding:0 12px 0 9px; border-color:var(--line); border-radius:9px; font-size:.79rem; font-weight:700; }
.task-material-add-button > span:first-child { display:grid; place-items:center; width:20px; height:20px; border-radius:6px; color:#fff; background:var(--accent); font-size:1rem; font-weight:400; line-height:1; }
.task-material-menu { top:calc(100% + 7px); min-width:278px; padding:6px; border-radius:10px; }
.task-material-menu button { display:grid; gap:2px; min-height:52px; padding:8px 10px; }
.task-material-menu button strong { font-size:.8rem; }
.task-material-menu button small { color:var(--muted); font-size:.69rem; line-height:1.35; }

.cloze-content-section textarea { min-height:148px; }
.cloze-word-bank-editor { gap:13px; margin:18px 0 0; padding:14px 16px; border-radius:10px; background:rgba(223,230,225,.34); }
.cloze-word-bank-toggle { font-size:.79rem; }
.cloze-word-bank-editor textarea { min-height:72px; margin-top:1px; }
.cloze-preview-wrap { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.cloze-preview-wrap > .eyebrow { margin-bottom:7px; }
.cloze-preview { margin:0; padding:16px; border-style:dashed; border-radius:10px; background:rgba(255,255,252,.58); }

@media(max-width:680px){
  .teacher-view .workspace{width:calc(100% - 30px)}.task-head{grid-template-columns:36px minmax(0,1fr);padding:18px 16px}.be-field{grid-column:2;width:132px}.task-editor-section{padding:18px 16px}.task-response-config{grid-template-columns:1fr;gap:14px}.word-limit-field{width:100%}.task-material-menu{min-width:min(278px,calc(100vw - 64px))}
}
@media(min-width:761px) and (max-width:1120px){.workspace-head{flex-wrap:wrap}.workspace-head .actions{flex-wrap:wrap}.title-input{width:min(100%,580px)}}