/**
 * MADO inquiry form layout CSS — フォーム型専用（2026-07-27）
 * - 型のDOM正本: includes/portal/inquiry-layouts/inquiry-form-layout.php
 * - 共通色・入力部品・管理画面UIは inquiry-page-design.css を正本とする。
 * - table/boxedのselectorを追加しない。
 */
body.mado-public-inquiry-page .mado-public-inquiry--layout-split .mado-public-inquiry__panel{
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
body.mado-public-inquiry-page .mado-public-inquiry--layout-split .mado-public-inquiry__form{
    padding: var(--mado-inquiry-card-padding, 32px);
    border-style: solid;
    border-width: var(--mado-inquiry-card-border-width, 1px);
    border-color: var(--mado-inquiry-card-border-color, var(--mado-inquiry-input-border-color, #c4d4d1));
    border-radius: var(--mado-inquiry-radius, 8px);
    background: var(--mado-inquiry-card-bg, var(--mado-inquiry-card-bg-color, #ffffff));
    box-shadow: var(--mado-inquiry-card-shadow, 0 18px 40px rgba(18, 38, 36, 0.12));
}
body.mado-public-inquiry-page .mado-public-inquiry--layout-split .mado-public-inquiry__header{
    margin-bottom: var(--mado-inquiry-header-form-gap, 22px);
    padding-inline: min(12px, 2vw);
}
#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry.mado-public-inquiry--layout-split .mado-public-inquiry__panel{
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry.mado-public-inquiry--layout-split .mado-public-inquiry__form{
    padding: var(--mado-inquiry-card-padding, 32px);
    border: var(--mado-inquiry-card-border-width, 1px) solid var(--mado-inquiry-card-border-color, var(--mado-inquiry-input-border-color, #c4d4d1));
    border-radius: var(--mado-inquiry-radius, 8px);
    background: var(--mado-inquiry-card-bg, var(--mado-inquiry-card-bg-color, #ffffff));
    box-shadow: var(--mado-inquiry-card-shadow, 0 18px 40px rgba(18, 38, 36, 0.12));
}
#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry.mado-public-inquiry--layout-split .mado-public-inquiry__header{
    margin-bottom: var(--mado-inquiry-header-form-gap, 22px);
    padding-inline: min(12px, 2vw);
}
@media (max-width: 720px){body.mado-public-inquiry-page .mado-public-inquiry--layout-split .mado-public-inquiry__header,
#mado-inquiry-page-design .mado-inquiry-design-preview__surface.mado-public-inquiry.mado-public-inquiry--layout-split .mado-public-inquiry__header{
        margin-bottom: 18px;
    }}

body.mado-public-inquiry-page .mado-public-inquiry--layout-split .mado-inquiry-layout--form {
    display: grid;
    gap: var(--mado-inquiry-field-gap, 16px);
    min-width: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-split .mado-inquiry-layout--form > .mado-public-inquiry__field {
    width: 100%;
    max-width: var(--mado-inquiry-item-width, 100%);
    min-width: 0;
    margin: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-split .mado-inquiry-layout__label-cell {
    min-width: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-split .mado-public-inquiry__field-label {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    transform: translateY(var(--mado-inquiry-label-offset-y, 0px));
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-split .mado-inquiry-layout__control-cell {
    min-width: 0;
}

body.mado-public-inquiry-page .mado-public-inquiry--layout-split .mado-inquiry-layout--form + .mado-public-inquiry__actions {
    margin-top: var(--mado-inquiry-field-gap, 16px);
}