/* 휴식 알림 — 일하는 중=하늘색 · 쉴 시간=노란 띠와 따뜻한 배경 */
[data-app="break-reminder"]{ display:flex; flex-direction:column; gap:6px; }
[data-app="break-reminder"].br-anim{ transition:background .3s, border-color .3s; }   /* 처음 그린 뒤부터(열 때 흰색→어두운색 번짐 없게) */
/* 두 번 눌러 확인: 어두운 판에서도 빨간색으로(공통 .ndt-dark .ndt-btn 이 공통 빨강을 덮어서) */
[data-app="break-reminder"] .ndt-btn.ndt-arm{ background:#B42318; border-color:#B42318; color:#fff; }
[data-app="break-reminder"].br-due{ background:#2B2110; border-color:#2B2110; }
[data-app="break-reminder"] .br-top{ display:flex; justify-content:space-between; align-items:center; gap:8px; }
[data-app="break-reminder"] .br-k{ font-size:13px; font-weight:800; color:#9BA3AE; white-space:nowrap; }
[data-app="break-reminder"].br-run .br-k{ color:#9ACFF7; }
[data-app="break-reminder"].br-due .br-k{ color:#FFCF4A; }
[data-app="break-reminder"] .br-sndl{ display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 2px; font-size:13px; font-weight:700; color:#C7CCD4; cursor:pointer; white-space:nowrap; }
[data-app="break-reminder"] .br-sndl input{ width:18px; height:18px; margin:0; accent-color:#7CC4FA; cursor:pointer; }
[data-app="break-reminder"] .br-alert{ padding:10px 12px; border-radius:12px; background:#FFCF4A; color:#1A1A1A; text-align:center; word-break:keep-all; overflow-wrap:anywhere; }
[data-app="break-reminder"] .br-alert:empty{ display:none; }
[data-app="break-reminder"].br-due .br-alert{ animation:ndtBreakRing 1s ease-in-out 4; }
@keyframes ndtBreakRing{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,207,74,.75); } 60%{ box-shadow:0 0 0 7px rgba(255,207,74,0); } }
[data-app="break-reminder"] .br-ak{ margin:0; font-size:19px; font-weight:900; line-height:1.3; }
[data-app="break-reminder"] .br-act{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 8px; margin:6px 0 0; }
[data-app="break-reminder"] .br-act span{ padding:1px 9px; border-radius:999px; background:rgba(26,26,26,.12); font-size:12px; font-weight:800; }
[data-app="break-reminder"] .br-act b{ font-size:18px; font-weight:900; }
[data-app="break-reminder"] .br-how{ margin:4px 0 0; font-size:13.5px; font-weight:600; line-height:1.55; }
[data-app="break-reminder"] .br-time{ text-align:center; font-size:58px; font-weight:900; line-height:1.05; letter-spacing:.01em; font-variant-numeric:tabular-nums; }
[data-app="break-reminder"].br-due .br-time{ color:#FFCF4A; }
[data-app="break-reminder"] .br-state{ min-height:1.4em; text-align:center; font-size:12.5px; color:#9BA3AE; word-break:keep-all; }
[data-app="break-reminder"].br-run .br-state{ color:#C7CCD4; }
[data-app="break-reminder"].br-due .br-state{ color:#F3D88A; }
[data-app="break-reminder"] .br-bar{ height:6px; border-radius:3px; background:#2B3240; overflow:hidden; }
[data-app="break-reminder"] .br-fill{ height:100%; width:0; background:#7CC4FA; transition:width .25s linear; }
[data-app="break-reminder"].br-due .br-fill{ background:#FFCF4A; }
[data-app="break-reminder"] .br-ivl{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; margin-top:4px; }
[data-app="break-reminder"] .br-chip{ min-height:40px; min-width:58px; padding:0 12px; border:1px solid #39414F; border-radius:999px; background:#1C2230; color:#E7E9EC; font-size:14px; font-weight:800; cursor:pointer; }
[data-app="break-reminder"] .br-chip:hover{ border-color:#5A6474; }
[data-app="break-reminder"] .br-chip[aria-pressed="true"]{ background:#7CC4FA; border-color:#7CC4FA; color:#0B1A2A; }
[data-app="break-reminder"] .br-own{ display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:#C7CCD4; }
[data-app="break-reminder"] .br-own .ndt-in{ width:70px; min-height:40px; text-align:right; padding-right:6px; }
[data-app="break-reminder"] .br-btns{ display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:6px; margin-top:2px; }
[data-app="break-reminder"] .br-btns .ndt-btn{ padding:0 8px; min-width:0; }
[data-app="break-reminder"] .br-btns .br-go{ background:#7CC4FA; border-color:#7CC4FA; color:#0B1A2A; }
[data-app="break-reminder"].br-run .br-btns .br-go{ background:#E7E9EC; border-color:#E7E9EC; color:#11151F; }
[data-app="break-reminder"].br-due .br-btns .br-go{ background:#FFCF4A; border-color:#FFCF4A; color:#1A1A1A; font-size:15px; }
[data-app="break-reminder"] .br-foot{ display:flex; flex-direction:column; gap:8px; margin-top:6px; padding-top:10px; border-top:1px solid #2B3240; }
[data-app="break-reminder"].br-due .br-foot{ border-top-color:#4A3B1C; }
[data-app="break-reminder"] .br-today{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin:0; font-size:14px; color:#C7CCD4; }
[data-app="break-reminder"] .br-today b{ font-size:17px; font-weight:900; color:#E7E9EC; font-variant-numeric:tabular-nums; }
[data-app="break-reminder"] .br-dots{ display:inline-flex; flex-wrap:wrap; align-items:center; gap:3px; }
[data-app="break-reminder"] .br-dots i{ width:10px; height:10px; border-radius:50%; background:#7CC4FA; }
[data-app="break-reminder"] .br-dots span{ font-size:12px; font-weight:800; color:#9ACFF7; }
[data-app="break-reminder"] .br-order{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:13px; }
[data-app="break-reminder"] .br-ok{ color:#9BA3AE; font-weight:700; }
[data-app="break-reminder"] .br-acts{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 16px; list-style:none; margin:0; padding:0; }
[data-app="break-reminder"] .br-acts li{ position:relative; padding:1px 9px; border:1px solid #39414F; border-radius:999px; color:#9BA3AE; font-weight:700; white-space:nowrap; }
[data-app="break-reminder"] .br-acts li + li::before{ content:'›'; position:absolute; left:-12px; top:50%; transform:translateY(-52%); color:#6B717B; font-weight:800; }
[data-app="break-reminder"] .br-acts li.cur{ border-color:#7CC4FA; background:rgba(124,196,250,.14); color:#E7E9EC; }
[data-app="break-reminder"] .br-erow{ gap:6px; }
[data-app="break-reminder"] .br-foot .ndt-muted{ margin:0; line-height:1.55; word-break:keep-all; }
@media (max-width:560px){
  [data-app="break-reminder"] .br-time{ font-size:50px; }
}