/* =============================================================
   AE 미팅록 — 맥 고밀도형 (사용자 2026-10-31 "1")
   범위: #meeting_logs-content 안쪽만, 화면에서만(@media screen). 인쇄용 A4 양식 모양은 그대로.
   큰 아이콘 상자 · 남색 단추 · 106px 목록 카드 · 남색 라벨 칸 · 굵은 테두리 →
   19px 제목 · 흰 단추 · 한 줄 목록 · 회색 라벨 칸 · 머리카락 선. 채운 파랑은 '저장' 하나.
   휴대폰: 목록은 옆으로 밀기 한 줄(세로로 길어지지 않게), 양식 칸은 이름 위 · 값 아래.
   누르면 하는 일 · 저장 · 미션 전환 · 인쇄는 그대로.
   ============================================================= */
@media screen{
html #meeting_logs-content .sml-shell{ font-family:var(--ui-font); font-size:var(--ui-text-callout); color:var(--ui-text-1) }

/* ---------- 머리 ---------- */
html #meeting_logs-content .sml-pagehead{ align-items:center !important; gap:12px !important; margin-bottom:12px !important }
html #meeting_logs-content .sml-pagehead .sml-ic{ display:none !important }
html #meeting_logs-content .sml-pagehead h1{ font-size:var(--ui-text-title2) !important; font-weight:var(--ui-weight-semibold) !important; letter-spacing:var(--ui-tracking-tight) }
html #meeting_logs-content .sml-pagehead p{ margin-top:2px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #meeting_logs-content .sml-pagehead p b{ color:var(--ui-text-1) !important; font-weight:var(--ui-weight-semibold) }

/* 단추: 흰 단추 28px, 삭제는 빨강 글자, 저장만 채운 파랑 */
html #meeting_logs-content .sml-btn{ height:28px; padding:0 12px !important; gap:6px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-callout) !important; font-weight:var(--ui-weight-regular) !important; white-space:nowrap }
html #meeting_logs-content .sml-btn:hover{ background:var(--ui-fill-hover) !important }
html #meeting_logs-content .sml-btn > i{ color:var(--ui-text-2); font-size:var(--ui-text-caption) }
html #meeting_logs-content #sml-delete-btn{ color:var(--ui-danger) !important }
html #meeting_logs-content #sml-delete-btn > i{ color:var(--ui-danger) }
html #meeting_logs-content #sml-save-btn{ min-width:88px; justify-content:center; background:var(--ui-accent) !important; box-shadow:none !important; color:var(--ui-on-accent) !important; font-weight:var(--ui-weight-semibold) !important }
html #meeting_logs-content #sml-save-btn:hover{ background:var(--ui-accent-hover) !important }
html #meeting_logs-content #sml-save-btn > i{ display:none }
html #meeting_logs-content #sml-save-btn.is-saving{ background:var(--ui-text-3) !important }

/* ---------- 왼쪽 목록: 카드 106px → 두 줄 44px ---------- */
html #meeting_logs-content .sml-split{ gap:12px !important }
html #meeting_logs-content .sml-split > *{ min-width:0 }
html #meeting_logs-content .sml-rail{ padding:8px !important; gap:8px !important; border:0 !important; border-radius:var(--ui-radius-card) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-raised) }
html #meeting_logs-content .sml-rail-search{ height:28px; padding:0 10px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-fill) !important; color:var(--ui-text-1); font-size:var(--ui-text-callout) !important }
html #meeting_logs-content .sml-rail-search::placeholder{ color:var(--ui-text-3) }
html #meeting_logs-content .sml-rail-search:focus{ outline:0; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-field), var(--ui-focus-ring) }
html #meeting_logs-content .sml-rail-list{ gap:1px }
html #meeting_logs-content .sml-mcard{ position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:5px 10px !important; border:0 !important; border-radius:var(--ui-radius-row) }
html #meeting_logs-content .sml-mcard:hover{ background:var(--ui-fill-subtle) !important }
html #meeting_logs-content .sml-mcard.on{ background:var(--ui-accent-tint) !important }
html #meeting_logs-content .sml-co{ padding-right:56px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--ui-text-callout) !important; font-weight:var(--ui-weight-semibold) !important; color:var(--ui-text-1) }
html #meeting_logs-content :is(.sml-dt,.sml-by){ display:inline !important; margin:0 !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #meeting_logs-content .sml-by::before{ content:" · " }
html #meeting_logs-content .sml-cnt.hot{ position:absolute; top:6px; right:8px; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; color:var(--ui-danger) !important; font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-semibold) !important }
html #meeting_logs-content .sml-rail-empty{ color:var(--ui-text-3) !important; font-size:var(--ui-text-footnote) !important }

/* ---------- 오른쪽: 바 · 문서 ---------- */
html #meeting_logs-content .sml-pane{ border:0 !important; border-radius:var(--ui-radius-card) !important; background:var(--ui-surface-alt) !important; box-shadow:var(--ui-elev-raised) }
html #meeting_logs-content .sml-pane-bar{ align-items:center !important; padding:10px 16px !important; border-bottom:0 !important; background:var(--ui-surface) !important; box-shadow:inset 0 -.5px var(--ui-line) }
html #meeting_logs-content .sml-eyebrow{ display:none }
html #meeting_logs-content .sml-pane-bar h2{ margin:0 !important; font-size:var(--ui-text-title3) !important; font-weight:var(--ui-weight-semibold) !important }
html #meeting_logs-content .sml-hint{ margin-top:2px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #meeting_logs-content .sml-hint b{ color:var(--ui-text-1) !important; font-weight:var(--ui-weight-semibold) }
html #meeting_logs-content .sml-pane-empty{ color:var(--ui-text-3) !important; font-size:var(--ui-text-footnote) !important }
html #meeting_logs-content .sml-doc{ margin:16px auto 20px !important; padding:20px 24px !important; border:0 !important; border-radius:var(--ui-radius-group); background:var(--ui-surface) !important; box-shadow:0 0 0 .5px var(--ui-line) }
/* 문서 안 큰 '미팅록' 제목은 인쇄용 — 화면에서는 위 바와 겹치므로 숨김(인쇄에는 그대로 나옴) */
html #meeting_logs-content .sml-doc-head{ display:none }
html #meeting_logs-content .sml-doc section{ margin-bottom:18px !important }
html #meeting_logs-content .sml-sec-title{ gap:8px !important; margin-bottom:6px !important; color:var(--ui-text-1); font-size:var(--ui-text-callout) !important; font-weight:var(--ui-weight-semibold) !important }
html #meeting_logs-content .sml-sec-title::before{ display:none }
html #meeting_logs-content :is(.sml-req,.sml-opt){ padding:0 !important; border:0 !important; background:transparent !important; font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-regular) !important }
html #meeting_logs-content .sml-req{ color:var(--ui-accent-text) !important }
html #meeting_logs-content .sml-opt{ color:var(--ui-text-3) !important }
html #meeting_logs-content .sml-star{ color:var(--ui-danger) !important }

/* 양식 표: 남색 라벨 · 굵은 테두리 → 회색 라벨 · 머리카락 선, 한 줄 칸 32px */
html #meeting_logs-content :is(table.sml-form,table.sml-ns){ border-collapse:separate !important; border-spacing:0; border-radius:var(--ui-radius-group); overflow:hidden; box-shadow:0 0 0 .5px var(--ui-line); font-size:var(--ui-text-callout) !important }
html #meeting_logs-content table.sml-form th{ width:132px !important; padding:0 10px !important; border:0 !important; background:var(--ui-surface-alt) !important; box-shadow:inset -.5px 0 var(--ui-line), 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 #meeting_logs-content table.sml-form td{ border:0 !important; box-shadow:inset 0 -.5px var(--ui-line); background:var(--ui-surface) !important }
html #meeting_logs-content table.sml-form tr:last-child > :is(th,td){ box-shadow:inset -.5px 0 var(--ui-line) }
html #meeting_logs-content table.sml-form tr:last-child > td{ box-shadow:none }
html #meeting_logs-content :is(table.sml-form,table.sml-ns) .sml-pad{ padding:4px 8px !important }
html #meeting_logs-content table.sml-form td.sml-pad{ padding:2px 8px !important }
/* 표 칸이 곧 입력칸 — 앱 공통 입력란 테두리(안쪽 선)를 한 번 더 그리지 않음 */
html #meeting_logs-content .sml-cell{ border:0 !important; box-shadow:none !important; background:transparent !important; min-height:28px; padding:4px 2px !important; border-radius:var(--ui-radius-row); color:var(--ui-text-1); font-size:var(--ui-text-callout) !important }
html #meeting_logs-content .sml-pad > .sml-cell{ padding:4px 2px !important }
html #meeting_logs-content .sml-cell::placeholder{ color:var(--ui-text-3) }
html #meeting_logs-content .sml-cell:focus{ background:transparent !important; box-shadow:var(--ui-focus-ring) !important }
/* 긴 메모가 두 줄에서 잘리고 칸 안 스크롤이 생기던 것(실데이터 확인) → 글 길이만큼 자람(크롬 · 엣지, 다른 브라우저는 예전처럼 두 줄 + 끌어 늘리기) */
html #meeting_logs-content textarea.sml-cell{ min-height:44px !important; max-height:360px; field-sizing:content; line-height:var(--ui-leading) !important }
html #meeting_logs-content .sml-ctl{ height:28px; padding:0 8px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-field); color:var(--ui-text-1); font-size:var(--ui-text-callout) !important }
html #meeting_logs-content .sml-ctl:focus{ outline:0; box-shadow:var(--ui-elev-field), var(--ui-focus-ring) }
html #meeting_logs-content .sml-row-wrap{ gap:6px !important }
html #meeting_logs-content .sml-vsep{ background:var(--ui-line) !important; min-height:18px }
html #meeting_logs-content .sml-pl-chip{ height:24px; padding:0 10px !important; border:0 !important; border-radius:var(--ui-radius-pill) !important; background:var(--ui-accent-tint) !important; color:var(--ui-accent-text) !important; font-weight:var(--ui-weight-semibold) !important }
html #meeting_logs-content .sml-mini{ height:24px; padding:0 10px !important; border:0 !important; border-radius:var(--ui-radius-row) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control); color:var(--ui-text-1) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important; white-space:nowrap }
html #meeting_logs-content .sml-mini:hover{ background:var(--ui-fill-hover) !important }
html #meeting_logs-content .sml-note-inline{ color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }

/* 참석자 칩: 회색 알약, 작성자는 파랑 연한 바탕, 결정권자는 주황 글자 */
html #meeting_logs-content .sml-chips{ gap:4px !important }
html #meeting_logs-content .sml-chip{ height:24px; gap:4px !important; padding:0 4px 0 10px !important; border:0 !important; border-radius:var(--ui-radius-pill) !important; background:var(--ui-fill) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #meeting_logs-content .sml-chip.me{ padding-right:10px !important; background:var(--ui-accent-tint) !important; color:var(--ui-accent-text) !important }
html #meeting_logs-content .sml-chip.dm{ background:var(--ui-warning-tint) !important; color:var(--ui-warning) !important }
html #meeting_logs-content .sml-tag{ padding:0 !important; border:0 !important; font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-semibold) !important }
html #meeting_logs-content .sml-ct{ color:var(--ui-text-2) !important; font-weight:var(--ui-weight-regular) !important }
html #meeting_logs-content .sml-x{ width:18px; height:18px; padding:0 !important; border-radius:50%; color:var(--ui-text-3) !important; line-height:1 }
html #meeting_logs-content .sml-x:hover{ background:var(--ui-fill-hover) !important; color:var(--ui-danger) !important }
html #meeting_logs-content .sml-chip-add{ height:24px; padding:0 10px !important; border:0 !important; border-radius:var(--ui-radius-pill) !important; background:transparent !important; color:var(--ui-accent) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #meeting_logs-content .sml-chip-add:hover{ background:var(--ui-fill-subtle) !important }
html #meeting_logs-content .sml-inline-group{ gap:4px !important }
html #meeting_logs-content .sml-inline-input{ height:24px; min-width:150px; padding:0 8px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-field); color:var(--ui-text-1); font-size:var(--ui-text-footnote) !important }
html #meeting_logs-content .sml-inline-input::placeholder{ color:var(--ui-text-3) }
html #meeting_logs-content .sml-inline-input:focus{ outline:0; box-shadow:var(--ui-elev-field), var(--ui-focus-ring) }

/* 넥스트스텝 표 */
html #meeting_logs-content table.sml-ns th{ height:28px; padding:0 8px !important; border:0 !important; background:var(--ui-surface-alt) !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 #meeting_logs-content table.sml-ns td{ height:32px; border:0 !important; box-shadow:inset 0 -.5px var(--ui-line); background:var(--ui-surface) !important }
html #meeting_logs-content table.sml-ns tr:last-child > td{ box-shadow:none }
html #meeting_logs-content table.sml-ns .sml-cell{ padding:4px 8px !important; font-size:var(--ui-text-callout) !important }
html #meeting_logs-content .sml-empty-row{ color:var(--ui-text-3) !important; font-size:var(--ui-text-footnote) !important }
html #meeting_logs-content .sml-lockpill{ padding:0 !important; border:0 !important; background:transparent !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #meeting_logs-content .sml-addrow{ width:auto !important; height:28px; margin-top:6px !important; padding:0 8px !important; border:0 !important; border-radius:var(--ui-radius-row) !important; background:transparent !important; color:var(--ui-accent) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #meeting_logs-content .sml-addrow:hover{ background:var(--ui-fill-subtle) !important }

/* 수정기록 · 저장 줄 */
html #meeting_logs-content .sml-hist{ border:0 !important; border-radius:var(--ui-radius-group); box-shadow:0 0 0 .5px var(--ui-line); overflow:hidden }
html #meeting_logs-content .sml-h-row{ min-height:28px; align-items:center; padding:4px 10px !important; border-bottom:0 !important; box-shadow:inset 0 -.5px var(--ui-line); font-size:var(--ui-text-footnote) !important }
html #meeting_logs-content .sml-h-row:last-child{ box-shadow:none }
html #meeting_logs-content .sml-h-row time{ color:var(--ui-text-3) !important }
html #meeting_logs-content .sml-h-row b{ font-weight:var(--ui-weight-semibold) }
html #meeting_logs-content .sml-h-row span{ color:var(--ui-text-2) !important }
html #meeting_logs-content .sml-doc-foot{ padding-top:12px !important; border-top:0 !important; box-shadow:inset 0 .5px var(--ui-line) }
}

/* ---------- 좁은 창 · 휴대폰: 목록은 한 줄 옆으로 밀기 ---------- */
@media screen and (max-width:1080px){
html #meeting_logs-content .sml-split{ grid-template-columns:minmax(0,1fr) !important }
html #meeting_logs-content .sml-rail{ position:static !important; max-height:none !important }
html #meeting_logs-content .sml-rail-list{ flex-direction:row !important; gap:6px !important; overflow-x:auto !important; overflow-y:hidden !important; scroll-snap-type:x proximity; scrollbar-width:none; padding-bottom:2px }
html #meeting_logs-content .sml-mcard{ flex:0 0 172px; scroll-snap-align:start; background:var(--ui-surface-alt) !important }
html #meeting_logs-content .sml-mcard.on{ background:var(--ui-accent-tint) !important }
html #meeting_logs-content :is(.sml-dt,.sml-by){ display:block !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
html #meeting_logs-content .sml-by::before{ content:none }
}
@media screen and (max-width:768px){
html #meeting_logs-content .sml-pagehead{ flex-wrap:wrap }
html #meeting_logs-content .sml-pagehead > div:nth-child(2){ flex:1 1 200px }
html #meeting_logs-content .sml-btn{ height:36px }
html #meeting_logs-content .sml-rail-search{ height:36px }
html #meeting_logs-content .sml-pane-bar{ padding:10px 12px !important }
html #meeting_logs-content .sml-doc{ max-width:none !important; margin:12px 8px 16px !important; padding:14px 12px !important }
html #meeting_logs-content .sml-row-wrap > input[type="date"], html #meeting_logs-content .sml-row-wrap > input[type="time"]{ flex:1 1 120px; min-width:0 }
html #meeting_logs-content .sml-vsep{ display:none }
html #meeting_logs-content #sml-staff-chips{ flex:1 1 100% }
/* 양식 표: 이름 위 · 값 아래 */
html #meeting_logs-content table.sml-form, html #meeting_logs-content table.sml-form tbody, html #meeting_logs-content table.sml-form tr, html #meeting_logs-content table.sml-form th, html #meeting_logs-content table.sml-form td{ display:block; width:100% !important }
html #meeting_logs-content table.sml-form th{ padding:6px 10px 2px !important; box-shadow:none !important; background:var(--ui-surface) !important }
html #meeting_logs-content table.sml-form td, html #meeting_logs-content table.sml-form tr:last-child > td{ box-shadow:inset 0 -.5px var(--ui-line) !important }
html #meeting_logs-content table.sml-form tr:last-child > td{ box-shadow:none !important }
html #meeting_logs-content table.sml-form td.sml-pad{ padding:0 8px 6px !important }
html #meeting_logs-content :is(table.sml-form,table.sml-ns) .sml-pad{ padding:0 8px 6px !important }
html #meeting_logs-content .sml-cell{ min-height:36px }
html #meeting_logs-content .sml-ctl{ height:36px }
html #meeting_logs-content .sml-inline-input{ height:36px; min-width:0; flex:1 1 140px }
html #meeting_logs-content .sml-inline-group{ width:100% }
html #meeting_logs-content #sml-f-pipeline{ min-width:0 !important; flex:1 1 100% }
/* 넥스트스텝: 옆으로 밀기, 할 일 칸 고정 폭 */
html #meeting_logs-content table.sml-ns{ display:block; overflow-x:auto }
html #meeting_logs-content table.sml-ns td{ height:44px }
html #meeting_logs-content table.sml-ns th:nth-child(2){ min-width:180px }
html #meeting_logs-content .sml-h-row{ flex-wrap:wrap; gap:2px 8px !important }
html #meeting_logs-content .sml-doc-foot #sml-save-btn{ width:100%; height:44px }
}