/* S4(2026-10-10): 맞춤여행·항공 견적 요청서/조회/마이페이지 공용. 신규 파일, 코어 아님. */
.suda-quote-wrap { max-width: 900px; margin: 0 auto; padding: 20px 16px 60px; }
.suda-quote-title { font-size: 24px; margin-bottom: 8px; }
.suda-quote-desc { color: #6b7280; margin-bottom: 20px; }

.suda-quote-tabs { display: flex; gap: 8px; margin-bottom: 20px; }
.suda-quote-tab {
    flex: 1; padding: 12px; border: 1px solid #e5e7eb; background: #f9fafb;
    border-radius: 8px; cursor: pointer; font-weight: 600; color: #6b7280;
}
.suda-quote-tab.is-active { background: #2563eb; color: #fff; border-color: #2563eb; }
a.suda-quote-tab, span.suda-quote-tab { text-align: center; text-decoration: none; } /* SUDA CUSTOM (2026-10-24): 맞춤여행 탭이 링크로 바뀜 */
a.suda-quote-tab:hover { color: #2563eb; }

.suda-quote-section { margin-bottom: 24px; }
.suda-quote-section h2 { font-size: 16px; margin-bottom: 10px; }
.suda-quote-hint { color: #6b7280; font-size: 12px; margin-top: 4px; }
.suda-quote-ref-box { background: #eff6ff; padding: 12px; border-radius: 8px; margin-bottom: 16px; }
.suda-quote-error { color: #b91c1c; font-weight: 600; margin: 16px 0; }

.suda-quote-status { padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.suda-quote-status-received { color: #92400e; background: #fef3c7; }
.suda-quote-status-assigned { color: #1d4ed8; background: #dbeafe; }
.suda-quote-status-consulting { color: #6d28d9; background: #ede9fe; }
.suda-quote-status-quoted { color: #0e7490; background: #cffafe; }
.suda-quote-status-confirmed { color: #15803d; background: #dcfce7; }
.suda-quote-status-cancelled { color: #b91c1c; background: #fee2e2; }
.suda-quote-status-closed { color: #6b7280; background: #f1f5f9; }

/* .suda-qa-select 공용 커스텀 드롭다운 (write.skin.php와 동일 패턴) */
.suda-qa-select { position: relative; display: inline-block; width: 200px; vertical-align: top; }
.suda-qa-select-btn {
    width: 100%; text-align: left; padding: 8px 12px; border: 1px solid #d1d5db;
    border-radius: 6px; background: #fff; cursor: pointer; display: flex; justify-content: space-between;
}
.suda-qa-select.has-value .suda-qa-select-label { color: #111827; }
.suda-qa-select-list {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 10; margin: 4px 0 0;
    padding: 4px 0; list-style: none; background: #fff; border: 1px solid #d1d5db;
    border-radius: 6px; max-height: 240px; overflow-y: auto;
}
.suda-qa-select-list li { padding: 8px 12px; cursor: pointer; }
.suda-qa-select-list li:hover, .suda-qa-select-list li.is-selected { background: #eff6ff; }

/* 맞춤여행(product_type=custom) 상품 상세 - 가격/장바구니 대신 상담신청 버튼 */
.suda-quote-item-cta { padding: 16px 0; }
.suda-quote-item-cta .btn_submit { display: inline-block; width: 100%; text-align: center; padding: 14px; }

/* 분류(카테고리) 목록 상단 안내 배너 (g5_shop_category.ca_head_html, 30/80번 카테고리) */
.suda-quote-cat-banner { margin: 0 0 16px; }
.suda-quote-cat-banner a {
    display: block; text-align: center; padding: 14px; border-radius: 10px;
    background: linear-gradient(90deg, #2563eb, #1d4ed8); color: #fff; font-weight: 600; text-decoration: none;
}

@media (max-width: 480px) {
    .suda-quote-wrap { padding: 12px 12px 40px; }
    .suda-quote-tabs { flex-direction: row; }
    .suda-qa-select { width: 100%; }
}

/* SUDA CUSTOM (2026-10-24): 요청 상세 표(마이페이지 "맞춤여행 요청", 비회원 조회 공용 - suda_quote_render_detail) */
.suda-quote-detail table { width: 100%; border-collapse: collapse; border-top: 2px solid #111827; }
.suda-quote-detail th, .suda-quote-detail td { padding: 12px 16px; border-bottom: 1px solid #e5e7eb; font-size: 14px; line-height: 1.6; text-align: left; vertical-align: top; }
.suda-quote-detail th { width: 160px; background: #f9fafb; font-weight: 600; color: #374151; white-space: nowrap; }
.suda-quote-detail td { word-break: break-all; }
.suda-mypage-quote-back { margin-top: 20px; text-align: center; }
@media (max-width: 480px) {
    .suda-quote-detail th { width: 32%; white-space: normal; padding: 10px; }
    .suda-quote-detail td { padding: 10px; }
}