/* BauWERK KI-Dock 0.1 — wo der Assistent steht. Nur Anordnung, keine Fachlogik.
   Der Dock ist ein eigener Behälter (<aside class="bw-ki-dock">) am Ende des <body>; er wird
   mit position:fixed an den Arbeitsbereich der App gelegt, der Arbeitsbereich selbst bekommt
   beim Andocken einen Außenabstand (data-bw-ki-dock am Bereich). Kein Umbau im Layout der App. */

.bw-ki-dock { position:fixed; z-index:60; display:flex; flex-direction:column; min-width:0; min-height:0; box-sizing:border-box;
  background:var(--bw-color-surface, #fff); color:var(--bw-color-text, #171a1d); font:400 var(--bw-type-meta, 12px)/1.4 var(--bw-font-ui, system-ui, sans-serif); }
.bw-ki-dock[hidden] { display:none; }

/* angedockt: schiebt den Arbeitsbereich, Trennlinie zur Ansicht */
.bw-ki-dock[data-modus="angedockt"][data-seite="rechts"] { border-left:1px solid var(--bw-color-line, #e2e6ea); }
.bw-ki-dock[data-modus="angedockt"][data-seite="links"]  { border-right:1px solid var(--bw-color-line, #e2e6ea); }
.bw-ki-dock[data-modus="angedockt"][data-seite="unten"]  { border-top:1px solid var(--bw-color-line, #e2e6ea); }
/* überlagert: kein Platz zum Andocken (Automatik) — liegt über dem Arbeitsbereich, nie über Kopf-, Reiter- und Symbolleisten */
.bw-ki-dock[data-modus="ueberlagert"] { border:1px solid var(--bw-color-line-strong, #8c9298); box-shadow:0 0 28px rgb(0 0 0 / 16%); }
.bw-ki-dock[data-modus="ueberlagert"][data-seite="rechts"] { border-width:0 0 0 1px; }
.bw-ki-dock[data-modus="ueberlagert"][data-seite="links"]  { border-width:0 1px 0 0; }
.bw-ki-dock[data-modus="ueberlagert"][data-seite="unten"]  { border-width:1px 0 0 0; }
/* eigenes Fenster: füllt das Fenster */
.bw-ki-dock[data-modus="fenster"] { position:static; width:100%; height:100vh; border:0; box-shadow:none; }

.bw-ki-dock__kopf { display:flex; align-items:flex-start; gap:6px; flex:none; padding:8px 8px 8px 14px; border-bottom:1px solid var(--bw-color-line, #e2e6ea); color:var(--bw-color-text-muted, #5c636c); }
.bw-ki-dock__hinweis { flex:1; min-width:0; padding-top:5px; }
.bw-ki-dock__anordnung { display:inline-flex; gap:1px; flex:none; }
.bw-ki-dock__knopf { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border:1px solid transparent; border-radius:var(--bw-radius-sm, 5px);
  background:transparent; color:inherit; cursor:pointer; }
.bw-ki-dock__knopf:hover { background:var(--bw-color-surface-subtle, #f4f6f8); color:var(--bw-color-text, #171a1d); }
.bw-ki-dock__knopf[aria-pressed="true"] { background:var(--bw-color-accent-surface, #e9f1fa); color:var(--bw-color-accent, #1f5fa8); }
.bw-ki-dock__knopf[hidden] { display:none; }
.bw-ki-dock__knopf svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.bw-ki-dock__knopf svg .voll { fill:currentColor; stroke:none; opacity:.85; }
.bw-ki-dock__trenner { width:1px; height:18px; margin:5px 3px; background:var(--bw-color-line, #e2e6ea); }
.bw-ki-dock__meldung { flex:none; padding:6px 14px; background:var(--bw-color-warning-surface, #fdf2e0); color:var(--bw-color-warning, #8a5a00); font-size:11.5px; }
.bw-ki-dock__meldung[hidden] { display:none; }
.bw-ki-dock__wurzel { flex:1; min-height:0; padding:10px; overflow:hidden; display:flex; flex-direction:column; }

/* Ziehgriff an der Innenkante */
.bw-ki-dock__griff { position:absolute; z-index:2; background:transparent; }
.bw-ki-dock__griff:hover, .bw-ki-dock__griff.aktiv { background:rgb(31 95 168 / 30%); }
.bw-ki-dock[data-seite="rechts"] .bw-ki-dock__griff { left:-3px; top:0; bottom:0; width:6px; cursor:col-resize; }
.bw-ki-dock[data-seite="links"]  .bw-ki-dock__griff { right:-3px; top:0; bottom:0; width:6px; cursor:col-resize; }
.bw-ki-dock[data-seite="unten"]  .bw-ki-dock__griff { left:0; right:0; top:-3px; height:6px; cursor:row-resize; }
.bw-ki-dock[data-modus="fenster"] .bw-ki-dock__griff { display:none; }

/* Der Arbeitsbereich weicht — nur am Bildschirm, im Druck bleibt alles wie es ist. */
@media screen {
  [data-bw-ki-dock="rechts"] { margin-right:var(--bw-ki-dock-schub, 0px) !important; }
  [data-bw-ki-dock="links"]  { margin-left:var(--bw-ki-dock-schub, 0px) !important; }
  [data-bw-ki-dock="unten"]  { margin-bottom:var(--bw-ki-dock-schub, 0px) !important; }
}
@media print { .bw-ki-dock { display:none !important; } }