/* 순서·당번 뽑기 */
[data-app="turn-picker"]{ display:flex; flex-direction:column; gap:10px; }
[data-app="turn-picker"] .tp-inhead{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 8px; margin:0 0 6px; }
[data-app="turn-picker"] .tp-inhead .ndt-k{ font-size:13.5px; color:#1A1A1A; }
[data-app="turn-picker"] .tp-count{ font-weight:700; color:#6B717B; }
[data-app="turn-picker"] .tp-from{ font-weight:600; color:#0D7A43; }
[data-app="turn-picker"] .tp-names{ min-height:96px; font-size:15px; line-height:1.45; }
[data-app="turn-picker"] .tp-hint{ margin:4px 0 0; font-size:12px; line-height:1.45; }
[data-app="turn-picker"] .tp-saved{ color:#0D7A43; font-weight:700; white-space:nowrap; }
[data-app="turn-picker"] .tp-saved.bad{ color:#B42318; }
[data-app="turn-picker"] .tp-warn,
[data-app="turn-picker"] .tp-stale{ margin:4px 0 0; padding:6px 8px; border-radius:8px; background:#FFF6E0; color:#7A5200; font-size:12.5px; line-height:1.45; overflow-wrap:anywhere; }
[data-app="turn-picker"] .tp-stale{ margin:0 0 8px; }
[data-app="turn-picker"] .tp-past{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 8px; }
[data-app="turn-picker"] .tp-past span{ min-width:0; }
[data-app="turn-picker"] .tp-past .ndt-btn{ background:#fff; border-color:#E2C27A; color:#5C4300; }
/* 세 버튼 */
[data-app="turn-picker"] .tp-acts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
[data-app="turn-picker"] .tp-act{ min-height:48px; padding:4px 6px; white-space:normal; word-break:keep-all; line-height:1.25; font-size:14.5px; font-weight:800; border-color:#C9CED6; }
[data-app="turn-picker"] .tp-act[aria-pressed="true"]{ background:var(--accent,#2563EB); border-color:var(--accent,#2563EB); color:#fff; }
/* 당번표 설정 */
[data-app="turn-picker"] .tp-dset{ display:flex; flex-direction:column; gap:8px; padding:10px; border-radius:12px; border:1px solid #ECEEF2; background:#FBFBFC; }
[data-app="turn-picker"] .tp-days{ display:flex; gap:4px; }
[data-app="turn-picker"] .tp-day{ flex:1 1 0; min-width:0; min-height:36px; padding:0; border:1px solid #D9DCE1; border-radius:8px; background:#fff; color:#6B717B; font:inherit; font-size:14px; font-weight:800; cursor:pointer; }
[data-app="turn-picker"] .tp-day[aria-pressed="true"]{ background:#1A1A1A; border-color:#1A1A1A; color:#fff; }
[data-app="turn-picker"] .tp-dopts{ display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center; font-size:13px; font-weight:700; color:#4B5059; }
[data-app="turn-picker"] .tp-dopts label{ display:inline-flex; align-items:center; gap:4px; min-width:0; }
[data-app="turn-picker"] .tp-dopts .ndt-in{ width:auto; min-height:36px; padding:4px 6px; font-size:14px; }
[data-app="turn-picker"] .tp-dopts .tp-start{ max-width:100%; }   /* 폰(16px 글자)에서 날짜가 165px쯤 — 160px로 막으면 글자가 잘림 */
/* 결과 */
[data-app="turn-picker"] .tp-res{ min-height:72px; padding:10px; border-radius:12px; background:#F7F8FA; border:1px solid #ECEEF2; min-width:0; }
[data-app="turn-picker"] .tp-empty{ margin:6px 0; color:#6B717B; font-size:13px; text-align:center; line-height:1.55; }
[data-app="turn-picker"] .tp-empty small{ display:block; margin-top:4px; font-size:12px; color:#6B717B; }
[data-app="turn-picker"] .tp-rh{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:2px 8px; margin:0 0 8px; font-size:14px; }
[data-app="turn-picker"] .tp-rh .ndt-muted{ font-variant-numeric:tabular-nums; }
[data-app="turn-picker"] .tp-ol,
[data-app="turn-picker"] .tp-hist{ list-style:none; margin:0; padding:0; }
[data-app="turn-picker"] .tp-ol{ display:grid; grid-template-columns:minmax(0,1fr); gap:4px; max-height:340px; overflow:auto; }
[data-app="turn-picker"] .tp-ol.two{ grid-template-columns:repeat(2,minmax(0,1fr)); }
[data-app="turn-picker"] .tp-ol li{ display:flex; align-items:center; gap:8px; min-width:0; padding:6px 8px; border-radius:9px; background:#fff; border:1px solid #E6E8EC; font-size:15px; font-weight:700; }
[data-app="turn-picker"] .tp-ol li span{ min-width:0; overflow-wrap:anywhere; }
[data-app="turn-picker"] .tp-ol li b,
[data-app="turn-picker"] .tp-hist li b{ flex:none; display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; padding:0 4px; border-radius:999px; background:#E9EEFA; color:#314B86; font-size:12.5px; font-weight:800; font-variant-numeric:tabular-nums; }
[data-app="turn-picker"] .tp-big{ margin:2px 0 8px; text-align:center; font-size:36px; font-weight:900; line-height:1.15; letter-spacing:-.02em; color:#1A1A1A; overflow-wrap:anywhere; }
[data-app="turn-picker"] .tp-pop{ animation:tpPop .32s ease-out; }
@keyframes tpPop{ from{ transform:scale(.6); opacity:0; } to{ transform:scale(1); opacity:1; } }
[data-app="turn-picker"] .tp-done{ margin:0 0 8px; text-align:center; color:#0D7A43; font-weight:800; font-size:13px; }
[data-app="turn-picker"] .tp-k{ margin:0 0 4px; font-size:12px; font-weight:800; color:#6B717B; }
[data-app="turn-picker"] .tp-hist{ display:flex; flex-wrap:wrap; gap:4px; }
[data-app="turn-picker"] .tp-hist li{ display:inline-flex; align-items:center; gap:4px; max-width:100%; padding:2px 8px 2px 3px; border-radius:999px; background:#fff; border:1px solid #E6E8EC; font-size:13px; font-weight:700; overflow-wrap:anywhere; }
[data-app="turn-picker"] .tp-hist li.cur{ border-color:var(--accent,#2563EB); }
[data-app="turn-picker"] .tp-hist li b{ min-width:20px; height:20px; font-size:11.5px; }
[data-app="turn-picker"] .tp-left{ margin:8px 0 0; font-size:12.5px; line-height:1.5; overflow-wrap:anywhere; }
[data-app="turn-picker"] .tp-tblwrap{ overflow-x:auto; max-width:100%; border-radius:9px; background:#fff; border:1px solid #E6E8EC; }
[data-app="turn-picker"] .tp-tbl{ width:100%; border-collapse:collapse; font-size:14px; }
[data-app="turn-picker"] .tp-tbl th,
[data-app="turn-picker"] .tp-tbl td{ padding:6px 8px; border-bottom:1px solid #EEF0F3; text-align:left; vertical-align:top; white-space:nowrap; }
[data-app="turn-picker"] .tp-tbl tbody tr:last-child th,
[data-app="turn-picker"] .tp-tbl tbody tr:last-child td{ border-bottom:0; }
[data-app="turn-picker"] .tp-tbl thead th{ font-size:12.5px; color:#4B5059; font-weight:800; background:#F7F8FA; }
[data-app="turn-picker"] .tp-tbl thead th small{ display:block; font-weight:600; color:#6B717B; font-size:11.5px; font-variant-numeric:tabular-nums; }
[data-app="turn-picker"] .tp-tbl tbody th{ width:36px; color:#314B86; font-weight:800; }
[data-app="turn-picker"] .tp-tbl tr.sat th{ color:#1D4ED8; }
[data-app="turn-picker"] .tp-tbl tr.sun th{ color:#B42318; }
[data-app="turn-picker"] .tp-tbl td{ font-weight:700; color:#1A1A1A; }
[data-app="turn-picker"] .tp-tbl td.off{ color:#9AA1AC; font-weight:500; }
[data-app="turn-picker"] .tp-note{ margin:6px 0 0; font-size:12px; }
/* 아래 줄 — 두 칸 고정(「결과 복사」 혼자면 한 줄 전체): 「복사됨 · 붙여 넣으세요」·「한 번 더 누르면 …」으로 글이 길어져도 칸 안에서 두 줄로 → 옆 단추가 밀리지 않음 */
[data-app="turn-picker"] .tp-foot{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; }
[data-app="turn-picker"] .tp-foot.solo .tp-copy{ grid-column:1 / -1; }
[data-app="turn-picker"] .tp-foot .ndt-btn{ min-height:44px; padding:0 8px; white-space:normal; line-height:1.25; text-align:center; word-break:keep-all; }
[data-app="turn-picker"] .tp-msg{ margin:0; font-size:12.5px; line-height:1.45; font-weight:700; color:#0D7A43; overflow-wrap:anywhere; }
[data-app="turn-picker"] .tp-msg.bad{ color:#B42318; }
[data-app="turn-picker"] .tp-msg:empty,
[data-app="turn-picker"] .tp-fbw:empty{ display:none; }
@media (max-width:560px){
  /* 폰: 입력 칸 글자 16px(아이폰이 확대하지 않게) */
  [data-app="turn-picker"] .tp-names,
  [data-app="turn-picker"] .tp-dopts .ndt-in{ font-size:16px; }
  [data-app="turn-picker"] .tp-big{ font-size:32px; }
}