/* Only an identified native picker canvas is compacted. Directory/cards stay native. */
.x-off-canvas-content.agl-picker-compact-host {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 48px 10px 10px !important;
  overflow: auto;
}
dialog.agl-dialog.agl-picker-compact-host {
  padding: 52px 10px 10px !important;
  margin-block-start: 12px; margin-block-end: auto;
}
.agl-picker-compact-host .agl-picker-compact-path {
  box-sizing: border-box;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin-block: 0 !important;
  padding-block: 0 !important;
  width: 100% !important;
  flex: 0 0 auto !important;
}
.agl-picker-compact-host .agl-picker.agl-picker--compact-canvas {
  width: 100%; max-width: none; padding: 0; margin: 0;
  background: transparent; border-radius: 0; min-width: 0;
}
.agl-picker-compact-host .agl-picker--compact-canvas > h2 {
  font-size: 15px; line-height: 1.3; letter-spacing: 0;
  margin: 0 0 7px; font-weight: 700;
}
.agl-picker-compact-host .agl-picker--compact-canvas > .agl-intro,
.agl-picker-compact-host .agl-compact-native-mode,
.agl-picker-compact-host .agl-compact-native-actions { display: none !important; }
.agl-picker-compact-host .agl-compact-address-label {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip-path: inset(50%); white-space: nowrap; border: 0;
}
.agl-picker-compact-host .agl-picker--compact-canvas > .agl-form {
  display: block; margin: 0; padding: 8px;
  border: 1px solid var(--agl-line, #d8e8d9); border-radius: 9px;
  background: #fff; min-width: 0;
}
.agl-picker-compact-host .agl-picker--compact-canvas .agl-address-wrap { margin: 0; min-width: 0; }
.agl-picker-compact-host .agl-picker--compact-canvas input[type="text"] {
  min-height: 42px; height: 42px; padding: 9px 10px; font-size: 14px;
  line-height: 1.4; margin: 0; border-radius: 6px;
}
.agl-picker-compact-host .agl-compact-search-row {
  display: flex; justify-content: space-between; align-items: center;
  gap: 8px; margin-top: 5px; min-height: 38px;
}
.agl-picker-compact-host .agl-compact-search-toggle {
  display: inline-flex; align-items: center; gap: 7px;
  position: relative; min-height: 38px; margin: 0; padding: 0;
  cursor: pointer; color: var(--agl-ink, #153922); font-size: 13px; font-weight: 700;
}
.agl-picker-compact-host .agl-compact-search-toggle > input {
  position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0;
  z-index: 1; margin: 0; cursor: inherit;
}
.agl-picker-compact-host .agl-compact-search-track {
  display: inline-block; position: relative; flex: 0 0 36px;
  width: 36px; height: 21px; border: 1px solid #52655a; border-radius: 20px;
  background: #6a776e;
}
.agl-picker-compact-host .agl-compact-search-track::after {
  content: ''; position: absolute; width: 15px; height: 15px;
  top: 2px; left: 2px; border-radius: 50%; background: #fff;
}
.agl-picker-compact-host .agl-compact-search-toggle > input:checked + .agl-compact-search-track { background: #16552d; border-color: #16552d; }
.agl-picker-compact-host .agl-compact-search-toggle > input:checked + .agl-compact-search-track::after { left: 17px; }
.agl-picker-compact-host .agl-compact-search-toggle > input:focus-visible + .agl-compact-search-track { outline: 3px solid #39a65b; outline-offset: 3px; }
.agl-picker-compact-host .agl-compact-search-toggle > input:disabled ~ span { opacity: .5; cursor: default; }
.agl-picker-compact-host .agl-picker--compact-canvas .agl-compact-search-go {
  min-height: 36px; height: 36px; min-width: 53px;
  margin: 0; padding: 6px 14px; border-radius: 6px;
  line-height: 1.3; font-size: 13px; font-weight: 700;
}
.agl-picker-compact-host .agl-picker--compact-canvas > .agl-status {
  min-height: 0; margin: 6px 0; font-size: 12px; line-height: 1.35;
  overflow-wrap: anywhere; white-space: normal;
}
.agl-picker-compact-host .agl-picker--compact-canvas > .agl-status:empty { display: none; }
.agl-picker-compact-host .agl-picker--compact-canvas.agl-compact-search-pending > :is(.agl-results, .agl-status) { display: none; }
/* Populate only the card's existing reserved line; retain its parent geometry. */
.agl-picker-compact-host .agl-picker--compact-canvas [data-agl-availability-slot] > .agl-compact-card-availability-content {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center; column-gap: 8px; width: 100%;
}
.agl-picker-compact-host .agl-picker--compact-canvas [data-agl-availability-mode] { text-align: left; }
.agl-picker-compact-host .agl-picker--compact-canvas [data-agl-availability-status] { text-align: right; }
.agl-picker-compact-host .agl-picker--compact-canvas [data-agl-availability-state="open"] { color: #39d552; }
.agl-picker-compact-host .agl-picker--compact-canvas [data-agl-availability-state="closing_soon"] { color: #f4a340; }
.agl-picker-compact-host .agl-picker--compact-canvas [data-agl-availability-state="preorder"] { color: #a3a9a5; }
.agl-picker-compact-host .agl-picker--compact-canvas [data-agl-availability-slot] > .agl-compact-card-availability-content > span {
  min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}