/* CSE Workflow — Tooltip-Komponente (Ersatz für verbotenes title="").
   Verwendung: <button data-tip="Text"> · zusätzlich aria-label für Barrierefreiheit. */
[data-tip]{position:relative}
[data-tip]::after{
  content:attr(data-tip);
  position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(4px);
  background:#16254c;color:#fff;font-size:.72rem;line-height:1.3;white-space:nowrap;
  padding:.3rem .55rem;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.25);
  opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:3000;
}
[data-tip]::before{
  content:"";position:absolute;bottom:calc(100% + 1px);left:50%;transform:translateX(-50%);
  border:5px solid transparent;border-top-color:#16254c;opacity:0;transition:opacity .15s;z-index:3000;
}
[data-tip]:hover::after,[data-tip]:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}
[data-tip]:hover::before,[data-tip]:focus-visible::before{opacity:1}
[data-tip=""]::after,[data-tip=""]::before{content:none}

/* Hilfe-Tooltip: breit, mehrzeilig, erscheint UNTERHALB, rechtsbündig
   (für ?-Icon im Header-Suchfeld). Newlines im data-tip werden umgebrochen. */
.tip-help{position:relative}
.tip-help::after{
  content:attr(data-tip);
  position:absolute;top:calc(100% + 8px);right:0;
  width:min(300px,80vw);white-space:pre-line;text-align:left;
  background:#16254c;color:#fff;font-size:.74rem;line-height:1.5;
  padding:.55rem .7rem;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.3);
  opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s;z-index:3000;
}
.tip-help:hover::after,.tip-help:focus-visible::after{opacity:1;transform:translateY(0)}