/* 회의 비용 계산기 — 카드 폭(컨테이너) 기준: 폰은 한 줄씩, 넓으면 결과 칸 두 줄 · 「크게 보기」는 어두운 화면에 비용만 크게 */
[data-app="meeting-cost"]{ container-type:inline-size; }
[data-app="meeting-cost"] .mc{ display:flex; flex-direction:column; gap:12px; word-break:keep-all; overflow-wrap:anywhere; }
[data-app="meeting-cost"] .ndt-in{ max-width:100%; min-width:0; min-height:40px; }
[data-app="meeting-cost"] input[type="number"].ndt-in, [data-app="meeting-cost"] .mc-c, [data-app="meeting-cost"] .mc-wy, [data-app="meeting-cost"] .mc-wh{ text-align:right; font-variant-numeric:tabular-nums; }
[data-app="meeting-cost"] .mc-note{ display:flex; align-items:flex-start; gap:8px; margin:0; padding:8px 10px; border-radius:10px; background:#FFF7E0; color:#5C4300; font-size:13px; line-height:1.5; }
[data-app="meeting-cost"] .mc-note[hidden]{ display:none; }
[data-app="meeting-cost"] .mc-note b{ flex:none; padding:0 7px; border-radius:6px; background:#F5C84C; color:#3A2A00; font-size:12px; line-height:20px; }
[data-app="meeting-cost"] .mc-f{ display:flex; flex-direction:column; gap:3px; min-width:0; }
[data-app="meeting-cost"] .mc-f[hidden]{ display:none; }
[data-app="meeting-cost"] .mc-title{ font-weight:700; }
[data-app="meeting-cost"] .mc-u{ display:flex; align-items:center; gap:5px; min-width:0; }
[data-app="meeting-cost"] .mc-u > i{ flex:none; font-style:normal; font-size:13px; font-weight:700; color:#4B5059; }
[data-app="meeting-cost"] .mc-h{ display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 8px; margin:0; font-size:14.5px; font-weight:800; color:#1A1A1A; }
[data-app="meeting-cost"] .mc-h small{ font-size:12px; font-weight:600; color:#6B717B; }
/* 참석 그룹 */
[data-app="meeting-cost"] .mc-sec{ display:flex; flex-direction:column; gap:8px; }
[data-app="meeting-cost"] .mc-rows{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
[data-app="meeting-cost"] .mc-r{ display:flex; flex-direction:column; gap:6px; padding:8px; border:1px solid #E3E5E9; border-left:5px solid #4F5FD6; border-radius:12px; background:#fff; }
[data-app="meeting-cost"] .mc-r:nth-child(3n+2){ border-left-color:#3E9E6B; }
[data-app="meeting-cost"] .mc-r:nth-child(3n){ border-left-color:#E3A21A; }
[data-app="meeting-cost"] .mc-r1{ display:grid; grid-template-columns:minmax(0,1fr) 5.4em 32px; gap:6px; align-items:center; }
[data-app="meeting-cost"] .mc-g{ font-weight:700; }
[data-app="meeting-cost"] .mc-nw{ display:flex; align-items:center; gap:4px; min-width:0; }
[data-app="meeting-cost"] .mc-nw > i{ flex:none; font-style:normal; font-size:13px; font-weight:700; color:#4B5059; }
[data-app="meeting-cost"] .mc-del{ width:32px; padding:0; color:#5B6470; }
[data-app="meeting-cost"] .mc-del:hover{ color:#B42318; border-color:#F0B5AF; }
[data-app="meeting-cost"] .mc-r2{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; }
[data-app="meeting-cost"] .mc-cl{ flex:none; font-size:12.5px; font-weight:800; color:#4B5059; }
[data-app="meeting-cost"] .mc-cw{ flex:1 1 7em; max-width:10em; }
[data-app="meeting-cost"] .mc-ex{ flex:none; font-style:normal; font-size:12px; font-weight:700; color:#8A6A00; }
[data-app="meeting-cost"] .mc-ex[hidden]{ display:none; }
[data-app="meeting-cost"] .mc-sub{ flex-basis:100%; font-size:12.5px; font-weight:700; color:#4B5059; font-variant-numeric:tabular-nums; }
[data-app="meeting-cost"] .mc-sub.need{ color:#B42318; }
/* 연봉으로 어림 */
[data-app="meeting-cost"] .mc-wage{ border:1px solid #E3E5E9; border-radius:12px; background:#FAFAFB; }
[data-app="meeting-cost"] .mc-wage > summary{ display:flex; align-items:center; min-height:40px; padding:0 12px; cursor:pointer; font-size:13.5px; font-weight:800; color:#314B86; }
[data-app="meeting-cost"] .mc-wb{ display:flex; flex-direction:column; gap:8px; padding:0 12px 12px; }
[data-app="meeting-cost"] .mc-wf{ display:flex; flex-direction:column; gap:3px; min-width:0; }
[data-app="meeting-cost"] .mc-w2{ display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
[data-app="meeting-cost"] .mc-wn, [data-app="meeting-cost"] .mc-wt{ margin:0; }
[data-app="meeting-cost"] .mc-wt{ padding:7px 10px; border-left:3px solid #314B86; background:#F4F6FB; border-radius:0 8px 8px 0; font-size:12.5px; line-height:1.55; color:#3A3F47; }
[data-app="meeting-cost"] .mc-wr{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
[data-app="meeting-cost"] .mc-wv{ flex:1 1 12em; margin:0; font-size:13px; color:#3A3F47; font-variant-numeric:tabular-nums; }
[data-app="meeting-cost"] .mc-wv b{ color:#1A1A1A; }
/* 회의 길이 · 반복 */
[data-app="meeting-cost"] .mc-when{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
[data-app="meeting-cost"] .mc-perf{ grid-column:1 / -1; }
[data-app="meeting-cost"] .mc-perh{ margin:-6px 0 0; }
[data-app="meeting-cost"] .mc-perh[hidden]{ display:none; }
/* 결과 */
[data-app="meeting-cost"] .mc-out{ display:flex; flex-direction:column; gap:8px; padding:12px; border-radius:14px; background:#F1F4F9; border:1px solid #E1E6EF; }
[data-app="meeting-cost"] .mc-o1{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px; }
[data-app="meeting-cost"] .mc-ok{ flex-basis:100%; font-size:13.5px; font-weight:800; color:#3A3F47; }
[data-app="meeting-cost"] .mc-ok small{ font-weight:600; color:#6B717B; }
[data-app="meeting-cost"] .mc-onen{ font-size:34px; font-weight:900; letter-spacing:-.03em; line-height:1.15; color:#1A1A1A; font-variant-numeric:tabular-nums; }
[data-app="meeting-cost"] .mc-exact{ font-size:13px; font-weight:700; color:#6B717B; font-variant-numeric:tabular-nums; }
[data-app="meeting-cost"] .mc-o0{ margin:0; font-size:13px; font-weight:700; color:#B42318; }
[data-app="meeting-cost"] .mc-o2{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0,1fr); gap:6px; }
[data-app="meeting-cost"] .mc-o2 li{ display:flex; flex-wrap:wrap; align-items:baseline; gap:0 8px; padding:7px 10px; border-radius:10px; background:#fff; }
[data-app="meeting-cost"] .mc-o2 li > span{ flex:none; min-width:4.6em; font-size:12.5px; font-weight:800; color:#4B5059; }
[data-app="meeting-cost"] .mc-o2 li > b{ font-size:15.5px; font-weight:800; color:#1A1A1A; font-variant-numeric:tabular-nums; }
[data-app="meeting-cost"] .mc-o2 li > b.mc-dim{ font-size:13.5px; color:#6B717B; }
[data-app="meeting-cost"] .mc-o2 li > small{ flex-basis:100%; font-size:12px; color:#6B717B; font-variant-numeric:tabular-nums; }
/* 줄여 보면 */
[data-app="meeting-cost"] .mc-cut{ display:flex; flex-direction:column; gap:8px; padding:12px; border:1px dashed #C9D2E3; border-radius:14px; background:#fff; }
[data-app="meeting-cost"] .mc-cbox{ display:flex; flex-direction:column; gap:4px; }
[data-app="meeting-cost"] .mc-cq{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; margin:0; font-size:14px; font-weight:700; color:#1A1A1A; }
[data-app="meeting-cost"] .mc-cq input.ndt-in{ width:4.6em; flex:none; }
[data-app="meeting-cost"] .mc-cq2{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
[data-app="meeting-cost"] .mc-cq select.ndt-in{ width:auto; max-width:11em; flex:0 1 auto; padding-right:26px; font-weight:700; }
[data-app="meeting-cost"] .mc-cr{ margin:0; padding:6px 10px; border-radius:10px; background:#EEF8F1; font-size:13px; line-height:1.55; color:#1F4D33; font-variant-numeric:tabular-nums; }
[data-app="meeting-cost"] .mc-cr b{ color:#0D6B3A; font-weight:900; white-space:nowrap; }
[data-app="meeting-cost"] .mc-nb{ white-space:nowrap; }
[data-app="meeting-cost"] .mc-cw2{ display:block; font-size:12px; color:#8A6A00; }
[data-app="meeting-cost"] .mc-cb{ margin:0; padding:8px 10px; border-radius:10px; background:#0D6B3A; color:#fff; font-size:13.5px; font-weight:700; line-height:1.5; font-variant-numeric:tabular-nums; }
[data-app="meeting-cost"] .mc-cb[hidden]{ display:none; }
[data-app="meeting-cost"] .mc-cb b{ font-weight:900; white-space:nowrap; }
/* 회의 중 켜 두기 */
[data-app="meeting-cost"] .mc-live{ display:flex; flex-direction:column; gap:8px; }
[data-app="meeting-cost"] .mc-lv{ display:flex; flex-direction:column; align-items:center; gap:2px; padding:14px 12px; border-radius:14px; background:#11151F; color:#E7E9EC; text-align:center; }
[data-app="meeting-cost"] .mc-lt{ display:none; margin:0 0 6px; font-size:15px; font-weight:700; color:#C7CCD4; }
[data-app="meeting-cost"] .mc-lk{ margin:0; font-size:13px; font-weight:700; color:#C7CCD4; }
[data-app="meeting-cost"] .mc-lk small{ font-weight:600; color:#9BA3AE; }
[data-app="meeting-cost"] .mc-ln{ margin:0; font-size:40px; font-weight:900; letter-spacing:-.02em; line-height:1.2; color:#fff; font-variant-numeric:tabular-nums; }
[data-app="meeting-cost"] .mc-ln.over{ color:#FFB547; }
[data-app="meeting-cost"] .mc-le{ margin:0; font-size:13px; color:#C7CCD4; font-variant-numeric:tabular-nums; }
[data-app="meeting-cost"] .mc-el{ font-weight:800; color:#fff; }
[data-app="meeting-cost"] .mc-lo{ margin:2px 0 0; min-height:1.5em; font-size:13.5px; font-weight:800; color:#FFB547; }
[data-app="meeting-cost"] .mc-lb{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px; }
[data-app="meeting-cost"] .mc-lb .ndt-btn{ min-height:44px; padding:0 6px; white-space:normal; line-height:1.2; text-align:center; }
[data-app="meeting-cost"] .mc-go{ font-size:15px; }
/* 단추 */
[data-app="meeting-cost"] .mc-btns{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px; }
[data-app="meeting-cost"] .mc-btns .ndt-btn{ min-height:44px; padding:0 8px; white-space:normal; line-height:1.25; text-align:center; word-break:keep-all; max-width:100%; }
[data-app="meeting-cost"] .mc-btns .mc-copy{ grid-column:1 / -1; min-height:46px; font-size:15px; }
[data-app="meeting-cost"] .mc-fbp:empty{ display:none; }
[data-app="meeting-cost"] .mc-msg{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; font-size:13px; font-weight:700; color:#13703F; }
[data-app="meeting-cost"] .mc-msgt.warn{ color:#B42318; }
[data-app="meeting-cost"] .mc-msgt.note{ color:#8A5A00; }
[data-app="meeting-cost"] .mc-msg:has(.mc-msgt:empty):has(.mc-undo[hidden]){ display:none; }
[data-app="meeting-cost"] .mc-pv summary{ cursor:pointer; min-height:36px; display:flex; align-items:center; font-size:13px; font-weight:700; color:#314B86; }
[data-app="meeting-cost"] .mc-pre{ margin:4px 0 0; max-height:260px; overflow:auto; padding:10px 12px; border:1px solid #E6E7EB; border-radius:10px; background:#FAFAFB; white-space:pre-wrap; word-break:keep-all; overflow-wrap:anywhere; font:inherit; font-size:13px; line-height:1.6; color:#333; }
[data-app="meeting-cost"] .mc-foot{ margin:0; }
[data-app="meeting-cost"] .mc-foot.bad{ color:#B42318; font-weight:700; }
@media (pointer:coarse), (max-width:560px){ [data-app="meeting-cost"] .ndt-in{ font-size:16px; } }
/* 넓은 카드 */
@container (min-width:380px){
  [data-app="meeting-cost"] .mc-when{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  [data-app="meeting-cost"] .mc-w2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  [data-app="meeting-cost"] .mc-o2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  [data-app="meeting-cost"] .mc-o2 li{ flex-direction:column; flex-wrap:nowrap; align-items:stretch; gap:1px; }
  [data-app="meeting-cost"] .mc-o2 li > small{ flex-basis:auto; }
  [data-app="meeting-cost"] .mc-btns{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  [data-app="meeting-cost"] .mc-btns .mc-copy{ grid-column:auto; font-size:14px; }
  [data-app="meeting-cost"] .mc-sub{ flex-basis:auto; margin-left:auto; }
  [data-app="meeting-cost"] .mc-onen{ font-size:38px; }
}
/* 폰 카드: 「사원 ▾ 에서 [1] 명 빠지면」이 한 줄에 들어가게 칸을 조금 좁게 */
@container (max-width:379px){
  [data-app="meeting-cost"] .mc-cq{ column-gap:4px; }
  [data-app="meeting-cost"] .mc-cq2{ gap:4px; }
  [data-app="meeting-cost"] .mc-cq input.ndt-in{ width:3.4em; padding-left:6px; padding-right:6px; }
  [data-app="meeting-cost"] .mc-cq select.ndt-in{ max-width:6.4em; padding-left:8px; padding-right:22px; }
}
/* 아주 좁은 카드(320px 폰) */
@container (max-width:290px){
  [data-app="meeting-cost"] .mc-r1{ grid-template-columns:minmax(0,1fr) 4.8em 32px; gap:4px; }
  [data-app="meeting-cost"] .mc-when{ grid-template-columns:minmax(0,1fr); }
  [data-app="meeting-cost"] .mc-ln{ font-size:34px; }
}
/* 크게 보기(회의실 TV) — 비용만 크게, 어두운 화면 */
[data-app="meeting-cost"].ndt-big{ display:flex; flex-direction:column; justify-content:center; background:#11151F; border-color:#11151F; color:#E7E9EC; }
[data-app="meeting-cost"].ndt-big .mc{ flex:1; justify-content:center; }
[data-app="meeting-cost"].ndt-big .mc > :not(.mc-live){ display:none !important; }
[data-app="meeting-cost"].ndt-big .mc-live > .mc-h{ display:none; }
[data-app="meeting-cost"].ndt-big .mc-lv{ padding:0; background:transparent; gap:clamp(4px,1.4vh,14px); }
[data-app="meeting-cost"].ndt-big .mc-lt{ display:block; font-size:clamp(16px,2.6vw,32px); }
[data-app="meeting-cost"].ndt-big .mc-lk{ font-size:clamp(16px,2.4vw,30px); }
[data-app="meeting-cost"].ndt-big .mc-ln{ font-size:min(clamp(56px,min(15vw,24vh),240px), calc(86vw / (var(--mcd, 8) * .62))); line-height:1.05; white-space:nowrap; }
[data-app="meeting-cost"].ndt-big .mc-le{ font-size:clamp(16px,2.6vw,34px); }
[data-app="meeting-cost"].ndt-big .mc-lo{ font-size:clamp(18px,3vw,40px); }
[data-app="meeting-cost"].ndt-big .mc-lb{ width:100%; max-width:clamp(320px,46vw,820px); margin:clamp(8px,3vh,32px) auto 0; gap:clamp(6px,.8vw,12px); }
[data-app="meeting-cost"].ndt-big .mc-lb .ndt-btn{ min-height:clamp(44px,6vh,64px); font-size:clamp(15px,1.25vw,22px); background:#1C2230; border-color:#39414F; color:#E7E9EC; }
[data-app="meeting-cost"].ndt-big .mc-lb .ndt-btn.pri{ background:#E7E9EC; border-color:#E7E9EC; color:#11151F; }
[data-app="meeting-cost"].ndt-big .mc-lb .ndt-btn.ndt-arm{ background:#B42318; border-color:#B42318; color:#fff; }
@media print{
  [data-app="meeting-cost"] .mc-lb, [data-app="meeting-cost"] .mc-wage, [data-app="meeting-cost"] .mc-pv{ display:none; }
}