/* 회의 타이머 */
[data-app="meeting-timer"]{ display:flex; flex-direction:column; gap:6px; }
[data-app="meeting-timer"].mt-anim{ transition:background .3s; }   /* 처음 그린 뒤부터(열 때 흰색→어두운색 번짐 없게) */
/* 두 번 눌러 확인: 어두운 판에서도 빨간색으로(공통 .ndt-dark .ndt-btn 이 공통 빨강을 덮어서) · ✕는 확인 중에만 글자만큼 넓게 */
[data-app="meeting-timer"] .ndt-btn.ndt-arm{ background:#B42318; border-color:#B42318; color:#fff; }
[data-app="meeting-timer"] .mt-rows .mt-del.ndt-arm{ width:auto !important; padding:0 8px; white-space:nowrap; }
/* 화면 읽기 프로그램에만 들리는 안내 */
[data-app="meeting-timer"] .mt-sr{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; }
[data-app="meeting-timer"].mt-warn{ background:#3A2F12; border-color:#3A2F12; }
[data-app="meeting-timer"].mt-over{ background:#3D1717; border-color:#3D1717; }
[data-app="meeting-timer"] .mt-top{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:2px 8px; font-size:12.5px; color:#9BA3AE; font-variant-numeric:tabular-nums; }
[data-app="meeting-timer"] .mt-title{ margin:2px 0 0; text-align:center; font-size:18px; font-weight:800; overflow-wrap:anywhere; }
[data-app="meeting-timer"] .mt-time{ text-align:center; font-size:56px; font-weight:900; line-height:1.05; letter-spacing:.01em; font-variant-numeric:tabular-nums; white-space:nowrap; }
[data-app="meeting-timer"].mt-warn .mt-time, [data-app="meeting-timer"].mt-warn .mt-state{ color:#FFCF4A; }
[data-app="meeting-timer"].mt-over .mt-time, [data-app="meeting-timer"].mt-over .mt-state{ color:#FF6B6B; }
[data-app="meeting-timer"] .mt-state{ min-height:1.4em; text-align:center; font-size:12.5px; color:#9BA3AE; overflow-wrap:anywhere; }
[data-app="meeting-timer"].mt-over .mt-state{ font-weight:700; }
[data-app="meeting-timer"] .mt-bar{ height:6px; border-radius:3px; background:#2B3240; overflow:hidden; }
[data-app="meeting-timer"] .mt-fill{ height:100%; width:0; background:#7AA6F0; transition:width .25s linear; }
[data-app="meeting-timer"].mt-warn .mt-fill{ background:#FFCF4A; }
[data-app="meeting-timer"].mt-over .mt-fill{ background:#FF6B6B; }
/* 안건 칩: 이름이 길면 말줄임(…) — 카드 밖으로 밀리지 않게 · 끝난 안건은 ✓ + 걸린 시간(넘겼으면 빨강) */
[data-app="meeting-timer"] .mt-list{ display:flex; flex-wrap:wrap; justify-content:center; gap:4px; list-style:none; margin:0; padding:0; font-size:11.5px; color:#9BA3AE; }
[data-app="meeting-timer"] .mt-c{ display:inline-flex; align-items:baseline; gap:4px; max-width:100%; min-width:0; padding:1px 8px; border:1px solid #2B3240; border-radius:999px; }
[data-app="meeting-timer"] .mt-cn{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[data-app="meeting-timer"] .mt-cm{ flex:none; white-space:nowrap; font-variant-numeric:tabular-nums; }
[data-app="meeting-timer"] .mt-c.cur{ border-color:#7AA6F0; color:#E7E9EC; }
[data-app="meeting-timer"] .mt-c.done .mt-cm{ color:#C7CCD4; }
[data-app="meeting-timer"] .mt-c.over .mt-cm{ color:#FF8A7A; font-weight:700; }
/* 단추: 넓은 카드는 한 줄 · 폰은 「시작」을 한 줄 전체로 크게 + 나머지 셋 */
[data-app="meeting-timer"] .mt-btns{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:2px; }
[data-app="meeting-timer"] .mt-btns .mt-go{ min-width:108px; }
[data-app="meeting-timer"] .mt-btns [aria-disabled="true"]{ opacity:.5; cursor:default; }
[data-app="meeting-timer"] .mt-edit{ margin-top:6px; border-top:1px solid #2B3240; padding-top:8px; }
[data-app="meeting-timer"] .mt-edit summary{ cursor:pointer; font-size:13.5px; font-weight:800; color:#C7CCD4; min-height:32px; display:flex; align-items:center; gap:6px; }
[data-app="meeting-timer"] .mt-sum{ font-weight:600; color:#9BA3AE; }
[data-app="meeting-timer"] .mt-rows{ list-style:none; margin:8px 0; padding:0; display:flex; flex-direction:column; gap:6px; }
[data-app="meeting-timer"] .mt-rows li{ display:grid; grid-template-columns:minmax(0,1fr) 64px auto auto auto auto; gap:4px; align-items:center; }
[data-app="meeting-timer"] .mt-rows .ndt-in{ min-height:40px; }
[data-app="meeting-timer"] .mt-rows .mt-m{ text-align:right; padding-right:6px; }
[data-app="meeting-timer"] .mt-erow{ margin:4px 0; }
[data-app="meeting-timer"] .mt-lim{ flex:1 1 100%; color:#FFCF4A; font-weight:700; }
/* 크게 보기 — 폰 세로(360px)에서도 「+00:06」·「1:02:03」이 한 줄에 들어가게 */
[data-app="meeting-timer"].ndt-big{ justify-content:center; gap:14px; }
[data-app="meeting-timer"].ndt-big .mt-time{ font-size:clamp(64px,min(22vw,34vh),280px); }
[data-app="meeting-timer"].ndt-big .mt-time.mt-long{ font-size:clamp(48px,min(15vw,24vh),200px); }
[data-app="meeting-timer"].ndt-big .mt-title{ font-size:clamp(24px,4vw,48px); }
[data-app="meeting-timer"].ndt-big .mt-state, [data-app="meeting-timer"].ndt-big .mt-top{ font-size:clamp(14px,2vw,22px); }
[data-app="meeting-timer"].ndt-big .mt-list{ font-size:clamp(12px,1.6vw,18px); }
[data-app="meeting-timer"].ndt-big .mt-btns{ width:100%; max-width:640px; margin-left:auto; margin-right:auto; }
[data-app="meeting-timer"].ndt-big .mt-edit{ display:none; }
@media (max-width:560px){
  [data-app="meeting-timer"] .mt-time{ font-size:48px; }
  [data-app="meeting-timer"] .mt-btns{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  [data-app="meeting-timer"] .mt-btns .ndt-btn{ min-width:0; padding:0 6px; }
  [data-app="meeting-timer"] .mt-btns .mt-go{ grid-column:1 / -1; min-height:48px; font-size:16px; }
  [data-app="meeting-timer"] .mt-rows li{ grid-template-columns:minmax(0,1fr) 56px auto auto auto; }
  [data-app="meeting-timer"] .mt-rows li .ndt-muted{ display:none; }
}