/* 전체 검색폼의 S01 기본 디자인. 검색 속성과 날짜 전송값은 기존 계약을 유지한다. */
.card-wrapper.search:not(.sf-preview > *) { background:#f5f7f6; }
.card-wrapper.search:not(.sf-preview > *) .grid:has(> div > .tx-floating-field) { display:grid; align-items:end; }
.card-wrapper.search:not(.sf-preview > *) .grid:has(> div > .tx-floating-field) > div { min-width:0; padding-top:6px; }
.card-wrapper.search:not(.sf-preview > *) .tx-floating-input,
.card-wrapper.search:not(.sf-preview > *) .tx-floating-select { border-radius:5px !important; }
.card-wrapper.search:not(.sf-preview > *) .tx-floating-input { padding:6px 9px; }
.card-wrapper.search:not(.sf-preview > *) .tx-floating-label { top:-6px; font-size:11px; font-weight:600; }
.card-wrapper.search:not(.sf-preview > *) option,
.tx-search-select-options .tx-select-option { font-size:12px; }
.card-wrapper.search:not(.sf-preview > *) { --sf-control-height:32px; }
.card-wrapper.search:not(.sf-preview > *) { padding:8px 10px; container:tx-search / inline-size; }
.card-wrapper.search:not(.sf-preview > *) .grid:has(> div > .tx-floating-field) { gap:8px; grid-template-columns:minmax(0,1fr); }
@container tx-search (min-width:400px) {
    .card-wrapper.search:not(.sf-preview > *) .grid:has(> div > .tx-floating-field) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container tx-search (min-width:600px) {
    .card-wrapper.search:not(.sf-preview > *) .grid:has(> div > .tx-floating-field) { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container tx-search (min-width:900px) {
    .card-wrapper.search:not(.sf-preview > *) .grid:has(> div > .tx-floating-field) { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@container tx-search (min-width:1200px) {
    .card-wrapper.search:not(.sf-preview > *) .grid:has(> div > .tx-floating-field) { grid-template-columns:repeat(6,minmax(0,1fr)); }
}
@container tx-search (min-width:1600px) {
    .card-wrapper.search:not(.sf-preview > *) .grid:has(> div > .tx-floating-field) { grid-template-columns:repeat(8,minmax(0,1fr)); }
}
.card-wrapper.search:not(.sf-preview > *) .tx-floating-label {
    background:transparent;
    transition:top .2s ease, color .2s ease, font-size .2s ease, font-weight .2s ease;
}
.card-wrapper.search:not(.sf-preview > *) .tx-floating-field:has(.tx-floating-input:not([type="hidden"]):not(:placeholder-shown)) > .tx-floating-label,
.card-wrapper.search:not(.sf-preview > *) .tx-floating-field:has(option:checked:not([value=""])) > .tx-floating-label {
    top:-12px; color:var(--tx-color-primary-strong);
}
.card-wrapper.search:not(.sf-preview > *) .tx-floating-field:focus-within > .tx-floating-label,
.card-wrapper.search:not(.sf-preview > *) .tx-floating-field:has(.tx-select-wrap.is-open) > .tx-floating-label {
    top:-12px; font-size:12px; font-weight:800; color:var(--tx-color-primary-strong);
}
.card-wrapper.search:not(.sf-preview > *) .tx-floating-input,
.card-wrapper.search:not(.sf-preview > *) input[data-picker-display],
.card-wrapper.search:not(.sf-preview > *) input.flatpickr-input,
.card-wrapper.search:not(.sf-preview > *) .tx-select-wrap :is(.tx-select-trigger,select) {
    font-family:inherit !important; font-size:11px !important; font-weight:400 !important;
}
.card-wrapper.search:not(.sf-preview > *) input.tx-floating-input,
.card-wrapper.search:not(.sf-preview > *) input[data-picker-display] {
    font:normal 400 11px/18px "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing:normal !important; font-variant-numeric:normal !important;
    color:#3e445b; -webkit-text-fill-color:#3e445b; opacity:1;
}
.card-wrapper.search:not(.sf-preview > *) input.tx-floating-input::placeholder {
    font:inherit; font-size:10px; letter-spacing:inherit;
    -webkit-text-fill-color:var(--tx-color-secondary);
}
.card-wrapper.search:not(.sf-preview > *) .tx-floating-input,
.card-wrapper.search:not(.sf-preview > *) .tx-floating-select { height:var(--sf-control-height) !important; }
.card-wrapper.search:not(.sf-preview > *) .trx-search-chipbar {
    display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px;
    margin-top:6px; padding-top:6px; border-radius:0;
}
.card-wrapper.search:not(.sf-preview > *) [data-filter-chip-list] {
    align-items:center; gap:4px; min-height:var(--sf-control-height);
}
.card-wrapper.search:not(.sf-preview > *) .trx-search-chipbar > div:has([data-filter-chip-list]:empty) { display:none; }
.card-wrapper.search:not(.sf-preview > *) .trx-search-chipbar > div:has(> .search-submit-btn) { margin-left:auto; align-items:center; gap:6px; }
.card-wrapper.search:not(.sf-preview > *) .trx-search-chipbar .tx-inline-field,
.card-wrapper.search:not(.sf-preview > *) .trx-search-chipbar .search-submit-btn {
    height:var(--sf-control-height); min-height:var(--sf-control-height); border-radius:5px;
}
.card-wrapper.search:not(.sf-preview > *) .trx-search-chipbar .tx-inline-field { padding:0 4px; gap:4px; box-shadow:none; }
.card-wrapper.search:not(.sf-preview > *) .trx-search-chipbar .tx-inline-field .tx-select-wrap { height:100%; }
.card-wrapper.search:not(.sf-preview > *) .trx-search-chipbar .tx-inline-field :is(.tx-select-trigger,select,.search-reset-btn) {
    height:100%; min-height:0; padding-top:0; padding-bottom:0; font-size:12px;
}
.card-wrapper.search:not(.sf-preview > *) .trx-search-chipbar .tx-inline-field .search-reset-btn { width:28px; }
.card-wrapper.search:not(.sf-preview > *) .search-reset-btn .material-symbols-outlined { font-size:18px; }
.card-wrapper.search:not(.sf-preview > *) .tx-filter-chip {
    min-height:var(--sf-control-height); padding:3px 6px; border-radius:5px; font-size:11px; line-height:18px;
}
.card-wrapper.search:not(.sf-preview > *) .tx-filter-chip__close { opacity:1; transform:none; }
/* S01 기간·일자·월 선택 팝업에 같은 크기와 글자 스타일을 적용한다. */
.flatpickr-calendar.tx-search-calendar { width:240px; }
.flatpickr-calendar.tx-search-calendar .flatpickr-day {
    height:26px; line-height:26px; font-size:11px;
}
.flatpickr-calendar.tx-search-calendar .flatpickr-month { height:30px; }
.flatpickr-calendar.tx-search-calendar .flatpickr-current-month { font-size:12px; }
.flatpickr-calendar.tx-search-calendar .flatpickr-current-month .numInputWrapper {
    width: 5.5rem;
}
.flatpickr-calendar.tx-search-calendar .flatpickr-current-month input.cur-year {
    width: 100%;
    padding-left: 0.35rem;
    font-variant-numeric: tabular-nums;
}
.flatpickr-calendar.tx-search-calendar .flatpickr-weekdays { height:24px; }
.flatpickr-calendar.tx-search-calendar .flatpickr-weekday { font-size:10px; }
.flatpickr-calendar.tx-search-calendar .tx-date-shortcuts { padding:4px 6px; gap:6px; }
.flatpickr-calendar.tx-search-calendar .tx-date-shortcuts__button { font-size:10px; }
.flatpickr-calendar.tx-search-calendar :is(.flatpickr-current-month,.flatpickr-weekday,.tx-date-shortcuts__button) {
    color:#171717; font-weight:600;
}
.flatpickr-calendar.tx-search-calendar .flatpickr-day { color:#171717; }
/* 달력의 일요일 시작 7열 배치에 맞춰 주말 요일과 날짜를 구분한다. */
.flatpickr-calendar.tx-search-calendar .flatpickr-weekday:first-child,
.flatpickr-calendar.tx-search-calendar .flatpickr-day:nth-child(7n+1) { color:#c62828; }
.flatpickr-calendar.tx-search-calendar .flatpickr-weekday:last-child,
.flatpickr-calendar.tx-search-calendar .flatpickr-day:nth-child(7n) { color:#1565c0; }
.flatpickr-calendar.tx-search-calendar .flatpickr-day:is(.prevMonthDay,.nextMonthDay,.flatpickr-disabled) { color:#737373; }
.flatpickr-calendar.tx-search-calendar .flatpickr-day:is(.selected,.startRange,.endRange) { color:#fff; }
.flatpickr-calendar.tx-search-calendar .flatpickr-monthSelect-months {
    display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; margin:6px;
}
.flatpickr-calendar.tx-search-calendar:has(.flatpickr-monthSelect-months) .flatpickr-current-month input.cur-year {
    color:#111; -webkit-text-fill-color:#111; font-weight:700; opacity:1;
}
.flatpickr-calendar.tx-search-calendar .flatpickr-monthSelect-month {
    width:100%; height:26px; line-height:24px; margin:0; padding:0;
    font-size:11px; font-weight:400; color:#171717;
}
.flatpickr-calendar.tx-search-calendar .flatpickr-monthSelect-month.flatpickr-disabled { color:#737373; }
.flatpickr-calendar.tx-search-calendar .flatpickr-monthSelect-month:is(.selected,.startRange,.endRange) {
    color:#fff; background:var(--tx-color-primary); border-color:var(--tx-color-primary);
}
@media (max-width:839px) {
    .card-wrapper.search:not(.sf-preview > *) { --sf-control-height:36px; }
    .card-wrapper.search:not(.sf-preview > *) .trx-search-chipbar { align-items:stretch; }
    .card-wrapper.search:not(.sf-preview > *) [data-filter-chip-list] { align-items:stretch; gap:0; }
    .card-wrapper.search:not(.sf-preview > *) .tx-filter-chip { grid-template-columns:minmax(0,6rem) minmax(0,1fr) 30px; padding:2px 0; border-radius:0; }
    .card-wrapper.search:not(.sf-preview > *) .tx-filter-chip__close { width:30px; height:30px; }
}

.card-wrapper.search :is(input, textarea)::placeholder { font-size:10px; }