/* Small application components on the bundled Tabler palette. */
/* Programmatic focus destination after dialogs and the skip link, not a control.
   Keep its tabindex and all interactive elements' keyboard focus indicators. */
#main-content[tabindex="-1"]:focus { outline: none; }

.rs-search-select { min-width: 0; width: 100%; }
.rs-search-select.form-select { padding: 0; border: 0; background: none; box-shadow: none; }
.rs-search-select .ts-control { min-height: 2.375rem; padding: .4375rem 2rem .4375rem .75rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-forms, var(--tblr-bg-surface)); color: var(--tblr-body-color); font-size: .875rem; line-height: 1.4285714; box-shadow: none; }
.rs-search-select .ts-control > input, .rs-search-select .items-placeholder { color: var(--tblr-body-color); font-size: .875rem; }
.rs-search-select .ts-control > .item { max-width: 100%; overflow-wrap: anywhere; }
.rs-search-select.focus .ts-control { border-color: var(--tblr-primary); box-shadow: 0 0 0 .25rem var(--tblr-primary-lt); }
.rs-search-select .ts-dropdown { z-index: 1055; border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); color: var(--tblr-body-color); border-radius: var(--tblr-border-radius); box-shadow: var(--tblr-box-shadow, 0 .5rem 1.5rem rgba(0,0,0,.14)); }
.rs-search-select .ts-dropdown .dropdown-input { border-color: var(--tblr-border-color); background: var(--tblr-bg-forms, var(--tblr-bg-surface)); color: var(--tblr-body-color); }
.rs-search-select .ts-dropdown-content { max-height: min(20rem, 40vh); overscroll-behavior: contain; }
.rs-search-select .ts-dropdown .option, .rs-search-select .ts-dropdown .no-results { padding: .6rem .75rem; overflow-wrap: anywhere; }
.rs-search-select .ts-dropdown .active, .rs-search-select .ts-dropdown .selected { background: var(--tblr-primary-lt); color: var(--tblr-primary-lt-fg); }
.rs-search-select.multi .ts-control > .item { background: var(--tblr-primary-lt); color: var(--tblr-primary-lt-fg); border-color: var(--tblr-border-color); }
.rs-search-select.plugin-remove_button .item .remove { border-color: var(--tblr-border-color); color: inherit; }
.rs-search-select.disabled .ts-control { background: var(--tblr-bg-surface-secondary); opacity: .65; }
.rs-search-select.rs-invalid .ts-control, .rs-search-select.is-invalid .ts-control { border-color: var(--tblr-danger); }
.rs-search-select .ts-dropdown .optgroup-header { background: var(--tblr-bg-surface-secondary); color: var(--tblr-secondary); }
.rs-license-details > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .5rem 1rem; padding: .55rem 0; border-bottom: 1px solid var(--tblr-border-color); }
.rs-license-details > div:last-child { border-bottom: 0; }
.rs-license-details dt { font-weight: 400; color: var(--tblr-secondary); }
.rs-license-details dd { margin: 0; overflow-wrap: anywhere; }
.rs-theme-toggle { width: 2.5rem; height: 2.5rem; flex: 0 0 2.5rem; padding: 0; }
.rs-theme-toggle > .icon { width: 1.25rem; height: 1.25rem; min-width: 1.25rem; margin: 0; }
.rs-topbar .container-xl { gap: .75rem; }
.rs-topbar-network { min-width: 0; flex: 1; }
.rs-topbar-network .nav-link { justify-content: flex-start; }
.rs-topbar-actions { flex: 0 1 auto; min-width: 0; }
.rs-user-menu { align-items: center; min-width: 0; max-width: 24rem; }
.rs-user-menu .avatar { flex-shrink: 0; }
.rs-user-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-topbar-actions .dropdown-menu { position: absolute; }
.rs-nav-group { margin-top: .25rem; }
.rs-nav-summary { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: .65rem .75rem; border-radius: var(--tblr-border-radius); font-weight: 600; color: var(--tblr-body-color); cursor: pointer; list-style: none; }
.rs-nav-summary::-webkit-details-marker { display: none; }
.rs-nav-summary:hover, .rs-nav-group details[open] > .rs-nav-summary { background: var(--tblr-hover-bg); }
.rs-nav-summary:focus-visible { outline: 2px solid var(--tblr-primary); outline-offset: -2px; }
.rs-nav-chevron { width: 1rem; height: 1rem; flex-shrink: 0; margin-inline-start: auto; color: var(--tblr-secondary); }
.rs-nav-group details[open] > .rs-nav-summary .rs-nav-chevron { transform: rotate(90deg); }
.rs-nav-items { list-style: none; padding: .25rem 0 .25rem .5rem; margin: 0; }
.rs-sidebar-nav .rs-nav-items .nav-link { min-height: 2.75rem; padding-block: .6rem; }
@media (max-width: 575.98px) {
  .rs-topbar .container-xl { flex-wrap: nowrap; }
  .rs-topbar-actions { gap: .5rem !important; }
  .rs-topbar-actions > .badge, .rs-user-name { display: none; }
}

.rs-search-select.single .ts-control:after { border-top-color: var(--tblr-secondary); }
.rs-search-select.single.dropdown-active .ts-control:after { border-top-color: transparent; border-bottom-color: var(--tblr-secondary); }
.rs-search-select.plugin-dropdown_input.focus.dropdown-active .ts-control { border: 1px solid var(--tblr-primary); box-shadow: 0 0 0 .25rem var(--tblr-primary-lt); }
