/* =============================================================
   커뮤니티 발행 — 맥 고밀도. 범위: #community-content 안쪽 + 이 화면이 여는 창(#comm-edit-modal · #comm-settings-modal ·
   #comm-add-setting-modal · #batch-post-modal). 값은 ui-tokens.css 에서만.
   제목 한 줄 · 요약 한 줄(큰 색 카드 → 이름 + 숫자) · 도구 한 줄(필터 · [통계 보기]) · 맥 표 32px · 유형 색 점 + 글자 ·
   행 단추는 글자([수정] [삭제] [계정삭제] · [열기] · [갱신]) · 채운 파랑은 [등록] 하나.
   발행 등록 칸(사용자 B안): 목록 위 한 줄 입력 막대 — 표가 창 폭을 다 쓴다.
   마크업: index.tsx #community-content, ws-community.js 의 렌더 함수 · 창 함수.
   되돌리기: index.tsx 의 이 파일 <link> 한 줄 + 위 마크업.
   ============================================================= */
html #community-content.cm-mac{ background:var(--ui-bg); color:var(--ui-text-1) }
html #community-content.cm-mac, html #community-content.cm-mac *{ font-family:var(--ui-font) }
html #community-content .hidden{ display:none !important }
html #community-content .cm-wrap{ padding:4px 16px 32px }
html #community-content .cm-sp{ flex:1 }

/* 머리 */
html #community-content .cm-head{ display:flex; align-items:center; gap:8px; min-height:36px; margin:4px 0 8px; white-space:nowrap }
html #community-content .cm-head h2{ margin:0; font-size:var(--ui-text-title2); font-weight:var(--ui-weight-bold); color:var(--ui-text-1) }

/* 공통 단추 · 입력 */
html #community-content .cm-btn, html #comm-edit-modal .cm-btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:var(--ui-control); padding:0 12px; 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-body); font-weight:var(--ui-weight-regular); white-space:nowrap; cursor:default }
html #community-content .cm-btn.sm{ height:var(--ui-control-sm); padding:0 10px; font-size:var(--ui-text-footnote) }
html #community-content .cm-btn.plain{ background:transparent; box-shadow:none; color:var(--ui-text-2) }
html #community-content .cm-btn.plain:hover{ background:var(--ui-fill) }
html #community-content .cm-btn.danger{ color:var(--ui-danger) }
html #community-content .cm-btn.pri, html #comm-edit-modal .cm-btn.pri{ background:var(--ui-accent); color:var(--ui-on-accent); box-shadow:none; font-weight:var(--ui-weight-semibold) }
html #community-content .cm-btn.pri:hover, html #comm-edit-modal .cm-btn.pri:hover{ background:var(--ui-accent-hover) }
html #community-content .cm-btn:disabled{ opacity:.55 }
html #community-content .cm-pop{ height:var(--ui-control-sm); padding:0 24px 0 8px; border:0; border-radius:var(--ui-radius-control); background-color:var(--ui-surface); box-shadow:var(--ui-elev-control); color:var(--ui-text-1); font-size:var(--ui-text-footnote); cursor:default }
html #community-content .cm-head .cm-pop{ height:var(--ui-control); font-size:var(--ui-text-body) }
html #community-content .cm-in, html #comm-edit-modal .cm-in{ width:100%; min-width:0; height:var(--ui-control); padding:0 8px; border:0; border-radius:var(--ui-radius-control); background:var(--ui-surface); box-shadow:var(--ui-elev-field); color:var(--ui-text-1); font-size:var(--ui-text-body) }
html #community-content .cm-in:focus, html #community-content .cm-pop:focus-visible, html #community-content .cm-btn:focus-visible, html #community-content .cm-search:focus, html #community-content .cm-date:focus, html #comm-edit-modal .cm-in:focus, html #comm-edit-modal .cm-btn:focus-visible{ outline:none; box-shadow:var(--ui-focus-ring) }
html #community-content .cm-in::placeholder, html #comm-edit-modal .cm-in::placeholder{ color:var(--ui-text-3) }
html #community-content .cm-dot, html #comm-edit-modal .cm-dot, html #batch-post-modal .cm-dot{ display:inline-block; flex:none; width:7px; height:7px; border-radius:50%; background:var(--ui-text-3) }
html #community-content .cm-dot.hot, html #comm-edit-modal .cm-dot.hot, html #batch-post-modal .cm-dot.hot{ background:var(--ui-accent) }
html #community-content .cm-dot.inf, html #comm-edit-modal .cm-dot.inf, html #batch-post-modal .cm-dot.inf{ background:var(--ui-warning-dot) }
/* 분할 단추(핫딜 | 침투 · 주간 | 월별) */
html #community-content .cm-seg, html #comm-edit-modal .cm-seg, html #batch-post-modal .cm-seg{ display:inline-flex; padding:2px; gap:2px; border-radius:var(--ui-radius-control); background:var(--ui-fill) }
html #community-content .cm-seg button, html #comm-edit-modal .cm-seg button, html #batch-post-modal .cm-seg button{ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:calc(var(--ui-control) - 4px); padding:0 12px; border:0; border-radius:calc(var(--ui-radius-control) - 2px); background:transparent; color:var(--ui-text-1); font-size:var(--ui-text-footnote); white-space:nowrap; cursor:default }
html #community-content .cm-seg button.on, html #comm-edit-modal .cm-seg button.on, html #batch-post-modal .cm-seg button.on{ background:var(--ui-surface); box-shadow:var(--ui-elev-control); font-weight:var(--ui-weight-semibold) }
html #batch-post-modal .cm-seg.wide{ display:flex } html #batch-post-modal .cm-seg.wide button{ flex:1 }

/* 몸통(B안): 등록 막대 위, 목록 아래 */
html #community-content .cm-body{ display:block }
html #community-content .cm-main{ min-width:0 }

/* 발행 등록 막대 */
html #community-content .cm-form{ margin-bottom:10px; padding:8px 12px 10px; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line) }
html #community-content .cm-form-hd{ display:flex; align-items:baseline; gap:10px; margin-bottom:6px }
html #community-content .cm-form-hd b{ font-size:var(--ui-text-body); font-weight:var(--ui-weight-semibold) }
html #community-content .cm-reg{ font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #community-content .cm-fields{ display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap }
html #community-content .cm-f{ display:flex; flex-direction:column; gap:3px; min-width:0 }
html #community-content .cm-lb{ display:flex; align-items:center; gap:8px; min-height:16px; font-size:var(--ui-text-caption); font-weight:var(--ui-weight-semibold); color:var(--ui-text-2); white-space:nowrap }
html #community-content .cm-lb small{ font-weight:var(--ui-weight-regular); font-size:var(--ui-text-caption) }
html #community-content .f-ae{ width:130px } html #community-content .f-memo{ flex:1 1 140px }
html #community-content .f-url{ flex:2 1 300px }
html #community-content .cm-day{ display:inline-flex; align-items:center; gap:6px }
html #community-content .cm-mo{ font-size:var(--ui-text-body); color:var(--ui-text-1); white-space:nowrap }
html #community-content .cm-day .cm-in{ width:54px }
html #community-content .cm-url{ display:flex; gap:6px }
html #community-content .cm-auto{ display:inline-flex; align-items:center; gap:5px; font-weight:var(--ui-weight-regular); color:var(--ui-text-1) }
html #community-content .cm-auto .cm-dot{ background:var(--ui-accent) }
html #community-content .cm-auto.inf .cm-dot{ background:var(--ui-warning-dot) }
html #community-content .cm-auto #ci-cost-badge{ color:var(--ui-text-2) }
html #community-content .f-act{ flex-direction:row; gap:6px }

/* 요약 한 줄 */
html #community-content .cm-sum{ display:flex; align-items:baseline; gap:24px; flex-wrap:wrap; margin:2px 0 8px; padding:0 2px }
html #community-content .cm-kv{ display:inline-flex; align-items:baseline; gap:6px; white-space:nowrap }
html #community-content .cm-kv .k{ font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #community-content .cm-kv .v{ font-size:var(--ui-text-title3); font-weight:var(--ui-weight-semibold); color:var(--ui-text-1); font-variant-numeric:tabular-nums }
html #community-content .cm-kv .s{ font-size:var(--ui-text-footnote); color:var(--ui-text-3) }

/* 계정삭제 기록 한 줄 */
html #community-content .cm-del{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:0 0 8px; padding:6px 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) }
html #community-content .cm-del-h{ display:inline-flex; align-items:center; gap:6px; font-weight:var(--ui-weight-semibold) }
html #community-content .cm-del-ae{ color:var(--ui-text-2) } html #community-content .cm-del-ae b{ color:var(--ui-text-1); font-weight:var(--ui-weight-semibold) }
html #community-content .cm-del-more{ flex-basis:100% }
html #community-content .cm-del-more summary{ color:var(--ui-accent-text); cursor:default }

/* 도구 한 줄 */
html #community-content .cm-tools{ display:flex; align-items:center; gap:8px; margin:0 0 8px }
html #community-content #comm-filter-content{ flex:1; min-width:0 }
html #community-content .cm-filters{ display:flex; align-items:center; gap:6px; flex-wrap:wrap }
html #community-content .cm-range{ display:inline-flex; align-items:center; gap:4px; color:var(--ui-text-3); font-size:var(--ui-text-footnote) }
html #community-content .cm-date{ height:var(--ui-control-sm); padding:0 6px; 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) }
html #community-content .cm-search{ width:180px; 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 #community-content .cm-search::placeholder{ color:var(--ui-text-3) }
html #community-content .cm-count{ margin-left:auto; font-size:var(--ui-text-footnote); color:var(--ui-text-2); white-space:nowrap }
html #community-content .cm-count b{ color:var(--ui-text-1); font-weight:var(--ui-weight-semibold) }
html #community-content .cm-count b.on{ color:var(--ui-accent-text) }
html #community-content .cm-chev{ display:inline-block; width:6px; height:6px; margin-left:2px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform var(--ui-dur-fast) var(--ui-ease) }
html #community-content #comm-stat-toggle-btn[aria-expanded="true"] .cm-chev{ transform:rotate(225deg) translate(-1px,-1px) !important }

/* 상세 통계 */
html #community-content .cm-statp{ margin:0 0 10px; padding:10px 12px 12px; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line) }
html #community-content .cm-stat-tabs{ margin-bottom:10px }
html #community-content .cm-statp .bg-gray-50{ background:var(--ui-bg) !important; border-radius:var(--ui-radius-card) !important }
html #community-content .cm-statp .text-xs{ font-size:var(--ui-text-footnote) !important }
html #community-content .cm-statp .text-gray-500{ color:var(--ui-text-2) !important }
html #community-content .cm-statp .bg-indigo-50{ background:var(--ui-fill-subtle) !important }
html #community-content .cm-statp [class*="border-indigo"]{ border-color:var(--ui-line) !important }
html #community-content .cm-statp [class*="text-indigo"], html #community-content .cm-statp .text-blue-600{ color:var(--ui-text-1) !important }

/* 발행 목록 표 */
html #community-content .cm-list{ border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line); overflow:hidden }
html #community-content .cm-scroll{ overflow-x:auto }
html #community-content .cm-tbl{ width:100%; border-collapse:collapse; font-size:var(--ui-text-body); font-variant-numeric:tabular-nums }
html #community-content .cm-tbl th{ height:28px; padding:0 8px; border-bottom:var(--ui-hairline) solid var(--ui-line); color:var(--ui-text-2); font-size:var(--ui-text-caption); font-weight:var(--ui-weight-semibold); text-align:left; white-space:nowrap }
html #community-content .cm-tbl td{ height:var(--ui-row); padding:0 8px; border-bottom:var(--ui-hairline) solid var(--ui-line); white-space:nowrap; vertical-align:middle }
html #community-content .cm-tbl tbody tr:last-child > td{ border-bottom:0 }
html #community-content .cm-tbl .r{ text-align:right }
@media (hover:hover){ html #community-content .cm-row:hover > td{ background:var(--ui-fill-subtle) } }
html #community-content .cm-tbl input[type="checkbox"]{ display:block; width:14px; height:14px; margin:0; accent-color:var(--ui-accent) }
html #community-content .c-chk{ width:22px; padding-right:0 !important }
html #community-content .c-no{ width:22px; color:var(--ui-text-3); font-size:var(--ui-text-footnote) }
html #community-content .cm-type{ display:inline-flex; align-items:center; gap:6px }
html #community-content .c-comm{ font-weight:var(--ui-weight-semibold) }
html #community-content .c-date, html #community-content .c-pdate, html #community-content .c-ae{ color:var(--ui-text-2) }
html #community-content .c-pdate{ font-size:var(--ui-text-footnote) }
html #community-content td.c-title{ max-width:0; width:40% }
html #community-content .cm-ttl{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
html #community-content .c-cost{ font-weight:var(--ui-weight-semibold) }
html #community-content .cm-none{ color:var(--ui-text-3) }
html #community-content .cm-wait{ font-size:var(--ui-text-caption); color:var(--ui-text-3) }
html #community-content .cm-link, html #comm-settings-modal .cm-link{ padding:0 3px; border:0; background:none; color:var(--ui-accent-text); font-size:var(--ui-text-footnote); text-decoration:none; white-space:nowrap; cursor:default }
html #community-content .cm-link:hover, html #comm-settings-modal .cm-link:hover{ text-decoration:underline }
html #community-content .cm-link.danger, html #comm-settings-modal .cm-link.danger{ color:var(--ui-danger) }
html #community-content .c-act{ text-align:right }
html #community-content .cm-tbl.sub td{ height:28px; font-size:var(--ui-text-footnote) }
html #community-content .cm-tbl td.c-meta{ display:none }
html #community-content .cm-empty{ padding:40px 0; text-align:center; color:var(--ui-text-2); font-size:var(--ui-text-footnote) }
/* 고르면 나타나는 선택 줄 */
html #community-content .cm-selbar{ display:flex; align-items:center; gap:8px; height:36px; padding:0 10px; border-bottom:var(--ui-hairline) solid var(--ui-line); background:var(--ui-accent-tint); font-size:var(--ui-text-footnote) }
html #community-content .cm-selbar b{ font-weight:var(--ui-weight-semibold) }

/* 좁은 노트북: 덜 중요한 칸을 줄인다 */
@media (min-width:768px) and (max-width:1280px){
  html #community-content .cm-tbl th, html #community-content .cm-tbl td{ padding:0 6px }
  html #community-content .c-no{ display:none }
}

/* 휴대폰: 등록 칸 두 칸씩 · 목록은 세 줄 줄(커뮤니티 · 유형 · 비용 / 제목 / 날짜 · AE · 조회 · 단추) */
@media (max-width:767px){
  html #community-content .cm-wrap{ padding:4px 12px 32px }
  html #community-content .cm-head{ flex-wrap:wrap }
  html #community-content .cm-head h2{ width:100% }
  html #community-content .cm-head .cm-sp{ display:none }
  html #community-content .cm-head .cm-pop, html #community-content .cm-head .cm-btn{ flex:1; height:var(--ui-control-mobile) }
  html #community-content .cm-fields{ display:grid; grid-template-columns:1fr 1fr; align-items:end }
  html #community-content .cm-f{ width:auto }
  html #community-content .f-url, html #community-content .f-act{ grid-column:1 / -1 }
  html #community-content .f-url{ order:5 } html #community-content .f-act{ order:6 }
  html #community-content .cm-day .cm-in{ width:64px }
  html #community-content .cm-in, html #community-content .cm-btn{ height:var(--ui-control-mobile) }
  html #community-content .cm-seg button{ height:calc(var(--ui-control-mobile) - 4px); flex:1 }
  html #community-content .cm-seg{ display:flex }
  html #community-content .f-act .cm-btn{ flex:1 }
  html #community-content .cm-sum{ gap:6px 16px }
  html #community-content .cm-tools{ flex-wrap:wrap }
  html #community-content #comm-filter-content{ flex:1 1 100% }
  html #community-content .cm-kv .s{ display:none }
  html #community-content .cm-sum{ gap:4px 14px }
  html #community-content .cm-kv .v{ font-size:var(--ui-text-callout) }
  html #community-content .cm-filters .cm-pop{ flex:1 1 0; min-width:0; height:30px }
  html #community-content .cm-range{ flex:1 1 100% } html #community-content .cm-date{ flex:1; height:30px }
  html #community-content .cm-search{ flex:1 1 100%; width:auto; height:32px }
  html #community-content .cm-tbl, html #community-content .cm-tbl tbody{ display:block }
  html #community-content .cm-tbl thead{ display:none }
  html #community-content .cm-tbl:not(.sub) tr{ display:grid; grid-template-columns:22px minmax(0,1fr) auto; grid-template-areas:"k c v" "k t t" "k m a"; align-items:center; gap:2px 8px; padding:8px 12px 8px 10px; border-bottom:var(--ui-hairline) solid var(--ui-line) }
  html #community-content .cm-tbl:not(.sub) td{ display:none; height:auto; padding:0 !important; border:0 }
  html #community-content .cm-tbl:not(.sub) td.c-chk{ display:block; grid-area:k; align-self:start; padding-top:2px !important }
  html #community-content .cm-tbl:not(.sub) td.c-comm{ display:flex; grid-area:c; gap:8px; align-items:center }
  html #community-content .cm-tbl:not(.sub) td.c-cost{ display:block; grid-area:v }
  html #community-content .cm-tbl:not(.sub) td.c-title{ display:block; grid-area:t; max-width:none; width:auto; color:var(--ui-text-2); font-size:var(--ui-text-footnote) }
  html #community-content .cm-tbl:not(.sub) td.c-act{ display:block; grid-area:a }
  html #community-content .cm-tbl:not(.sub) td.c-act .cm-link{ padding:6px 4px }
  /* 세 번째 줄 왼쪽: 유형 · 발행일 · AE · 조회(휴대폰 전용 칸) */
  html #community-content .cm-tbl:not(.sub) td.c-meta{ display:flex; grid-area:m; align-items:center; gap:10px; min-width:0; overflow:hidden; font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
  html #community-content .cm-selbar{ flex-wrap:wrap; height:auto; padding:6px 10px }
}

/* ── 발행 수정 창(맥 시트) ── */
html #comm-edit-modal.cm-ov{ position:fixed; inset:0; z-index:50; display:flex; align-items:center; justify-content:center; padding:16px; background:var(--ui-scrim); font-family:var(--ui-font) }
html #comm-edit-modal .cm-sheet{ display:flex; flex-direction:column; width:100%; max-width:480px; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); border-radius:var(--ui-radius-sheet); background:var(--ui-bg); box-shadow:var(--ui-elev-sheet); overflow:hidden }
html #comm-edit-modal .cm-sheet-hd{ flex:none; display:flex; align-items:center; min-height:44px; padding:6px 8px 6px 16px; background:var(--ui-surface); border-bottom:var(--ui-hairline) solid var(--ui-line) }
html #comm-edit-modal .cm-sheet-hd h2{ flex:1; margin:0; font-size:var(--ui-text-title3); font-weight:var(--ui-weight-semibold); color:var(--ui-text-1) }
html #comm-edit-modal .cm-sheet-bd{ flex:1; overflow-y:auto; padding:12px 16px }
html #comm-edit-modal .cm-grp{ margin-bottom:12px; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 var(--ui-hairline) var(--ui-line) }
html #comm-edit-modal .cm-row2{ display:grid; grid-template-columns:96px minmax(0,1fr); align-items:center; gap:10px; min-height:40px; padding:5px 12px; border-bottom:var(--ui-hairline) solid var(--ui-line) }
html #comm-edit-modal .cm-row2:last-child{ border-bottom:0 }
html #comm-edit-modal .cm-row2 > span:first-child{ font-size:var(--ui-text-body); color:var(--ui-text-1) }
html #comm-edit-modal .cm-row2 > span:first-child small{ margin-left:4px; font-size:var(--ui-text-caption); color:var(--ui-text-3) }
html #comm-edit-modal .cm-col{ display:flex; flex-direction:column; gap:3px }
html #comm-edit-modal .cm-hint{ font-size:var(--ui-text-footnote); color:var(--ui-text-2) }
html #comm-edit-modal .cm-warn{ color:var(--ui-warning) }
html #comm-edit-modal .cm-in.ro{ background:var(--ui-fill-subtle); box-shadow:none; text-align:right; font-weight:var(--ui-weight-semibold) }
html #comm-edit-modal .cm-sheet-ft{ flex:none; display:flex; justify-content:flex-end; gap:8px; padding:10px 16px; background:var(--ui-surface); border-top:var(--ui-hairline) solid var(--ui-line) }
html #comm-edit-modal .cm-x, html #batch-post-modal .cm-x{ position:relative; width:28px; height:28px; padding:0; border:0; border-radius:50%; background:transparent; cursor:default }
html #comm-edit-modal .cm-x::before, html #comm-edit-modal .cm-x::after, html #batch-post-modal .cm-x::before, html #batch-post-modal .cm-x::after{ content:""; position:absolute; left:8px; top:13.5px; width:12px; height:1.5px; border-radius:1px; background:var(--ui-text-2); transform:rotate(45deg) }
html #comm-edit-modal .cm-x::after, html #batch-post-modal .cm-x::after{ transform:rotate(-45deg) }
html #comm-edit-modal .cm-x:hover, html #batch-post-modal .cm-x:hover{ background:var(--ui-fill) }
@media (max-width:767px){
  html #comm-edit-modal.cm-ov{ padding:0; align-items:flex-end }
  html #comm-edit-modal .cm-sheet{ max-width:none; max-height:92vh; max-height:92dvh; border-radius:var(--ui-radius-sheet) var(--ui-radius-sheet) 0 0 }
  html #comm-edit-modal .cm-row2{ grid-template-columns:84px minmax(0,1fr) }
  html #comm-edit-modal .cm-in, html #comm-edit-modal .cm-btn{ height:var(--ui-control-mobile) }
  html #comm-edit-modal .cm-sheet-ft{ padding-bottom:calc(10px + env(safe-area-inset-bottom)) }
  html #comm-edit-modal .cm-sheet-ft .cm-btn{ flex:1 }
}

/* ── 설정 · 커뮤니티 추가 · 일괄 등록 창: 바깥 틀과 단추만 맥으로 (내용 · 동작 그대로) ── */
html #comm-settings-modal, html #comm-add-setting-modal, html #batch-post-modal{ background:var(--ui-scrim) !important; backdrop-filter:none !important; font-family:var(--ui-font) }
html #comm-settings-modal > div, html #comm-add-setting-modal > div, html #batch-post-modal > div{ border-radius:var(--ui-radius-sheet) !important; box-shadow:var(--ui-elev-sheet) !important; background:var(--ui-surface) !important }
html #comm-settings-modal h2, html #comm-add-setting-modal h2, html #batch-post-modal h2{ font-size:var(--ui-text-title3) !important; font-weight:var(--ui-weight-semibold) !important; color:var(--ui-text-1) !important }
html #comm-settings-modal .border-b, html #comm-add-setting-modal .border-b, html #batch-post-modal .border-b{ border-color:var(--ui-line) !important }
html #comm-settings-modal .border-t, html #comm-add-setting-modal .border-t, html #batch-post-modal .border-t{ border-color:var(--ui-line) !important }
html #comm-settings-modal button.bg-blue-600, html #comm-add-setting-modal button.bg-green-600, html #batch-post-modal button.bg-blue-600{ height:var(--ui-control); padding:0 14px !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; box-shadow:none !important }
html #comm-settings-modal button.bg-green-500, html #comm-settings-modal button.bg-gray-100, html #comm-add-setting-modal button.bg-gray-100, html #batch-post-modal button.bg-gray-200{ height:var(--ui-control); padding:0 12px !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-body) !important; font-weight:var(--ui-weight-regular) !important }
html #comm-settings-modal th{ color:var(--ui-text-2) !important; font-size:var(--ui-text-caption) !important }
html #comm-settings-modal td .font-bold{ font-weight:var(--ui-weight-semibold) !important; color:var(--ui-text-1) !important }
html #comm-settings-modal td button.text-xs{ color:var(--ui-accent-text) !important; border-color:var(--ui-line) !important }
html #comm-settings-modal input, html #comm-settings-modal select, html #comm-add-setting-modal input, html #comm-add-setting-modal select, html #batch-post-modal input, html #batch-post-modal select, html #batch-post-modal textarea{ 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 #comm-settings-modal button.text-gray-400.text-2xl, html #comm-add-setting-modal button.text-gray-400.text-2xl{ width:28px; height:28px; border-radius:50%; color:var(--ui-text-2) !important; font-size:var(--ui-text-title2) !important; line-height:1 }
html #batch-post-modal .bg-blue-50{ background:var(--ui-fill-subtle) !important; border-color:var(--ui-line) !important; color:var(--ui-text-2) !important }
html #batch-post-modal .bg-gray-50{ background:var(--ui-surface) !important }
html #batch-post-modal label, html #comm-add-setting-modal label{ color:var(--ui-text-2) !important }