/* quick-inquiry.css */
.quick-inquiry {position: fixed; inset: auto 120px 32px auto; margin: 0; width: min(280px, calc(100vw - 40px)); max-height: calc(100vh - 64px); max-height: calc(100dvh - 64px); padding: var(--spacing-16); border: 1px solid var(--color-gray-20); border-radius: var(--radius-xl); background: var(--color-bg-white); color: var(--color-text-primary); box-shadow: var(--shadow-modal); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none;}
.quick-inquiry::-webkit-scrollbar {display: none; width: 0; height: 0;}
.quick-inquiry::backdrop {background: rgba(15, 23, 42, .3);}
.quick-inquiry-heading {display: flex; align-items: flex-start; gap: var(--spacing-8); margin-bottom: var(--spacing-12);}
.quick-inquiry-heading h2 {margin: 0 0 var(--spacing-8); font-size: var(--font-size-h6);}
.quick-inquiry-close {display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -10px -12px 0 auto; color: var(--color-text-secondary); font-size: 28px; line-height: 1;}
.quick-inquiry-form {display: grid; gap: var(--spacing-8);}
.quick-inquiry-field label, .quick-inquiry-topics legend {display: block; float: none; width: auto; margin: 0 0 var(--spacing-4); font-size: var(--font-size-body-sm); font-weight: var(--font-weight-semibold);}
.quick-inquiry-field label span, .quick-inquiry-topics legend span {font-size: var(--font-size-helper); font-weight: var(--font-weight-regular); color: var(--color-text-secondary);}
.quick-inquiry-field input {display: block; width: 100%; min-height: var(--form-control-height-sm); padding: var(--spacing-8) var(--spacing-12); border: 1px solid var(--form-border-default); border-radius: var(--radius-md); background: var(--color-bg-white); color: var(--color-text-primary); font-size: var(--font-size-body-sm);}
.quick-inquiry-field input:focus {outline: 0; border-color: var(--color-primary); box-shadow: none;}
.quick-inquiry-field input[aria-invalid="true"] {border-color: var(--color-error);}
.quick-inquiry-topic-trigger {display: flex; align-items: center; gap: var(--spacing-12); width: 100%; min-height: var(--form-control-height-sm); padding: var(--spacing-8) var(--spacing-12); border: 1px solid var(--form-border-default); border-radius: var(--radius-md); background: var(--color-bg-white); color: var(--color-text-secondary); text-align: left; font-size: var(--font-size-body-sm); line-height: var(--line-height-base);}
.quick-inquiry-topic-trigger.has-value {color: var(--color-text-primary);}
#quick-inquiry-topic-summary {min-width: 0; overflow-wrap: anywhere;}
.quick-inquiry-topic-arrow {width: 8px; height: 8px; flex-shrink: 0; margin-left: auto; border-right: 2px solid var(--color-text-secondary); border-bottom: 2px solid var(--color-text-secondary); transform: rotate(45deg);}
.quick-inquiry-topic-trigger[aria-expanded="true"] .quick-inquiry-topic-arrow {transform: rotate(225deg);}
.quick-inquiry-options {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: var(--spacing-8); margin-top: var(--spacing-4); border: 1px solid var(--color-gray-30); border-radius: var(--radius-md); background: var(--color-bg-white);}
.quick-inquiry-options[hidden] {display: none;}
.quick-inquiry-options label {display: flex; align-items: center; gap: var(--spacing-8); min-height: 44px; padding: var(--spacing-4); font-size: var(--font-size-body-sm); cursor: pointer;}
.quick-inquiry-options input {width: 18px; height: 18px; flex-shrink: 0; accent-color: var(--color-primary);}
.quick-inquiry-options input:checked + span {color: var(--color-primary); font-weight: var(--font-weight-semibold);}
.quick-inquiry-topics {min-width: 0; padding: 0; margin: 0; border: 0;}
.quick-inquiry-privacy {padding-top: 0;}
.quick-inquiry-privacy-row {display: flex; align-items: center; gap: var(--spacing-8);}
.quick-inquiry-privacy-row label {display: flex; align-items: center; gap: var(--spacing-8); min-height: 44px; font-size: var(--font-size-body-sm); cursor: pointer;}
.quick-inquiry-privacy-row input {width: 18px; height: 18px; flex-shrink: 0; accent-color: var(--color-primary);}
.quick-inquiry-privacy-row input[aria-invalid="true"] {appearance: none; border: 1px solid var(--color-error); border-radius: 2px; background-color: var(--color-bg-white);}
.quick-inquiry-privacy-row input[aria-invalid="true"] + span {color: var(--color-text-error);}
.quick-inquiry-privacy-row small {font-size: var(--font-size-helper); color: var(--color-text-secondary);}
.quick-inquiry-details {display: flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; margin-left: auto; flex-shrink: 0; color: var(--color-text-body); font-size: var(--font-size-helper); text-decoration: none;}
.quick-inquiry-status {padding: var(--spacing-12); margin: 0; border-radius: var(--radius-md); background: var(--color-bg-gray); font-size: var(--font-size-body-sm); line-height: var(--line-height-base);}
.quick-inquiry-actions {display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--spacing-8);}
.quick-inquiry button:focus-visible {outline: 2px solid var(--color-primary); outline-offset: 3px;}
.quick-inquiry .quick-inquiry-topic-trigger:focus {outline: 0; border-color: var(--color-primary); box-shadow: none;}
.quick-inquiry .quick-inquiry-topic-trigger[aria-invalid="true"] {border-color: var(--color-error);}
@media (max-width: 768px) {
    .quick-inquiry {inset: 0 16px 0 auto; margin: auto 0; width: min(280px, calc(100% - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); padding: var(--spacing-16);}
    .quick-inquiry-privacy-row {flex-wrap: wrap; gap: 0;}
}

.quick-inquiry-privacy-row small {font-size: inherit;}
.quick-inquiry:focus {outline: none;}

.quick-inquiry .quick-inquiry-required {color: var(--color-error); font-weight: var(--font-weight-semibold);}
.quick-inquiry-details svg {width: 18px; height: 18px;}

.quick-inquiry-details:focus-visible {outline: 2px solid var(--color-primary); outline-offset: 2px;}

.quick-inquiry[open] {animation: quick-inquiry-enter 300ms cubic-bezier(.22, .61, .36, 1) both;}
.quick-inquiry[open].is-closing {animation: quick-inquiry-exit 260ms cubic-bezier(.4, 0, .6, 1) both;}
@keyframes quick-inquiry-enter {from {transform: translateX(var(--inquiry-slide-distance, 100vw));} to {transform: translateX(0);}}
@keyframes quick-inquiry-exit {from {transform: translateX(0);} to {transform: translateX(var(--inquiry-slide-distance, 100vw));}}
@media (prefers-reduced-motion: reduce) {
    .quick-inquiry[open], .quick-inquiry[open]::backdrop {animation: none;}
}