/**
 * 라벨·값(타이틀·내용) 읽기 전용 레이아웃 — 파트너·관리자·공개 상세 공통
 */
:root {
    --gj-detail-label-w: 8.5rem;
    --gj-detail-font-size: 0.9375rem;
    --gj-detail-line-height: 1.55;
    --gj-detail-label-color: #454856;
    --gj-detail-value-color: #1a1c22;
    --gj-detail-muted-color: #6b7280;
    --gj-detail-row-pad-y: 0.75rem;
    --gj-detail-border: rgba(194, 198, 216, 0.55);
    --gj-detail-block-bg: #f5f7fb;
    --gj-detail-block-border: rgba(194, 198, 216, 0.45);
    --gj-detail-block-radius: 8px;
    --gj-detail-block-pad: 0.85rem 1rem;
}

.gj-detail-scope {
    font-size: var(--gj-detail-font-size);
    line-height: var(--gj-detail-line-height);
    color: var(--gj-detail-value-color);
}

.gj-detail-table {
    --bs-table-bg: transparent;
    margin-bottom: 0;
    width: 100%;
}

.gj-detail-table tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--gj-detail-border);
}

.gj-detail-table th[scope="row"],
.gj-detail-table .gj-detail-table__label {
    width: var(--gj-detail-label-w);
    min-width: var(--gj-detail-label-w);
    max-width: var(--gj-detail-label-w);
    font-size: var(--gj-detail-font-size);
    font-weight: 500;
    color: var(--gj-detail-label-color);
    vertical-align: middle;
    text-align: left;
    padding: var(--gj-detail-row-pad-y) 1rem var(--gj-detail-row-pad-y) 0;
    white-space: nowrap;
    background: transparent;
    border: 0;
}

.gj-detail-table td,
.gj-detail-table .gj-detail-table__value {
    font-size: var(--gj-detail-font-size);
    font-weight: 400;
    color: var(--gj-detail-value-color);
    vertical-align: middle;
    text-align: left !important;
    padding: var(--gj-detail-row-pad-y) 0;
    background: transparent;
    border: 0;
}

.gj-detail-table th[scope="row"].align-top,
.gj-detail-table .gj-detail-table__label.align-top,
.gj-detail-table td.align-top,
.gj-detail-table .gj-detail-table__value.align-top {
    vertical-align: top;
    padding-top: calc(var(--gj-detail-row-pad-y) + 0.1rem);
}

.gj-detail-block {
    display: block;
    width: 100%;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: inherit;
    font-size: var(--gj-detail-font-size);
    line-height: var(--gj-detail-line-height);
    color: var(--gj-detail-value-color);
    text-align: left;
    background: var(--gj-detail-block-bg);
    border: 1px solid var(--gj-detail-block-border);
    border-radius: var(--gj-detail-block-radius);
    padding: var(--gj-detail-block-pad);
}

.gj-detail-section-title {
    font-size: var(--gj-detail-font-size);
    font-weight: 500;
    color: var(--gj-detail-label-color);
    margin: 0 0 0.75rem;
    line-height: 1.4;
}

.gj-detail-section {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--gj-detail-border);
}

.gj-detail-notice {
    background: var(--gj-detail-block-bg);
    border-radius: var(--gj-detail-block-radius);
    padding: 0.75rem 1rem;
}

.gj-detail-notice,
.gj-detail-notice .small,
.gj-detail-notice p {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--gj-detail-muted-color);
}

/* 폼형 라벨·입력 행 (ss-row) — 편집 화면과 읽기 전용 톤 맞춤 */
body.partner-portal-v2 .ss-row {
    padding: var(--gj-detail-row-pad-y) 0;
    border-top-color: var(--gj-detail-border);
    gap: 1rem;
}

body.partner-portal-v2 .ss-row__label {
    width: var(--gj-detail-label-w);
    font-size: var(--gj-detail-font-size);
    font-weight: 500;
    color: var(--gj-detail-label-color);
    line-height: var(--gj-detail-line-height);
    padding-top: 0.5rem;
}

body.partner-portal-v2 .ss-row__field {
    font-size: var(--gj-detail-font-size);
    line-height: var(--gj-detail-line-height);
    color: var(--gj-detail-value-color);
}

body.partner-portal-v2 .ss-row__counter {
    font-size: 0.8125rem;
    color: var(--gj-detail-muted-color);
}

/* 레거시 클래스 alias (점진적 통합) */
.partner-inquiry-detail-scope {
    font-size: var(--gj-detail-font-size);
    line-height: var(--gj-detail-line-height);
}

.partner-inquiry-detail-scope .partner-inquiry-detail-table th.partner-inquiry-detail-th,
.partner-inquiry-detail-scope .partner-inquiry-detail-table .partner-inquiry-detail-th,
.pinq-detail-table th[scope="row"] {
    width: var(--gj-detail-label-w);
    min-width: var(--gj-detail-label-w);
    font-size: var(--gj-detail-font-size);
    font-weight: 500;
    color: var(--gj-detail-label-color);
    text-align: left;
    padding: var(--gj-detail-row-pad-y) 1rem var(--gj-detail-row-pad-y) 0;
    vertical-align: middle;
    background: transparent;
}

.partner-inquiry-detail-scope .partner-inquiry-detail-table td.partner-inquiry-detail-td,
.partner-inquiry-detail-scope .partner-inquiry-detail-table .partner-inquiry-detail-td,
.pinq-detail-table td {
    font-size: var(--gj-detail-font-size);
    color: var(--gj-detail-value-color);
    text-align: left !important;
    padding: var(--gj-detail-row-pad-y) 0;
    vertical-align: middle;
}

.partner-inquiry-detail-scope .inquiry-detail-content,
.pinq-review-detail__content {
    font-size: var(--gj-detail-font-size) !important;
    line-height: var(--gj-detail-line-height) !important;
    font-family: inherit !important;
    text-align: left !important;
    padding: var(--gj-detail-block-pad) !important;
    background: var(--gj-detail-block-bg) !important;
    border: 1px solid var(--gj-detail-block-border) !important;
    border-radius: var(--gj-detail-block-radius) !important;
}

@media (max-width: 767.98px) {
    :root {
        --gj-detail-label-w: 6.5rem;
    }

    body.partner-portal-v2 .ss-row {
        flex-direction: column;
        gap: 0.375rem;
    }

    body.partner-portal-v2 .ss-row__label {
        width: auto;
        padding-top: 0;
    }
}