/* 询盘单页面：汇总已选产品并提交外贸询盘 */
.siteHeader {
    background: rgba(24, 27, 31, 0.88);
    backdrop-filter: blur(12px);
}

.inquiryPage {
    background: #f6f7f8;
}

.inquiryHeroSection {
    padding: 144px 0 30px;
    background: linear-gradient(180deg, #f7f8f9 0%, #f4f6f7 100%);
}

.inquiryHeroHead {
    max-width: 780px;
}

.inquiryHeroBadge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 18px;
    color: #556273;
    background: #fbf5f2;
    border: 1px solid #f0d7ca;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.inquiryHeroTitle {
    margin-top: 18px;
    margin-bottom: 14px;
}

.inquiryHeroDesc {
    max-width: 700px;
}

.inquiryItemCategory,
.inquiryItemModel,
.inquiryItemName,
.inquiryItemSpecLabel,
.inquiryItemSpecValue,
.inquiryItemQuantityLabel,
.inquiryFieldLabel,
.inquiryFieldHint,
.inquiryFieldSubLabel,
.inquiryFormSuccessTitle,
.inquiryFormSuccessDesc,
.inquiryEmptyEyebrow,
.inquiryEmptyDesc {
    display: block;
}

.inquiryMainSection {
    padding: 8px 0 82px;
}

.inquiryLayout {
    display: grid;
    grid-template-columns: minmax(0, 0.98fr) minmax(420px, 1.02fr);
    gap: 14px;
    align-items: start;
}

.inquiryItemsPanel,
.inquiryFormPanel,
.inquiryEmptyState {
    background: #ffffff;
    border: 1px solid #e5eaed;
    border-radius: 10px;
    box-shadow: 0 16px 34px rgba(24, 27, 31, 0.04);
}

.inquiryItemsPanel,
.inquiryFormPanel {
    padding: 28px;
}

.inquiryItemsPanel {
    position: sticky;
    top: 106px;
    max-height: calc(100vh - 126px);
    overflow-y: auto;
}

.inquiryFormPanel {
    position: sticky;
    top: 106px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: min(680px, calc(100vh - 126px));
    max-width: none;
    max-height: calc(100vh - 126px);
    padding: 24px;
    overflow: hidden;
    justify-self: stretch;
}

.inquiryPanelHead {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.inquiryPanelHeadForm {
    flex: 0 0 auto;
    margin-bottom: 14px;
}

.inquiryPanelHeadMain {
    min-width: 0;
}

.inquiryPanelTitle {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 1.22;
    text-transform: none;
}

.inquiryPanelActions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.inquiryTextAction,
.inquiryInlineAction {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0;
    line-height: 1;
    cursor: pointer;
}

.inquiryTextAction:hover,
.inquiryTextAction:focus {
    color: var(--color-orange-dark);
}

.inquiryTextAction {
    color: #7a858f;
    font-size: 12px;
    font-weight: 700;
}

.inquiryPanelActions .whiteAction,
.inquiryPanelActions .inquiryTextAction {
    min-width: 118px;
    min-height: 38px;
    padding: 0 18px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.inquiryItemList {
    display: grid;
    gap: 18px;
}

.inquiryMobileFoldBar {
    display: none;
}

.inquiryItemCard {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    padding: 18px;
    background: #fbfcfc;
    border: 1px solid #edf1f3;
    border-radius: 10px;
}

.inquiryItemThumb {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 1 / 1;
    background: #edf2f4;
}

.inquiryItemThumb[data-category="firePit"] {
    background: linear-gradient(135deg, #eef2f4 0%, #f7f8f9 100%);
}

.inquiryItemThumb[data-category="grillCookware"] {
    background: linear-gradient(135deg, #f2f0eb 0%, #faf9f6 100%);
}

.inquiryItemThumb[data-category="tableStake"] {
    background: linear-gradient(135deg, #eef1ea 0%, #f8faf6 100%);
}

.inquiryItemThumb[data-category="bag"],
.inquiryItemThumb[data-category="tent"] {
    background: linear-gradient(135deg, #f0edf2 0%, #fbf9fc 100%);
}

.inquiryItemThumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.inquiryItemTopRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 8px;
}

.inquiryItemMeta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 0;
}

.inquiryItemInlineActions {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    flex: 0 0 auto;
}

.inquiryItemCategory,
.inquiryItemModel {
    color: #687481;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.inquiryItemName {
    margin-bottom: 10px;
    color: var(--color-charcoal);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
}

.inquiryInlineActionRemove {
    color: #8a949d;
}

.inquiryInlineAction {
    gap: 5px;
    color: #97a1aa;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.inquiryInlineActionIcon {
    font-size: 12px;
    line-height: 1;
}

.inquiryInlineAction:hover,
.inquiryInlineAction:focus {
    color: #6e7882;
}

.inquiryInlineActionRemove:hover,
.inquiryInlineActionRemove:focus {
    color: var(--color-orange-dark);
}

.inquiryItemSpecRow,
.inquiryItemQuantityRow {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.inquiryItemSpecRow {
    margin-bottom: 14px;
}

.inquiryItemSpecLabel,
.inquiryItemQuantityLabel {
    flex: 0 0 44px;
    color: #7a858f;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
}

.inquiryItemSpecValue {
    flex: 1 1 auto;
    color: #57616b;
    font-size: 13px;
    line-height: 1.7;
}

.inquiryQtyControl {
    display: inline-grid;
    grid-template-columns: 36px 76px 36px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dbe2e6;
    border-radius: 8px;
}

.inquiryQtyButton,
.inquiryQtyInput {
    height: 38px;
    border: 0;
    background: transparent;
}

.inquiryQtyButton {
    color: #5d6974;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.inquiryQtyButton:hover,
.inquiryQtyButton:focus {
    background: #f6f8f9;
}

.inquiryQtyInput {
    width: 100%;
    text-align: center;
    color: var(--color-charcoal);
    border-left: 1px solid #e1e6ea;
    border-right: 1px solid #e1e6ea;
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
}

.inquiryQtyInput::-webkit-outer-spin-button,
.inquiryQtyInput::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.inquiryQtyInput[type="number"] {
    -moz-appearance: textfield;
}

.inquiryField {
    display: block;
    margin-bottom: 10px;
}

.inquiryFieldGrid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.inquiryFieldInline {
    margin-bottom: 0;
}

.inquiryFieldLast {
    margin-bottom: 0;
}

.inquiryFormSection {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf1f3;
}

.inquiryFormSectionLast {
    margin-bottom: 8px;
    padding-bottom: 0;
    border-bottom: 0;
}

.inquiryFormSectionSoft {
    padding: 12px;
    background: #fafbfb;
    border: 1px solid #edf1f3;
    border-radius: 8px;
}

.inquiryFormSectionTitle {
    margin-bottom: 8px;
    color: var(--color-charcoal);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
}

.inquiryFormBody {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.inquiryFormScroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 8px;
}

.inquiryFormScroll::-webkit-scrollbar,
.inquiryItemsPanel::-webkit-scrollbar {
    width: 6px;
}

.inquiryFormScroll::-webkit-scrollbar-track,
.inquiryItemsPanel::-webkit-scrollbar-track {
    background: transparent;
}

.inquiryFormScroll::-webkit-scrollbar-thumb,
.inquiryItemsPanel::-webkit-scrollbar-thumb {
    background: #d8e0e5;
    border-radius: 999px;
}

.inquiryFieldLabel {
    margin-bottom: 5px;
    color: var(--color-charcoal);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}

.inquiryFieldRequired {
    display: inline-block;
    margin-left: 4px;
    color: #d94b45;
    font-weight: 700;
    line-height: 1;
}

.inquiryFieldHint {
    margin-bottom: 8px;
    color: #7a848e;
    font-size: 12px;
    line-height: 1.6;
}

.inquiryFieldHintTight {
    margin-top: -2px;
    margin-bottom: 6px;
}

.inquiryFieldSubLabel {
    display: block;
    margin-bottom: 5px;
    color: #5f6871;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}

.inquiryChoiceGroup {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.inquiryChoice {
    margin: 0;
    cursor: pointer;
}

.inquiryChoice input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.inquiryChoiceText {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    color: #58636d;
    background: #f6f8f9;
    border: 1px solid #dde3e7;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.3;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.inquiryChoice input:checked + .inquiryChoiceText {
    color: var(--color-charcoal);
    background: #fff7ea;
    border-color: #edc889;
}

.inquiryContactGrid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 10px;
}

.inquiryPhonePair {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 10px;
}

.inquiryPhoneCodeInput {
    text-align: center;
}

.inquiryFieldInput,
.inquiryFieldTextarea {
    width: 100%;
    padding: 0 14px;
    color: var(--color-charcoal);
    background: #f9fbfb;
    border: 1px solid #dfe5e8;
    border-radius: 8px;
    font-size: 14px;
}

.inquiryFieldInput::placeholder,
.inquiryFieldTextarea::placeholder {
    color: #b3bbc3;
    opacity: 1;
    font-weight: 400;
}

.inquiryFieldInput {
    height: 42px;
}

.inquiryFieldTextarea {
    min-height: 104px;
    padding-top: 9px;
    padding-bottom: 9px;
    resize: vertical;
}

.inquiryFieldInput:focus,
.inquiryFieldTextarea:focus {
    border-color: #c9d3da;
    background: #ffffff;
}

.inquiryFieldInput.inquiryFieldSelect {
    padding-right: 34px;
    appearance: none;
    background-color: #f9fbfb;
    background-image: linear-gradient(45deg, transparent 50%, #8b96a0 50%), linear-gradient(135deg, #8b96a0 50%, transparent 50%);
    background-position: calc(100% - 18px) 18px, calc(100% - 13px) 18px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.inquiryFieldInput.inquiryFieldSelect:focus {
    background-color: #ffffff;
}

.inquiryMultiSelect {
    position: relative;
    z-index: 4;
}

.inquiryMultiSelectButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    overflow: hidden;
    padding-right: 18px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.inquiryMultiSelectButton span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.inquiryMultiSelectArrow {
    flex: 0 0 auto;
    width: 0;
    height: 0;
    border-top: 5px solid #8b96a0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.inquiryMultiSelect.active .inquiryMultiSelectButton {
    border-color: #c9d3da;
    background: #ffffff;
}

.inquiryMultiSelectMenu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 20;
    display: grid;
    gap: 2px;
    max-height: 210px;
    overflow-y: auto;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #dfe5e8;
    border-radius: 8px;
    box-shadow: 0 16px 34px rgba(24, 27, 31, 0.12);
}

.inquiryMultiSelectDone {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-top: 4px;
    padding: 7px 12px;
    color: #ffffff;
    background: var(--color-orange);
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}

.inquiryMultiSelectDone:hover,
.inquiryMultiSelectDone:focus-visible {
    background: #b85921;
}

.inquiryMultiSelectOption {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    margin: 0;
    padding: 8px 10px;
    color: #58636d;
    border-radius: 7px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.4;
}

.inquiryMultiSelectOption:hover,
.inquiryMultiSelectOption:focus-within {
    background: #f7f8f9;
}

.inquiryMultiSelectOption input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.inquiryMultiSelectCheck {
    position: relative;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: 1px solid #cfd7dc;
    border-radius: 4px;
}

.inquiryMultiSelectOption input:checked + .inquiryMultiSelectCheck {
    background: var(--color-orange);
    border-color: var(--color-orange);
}

.inquiryMultiSelectOption input:checked + .inquiryMultiSelectCheck::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg);
}

.inquiryMultiSelectOption input:checked ~ .inquiryMultiSelectText {
    color: var(--color-charcoal);
    font-weight: 700;
}

.inquiryFormError {
    margin-bottom: 14px;
    color: #b94a48;
    font-size: 13px;
    line-height: 1.6;
}

.inquiryFormSuccess {
    margin-bottom: 14px;
    padding: 16px;
    background: #f8fbf4;
    border: 1px solid #d9e5cf;
    border-radius: 8px;
}

.inquiryFormSuccessTitle {
    margin-bottom: 6px;
    color: var(--color-charcoal);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
}

.inquiryFormSuccessDesc {
    color: #5f6871;
    font-size: 13px;
    line-height: 1.7;
}

.inquirySubmitState {
    display: grid;
    gap: 10px;
    margin-bottom: 10px;
    padding: 14px;
    border-radius: 10px;
}

.inquirySubmitStateSuccess {
    background: #f8fbf4;
    border: 1px solid #d9e5cf;
}

.inquirySubmitStateFailure {
    background: #fff7f6;
    border: 1px solid #efd6d2;
}

.inquirySubmitStateBadge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 30px;
    padding: 0 12px;
    color: #46654d;
    background: #edf6e7;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.inquirySubmitStateBadgeError {
    color: #a75a55;
    background: #fdecea;
}

.inquirySubmitStateMeta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.inquirySubmitStateMetaItem {
    padding: 14px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(218, 226, 231, 0.9);
    border-radius: 8px;
}

.inquirySubmitStateMetaItemFull {
    grid-column: 1 / -1;
}

.inquirySubmitStateMetaLabel,
.inquirySubmitStateMetaValue {
    display: block;
}

.inquirySubmitStateMetaLabel {
    margin-bottom: 5px;
    color: #7a858f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.inquirySubmitStateMetaValue {
    color: var(--color-charcoal);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5;
}

.inquiryLeadReasons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.inquiryLeadReason {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    color: #66727d;
    background: #f5f7f8;
    border: 1px solid #e2e8eb;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.3;
}

.inquirySubmitStateActions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.inquirySubmitStateActions .whiteAction,
.inquirySubmitStateActions .primaryAction {
    min-width: 152px;
    height: 44px;
    padding: 0 20px;
    border-radius: 8px;
    font-size: 13px;
    text-transform: none;
}

.inquiryFormActions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex: 0 0 auto;
    margin: 14px -24px -24px;
    padding: 14px 24px;
    background: #ffffff;
    border-top: 1px solid #edf1f3;
    box-shadow: 0 -10px 22px rgba(24, 27, 31, 0.04);
}

.inquiryFormActions .whiteAction,
.inquiryFormActions .primaryAction {
    min-width: 152px;
    height: 42px;
    padding: 0 20px;
    border-radius: 8px;
    font-size: 13px;
    text-transform: none;
}

.inquirySubmitButton {
    border: 0;
}

.inquirySubmitButton[disabled] {
    opacity: 0.74;
    pointer-events: none;
}

.inquiryEmptyState {
    padding: 54px 32px;
    text-align: center;
}

.inquiryEmptyLayout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);
    gap: 24px;
    align-items: start;
}

.inquiryEmptyGuide {
    padding: 30px 28px;
    background: #ffffff;
    border: 1px solid #e5eaed;
    border-radius: 10px;
    box-shadow: 0 16px 34px rgba(24, 27, 31, 0.04);
}

.inquiryEmptyEyebrow {
    margin-bottom: 10px;
    color: #6c7883;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.inquiryEmptyTitle {
    margin-bottom: 14px;
    color: var(--color-charcoal);
    font-size: 28px;
    font-weight: 900;
    line-height: 1.28;
}

.inquiryEmptyDesc {
    max-width: 520px;
    margin: 0 auto;
    color: #5f6871;
    font-size: 15px;
    line-height: 1.9;
}

.inquiryEmptyActions {
    margin-top: 24px;
}

.inquiryEmptyGuideDesc {
    margin-top: 12px;
    color: #66727d;
    font-size: 14px;
    line-height: 1.8;
}

.inquiryEmptyGuideList {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.inquiryEmptyGuideItem {
    position: relative;
    display: block;
    padding-left: 16px;
    color: #57616b;
    font-size: 13px;
    line-height: 1.8;
}

.inquiryEmptyGuideItem::before {
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    background: var(--color-orange);
    border-radius: 50%;
    content: "";
}

.inquiryEmptyGuideActions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.inquiryEmptyGuideActions .whiteAction,
.inquiryEmptyGuideActions .primaryAction {
    min-width: 152px;
    height: 44px;
    padding: 0 20px;
    border-radius: 8px;
    font-size: 13px;
    text-transform: none;
}

@media (max-width: 1199px) {
    .inquiryLayout {
        grid-template-columns: 1fr;
    }

    .inquiryEmptyLayout {
        grid-template-columns: 1fr;
    }

    .inquiryFormPanel {
        position: static;
        height: auto;
        max-width: none;
        max-height: none;
        overflow: visible;
    }

    .inquiryItemsPanel {
        position: static;
        max-height: none;
        overflow: visible;
    }

    .inquiryFormBody {
        display: block;
    }

    .inquiryFormScroll {
        overflow: visible;
        padding-right: 0;
    }

    .inquiryFormActions {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        box-shadow: none;
    }
}

@media (max-width: 991px) {
    .inquiryItemCard {
        grid-template-columns: 110px minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .inquiryHeroSection {
        padding-top: 118px;
        padding-bottom: 24px;
    }

    .inquiryMainSection {
        padding-bottom: 64px;
    }

    .inquiryItemsPanel,
    .inquiryFormPanel,
    .inquiryEmptyState,
    .inquiryEmptyGuide {
        padding: 22px 18px;
    }

    .inquiryPanelHead {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .inquiryPanelActions {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .inquiryPanelActions,
    .inquiryFormActions,
    .inquiryEmptyGuideActions,
    .inquirySubmitStateActions {
        width: 100%;
    }

    .inquiryPanelActions .whiteAction,
    .inquiryFormActions .whiteAction,
    .inquiryFormActions .primaryAction,
    .inquirySubmitStateActions .whiteAction,
    .inquirySubmitStateActions .primaryAction,
    .inquiryEmptyGuideActions .whiteAction,
    .inquiryEmptyGuideActions .primaryAction {
        width: 100%;
        text-align: center;
    }

    .inquiryPanelActions .inquiryTextAction {
        width: 100%;
        justify-content: center;
        min-height: 38px;
        padding: 0 18px;
    }

    .inquiryItemCard {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 14px;
    }

    .inquiryItemThumb {
        width: 100%;
        max-width: none;
        aspect-ratio: 1.45 / 1;
    }

    .inquiryItemMedia {
        display: flex;
        justify-content: center;
    }

    .inquiryItemTopRow {
        flex-direction: column;
        gap: 6px;
        margin-bottom: 6px;
    }

    .inquiryItemInlineActions {
        justify-content: flex-start;
        gap: 12px;
    }

    .inquiryItemName {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 1.35;
    }

    .inquiryItemSpecRow {
        display: block;
        margin-bottom: 10px;
    }

    .inquiryItemQuantityRow {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        align-items: center;
        gap: 6px;
    }

    .inquiryItemSpecLabel,
    .inquiryItemQuantityLabel {
        flex: 0 0 auto;
        margin-bottom: 4px;
        font-size: 12px;
        line-height: 1.4;
    }

    .inquiryItemSpecValue {
        font-size: 12px;
        line-height: 1.65;
    }

    .inquiryQtyControl {
        grid-template-columns: 34px 58px 34px;
        justify-self: start;
    }

    .inquiryQtyButton,
    .inquiryQtyInput {
        height: 34px;
    }

    .inquiryMobileFoldBar {
        display: flex;
        justify-content: center;
        margin-top: 14px;
    }

    .inquiryMobileFoldAction {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 38px;
        padding: 0 16px;
        color: #5f6974;
        background: #f6f8f9;
        border: 1px solid #dde4e8;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
        cursor: pointer;
    }

    .inquiryMobileFoldAction:hover,
    .inquiryMobileFoldAction:focus {
        color: var(--color-charcoal);
        background: #fff7ea;
        border-color: #edc889;
    }

    .inquiryContactGrid {
        grid-template-columns: 1fr;
    }

    .inquiryPhonePair {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    .inquiryEmptyTitle {
        font-size: 24px;
    }

    .inquirySubmitStateMeta {
        grid-template-columns: 1fr;
    }
}