html body .btc-heading { display: inline-flex; align-items: center; max-width: 100%; gap: 4px; vertical-align: middle; }
html body .btc-caption { min-width: 0; white-space: normal; }
html body .btc-tools { display: inline-flex; flex: 0 0 24px; position: static; gap: 0; transform: none; vertical-align: middle; }
html body .btc-tools button.btc-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 28px; min-width: 0; padding: 3px; border: 0; border-radius: 5px; background: transparent; color: #64748b; box-shadow: none; cursor: pointer; }
html body .btc-tools button.btc-icon:hover, html body .btc-tools button.btc-active { color: #075b72; background: #e2eef2; }
html body .btc-tools button.btc-icon:focus-visible { outline: 2px solid #075b72; outline-offset: 1px; }
html body .btc-filtered-out { display: none !important; }
html body .btc-popup { position: fixed; z-index: 10000; display: flex; flex-wrap: wrap; gap: 8px; width: 280px; max-width: calc(100vw - 16px); padding: 12px; box-sizing: border-box; background: #fff; border: 1px solid #dce4eb; border-radius: 10px; box-shadow: 0 6px 24px #152f4529; }
html body .btc-popup input { width: 100%; min-width: 0; box-sizing: border-box; padding: 7px 9px; border: 1px solid #aabac6; border-radius: 6px; font: inherit; font-size: 13px; }
html body .btc-popup button { border: 0; border-radius: 6px; padding: 5px 10px; background: #075b72; color: #fff; font: inherit; font-size: 12px; cursor: pointer; }
html body .btc-popup :is(input,button):focus-visible { outline: 2px solid #075b72; outline-offset: 2px; }

html body .btc-tools button.btc-icon:disabled { opacity: .45; cursor: wait; }
html body .btc-error { color: #a82323; padding: 8px; font-size: 13px; }


html body .btc-popup { inset: auto; margin: 0; flex-direction: column; flex-wrap: nowrap; width: 300px; max-height: calc(100vh - 16px); overflow: auto; color: #172b40; font-size: 13px; }
html body .btc-popup-title { font-size: 13px; font-weight: 600; }
html body .btc-options { max-height: 200px; overflow: auto; display: flex; flex-direction: column; gap: 2px; }
html body .btc-popup label.btc-option { display: flex; align-items: center; gap: 9px; padding: 7px 6px; margin: 0; font-weight: 400; cursor: pointer; line-height: 1.35; border-radius: 5px; }
html body .btc-popup label.btc-option:hover { background: #f0f5f8; }
html body .btc-popup .btc-option input { appearance: auto; width: 16px; height: 16px; flex: 0 0 16px; padding: 0; margin: 0; accent-color: #075b72; }
html body .btc-all { border-bottom: 1px solid #e2e8f0; }
html body .btc-popup-actions { display: flex; gap: 8px; padding-top: 8px; border-top: 1px solid #e2e8f0; }
html body .btc-popup-actions button { min-height: 34px; flex: 1; }
html body .btc-range { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html body .btc-range label { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html body .btc-validation { color: #a82323; }
html body .btc-validation:empty { display: none; }
html body .btc-options-empty { color: #64748b; padding: 10px 6px; }
html body .btc-empty { padding: 18px; text-align: center; color: #64748b; font-size: 13px; }
html body .btc-popup label.btc-option { min-height: 32px; height: auto; box-sizing: border-box; border: 0; box-shadow: none; background: transparent; }
html body .btc-popup label.btc-all { border-bottom: 1px solid #e2e8f0; }
html body .btc-popup input:not([type="checkbox"]) { height: 36px; min-height: 36px; }
html body .btc-popup .btc-option input { min-height: 16px; max-height: 16px; }

/* One checkbox appearance for Web, BI and embedded cards, independent of page form styles. */
html body .btc-popup .btc-option input[type="checkbox"] { appearance: none; -webkit-appearance: none; display: inline-block; width: 16px; height: 16px; min-height: 16px; border: 1px solid #94a3b8; border-radius: 3px; background: #fff; box-shadow: none; cursor: pointer; }
html body .btc-popup .btc-option input[type="checkbox"]:checked { border-color: #075b72; background: #075b72 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat; }
html body .btc-popup .btc-option input[type="checkbox"]:indeterminate { border-color: #075b72; background: #075b72 linear-gradient(#fff,#fff) center / 8px 2px no-repeat; }

html body .btc-sort-options { display: flex; flex-direction: column; gap: 2px; padding-bottom: 8px; border-bottom: 1px solid #e2e8f0; }
html body .btc-popup button.btc-sort-option, html body .btc-popup button.btc-clear-filter { background: transparent; color: #172b40; text-align: left; min-height: 32px; }
html body .btc-popup button.btc-sort-option:hover, html body .btc-popup button.btc-clear-filter:hover { background: #f0f5f8; }
html body .btc-popup button.btc-sort-option[aria-pressed="true"] { color: #075b72; background: #e2eef2; }

html body .btc-popup button.btc-clear-filter:disabled { color: #94a3b8; background: transparent; cursor: default; }