/* Suche — die Treffer der Seite sind Kern-Bausteine (listRow/chip/strong/mono, emptyState); hier nur
   die Anordnung. Das eigene Vollbild-Overlay (srch-ov-*, search ist JS_MARKUP_OWNER) steht darunter. */
.srch-input{width:100%}
.srch-results{margin-top:var(--sp-6);display:flex;flex-direction:column}
.srch-row{cursor:pointer}

/* ── Vollbild-Overlay (wie im alten ERP): dunkles Navy über dem unscharfen Desktop, Suchbalken oben,
   darunter ein Raster aus Modul-Kacheln. Farben aus Kern-Tokens gemischt (Navy = Blau in Grau-900). ── */
body.srch-ov-lock{overflow:hidden}
.srch-ov{--srch-navy:color-mix(in srgb, var(--info) 22%, var(--grey-900));--srch-line:color-mix(in srgb, var(--surface) 10%, transparent);
  position:fixed;inset:0;z-index:var(--z-overlay);display:none;flex-direction:column;align-items:center;
  background:color-mix(in srgb, var(--srch-navy) 88%, transparent);backdrop-filter:blur(8px);padding:var(--sp-10) var(--sp-9) var(--sp-9)}
.srch-ov.srch-ov-on{display:flex}
.srch-ov-x{position:absolute;top:var(--sp-7);right:var(--sp-7);width:var(--sz-44);height:var(--sz-44);border-radius:50%;
  border:1px solid var(--srch-line);background:color-mix(in srgb, var(--surface) 8%, transparent);color:var(--grey-200);font-size:var(--fs-lg);line-height:1;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}
.srch-ov-x:hover{background:var(--o);border-color:var(--o);color:var(--surface)}
.srch-ov-inner{width:100%;max-width:92vw;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);min-height:0;flex:1 1 auto}

/* Suchbalken: dunkle Leiste, weisses Feld, Lupe davor. */
.srch-ov-bar{width:100%;max-width:var(--sz-640);display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);
  background:var(--grey-800);border:1px solid var(--srch-line);border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.srch-ov-bico{color:var(--grey-300);font-size:var(--fs-lg)}
.srch-ov-bar > :not(.srch-ov-bico){flex:1 1 auto;min-width:0;margin:0}
.srch-ov-input{width:100%}
.srch-ov-meta{font-size:var(--fs-sm);color:var(--grey-300)}

/* Raster der Modul-Kacheln. */
.srch-ov-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--sz-320),1fr));gap:var(--sp-6);overflow-y:auto;align-content:start;padding-bottom:var(--sp-9)}
.srch-ov-block{background:color-mix(in srgb, var(--grey-800) 88%, transparent);border:1px solid var(--srch-line);border-radius:var(--radius);height:max-content;overflow:hidden}
.srch-ov-bh{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6) var(--sp-3)}
.srch-ov-bi-ico{color:var(--grey-400);font-size:var(--fs-sm)}
.srch-ov-bt{flex:1 1 auto;font-size:var(--fs-sm);font-weight:var(--fw-heavy);text-transform:uppercase;letter-spacing:var(--tracking);color:var(--grey-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srch-ov-bc{font-size:var(--fs-2xs);font-weight:var(--fw-heavy);color:var(--grey-100);background:color-mix(in srgb, var(--surface) 14%, transparent);padding:var(--sp-0) var(--sp-3);border-radius:var(--radius)}
.srch-ov-more{border:0;background:none;color:var(--grey-400);cursor:pointer;padding:var(--sp-1);border-radius:var(--radius);line-height:1;transition:color var(--dur-fast),background var(--dur-fast),transform var(--dur)}
.srch-ov-more:hover{color:var(--surface);background:color-mix(in srgb, var(--surface) 10%, transparent)}
.srch-ov-open .srch-ov-more{transform:rotate(180deg)}

/* Treffer: Icon, Titel (Fundstelle hervorgehoben), Unterzeile. */
.srch-ov-bi{display:flex;flex-direction:column;padding:0 var(--sp-3) var(--sp-4)}
.srch-ov-item{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-3);border-radius:var(--radius);text-decoration:none;color:inherit;cursor:pointer;transition:background var(--dur-fast)}
.srch-ov-item:hover{background:color-mix(in srgb, var(--surface) 7%, transparent)}
.srch-ov-extra{display:none}
.srch-ov-open .srch-ov-extra{display:flex}
.srch-ov-ii{flex:0 0 auto;color:var(--grey-400);font-size:var(--fs-md);margin-top:var(--sp-0)}
.srch-ov-it{display:flex;flex-direction:column;gap:var(--sp-0);min-width:0}
.srch-ov-lbl{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srch-ov-sub{font-size:var(--fs-xs);color:var(--grey-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srch-ov-hl{background:var(--info);color:var(--surface);padding:0 var(--sp-0);border-radius:var(--radius)}
.srch-ov-empty{grid-column:1 / -1;color:var(--grey-300);text-align:center;padding:var(--sp-8)}