/*
 * 셀러파트너스 PC판 — PC 틀(partner_pc/view.php) 안에 뜨는 화면(body.sp-embed, _head.php $__spEmbed).
 * 480px 열은 넓은 열로 바뀌어 있다(sp_pc_embed_widen). 여기서는
 *   - 열 밖을 PC 틀 바탕색으로, 열은 흰 판으로
 *   - 휴대폰 머리(뒤로 · 제목 · 메뉴)는 숨긴다 — 제목은 PC 틀 위 띠에 있고, 이동은 왼쪽 메뉴로 한다
 *   - 글꼴을 PC 틀과 같은 Pretendard 로(아이콘 글꼴을 쓰는 <i> 는 두고)
 * 화면마다 다듬을 것은 body.sp-embed--파일이름 으로 건다.
 */
html.witdeal-seller-reg-max480-html,
body.sp-embed.witdeal-seller-reg-max480 { background-color: #f6f5fa !important; }
html.witdeal-seller-reg-max480-html #witdealPcLeftGutter { background-color: #f6f5fa !important; }
/* 열은 바탕과 같은 색 — 큰 흰 네모 하나로 두지 않고, 안쪽 덩어리만 흰 판(아래 화면별 규칙) */
body.sp-embed.witdeal-seller-reg-max480 section { background-color: transparent !important; padding-top: 18px; }

body.sp-embed #header_new,
body.sp-embed #header_new_2,
body.sp-embed .header-top,
body.sp-embed .btn-header-top { display: none !important; }
body.sp-embed { padding-top: 0 !important; }

body.sp-embed :where(p, span, div, td, th, li, a, button, input, select, textarea, label, h1, h2, h3, h4, h5, strong, b, em, dt, dd, small) {
	font-family: "Pretendard Variable", Pretendard, -apple-system, "Malgun Gothic", sans-serif !important;
	letter-spacing: -0.01em;
}

/* 표 — 회색 머리줄 대신 옅은 바탕 · 가는 줄 */
body.sp-embed table th { background-color: #faf9fc !important; color: #4b4462 !important; font-weight: 700 !important; }
body.sp-embed table td, body.sp-embed table th { border-color: #ebe8f2 !important; }

/* 관리 화면 공통(정산 · 매출 · 캐시 …: .manage-page) — 보라 머리띠 · 분홍 요약 · 회색 표 판을 흰 판 · 가는 줄로 */
body.sp-embed .manage-page { padding: 22px 26px 40px !important; }
body.sp-embed .manage-page .intro-view-box { margin: 0 0 14px !important; padding: 0 0 12px !important; border-bottom: 1px solid #ebe8f2; border-radius: 0 !important; background: none !important; text-align: left !important; }
body.sp-embed .manage-page .intro-view-box, body.sp-embed .manage-page .intro-view-box * { color: #1e1633 !important; font-size: 18px !important; font-weight: 800 !important; }
body.sp-embed .manage-page .dashboard-wrap { padding: 14px 16px !important; border: 1px solid #ebe8f2; border-radius: 12px !important; background: #faf9fc !important; }
body.sp-embed .manage-page .table-box { border: 1px solid #ebe8f2; border-radius: 12px !important; background: #fff !important; overflow: hidden; }
body.sp-embed .manage-page .table-box td { background: #fff !important; }
body.sp-embed .manage-page .table-box tr:hover td { background: #fcfbfd !important; }
body.sp-embed .manage-page input[type="date"], body.sp-embed .manage-page select { height: 36px; padding: 0 10px; border: 1px solid #ddd8e6 !important; border-radius: 8px !important; background: #fff; }
body.sp-embed .manage-page button { border-radius: 8px !important; }

/* 배너 · 간판 · 쿠폰(배너 관리 목록: .banner-item-component) — 한 줄에 둘씩 */
body.sp-embed .banner-item-component > ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
body.sp-embed .banner-item-component > ul > li { margin: 0 !important; }
body.sp-embed .banner-item-component .item-wrap { padding: 10px; border: 1px solid #ebe8f2; border-radius: 12px; background: #fff; }
body.sp-embed .banner-item-component .img-box img { border-radius: 8px; }