/* Marker palette is defined in identidade.css for both product themes. */
.marker-color--blue { --marker-color: var(--marker-blue); }
.marker-color--teal { --marker-color: var(--marker-teal); }
.marker-color--green { --marker-color: var(--marker-green); }
.marker-color--olive { --marker-color: var(--marker-olive); }
.marker-color--amber { --marker-color: var(--marker-amber); }
.marker-color--orange { --marker-color: var(--marker-orange); }
.marker-color--red { --marker-color: var(--marker-red); }
.marker-color--pink { --marker-color: var(--marker-pink); }
.marker-color--purple { --marker-color: var(--marker-purple); }
.marker-color--slate { --marker-color: var(--marker-slate); }
.marker-swatch { display: inline-block; flex: none; width: 12px; height: 12px; border-radius: 3px; background: var(--marker-color); }
.organization-marker { flex: none; display: inline-flex; }
.marker-trigger { display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 1px solid transparent; border-radius: 6px; background: transparent; cursor: pointer; }
.marker-trigger:hover, .marker-trigger[aria-expanded="true"] { border-color: var(--color-line-strong); background: var(--color-surface); }
.marker-trigger:focus-visible, .marker-color-choice:has(input:focus-visible) { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.organization-chat-link:has(.organization-marker) { gap: var(--space-1); }
.marker-dialog { min-width: 0; font-size: var(--ui-font); }
.organization-dialog:has(.marker-dialog) { overflow: visible; }
.organization-dialog .marker-dialog { max-height: calc(100dvh - 96px); overflow-y: auto; padding: 3px; }
.marker-dialog [hidden] { display: none !important; }
.marker-dialog .organization-status:not(:empty) { margin-bottom: var(--space-3); }
.marker-tabs { display: flex; gap: var(--space-2); margin-bottom: var(--space-5); }
.marker-tabs .button { flex: 1; }
.marker-tabs [aria-selected="true"] { color: var(--color-primary-strong); border-color: var(--color-primary); background: var(--color-accent-soft); }
.marker-catalog { margin-bottom: var(--space-4); }
.marker-catalog > label { display: block; margin-bottom: var(--space-2); font-weight: 600; }
.marker-catalog > div { display: flex; gap: var(--space-2); align-items: center; }
.marker-catalog .select2-container { flex: 1; min-width: 0; }
.marker-dialog textarea { min-height: 74px; resize: vertical; }
.marker-palette > div { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.marker-palette .marker-color-choice { position: relative; display: grid; place-items: center; width: 32px; height: 32px; margin: 0; border: 1px solid transparent; border-radius: 7px; cursor: pointer; }
.marker-color-choice input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.marker-color-choice .marker-swatch { width: 20px; height: 20px; }
.marker-color-choice:has(input:checked) { border-color: var(--color-primary); background: var(--color-accent-soft); }
.marker-color-choice:has(input:checked) .marker-swatch { box-shadow: 0 0 0 2px var(--color-surface); }
.marker-dialog .form-actions { justify-content: flex-end; flex-wrap: wrap; }
.marker-option { display: flex; gap: var(--space-2); align-items: center; min-width: 0; }
.marker-meta { display: block; margin-top: 6px; color: var(--color-muted); font-size: .72rem; font-weight: 400; }
.marker-option > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.select2-container--clariato { color: var(--color-on-surface); font: var(--ui-font)/1.5 var(--font-sans); }
.select2-container--clariato .select2-selection--single { display: flex; align-items: center; min-height: var(--ui-control); height: auto; padding: 8px 28px 8px 10px; border: var(--hairline); border-radius: var(--radius-base); background: var(--color-surface); }
.select2-container--clariato .select2-selection__rendered { width: 100%; padding: 0; }
.select2-container--clariato .select2-selection__placeholder { color: var(--color-muted); }
.select2-container--clariato .select2-selection__clear { position: absolute; right: 28px; top: 7px; padding-inline: 5px; color: var(--color-muted); }
.select2-container--clariato .select2-selection__arrow { position: absolute; right: 12px; top: 14px; width: 7px; height: 7px; border-bottom: 1px solid var(--color-muted); border-right: 1px solid var(--color-muted); transform: rotate(45deg); }
.select2-container--clariato .select2-selection--single:focus { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.select2-container--clariato.select2-container--open .select2-selection--single { border-color: var(--color-primary); }
.select2-container--clariato .select2-dropdown { border: 1px solid var(--color-line-strong); border-radius: var(--radius-base); background: var(--color-surface); color: var(--color-on-surface); box-shadow: var(--shadow-panel); overflow: hidden; }
.select2-container--clariato .select2-search--dropdown { padding: var(--space-2); }
.select2-container--clariato .select2-search__field { width: 100%; min-height: var(--ui-control); padding: 6px 10px; border: var(--hairline); border-radius: 7px; background: var(--color-bg); color: var(--color-on-surface); font: inherit; }
.select2-container--clariato .select2-results__options { max-height: 180px; overflow-y: auto; }
.select2-container--clariato .select2-results__option { padding: var(--space-2) var(--space-3); }
.select2-container--clariato .select2-results__option--highlighted { background: var(--color-accent-soft); color: var(--color-primary-strong); }
.select2-container--clariato .select2-results__option[aria-selected="true"] { font-weight: 700; }
@media (max-width: 800px) {
  .marker-trigger { width: 28px; height: 28px; }
  .marker-palette .marker-color-choice { width: 40px; height: 40px; }
}