/* ════════════════════════════════════════════════
   NJOBS 내부 페이지 — 다크 프리미엄 통합 테마
   각 페이지의 인라인 <style> 뒤(</head> 직전)에 로드
   ════════════════════════════════════════════════ */
:root{
  --d-bg:#0a0e17; --d-bg2:#0d131f; --d-bg3:#11161f;
  --d-card:rgba(255,255,255,.045); --d-card-h:rgba(255,255,255,.07);
  --d-border:rgba(255,255,255,.10); --d-border-s:rgba(255,255,255,.16);
  --d-text:#eef2f8; --d-muted:rgba(255,255,255,.62); --d-faint:rgba(255,255,255,.42);
  --d-grad:linear-gradient(110deg,#818cf8,#22d3ee);
  --d-accent:#818cf8; --d-accent2:#a5b4fc;
}
html,body{ background:var(--d-bg) !important; color:var(--d-text); }

/* ── 헤더 / 푸터 (공통) ── */
#header .logo img{ filter:brightness(0) invert(1); opacity:.96; }
#header.scrolled{ background:rgba(10,14,23,.85) !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:none !important; border-bottom:1px solid var(--d-border); }
.gnb a{ color:rgba(255,255,255,.9) !important; font-weight:500; }
.gnb a:hover{ color:#fff !important; }
.gnb-active{ color:var(--d-accent2) !important; }
.hd-login-btn{ color:rgba(255,255,255,.8) !important; }
.hd-login-btn:hover{ color:#fff !important; }
.hd-signup-btn{ background:#fff !important; color:#0a0e17 !important; border:none !important; }
.hd-btn{ background:var(--d-grad) !important; color:#fff !important; border:none !important; }
.hd-hamburger span{ background:#fff; }
.mobile-menu{ background:#11161f; border-top:1px solid var(--d-border); }
.mobile-menu a{ color:#e2e8f0; border-bottom:1px solid rgba(255,255,255,.05); }
.mobile-menu a:hover{ background:rgba(255,255,255,.04); }
.mobile-menu-auth{ border-top:2px solid rgba(255,255,255,.08); }

.footer{ background:#070a11 !important; color:rgba(255,255,255,.55) !important; border-top:1px solid var(--d-border); }
.footer-inner{ border-bottom:1px solid rgba(255,255,255,.08); }
.footer-logo-text{ color:#fff; }
.footer-brand p{ color:rgba(255,255,255,.4); }
.footer-col h4{ color:rgba(255,255,255,.9); }
.footer-col a{ color:rgba(255,255,255,.55); }
.footer-col a:hover{ color:#fff; }
.footer-biz{ color:rgba(255,255,255,.4) !important; border-top-color:rgba(255,255,255,.08) !important; }
.footer-bottom{ color:rgba(255,255,255,.35); }

/* ── 섹션 / 타이포 / 카드 / 버튼 (프레임워크) ── */
.section-alt{ background:var(--d-bg2); }
.eyebrow{ color:var(--d-accent); }
.section-title{ color:#fff; }
.section-sub{ color:var(--d-muted); }
.card{ background:var(--d-card); border:1px solid var(--d-border); }
.card:hover{ box-shadow:0 20px 50px rgba(0,0,0,.5); }
.card h3{ color:#fff; }
.card p{ color:var(--d-muted); }
.card-thumb-naver, .kream-logo{ color:#fff; }
/* 네이버 블로그 로고 — 흰 배경을 깔끔한 흰 칩으로 */
img[alt="블로그마스터"]{ background:#fff; padding:7px 11px; border-radius:12px; box-sizing:border-box; }
.cfg-product img[alt="블로그마스터"]{ padding:6px 9px; border-radius:10px; }
.btn-primary{ background:var(--d-grad) !important; color:#fff !important; }
.btn-primary:hover{ filter:brightness(1.08); }
.btn-secondary{ background:rgba(255,255,255,.08); color:#fff; }
.btn-outline-dark{ background:transparent; border:1.5px solid var(--d-border-s); color:#fff; }
.btn-outline-dark:hover{ background:#fff; color:#0a0e17; }
.feature{ background:var(--d-card); border:1px solid var(--d-border); }
.feature h3{ color:#fff; } .feature p{ color:var(--d-muted); }
.feature-icon{ background:rgba(255,255,255,.06); }
.section-dark{ background:linear-gradient(135deg,#10172a,#0d131f); }

/* 입력 공통 */
input, select, textarea{ background:#0e1420 !important; color:#eef2f8 !important; border-color:var(--d-border-s) !important; }
input::placeholder, textarea::placeholder{ color:rgba(255,255,255,.35); }
input:focus, select:focus, textarea:focus{ border-color:var(--d-accent) !important; }
select option{ background:#11161f; color:#eef2f8; }
/* Chrome 자동완성 다크 처리 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  -webkit-text-fill-color:#eef2f8 !important;
  -webkit-box-shadow:0 0 0 1000px #0e1420 inset !important;
  box-shadow:0 0 0 1000px #0e1420 inset !important;
  caret-color:#fff;
  transition:background-color 9999s ease-out 0s;
}

/* ── programs.html 탭 ── */
.tab-nav{ border-bottom:2px solid var(--d-border) !important; }
.tab-btn{ color:var(--d-muted) !important; }
.tab-btn.active{ color:#fff !important; border-bottom-color:var(--d-accent) !important; }

/* ── login.html ── */
.auth-tab{ background:rgba(255,255,255,.06); color:var(--d-muted); }
.auth-tab.active{ background:var(--d-grad); color:#fff; }
.auth-form label{ color:#cbd5e1; }
.auth-btn{ background:var(--d-grad); }
.auth-btn:hover{ filter:brightness(1.08); background:var(--d-grad); }
.consent-box{ background:rgba(255,255,255,.04); border:1px solid var(--d-border); color:var(--d-muted); }
.agree-box{ background:rgba(255,255,255,.04) !important; border:1px solid var(--d-border) !important; }
.agree-all{ color:#fff !important; }
.agree-divider{ background:rgba(255,255,255,.1) !important; }
.agree-item > label{ color:#cbd5e1 !important; }
.agree-text{ background:#0e1420 !important; border:1px solid var(--d-border) !important; color:var(--d-muted) !important; }
.agree-text b{ color:#e2e8f0 !important; }
.agree-text a{ color:var(--d-accent2) !important; }
.agree-box input[type=checkbox]{ accent-color:#818cf8; width:16px; height:16px; }
.auth-find a, .auth-foot a{ color:rgba(255,255,255,.6) !important; }
.auth-find a:hover, .auth-foot a:hover{ color:#fff !important; }
.auth-find-sep{ color:rgba(255,255,255,.25) !important; }
.consent-box label{ color:#cbd5e1; }
.consent-box a, .auth-form a{ color:var(--d-accent2); }
.privacy-modal{ background:#11161f; }
.privacy-modal-head{ color:#fff; border-bottom:1px solid var(--d-border); }
.privacy-modal-body{ color:var(--d-muted); }
.privacy-modal-foot{ border-top:1px solid var(--d-border); }
.privacy-modal-body a{ color:var(--d-accent2); }
.btn-decline{ background:rgba(255,255,255,.08); color:#cbd5e1; }
.btn-accept{ background:var(--d-grad); }

/* ── mypage.html ── */
.my-profile-card{ background:linear-gradient(120deg,#1a2235,#11161f); border:1px solid var(--d-border); }
.my-avatar{ background:rgba(255,255,255,.1); color:#fff; }
.my-username{ color:var(--d-faint); }
.my-section{ background:var(--d-card) !important; border:1px solid var(--d-border) !important; }
.my-section-title{ color:var(--d-faint); }
.my-row{ border-bottom:1px solid rgba(255,255,255,.06) !important; }
.my-label{ color:var(--d-muted); }
.my-value{ color:#fff; }
.license-card{ border:1.5px solid var(--d-border) !important; background:rgba(255,255,255,.02); }
.license-card.active{ border-color:var(--d-accent) !important; background:rgba(129,140,248,.10) !important; }
.license-card.expired{ border-color:rgba(239,68,68,.5) !important; background:rgba(239,68,68,.08) !important; }
.license-program{ color:var(--d-muted); }
.license-date{ color:#fff; }
.btn-logout{ background:rgba(255,255,255,.04) !important; border:1.5px solid var(--d-border) !important; color:#f87171 !important; }
.btn-logout:hover{ background:rgba(239,68,68,.12) !important; }

/* ── reviews.html / suggestion.html 게시판 ── */
.board-top h2, .brd-top h1{ color:#fff; }
.btn-write{ background:var(--d-grad) !important; }
.btn-write:hover{ filter:brightness(1.08); }
.board-table{ background:transparent !important; box-shadow:none !important; }
.board-table thead th{ color:var(--d-faint) !important; border-bottom-color:var(--d-border) !important; background:transparent !important; }
.board-table tbody tr{ border-bottom:1px solid rgba(255,255,255,.06) !important; }
.board-table tbody tr:hover{ background:rgba(255,255,255,.03) !important; }
.board-table td{ color:#d7deea !important; }
.td-num, .td-date, .td-view, .td-cat{ color:var(--d-faint) !important; }
.cat-tab{ background:rgba(255,255,255,.04); border:1.5px solid var(--d-border); color:var(--d-muted); }
.cat-tab:hover{ border-color:var(--d-accent); color:var(--d-accent2); }
.cat-tab.active{ background:var(--d-grad); border-color:transparent; color:#fff; }
.write-box, .detail-box{ background:var(--d-card) !important; box-shadow:none !important; border:1px solid var(--d-border); }
.write-box h2, .detail-title{ color:#fff !important; }
.detail-content{ color:#d7deea !important; }
.detail-meta, .detail-author{ color:var(--d-faint) !important; }
.form-row label, .form-label{ color:#cbd5e1 !important; }
.form-input, .write-box input, .write-box textarea, .write-box select{ background:#0e1420 !important; border-color:var(--d-border-s) !important; color:#eef2f8 !important; }
.page-btn{ background:rgba(255,255,255,.04); border:1.5px solid var(--d-border); color:var(--d-muted); }
.page-btn.active{ background:var(--d-grad); border-color:transparent; color:#fff; }
.page-btn:hover:not(.active){ border-color:var(--d-accent); color:var(--d-accent2); }
.empty-state, .board-empty{ color:var(--d-faint); }

/* 게시판 모달 (reviews) */
.modal-bg .modal{ background:#11161f !important; }
.modal-head{ border-bottom:1px solid var(--d-border) !important; }
.modal-title{ color:#fff !important; }
.modal-meta, .modal-foot{ border-color:var(--d-border) !important; color:var(--d-faint); }
.modal-body{ color:#d7deea !important; }
.btn-cancel{ background:rgba(255,255,255,.08) !important; color:#cbd5e1 !important; }
.btn-submit{ background:var(--d-grad) !important; color:#fff !important; }
.btn-edit{ background:rgba(129,140,248,.18) !important; color:var(--d-accent2) !important; }
.btn-del{ background:rgba(239,68,68,.16) !important; color:#f87171 !important; }
.form-notice-row{ color:var(--d-muted) !important; }

/* 공통 배지 */
.badge-feature{ background:rgba(59,130,246,.18); color:#93c5fd; }
.badge-bug{ background:rgba(239,68,68,.18); color:#fca5a5; }
.badge-ui{ background:rgba(245,158,11,.18); color:#fcd34d; }
.badge-etc{ background:rgba(255,255,255,.08); color:#cbd5e1; }
.badge-active{ background:var(--d-grad); color:#fff; }
.badge-expired{ background:rgba(239,68,68,.18); color:#fca5a5; }
.badge-none{ background:rgba(255,255,255,.08); color:var(--d-faint); }
.new-badge, .badge-notice{ background:#ef4444; color:#fff; }

/* ── payment.html ── */
.prod-tab, .prod-subtab{ background:rgba(255,255,255,.04) !important; border:1.5px solid var(--d-border) !important; }
.prod-tab:hover, .prod-subtab:hover{ border-color:var(--d-border-s) !important; }
.prod-tab.active, .prod-subtab.active{ border-color:var(--d-accent) !important; background:rgba(129,140,248,.12) !important; box-shadow:0 0 0 1px var(--d-accent) inset !important; }
.prod-tab-name, .prod-subtab-name{ color:#fff; }
.prod-tab-price, .prod-subtab-price{ color:var(--d-accent2); }
.cfg-prod-emoji{ color:#fff; }
.cfg-opt-eff{ color:rgba(255,255,255,.45); }
.pay-tab{ color:var(--d-muted); }
.pay-tab.active{ color:#fff; border-bottom-color:var(--d-accent); }
.pay-price{ color:var(--d-accent2); }
.cfg-product{ background:rgba(255,255,255,.04); }
.cfg-product-name{ color:#fff; } .cfg-product-desc{ color:var(--d-muted); }
.cfg-label{ color:#fff; }
.cfg-opt{ background:rgba(255,255,255,.03); border:1.5px solid var(--d-border); }
.cfg-opt:hover{ border-color:var(--d-border-s); }
.cfg-opt.active{ border-color:var(--d-accent); background:rgba(129,140,248,.10); box-shadow:0 0 0 1px var(--d-accent) inset; }
.cfg-opt-title{ color:#fff; } .cfg-opt-sub{ color:var(--d-muted); } .cfg-opt-price{ color:var(--d-accent2); }
.cfg-api{ background:rgba(255,255,255,.03); border:1.5px solid var(--d-border); }
.cfg-api-text{ color:#fff; } .cfg-api-price{ color:var(--d-accent2); }
.cfg-summary-card{ background:var(--d-card); border:1.5px solid var(--d-border); }
.cfg-summary-title, .cfg-summary-row strong, .cfg-summary-total span{ color:#fff; }
.cfg-summary-row{ color:var(--d-muted); }
.cfg-summary-total strong{ color:var(--d-accent2); }
.cfg-summary-line{ background:var(--d-border); }

/* 결제 결과 페이지 */
.result-title{ color:#fff; }
.result-desc{ color:var(--d-muted); }

/* 유저 필 (로그인 상태) */
.hd-user-pill{ background:rgba(255,255,255,.08); }
.hd-user-pill:hover{ background:rgba(255,255,255,.14); }