/* =============================================================
   공식 문의 — 맥 목록 + 상세(사용자 승인 B안). 범위: #homepage_inquiries-content · #inq-settings-modal 안쪽만, 값은 ui-tokens.css 에서만.
   머리 한 줄 · 경고 흰 한 줄(점) · 묶음 분할 단추(미배정 수만 빨강) · 왼쪽 2줄 목록(미배정 연한 노랑 — 사용자 요청 10/23, 고른 줄 시스템 파랑)
   · 오른쪽 상세 묶음(문의 · 이름·연락처·문의 내용 자동 표시 · 회신 담당). 휴대폰: 목록 → 아래에서 상세 시트.
   담당 부서 설정 창은 맥 시트. 마크업: ws-inquiries.js _inqRender. 되돌리기: index.tsx 의 이 파일 <link> 한 줄 + _inqRender.
   ============================================================= */
html #homepage_inquiries-content{ background:var(--ui-bg) }
html #homepage_inquiries-content *:not(i):not(.fas):not(.far):not(.fa){ font-family:var(--ui-font) !important }
html #homepage_inquiries-content > .container{ max-width:none !important; padding:0 !important }
html #homepage_inquiries-content > .container > .bg-white{ border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important }
html #homepage_inquiries-content > .container > .bg-white > div:first-child{ padding:4px 16px 8px !important; border:0 !important; flex-wrap:nowrap !important }
html #homepage_inquiries-content > .container > .bg-white > div:first-child h2{ font-size:var(--ui-text-title2) !important; font-weight:var(--ui-weight-bold) !important; color:var(--ui-text-1) !important }
html #homepage_inquiries-content > .container > .bg-white > div:first-child h2 i, html #homepage_inquiries-content > .container > .bg-white > div:first-child p{ display:none }
html #homepage_inquiries-content #inq-admin-actions button{ height:var(--ui-control-sm); padding:0 10px !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; color:var(--ui-text-1) !important; box-shadow:var(--ui-elev-control) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #homepage_inquiries-content #inq-admin-actions button i{ display:none }
html #homepage_inquiries-content > .container > .bg-white > .p-6{ padding:0 16px 24px !important }
html #homepage_inquiries-content .iq-warn{ display:flex; align-items:center; gap:8px; min-height:32px; margin-bottom:6px; padding:0 12px; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line); font-size:var(--ui-text-footnote); color:var(--ui-text-1) }
html #homepage_inquiries-content .iq-warn b{ font-weight:var(--ui-weight-semibold); color:var(--ui-danger) }
html #homepage_inquiries-content .iq-dot{ display:inline-block; flex:none; width:7px; height:7px; border-radius:50%; background:var(--ui-text-3) }
html #homepage_inquiries-content .iq-dot.red{ background:var(--ui-danger-dot) }
html #homepage_inquiries-content .iq-dot.orange{ background:var(--ui-warning-dot) }
html #homepage_inquiries-content .iq-dot.green{ background:var(--ui-success-dot) }
html #homepage_inquiries-content .iq-dot.blue{ background:var(--ui-accent) }
html #homepage_inquiries-content .iq-tools{ display:flex; align-items:center; gap:8px; margin:8px 0; white-space:nowrap }
html #homepage_inquiries-content .iq-sp{ flex:1 }
html #homepage_inquiries-content .iq-seg{ display:inline-flex; flex:none; min-width:0; max-width:100%; overflow-x:auto; padding:2px; border-radius:var(--ui-radius-control); background:var(--ui-fill); scrollbar-width:none }
html #homepage_inquiries-content .iq-seg::-webkit-scrollbar{ display:none }
html #homepage_inquiries-content .iq-seg button{ flex:none; display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 10px; border:0; border-radius:calc(var(--ui-radius-control) - 2px); background:transparent; color:var(--ui-text-1); font-size:var(--ui-text-footnote); cursor:default }
html #homepage_inquiries-content .iq-seg button .num{ color:var(--ui-text-2); font-variant-numeric:tabular-nums }
html #homepage_inquiries-content .iq-seg button.warn .num{ color:var(--ui-danger); font-weight:var(--ui-weight-semibold) }
html #homepage_inquiries-content .iq-seg button + button:not(.on){ box-shadow:inset var(--ui-hairline) 0 0 var(--ui-line) }
html #homepage_inquiries-content .iq-seg button.on + button{ box-shadow:none }
html #homepage_inquiries-content .iq-seg button.on{ background:var(--ui-surface); box-shadow:var(--ui-elev-control); font-weight:var(--ui-weight-semibold) }
html #homepage_inquiries-content .iq-pop{ height:24px; max-width:180px; padding:0 22px 0 8px; border:0; border-radius:var(--ui-radius-control); background:var(--ui-surface); box-shadow:var(--ui-elev-control); color:var(--ui-text-1); font-size:var(--ui-text-footnote); cursor:default }
html #homepage_inquiries-content .iq-search{ width:200px; height:26px; padding:0 10px; border:0; border-radius:var(--ui-radius-control); background:var(--ui-fill); color:var(--ui-text-1); font-size:var(--ui-text-footnote) }
html #homepage_inquiries-content .iq-search:focus{ outline:none; box-shadow:var(--ui-focus-ring); background:var(--ui-surface) }
html #homepage_inquiries-content .iq-link{ height:20px; padding:0 4px; border:0; border-radius:4px; background:transparent; color:var(--ui-accent-text); font-size:var(--ui-text-footnote); cursor:default }
html #homepage_inquiries-content .iq-link.dim{ color:var(--ui-text-2) }
html #homepage_inquiries-content .dim{ color:var(--ui-text-2) }
html #homepage_inquiries-content .num{ font-variant-numeric:tabular-nums }
html #homepage_inquiries-content .sep{ flex:none; color:var(--ui-text-3) }
html #homepage_inquiries-content .iq-stage{ display:inline-flex; align-items:center; gap:6px; padding:0; border:0; background:transparent; color:var(--ui-text-1); font-size:var(--ui-text-footnote); white-space:nowrap; cursor:default }
html #homepage_inquiries-content .iq-stage.link:hover{ color:var(--ui-accent-text) }
html #homepage_inquiries-content .iq-wait{ color:var(--ui-text-2) }
html #homepage_inquiries-content .iq-wait.late{ color:var(--ui-danger) }
html #homepage_inquiries-content .iq-unread{ color:var(--ui-warning) }
html #homepage_inquiries-content .iq-read{ color:var(--ui-text-2) }
html #homepage_inquiries-content .iq-unread.dot{ width:7px; height:7px; border-radius:50%; background:var(--ui-warning-dot); flex:none }
html #homepage_inquiries-content .iq-foot{ margin:10px 12px 0; font-size:var(--ui-text-caption); line-height:16px; color:var(--ui-text-2) }
html #homepage_inquiries-content .iq-empty{ padding:40px 0; text-align:center; font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #homepage_inquiries-content .iq-as > span.dim{ font-size:var(--ui-text-footnote) }
html #homepage_inquiries-content .iq-as{ display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; min-width:0 }
html #homepage_inquiries-content .iq-who{ display:inline-flex; align-items:center; gap:2px; font-size:var(--ui-text-footnote); color:var(--ui-text-2); white-space:nowrap }
html #homepage_inquiries-content .iq-who.lead{ color:var(--ui-text-1); font-weight:var(--ui-weight-semibold) }
html #homepage_inquiries-content .iq-x{ position:relative; width:16px; height:16px; padding:0; border:0; border-radius:50%; background:transparent; cursor:default }
html #homepage_inquiries-content .iq-x::before, html #homepage_inquiries-content .iq-x::after{ content:""; position:absolute; left:4px; top:7.5px; width:8px; height:1px; background:var(--ui-text-2); transform:rotate(45deg) }
html #homepage_inquiries-content .iq-x::after{ transform:rotate(-45deg) }
html #homepage_inquiries-content .iq-x:hover{ background:var(--ui-fill) }
html #homepage_inquiries-content .iq-dr{ display:flex; align-items:center; gap:12px; min-height:30px; padding:4px 0; font-size:var(--ui-text-footnote) }
html #homepage_inquiries-content .iq-dr + .iq-dr{ box-shadow:inset 0 var(--ui-hairline) 0 var(--ui-line) }
html #homepage_inquiries-content .iq-dr.top{ align-items:flex-start }
html #homepage_inquiries-content .iq-dk{ flex:none; width:76px; color:var(--ui-text-2) }
html #homepage_inquiries-content .iq-dv{ flex:1; min-width:0; color:var(--ui-text-1) }
html #homepage_inquiries-content .iq-dv.msg{ white-space:pre-wrap; word-break:break-word; line-height:18px }
html #homepage_inquiries-content .iq-md{ display:grid; grid-template-columns:minmax(260px, 340px) minmax(0,1fr); gap:12px; align-items:start }
html #homepage_inquiries-content .iq-mlist{ display:flex; flex-direction:column; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line); overflow:hidden; max-height:calc(100vh - 210px); overflow-y:auto }
html #homepage_inquiries-content .iq-mrow{ display:block; width:100%; padding:7px 12px; border:0; background:transparent; text-align:left; cursor:default }
html #homepage_inquiries-content .iq-mrow + .iq-mrow{ box-shadow:inset 0 var(--ui-hairline) 0 var(--ui-line) }
html #homepage_inquiries-content .iq-mrow.bg-yellow-50{ background:var(--ui-warning-tint) }
html #homepage_inquiries-content .iq-mrow.sel, html #homepage_inquiries-content .iq-mrow.sel.bg-yellow-50{ background:var(--ui-accent); box-shadow:none }
html #homepage_inquiries-content .iq-mrow.sel *, html #homepage_inquiries-content .iq-mrow.sel .iq-stage{ color:var(--ui-on-accent) !important }
html #homepage_inquiries-content .iq-mrow.sel .iq-dot{ background:var(--ui-on-accent) }
html #homepage_inquiries-content .iq-mrow.off{ opacity:.6 }
html #homepage_inquiries-content .iq-mrow .iq-l1, html #homepage_inquiries-content .iq-mrow .iq-l2{ display:flex; align-items:center; gap:6px; min-width:0; white-space:nowrap; overflow:hidden }
html #homepage_inquiries-content .iq-mrow .iq-l1{ height:18px }
html #homepage_inquiries-content .iq-mrow .iq-l2{ height:16px; margin-top:2px; font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #homepage_inquiries-content .iq-mrow .iq-co{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; font-weight:var(--ui-weight-semibold) }
/* 긴 업체명 · 담당/출처는 말줄임(운영 실데이터 1건 넘침 → 수정) */
html #homepage_inquiries-content .iq-mrow .iq-svc{ min-width:0; overflow:hidden; text-overflow:ellipsis }
html #homepage_inquiries-content .iq-mrow .iq-stage{ flex:none }
html #homepage_inquiries-content .iq-time{ flex:none; font-size:var(--ui-text-caption); color:var(--ui-text-2) }
html #homepage_inquiries-content .iq-pane{ position:sticky; top:8px; min-width:0; border-radius:var(--ui-radius-group); background:var(--ui-bg) }
html #homepage_inquiries-content .iq-pane-in{ padding:0 0 12px }
html #homepage_inquiries-content .iq-ph{ padding:2px 4px 6px }
html #homepage_inquiries-content .iq-ph h3{ margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--ui-text-title2); font-weight:var(--ui-weight-semibold); color:var(--ui-text-1) }
html #homepage_inquiries-content .iq-psub{ display:flex; align-items:center; gap:6px; margin-top:2px; font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #homepage_inquiries-content .iq-pclose{ display:none }
html #homepage_inquiries-content .iq-cap{ display:flex; align-items:center; justify-content:space-between; margin:14px 12px 5px; font-size:var(--ui-text-caption); font-weight:var(--ui-weight-semibold); color:var(--ui-text-2) }
html #homepage_inquiries-content .iq-grp{ padding:0 12px; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line) }
html #homepage_inquiries-content .iq-grp .iq-dr{ min-height:34px; font-size:var(--ui-text-body) }
html #homepage_inquiries-content .iq-grp .iq-dk{ width:84px }
html #homepage_inquiries-content .iq-lock{ justify-content:center }
html #inq-settings-modal{ background:var(--ui-scrim) !important }
html #inq-settings-modal *{ font-family:var(--ui-font) !important }
html #inq-settings-modal > div{ border-radius:var(--ui-radius-sheet) !important; box-shadow:var(--ui-elev-sheet) !important; background:var(--ui-bg) !important }
html #inq-settings-modal > div > div:first-child{ padding:12px 14px 10px 20px !important; background:var(--ui-surface); border-color:var(--ui-line) !important }
html #inq-settings-modal h3{ font-size:var(--ui-text-title2) !important; font-weight:var(--ui-weight-semibold) !important }
html #inq-settings-modal > div > div:first-child button{ height:24px; padding:0 10px !important; border-radius:var(--ui-radius-control); background:var(--ui-fill) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-footnote) !important }
html #inq-settings-modal > div > div:nth-child(2){ padding:14px 20px !important }
html #inq-settings-modal > div > div:nth-child(2) > .grid, html #inq-settings-modal > div > div:nth-child(2) > div > .grid{ padding:4px 12px; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line) }
html #inq-settings-modal h4{ font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-semibold) !important; color:var(--ui-text-2) !important }
html #inq-settings-modal .text-xs{ font-size:var(--ui-text-caption) !important; color:var(--ui-text-2) !important }
html #inq-settings-modal .text-sm{ font-size:var(--ui-text-body) !important }
html #inq-settings-modal .border-t{ border-color:transparent !important }
html #inq-settings-modal input[type="checkbox"]{ accent-color:var(--ui-accent) }
html #inq-settings-modal > div > div:last-child{ padding:10px 16px !important; background:var(--ui-surface); border-color:var(--ui-line) !important }
html #inq-settings-modal > div button:is([onclick^="_inqTestNotify"], [onclick^="_inqCloseModal"], #inq-meta-backfill){ height:var(--ui-control); padding:0 14px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control); color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html #inq-settings-modal > div > div:first-child button[onclick^="_inqCloseModal"]{ height:24px; box-shadow:none; background:var(--ui-fill) !important; font-size:var(--ui-text-footnote) !important }
html #inq-settings-modal button[onclick^="_inqSaveSettings"]{ height:var(--ui-control); padding:0 16px !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-accent) !important; font-size:var(--ui-text-body) !important }
html #inq-settings-modal .bg-amber-50, html #inq-settings-modal .bg-red-50{ background:var(--ui-surface) !important; border:0 !important; box-shadow:0 0 0 var(--ui-hairline) var(--ui-line); color:var(--ui-warning) !important }
@media (max-width:767px){
html #homepage_inquiries-content > .container > .bg-white > div:first-child{ padding:4px 12px 6px !important }
html #homepage_inquiries-content > .container > .bg-white > .p-6{ padding:0 12px 24px !important }
html #homepage_inquiries-content .iq-tools{ flex-wrap:wrap }
html #homepage_inquiries-content .iq-seg{ order:1; width:100% }
html #homepage_inquiries-content .iq-sp{ display:none }
html #homepage_inquiries-content .iq-pop, html #homepage_inquiries-content .iq-search{ order:2 }
html #homepage_inquiries-content .iq-search{ flex:1; width:auto }
html #homepage_inquiries-content .iq-seg button{ height:28px }
html #homepage_inquiries-content .iq-pop{ height:30px }
html #homepage_inquiries-content .iq-md{ grid-template-columns:minmax(0,1fr) }
html #homepage_inquiries-content .iq-mlist{ max-height:none }
html #homepage_inquiries-content .iq-mrow{ padding:10px 12px }
html #homepage_inquiries-content .iq-pane{ display:none }
html #homepage_inquiries-content .iq-pane.show{ display:block; position:fixed; left:0; right:0; bottom:0; top:auto; z-index:60; max-height:88vh; overflow-y:auto; padding:6px 14px calc(14px + env(safe-area-inset-bottom)); border-radius:var(--ui-radius-sheet) var(--ui-radius-sheet) 0 0; box-shadow:var(--ui-elev-sheet) }
html #homepage_inquiries-content .iq-pclose{ display:inline-flex; height:28px; margin:2px 0 4px -6px; padding:0 8px; border:0; background:transparent; color:var(--ui-accent-text); font-size:var(--ui-text-body) }
html #homepage_inquiries-content .iq-pclose::before{ content:"‹"; margin-right:4px; font-size:18px; line-height:1 }
}
html #homepage_inquiries-content .iq-dv .msg{ white-space:pre-wrap; word-break:break-word; line-height:18px }