/* Shared high-quality surface and control language for every Werkbank module. */
.app-shell.workshop-mode :is(button,a,input,select,textarea):focus-visible{outline:2px solid #2e678d;outline-offset:2px;box-shadow:0 0 0 4px rgba(46,103,141,.13)}
.app-shell.workshop-mode #workshopView :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){border-color:#bdccd5;background:#fff;box-shadow:inset 0 1px 1px rgba(24,49,67,.025);transition:border-color .14s ease,box-shadow .14s ease}
.app-shell.workshop-mode #workshopView :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):hover{border-color:#98afbd}
.app-shell.workshop-mode #workshopView :is(.secondary,.workshop-primary,.work-main-toolbar>button,.work-main-toolbar>a){border-radius:9px;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease,transform .14s ease}
.app-shell.workshop-mode #workshopView :is(.secondary,.workshop-primary,.work-main-toolbar>button,.work-main-toolbar>a):active{transform:translateY(1px)}
.app-shell.workshop-mode #workshopView>section:not(#workDashboard)>.work-main-toolbar{gap:9px;border-radius:12px;background:#fff;backdrop-filter:none}
.app-shell.workshop-mode #workshopView>section:not(#workDashboard)>.work-main-toolbar>div:not(.work-history-controls){min-width:190px;margin-right:auto}
.app-shell.workshop-mode #workSourcesView>.work-main-toolbar>:is(button,a){min-height:38px;padding:7px 11px;font-size:11px;line-height:1.25;white-space:nowrap}
@media(min-width:701px) and (max-width:1320px){.app-shell.workshop-mode #workSourcesView>.work-main-toolbar{flex-wrap:wrap;justify-content:flex-end}.app-shell.workshop-mode #workSourcesView>.work-main-toolbar>div:not(.work-history-controls){flex:1 1 300px}.app-shell.workshop-mode #workSourcesView>.work-main-toolbar>.work-history-controls{margin-left:auto}.app-shell.workshop-mode #workSourcesView>.work-main-toolbar>:is(button,a){flex:0 0 auto}}

/* Quellen und Fundstellen sind normale Arbeitsseiten, keine ineinander
   verschachtelten Fenster. Die Detailformulare wachsen mit ihrem Inhalt;
   nur lange Auswahllisten links behalten einen eigenen Scrollbereich. */
@media(min-width:1181px){
  .app-shell.workshop-mode .work-source-detail,
  .app-shell.workshop-mode .work-evidence-layout>.evidence-main,
  .app-shell.workshop-mode .work-figures-layout>article,
  .app-shell.workshop-mode .work-charts-layout>article,
  .app-shell.workshop-mode .work-studies-layout>article,
  .app-shell.workshop-mode .work-interviews-layout>article,
  .app-shell.workshop-mode .work-citations-layout>article,
  .app-shell.workshop-mode .work-abbreviation-layout>article{
    height:auto;
    min-height:var(--work-library-height);
    overflow:visible;
    scrollbar-gutter:auto;
  }
}

/* Auf mittleren Notebook-Breiten bleiben die Hauptstück-Werkzeuge echte,
   getrennte Gruppen. Die frühere Rasteraufteilung ließ „Fester Umbruch“ und
   „Tabelle“ sichtbar ineinanderlaufen. */
@media(min-width:901px) and (max-width:1320px){
  body.work-main-editing #workMainView .work-editor-view-switch small{display:none}
  body.work-main-editing #workMainView .work-editor-view-switch{width:auto;min-width:0}
  body.work-main-editing .work-format-toolbar>.work-insert-group{
    grid-column:5/11;
    margin-left:0!important;
  }
  body.work-main-editing .work-format-toolbar>.work-table-group{grid-column:11/13}
  body.work-main-editing .work-format-toolbar>.work-table-group button{min-width:70px}
}

body.work-main-editing .work-format-toolbar>.work-insert-group>button{
  border-color:#dbe4e9;
  background:#f8fafb;
}
body.work-main-editing .work-format-toolbar>.work-insert-group>button:hover{
  border-color:#9fb5c2;
  background:#eef4f7;
}