/* =============================================================
   카페 마케팅(네이버 카페 오더) — 맥 고밀도형 (사용자 2026-11-03 "1")
   범위: #naver_cafe-content 안쪽만(머리 · 보기 탭 · 작업오더 · 카페 · 계정 마스터 · 시트 동기화 · 창). 화면에서만.
   큰 머리 · 회색 상자 탭 · 대문자 표 머리 · 40px 줄 · 테두리 상태 칩 · 가운데 큰 창 →
   54px 머리, 세그먼트 탭, 31px 머리 · 32px 한 줄(휴대폰 44px), 상태는 뜻 색 알약 그대로(테두리만 걷음), 맥 시트.
   채운 파랑은 화면마다 하나(오더 생성 · 카페 추가 · 계정 추가), 창 안은 실행 단추 하나. 누르면 하는 일 · 권한은 그대로(JS 는 이름표만).
   ============================================================= */
@media screen{
html #naver_cafe-content .nc-page{ max-width:none; padding:20px 24px !important; font-family:var(--ui-font); color:var(--ui-text-1) }

/* ---------- 머리 · 보기 탭 ---------- */
html #naver_cafe-content .nc-head{ min-height:54px; margin-bottom:8px !important; gap:8px !important }
html #naver_cafe-content .nc-head h2{ color:var(--ui-text-1) !important; font-size:var(--ui-text-title2) !important; font-weight:var(--ui-weight-semibold) !important; line-height:1.3 }
html #naver_cafe-content .nc-head p{ margin-top:2px; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #naver_cafe-content .nc-head > .flex{ gap:6px !important }
html #naver_cafe-content .nc-seg{ padding:2px !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-fill) !important }
html #naver_cafe-content .nc-seg-btn{ height:24px; padding:0 10px !important; border-radius:var(--ui-radius-row) !important; background:transparent !important; box-shadow:none !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #naver_cafe-content .nc-seg-btn.is-on{ background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; font-weight:var(--ui-weight-semibold) !important }
html #naver_cafe-content .nc-head button.bg-blue-600{ height:28px; padding:0 12px !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-accent) !important; color:var(--ui-on-accent) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important }
html #naver_cafe-content .nc-head button.bg-blue-600:hover{ background:var(--ui-accent-hover) !important }
html #naver_cafe-content .nc-head button.bg-blue-600 > i{ margin-right:5px !important; font-size:var(--ui-text-caption) }

/* ---------- 도구 줄 · 안내 ---------- */
html #naver_cafe-content .nc-tools{ gap:8px !important; margin-bottom:8px !important }
html #naver_cafe-content .nc-tools select{ height:28px; padding:0 26px 0 10px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background-color:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html #naver_cafe-content .nc-tools label{ color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html #naver_cafe-content .nc-tools input[type="checkbox"]{ accent-color:var(--ui-accent) }
html #naver_cafe-content .nc-tools > span{ color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-variant-numeric:tabular-nums }
html #naver_cafe-content :is(.nc-note,.nc-warn){ margin-bottom:6px !important; font-size:var(--ui-text-footnote) !important; line-height:1.45 }
html #naver_cafe-content .nc-note{ color:var(--ui-text-2) !important }
html #naver_cafe-content .nc-note b{ font-weight:var(--ui-weight-semibold) }
html #naver_cafe-content .nc-warn{ display:flex; align-items:baseline; gap:6px; color:var(--ui-text-1) !important }
html #naver_cafe-content .nc-warn::before{ content:""; flex:0 0 auto; width:6px; height:6px; border-radius:50%; background:var(--ui-warning); transform:translateY(-1px) }

/* ---------- 표 공통 ---------- */
html #naver_cafe-content .nc-table{ border:0 !important; border-radius:var(--ui-radius-group) !important; background:var(--ui-surface) !important; box-shadow:0 0 0 .5px var(--ui-line) !important }
html #naver_cafe-content .nc-table table{ border-collapse:separate; border-spacing:0 }
html #naver_cafe-content .nc-table :is(thead, tbody){ border:0 !important }
html #naver_cafe-content .nc-table thead{ background:var(--ui-surface) !important }
html #naver_cafe-content .nc-table thead tr{ text-transform:none !important; letter-spacing:0 !important }
html #naver_cafe-content .nc-table thead th{ position:sticky; top:0; z-index:1; height:31px; padding:0 10px !important; border:0 !important; background:var(--ui-surface) !important; box-shadow:inset 0 -.5px var(--ui-line); color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important; white-space:nowrap }
html #naver_cafe-content .nc-table tbody tr{ border:0 !important }
html #naver_cafe-content .nc-table tbody tr:hover{ background:var(--ui-fill-subtle) !important }
html #naver_cafe-content .nc-table tbody tr.bg-blue-50{ background:var(--ui-accent-tint) !important }
html #naver_cafe-content .nc-table tbody td{ height:32px; padding:0 10px !important; border:0 !important; box-shadow:inset 0 -.5px var(--ui-line); color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; vertical-align:middle; white-space:nowrap }
html #naver_cafe-content .nc-table tbody tr:last-child td{ box-shadow:none }
html #naver_cafe-content .nc-table tbody td.text-gray-500, html #naver_cafe-content .nc-table tbody td.text-gray-600{ color:var(--ui-text-2) !important }
html #naver_cafe-content .nc-table tbody td.font-mono{ font-family:var(--ui-font) !important; color:var(--ui-text-2) !important; font-variant-numeric:tabular-nums }
html #naver_cafe-content .nc-table tbody td.text-right{ font-variant-numeric:tabular-nums }
html #naver_cafe-content .nc-table tbody td[colspan]:only-child{ height:auto; padding:24px 10px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #naver_cafe-content .nc-table tbody td .text-gray-300{ color:var(--ui-text-3) !important }
html #naver_cafe-content .nc-table tbody td a{ color:var(--ui-accent-text) !important; text-decoration:none !important }
html #naver_cafe-content .nc-table tbody td a:hover{ text-decoration:underline !important }
html #naver_cafe-content .nc-table tbody td button.text-xs{ height:24px; padding:0 6px; border-radius:var(--ui-radius-row); font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important; text-decoration:none !important }
html #naver_cafe-content .nc-table tbody td button.text-xs:hover{ background:var(--ui-fill) }
html #naver_cafe-content .nc-table tbody td button.text-blue-600{ color:var(--ui-accent-text) !important }
html #naver_cafe-content .nc-table tbody td button.text-gray-600, html #naver_cafe-content .nc-table tbody td button.text-gray-500{ color:var(--ui-text-1) !important }
html #naver_cafe-content .nc-table tbody td button.font-semibold{ font-weight:var(--ui-weight-semibold) !important }
html #naver_cafe-content .nc-table tbody td input:not([type="checkbox"]){ height:24px; padding:0 6px !important; border:0 !important; border-radius:var(--ui-radius-row) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-field) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html #naver_cafe-content .nc-table tbody td input:focus{ outline:0; box-shadow:var(--ui-elev-field), var(--ui-focus-ring) !important }
html #naver_cafe-content .nc-table tbody td input[type="checkbox"]{ accent-color:var(--ui-accent) }

/* 작업오더 제목 칸: 두 줄(제목 + 광고주 · 유형) → 한 줄(제목 뒤에 회색 보조) */
html #naver_cafe-content .nc-orders tbody td > div.font-medium{ display:inline; color:var(--ui-text-1) !important; font-weight:var(--ui-weight-regular) !important }
html #naver_cafe-content .nc-orders tbody td > div.text-xs{ display:inline; margin-left:8px; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #naver_cafe-content .nc-orders tbody td:nth-child(2){ max-width:420px; overflow:hidden; text-overflow:ellipsis }
html #naver_cafe-content .nc-orders tbody td:nth-child(4) .text-red-500{ color:var(--ui-danger) !important; font-size:var(--ui-text-footnote) !important }

/* 상태 · 마감 알약: 뜻 색 그대로, 테두리만 걷고 11px · 600 */
html #naver_cafe-content :is(.nc-status,.nc-due){ padding:1px 7px !important; border:0 !important; border-radius:var(--ui-radius-pill) !important; font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-semibold) !important; line-height:16px; white-space:nowrap }
html #naver_cafe-content .nc-due.bg-gray-100{ background:var(--ui-fill) !important; color:var(--ui-text-2) !important }
html #naver_cafe-content .nc-items tbody td span.rounded.text-xs{ padding:1px 7px !important; border-radius:var(--ui-radius-pill) !important; font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-semibold) !important; line-height:16px }

/* ---------- 창(작업오더 상세 · 생성 · 배정 등) → 맥 시트 ---------- */
html #naver_cafe-content .nc-modal{ z-index:50; padding:40px 16px !important; background:var(--ui-scrim) !important }
html #naver_cafe-content .nc-sheet{ margin:0 auto !important; border:0 !important; border-radius:var(--ui-radius-sheet) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-sheet) !important; overflow:hidden }
html #naver_cafe-content .nc-sheet-head{ min-height:48px; padding:0 16px 0 20px !important; border:0 !important; box-shadow:inset 0 -.5px var(--ui-line) }
html #naver_cafe-content .nc-sheet-head h3{ color:var(--ui-text-1) !important; font-size:var(--ui-text-title2) !important; font-weight:var(--ui-weight-semibold) !important }
html #naver_cafe-content .nc-sheet-head button{ width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--ui-fill) !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) }
html #naver_cafe-content .nc-sheet-body{ padding:14px 20px 16px !important; font-size:var(--ui-text-body) }
html #naver_cafe-content .nc-sheet-body > .space-y-4 > * + *{ margin-top:12px !important }
html #naver_cafe-content .nc-sheet-body :is(label.block, span.block){ margin-bottom:3px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #naver_cafe-content .nc-sheet-body :is(input:not([type="checkbox"]):not([type="file"]), select, textarea){ min-height:28px; padding:4px 10px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background-color:var(--ui-surface) !important; box-shadow:var(--ui-elev-field) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html #naver_cafe-content .nc-sheet-body :is(input, select, textarea):focus{ outline:0; box-shadow:var(--ui-elev-field), var(--ui-focus-ring) !important }
html #naver_cafe-content .nc-sheet-body input[type="checkbox"]{ accent-color:var(--ui-accent) }
html #naver_cafe-content .nc-sheet-body p.text-xs, html #naver_cafe-content .nc-sheet-body .text-xs.text-gray-500{ color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #naver_cafe-content .nc-sheet-body .bg-gray-50.rounded-lg{ border-radius:var(--ui-radius-control) !important; background:var(--ui-fill-subtle) !important }
html #naver_cafe-content .nc-sheet-body .bg-orange-50.border{ border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-fill-subtle) !important; box-shadow:inset 3px 0 var(--ui-warning); color:var(--ui-text-1) !important }
html #naver_cafe-content .nc-sheet-body .bg-orange-50.border > i{ color:var(--ui-warning) }
html #naver_cafe-content .nc-sheet-body button:is(.bg-blue-600,.bg-emerald-600,.bg-orange-600,.bg-red-600, .border){ height:28px; padding:0 12px !important; border-radius:var(--ui-radius-control) !important; font-size:var(--ui-text-body) !important }
html #naver_cafe-content .nc-sheet-body button.border{ border:0 !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-text-1) !important }
html #naver_cafe-content .nc-sheet-body button.border:hover{ background:var(--ui-fill-subtle) !important }
html #naver_cafe-content .nc-sheet-body button.border > i{ margin-right:5px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-caption) }
/* 상세의 '보고 완료'(초록 채움)는 흰 단추 + 초록 글자로 — 채운 파랑은 '접수' 하나 */
html #naver_cafe-content .nc-sheet-body button.bg-emerald-600{ background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-success) !important; font-weight:var(--ui-weight-semibold) !important }
html #naver_cafe-content .nc-sheet-body button.bg-blue-600{ background:var(--ui-accent) !important; color:var(--ui-on-accent) !important; font-weight:var(--ui-weight-semibold) !important }
html #naver_cafe-content .nc-sheet-body button.text-xs.text-red-600{ font-size:var(--ui-text-footnote) !important; color:var(--ui-danger) !important; text-decoration:none !important }
html #naver_cafe-content .nc-sheet-foot{ gap:6px !important; padding:10px 20px 14px !important; border:0 !important; box-shadow:inset 0 .5px var(--ui-line) }
html #naver_cafe-content .nc-sheet-foot button{ height:28px; min-width:72px; padding:0 14px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; font-size:var(--ui-text-body) !important }
html #naver_cafe-content .nc-sheet-foot .nc-btn{ background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-text-1) !important }
html #naver_cafe-content .nc-sheet-foot button.bg-blue-600{ background:var(--ui-accent) !important; color:var(--ui-on-accent) !important; font-weight:var(--ui-weight-semibold) !important }
html #naver_cafe-content .nc-sheet-foot button:is(.bg-orange-600,.bg-red-600,.bg-emerald-600){ font-weight:var(--ui-weight-semibold) !important }

/* ---------- 시트 동기화 묶음 ---------- */
html #naver_cafe-content #nc-body > .space-y-5 > * + *{ margin-top:12px !important }
html #naver_cafe-content #nc-body > .space-y-5 > .bg-white{ border:0 !important; border-radius:var(--ui-radius-group) !important; box-shadow:0 0 0 .5px var(--ui-line) !important }
html #naver_cafe-content #nc-body > .space-y-5 > .bg-white h3{ color:var(--ui-text-1) !important; font-size:var(--ui-text-callout) !important; font-weight:var(--ui-weight-semibold) !important }
html #naver_cafe-content #nc-body > .space-y-5 > .bg-white > .border-b{ border:0 !important; background:var(--ui-surface-alt); box-shadow:inset 0 -.5px var(--ui-line) }
html #naver_cafe-content #nc-body > .space-y-5 table thead th{ height:31px; padding:0 10px !important; background:var(--ui-surface) !important; box-shadow:inset 0 -.5px var(--ui-line); color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #naver_cafe-content #nc-body > .space-y-5 table tbody td{ padding:6px 10px !important; border:0 !important; box-shadow:inset 0 -.5px var(--ui-line); font-size:var(--ui-text-body) !important }
html #naver_cafe-content #nc-body > .space-y-5 :is(input,select){ min-height:28px; border:0 !important; border-radius:var(--ui-radius-control) !important; box-shadow:var(--ui-elev-field) !important; font-size:var(--ui-text-body) !important }
html #naver_cafe-content #nc-body > .space-y-5 :is(input,select):disabled{ background:var(--ui-fill-subtle) !important; box-shadow:none !important; color:var(--ui-text-2) !important }
html #naver_cafe-content #nc-body > .space-y-5 button.bg-blue-600{ height:28px; border-radius:var(--ui-radius-control) !important; background:var(--ui-accent) !important; font-weight:var(--ui-weight-semibold) }
html #naver_cafe-content #nc-body > .space-y-5 > :is(.bg-amber-50,.bg-red-50){ border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:0 0 0 .5px var(--ui-line), inset 3px 0 var(--ui-warning) !important; color:var(--ui-text-1) !important }
html #naver_cafe-content #nc-body > .space-y-5 > .bg-red-50{ box-shadow:0 0 0 .5px var(--ui-line), inset 3px 0 var(--ui-danger) !important }
}

/* ---------- 휴대폰 ---------- */
@media screen and (max-width:768px){
html #naver_cafe-content .nc-page{ padding:12px !important }
html #naver_cafe-content .nc-head > .flex{ width:100%; flex-wrap:wrap }
html #naver_cafe-content .nc-seg{ max-width:100%; overflow-x:auto; scrollbar-width:none }
html #naver_cafe-content .nc-seg::-webkit-scrollbar{ display:none }
html #naver_cafe-content .nc-seg-btn{ height:32px; flex:0 0 auto; white-space:nowrap }
html #naver_cafe-content .nc-head button.bg-blue-600, html #naver_cafe-content .nc-tools select{ height:36px }
html #naver_cafe-content .nc-table tbody td{ height:44px }
html #naver_cafe-content .nc-table tbody td button.text-xs{ height:32px }
html #naver_cafe-content .nc-orders tbody td:nth-child(2){ max-width:220px }
html #naver_cafe-content .nc-modal{ align-items:flex-end !important; padding:0 !important }
html #naver_cafe-content .nc-sheet{ max-width:none !important; max-height:92vh; overflow-y:auto; border-radius:var(--ui-radius-sheet) var(--ui-radius-sheet) 0 0 !important }
html #naver_cafe-content .nc-sheet-foot{ padding-bottom:calc(14px + env(safe-area-inset-bottom)) !important }
html #naver_cafe-content .nc-sheet-foot button{ height:40px; flex:1 1 0 }
}