/* sh-controlpanel — Odoo-inspirierte Aktionsleiste (Enhancement der bestehenden .ue-toolbar).
   OPT-IN via Zusatzklasse `.sh-cp`, damit bestehende Toolbars unveraendert bleiben. */

.ue-toolbar.sh-cp {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--sh-surface, #fff);
  border-bottom: 1px solid var(--sh-border, #e4e7ec);
  box-shadow: 0 1px 0 rgba(16, 24, 40, .04);
  padding: .5rem .85rem;
  gap: .5rem;
}

/* Aktionsgruppen sauber trennen (Odoo-Stil) */
.ue-toolbar.sh-cp .ue-toolbar__actions {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding-left: .6rem;
  border-left: 1px solid var(--sh-border, #eceff3);
}
.ue-toolbar.sh-cp .ue-toolbar__docnumber {
  font-weight: 700;
  color: var(--sh-text, #101828);
}

/* Statusbar-Host im Control-Panel-Kopf bzw. direkt darunter */
.sh-cp-statusbar {
  padding: .55rem .85rem 0;
}
.sh-cp-statusbar .sh-statusbar { margin-bottom: .55rem; }

/* Detail-Body als Grid mit Chatter-Aside (Odoo: Formular links, Chatter rechts) */
.sh-cp-body-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 1rem;
  align-items: start;
}
.sh-cp-chatter-aside { position: sticky; top: 4.2rem; }

@media (max-width: 1100px) {
  .sh-cp-body-grid { grid-template-columns: 1fr; }
  .sh-cp-chatter-aside { position: static; }
}

/* 2026-05-24: In den Detail-Editoren (Angebot/Auftrag/Rechnung/Gutschrift) stehen
   Übersicht + Notizen gestapelt in einer Spalte und scrollen natürlich mit.
   Kein sticky — sonst pinnt eine Karte und überlappt die darunterliegenden Inhalte. */
.qei-actions-sidebar .sh-cp-chatter-aside,
.oei-rightcol .sh-cp-chatter-aside,
.iei-detail-sidebar .sh-cp-chatter-aside { position: static; top: auto; }
.oei-rightcol .oei-detail-sidebar { position: static; top: auto; }