/**
 * DX Studio — layout/css/studio-skin.css
 * default 테마의 화면(게시판·회원·위젯·푸터)을 스튜디오 모양으로 다듬는 덮어쓰기
 * 마크업은 default 그대로 — 여기서는 모양만 바꿈
 */

/* ── 본문 컨테이너 ─────────────────────────────────── */
.dxs-page #dx-main { max-width: 1180px !important; padding: 28px 28px 24px !important; }
.dxs-page #dx-community-widget { max-width: 1180px !important; padding: 0 28px 48px !important; }
@media (max-width: 640px) {
  .dxs-page #dx-main { padding: 18px 14px 16px !important; }
  .dxs-page #dx-community-widget { padding: 0 14px 36px !important; }
}

/* ── 카드 ──────────────────────────────────────────── */
.dxs-page .dx-card,
.dxs-page #dx-sidebar > div,
.dxs-page #dx-community-widget > div > div {
  border-color: var(--dxs-line) !important;
  border-radius: var(--dxs-r) !important;
  box-shadow: var(--dxs-shadow) !important;
}
.dxs-page .rounded-2xl { border-radius: var(--dxs-r); }
.dxs-page .shadow-sm { box-shadow: var(--dxs-shadow); }
.dxs-page .border-slate-200, .dxs-page .border-slate-100 { border-color: var(--dxs-line); }

/* ── 제목 · 본문 글꼴 ──────────────────────────────── */
.dxs-page h1, .dxs-page h2, .dxs-page h3 { letter-spacing: -.02em; }
.dxs-page .dx-content { font-size: 15.5px; line-height: 1.85; }
.dxs-page .dx-content a { color: var(--p); }
.dxs-page .dx-content blockquote { border-left: 3px solid var(--p); background: var(--hover-row); border-radius: 0 12px 12px 0; }
.dxs-page .dx-content img { border-radius: 12px; }

/* ── 입력 요소 ─────────────────────────────────────── */
.dxs-page input[type="text"], .dxs-page input[type="search"], .dxs-page input[type="email"],
.dxs-page input[type="password"], .dxs-page input[type="url"], .dxs-page input[type="number"],
.dxs-page select, .dxs-page textarea {
  border-radius: 11px;
  border-color: var(--border);
  background-color: var(--bg-card);
  color: var(--text-main);
}
.dxs-page input:focus, .dxs-page select:focus, .dxs-page textarea:focus {
  border-color: var(--p) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--p) 18%, transparent);
  outline: none;
}

/* ── 기본 파란 버튼 → 테마 색 ───────────────────────── */
.dxs-page .bg-blue-600, .dxs-page .bg-blue-500, .dxs-page .bg-sky-600 { background-color: var(--p) !important; }
.dxs-page .hover\:bg-blue-700:hover { background-color: color-mix(in srgb, var(--p) 88%, #000) !important; }
.dxs-page .text-blue-600, .dxs-page .text-blue-500 { color: var(--p) !important; }

/* ── 표(목록) ──────────────────────────────────────── */
.dxs-page table th { font-weight: 700; color: var(--text-muted); }
.dxs-page .board-row:hover, .dxs-page tbody tr:hover { background: var(--hover-row); }

/* ── 게시판 사이드바 (default _main.php) ─────────────── */
.dxs-page #dx-sidebar a { border-radius: 10px; }

/* ── 페이지네이션 ──────────────────────────────────── */
.dxs-page .dx-pagination a, .dxs-page .dx-pagination span { border-radius: 10px; }
.dxs-page .dx-pagination .active, .dxs-page .dx-pagination [aria-current] { background: var(--p) !important; border-color: var(--p) !important; color: #fff !important; }

/* ── 푸터 (default _footer.php) — 두 모드 모두 어두운 스튜디오 푸터 ── */
.dxs-page > footer {
  background: #0b0a12 !important;
  border-top: 1px solid rgba(255, 255, 255, .06);
  margin-top: 40px !important;
  padding-bottom: 100px !important;   /* 하단 플레이어 공간 */
}
.dxs-page > footer a:hover { color: var(--dxs-acc2) !important; }

/* ── FAB (default 의 #dx-fab-wrap 규칙보다 우선) ─────── */
#dx-fab-wrap.dxs-fab { position: fixed; left: auto; right: 22px; bottom: 110px; transform: none; z-index: 900; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; opacity: 0; pointer-events: none; transition: opacity .2s; background: none; box-shadow: none; }
#dx-fab-wrap.dxs-fab.dx-fab-show { opacity: 1; pointer-events: auto; }
#dx-fab-wrap.dxs-fab .dx-fab-btn { position: relative; display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; height: 44px; padding: 0 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--dxs-glass-2); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); color: var(--text-main); font: 700 12px var(--dxs-font); text-decoration: none; cursor: pointer; box-shadow: var(--dxs-shadow); }
#dx-fab-wrap.dxs-fab #dx-fab-top { width: 44px; padding: 0; }
@media (max-width: 640px) { #dx-fab-wrap.dxs-fab { right: 14px; bottom: 96px; } }

/* ── 모달(default 마크업) 모서리 ───────────────────── */
#dxp-memo-modal > div, #dxp-post-search-modal > div { border-radius: 20px !important; }

/* ── 코드 블록 ─────────────────────────────────────── */
.dxs-page pre { border-radius: 14px; }