/* Lucide chevrons: local derivatives of assets/nav-chevron-down.svg.
   See assets/LUCIDE-LICENSE.txt and assets/navigation-icons-manifest.json. */
:root{
  --gc-control-chevron:url("assets/nav-chevron-down.svg");
  --gc-select-chevron:url("assets/control-chevron-light.svg");
}
html[data-theme="dark"]{--gc-select-chevron:url("assets/control-chevron-dark.svg")}

/* Retain the native select element and its keyboard/mobile picker behavior. */
select:not([multiple]):not([size]){
  -webkit-appearance:none;
  appearance:none;
  background-image:var(--gc-select-chevron)!important;
  background-repeat:no-repeat!important;
  background-position:right 11px center!important;
  background-size:17px 17px!important;
  padding-inline-end:37px!important;
  cursor:pointer;
}
select:not([multiple]):not([size]):disabled{cursor:not-allowed}

/* All disclosure indicators use the same local vector and inherit text color. */
.gc-table-columns>summary::after,
.v1-permission-person>summary::after,
#inventory .gc-rma-extra>summary::after{
  content:"";
  display:inline-block;
  width:17px;
  height:17px;
  flex:0 0 17px;
  margin-left:10px;
  background-color:currentColor;
  -webkit-mask:var(--gc-control-chevron) center/contain no-repeat;
  mask:var(--gc-control-chevron) center/contain no-repeat;
  transition:transform .16s ease;
}
.gc-table-columns[open]>summary::after,
.v1-permission-person[open]>summary::after,
#inventory .gc-rma-extra[open]>summary::after{transform:rotate(180deg)}

.gc-account-open-indicator,
.gc-availability-chevron,
.gc-kb-guide-summary-meta b,
.gc-control-arrow,
.gc-lead-compose>summary span[aria-hidden="true"],
#work-order .gc-workorder-compose>summary span[aria-hidden="true"],
.shipping-row>em,
.shipping-lead>em{
  display:inline-grid;
  place-items:center;
  flex:none;
  width:22px;
  height:22px;
  font-size:0;
  font-style:normal;
  line-height:0;
}
.gc-account-open-indicator::before,
.gc-availability-chevron::before,
.gc-kb-guide-summary-meta b::before,
.gc-control-arrow::before,
.gc-lead-compose>summary span[aria-hidden="true"]::before,
#work-order .gc-workorder-compose>summary span[aria-hidden="true"]::before,
.shipping-row>em::before,
.shipping-lead>em::before{
  content:"";
  display:block;
  width:17px;
  height:17px;
  background-color:currentColor;
  -webkit-mask:var(--gc-control-chevron) center/contain no-repeat;
  mask:var(--gc-control-chevron) center/contain no-repeat;
}
.gc-account-open-indicator::before,
.shipping-row>em::before,
.shipping-lead>em::before{transform:rotate(-90deg)}
.shipping-row>em,.shipping-lead>em{width:16px;height:16px}
.shipping-row>em::before,.shipping-lead>em::before{width:16px;height:16px}
.gc-control-arrow-left::before{transform:rotate(90deg)}
.gc-control-arrow-right::before{transform:rotate(-90deg)}
.gc-schedule-week-nav [data-schedule-week],
.workforce-head [data-week],
[data-customer-back]{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.gc-schedule-week-nav [data-schedule-week]{min-width:42px;min-height:42px}
.gc-ts-week-nav [data-ts-week]{display:inline-grid;place-items:center;min-width:42px;min-height:42px;padding:8px}
[data-customer-back]{justify-content:flex-start}
.gc-kb-source-action[data-kb-internal],
.gc-staff-setup-back{display:inline-flex;align-items:center;gap:4px}
.gc-kb-source-action[data-kb-internal] .gc-control-arrow{width:17px;height:17px}
.gc-kb-source-action[data-kb-internal] .gc-control-arrow::before{width:14px;height:14px}
.gc-availability-chevron{margin-left:auto;transform:none}
.gc-availability-trigger[aria-expanded="true"] .gc-availability-chevron{transform:rotate(180deg)}
.gc-kb-guide-summary-meta b{transition:transform .16s ease}
.gc-kb-guide[open] .gc-kb-guide-summary-meta b{transform:rotate(180deg)}
.gc-lead-compose>summary span[aria-hidden="true"],
#work-order .gc-workorder-compose>summary span[aria-hidden="true"]{transition:transform .16s ease}
.gc-lead-compose[open]>summary span[aria-hidden="true"],
#work-order .gc-workorder-compose[open]>summary span[aria-hidden="true"]{transform:rotate(180deg)}

/* Table sorting also uses vector chevrons, with the active direction visible. */
.gc-table-sort-arrow{position:relative;display:inline-block;flex:none;width:14px;height:18px;font-size:0;line-height:0;opacity:.7}
.gc-table-sort-arrow::before,.gc-table-sort-arrow::after{
  content:"";
  position:absolute;
  left:1px;
  width:12px;
  height:12px;
  background-color:currentColor;
  -webkit-mask:var(--gc-control-chevron) center/contain no-repeat;
  mask:var(--gc-control-chevron) center/contain no-repeat;
}
.gc-table-sort-arrow::before{top:-2px;transform:rotate(180deg)}
.gc-table-sort-arrow::after{bottom:-2px}
[aria-sort="ascending"] .gc-table-sort-arrow,[aria-sort="descending"] .gc-table-sort-arrow{opacity:1;color:#1c8ccf}
[aria-sort="ascending"] .gc-table-sort-arrow::after,[aria-sort="descending"] .gc-table-sort-arrow::before{opacity:.24}
html[data-theme="dark"] [aria-sort="ascending"] .gc-table-sort-arrow,
html[data-theme="dark"] [aria-sort="descending"] .gc-table-sort-arrow{color:#7bc8f5}

@media(forced-colors:active){
  select:not([multiple]):not([size]){-webkit-appearance:auto!important;appearance:auto!important;background-image:none!important;padding-inline-end:10px!important}
}