/* ============================================================
   SEGMENT AUSWÄHLEN — einheitlicher Auswahldialog (sp-*), Ergänzung zum Design-System.
   Regeln: Segmente werden nie per Dropdown gewählt, sondern immer über diesen Dialog
   (Suche, Filter Alle / Von mir / Zuletzt verwendet, Sortierung, Liste mit Kundenzahl).
   Klick wählt aus, Doppelklick oder Enter übernimmt. Aufruf überall über window.axPickSegment(auswahl, callback).
   ============================================================ */
.ax-dialog--wide{width:min(760px,calc(100vw - 32px))}
.sp-bar{display:flex;gap:8px;padding:12px 16px 0}
.sp-filters{display:flex;align-items:center;gap:8px;padding:10px 16px}
.sp-count{margin-left:auto;font:var(--type-mono);color:var(--text-3)}
.sp-list{height:min(420px,50vh);overflow:auto;border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1)}
.sp-head,.sp-row{display:grid;grid-template-columns:minmax(0,1fr) 96px 96px;align-items:center;gap:8px;padding:0 16px}
.sp-head{position:sticky;top:0;z-index:1;height:28px;background:var(--gray-50);border-bottom:1px solid var(--border-2);font:var(--fw-semibold) var(--fs-12)/1 var(--font-sans);color:var(--text-2)}
.sp-head .num,.sp-row .num{text-align:right}
.sp-row{min-height:44px;border-bottom:1px solid var(--border-1);cursor:pointer}
.sp-row:hover{background:var(--surface-hover)}
.sp-row[aria-selected="true"]{background:var(--surface-selected);box-shadow:inset 3px 0 0 var(--blue-500)}
.sp-row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--blue-400)}
.sp-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.sp-name b{font:var(--fw-medium) var(--fs-13)/1.3 var(--font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-name span{font:var(--type-small);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-row .num{font:var(--fw-regular) var(--fs-12)/1 var(--font-mono);font-variant-numeric:tabular-nums}
.sp-row .date{font:var(--type-small);color:var(--text-3);text-align:right}
.sp-empty{padding:40px 16px;text-align:center;color:var(--text-3)}
.sp-foot{align-items:center}
.nc-segbtn{display:flex;align-items:center;gap:8px;width:100%;height:var(--control-h-md);padding:0 10px;border:0;border-radius:var(--radius-2);background:#fff;box-shadow:var(--elev-1);font:var(--type-body);color:var(--text-1);cursor:pointer;text-align:left}
.nc-segbtn:hover{background:var(--gray-50)}
.nc-segbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.nc-segbtn span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nc-segbtn .ph{color:var(--text-3)}
@media (max-width:720px){.sp-head,.sp-row{grid-template-columns:minmax(0,1fr) 72px}.sp-head > :nth-child(n+3),.sp-row > :nth-child(n+3){display:none}}