/* Bitblade Tags in WebODM (2D-Karte, 3D-Ansicht) */
.bbtw-pin-wrap { background: none; border: none; }
.bbtw-pin { width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fff; display: grid; place-items: center; box-shadow: 0 1px 5px rgba(0,0,0,.45); cursor: pointer; }
.bbtw-card { font: 13px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; color: #1b232a; max-width: 320px; }
.bbtw-h { display: flex; gap: 8px; align-items: center; font-size: 14px; margin-bottom: 6px; }
.bbtw-dot { flex: none; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #fff; display: grid; place-items: center; box-shadow: 0 0 0 1px rgba(0,0,0,.2); }
.bbtw-d { max-height: 220px; overflow: auto; overflow-wrap: anywhere; }
.bbtw-d ul { margin: 4px 0; padding-left: 18px; }
.bbtw-img { display: block; max-width: 100%; margin-top: 8px; border-radius: 6px; }
.bbtw-link { display: block; margin-top: 8px; }
.bbtw-kw { margin-top: 6px; display: flex; gap: 4px; flex-wrap: wrap; }
.bbtw-chip { font-size: 11px; padding: 1px 7px; border-radius: 99px; background: #e8edf2; color: #3b4a57; }
.bbtw-f { margin-top: 8px; padding-top: 6px; border-top: 1px solid #e3e8ee; font-size: 12px; }
.bbtw-toggle { font: 12px system-ui, sans-serif; background: #fff; border: 2px solid rgba(0,0,0,.2); border-radius: 4px; padding: 4px 8px; cursor: pointer; color: #555; display: flex; gap: 4px; align-items: center; }
.bbtw-toggle.on { color: #1f6feb; border-color: #1f6feb; }
/* Potree-Anmerkungen: Beschreibung ist unsere Karte (heller Hintergrund fuer Lesbarkeit) */
.annotation .annotation-description .bbtw-card { color: #e6edf3; }
.annotation .annotation-description .bbtw-card a { color: #8cc4ff; }
.annotation .annotation-description .bbtw-chip { background: #2a3640; color: #c9d4de; }
.annotation .annotation-description .bbtw-f { border-top-color: #3a4652; }
.bbtw-hint { position: fixed; left: 50%; top: 70px; transform: translateX(-50%); z-index: 2000; background: #1f6feb; color: #fff; padding: 8px 14px; border-radius: 8px; font: 13px system-ui, sans-serif; box-shadow: 0 4px 16px rgba(0,0,0,.35); }
.bbtw-modal { position: fixed; inset: 0; z-index: 2001; background: rgba(0,0,0,.45); display: grid; place-items: center; }
.bbtw-dlg { background: #fff; color: #1b232a; width: min(420px, 92vw); border-radius: 10px; padding: 16px 18px; font: 13px system-ui, sans-serif; box-shadow: 0 10px 40px rgba(0,0,0,.4); }
.bbtw-dlg h4 { margin: 0 0 8px; font-size: 16px; }
.bbtw-dlg label { display: block; margin: 8px 0 3px; color: #56636f; font-size: 12px; }
.bbtw-dlg input, .bbtw-dlg textarea { width: 100%; box-sizing: border-box; border: 1px solid #c9d2db; border-radius: 6px; padding: 6px 8px; font: inherit; }
.bbtw-sw { display: flex; gap: 6px; flex-wrap: wrap; }
.bbtw-sw button { width: 24px; height: 24px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; padding: 0; }
.bbtw-sw button.on { border-color: #fff; box-shadow: 0 0 0 2px #1f6feb; }
.bbtw-btns { display: flex; justify-content: space-between; margin-top: 12px; }
.bbtw-btns button { border: 1px solid #c9d2db; background: #f4f6f8; border-radius: 6px; padding: 6px 12px; cursor: pointer; }
.bbtw-btns .bbtw-primary { background: #1f6feb; border-color: #1f6feb; color: #fff; }
.bbtw-err { color: #c62828; min-height: 1em; margin-top: 6px; }
.bbtw-note { color: #6b7883; font-size: 11px; margin: 8px 0 0; }
/* Tag-Leiste (Suchen, Filtern, Ein-/Ausblenden) */
.bbtw-panel { font: 12px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; color: #1b232a; background: #fff; border: 2px solid rgba(0,0,0,.2); border-radius: 6px; width: 260px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.bbtw-panel.open { width: 300px; }
.bbtw-ph { display: flex; gap: 4px; padding: 4px; }
.bbtw-ph button { font: inherit; border: 1px solid #c9d2db; background: #f4f6f8; border-radius: 4px; padding: 4px 8px; cursor: pointer; color: #333; display: flex; gap: 4px; align-items: center; }
.bbtw-ph .bbtw-tb { flex: 1; }
.bbtw-ph .bbtw-eye.on { color: #1f6feb; border-color: #1f6feb; }
.bbtw-pb { padding: 0 6px 6px; }
.bbtw-q { width: 100%; box-sizing: border-box; border: 1px solid #c9d2db; border-radius: 4px; padding: 5px 7px; font: inherit; }
.bbtw-chips { display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 0; }
.bbtw-chips .bbtw-chip { border: 1px solid #d5dde5; cursor: pointer; font: 11px system-ui, sans-serif; }
.bbtw-chips .bbtw-chip.on { background: #1f6feb; color: #fff; border-color: #1f6feb; }
.bbtw-list { max-height: 260px; overflow: auto; border-top: 1px solid #e3e8ee; }
.bbtw-row { display: flex; gap: 8px; align-items: flex-start; width: 100%; text-align: left; border: 0; border-bottom: 1px solid #eef1f4; background: none; padding: 6px 2px; cursor: pointer; font: inherit; color: inherit; }
.bbtw-row:hover, .bbtw-row:focus-visible { background: #f0f5fb; }
.bbtw-row b { display: block; font-weight: 600; }
.bbtw-row small { color: #6b7883; }
.bbtw-row .bbtw-dot { width: 20px; height: 20px; }
.bbtw-empty { color: #6b7883; padding: 8px 2px; }
.bbtw-3d { position: absolute; left: 10px; bottom: 10px; z-index: 50; }
@media (max-width: 600px) { .bbtw-panel, .bbtw-panel.open { width: 220px; } .bbtw-list { max-height: 160px; } }