/* 회의 안건표 — 카드 폭(컨테이너) 기준: 좁으면 안건 한 줄을 네 줄(시각·종류 / 제목 / 담당·분 / 미리 볼 것), 넓으면 두 줄 */
[data-app="meeting-agenda"]{ container-type:inline-size; }
[data-app="meeting-agenda"] .ma-edit{ display:flex; flex-direction:column; gap:12px; word-break:keep-all; overflow-wrap:anywhere; }
[data-app="meeting-agenda"] .ndt-in{ max-width:100%; min-width:0; min-height:40px; }
[data-app="meeting-agenda"] .ma-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-agenda"] .ma-note b{ flex:none; padding:0 7px; border-radius:6px; background:#F5C84C; color:#3A2A00; font-size:12px; line-height:20px; }
[data-app="meeting-agenda"] .ma-note span{ min-width:0; }
/* 머리 칸 */
[data-app="meeting-agenda"] .ma-head{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
[data-app="meeting-agenda"] .ma-f{ display:flex; flex-direction:column; gap:3px; min-width:0; }
[data-app="meeting-agenda"] .ma-ftitle, [data-app="meeting-agenda"] .ma-fdate, [data-app="meeting-agenda"] .ma-fplace, [data-app="meeting-agenda"] .ma-fpeople{ grid-column:1 / -1; }
[data-app="meeting-agenda"] .ma-f .ndt-k small{ font-weight:600; color:#8A8F98; }
[data-app="meeting-agenda"] .ma-unit{ display:flex; align-items:center; gap:6px; min-width:0; }
[data-app="meeting-agenda"] .ma-unit i{ flex:none; font-style:normal; font-size:13.5px; font-weight:700; color:#4B5059; }
[data-app="meeting-agenda"] input[type="date"].ndt-in, [data-app="meeting-agenda"] input[type="time"].ndt-in{ min-width:0; }
[data-app="meeting-agenda"] input[type="number"].ndt-in{ text-align:right; font-variant-numeric:tabular-nums; }
/* 목적 한 줄 */
[data-app="meeting-agenda"] .ma-goal{ display:flex; flex-direction:column; gap:5px; padding:10px; border-radius:12px; background:#EEF2FF; border:1px solid #D7DEFB; }
[data-app="meeting-agenda"] .ma-gq{ font-size:13.5px; font-weight:800; color:#2B3A8C; }
[data-app="meeting-agenda"] .ma-grow{ display:grid; min-width:0; }
[data-app="meeting-agenda"] .ma-grow::after{ content:attr(data-v) " "; visibility:hidden; white-space:pre-wrap; }
[data-app="meeting-agenda"] .ma-grow > textarea.ndt-in, [data-app="meeting-agenda"] .ma-grow::after{ grid-area:1 / 1 / 2 / 2; box-sizing:border-box; min-width:0; min-height:40px; margin:0; padding:8px 10px; border:1px solid transparent; font:inherit; font-size:14px; font-weight:700; line-height:1.45; word-break:keep-all; overflow-wrap:break-word; }
[data-app="meeting-agenda"] .ma-grow > textarea.ndt-in{ display:block; width:100%; resize:none; overflow:hidden; background:#fff; border-color:#C9D2F5; }
[data-app="meeting-agenda"] .ma-grow > textarea.ndt-in:focus{ border-color:var(--accent); }
/* 합계·막대 */
[data-app="meeting-agenda"] .ma-sum{ display:flex; flex-direction:column; gap:6px; padding:10px 12px; border-radius:12px; background:#F1F4F9; }
[data-app="meeting-agenda"] .ma-sum.over{ background:#FFF1F0; }
[data-app="meeting-agenda"] .ma-s1{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 10px; font-size:13.5px; color:#3A3F47; font-variant-numeric:tabular-nums; }
[data-app="meeting-agenda"] .ma-s1 b.ma-sumn{ font-size:15px; color:#1A1A1A; }
[data-app="meeting-agenda"] .ma-st{ padding:2px 10px; border-radius:999px; font-size:13.5px; font-weight:800; white-space:nowrap; }
[data-app="meeting-agenda"] .ma-st.ok{ background:#DDF3E4; color:#0D6B3A; }
[data-app="meeting-agenda"] .ma-st.over{ background:#B42318; color:#fff; }
[data-app="meeting-agenda"] .ma-bar{ position:relative; display:flex; height:12px; border-radius:6px; overflow:hidden; background:#E3E6EC; }
[data-app="meeting-agenda"] .ma-bar i{ display:block; height:100%; border-right:2px solid #fff; }
[data-app="meeting-agenda"] .ma-bar i:last-of-type{ border-right:0; }
[data-app="meeting-agenda"] .ma-bar s{ position:absolute; top:-2px; bottom:-2px; width:3px; margin-left:-1px; background:#B42318; text-decoration:none; }
[data-app="meeting-agenda"] .b-dec{ background:#4F5FD6; }
[data-app="meeting-agenda"] .b-dis{ background:#E3A21A; }
[data-app="meeting-agenda"] .b-info{ background:#3E9E6B; }
[data-app="meeting-agenda"] .b-left{ background:repeating-linear-gradient(135deg, #E3E6EC 0 5px, #F4F5F8 5px 10px); }
[data-app="meeting-agenda"] .ma-s2{ display:flex; flex-wrap:wrap; gap:2px 12px; font-size:12.5px; color:#4B5059; font-variant-numeric:tabular-nums; }
[data-app="meeting-agenda"] .ma-lg{ display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
[data-app="meeting-agenda"] .ma-lg i{ width:9px; height:9px; border-radius:3px; }
[data-app="meeting-agenda"] .ma-end{ flex-basis:100%; color:#5B6470; }
/* 안건 목록 */
[data-app="meeting-agenda"] .ma-sec{ display:flex; flex-direction:column; gap:8px; }
[data-app="meeting-agenda"] .ma-h{ display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; margin:0; font-size:14.5px; font-weight:800; color:#1A1A1A; }
[data-app="meeting-agenda"] .ma-cnt{ font-size:12.5px; font-weight:600; color:#6B717B; }
[data-app="meeting-agenda"] .ma-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
[data-app="meeting-agenda"] .ma-it{ display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"r1" "t" "r3" "p"; gap:6px; padding:8px 8px 8px 10px; border:1px solid #E3E5E9; border-left:5px solid #E3A21A; border-radius:12px; background:#fff; }
[data-app="meeting-agenda"] .ma-it.k-dec{ border-left-color:#4F5FD6; }
[data-app="meeting-agenda"] .ma-it.k-info{ border-left-color:#3E9E6B; }
[data-app="meeting-agenda"] .ma-r1{ grid-area:r1; display:flex; align-items:center; gap:5px; min-width:0; }
[data-app="meeting-agenda"] .ma-no{ flex:none; width:20px; height:20px; border-radius:50%; background:#ECEDF0; color:#4B5059; font-size:12px; font-weight:800; line-height:20px; text-align:center; font-variant-numeric:tabular-nums; }
[data-app="meeting-agenda"] .ma-tm{ flex:none; font-size:13.5px; font-weight:800; color:#1A1A1A; font-variant-numeric:tabular-nums; white-space:nowrap; }
[data-app="meeting-agenda"] .ma-tm.late{ padding:0 6px; border-radius:6px; background:#FDECEC; color:#B42318; }
[data-app="meeting-agenda"] select.ma-k{ flex:none; width:auto; min-height:32px; padding:0 22px 0 8px; border-radius:999px; font-size:13px; font-weight:800; }
[data-app="meeting-agenda"] .k-dec select.ma-k{ background-color:#EEF0FD; border-color:#C5CBF4; color:#2F3BA3; }
[data-app="meeting-agenda"] .k-dis select.ma-k{ background-color:#FFF5DC; border-color:#F0D58C; color:#6E4A00; }
[data-app="meeting-agenda"] .k-info select.ma-k{ background-color:#E7F5EC; border-color:#B5DEC4; color:#17633A; }
[data-app="meeting-agenda"] .ma-mv{ display:flex; gap:2px; margin-left:auto; flex:none; }
[data-app="meeting-agenda"] .ma-br{ display:none; }
[data-app="meeting-agenda"] .ma-mv .ndt-btn{ width:32px; padding:0; color:#5B6470; }
[data-app="meeting-agenda"] .ma-mv .ma-del:hover{ color:#B42318; border-color:#F0B5AF; }
[data-app="meeting-agenda"] .ma-mv .ndt-btn.ndt-arm{ width:auto; }
[data-app="meeting-agenda"] .ma-t{ grid-area:t; font-weight:700; }
[data-app="meeting-agenda"] .ma-r3{ grid-area:r3; display:grid; grid-template-columns:minmax(0,1fr) 6.2em; gap:6px; }
[data-app="meeting-agenda"] .ma-lw, [data-app="meeting-agenda"] .ma-lm{ display:flex; align-items:center; gap:5px; min-width:0; }
[data-app="meeting-agenda"] .ma-lw > span, [data-app="meeting-agenda"] .ma-lm > span{ flex:none; font-size:12.5px; font-weight:800; color:#4B5059; }
[data-app="meeting-agenda"] .ma-p{ grid-area:p; font-size:13px; }
/* 안내 */
[data-app="meeting-agenda"] .ma-tips{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
[data-app="meeting-agenda"] .ma-tips li{ padding:7px 10px; border-radius:10px; font-size:13px; line-height:1.5; }
[data-app="meeting-agenda"] .ma-tips li.over{ background:#FDECEC; color:#9F1C1C; font-weight:700; }
[data-app="meeting-agenda"] .ma-tips li.info{ background:#EEF2FF; color:#2B3A8C; }
[data-app="meeting-agenda"] .ma-tips li.soft{ background:#F5F6F8; color:#4B5059; }
/* 단추 */
[data-app="meeting-agenda"] .ma-btns{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px; }
[data-app="meeting-agenda"] .ma-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-agenda"] .ma-btns .ma-copy{ grid-column:1 / -1; min-height:46px; font-size:15px; }
[data-app="meeting-agenda"] .ma-btns .ma-sample{ grid-column:1 / -1; }
[data-app="meeting-agenda"] .ma-fbp:empty{ display:none; }
[data-app="meeting-agenda"] .ma-msg{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; font-size:13px; font-weight:700; color:#13703F; }
[data-app="meeting-agenda"] .ma-msgt.warn{ color:#B42318; }
[data-app="meeting-agenda"] .ma-msg:has(.ma-msgt:empty):has(.ma-undo[hidden]){ display:none; }
[data-app="meeting-agenda"] .ma-pv summary{ cursor:pointer; min-height:36px; display:flex; align-items:center; font-size:13px; font-weight:700; color:#314B86; }
[data-app="meeting-agenda"] .ma-pre{ margin:4px 0 0; max-height:300px; 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-agenda"] .ma-foot{ margin:0; }
[data-app="meeting-agenda"] .ma-foot.bad{ color:#B42318; font-weight:700; }
[data-app="meeting-agenda"] .ma-sheet{ display:none; }
@media (pointer:coarse), (max-width:560px){ [data-app="meeting-agenda"] .ndt-in, [data-app="meeting-agenda"] .ma-grow > textarea.ndt-in, [data-app="meeting-agenda"] .ma-grow::after{ font-size:16px; } [data-app="meeting-agenda"] select.ma-k{ font-size:14px; } }
/* 아주 좁은 카드(폰): 번호 동그라미는 빼고(시각이 순서를 말해 줌) 시각·종류·단추만 */
@container (max-width:290px){
  [data-app="meeting-agenda"] .ma-no{ display:none; }
  [data-app="meeting-agenda"] .ma-mv .ndt-btn{ width:30px; }
  [data-app="meeting-agenda"] .ma-r1{ flex-wrap:wrap; row-gap:4px; }   /* 320px 폰: ▲▼✕가 카드 밖으로 나가지 않게 다음 줄 오른쪽으로 */
}
@container (min-width:380px){
  [data-app="meeting-agenda"] .ma-head{ grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr); }
  [data-app="meeting-agenda"] .ma-fdate{ grid-column:auto; }
  [data-app="meeting-agenda"] .ma-btns{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  [data-app="meeting-agenda"] .ma-btns .ma-sample{ grid-column:auto; }
}
@container (min-width:620px){
  [data-app="meeting-agenda"] .ma-fplace{ grid-column:1 / 2; }
  [data-app="meeting-agenda"] .ma-fpeople{ grid-column:2 / -1; }
  [data-app="meeting-agenda"] .ma-it{ grid-template-columns:auto minmax(0,1fr) minmax(0,15em); grid-template-areas:"r1 t r3" "r1 p p"; align-items:center; }
  [data-app="meeting-agenda"] .ma-r1{ flex-wrap:wrap; row-gap:6px; width:13.2em; align-self:start; padding-top:4px; }
  [data-app="meeting-agenda"] .ma-br{ display:block; flex-basis:100%; height:0; }   /* 넓을 때: 1줄 번호·시각 / 2줄 종류·▲▼✕ */
}
/* 인쇄: 입력 화면 대신 안건표 한 장 */
@media print{
  [data-app="meeting-agenda"]{ border:0; padding:0; border-radius:0; background:#fff; color:#000; }
  [data-app="meeting-agenda"] .ma-edit{ display:none !important; }
  [data-app="meeting-agenda"] .ma-sheet{ display:block; font-size:10.5pt; line-height:1.5; color:#000; }
  [data-app="meeting-agenda"] .ma-s-warn{ margin:0 0 8pt; padding:4pt 8pt; border:1pt solid #B42318; color:#B42318; font-weight:800; }
  [data-app="meeting-agenda"] .ma-s-info, [data-app="meeting-agenda"] .ma-s-ag{ width:100%; border-collapse:collapse; margin-bottom:10pt; }
  [data-app="meeting-agenda"] .ma-s-info th, [data-app="meeting-agenda"] .ma-s-info td, [data-app="meeting-agenda"] .ma-s-ag th, [data-app="meeting-agenda"] .ma-s-ag td{ padding:4pt 6pt; border:.75pt solid #555; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
  [data-app="meeting-agenda"] .ma-s-info th{ width:15%; font-weight:800; white-space:nowrap; }
  [data-app="meeting-agenda"] .ma-s-ag thead{ display:table-header-group; }
  [data-app="meeting-agenda"] .ma-s-ag thead th{ border-bottom:1.5pt solid #000; font-weight:800; text-align:center; white-space:nowrap; }
  [data-app="meeting-agenda"] .ma-s-ag tr{ break-inside:avoid; page-break-inside:avoid; }
  [data-app="meeting-agenda"] .ma-s-ag .c{ text-align:center; white-space:nowrap; }
  [data-app="meeting-agenda"] .ma-s-sum{ margin:0; font-weight:800; }
}