/* Nabtech Workspace client area styles: dropdowns
 * Nabtech Workspace theme. Structure: palette tokens, then rules grouped by the component they style,
 * in cascade order (groups repeat when the cascade needs a later override). */

/* page elements */
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) {
  --nwdp-ink: #173b52;
  --nwdp-muted: #718696;
  --nwdp-line: #dce8ee;
  --nwdp-accent: #146b86;
  --nwdp-font-size: 14px;
}
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) :is(.dropdown-menu, .select2-dropdown, .intl-tel-input .country-list, .iti .iti__country-list),
body.nab-workspace [data-nw-dropdown-skin="menu"] {
  --nwdp-background: #fff;
  --nwdp-color: #173b52;
  --nwdp-border: #dce8ee;
  --nwdp-shadow: 0 24px 56px -24px rgba(21,56,76,.28),0 6px 18px -10px rgba(21,56,76,.14),inset 0 1px 0 rgba(255,255,255,.95);
  border: 1px solid var(--nwdp-border) !important;
  border-radius: 15px !important;
  background-color: var(--nwdp-background) !important;
  background-image: none !important;
  box-shadow: var(--nwdp-shadow) !important;
  color: var(--nwdp-color) !important;
  font-family: 'Nabtech Workspace',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size: var(--nwdp-font-size,14px) !important;
  line-height: 1.5 !important;
  padding: 7px !important;
  outline: var(--nwdp-outline,0 solid transparent) !important;
  outline-offset: 2px !important;
  text-shadow: none !important;
}

/* dropdown-menu */
body.nab-workspace :is(#nabtech-workspace,.nw-document-shell,[data-nw-dropdown-scope="true"]) .dropdown-menu,
body.nab-workspace .dropdown-menu[data-nw-dropdown-skin="menu"] {
  min-width: min(210px,calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
}
body.nab-workspace :is(#nabtech-workspace,.nw-document-shell,[data-nw-dropdown-scope="true"]) .dropdown-menu :is(.dropdown-item,li>a),
body.nab-workspace .dropdown-menu[data-nw-dropdown-skin="menu"] [data-nw-dropdown-skin="item"] {
  white-space: normal !important;
  overflow-wrap: anywhere;
}

/* page elements */
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) :is(.dropdown-menu .dropdown-item, .dropdown-menu>li>a, .select2-results__option, .country-list .country, .iti__country-list .iti__country),
body.nab-workspace [data-nw-dropdown-skin="item"] {
  --nwdp-background: transparent;
  --nwdp-color: #24475e;
  --nwdp-outline: 0 solid transparent;
  --nwdp-weight: 500;
  border: 0 solid transparent !important;
  border-radius: 9px !important;
  background-color: var(--nwdp-background) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--nwdp-color) !important;
  font-family: 'Nabtech Workspace',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size: var(--nwdp-font-size,14px) !important;
  font-weight: var(--nwdp-weight,500) !important;
  line-height: 1.5 !important;
  padding: 10px 12px !important;
  outline: var(--nwdp-outline) !important;
  outline-offset: -2px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: background-color .15s ease,color .15s ease,box-shadow .15s ease !important;
}
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) :is(.dropdown-menu .dropdown-item, .dropdown-menu>li>a):is(:hover,:focus),
body.nab-workspace [data-nw-dropdown-skin="item"]:is(:hover,:focus),
body.nab-workspace [data-nw-dropdown-skin="item"]:is(.select2-results__option--highlighted,.highlight,.iti__highlight),
body.nab-workspace [data-nw-dropdown-skin="menu"] .select2-results__option--highlighted {
  --nwdp-background: #edf6f8 !important;
  --nwdp-color: #145773 !important;
}

/* data-nw-dropdown-skin */
body.nab-workspace [data-nw-dropdown-skin="item"]:is(.active,[aria-selected="true"]),
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) .dropdown-menu :is(.dropdown-item.active,li.active>a) {
  --nwdp-background: #e3f1f5 !important;
  --nwdp-color: #0f566f !important;
  --nwdp-weight: 650 !important;
}

/* text-danger */
body.nab-workspace [data-nw-dropdown-skin="item"].text-danger {
  --nwdp-color: #b83f4e !important;
}

/* data-nw-dropdown-skin */
body.nab-workspace [data-nw-dropdown-skin="item"]:is(.disabled,[aria-disabled="true"],:disabled) {
  --nwdp-background: transparent !important;
  --nwdp-color: #8c9da9 !important;
}
body.nab-workspace [data-nw-dropdown-skin="item"]:focus-visible {
  --nwdp-outline: 2px solid #67a6b9 !important;
}
body.nab-workspace [data-nw-dropdown-skin="menu"]:focus-visible {
  --nwdp-outline: 2px solid #67a6b9 !important;
}

/* dropdown-menu */
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) .dropdown-menu :is(.dropdown-header,.header),
body.nab-workspace [data-nw-dropdown-skin="menu"] :is(.dropdown-header,.select2-results__group) {
  color: #698192 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  padding: 10px 12px 6px !important;
  letter-spacing: .02em !important;
}
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) .dropdown-menu :is(.dropdown-divider,.divider),
body.nab-workspace [data-nw-dropdown-skin="menu"] :is(.dropdown-divider,.divider) {
  border-top-color: #e5edf1 !important;
  margin: 6px 10px !important;
}

/* page elements */
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) select:not(.select2-hidden-accessible):not(.select2-offscreen):not([hidden]),
body.nab-workspace [data-nw-dropdown-skin="control"],
body.nab-workspace [data-nw-dropdown-skin="search"],
body.nab-workspace [data-nw-dropdown-skin="select2-control"] {
  --nwdp-background: #fff;
  --nwdp-color: #173b52;
  --nwdp-border: #dce8ee;
  --nwdp-shadow: 0 2px 5px rgba(26,63,82,.025),inset 0 1px 0 rgba(255,255,255,.8);
  --nwdp-outline: 0 solid transparent;
  border: 1px solid var(--nwdp-border) !important;
  border-radius: 13px !important;
  background-color: var(--nwdp-background) !important;
  box-shadow: var(--nwdp-shadow) !important;
  color: var(--nwdp-color) !important;
  font-family: 'Nabtech Workspace',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size: var(--nwdp-font-size,14px) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  outline: var(--nwdp-outline) !important;
  outline-offset: 2px !important;
}
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) select:not(.select2-hidden-accessible):not(.select2-offscreen):not([hidden]),
body.nab-workspace [data-nw-dropdown-skin="control"] {
  padding: 10px 38px 10px 14px !important;
  line-height: 1.5 !important;
}

/* data-nw-dropdown-skin */
body.nab-workspace [data-nw-dropdown-skin="search"] {
  padding: 10px 12px !important;
  line-height: 1.5 !important;
}
body.nab-workspace [data-nw-dropdown-skin="select2-control"] {
  padding: 0 !important;
  min-height: 48px !important;
}

/* select2-selection__rendered */
body.nab-workspace [data-nw-dropdown-skin="select2-control"].select2-selection--single .select2-selection__rendered {
  line-height: 46px !important;
}

/* select2-selection__arrow */
body.nab-workspace [data-nw-dropdown-skin="select2-control"].select2-selection--single .select2-selection__arrow {
  min-height: 46px !important;
}

/* select2-selection__rendered */
body.nab-workspace [data-nw-dropdown-skin="select2-control"] .select2-selection__rendered {
  padding-inline: 14px 38px !important;
  color: inherit !important;
}

/* select2-selection__placeholder */
body.nab-workspace [data-nw-dropdown-skin="select2-control"] .select2-selection__placeholder {
  color: #7c8f9d !important;
}

/* select2-selection__choice */
body.nab-workspace [data-nw-dropdown-skin="select2-control"] .select2-selection__choice {
  border: 1px solid #d4e7ed !important;
  border-radius: 7px !important;
  background: #edf6f8 !important;
  color: #245e73 !important;
}

/* page elements */
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) select:not(.select2-hidden-accessible):not(.select2-offscreen):not([hidden]):focus,
body.nab-workspace [data-nw-dropdown-skin]:is([data-nw-dropdown-skin="control"],[data-nw-dropdown-skin="search"],[data-nw-dropdown-skin="select2-control"]):is(:focus,:focus-within),
body.nab-workspace .select2-container--open [data-nw-dropdown-skin="select2-control"] {
  --nwdp-border: #76aab9 !important;
  --nwdp-shadow: 0 0 0 3px rgba(20,107,134,.1) !important;
}

/* data-nw-dropdown-skin */
body.nab-workspace [data-nw-dropdown-skin]:is([data-nw-dropdown-skin="control"],[data-nw-dropdown-skin="search"],[data-nw-dropdown-skin="select2-control"]):focus-visible {
  --nwdp-outline: 2px solid rgba(20,107,134,.48) !important;
}
body.nab-workspace [data-nw-dropdown-skin="control"]:disabled,
body.nab-workspace .select2-container--disabled [data-nw-dropdown-skin="select2-control"] {
  --nwdp-background: #f3f7f9 !important;
  --nwdp-color: #8395a1 !important;
  --nwdp-shadow: none !important;
}

/* dropdown-toggle */
body.nab-workspace :is(#nabtech-workspace, .nw-document-shell, [data-nw-dropdown-scope="true"]) .dropdown-toggle,
body.nab-workspace [data-nw-dropdown-skin="trigger"] {
  --nwdp-outline: 0 solid transparent;
  --nwdp-trigger-border: #dce8ee;
  border-radius: 13px !important;
  border: 1px solid var(--nwdp-trigger-border) !important;
  outline: var(--nwdp-outline) !important;
  outline-offset: 3px !important;
}

/* data-nw-dropdown-skin */
body.nab-workspace [data-nw-dropdown-skin="trigger"]:is(.btn-primary,.btn-info) {
  --nwdp-trigger-border: #146b86 !important;
}

/* btn-danger */
body.nab-workspace [data-nw-dropdown-skin="trigger"].btn-danger {
  --nwdp-trigger-border: #b83f4e !important;
}

/* data-nw-dropdown-skin */
body.nab-workspace [data-nw-dropdown-skin="trigger"]:focus-visible {
  --nwdp-outline: 2px solid #67a6b9 !important;
}
body.nab-workspace [data-nw-dropdown-skin="menu"]::-webkit-scrollbar,
body.nab-workspace [data-nw-dropdown-skin="menu"] .select2-results__options::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
body.nab-workspace [data-nw-dropdown-skin="menu"]::-webkit-scrollbar-thumb,
body.nab-workspace [data-nw-dropdown-skin="menu"] .select2-results__options::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 3px;
}
body.nab-workspace [data-nw-dropdown-skin="menu"]:is(:hover,:focus-within)::-webkit-scrollbar-thumb,
body.nab-workspace [data-nw-dropdown-skin="menu"]:is(:hover,:focus-within) .select2-results__options::-webkit-scrollbar-thumb {
  background: #a6bdc9;
}
@supports (-moz-appearance:none) {
  body.nab-workspace [data-nw-dropdown-skin="menu"],
  body.nab-workspace [data-nw-dropdown-skin="menu"] .select2-results__options {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
  }
  body.nab-workspace [data-nw-dropdown-skin="menu"]:is(:hover,:focus-within),
  body.nab-workspace [data-nw-dropdown-skin="menu"]:is(:hover,:focus-within) .select2-results__options {
    scrollbar-color: #a6bdc9 transparent;
  }
}
@media(max-width:767px) {
  body.nab-workspace :is(#nabtech-workspace,.nw-document-shell,[data-nw-dropdown-scope="true"]),
  body.nab-workspace [data-nw-dropdown-skin] {
    --nwdp-font-size: 16px;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.nab-workspace [data-nw-dropdown-skin] {
    transition: none !important;
  }
}