/* 패널(카드) 공통 스타일 — 화면 전체의 흰 카드를 깔끔하고 흔한 모양으로 통일한다.
   · 큰 그림자 대신 1px 옅은 테두리 + 아주 은은한 그림자(Stripe·GitHub·Linear 같은 서비스에서 흔한 모양)
   · 모서리는 12px, 안쪽 머리줄은 옅은 회색 한 줄
   테마(다크·팀 테마)는 색 변수(--c-*)를 따르므로 그대로 이어진다. theme.css·team-themes.css 뒤에 불러온다. */

:root { --panel-shadow: 0 1px 2px rgb(16 24 40 / .05), 0 1px 3px rgb(16 24 40 / .06); --panel-radius: .75rem; }
:root[data-theme="dark"] { --panel-shadow: 0 1px 2px rgb(0 0 0 / .35), 0 1px 3px rgb(0 0 0 / .25); }
/* theme.css가 .shadow-lg 그림자를 이 변수로 그리므로 변수만 바꿔도 다크/팀 테마에서 이어진다 */
:root[data-theme] { --c-shadow: var(--panel-shadow); }

:root .shadow-lg { box-shadow: var(--panel-shadow) !important; }

/* 화면 본문의 큰 카드 */
:root #mainContent .bg-white.rounded-xl {
    border: 1px solid var(--c-border, #e5e7eb);
    border-radius: var(--panel-radius);
    box-shadow: var(--panel-shadow) !important;
}
/* 카드 안의 머리줄·구분선은 옅게 */
:root #mainContent .bg-white.rounded-xl > .border-b,
:root #mainContent .bg-white.rounded-xl .border-b.border-gray-100 { border-color: var(--c-divide, #f1f5f9); }

/* 모달·팝업 패널은 본문 카드보다 살짝 떠 있게 */
.fixed.inset-0 > .bg-white.rounded-xl,
.fixed.inset-0 > .bg-white.rounded-2xl { border: 1px solid var(--c-border, #e5e7eb); box-shadow: 0 10px 30px rgb(16 24 40 / .18) !important; }

/* 요청함 목록: 제목 아래 내용 미리보기를 두 줄까지만 (Tailwind line-clamp 유틸이 없는 빌드 대비) */
.fb-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#feedbackList summary::-webkit-details-marker{display:none}