/* App de Marine : direction artistique figée le 14/10/2026 (design/DESIGN.md).
   Look Doux, une palette par boutique : Corzen = Or noir, Yunaé = Émeraude, les deux = Bleu nuit. Clair par défaut. */
:root{
  --font-ui:"Inter",system-ui,-apple-system,sans-serif;
  --font-title:"Cormorant Garamond",Georgia,serif;
  --radius:18px;--radius-sm:12px;
  --pos:#1f9d55;--neg:#d64545;--warn:#b7791f;--warn-soft:#fbf1dc;
  --gold:linear-gradient(180deg,#f6e7bd 0%,#d9b866 55%,#b8923f 100%);
}
/* Or noir (Corzen) */
:root[data-accent="noir"]{--bg:#f3f0e9;--surface:#fffdf8;--surface-2:#f7f3ea;--border:#e6decd;--text:#14120f;--muted:#7a705f;--accent:#8c6d33;--accent-ink:#fff;--accent-soft:#f0e7d3;--hero-a:#161412;--hero-b:#2e2920;--shadow:0 1px 2px rgba(20,18,15,.04),0 8px 24px rgba(20,18,15,.06)}
:root[data-accent="noir"][data-theme="dark"]{--bg:#141413;--surface:#1d1c1b;--surface-2:#242321;--border:#33302b;--text:#f3eee4;--muted:#a1978a;--accent:#d4b06a;--accent-ink:#141413;--accent-soft:#2f2a20;--hero-a:#26221b;--hero-b:#121211;--pos:#3ccf7f;--neg:#ff6b6b;--warn:#e0b25a;--warn-soft:#3a2f17;--shadow:0 1px 2px rgba(0,0,0,.3)}
/* Émeraude (Yunaé) */
:root[data-accent="emeraude"]{--bg:#f2efe6;--surface:#fffdf7;--surface-2:#f6f2e8;--border:#e3dbc9;--text:#0f1f19;--muted:#6b786f;--accent:#0f4d3a;--accent-ink:#fff;--accent-soft:#e0ebe4;--hero-a:#11553f;--hero-b:#062619;--shadow:0 1px 2px rgba(15,31,25,.04),0 8px 24px rgba(15,31,25,.06)}
:root[data-accent="emeraude"][data-theme="dark"]{--bg:#06110d;--surface:#0c1a15;--surface-2:#11221b;--border:#1c3229;--text:#eef1ea;--muted:#8fa296;--accent:#cdae68;--accent-ink:#06110d;--accent-soft:#1d2a1f;--hero-a:#0f4d3a;--hero-b:#05170f;--pos:#3ccf7f;--neg:#ff6b6b;--warn:#e0b25a;--warn-soft:#3a2f17;--shadow:0 1px 2px rgba(0,0,0,.3)}
/* Bleu nuit (les deux) */
:root[data-accent="nuit"]{--bg:#f1f0ec;--surface:#fff;--surface-2:#f6f5f1;--border:#e2e0d9;--text:#0e1a2b;--muted:#6a7180;--accent:#17305a;--accent-ink:#fff;--accent-soft:#e2e7f0;--hero-a:#17305a;--hero-b:#081329;--shadow:0 1px 2px rgba(14,26,43,.04),0 8px 24px rgba(14,26,43,.06)}
:root[data-accent="nuit"][data-theme="dark"]{--bg:#060a12;--surface:#0d1420;--surface-2:#121b2a;--border:#1e293b;--text:#eef0f4;--muted:#8b93a3;--accent:#d8bf86;--accent-ink:#060a12;--accent-soft:#232934;--hero-a:#162a4d;--hero-b:#070d19;--pos:#3ccf7f;--neg:#ff6b6b;--warn:#e0b25a;--warn-soft:#3a2f17;--shadow:0 1px 2px rgba(0,0,0,.3)}

*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
.n{font-variant-numeric:tabular-nums}
.pos{color:var(--pos)}.neg{color:var(--neg)}.muted{color:var(--muted)}
.ico{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.app{container-type:inline-size;max-width:1440px;margin:0 auto;min-height:100vh}
.main{padding:20px 28px 48px}

/* Barre du haut */
.top{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;margin-bottom:18px}
.brand{font-family:var(--font-title);font-weight:600;font-size:27px}
.brand span{color:var(--accent)}
.seg{display:inline-flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}
.seg button{white-space:nowrap;border:0;background:transparent;padding:6px 12px;border-radius:999px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:6px}
.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
/* Boutique choisie : la couleur du dashboard (carte principale), sans pastille (Marine, 15/10/2026) */
.seg.shop button{padding:6px 14px}
.seg.shop button.on{background:linear-gradient(135deg,var(--hero-a),var(--hero-b));color:#f3e3b5;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.nav{display:flex;gap:2px;justify-self:center;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow)}
.nav a{padding:7px 14px;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:500;white-space:nowrap}
.nav a.on{background:var(--accent-soft);color:var(--accent)}
.nav a.soon{opacity:.5}
.tools{grid-column:-2/-1;grid-row:1;display:flex;gap:8px;justify-content:flex-end}
.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);padding:7px 12px;border-radius:999px;font-weight:500;box-shadow:var(--shadow)}
.btn.icon{padding:7px;width:34px;height:34px;justify-content:center}
.btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn:disabled{opacity:.6;cursor:wait}
.spin .ico{animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:6px 0 14px}
.head h1{font-family:var(--font-title);font-size:36px;font-weight:600;margin:0}
.periods{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.chip{border:1px solid var(--border);background:var(--surface);padding:6px 12px;border-radius:999px;font-weight:500;color:var(--muted)}
.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.custom{display:none;gap:6px;align-items:center}
.custom.show{display:inline-flex}
.custom input{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:5px 8px}
.status{color:var(--muted);font-size:12.5px;margin:8px 0 14px}
.status .live{color:var(--warn);font-weight:500}

.banner{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 14px;border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);font-weight:500;margin-bottom:14px}
.banner.err{background:#fde8e8;color:#b42318}
.progress{height:4px;background:var(--border);border-radius:99px;overflow:hidden;margin:-6px 0 14px;display:none}
.progress.show{display:block}
.progress i{display:block;height:100%;background:var(--accent);width:0;transition:width .3s}

.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px}
.card h2{font-family:var(--font-title);margin:0 0 12px;font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}
.lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-weight:600}
.sub{color:var(--muted);font-size:12.5px;margin-top:2px}
.tag{display:inline-block;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--warn-soft);color:var(--warn);margin-top:4px;white-space:nowrap}

/* Carte principale (foncée, chiffres dorés, vert et rouge obligatoires) */
.hero{background:linear-gradient(135deg,var(--hero-a),var(--hero-b));border:1px solid rgba(212,176,106,.38);color:#fff}
.hero .lbl{color:rgba(240,217,145,.78)}
.hero .sub{color:rgba(255,255,255,.72)}
.hero-top{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.18)}
.big{font-size:34px;font-weight:600;letter-spacing:-.02em;margin-top:4px;white-space:nowrap}
.big small{font-size:14px;font-weight:500;margin-left:4px}
.hero .big{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .big.pos{background:linear-gradient(180deg,#b6f5cf 0%,#5ee39a 55%,#2fb672 100%);-webkit-background-clip:text;background-clip:text}
.hero .big.neg{background:linear-gradient(180deg,#ffd0c7 0%,#ff7a6b 55%,#d9473a 100%);-webkit-background-clip:text;background-clip:text}
.hero .big.plain{background:none;color:#fff}
:root[data-accent="emeraude"] .hero .big.pos{background:linear-gradient(180deg,#f0fff6 0%,#a8f9cd 55%,#6fe8a6 100%);-webkit-background-clip:text;background-clip:text}
.hero .pos{color:#5ee39a}.hero .neg{color:#ff7a6b}
:root[data-accent="emeraude"] .hero .pos{color:#9cf7c6}
.hero .tag{background:rgba(240,217,145,.18);color:#f0d991}
.hero-bottom{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;padding-top:16px}
.mid{font-size:18px;font-weight:600;margin-top:4px}
.hero .mid{color:#f1e4c4}
.be{margin-top:18px;padding:12px 14px;background:rgba(255,255,255,.1);border-radius:var(--radius-sm)}
.be-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;flex-wrap:wrap}
.be-bar{position:relative;height:8px;background:rgba(255,255,255,.22);border-radius:99px;margin:10px 0 16px}
.be-fill{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,#2fb672,#7ef0b0)}
.be-fill.under{background:linear-gradient(90deg,#d9473a,#ff8a7c)}
.be-mark{position:absolute;top:-5px;width:2px;height:18px;background:#fff;border-radius:2px}
.be-mark span{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:10.5px;color:rgba(255,255,255,.8);white-space:nowrap}
.be-mark.t{background:rgba(240,217,145,.9)}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.card.src{margin-top:16px}
.mkt{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 78px 70px 44px;align-items:center;gap:8px;padding:6px 0;font-size:13px}
.mkt.head{padding:0 0 2px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
.mkt > span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkt .bar{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.mkt .bar i{display:block;height:100%;background:var(--accent);border-radius:99px}
.mkt .r{text-align:right}
.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--border);font-size:13px}
.kv:last-child{border-bottom:0}
.kv span:first-child{color:var(--muted)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}

/* Tableau jour par jour */
.table-card{margin-top:16px;padding:0;overflow:hidden}
.table-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding:18px 22px 12px}
.table-head h2{margin:0}
.totals{color:var(--muted);font-size:12.5px}
.totals b{color:var(--text)}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:780px}
th{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;text-align:right;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}
th:first-child,td:first-child{text-align:left;padding-left:22px}
td{text-align:right;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}
tr:last-child td{border-bottom:0}
td.day b{font-weight:600}
td.day span{color:var(--muted);font-size:11px;text-transform:uppercase;margin-left:6px}
td.day em{font-style:normal;color:var(--warn);font-size:11px;margin-left:6px}
td.ca{background-repeat:no-repeat}
td.wait{color:var(--warn)}
td.before{opacity:.75}
tr.empty td{color:var(--muted)}
.foot-note{padding:12px 22px 18px;color:var(--muted);font-size:12px;border-top:1px solid var(--border)}

.masked .n{filter:blur(7px);user-select:none}
.masked .shopname .real{display:none}
.masked .shopname::after{content:attr(data-alias)}
/* Page de connexion */
.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}
.login-card .brand{font-size:34px}
.login-card label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted);font-weight:500}
.login-card input{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:10px 12px;font-size:15px;color:var(--text)}
.login-card .btn{justify-content:center;padding:10px 14px}
.login-err{min-height:1.2em;margin:0;color:var(--neg);font-size:13px}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);opacity:0;background:#111;color:#fff;padding:10px 16px;border-radius:12px;font-size:13px;transition:.25s;z-index:60;max-width:calc(100vw - 32px);pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%)}
.bottombar{display:none}
/* Feuille Réglages */
.sheet-bg{position:fixed;inset:0;background:rgba(10,10,10,.45);display:grid;place-items:center;padding:16px;z-index:50}
.sheet{width:100%;max-width:520px;max-height:90vh;overflow:auto}
.sheet-head{display:flex;justify-content:space-between;align-items:center}
.sheet-head h2{margin:0}
.sheet h3{font-family:var(--font-title);font-size:18px;font-weight:600;margin:16px 0 4px}
/* App installée sur le téléphone : laisser la place à l'encoche et à la barre du bas */
.main{padding-top:max(20px, env(safe-area-inset-top))}

@container (max-width: 1360px){
  [data-nav] .nav{grid-column:1/-1;grid-row:2;justify-self:start}
}
@container (max-width: 1250px){
  .hero-bottom{grid-template-columns:repeat(4,1fr)}
  .grid3{grid-template-columns:1fr 1fr}
  .grid3 > :last-child{grid-column:1/-1}
}
@container (max-width: 760px){
  .main{padding:max(14px, env(safe-area-inset-top)) 16px 90px}
  .top{grid-template-columns:1fr auto;gap:10px}
  .seg.shop{grid-column:1/-1;grid-row:2;justify-self:start}
  [data-nav] .nav{display:none}
  .tools .btn.txt span{display:none}
  .head h1{font-size:28px}
  .hero-top{grid-template-columns:1fr 1fr}
  .hero-bottom{grid-template-columns:1fr 1fr 1fr}
  .big{font-size:26px}
  .grid2,.grid3{grid-template-columns:1fr}
  .grid3 > :last-child{grid-column:auto}
  .mkt{grid-template-columns:minmax(0,1fr) 70px 64px 40px}
  .mkt .bar{display:none}
  .card{padding:16px}
  .table-head{padding:16px 16px 10px}
  th:first-child,td:first-child{padding-left:16px}
  .bottombar{display:flex;position:fixed;left:0;right:0;bottom:0;justify-content:space-around;background:var(--surface);border-top:1px solid var(--border);padding:8px 4px max(18px, env(safe-area-inset-bottom));z-index:5}
  .bottombar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--muted);text-decoration:none;font-weight:500}
  .bottombar a.on{color:var(--accent)}
  .bottombar .ico{width:22px;height:22px}
}

/* ---- Écran Créas (15/10/2026) ---- */
.pill{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;vertical-align:middle}
.v-win{background:#d8f3e2;color:#14743f}.v-good{background:#e6f5ec;color:#1f9d55}.v-confirm{background:var(--warn-soft);color:var(--warn)}
.v-ok{background:var(--accent-soft);color:var(--accent)}.v-under{background:#fde8e8;color:#b42318}.v-low{background:var(--surface-2);color:var(--muted)}
:root[data-theme="dark"] .v-win{background:#123f27;color:#7ef0b0}:root[data-theme="dark"] .v-good{background:#173325;color:#5ee39a}
:root[data-theme="dark"] .v-under{background:#3d1717;color:#ff8a7c}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.filters input[type=search],.filters select{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 14px;min-width:0}
.filters input[type=search]{flex:1 1 260px;max-width:420px}
.tgl{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:500;font-size:13px}
.vchips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.vchip{display:inline-flex;align-items:center;gap:6px}
.vchip i{width:8px;height:8px;border-radius:50%;display:inline-block}
.vchip i.v-win{background:#14743f}.vchip i.v-good{background:var(--pos)}.vchip i.v-confirm{background:var(--warn)}
.vchip i.v-ok{background:var(--accent)}.vchip i.v-under{background:var(--neg)}.vchip i.v-low{background:var(--muted)}
.vchip .n{opacity:.7}
table.creas{min-width:1500px}
table.creas th.l,table.creas td.l,table.gtab th.l,table.gtab td.l{text-align:left}
table.creas th.sortable,table.gtab th.sortable{cursor:pointer;user-select:none}
table.creas th.sorted{color:var(--text)}
table.creas tbody tr{cursor:pointer}
table.creas tbody tr:hover td{background:var(--surface-2)}
table.creas tr.off td{opacity:.78}
table.creas td.name{min-width:190px;max-width:280px;white-space:normal}
table.creas td.name b{display:block;font-weight:600;overflow-wrap:anywhere}
table.creas td.name span{color:var(--muted);font-size:11.5px}
table.creas td.txt{max-width:150px;overflow:hidden;text-overflow:ellipsis}
table.creas td.auto{color:var(--muted);font-style:italic}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pos);margin-right:5px;vertical-align:middle}
.tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:4px 0 12px}
.tiles.small{grid-template-columns:repeat(5,1fr);margin:12px 0}
.tile{border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.tile b{font-size:22px;font-weight:600}
.tile span{font-size:11.5px;font-weight:600}
.kv.link{cursor:pointer}
.kv.link:hover span:first-child{color:var(--text)}
.tree{padding-left:calc(var(--d) * 18px)}
table.gtab{min-width:620px}
.sheet.wide{max-width:860px}
.fstats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 6px}
.fstats small{font-size:12px;color:var(--muted);font-weight:500}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.step{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}
.step.weak{border-color:var(--neg);background:#fdf1f1}.step.strong{border-color:var(--pos);background:#eef8f2}
:root[data-theme="dark"] .step.weak{background:#2a1414}:root[data-theme="dark"] .step.strong{background:#11261a}
.step.weak .mid{color:var(--neg)}.step.strong .mid{color:var(--pos)}
.curve{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;height:120px;align-items:end;margin:10px 0 4px}
.curve div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px;font-size:11px;color:var(--muted)}
.curve i{display:block;width:60%;background:var(--accent);border-radius:6px 6px 2px 2px;min-height:2px}
.curve b{color:var(--text);font-weight:600}
.fform{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px}
.fform label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);font-weight:500}
.fform input,.fform textarea{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:8px 10px;font-size:14px;color:var(--text);font-family:inherit;resize:vertical}
.fform input::placeholder{color:var(--muted);font-style:italic}
.fform .full{grid-column:1/-1}
.fform .actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
@container (max-width: 1250px){
  .tiles{grid-template-columns:repeat(4,1fr)}
}
@container (max-width: 760px){
  .tiles,.tiles.small{grid-template-columns:repeat(3,1fr)}
  .filters input[type=search]{flex-basis:100%;max-width:none}
}
/* La fiche s'ouvre hors du conteneur .app : requête sur l'écran */
@media (max-width: 760px){
  .sheet-bg{padding:10px;align-items:start}
  .sheet.card{padding:16px}
  .fstats,.steps{grid-template-columns:1fr 1fr}
  .fform{grid-template-columns:1fr}
}

/* ---- Écran Run du matin (15/10/2026) ---- */
.act{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;letter-spacing:.02em}
.act.big{font-size:13px;padding:6px 12px}
.a-scale{background:#d8f3e2;color:#14743f}.a-keep{background:var(--accent-soft);color:var(--accent)}
.a-opti{background:var(--warn-soft);color:var(--warn)}.a-down{background:#fde8e8;color:#b42318}.a-off{background:var(--surface-2);color:var(--muted)}
:root[data-theme="dark"] .a-scale{background:#123f27;color:#7ef0b0}:root[data-theme="dark"] .a-down{background:#3d1717;color:#ff8a7c}
.runhero .hero-top{grid-template-columns:repeat(4,1fr);border-bottom:0;padding-bottom:0}
.runhero .act{margin:2px 4px 2px 0}
.rule{margin:12px 2px 4px}
.rcard{margin-top:14px}
.rcard.off{opacity:.65}
.rhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.rhead h2{margin:0 0 4px}
.reco{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.reco small{font-size:12px;color:var(--muted);font-weight:500}
.rcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}
.rcol{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}
.rcol .mid{font-size:24px}
.pos.strong{color:#14743f}.warn{color:var(--warn)}
.why{margin:12px 0 4px;font-weight:500}
.rnotes{margin:4px 0 0;padding-left:18px;color:var(--muted);font-size:12.5px}
.rdec{display:grid;grid-template-columns:200px 180px 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}
.rdec label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);font-weight:500}
.rdec select,.rdec input{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:8px 10px;font-size:14px;color:var(--text);font-family:inherit}
.ractions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.ractions .btn.on{padding:10px 18px}
@container (max-width: 1250px){ .runhero .hero-top{grid-template-columns:1fr 1fr} }
@container (max-width: 760px){
  .rhead{flex-direction:column}
  .reco{align-items:flex-start;text-align:left}
  .rcols{grid-template-columns:1fr 1fr}
  .rdec{grid-template-columns:1fr 1fr}
  .rdec .wide{grid-column:1/-1}
}

/* ---- Écran Ma journée (15/10/2026) ---- */
.jgrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
.jcol{display:flex;flex-direction:column;gap:16px}
.todo-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.todo-head a{text-decoration:none}
.tprog{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin:4px 0 6px}
.tprog i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .3s}
.todo h3{font-family:var(--font-title);font-size:17px;font-weight:600;margin:16px 0 6px}
.todo h3.late{color:var(--neg)}
.tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.task{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}
.task.done .ttitle{text-decoration:line-through;color:var(--muted)}
.task.missed{opacity:.6}
.tick{flex:none;width:22px;height:22px;border-radius:50%;border:1.6px solid var(--border);background:var(--surface);color:var(--accent-ink);font-size:13px;font-weight:700;display:grid;place-items:center;padding:0;margin-top:1px}
.task.done .tick{background:var(--accent);border-color:var(--accent)}
.tick:hover{border-color:var(--accent)}
.tbody{display:flex;flex-direction:column;gap:3px;min-width:0}
.ttitle{font-weight:500;overflow-wrap:anywhere}
.tmeta{display:flex;gap:5px;flex-wrap:wrap}
.tmeta i{font-style:normal;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.tmeta .lateday{background:#fde8e8;color:#b42318}
.tmeta .sync{background:var(--warn-soft);color:var(--warn)}
.tnote{font-size:12px;color:var(--muted)}
.linkbtn{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}
.jshop h2{margin-bottom:6px}
.jshop .kv span:last-child{text-align:right}
.mails{list-style:none;margin:4px 0 0;padding:0}
.mails li{display:flex;flex-direction:column;padding:6px 0;border-bottom:1px dashed var(--border);font-size:13px}
.mails li:last-child{border-bottom:0}
@container (max-width: 1000px){ .jgrid{grid-template-columns:1fr} }
.banner.alerts ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}

/* Carte des tâches à la manière du Semainier : vision board, écriture, citation ; tâches sobres (emoji seul) */
.todo.sem{--sem-ink:#C24A6C;--sem-soft:#FFE6EC;--sem-prio:#E0604E;--sem-prio-bg:#FFE3DC}
:root[data-theme="light"] .todo.sem{background:#FFFBF8}
:root[data-theme="dark"] .todo.sem{--sem-ink:#FFB8CA;--sem-soft:#4A2835;--sem-prio:#FF8C7A;--sem-prio-bg:#4A2A25}
.vision{display:flex;gap:5px;height:104px;border-radius:16px;overflow:hidden;margin:-4px 0 12px}
.vision img{flex:1 1 0;min-width:0;height:100%;object-fit:cover;display:block;transition:transform .5s}
.vision img.wide{flex:1.6 1 0}
.vision:hover img{transform:scale(1.03)}
.todo .script{font-family:"Parisienne","Snell Roundhand","Apple Chancery",cursive;font-size:26px;line-height:1;color:var(--sem-ink);margin-bottom:-2px}
.todo .quote{background:var(--sem-soft);color:var(--sem-ink);border-radius:12px;padding:9px 12px;font-family:var(--font-title);font-size:17px;margin:8px 0 10px}
.todo .quote em{font-weight:600}
.ttitle .emo{font-size:14px;margin-right:2px}
.task.done .ttitle .emo{text-decoration:none;display:inline-block}
.tmeta .prio{background:var(--sem-prio-bg);color:var(--sem-prio)}
.todo .tprog i{background:linear-gradient(90deg,#F6A9BD,#FBBB90,#F6D96C)}
@container (max-width: 760px){ .vision{height:86px} .vision img:nth-child(n+5){display:none} }
.todo.sem .task.done .tick{background:var(--sem-ink);border-color:var(--sem-ink);color:#fff}
.todo.sem .tick:hover{border-color:var(--sem-ink)}
.todo.sem .task.done .ttitle{text-decoration-color:var(--sem-ink)}
.cabe{padding:4px 0 8px;border-bottom:1px dashed var(--border)}
.cabe .kv{border-bottom:0;padding-bottom:4px}
.cabar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.cabar i{display:block;height:100%;border-radius:99px;background:var(--warn)}
.cabar i.ok{background:var(--pos)}
.tmeta .carried{background:var(--surface-2);color:var(--muted)}