/*
 * paithoo shell bridge layer.
 * This file is intentionally small: it gives the UI rebuild stable shell
 * selectors without changing the current visual design.
 */

:where(.kk-sidebar) {
  --kk-sidebar-brand: var(--purple, #534AB7);
  --kk-sidebar-muted: var(--text-3, #A8A7A2);
  --kk-sidebar-dashboard: #5B4CE0;
  --kk-sidebar-dashboard-tint: #EDEBFB;
  --kk-sidebar-organisation: #2563EB;
  --kk-sidebar-organisation-tint: #E7EEFD;
  --kk-sidebar-input: #D97706;
  --kk-sidebar-input-tint: #FBF0DD;
  --kk-sidebar-creation: #16A34A;
  --kk-sidebar-creation-tint: #E7F6EC;
  --kk-sidebar-output: #E5484D;
  --kk-sidebar-output-tint: #FCE9EA;
  --kk-sidebar-storage: #64748B;
  --kk-sidebar-storage-tint: #EEF1F4;
}

.kk-sidebar-brand .kk-sidebar-wordmark {
  color: var(--text, #1A1916);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0;
}

.kk-sidebar-brand .kk-sidebar-wordmark-ai {
  color: var(--kk-sidebar-brand);
}

.kk-sidebar-brand .sb-logo-sub {
  color: var(--kk-sidebar-muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  min-width: 0;
}

.kk-sidebar-brand #sb-active-tenant-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kk-sidebar .kk-sidebar-item {
  --kk-sidebar-group-color: var(--kk-sidebar-dashboard);
  --kk-sidebar-group-tint: var(--kk-sidebar-dashboard-tint);
  min-width: 0;
}

.kk-sidebar :is(.kk-sidebar-section, .kk-sidebar-item)[data-nav-group="dashboard"] {
  --kk-sidebar-group-color: var(--kk-sidebar-dashboard);
  --kk-sidebar-group-tint: var(--kk-sidebar-dashboard-tint);
}

.kk-sidebar :is(.kk-sidebar-section, .kk-sidebar-item)[data-nav-group="organisation"] {
  --kk-sidebar-group-color: var(--kk-sidebar-organisation);
  --kk-sidebar-group-tint: var(--kk-sidebar-organisation-tint);
}

.kk-sidebar :is(.kk-sidebar-section, .kk-sidebar-item)[data-nav-group="input"] {
  --kk-sidebar-group-color: var(--kk-sidebar-input);
  --kk-sidebar-group-tint: var(--kk-sidebar-input-tint);
}

.kk-sidebar :is(.kk-sidebar-section, .kk-sidebar-item)[data-nav-group="creation"] {
  --kk-sidebar-group-color: var(--kk-sidebar-creation);
  --kk-sidebar-group-tint: var(--kk-sidebar-creation-tint);
}

.kk-sidebar :is(.kk-sidebar-section, .kk-sidebar-item)[data-nav-group="output"] {
  --kk-sidebar-group-color: var(--kk-sidebar-output);
  --kk-sidebar-group-tint: var(--kk-sidebar-output-tint);
}

.kk-sidebar :is(.kk-sidebar-section, .kk-sidebar-item)[data-nav-group="storage"],
.kk-sidebar :is(.kk-sidebar-section, .kk-sidebar-item)[data-nav-group="system"] {
  --kk-sidebar-group-color: var(--kk-sidebar-storage);
  --kk-sidebar-group-tint: var(--kk-sidebar-storage-tint);
}

.kk-sidebar .kk-sidebar-section {
  color: var(--kk-sidebar-group-color);
  font-weight: 800;
  letter-spacing: .08em;
}

.kk-sidebar .kk-sidebar-icon {
  width: 18px;
  height: 18px;
  color: #7A7A88;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
}

.kk-sidebar .kk-sidebar-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kk-sidebar .kk-sidebar-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kk-sidebar .kk-sidebar-item:hover .kk-sidebar-icon,
.kk-sidebar .kk-sidebar-item.active .kk-sidebar-icon {
  color: currentColor;
}

.kk-sidebar .kk-sidebar-item.active {
  color: var(--kk-sidebar-group-color);
  background: linear-gradient(90deg, var(--kk-sidebar-group-tint), rgba(255,255,255,0) 92%);
  border-left-color: var(--kk-sidebar-group-color);
  font-weight: 700;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--kk-sidebar-group-color) 14%, transparent);
}

.kk-sidebar .kk-sidebar-item .sb-badge {
  background: var(--kk-sidebar-group-tint);
  color: var(--kk-sidebar-group-color);
}

:where(.kk-shell-topbar) {
  --kk-shell-gap: 10px;
  --kk-shell-context-min: 0;
  --kk-shell-dashboard: #5B4CE0;
  --kk-shell-dashboard-tint: #EDEBFB;
  --kk-shell-organisation: #2563EB;
  --kk-shell-organisation-tint: #E7EEFD;
  --kk-shell-input: #D97706;
  --kk-shell-input-tint: #FBF0DD;
  --kk-shell-creation: #16A34A;
  --kk-shell-creation-tint: #E7F6EC;
  --kk-shell-output: #E5484D;
  --kk-shell-output-tint: #FCE9EA;
  --kk-shell-storage: #64748B;
  --kk-shell-storage-tint: #EEF1F4;
  --kk-shell-accent: var(--kk-shell-dashboard);
  --kk-shell-accent-tint: var(--kk-shell-dashboard-tint);
  align-items: center;
  border-bottom: 2px solid color-mix(in srgb, var(--kk-shell-accent) 72%, transparent);
  gap: var(--kk-shell-gap);
  min-height: 56px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.kk-statusbar {
  --kk-statusbar-accent: #64748B;
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 22px;
  margin: 24px 28px 0;
  padding: 0;
  background: transparent;
  border-bottom: 0;
}

.kk-statusbar-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 118px;
  padding: 24px 26px;
  border: 1px solid var(--border, #E4E4EA);
  border-radius: 20px;
  background: var(--surface, #FFFFFF);
  box-shadow: 0 1px 0 rgba(15, 23, 42, .03);
  transition: box-shadow .14s ease, transform .14s ease;
}

.kk-statusbar-card:hover {
  box-shadow: inset 4px 0 0 var(--kk-statusbar-accent), 0 8px 18px rgba(28,39,58,.07);
  transform: translateY(-1px);
}

.kk-statusbar-card.active,
.kk-statusbar-card[aria-pressed="true"] {
  box-shadow: inset 4px 0 0 var(--kk-statusbar-accent), 0 0 0 1px color-mix(in srgb, var(--kk-statusbar-accent) 18%, transparent);
}

.kk-statusbar-card[onclick],
button.kk-statusbar-card {
  cursor: pointer;
  text-align: left;
}

.kk-list-toolbar {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 18px 20px;
  border: 1px solid var(--border, #E4E4EA);
  border-radius: 20px;
  background: var(--surface, #FFFFFF);
  box-shadow: 0 1px 0 rgba(15, 23, 42, .03);
}

.kk-list-toolbar .kk-filterbar {
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr) auto;
  gap: 10px;
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

.kk-list-toolbar :where(input, select, button, summary) {
  min-height: 38px;
  border-radius: 12px;
  font-size: 12px;
}

.kk-list-toolbar :where(button, summary) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.kk-list-toolbar .kk-segment-toggle {
  height: 38px;
  min-height: 38px;
  padding: 4px;
  gap: 3px;
  border: 1px solid #E1E1E8;
  border-radius: 13px;
  background: #EDEDF1;
}

.kk-list-toolbar .kk-segment-toggle button {
  height: 30px;
  min-height: 30px;
  padding: 0 12px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #7A7A88;
  font-size: 12.5px;
  font-weight: 700;
  gap: 7px;
  box-shadow: none;
}

.kk-list-toolbar .kk-segment-toggle button.active,
.kk-list-toolbar .kk-segment-toggle button[aria-pressed="true"] {
  background: #FFFFFF;
  color: #64748B;
  box-shadow: 0 1px 3px rgba(20, 20, 40, .12);
}

.kk-list-toolbar .kk-segment-toggle svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kk-segment-toggle {
  height: 38px;
  min-height: 38px;
  padding: 4px;
  gap: 3px;
  border: 1px solid #E1E1E8;
  border-radius: 13px;
  background: #EDEDF1;
}

.kk-segment-toggle button {
  height: 30px;
  min-height: 30px;
  padding: 0 12px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #7A7A88;
  font-size: 12.5px;
  font-weight: 700;
  gap: 7px;
  box-shadow: none;
}

.kk-segment-toggle button.active,
.kk-segment-toggle button[aria-pressed="true"] {
  background: #FFFFFF;
  color: #64748B;
  box-shadow: 0 1px 3px rgba(20, 20, 40, .12);
}

.kk-segment-toggle svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kk-list-toolbar .kk-filter-controls {
  gap: 8px;
}

.kk-list-toolbar .kk-filter-actions {
  gap: 8px;
  justify-self: end;
}

.kk-list-toolbar .kk-view-toggle,
.kk-list-toolbar .unified-view-toggle {
  min-height: 38px;
}

.kk-list-toolbar .kk-filter-chips {
  margin-top: 2px;
}

.kk-list-toolbar .kk-filter-chip {
  background: #F5F5F8;
  border-color: #E4E4EA;
  color: #43434F;
}

.kk-list-toolbar + .content-area {
  margin-top: 18px;
  min-height: 0;
}

#screen-sichtung .filterbar.kk-list-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 18px 20px;
  border-bottom: 1px solid var(--border, #E4E4EA);
}

#screen-sichtung .filterbar.kk-list-toolbar .search-wrap {
  min-width: 260px;
  max-width: 340px;
  flex: 1 1 280px;
}

#screen-sichtung .filterbar.kk-list-toolbar .search-wrap input {
  height: 38px;
  min-height: 38px;
  border-radius: 12px;
  background: #F7F7FA;
  border-color: #E1E1E8;
  font-size: 12.5px;
}

#screen-sichtung .filterbar.kk-list-toolbar .fpill,
#screen-sichtung .filterbar.kk-list-toolbar .menu-pill {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 13px;
  border-color: #E1E1E8;
  border-radius: 12px;
  background: #FFFFFF;
  color: #3A3A48;
  font-size: 12.5px;
  font-weight: 650;
}

#screen-sichtung .filterbar.kk-list-toolbar .menu-pill .pill-label {
  color: #43434F;
  font-weight: 700;
}

#screen-sichtung .filterbar.kk-list-toolbar .menu-pill .pill-value {
  color: #8A8A96;
}

#screen-sichtung .filterbar.kk-list-toolbar .fpill.active,
#screen-sichtung .filterbar.kk-list-toolbar .menu-pill.active {
  background: #FBF0DD;
  border-color: rgba(217, 119, 6, .36);
  color: #9A5B08;
}

#screen-sichtung .filterbar.kk-list-toolbar .menu-pill.active .pill-label,
#screen-sichtung .filterbar.kk-list-toolbar .menu-pill.active .pill-value {
  color: #9A5B08;
}

#screen-sichtung .filterbar.kk-list-toolbar .f-sep {
  display: none;
}

#screen-sichtung .filterbar.kk-list-toolbar + .content-area {
  margin: 18px 28px 0;
  min-height: 0;
}

#screen-projekte .project-overview-head.kk-list-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 18px;
  padding: 18px 20px;
  border-radius: 20px;
  background: var(--surface, #FFFFFF);
}

#screen-projekte .proj-view-toggle {
  display: inline-flex;
}

#screen-teams .team-filterbar.kk-filterbar.kk-list-toolbar {
  margin: 0;
  padding: 18px 20px;
  border: 1px solid var(--border, #E4E4EA);
  border-radius: 20px;
  background: var(--surface, #FFFFFF);
  box-shadow: 0 1px 0 rgba(15, 23, 42, .03);
}

#screen-teams .team-filterbar.kk-filterbar.kk-list-toolbar input,
#screen-teams .team-filterbar.kk-filterbar.kk-list-toolbar select {
  height: 38px;
  min-height: 38px;
  border-radius: 12px;
  font-size: 12.5px;
}

#screen-monitoring .filterbar.kk-list-toolbar,
#screen-recherche .filterbar.kk-list-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 18px 20px;
  border-bottom: 1px solid var(--border, #E4E4EA);
}

#screen-monitoring .filterbar.kk-list-toolbar .fpill,
#screen-monitoring .filterbar.kk-list-toolbar .btn,
#screen-monitoring .filterbar.kk-list-toolbar #monitoring-lookback-chip,
#screen-recherche .filterbar.kk-list-toolbar .topbar-context-meta {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 13px;
  border: 1px solid #E1E1E8;
  border-radius: 12px;
  background: #FFFFFF;
  color: #3A3A48;
  font-size: 12.5px;
  font-weight: 650;
}

#screen-monitoring .filterbar.kk-list-toolbar #monitoring-lookback-chip,
#screen-recherche .filterbar.kk-list-toolbar .topbar-context-meta {
  color: #8A8A96;
  background: #F7F7FA;
}

#screen-monitoring .filterbar.kk-list-toolbar .fpill.active {
  background: #FCE9EA;
  border-color: rgba(229, 72, 77, .34);
  color: #B4232A;
}

#screen-recherche .filterbar.kk-list-toolbar select {
  height: 38px;
  min-height: 38px;
  min-width: 170px;
  border-radius: 12px;
  background: #F7F7FA;
  border: 1px solid #E1E1E8;
  color: #3A3A48;
  font-size: 12.5px;
}

#screen-recherche .filterbar.kk-list-toolbar .kk-segment-toggle {
  margin-left: auto;
}

#screen-mediathek .media-toolbar.kk-list-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 20px 28px 0;
  padding: 18px 20px;
  border: 1px solid var(--border, #E4E4EA);
  border-radius: 20px;
  background: var(--surface, #FFFFFF);
  box-shadow: 0 1px 0 rgba(15, 23, 42, .03);
}

#screen-mediathek .media-toolbar.kk-list-toolbar .search-wrap {
  flex: 0 1 240px;
  min-width: 180px;
}

#screen-mediathek .media-toolbar.kk-list-toolbar .search-wrap input,
#screen-mediathek .media-toolbar.kk-list-toolbar select {
  height: 38px;
  min-height: 38px;
  border-radius: 12px;
  background: #F7F7FA;
  border-color: #E1E1E8;
  font-size: 12.5px;
}

#screen-mediathek .media-toolbar.kk-list-toolbar .fpill,
#screen-mediathek .media-toolbar.kk-list-toolbar .btn {
  min-height: 38px;
  border-radius: 12px;
  border-color: #E1E1E8;
  font-size: 12.5px;
  font-weight: 650;
}

#screen-mediathek .media-toolbar.kk-list-toolbar .fpill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  background: #FFFFFF;
  color: #3A3A48;
}

#screen-mediathek .media-toolbar.kk-list-toolbar .fpill.active {
  background: #E7F6EC;
  border-color: rgba(22, 163, 74, .34);
  color: #15803D;
}

#screen-quellen .q-filter-shell.kk-list-toolbar {
  margin: 0;
  padding: 18px 20px;
  border: 1px solid var(--border, #E4E4EA);
  border-radius: 20px;
  background: var(--surface, #FFFFFF);
  box-shadow: 0 1px 0 rgba(15, 23, 42, .03);
}

#screen-quellen .q-filter-shell.kk-list-toolbar .q-refresh-panel {
  border-radius: 16px;
}

#screen-quellen .q-filter-shell.kk-list-toolbar .q-refresh-toggle,
#screen-quellen .q-filter-shell.kk-list-toolbar .btn,
#screen-quellen .q-filter-shell.kk-list-toolbar input:not([type="checkbox"]),
#screen-quellen .q-filter-shell.kk-list-toolbar select {
  height: 38px;
  min-height: 38px;
  border-radius: 12px;
  font-size: 12.5px;
}

#screen-quellen .q-filter-shell.kk-list-toolbar .q-filterbar.kk-filterbar {
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

#screen-quellen .q-filter-shell.kk-list-toolbar .kk-filterbar-search,
#screen-quellen .q-filter-shell.kk-list-toolbar .q-filter-select {
  background: #F7F7FA;
  border-color: #E1E1E8;
}

#screen-archiv .filterbar.kk-list-toolbar input,
#screen-archiv .filterbar.kk-list-toolbar select,
#screen-papierkorb .filterbar.kk-list-toolbar input,
#screen-papierkorb .filterbar.kk-list-toolbar select {
  height: 38px;
  min-height: 38px;
  border-radius: 12px;
  font-size: 12.5px;
}

#screen-archiv .filterbar.kk-list-toolbar .btn,
#screen-papierkorb .filterbar.kk-list-toolbar .btn {
  height: 38px;
  min-height: 38px;
  border-radius: 12px;
  font-size: 12.5px;
}

.kk-statusbar-label {
  color: #8A8A96;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.1;
  text-transform: uppercase;
}

.kk-statusbar-value {
  color: #1B1B26;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.05;
  margin-top: 12px;
}

.kk-statusbar-note {
  color: var(--text-3, #8A8A96);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  margin-top: 8px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#screen-projekte .kk-statusbar,
#screen-themen .kk-statusbar,
#screen-planung .kk-statusbar,
#screen-teams .kk-statusbar,
#screen-quellen .kk-statusbar {
  --kk-statusbar-accent: #2563EB;
}

#screen-sichtung .kk-statusbar,
#screen-wissen .kk-statusbar,
#screen-recherche .kk-statusbar {
  --kk-statusbar-accent: #D97706;
}

#screen-content .kk-statusbar {
  --kk-statusbar-accent: #16A34A;
}

#screen-output .kk-statusbar,
#screen-monitoring .kk-statusbar {
  --kk-statusbar-accent: #E5484D;
}

.kk-statusbar-six {
  grid-template-columns: repeat(6, minmax(120px, 1fr));
}

.kk-statusbar-five {
  grid-template-columns: repeat(5, minmax(130px, 1fr));
}

#screen-archiv .kk-statusbar,
#screen-papierkorb .kk-statusbar {
  --kk-statusbar-accent: #64748B;
}

#screen-projekte .kk-statusbar + .content-area,
#screen-quellen .kk-statusbar + .q-tabbar,
#screen-sichtung .kk-statusbar + .filterbar,
#screen-wissen .kk-statusbar + .content-area,
#screen-recherche .kk-statusbar + .filterbar,
#screen-content .kk-statusbar + .filterbar,
#screen-output .kk-statusbar + .content-area,
#screen-monitoring .kk-statusbar + .filterbar,
#screen-archiv .kk-statusbar + .filterbar,
#screen-papierkorb .kk-statusbar + .filterbar {
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .kk-statusbar,
  .kk-statusbar-five,
  .kk-statusbar-six {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }
}

@media (max-width: 620px) {
  .kk-statusbar {
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 16px 14px 0;
  }
}

.topbar.kk-shell-topbar,
.kk-shell-topbar {
  align-items: center;
  border-bottom: 2px solid color-mix(in srgb, var(--kk-shell-accent) 72%, transparent) !important;
  gap: var(--kk-shell-gap);
  min-height: 56px;
}

:where(.kk-shell-context, .kk-shell-actions, .kk-shell-tools) {
  box-sizing: border-box;
  min-width: 0;
}

:where(.kk-shell-context) {
  align-items: center;
  display: flex;
  flex: 1 1 var(--kk-shell-context-min);
  gap: 8px;
  overflow-wrap: anywhere;
}

:where(.kk-shell-actions, .kk-shell-tools) {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  gap: 8px;
}

:where(.kk-shell-tools) {
  margin-left: auto;
}

:where(.kk-shell-topbar) :where(.topbar-title) {
  color: var(--kk-shell-accent);
  font-size: clamp(18px, 1.55vw, 24px);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.1;
}

.kk-shell-topbar .topbar-title {
  color: var(--kk-shell-accent) !important;
  font-size: clamp(18px, 1.55vw, 24px) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.1;
}

:where(.kk-shell-topbar) :where(.btn, .fpill, .view-btn, .notif-btn) {
  min-height: 36px;
}

:where(.kk-shell-topbar) :where(.search-wrap) {
  min-width: min(260px, 28vw);
}

#screen-dashboard .kk-shell-topbar,
#screen-dashboard .dashboard-statusbar {
  --kk-shell-accent: var(--kk-shell-dashboard);
  --kk-shell-accent-tint: var(--kk-shell-dashboard-tint);
}

#screen-projekte .kk-shell-topbar,
#screen-themen .kk-shell-topbar,
#screen-planung .kk-shell-topbar,
#screen-teams .kk-shell-topbar,
#screen-quellen .kk-shell-topbar {
  --kk-shell-accent: var(--kk-shell-organisation);
  --kk-shell-accent-tint: var(--kk-shell-organisation-tint);
}

#screen-sichtung .kk-shell-topbar,
#screen-wissen .kk-shell-topbar,
#screen-recherche .kk-shell-topbar {
  --kk-shell-accent: var(--kk-shell-input);
  --kk-shell-accent-tint: var(--kk-shell-input-tint);
}

#screen-content .kk-shell-topbar,
#screen-editor .kk-shell-topbar,
#screen-social .kk-shell-topbar,
#screen-mediathek .kk-shell-topbar {
  --kk-shell-accent: var(--kk-shell-creation);
  --kk-shell-accent-tint: var(--kk-shell-creation-tint);
}

#screen-output .kk-shell-topbar,
#screen-monitoring .kk-shell-topbar {
  --kk-shell-accent: var(--kk-shell-output);
  --kk-shell-accent-tint: var(--kk-shell-output-tint);
}

#screen-archiv .kk-shell-topbar,
#screen-papierkorb .kk-shell-topbar,
#screen-settings .kk-shell-topbar {
  --kk-shell-accent: var(--kk-shell-storage);
  --kk-shell-accent-tint: var(--kk-shell-storage-tint);
}

#screen-recherche .kk-shell-context {
  align-items: center;
  flex-wrap: nowrap;
  overflow-wrap: normal;
}

#screen-recherche .kk-shell-context .topbar-title,
#screen-recherche .kk-shell-context .topbar-context-meta,
#screen-recherche .kk-shell-context select,
#screen-recherche .kk-shell-context .unified-view-toggle {
  flex: 0 0 auto;
}

#screen-recherche .kk-shell-context .unified-view-toggle {
  display: inline-flex;
  flex-wrap: nowrap;
  width: auto;
  margin-left: 0;
}

#screen-recherche .kk-shell-topbar {
  align-items: center;
  flex-wrap: nowrap !important;
}

#screen-recherche .kk-shell-context {
  flex: 1 1 auto;
}

#screen-recherche .kk-shell-tools,
#screen-recherche .kk-shell-actions {
  order: 0 !important;
  width: auto !important;
}

#screen-recherche .kk-shell-tools {
  flex: 0 1 auto;
  flex-wrap: nowrap !important;
  margin-left: auto !important;
}

#screen-recherche .kk-shell-actions {
  flex: 0 0 auto;
}

#screen-recherche .kk-shell-topbar .search-wrap {
  flex: 0 1 170px;
  min-width: 128px;
  max-width: 190px;
}

#screen-recherche .kk-shell-topbar .search-wrap input {
  width: 100%;
}

#screen-recherche .kk-shell-context > * {
  min-width: 0;
}

#screen-recherche .kk-shell-context select {
  max-width: 150px;
}

#screen-recherche .kk-shell-context .topbar-context-meta {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#screen-recherche .kk-shell-context .unified-view-toggle {
  max-width: 210px;
}

#screen-recherche .kk-shell-context .unified-view-toggle button {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 760px) {
  #screen-recherche .kk-shell-topbar .search-wrap {
    flex-basis: 82px;
    min-width: 82px;
    max-width: 82px;
  }
}

@media (max-width: 980px) {
  :where(.kk-shell-topbar) {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  :where(.kk-shell-context) {
    flex: 1 1 100%;
  }

  :where(.kk-shell-actions, .kk-shell-tools) {
    flex-wrap: wrap;
  }

  #screen-recherche .kk-shell-context {
    flex-wrap: wrap;
  }
}