/* Minuteur de Robin (porté de la maquette validée). Tout est sous .minuteur. */
.minuteur{--alert:#c8321f; --go:#1f8a4c; --go-ink:#ffffff}
@media (prefers-color-scheme: dark){ .minuteur{--alert:#ff7a66; --go:#4cc380; --go-ink:#06210f} }
.minuteur .eback{display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:14px; border:2px solid var(--line); background:var(--card); font-size:1.4rem; text-decoration:none; color:inherit; font-weight:800}
.minuteur .left{display:flex; align-items:center; gap:10px}





.minuteur{max-width:480px; margin:0 auto; padding:16px 16px 40px}
.minuteur header{display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:12px}
.minuteur h1{font-family:ui-serif,Georgia,serif; font-size:1.4rem; margin:0; white-space:nowrap}
.minuteur .tag{font-size:.7rem; color:var(--muted); text-align:right}
.minuteur h2{font-size:.95rem; margin:18px 0 8px; color:var(--muted); font-weight:700; text-transform:uppercase; letter-spacing:.04em}
.minuteur button{font-family:inherit; color:inherit}
.minuteur .chips{display:flex; flex-wrap:wrap; gap:8px}
.minuteur .chip{
  min-height:48px; padding:8px 14px; font-size:1.05rem; border-radius:14px;
  background:var(--card); border:2px solid var(--line); cursor:pointer;
}
.minuteur .chip[aria-pressed="true"], .minuteur .chip[aria-selected="true"]{border-color:var(--accent); background:var(--accent-soft); font-weight:700}
.minuteur .modes{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:6px 0 12px}
.minuteur .modes .chip{display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:68px; padding:6px; font-size:.95rem; text-align:center}
.minuteur .modes .ico{font-size:1.5rem; line-height:1}
.minuteur .stage{
  --phase:var(--ok);
  background:var(--card); border:2px solid var(--line); border-radius:24px;
  padding:16px 12px 14px; text-align:center;
}
.minuteur .stage-title{font-size:1.15rem; font-weight:700; margin:0 0 6px}
.minuteur #digits{
  font-size:5.2rem; font-weight:800; line-height:1.05; color:var(--phase);
  font-variant-numeric:tabular-nums; letter-spacing:-.02em; margin:6px 0 10px;
}
@media (max-width:360px){ .minuteur #digits{font-size:4.2rem} }
.minuteur .bricks{display:grid; grid-template-columns:repeat(10,1fr); gap:5px; margin:8px 4px 4px}
.minuteur .brick{
  position:relative; height:30px; border-radius:5px; background:var(--line); transition:background .2s;
}
.minuteur .brick.on{background:var(--phase)}
.minuteur .brick::before, .minuteur .brick::after{
  content:""; position:absolute; top:-4px; width:8px; height:5px; border-radius:3px 3px 0 0;
  background:inherit; opacity:.9;
}
.minuteur .brick::before{left:15%} .minuteur .brick::after{right:15%}
.minuteur svg.dial{width:100%; max-width:330px; height:auto; display:block; margin:0 auto}
.minuteur .dial text{fill:var(--ink); font-family:system-ui,-apple-system,sans-serif}
.minuteur .remain{font-size:1.5rem; font-weight:800; margin:6px 0 2px; color:var(--phase)}
.minuteur .status{font-size:1.1rem; margin:6px 0 2px; min-height:1.6em}
.minuteur .endline{font-size:.95rem; color:var(--muted); margin:2px 0 0}
.minuteur .bricktotal{display:inline-block; font-size:1rem; font-weight:800; color:var(--ink); background:var(--accent-soft); border-radius:12px; padding:4px 10px; margin-bottom:2px}
.minuteur .bricktotal.pop{animation:pop .45s ease-out}
.minuteur .hint{font-size:.85rem; color:var(--muted); margin:6px 8px 0}
.minuteur .controls{display:grid; grid-template-columns:1fr; gap:10px; margin-top:14px}
.minuteur .btn{
  min-height:68px; border:0; border-radius:20px; font-size:1.35rem; font-weight:800; cursor:pointer;
}
.minuteur .btn-go{background:var(--go); color:var(--go-ink)}
.minuteur .btn-pause{background:var(--warn); color:#fff}
.minuteur .btn-ghost{background:var(--card); border:2px solid var(--line); min-height:56px; font-size:1.1rem; font-weight:700; border-radius:18px; cursor:pointer}
.minuteur .durations{display:grid; grid-template-columns:repeat(4,1fr); gap:8px}
.minuteur .durations .chip{justify-content:center; text-align:center; padding:8px 4px; font-weight:700}
.minuteur .adjust{display:grid; grid-template-columns:72px 1fr 72px; gap:8px; align-items:center; margin-top:8px}
.minuteur .adjust .chip{font-size:1.6rem; font-weight:800; text-align:center; padding:0}
.minuteur .adjust .value{text-align:center; font-size:1.15rem; font-weight:700}
.minuteur .banner{
  position:fixed; left:12px; right:12px; top:12px; z-index:20; max-width:456px; margin:0 auto;
  background:var(--warn); color:#fff; font-weight:800; font-size:1.25rem; text-align:center;
  padding:14px; border-radius:18px; box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.minuteur .overlay{
  position:fixed; top:0; left:0; right:0; bottom:0; z-index:30; background:rgba(10,14,22,.72);
  display:flex; align-items:center; justify-content:center; padding:20px;
}
.minuteur .overlay .box{
  background:var(--card); border-radius:28px; padding:26px 20px; max-width:420px; width:100%; text-align:center;
  animation:pop .35s ease-out;
}
.minuteur .overlay .big{font-size:3.4rem; margin:0}
.minuteur .overlay h3{font-family:ui-serif,Georgia,serif; font-size:1.7rem; margin:6px 0 4px}
.minuteur .overlay p{margin:0 0 16px; color:var(--muted); font-size:1.05rem}
.minuteur .overlay .btn{width:100%; margin-top:10px}
@keyframes pop{from{transform:scale(.85); opacity:0} to{transform:scale(1); opacity:1}}
@media (prefers-reduced-motion: reduce){ .minuteur .overlay .box{animation:none} .minuteur .brick{transition:none} }
.minuteur .settings{background:var(--card); border:2px solid var(--line); border-radius:18px; padding:4px 14px}
.minuteur .settings summary{min-height:48px; display:flex; align-items:center; font-weight:700; cursor:pointer}
.minuteur .switch{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; border-top:1px solid var(--line); font-size:1.02rem}
.minuteur .switch input{width:28px; height:28px; accent-color:var(--accent)}
.minuteur .grp{font-size:.95rem; margin:12px 0 6px; color:var(--muted)}
.minuteur .ringlist .chip{min-height:44px; padding:6px 12px; font-size:.98rem}
.minuteur .notes{margin-top:18px; font-size:.9rem; color:var(--muted)}
.minuteur .notes summary{cursor:pointer; font-weight:700; color:var(--ink); min-height:44px; display:flex; align-items:center}
.minuteur .notes ul{padding-left:20px; margin:4px 0 0}
.minuteur .notes li{margin-bottom:6px}