/* Site « qui dit quoi faire » (assets/js/intuitif.js) */

/* À faire maintenant */
.todo .card-head h3 { display: flex; align-items: center; gap: 8px; }
.todo-n { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 99px; background: #F2A33A; color: #3a2300; font-size: 12px; font-weight: 800; }
.todo-list { display: flex; flex-direction: column; }
.todo-item { display: flex; align-items: center; gap: 14px; padding: 12px 18px; border-top: 1px solid var(--border); }
.todo-item:first-child { border-top: 0; }
.todo-ic { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: #DDF0EC; color: #23848A; flex: none; }
.todo-ic .icn { font-size: 19px; }
.todo-txt { flex: 1; min-width: 0; }
.todo-item .btn { flex: none; }
.todo-empty { display: flex; align-items: center; gap: 10px; padding: 18px; color: #1C6F74; font-weight: 600; }
.todo-empty .icn { font-size: 22px; color: #23848A; }
[data-theme="dark"] .todo-ic { background: rgba(74,163,166,.16); color: #5BC0C2; }
@media (max-width: 600px) {
  .todo-item { flex-wrap: wrap; padding: 12px 14px; }
  .todo-item .btn { width: 100%; justify-content: center; }
}

/* Prochaine étape d'une commande */
.next-step { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; padding: 14px 18px; border-radius: 14px; background: #F0F8F7; border: 1px solid #CDE6E2; }
.next-step.mine { background: #FFF6E6; border-color: #F6D9A6; }
.next-step.done { background: #F2F5F6; border-color: #E0E8EA; }
.ns-ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #DDF0EC; color: #23848A; flex: none; }
.next-step.mine .ns-ic { background: #FFE7BF; color: #B86E00; }
.next-step.done .ns-ic { background: #E6EDEF; color: #5F7781; }
.ns-ic .icn { font-size: 20px; }
.ns-txt { flex: 1; min-width: 0; }
.ns-who { font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #5F7781; }
.next-step.mine .ns-who { color: #B86E00; }
[data-theme="dark"] .next-step { background: rgba(74,163,166,.10); border-color: rgba(91,192,194,.22); }
[data-theme="dark"] .next-step.mine { background: rgba(242,163,58,.12); border-color: rgba(242,163,58,.3); }
@media (max-width: 600px) { .next-step { flex-wrap: wrap; } .next-step .btn { width: 100%; justify-content: center; } }

/* Visite guidée */
.tour-layer { position: fixed; inset: 0; z-index: 300; }
.tour-spot { position: fixed; border-radius: 14px; box-shadow: 0 0 0 4px #F2A33A, 0 0 0 9999px rgba(4,26,36,.45); pointer-events: none; transition: all .25s ease; }
.tour-bubble { position: fixed; z-index: 302; width: 300px; padding: 14px 16px; border-radius: 14px; background: #fff; color: #0C2430; box-shadow: 0 18px 40px -12px rgba(0,0,0,.45); }
[data-theme="dark"] .tour-bubble { background: #0F2B36; color: #E3F1F2; }
@media (max-width: 960px) { .p-flag { bottom: calc(76px + env(safe-area-inset-bottom)) !important; font-size: 11px !important; padding: 4px 10px !important; } }

/* « À faire maintenant » : tâches urgentes signalées en ambre */
.todo-item.urgent .todo-ic { background: #FFF3DC; color: #B45309; }
[data-theme="dark"] .todo-item.urgent .todo-ic { background: rgba(242,163,58,.16); color: #F2B65A; }