/* Einheitliche, schrift- und kodierungsunabhaengige Richtungsdreiecke. */ .triangle-icon { display: block; flex: 0 0 auto; width: 12px; height: 12px; fill: currentColor; transform-origin: center; } .triangle-icon-right { transform: rotate(180deg); } .triangle-icon-up { transform: rotate(90deg); } .triangle-icon-down { transform: rotate(-90deg); } .reader-nav button, .sidebar-toggle-inline, .sidebar-toggle, .icon-btn, .tenant-back, .db-structure-card-toggle, summary, .results-browser-title { color: var(--muted); } .reader-nav button, .sidebar-toggle-inline, .sidebar-toggle, .icon-btn { align-items: center; justify-content: center; } .reader-nav button .triangle-icon { width: 18px; height: 18px; } .sidebar-toggle-inline .triangle-icon, .sidebar-toggle .triangle-icon { width: 16px; height: 16px; } .tenant-back { display: inline-flex; align-items: center; gap: 7px; } /* Ruecksprung in die Mandantenuebersicht: grosses Dreieck und sichtbare Beschriftung liegen gemeinsam in derselben klick- und fokussierbaren Aktion. */ .tenant-back .triangle-icon { width: 28px; height: 28px; fill: var(--band-surface); } .db-structure-card-toggle { display: grid; place-items: center; width: 18px; height: 18px; } .results-browser-title { display: flex; align-items: center; gap: 7px; text-align: left; } summary { display: flex; align-items: center; gap: 7px; list-style: none; } summary::-webkit-details-marker { display: none; } details[open] > summary > .triangle-icon-right { transform: rotate(-90deg); } /* Native Select-Pfeile werden durch dasselbe gefuellte Dreieck ersetzt. */ select:not([multiple]) { appearance: none; padding-right: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23888a92' d='M1.5 2.5 6 9.5l4.5-7z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 9px center; background-size: 12px 12px; } .results-parking-anchor { position: absolute; inset: 0 auto auto 0; width: 0; height: 0; pointer-events: none; }