@media screen {
  .custom-select { position: relative; min-width: 0; width: 100%; }
  .day-card { overflow: visible; }
  .day-card-header { border-radius: 23px 23px 0 0; }
  select.custom-select-native { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 0 !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
  .select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; height: 51px; padding: 0 14px; border: 1px solid #e1dacd; border-radius: 12px; background: #fffdfa; color: #3f4966; font: inherit; font-size: 14px; font-weight: 550; line-height: 1.5; text-align: left; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
  .select-value { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .select-arrow { display: inline-block; flex: 0 0 auto; width: 7px; height: 7px; margin: -4px 3px 0 0; border-right: 1.5px solid #8b92aa; border-bottom: 1.5px solid #8b92aa; transform: rotate(45deg); }
  .select-trigger:hover { border-color: #c2b395; background: #fffefb; }
  .select-trigger[aria-expanded="true"] { border-color: #8797bf; box-shadow: 0 0 0 3px #f0eef0; }
  .select-trigger[aria-expanded="true"] .select-arrow { margin-top: 4px; transform: rotate(225deg); }
  .select-trigger:disabled { border-color: #e9e3d8; background: #f8f4ed; color: #a39d92; cursor: default; opacity: .8; }
  .select-trigger:focus-visible, .select-option:focus-visible { outline: 3px solid #8798c5; outline-offset: 3px; }
  .select-popover { position: absolute; z-index: 120; top: calc(100% + 7px); left: 0; width: 100%; min-width: min(220px,calc(100vw - 48px)); max-width: calc(100vw - 32px); max-height: 240px; overflow: auto; overscroll-behavior: contain; padding: 6px; border: 1px solid #e3d9c9; border-radius: 14px; background: #fffefb; color: #586488; box-shadow: 0 12px 28px #4f473317,2px 3px 0 #eee5d6; scrollbar-width: thin; scrollbar-color: #ddd5c4 transparent; }
  .select-popover[hidden] { display: none !important; }
  .select-popover-searchable { display: flex; flex-direction: column; overflow: hidden; }
  .select-search-bar { flex: 0 0 auto; min-width: 0; margin: 1px 1px 6px; }
  .select-search-input { display: block; width: 100%; min-width: 0; min-height: 40px; margin: 0; padding: 9px 10px; border: 1px solid #ded8c9; border-radius: 9px; background: #fffdf8; color: #3f4966; font: inherit; font-size: 12px; line-height: 1.5; }
  .select-search-input::placeholder { color: #999184; opacity: 1; }
  .select-search-input:focus { border-color: #8797bf; background: #fffefb; outline: 2px solid #e4e8f4; outline-offset: 0; }
  .select-popover-searchable .select-options { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ddd5c4 transparent; }
  .select-empty { margin: 0; padding: 12px 9px; color: #8a8173; font-size: 12px; line-height: 1.7; }
  .select-empty[hidden] { display: none !important; }
  .select-option { display: block; width: 100%; min-width: 0; min-height: 39px; margin: 1px 0; padding: 9px 11px; overflow: hidden; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #6b7288; font: inherit; font-size: 12px; font-weight: 550; line-height: 1.55; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
  .select-option:hover { border-color: #e9dfcc; background: #faf3e4; }
  .select-option[aria-selected="true"] { border-color: #e1e5f1; background: #eef0f8; color: #293f91; font-weight: 750; }
  .select-option[aria-selected="true"]::before { margin-right: 7px; color: #b97155; content: "✓"; font-size: 11px; }
  .select-option:focus-visible { position: relative; outline-width: 2px; outline-offset: -2px; }
  .select-option:disabled { color: #aaa598; background: #faf8f2; cursor: default; opacity: .7; }
  .day-area-controls .custom-select-area { flex: 1 1 auto; width: auto; max-width: 270px; }
  .custom-select-area .select-trigger { height: 41px; padding: 0 12px; border-color: #dedaca; border-radius: 11px; background: #fffefb; color: #667192; font-size: 12px; font-weight: 600; }
  .custom-select-swap .select-trigger { height: 42px; padding: 0 10px; border-color: #ded8c9; border-radius: 10px; background: #fffefb; color: #667192; font-size: 12px; font-weight: 500; }
  .custom-select-fallback { display: contents; }
  .custom-select-fallback .select-trigger { display: none; }
}
@media screen and (max-width: 800px) { .select-trigger { padding: 0 11px; font-size: 13px; } }
@media screen and (max-width: 700px) { .day-area-controls .custom-select-area { max-width: none; } }
@media screen and (max-width: 500px) {
  .day-card-header { border-radius: 19px 19px 0 0; }
  .select-trigger { padding: 0 13px; font-size: 14px; }
  .custom-select-area .select-trigger { height: 40px; padding: 0 10px; font-size: 11px; }
  .custom-select-swap .select-trigger { padding: 0 7px; font-size: 10px; }
  .select-popover { border-radius: 12px; }
  .select-option { min-height: 40px; padding: 10px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .select-trigger { transition: none; } }
@media print { .select-trigger, .select-popover { display: none !important; } .custom-select { display: contents; } }