/* DynaTime theme for Air Datepicker 3.6 */
.dyn-air-picker {
  --adp-width: 21rem;
  --adp-font-family: var(--tblr-font-sans-serif, Inter, system-ui, sans-serif);
  --adp-font-size: .875rem;
  --adp-padding: .75rem;
  --adp-background-color: var(--tblr-bg-surface);
  --adp-background-color-hover: var(--tblr-secondary-bg);
  --adp-background-color-active: color-mix(in srgb, var(--tblr-body-color) 8%, var(--tblr-bg-surface));
  --adp-color: var(--tblr-body-color);
  --adp-color-secondary: var(--tblr-secondary-color);
  --adp-color-other-month: color-mix(in srgb, var(--tblr-secondary-color) 46%, transparent);
  --adp-color-other-month-hover: var(--tblr-secondary-color);
  --adp-color-current-date: var(--tblr-body-color);
  --adp-border-color: var(--tblr-border-color);
  --adp-border-color-inner: var(--tblr-border-color);
  --adp-border-radius: var(--tblr-card-border-radius);
  --adp-cell-border-radius: 999px;
  --adp-nav-height: 2.75rem;
  --adp-nav-action-size: 2.25rem;
  --adp-day-cell-height: 2.5rem;
  --adp-month-cell-height: 3rem;
  --adp-year-cell-height: 3rem;
  --adp-cell-background-color-hover: var(--tblr-secondary-bg);
  --adp-cell-background-color-selected: #333;
  --adp-cell-background-color-selected-hover: #272727;
  --adp-cell-background-color-in-range: color-mix(in srgb, #333 9%, transparent);
  --adp-cell-background-color-in-range-hover: color-mix(in srgb, #333 14%, transparent);
  --adp-cell-border-color-in-range: transparent;
  --adp-btn-height: 2.5rem;
  --adp-btn-color: var(--tblr-secondary-color);
  --adp-btn-color-hover: var(--tblr-body-color);
  --adp-btn-border-radius: var(--tblr-border-radius);
  z-index: 1095;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
  border-radius: var(--tblr-card-border-radius);
  box-shadow: 0 1.25rem 3rem color-mix(in srgb, #111827 18%, transparent), 0 .25rem .75rem color-mix(in srgb, #111827 10%, transparent);
}
.dyn-air-picker .air-datepicker-nav { padding: .625rem .75rem; }
.dyn-air-picker .air-datepicker-nav--action { border: 1px solid transparent; color: var(--tblr-secondary-color); font-size: 1rem; }
.dyn-air-picker .air-datepicker-nav--action:hover { border-color: var(--tblr-border-color); background: var(--tblr-bg-surface); color: var(--tblr-body-color); box-shadow: 0 1px 3px color-mix(in srgb, var(--tblr-body-color) 8%, transparent); }
.dyn-air-picker .air-datepicker-nav--title { min-height: 2.25rem; padding: 0 .75rem; border: 1px solid transparent; font-size: .9375rem; font-weight: 650; letter-spacing: -.01em; }
.dyn-air-picker .air-datepicker-nav--title span { margin-left: .25rem; color: var(--tblr-secondary-color); font-weight: 550; }
.dyn-air-picker .air-datepicker-nav--title:hover { border-color: var(--tblr-border-color); background: var(--tblr-secondary-bg); }
.dyn-air-picker .air-datepicker--content { padding: .625rem .75rem .75rem; }
.dyn-air-picker .air-datepicker-body.-hidden- { display: none !important; }
.dyn-air-picker .air-datepicker-body--day-names { margin: 0 0 .25rem; }
.dyn-air-picker .air-datepicker-body--day-name { color: var(--tblr-secondary-color); font-size: .625rem; font-weight: 700; letter-spacing: .055em; }
.dyn-air-picker .air-datepicker-cell { font-size: .8125rem; font-weight: 520; }
.dyn-air-picker .air-datepicker-cell.-day-.-focus- { box-shadow: inset 0 0 0 1px var(--tblr-border-color); }
.dyn-air-picker .air-datepicker-cell.-current- { color: var(--tblr-body-color); font-weight: 750; }
.dyn-air-picker .air-datepicker-cell.-current-::after { content: ''; position: absolute; bottom: .35rem; left: 50%; width: .22rem; height: .22rem; border-radius: 50%; background: var(--tblr-secondary-color); transform: translateX(-50%); }
.dyn-air-picker .air-datepicker-cell.dyn-air-day-running { color: var(--dyn-running); font-weight: 750; }
.dyn-air-picker .air-datepicker-cell.dyn-air-day-paused { color: var(--dyn-interruption); font-weight: 750; }
.dyn-air-picker .air-datepicker-cell.dyn-air-day-complete { color: var(--dyn-complete); font-weight: 750; }
.dyn-air-picker .air-datepicker-cell.-current-.dyn-air-day-running::after { background: var(--dyn-running); }
.dyn-air-picker .air-datepicker-cell.-current-.dyn-air-day-paused::after { background: var(--dyn-interruption); }
.dyn-air-picker .air-datepicker-cell.-current-.dyn-air-day-complete::after { background: var(--dyn-complete); }
.dyn-air-picker .air-datepicker-cell.-selected-,
.dyn-air-picker .air-datepicker-cell.-selected-.-focus- { border: 0; border-radius: 999px; background: radial-gradient(circle at center, #333 0 1rem, transparent 1.04rem); color: #fff; box-shadow: none; }
.dyn-air-picker .air-datepicker-cell.-selected-.-current-::after,
.dyn-air-mode-range .air-datepicker-cell.-range-from-.-current-::after,
.dyn-air-mode-range .air-datepicker-cell.-range-to-.-current-::after { display: none; }
.dyn-air-mode-range .air-datepicker-cell.-in-range- { border-radius: 0; background: var(--adp-cell-background-color-in-range); }
.dyn-air-mode-range .air-datepicker-cell.-range-from-,
.dyn-air-mode-range .air-datepicker-cell.-range-to- { border: 0; color: #fff; }
.dyn-air-mode-range .air-datepicker-cell.-range-from- { border-radius: 999px 0 0 999px; background: radial-gradient(circle at center, #333 0 1rem, transparent 1.04rem), linear-gradient(to right, transparent 0 50%, var(--adp-cell-background-color-in-range) 50%); }
.dyn-air-mode-range .air-datepicker-cell.-range-to- { border-radius: 0 999px 999px 0; background: radial-gradient(circle at center, #333 0 1rem, transparent 1.04rem), linear-gradient(to left, transparent 0 50%, var(--adp-cell-background-color-in-range) 50%); }
.dyn-air-mode-range .air-datepicker-cell.-range-from-.-range-to- { border-radius: 999px; background: radial-gradient(circle at center, #333 0 1rem, transparent 1.04rem); }
.dyn-air-mode-range .air-datepicker-cell.-range-from-.-current-::after,
.dyn-air-mode-range .air-datepicker-cell.-range-to-.-current-::after { background: #fff; }
.dyn-air-mode-week .air-datepicker-cell.dyn-air-week { border-radius: 0; background: color-mix(in srgb, #333 8%, transparent); }
.dyn-air-mode-week .air-datepicker-cell.dyn-air-week-start { border-radius: 999px 0 0 999px; }
.dyn-air-mode-week .air-datepicker-cell.dyn-air-week-end { border-radius: 0 999px 999px 0; }
.dyn-air-mode-week .air-datepicker-cell.dyn-air-week.-selected- { color: #fff; background: radial-gradient(circle at center, #333 0 1rem, transparent 1.04rem), color-mix(in srgb, #333 8%, transparent); }
.dyn-air-range-panel { margin: .75rem .75rem 0; padding: .75rem; border: 1px solid var(--tblr-border-color); border-radius: calc(var(--tblr-card-border-radius) - 1px); background: color-mix(in srgb, var(--tblr-secondary-bg) 66%, var(--tblr-bg-surface)); }
.dyn-air-range-values { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: .625rem; }
.dyn-air-range-values > span { min-width: 0; display: grid; gap: .15rem; }
.dyn-air-range-values > span:last-child { text-align: right; }
.dyn-air-range-values small,.dyn-air-quick-label { color: var(--tblr-secondary-color); font-size: .625rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.dyn-air-range-values strong { overflow: hidden; color: var(--tblr-body-color); font-size: .8125rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.dyn-air-range-values > i { color: var(--tblr-secondary-color); font-size: 1rem; }
.dyn-air-quick-label { margin: .75rem 0 .375rem; }
.dyn-air-range-presets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .375rem; }
.dyn-air-range-presets button { min-height: 2.25rem; padding: .375rem .625rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); color: var(--tblr-secondary-color); font-size: .75rem; font-weight: 600; text-align: left; }
.dyn-air-range-presets button:hover { border-color: color-mix(in srgb, var(--tblr-body-color) 25%, var(--tblr-border-color)); color: var(--tblr-body-color); box-shadow: 0 1px 3px color-mix(in srgb, var(--tblr-body-color) 8%, transparent); }
.dyn-air-range-presets button.active { border-color: #333; background: #333; color: #fff; }
.dyn-air-picker .air-datepicker--buttons { padding: .625rem .75rem; }
.dyn-air-picker .air-datepicker-buttons { gap: .375rem; }
.dyn-air-picker .air-datepicker-button { padding: 0 .75rem; border: 1px solid transparent; font-size: .8125rem; font-weight: 600; }
.dyn-air-picker .air-datepicker-button:hover { border-color: var(--tblr-border-color); background: var(--tblr-secondary-bg); }
.dyn-air-mode-range .air-datepicker-buttons { grid-template-columns: 1fr auto auto; grid-auto-flow: initial; }
.dyn-air-mode-range .air-datepicker-button.dyn-air-today { justify-self: start; }
.dyn-air-mode-range .air-datepicker-button.dyn-air-cancel { border-color: var(--tblr-border-color); color: var(--tblr-body-color); }
.dyn-air-mode-range .air-datepicker-button.dyn-air-apply { min-width: 5rem; border-color: #333; background: #333; color: #fff; }
.dyn-air-mode-range .air-datepicker-button.dyn-air-apply:hover { background: #272727; }
.dyn-air-mode-range .air-datepicker-button.dyn-air-apply:disabled { opacity: .42; cursor: default; }
[data-bs-theme='dark'] .dyn-air-picker {
  --adp-cell-background-color-selected: #d6d9de;
  --adp-cell-background-color-selected-hover: #fff;
  --adp-cell-background-color-in-range: color-mix(in srgb, #d6d9de 12%, transparent);
  --adp-cell-background-color-in-range-hover: color-mix(in srgb, #d6d9de 17%, transparent);
  box-shadow: 0 1.25rem 3rem rgba(0,0,0,.42), 0 .25rem .75rem rgba(0,0,0,.28);
}
[data-bs-theme='dark'] .dyn-air-picker .air-datepicker-cell.-selected-,
[data-bs-theme='dark'] .dyn-air-picker .air-datepicker-cell.-selected-.-focus-,
[data-bs-theme='dark'] .dyn-air-mode-week .air-datepicker-cell.dyn-air-week.-selected- { color: #20242b; background: radial-gradient(circle at center, #d6d9de 0 1rem, transparent 1.04rem); }
[data-bs-theme='dark'] .dyn-air-mode-range .air-datepicker-cell.-range-from- { background: radial-gradient(circle at center, #d6d9de 0 1rem, transparent 1.04rem), linear-gradient(to right, transparent 0 50%, var(--adp-cell-background-color-in-range) 50%); color: #20242b; }
[data-bs-theme='dark'] .dyn-air-mode-range .air-datepicker-cell.-range-to- { background: radial-gradient(circle at center, #d6d9de 0 1rem, transparent 1.04rem), linear-gradient(to left, transparent 0 50%, var(--adp-cell-background-color-in-range) 50%); color: #20242b; }
[data-bs-theme='dark'] .dyn-air-mode-range .air-datepicker-cell.-range-from-.-range-to- { background: radial-gradient(circle at center, #d6d9de 0 1rem, transparent 1.04rem); }
[data-bs-theme='dark'] .dyn-air-range-presets button.active,
[data-bs-theme='dark'] .dyn-air-mode-range .air-datepicker-button.dyn-air-apply { border-color: #d6d9de; background: #d6d9de; color: #20242b; }
@media (max-width:700px) {
  .dyn-air-picker { --adp-width: calc(100vw - 1rem); --adp-day-cell-height: 2.75rem; max-width: 22.5rem; }
  .dyn-air-picker .air-datepicker-nav { padding: .75rem; }
  .dyn-air-range-panel { margin-top: .625rem; }
  .dyn-air-picker .air-datepicker--content { padding-bottom: .875rem; }
}
/* Air Datepicker time-only mode */
.dyn-air-proxy { position: fixed !important; top: 0; left: 0; width: 1px !important; height: 1px !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; }
.dyn-air-mode-time { --adp-width: 21rem; --adp-grid-areas: 'nav' 'timepicker' 'buttons'; --adp-time-track-color: color-mix(in srgb, var(--tblr-body-color) 18%, var(--tblr-bg-surface)); --adp-time-track-color-hover: color-mix(in srgb, var(--tblr-body-color) 35%, var(--tblr-bg-surface)); --adp-time-thumb-size: 16px; }
.dyn-air-mode-time .air-datepicker--navigation,.dyn-air-mode-time .air-datepicker--content { display: none; }
.dyn-air-time-header { grid-area: nav; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .75rem; padding: .875rem; border-bottom: 1px solid var(--tblr-border-color); }
.dyn-air-time-header > span { width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border-radius: 50%; background: #333; color: #fff; font-size: 1.125rem; box-shadow: 0 3px 8px color-mix(in srgb, #111827 18%, transparent); }
.dyn-air-time-header > div { min-width: 0; display: grid; }
.dyn-air-time-header small { color: var(--tblr-secondary-color); font-size: .625rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.dyn-air-time-header strong { margin-top: .1rem; font-size: 1.25rem; font-weight: 700; letter-spacing: -.02em; }
.dyn-air-mode-time .air-datepicker--time { padding: 1rem .875rem; border-top: 0; }
.dyn-air-mode-time .air-datepicker-time { display: block; padding: 0; }
.dyn-air-mode-time .air-datepicker-time--current { display: none; }
.dyn-air-mode-time .air-datepicker-time--row { height: 2rem; margin: 0; gap: .625rem; background-position: 3.75rem 50%; background-size: calc(100% - 3.75rem) 2px; }
.dyn-air-mode-time .air-datepicker-time--row:first-child { margin-bottom: .75rem; }
.dyn-air-mode-time .air-datepicker-time--row::before { width: 3.125rem; flex: 0 0 auto; color: var(--tblr-secondary-color); font-size: .625rem; font-weight: 700; letter-spacing: .06em; }
.dyn-air-mode-time .air-datepicker-time--row:first-child::before { content: 'HOUR'; }
.dyn-air-mode-time .air-datepicker-time--row:last-child::before { content: 'MINUTE'; }
.dyn-air-mode-time .air-datepicker-time--row input[type=range]::-webkit-slider-thumb { width: 1rem; height: 1rem; border: 2px solid #333; border-radius: 50%; background: var(--tblr-bg-surface); box-shadow: 0 1px 4px color-mix(in srgb, #111827 20%, transparent); }
.dyn-air-mode-time .air-datepicker-time--row input[type=range]::-moz-range-thumb { width: 1rem; height: 1rem; border: 2px solid #333; border-radius: 50%; background: var(--tblr-bg-surface); box-shadow: 0 1px 4px color-mix(in srgb, #111827 20%, transparent); }
.dyn-air-mode-time .air-datepicker-buttons { grid-template-columns: 1fr auto auto; grid-auto-flow: initial; }
.dyn-air-mode-time .air-datepicker-button.dyn-air-time-now { justify-self: start; }
.dyn-air-mode-time .air-datepicker-button.dyn-air-time-cancel { border-color: var(--tblr-border-color); color: var(--tblr-body-color); }
.dyn-air-mode-time .air-datepicker-button.dyn-air-time-apply { min-width: 5rem; border-color: #333; background: #333; color: #fff; }
.dyn-air-mode-time .air-datepicker-button.dyn-air-time-apply:hover { background: #272727; }
[data-bs-theme='dark'] .dyn-air-time-header > span,[data-bs-theme='dark'] .dyn-air-mode-time .air-datepicker-button.dyn-air-time-apply { border-color: #d6d9de; background: #d6d9de; color: #20242b; }
[data-bs-theme='dark'] .dyn-air-mode-time .air-datepicker-time--row input[type=range]::-webkit-slider-thumb { border-color: #d6d9de; }
[data-bs-theme='dark'] .dyn-air-mode-time .air-datepicker-time--row input[type=range]::-moz-range-thumb { border-color: #d6d9de; }
/* DynaTime range layout v2 */
.dyn-air-mode-range { --adp-width: 35rem; }
.dyn-air-range-layout { grid-area: body; display: grid; grid-template-columns: 12.5rem 21rem; min-width: 0; }
.dyn-air-range-layout > .air-datepicker--content { grid-area: auto; min-width: 0; }
.dyn-air-range-panel { display: flex; flex-direction: column; margin: 0; padding: .875rem .75rem; border: 0; border-right: 1px solid var(--tblr-border-color); border-radius: 0; background: color-mix(in srgb, var(--tblr-secondary-bg) 72%, var(--tblr-bg-surface)); }
.dyn-air-range-panel .dyn-air-quick-label { margin: 0 0 .5rem; padding: 0 .25rem; }
.dyn-air-range-panel .dyn-air-range-presets { display: grid; grid-template-columns: 1fr; gap: .25rem; }
.dyn-air-range-panel .dyn-air-range-presets button { min-height: 2.375rem; padding: .5rem .625rem; border-color: transparent; background: transparent; font-size: .8125rem; }
.dyn-air-range-panel .dyn-air-range-presets button:hover { border-color: var(--tblr-border-color); background: var(--tblr-bg-surface); }
.dyn-air-range-panel .dyn-air-range-presets button.active { border-color: #333; background: #333; color: #fff; box-shadow: none; }
[data-bs-theme='dark'] .dyn-air-range-panel .dyn-air-range-presets button.active { border-color: #d6d9de; background: #d6d9de; color: #20242b; }
.dyn-air-range-panel .dyn-air-range-values { grid-template-columns: 1fr; gap: .5rem; margin-top: auto; padding: .75rem .25rem 0; border-top: 1px solid var(--tblr-border-color); }
.dyn-air-range-panel .dyn-air-range-values > span:last-child { text-align: left; }
.dyn-air-range-panel .dyn-air-range-values > i { display: none; }
.dyn-air-range-panel .dyn-air-range-values strong { font-size: .75rem; }
.dyn-air-mode-week .air-datepicker-cell.dyn-air-week { background: color-mix(in srgb, #333 9%, var(--tblr-bg-surface)); }
.dyn-air-mode-week .air-datepicker-cell.dyn-air-week.-selected- { color: #fff; background: radial-gradient(circle at center,#333 0 1rem,transparent 1.04rem),linear-gradient(color-mix(in srgb,#333 9%,var(--tblr-bg-surface)),color-mix(in srgb,#333 9%,var(--tblr-bg-surface))); }
[data-bs-theme='dark'] .dyn-air-mode-week .air-datepicker-cell.dyn-air-week { background: color-mix(in srgb,#d6d9de 15%,var(--tblr-bg-surface)); color: var(--tblr-body-color); }
[data-bs-theme='dark'] .dyn-air-mode-week .air-datepicker-cell.dyn-air-week.-selected- { color: #20242b; background: radial-gradient(circle at center,#d6d9de 0 1rem,transparent 1.04rem),linear-gradient(color-mix(in srgb,#d6d9de 15%,var(--tblr-bg-surface)),color-mix(in srgb,#d6d9de 15%,var(--tblr-bg-surface))); }
[data-bs-theme='dark'] .dyn-air-picker .air-datepicker-cell.-selected-.-current-::after,
[data-bs-theme='dark'] .dyn-air-mode-range .air-datepicker-cell.-range-from-.-current-::after,
[data-bs-theme='dark'] .dyn-air-mode-range .air-datepicker-cell.-range-to-.-current-::after { background: #20242b; }
@media (max-width:700px) {
  .dyn-air-mode-range { --adp-width: calc(100vw - 1rem); max-width: 22.5rem; }
  .dyn-air-range-layout { grid-template-columns: minmax(0,1fr); }
  .dyn-air-range-layout > .air-datepicker--content { order: 1; }
  .dyn-air-range-panel { order: 2; padding: .625rem .75rem .75rem; border-right: 0; border-top: 1px solid var(--tblr-border-color); background: color-mix(in srgb,var(--tblr-secondary-bg) 45%,var(--tblr-bg-surface)); }
  .dyn-air-range-panel .dyn-air-quick-label { margin-bottom: .375rem; padding: 0; }
  .dyn-air-range-panel .dyn-air-range-presets { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .375rem; }
  .dyn-air-range-panel .dyn-air-range-presets button { min-height: 2.25rem; padding: .375rem .625rem; border-color: var(--tblr-border-color); background: var(--tblr-bg-surface); font-size: .75rem; }
  .dyn-air-range-panel .dyn-air-range-values { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: .5rem; margin-top: .625rem; padding: .625rem 0 0; }
  .dyn-air-range-panel .dyn-air-range-values > span:last-child { text-align: right; }
  .dyn-air-range-panel .dyn-air-range-values > i { display: block; }
}
/* DynaTime time stepping v3 */
.dyn-air-mode-time .air-datepicker-time--row { display: grid; grid-template-columns: 3.125rem 2rem minmax(0,1fr) 2rem; align-items: center; gap: .5rem; height: 2.25rem; background: none; }
.dyn-air-mode-time .air-datepicker-time--row::before { width: auto; }
.dyn-air-time-step { width: 2rem; height: 2rem; display: grid; place-items: center; padding: 0; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); color: var(--tblr-secondary-color); font-size: .875rem; }
.dyn-air-time-step:hover { border-color: color-mix(in srgb,var(--tblr-body-color) 28%,var(--tblr-border-color)); background: var(--tblr-secondary-bg); color: var(--tblr-body-color); }
.dyn-air-time-step:active { transform: translateY(1px); }
.dyn-air-time-step:focus-visible { outline: 2px solid color-mix(in srgb,var(--tblr-body-color) 35%,transparent); outline-offset: 2px; }
.dyn-air-mode-time .air-datepicker-time--row input[type=range] { min-width: 0; }
/* DynaTime time slider reset v4 */
.dyn-air-mode-time .air-datepicker-time--row input[type=range] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 2rem !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.dyn-air-mode-time .air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  height: .25rem;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb,var(--tblr-body-color) 18%,var(--tblr-bg-surface));
}
.dyn-air-mode-time .air-datepicker-time--row input[type=range]::-moz-range-track {
  height: .25rem;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb,var(--tblr-body-color) 18%,var(--tblr-bg-surface));
}
.dyn-air-mode-time .air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  margin-top: -.375rem;
  border: 2px solid #333;
  border-radius: 50%;
  background: var(--tblr-bg-surface);
  box-shadow: 0 1px 3px color-mix(in srgb,#111827 22%,transparent);
}
.dyn-air-mode-time .air-datepicker-time--row input[type=range]::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  border: 2px solid #333;
  border-radius: 50%;
  background: var(--tblr-bg-surface);
  box-shadow: 0 1px 3px color-mix(in srgb,#111827 22%,transparent);
}
.dyn-air-mode-time .air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb,
.dyn-air-mode-time .air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb { border-color: #333; background: var(--tblr-bg-surface); }
.dyn-air-mode-time .air-datepicker-time--row input[type=range]:hover::-moz-range-thumb,
.dyn-air-mode-time .air-datepicker-time--row input[type=range]:focus::-moz-range-thumb { border-color: #333; background: var(--tblr-bg-surface); }
[data-bs-theme='dark'] .dyn-air-mode-time .air-datepicker-time--row input[type=range]::-webkit-slider-thumb { border-color: #d6d9de; }
[data-bs-theme='dark'] .dyn-air-mode-time .air-datepicker-time--row input[type=range]::-moz-range-thumb { border-color: #d6d9de; }
[data-bs-theme='dark'] .dyn-air-mode-time .air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb,
[data-bs-theme='dark'] .dyn-air-mode-time .air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb { border-color: #fff; background: var(--tblr-bg-surface); }
[data-bs-theme='dark'] .dyn-air-mode-time .air-datepicker-time--row input[type=range]:hover::-moz-range-thumb,
[data-bs-theme='dark'] .dyn-air-mode-time .air-datepicker-time--row input[type=range]:focus::-moz-range-thumb { border-color: #fff; background: var(--tblr-bg-surface); }
/* DynaTime time feedback v5 */
.dyn-air-mode-time .air-datepicker-time--row { position: relative; overflow: visible; }
.dyn-air-time-feedback { position: absolute; top: -1.4rem; z-index: 3; min-width: 3.75rem; padding: .2rem .45rem; border-radius: .375rem; background: #333; color: #fff; box-shadow: 0 3px 8px color-mix(in srgb,#111827 22%,transparent); font-size: .6875rem; font-weight: 700; line-height: 1.25; text-align: center; white-space: nowrap; pointer-events: none; opacity: 0; transform: translate(-50%,.2rem); transition: opacity .16s ease,transform .16s ease; }
.dyn-air-time-feedback::after { content: ''; position: absolute; top: 100%; left: 50%; width: .4rem; height: .4rem; background: inherit; transform: translate(-50%,-55%) rotate(45deg); }
.dyn-air-time-feedback.show { opacity: 1; transform: translate(-50%,0); }
[data-bs-theme='dark'] .dyn-air-time-feedback { background: #d6d9de; color: #20242b; }
/* DynaTime picker state refinement v6 */
.dyn-air-picker .air-datepicker-cell.-current-::after { bottom: .45rem; width: .2rem; height: .2rem; }
.dyn-air-picker .air-datepicker-nav--title { border: 0; border-radius: 999px; }
.dyn-air-picker .air-datepicker-nav--title:hover { border-color: transparent; background: var(--tblr-secondary-bg); box-shadow: none; }
.dyn-air-picker .air-datepicker-nav--action { width: 2.25rem; height: 2.25rem; align-self: center; border: 0; border-radius: 50%; }
.dyn-air-picker .air-datepicker-nav--action:hover { border-color: transparent; background: var(--tblr-secondary-bg); box-shadow: none; }
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell,
.dyn-air-picker .air-datepicker-body--cells.-years- .air-datepicker-cell { align-self: center; height: calc(100% - .4rem); margin: .2rem .3rem; border-radius: .5rem; }
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-focus-,
.dyn-air-picker .air-datepicker-body--cells.-years- .air-datepicker-cell.-focus- { background: var(--tblr-secondary-bg); box-shadow: none; }
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.-focus-,
.dyn-air-picker .air-datepicker-body--cells.-years- .air-datepicker-cell.-selected-,
.dyn-air-picker .air-datepicker-body--cells.-years- .air-datepicker-cell.-selected-.-focus- { height: calc(100% - .2rem); margin: .1rem .2rem; border-radius: 999px; background: #333; color: #fff; box-shadow: none; }
.dyn-air-picker:not(.dyn-air-mode-range):not(.dyn-air-mode-time) .air-datepicker-buttons { grid-template-columns: auto; justify-content: center; }
.dyn-air-picker:not(.dyn-air-mode-range):not(.dyn-air-mode-time) .air-datepicker-button.dyn-air-today { min-width: 5rem; justify-self: center; border-radius: 999px; }
.dyn-air-picker .air-datepicker-button.dyn-air-today:hover { border-color: transparent; background: var(--tblr-secondary-bg); box-shadow: none; }
.dyn-air-mode-time .air-datepicker-time--row { grid-template-columns: 3.125rem 2.25rem minmax(0,1fr) 2.25rem; }
.dyn-air-time-step { width: 2.25rem; height: 2.25rem; border-color: transparent; border-radius: 50%; background: transparent; }
.dyn-air-time-step:hover { border-color: transparent; background: var(--tblr-secondary-bg); box-shadow: none; }
[data-bs-theme='dark'] .dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-,
[data-bs-theme='dark'] .dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.-focus-,
[data-bs-theme='dark'] .dyn-air-picker .air-datepicker-body--cells.-years- .air-datepicker-cell.-selected-,
[data-bs-theme='dark'] .dyn-air-picker .air-datepicker-body--cells.-years- .air-datepicker-cell.-selected-.-focus- { background: #d6d9de; color: #20242b; }
/* DynaTime month-state alignment v7 */
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-focus-,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.-focus- {
  height: calc(100% - .5rem);
  margin: .25rem .45rem;
  border-radius: 999px;
  box-shadow: none;
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-focus- {
  background: var(--tblr-secondary-bg);
  color: var(--tblr-body-color);
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.-focus- {
  background: #333;
  color: #fff;
}
[data-bs-theme='dark'] .dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-,
[data-bs-theme='dark'] .dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.-focus- {
  background: #d6d9de;
  color: #20242b;
}
/* DynaTime standard control geometry v8 */
.dyn-air-picker .air-datepicker-nav--title,
.dyn-air-picker:not(.dyn-air-mode-range):not(.dyn-air-mode-time) .air-datepicker-button.dyn-air-today { border-radius: var(--tblr-border-radius); }
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-focus-,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.-focus- {
  height: calc(100% - .5rem);
  margin: .25rem .45rem;
  border-radius: var(--tblr-border-radius);
}
.dyn-air-picker .air-datepicker-body--cells.-years- .air-datepicker-cell,
.dyn-air-picker .air-datepicker-body--cells.-years- .air-datepicker-cell.-focus-,
.dyn-air-picker .air-datepicker-body--cells.-years- .air-datepicker-cell.-selected-,
.dyn-air-picker .air-datepicker-body--cells.-years- .air-datepicker-cell.-selected-.-focus- {
  height: calc(100% - .5rem);
  margin: .25rem .35rem;
  border-radius: var(--tblr-border-radius);
}
/* Unified DynaTime calendar interaction states. */
.dyn-air-picker {
  --dyn-picker-selection: #333;
  --dyn-picker-selection-text: #fff;
  --dyn-picker-period: color-mix(in srgb, #333 9%, var(--tblr-bg-surface));
}
[data-bs-theme='dark'] .dyn-air-picker {
  --dyn-picker-selection: #d6d9de;
  --dyn-picker-selection-text: #20242b;
  --dyn-picker-period: color-mix(in srgb, #d6d9de 15%, var(--tblr-bg-surface));
}

/* Schedule status is communicated by text color. */
.dyn-air-picker .air-datepicker-cell.dyn-air-day-running { color: var(--dyn-running); font-weight: 750; }
.dyn-air-picker .air-datepicker-cell.dyn-air-day-paused { color: var(--dyn-interruption); font-weight: 750; }
.dyn-air-picker .air-datepicker-cell.dyn-air-day-complete { color: var(--dyn-complete); font-weight: 750; }

/* Only the actual current date carries a status dot. */
.dyn-air-picker .air-datepicker-cell.-day-::after,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell::after { display: none; }
.dyn-air-picker .air-datepicker-cell.-day-.-current-::after {
  content: ''; position: absolute; left: 50%; bottom: .42rem; display: block;
  width: .2rem; height: .2rem; border-radius: 50%;
  background: var(--tblr-secondary-color); transform: translateX(-50%);
}
.dyn-air-picker .air-datepicker-cell.-day-.-current-.dyn-air-day-running::after { background: var(--dyn-running); }
.dyn-air-picker .air-datepicker-cell.-day-.-current-.dyn-air-day-paused::after { background: var(--dyn-interruption); }
.dyn-air-picker .air-datepicker-cell.-day-.-current-.dyn-air-day-complete::after { background: var(--dyn-complete); }

/* A single selected day uses one centered disc in every interaction state. */
.dyn-air-picker:not(.dyn-air-mode-week):not(.dyn-air-mode-range) .air-datepicker-cell.-day-.-selected-,
.dyn-air-picker:not(.dyn-air-mode-week):not(.dyn-air-mode-range) .air-datepicker-cell.-day-.-selected-.-focus-,
.dyn-air-picker:not(.dyn-air-mode-week):not(.dyn-air-mode-range) .air-datepicker-cell.-day-.-selected-:hover {
  border: 0; border-radius: 999px;
  background: radial-gradient(circle at center, var(--dyn-picker-selection) 0 1rem, transparent 1.04rem);
  color: var(--dyn-picker-selection-text); box-shadow: none;
}
.dyn-air-picker:not(.dyn-air-mode-week):not(.dyn-air-mode-range) .air-datepicker-cell.-day-.-selected-.dyn-air-day-running { color: var(--dyn-running); }
.dyn-air-picker:not(.dyn-air-mode-week):not(.dyn-air-mode-range) .air-datepicker-cell.-day-.-selected-.dyn-air-day-paused { color: var(--dyn-interruption); }
.dyn-air-picker:not(.dyn-air-mode-week):not(.dyn-air-mode-range) .air-datepicker-cell.-day-.-selected-.dyn-air-day-complete { color: var(--dyn-complete); }

/* Today hovers exactly like any other ordinary day. */
.dyn-air-picker .air-datepicker-cell.-day-.-current-.-focus- {
  border-radius: var(--adp-cell-border-radius, 999px); background: var(--adp-cell-background-color-hover);
  color: var(--tblr-body-color); box-shadow: inset 0 0 0 1px var(--tblr-border-color);
}
.dyn-air-picker .air-datepicker-cell.-day-.-current-.-focus-.dyn-air-day-running { color: var(--dyn-running); }
.dyn-air-picker .air-datepicker-cell.-day-.-current-.-focus-.dyn-air-day-paused { color: var(--dyn-interruption); }
.dyn-air-picker .air-datepicker-cell.-day-.-current-.-focus-.dyn-air-day-complete { color: var(--dyn-complete); }

/* Range interiors and endpoints retain identical geometry on hover and focus. */
.dyn-air-mode-range .air-datepicker-cell.-day-.-in-range-,
.dyn-air-mode-range .air-datepicker-cell.-day-.-in-range-.-focus-,
.dyn-air-mode-range .air-datepicker-cell.-day-.-in-range-:hover {
  border-radius: 0; background: var(--adp-cell-background-color-in-range); box-shadow: none;
}
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-from-,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-from-.-focus-,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-from-:hover {
  border: 0; border-radius: 999px 0 0 999px !important;
  background: radial-gradient(circle at center, var(--dyn-picker-selection) 0 1rem, transparent 1.04rem), linear-gradient(to right, transparent 0 50%, var(--adp-cell-background-color-in-range) 50%);
  color: var(--dyn-picker-selection-text); box-shadow: none;
}
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-to-,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-to-.-focus-,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-to-:hover {
  border: 0; border-radius: 0 999px 999px 0 !important;
  background: radial-gradient(circle at center, var(--dyn-picker-selection) 0 1rem, transparent 1.04rem), linear-gradient(to left, transparent 0 50%, var(--adp-cell-background-color-in-range) 50%);
  color: var(--dyn-picker-selection-text); box-shadow: none;
}
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-from-.-range-to-,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-from-.-range-to-.-focus-,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-from-.-range-to-:hover {
  border-radius: 999px !important;
  background: radial-gradient(circle at center, var(--dyn-picker-selection) 0 1rem, transparent 1.04rem);
}
.dyn-air-mode-range .air-datepicker-cell.-day-.-in-range-.dyn-air-day-running,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-from-.dyn-air-day-running,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-to-.dyn-air-day-running { color: var(--dyn-running); }
.dyn-air-mode-range .air-datepicker-cell.-day-.-in-range-.dyn-air-day-paused,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-from-.dyn-air-day-paused,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-to-.dyn-air-day-paused { color: var(--dyn-interruption); }
.dyn-air-mode-range .air-datepicker-cell.-day-.-in-range-.dyn-air-day-complete,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-from-.dyn-air-day-complete,
.dyn-air-mode-range .air-datepicker-cell.-day-.-range-to-.dyn-air-day-complete { color: var(--dyn-complete); }

/* Selected and previewed weeks are one continuous pill, including hover/focus. */
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week.-selected-,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week.-focus-,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week:hover,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview.-focus-,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview:hover {
  border: 0; border-radius: 0 !important; background: var(--dyn-picker-period);
  color: var(--tblr-body-color); box-shadow: none;
}
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-start,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-start.-focus-,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-start:hover,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview-start,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview-start.-focus-,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview-start:hover,
.dyn-air-mode-week .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.dyn-air-week:nth-child(7n+1),
.dyn-air-mode-week .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.dyn-air-week-preview:nth-child(7n+1) {
  border-radius: 999px 0 0 999px !important;
}
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-end,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-end.-focus-,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-end:hover,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview-end,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview-end.-focus-,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview-end:hover,
.dyn-air-mode-week .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.dyn-air-week:nth-child(7n),
.dyn-air-mode-week .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.dyn-air-week-preview:nth-child(7n) {
  border-radius: 0 999px 999px 0 !important;
}
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-start.dyn-air-week-end,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview-start.dyn-air-week-preview-end { border-radius: 999px !important; }
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week.dyn-air-day-running,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview.dyn-air-day-running { color: var(--dyn-running); }
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week.dyn-air-day-paused,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview.dyn-air-day-paused { color: var(--dyn-interruption); }
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week.dyn-air-day-complete,
.dyn-air-mode-week .air-datepicker-cell.-day-.dyn-air-week-preview.dyn-air-day-complete { color: var(--dyn-complete); }

/* Month drill-down preserves status color, including selected month status. */
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.dyn-air-month-running { color: var(--dyn-running); font-weight: 750; }
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.dyn-air-month-paused { color: var(--dyn-interruption); font-weight: 750; }
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.dyn-air-month-complete { color: var(--dyn-complete); font-weight: 750; }
/* Selection must not wash out the current month's semantic status. */
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.dyn-air-month-running,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.-focus-.dyn-air-month-running {
  color: var(--dyn-running) !important;
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.dyn-air-month-paused,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.-focus-.dyn-air-month-paused {
  color: var(--dyn-interruption) !important;
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.dyn-air-month-complete,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.-focus-.dyn-air-month-complete {
  color: var(--dyn-complete) !important;
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.dyn-air-month-running::after,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.dyn-air-month-paused::after,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.dyn-air-month-complete::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: .42rem;
  display: block;
  width: .22rem;
  height: .22rem;
  border-radius: 50%;
  transform: translateX(-50%);
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.dyn-air-month-running::after {
  background: var(--dyn-running);
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.dyn-air-month-paused::after {
  background: var(--dyn-interruption);
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-selected-.dyn-air-month-complete::after {
  background: var(--dyn-complete);
}
/* Current-month status marker remains visible in selected and unselected states. */
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.dyn-air-month-running::after,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.dyn-air-month-paused::after,
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.dyn-air-month-complete::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: .42rem;
  display: block;
  width: .22rem;
  height: .22rem;
  border-radius: 50%;
  transform: translateX(-50%);
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.dyn-air-month-running::after {
  background: var(--dyn-running);
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.dyn-air-month-paused::after {
  background: var(--dyn-interruption);
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.dyn-air-month-complete::after {
  background: var(--dyn-complete);
}
/* Month hover surface fills its complete grid cell without resizing selection. */
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell {
  margin: .25rem;
}
.dyn-air-picker .air-datepicker-body--cells.-months- .air-datepicker-cell.-focus-:not(.-selected-) {
  box-shadow: 0 0 0 .25rem var(--tblr-secondary-bg);
}