/**
 * 재난배상책임보험 · 승강기보험 조회 공용 모바일 상단 UI
 * 공용 헤더는 /css/mobile_primary_header.css가 소유한다.
 */
@media (max-width: 768px) {
    body.insurance-service-minimal.liability-dashboard-page {
        --liability-mobile-gutter: 12px;
        padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
        background: #fff !important;
    }

    body.insurance-service-minimal.liability-dashboard-page main.main-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }

    body.insurance-service-minimal.liability-dashboard-page main.main-content > .main-wrapper {
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: calc(var(--mobile-primary-header-height, 110px) + 12px) 0 44px !important;
        background: #fff !important;
    }

    /* 유일한 h1은 접근 가능한 상태로 유지하고 홍보형 히어로만 화면에서 제거한다. */
    body.insurance-service-minimal.liability-dashboard-page main.main-content > .main-wrapper > .hero-section {
        position: absolute !important;
        display: block !important;
        width: 1px !important;
        height: 1px !important;
        min-height: 0 !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .disaster-content,
    body.insurance-service-minimal.liability-dashboard-page.lift-insu-page .lift-content {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 var(--liability-mobile-gutter) !important;
        background: #fff !important;
    }

    body.insurance-service-minimal.liability-dashboard-page.lift-insu-page .lift-content > .container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 공용 카테고리 아래에 중복되던 구형 서비스 타이틀바 제거 */
    body.insurance-service-minimal.liability-dashboard-page .disaster-mobile-header,
    body.insurance-service-minimal.liability-dashboard-page .lift-mobile-header {
        display: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .liability-services-dashboard-mobile-wrap {
        display: block !important;
        width: calc(100% + (var(--liability-mobile-gutter) * 2)) !important;
        margin: -12px calc(var(--liability-mobile-gutter) * -1) 12px !important;
        padding: 0 !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .liability-services-dashboard-mobile {
        display: flex !important;
        align-items: stretch !important;
        width: 100% !important;
        min-height: 45px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        gap: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-bottom: 1px solid #e2e5e9 !important;
        background: #fff !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .liability-services-dashboard-mobile .liability-dashboard-btn {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 1 50% !important;
        width: 50% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        gap: 0 !important;
        border: 0 !important;
        border-bottom: 2px solid transparent !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #333940 !important;
        font-size: 13px !important;
        font-weight: 560 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .liability-services-dashboard-mobile .liability-dashboard-btn.active {
        border-bottom-color: #315ea8 !important;
        background: transparent !important;
        color: #171a1f !important;
        font-weight: 650 !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .liability-services-dashboard-mobile .liability-dashboard-btn i,
    body.insurance-service-minimal.liability-dashboard-page .liability-services-dashboard-mobile .liability-dashboard-label-pc {
        display: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .liability-services-dashboard-mobile .liability-dashboard-label-mobile {
        display: inline !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .search-sidebar > .liability-services-dashboard,
    body.insurance-service-minimal.liability-dashboard-page .search-sidebar > .search-sidebar-header {
        display: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .pc-search-interface {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .search-sidebar {
        position: static !important;
        order: 1 !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 0 14px !important;
        overflow: visible !important;
        border: 0 !important;
        border-bottom: 1px solid #e2e5e9 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
        animation: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .search-form-container {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .search-form-container > .form-group {
        margin: 0 0 12px !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .search-form-container > .form-group:last-child {
        margin-bottom: 0 !important;
    }

    /* 재난배상 검색 유형: 외곽 패널 없이 세 개의 평면 버튼만 표시 */
    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .search-type-group {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 6px 0 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .search-type-label {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 7px !important;
        border: 0 !important;
        border-radius: 7px !important;
        background: transparent !important;
        color: #30353c !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .search-type-label:has(input[type="radio"]:checked) {
        border: 0 !important;
        background: var(--insurance-yellow, #ffe13b) !important;
        color: #171a1f !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .search-type-label span,
    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .search-type-label:has(input[type="radio"]:checked) span {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: inherit !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .search-type-label:focus,
    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .search-type-label:focus-within,
    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .search-type-label input[type="radio"]:focus + span,
    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .search-type-label input[type="radio"]:focus-visible + span {
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    /* 검색어 입력은 상태색 없이 커서만 표시한다. */
    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page .search-input-wrapper:focus-within {
        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page #searchKeyword:focus,
    body.insurance-service-minimal.liability-dashboard-page.disaster-insurance-page #searchKeyword:focus-visible {
        border-color: #d5d9de !important;
        border-bottom-color: #d5d9de !important;
        box-shadow: none !important;
        outline: 0 !important;
        caret-color: #171a1f !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .search-form-container label {
        color: #30353c !important;
        font-size: 12px !important;
        font-weight: 580 !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .search-results-area {
        order: 2 !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 160px !important;
        margin: 0 !important;
        padding: 0 0 20px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    /* 결과 상태에서도 공용 헤더와 재난·승강기 서브메뉴는 유지한다. */
    body.insurance-service-minimal.liability-dashboard-page.disaster-mobile-results-view,
    body.insurance-service-minimal.liability-dashboard-page.lift-mobile-results-view {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body.insurance-service-minimal.liability-dashboard-page.disaster-mobile-results-view .liability-services-dashboard-mobile-wrap,
    body.insurance-service-minimal.liability-dashboard-page.lift-mobile-results-view .liability-services-dashboard-mobile-wrap {
        display: block !important;
    }

    body.insurance-service-minimal.liability-dashboard-page.disaster-mobile-results-view .search-results-area,
    body.insurance-service-minimal.liability-dashboard-page.lift-mobile-results-view .search-results-area {
        position: static !important;
        inset: auto !important;
        z-index: auto !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 0 28px !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .disaster-mobile-results-bar,
    body.insurance-service-minimal.liability-dashboard-page .lift-mobile-results-bar {
        position: static !important;
        z-index: auto !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 6px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #d9dde3 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .disaster-mobile-result-back,
    body.insurance-service-minimal.liability-dashboard-page .lift-mobile-result-back {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 auto !important;
        min-width: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 8px 0 0 !important;
        gap: 5px !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: #343a43 !important;
        font-size: 12px !important;
        font-weight: 580 !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .disaster-mobile-result-title,
    body.insurance-service-minimal.liability-dashboard-page .lift-mobile-result-title {
        display: flex !important;
        align-items: baseline !important;
        flex-flow: row nowrap !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        gap: 7px !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .disaster-mobile-result-title strong,
    body.insurance-service-minimal.liability-dashboard-page .lift-mobile-result-title strong {
        flex: 0 0 auto !important;
        color: #171717 !important;
        font-size: 16px !important;
        font-weight: 680 !important;
        line-height: 1.25 !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .disaster-mobile-result-title span,
    body.insurance-service-minimal.liability-dashboard-page .lift-mobile-result-title span {
        min-width: 0 !important;
        overflow: hidden !important;
        color: #6b7280 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.insurance-service-minimal.liability-dashboard-page.disaster-mobile-results-view .results-content,
    body.insurance-service-minimal.liability-dashboard-page.lift-mobile-results-view .results-content {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 14px 0 0 !important;
        overflow: visible !important;
        border: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.liability-dashboard-page .disaster-guide-wrap,
    body.insurance-service-minimal.liability-dashboard-page .lift-guide-wrap {
        margin-top: 12px !important;
    }
}