/* ===========================================================================
   Werkzeugleiste am Seitenrand (v6.15.0)

   Gestaltung und Bedienung sind bewusst identisch zum Seitenpfad: derselbe
   Griff, dieselbe Richtung, dieselbe Farbgebung. Der Griff selbst trägt die
   Klasse .mnd-rail-griff und erbt damit alles aus tokens.css - hier steht nur,
   WO die Leiste sitzt und wie die aufgenommenen Schaltflächen sich einfügen.
   =========================================================================== */

.mnd-dock{
	position:fixed; right:0; bottom:var(--mnd-s9, 40px);
	z-index:99993;
	display:flex; align-items:flex-end;
}
/* Ohne Inhalt kein Griff - auf Seiten ohne Speichern, Suche und Anordnen wäre
   er eine Schaltfläche, die nichts tut. */
.mnd-dock.ist-leer{ display:none; }

.mnd-dock .mnd-dock-griff{
	position:static;
	transform:none;
	min-height:var(--mnd-btn-h-lg, 48px);
}
.mnd-dock.is-open .mnd-dock-griff .dashicons{ transform:rotate(180deg); }

.mnd-dock-inhalt{
	order:-1;                      /* Griff bleibt rechts, Inhalt fährt nach links aus. */
	display:flex; flex-direction:column; align-items:stretch;
	gap:var(--mnd-s2, 8px);
	padding:var(--mnd-s3, 12px);
	background:var(--mnd-card, #fff);
	border:1px solid var(--mnd-line, #e3e7ec); border-right:0;
	border-radius:var(--mnd-r-md, 12px) 0 0 var(--mnd-r-md, 12px);
	box-shadow:var(--mnd-shadow, 0 12px 32px rgba(20,24,33,.14));
	max-width:min(78vw, 280px);
}
/* ► WICHTIG: Das Attribut `hidden` wirkt über die Browser-Grundregel
     `[hidden]{display:none}` - und die hat KEINE Klasse. Die Regel darüber
     (`.mnd-dock-inhalt{display:flex}`) ist stärker und hat das Zuklappen
     ausgehebelt: Die Leiste stand beim Seitenaufruf offen, obwohl das
     Attribut korrekt gesetzt war. Deshalb hier ausdrücklich noch einmal. */
.mnd-dock-inhalt[hidden]{ display:none; }

/* ---------------------------------------------------------------------------
   Die aufgenommenen Schaltflächen
   Sie waren zuvor selbst am Bildrand festgemacht. In der Leiste stehen sie
   normal im Fluss - deshalb muss die feste Lage hier zurückgenommen werden.
   Zwei Klassen schlagen die ursprüngliche Ein-Klassen-Regel, ganz ohne
   !important.
   ------------------------------------------------------------------------- */
.mnd-dock .mnd-savefab,
.mnd-dock .mnd-searchfab,
.mnd-dock .mnd-l3-start{
	position:static; left:auto; right:auto; bottom:auto;
	width:100%; min-width:0;
	min-height:var(--mnd-touch, 44px);
	justify-content:flex-start;
	gap:var(--mnd-s2, 8px);
	border-radius:var(--mnd-r-sm, 8px);
	box-shadow:none;
	font-size:var(--mnd-fs-sm, 13px);
	padding:0 var(--mnd-s4, 16px);
	white-space:nowrap;
}
/* Die Lupe war ein Kreis ohne Beschriftung. In einer Liste untereinander ist
   ein Zeichen ohne Wort nicht zu deuten - sie bekommt hier eine. */
.mnd-dock .mnd-searchfab{ height:auto; border-radius:var(--mnd-r-sm, 8px); }
.mnd-dock .mnd-searchfab::after{ content:'Suchen'; font-weight:700; }
/* Rot bleibt der Hauptaktion vorbehalten. Die geöffnete Suche zeigt ihren
   Zustand über eine ruhige Fläche - zwei rote Schaltflächen übereinander
   nehmen sich gegenseitig die Bedeutung. */
.mnd-dock .mnd-searchfab:hover,
.mnd-dock .mnd-searchfab.is-on{ background:#4b5563; }
.mnd-dock .mnd-savefab .mnd-savefab-lbl{ display:inline; }

/* Das Suchfeld steht MIT in der Leiste, direkt unter der Lupe.
   Ein fest am Bildrand verankertes Feld legte sich sonst quer über die
   geöffneten Werkzeuge - gemessen: Feldunterkante 962 px, Leistenoberkante
   857 px. In der Leiste kann das nicht mehr passieren. */
.mnd-dock .mnd-searchbox{
	position:static; left:auto; right:auto; bottom:auto;
	width:100%; max-width:none;
	border:0; box-shadow:none; padding:0;
	background:none;
	max-height:min(46vh, 320px); overflow-y:auto;
}
.mnd-dock .mnd-searchbox[hidden]{ display:none; }
.mnd-dock .mnd-searchbox-in{ width:100%; min-height:var(--mnd-touch, 44px); }
.mnd-dock.hat-suche .mnd-dock-inhalt{ max-width:min(88vw, 340px); }

/* ---------------------------------------------------------------------------
   Ungespeicherte Änderungen: ein Punkt am Griff.
   Ein weggeklappter Speichern-Knopf darf nicht dazu führen, dass jemand eine
   Seite verlässt, ohne es zu merken.
   ------------------------------------------------------------------------- */
.mnd-dock-punkt{ display:none; width:8px; height:8px; border-radius:50%; background:var(--mnd-red, #c8102e); }
.mnd-dock.hat-aenderung .mnd-dock-punkt{ display:block; }
.mnd-dock.hat-aenderung .mnd-dock-griff{ border-color:var(--mnd-red, #c8102e); }

/* Auf schmalen Anzeigen rückt die Leiste etwas höher: unten sitzen auf dem
   Handy die Systemleisten des Browsers. */
@media (max-width:640px){
	.mnd-dock{ bottom:calc( var(--mnd-s8, 32px) + env(safe-area-inset-bottom, 0px) ); }
	.mnd-dock-inhalt{ max-width:min(84vw, 260px); }
}

/* Beim Drucken hat eine Bedienleiste nichts verloren. */
@media print{ .mnd-dock{ display:none; } }