/* Spliff Club — onglet Missions (Club V2, 4.154.0) : Spliff_Loyalty_Missions_Tab, missions.js.
   Maquette validée (docs/chantier-club-v2/maquette.html#missions) : blanc et gris clair, bleu #5A8BFF pour ce qui est
   fait ou validé, doré #E8A838 (texte #9A6410) pour les montants, missions qui rapportent en avant (fond et bande dorés,
   montant en grand, « à gagner »), aucun vert, zéro emoji. Remplace le bloc « MISSIONS v2 » et la fiche de front.css.
   Les fiches sont déplacées sous <body> : leurs règles passent par .slm-sheet. Astra stylise `button` et ses survols, et
   le CSS global du site impose 16 px !important aux boutons : chaque bouton est préfixé et ses états remis à plat. */
#sl-panel-missions,.slm-sheet{--m-line:#ECECE8;--m-mute:#8b8b85;--m-ink2:#55554f;--m-bg:#F6F6F3;--m-chip:#F1F1EC;--m-gold:#E8A838;--m-gold-soft:rgba(232,168,56,.12);--m-gold-ink:#9A6410;--m-blue:#5A8BFF;--m-blue-soft:#EEF3FF;--m-blue-line:#D6E1FF;--m-blue-ink:#3561D9;--m-amber-soft:#FFF5E2;--m-amber-ink:#A16207;--m-amber-line:#F3DDAF;--m-red-soft:#FDEDED;--m-red-ink:#B42318;--m-ui:'Instrument Sans',-apple-system,BlinkMacSystemFont,sans-serif}
#sl-panel-missions{gap:22px;color:#1b1b1b}
#sl-panel-missions [hidden],.slm-sheet [hidden]{display:none!important}
#sl-panel-missions .spi,.slm-sheet .spi{display:block;flex-shrink:0}

/* ── Résumé : déjà gagné / encore à gagner, « Le plus proche » ── */
.slm-sum{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;background:#fff;border:1px solid var(--m-line);border-radius:16px}
.slm-sum-c small{display:block;font:700 10px/1 var(--m-ui);letter-spacing:.9px;color:#A2A29B;text-transform:uppercase}
.slm-sum-c b{display:block;margin-top:6px;font:800 26px/1.1 var(--sl-font);color:#1b1b1b;white-space:nowrap}
.slm-sum-c.is-gold b{color:var(--m-gold-ink)}
.slm-bar{grid-column:1/-1;display:block;height:8px;margin-top:4px;border-radius:99px;background:#F0F0EB;overflow:hidden}
.slm-bar i{display:block;height:100%;border-radius:99px;background:var(--m-blue);transition:width .5s}
#sl-panel-missions .slm-next,#sl-panel-missions .slm-next:hover,#sl-panel-missions .slm-next:focus{grid-column:1/-1;display:flex;align-items:center;gap:8px;width:100%;min-height:0;margin:0;padding:9px 11px;border:0;border-radius:11px;background:var(--m-bg);color:var(--m-ink2);font:600 12px/1.35 var(--m-ui)!important;text-align:left;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
.slm-next>span{flex:1;min-width:0}
.slm-next b{font-weight:800;color:#1b1b1b}
.slm-next em{font:800 12.5px/1 var(--m-ui);font-style:normal;color:var(--m-gold-ink);white-space:nowrap}

/* ── Héros du moment et lien vers l'onglet Jeux ── */
.slm-heros{display:flex;flex-direction:column;gap:16px;min-width:0}
#sl-panel-missions .slm-games,#sl-panel-missions .slm-games:hover,#sl-panel-missions .slm-games:focus{display:flex;align-items:center;gap:10px;width:100%;min-height:0;margin:-8px 0 0;padding:12px 14px;border:1px solid var(--m-line);border-radius:14px;background:#fff;color:#1b1b1b;font:700 13px/1.2 var(--m-ui)!important;text-align:left;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
.slm-games>span{flex:1;min-width:0}
.slm-chev{flex-shrink:0;color:#A2A29B}

/* ── Sections ── */
.slm-sec{display:flex;flex-direction:column;min-width:0}
.slm-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#sl-panel-missions .slm-sec-t{margin:0;padding:0;font-family:var(--sl-font);font-size:16px;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:1px;color:#1b1b1b}
.slm-sec-sub{font:700 12px/1 var(--m-ui);color:var(--m-gold-ink);white-space:nowrap}
.slm-sec-s{margin:-8px 0 12px;font:500 12.5px/1.4 var(--m-ui);color:var(--m-mute)}

/* ── Filtres par thème ── */
.slm-chips{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 12px;padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.slm-chips::-webkit-scrollbar{display:none}
#sl-panel-missions .sl-ms-cat,#sl-panel-missions .sl-ms-cat:hover,#sl-panel-missions .sl-ms-cat:focus{flex-shrink:0;display:inline-flex;align-items:center;height:32px;min-height:0;margin:0;padding:0 13px;border:1px solid var(--m-line);border-radius:99px;background:#fff;color:var(--m-ink2);font:700 12px/1 var(--m-ui)!important;text-transform:none;letter-spacing:0;box-shadow:none;outline:none;cursor:pointer}
#sl-panel-missions .sl-ms-cat.active{background:var(--m-blue-soft);border-color:#C9D7FF;color:var(--m-blue-ink)}
.sl-ms-cat i{margin-left:5px;font-style:normal;color:#A2A29B}
.sl-ms-cat.active i{color:var(--m-blue-ink);opacity:.7}

/* ── Preuves en vérification ── */
.slm-proofs{display:flex;gap:10px;align-items:center;margin-bottom:10px;padding:12px 14px;border-radius:14px;background:var(--m-amber-soft);border:1px solid var(--m-amber-line);font:500 12px/1.4 var(--m-ui);color:var(--m-amber-ink)}
.slm-proofs>span{flex:1;min-width:0}
.slm-proofs b{display:block;font:700 13px/1.25 var(--m-ui)}
.slm-proofs small{display:block;margin-top:2px;font-size:12px}

/* ── Cartes ── */
.slm-list{display:flex;flex-direction:column;gap:10px}
.slm-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:12px;row-gap:9px;align-items:start;width:100%;box-sizing:border-box;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--m-line);text-align:left;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}
.slm-card.is-earn{background:linear-gradient(135deg,#FFF8E6,#fff 72%);border-color:#F3E2B5}
.slm-card.is-earn::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--m-gold)}
.slm-card:focus-visible{outline:2px solid var(--m-blue);outline-offset:2px}
@media (hover:hover){.slm-list .sl-mc:hover{border-color:#DADAD3;box-shadow:0 4px 16px rgba(0,0,0,.05)}.slm-list .sl-mc.is-earn:hover{border-color:#EED9A0}}
.slm-ic{grid-row:1/3;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--m-blue-soft)}
.slm-card.is-earn .slm-ic{background:var(--m-gold-soft)}
.slm-mid{min-width:0;display:flex;flex-direction:column;gap:4px}
.slm-t{font:800 13.5px/1.25 var(--sl-font);color:#1b1b1b;word-break:break-word}
.slm-t .sl-todo-new{margin-left:6px;vertical-align:2px}
.slm-tag{display:inline-flex;align-items:center;height:18px;margin-left:6px;padding:0 6px;border-radius:5px;background:var(--m-chip);color:var(--m-ink2);font:800 8.5px/1 var(--m-ui);letter-spacing:.5px;text-transform:uppercase;vertical-align:2px}
.slm-d{font:500 11.5px/1.4 var(--m-ui);color:var(--m-mute)}
.slm-cash{display:flex;flex-direction:column;align-items:center;gap:4px}
.slm-cash b{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:52px;padding:0 11px;border-radius:99px;background:var(--m-gold);color:#1b1b1b;font:800 13.5px/1 var(--sl-font);white-space:nowrap}
.slm-cash small{font:700 9px/1 var(--m-ui);letter-spacing:.4px;text-transform:uppercase;color:var(--m-gold-ink);white-space:nowrap}
.slm-cash.is-off b{background:var(--m-chip);color:#A2A29B}
.slm-meta{grid-column:2/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.slm-bdg{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:6px;background:var(--m-chip);color:var(--m-ink2);font:700 9.5px/1 var(--m-ui);letter-spacing:.3px;white-space:nowrap}
.slm-bdg .spi{width:12px;height:12px}
.slm-bdg.is-th{background:#FFF2E6;color:#B4600F}
.slm-bdg.is-ev{background:#F3EEFF;color:#6A4BD1}
.slm-bdg.is-time{background:var(--m-red-soft);color:var(--m-red-ink)}
.slm-bdg.is-fire{background:#FFF1E8;color:#C2410C}
.slm-act{grid-column:2/-1;display:flex;align-items:center;gap:10px;min-width:0}
.slm-pbar{flex:1;display:block;height:6px;min-width:40px;border-radius:99px;background:#EFEFEA;overflow:hidden}
.slm-pbar i{display:block;height:100%;border-radius:99px;background:var(--m-blue);transition:width .3s}
.slm-pbar.is-lg{height:10px}
.slm-ptxt{font:700 11px/1 var(--m-ui);color:var(--m-ink2)}
#sl-panel-missions .slm-btn,#sl-panel-missions .slm-btn:hover,#sl-panel-missions .slm-btn:focus,.slm-sheet .slm-btn,.slm-sheet .slm-btn:hover,.slm-sheet .slm-btn:focus{display:inline-flex;align-items:center;gap:5px;height:32px;min-height:0;margin:0;padding:0 12px;border:0;border-radius:99px;background:var(--m-blue-soft);color:var(--m-blue-ink);font:700 12px/1 var(--m-ui)!important;white-space:nowrap;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
#sl-panel-missions .slm-btn:disabled{opacity:.6;cursor:default}
.slm-btn .spi{width:16px;height:16px}
.slm-chip-wait{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:99px;background:var(--m-amber-soft);color:var(--m-amber-ink);font:700 12px/1 var(--m-ui);white-space:nowrap}
.slm-chip-wait .spi{width:16px;height:16px}
.slm-empty{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--m-line);font:500 12.5px/1.45 var(--m-ui);color:var(--m-ink2)}

/* ── Mission Avis : produits à noter (carte et fiche) ── */
.sl-mc-reviews{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px dashed #E4E4DE;cursor:default}
#sl-md-reviews{display:flex;flex-direction:column;gap:8px}
.sl-rv-head{display:flex;align-items:center;gap:6px;margin-top:2px;font:800 9.5px/1 var(--m-ui);letter-spacing:.6px;text-transform:uppercase;color:var(--m-blue-ink)}
.sl-rv-head b{font-weight:800;opacity:.7}
.sl-rv-head[data-kind="soon"]{color:#A2A29B}
.sl-rv-dot{width:6px;height:6px;border-radius:50%;background:var(--m-blue);flex-shrink:0}
.sl-rv-dot.soon{background:#C4C4BD}
.sl-rv-list{display:flex;flex-direction:column;gap:6px}
#sl-panel-missions .sl-rv-item,#sl-panel-missions .sl-rv-item:hover,#sl-panel-missions .sl-rv-item:focus,.slm-sheet .sl-rv-item,.slm-sheet .sl-rv-item:hover,.slm-sheet .sl-rv-item:focus{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:0;margin:0;padding:8px;border:1px solid transparent;border-radius:12px;background:var(--m-bg);color:#1b1b1b;font:600 12px/1.25 var(--m-ui)!important;text-align:left;text-transform:none;letter-spacing:0;box-shadow:none}
#sl-panel-missions button.sl-rv-item--now,.slm-sheet button.sl-rv-item--now{cursor:pointer}
.slm-sheet button.sl-rv-item--now.sel{border-color:#C9D7FF;background:var(--m-blue-soft)}
.sl-rv-item--soon{opacity:.75}
.sl-rv-img{width:36px;height:36px;border-radius:9px;object-fit:cover;background:#fff;flex-shrink:0;display:block}
.sl-rv-img--ph{display:grid;place-items:center}
.sl-rv-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slm-sheet .sl-rv-name{white-space:normal}
.sl-rv-go{flex-shrink:0;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:99px;background:var(--m-blue-soft);color:var(--m-blue-ink);font:700 12px/1 var(--m-ui);white-space:nowrap}
.sl-rv-state{flex-shrink:0;display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:99px;background:var(--m-chip);color:#A2A29B;font:700 10.5px/1 var(--m-ui);white-space:nowrap}
#sl-panel-missions .sl-rv-more,#sl-panel-missions .sl-rv-more:hover,#sl-panel-missions .sl-rv-more:focus{align-self:flex-start;min-height:0;margin:0;padding:2px 4px;border:0;background:none;color:var(--m-blue-ink);font:700 12px/1.2 var(--m-ui)!important;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
.sl-rv-empty{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:11px;background:var(--m-bg);font:600 12px/1.4 var(--m-ui);color:var(--m-ink2)}
.sl-rv-empty--done{background:var(--m-blue-soft);color:var(--m-blue-ink)}

/* ── Au palier suivant, Bientôt ── */
.slm-card.is-locked{background:#FBFBF9;border-style:dashed;cursor:default}
.slm-card.is-locked .slm-ic{filter:grayscale(.3)}
.slm-soon{position:relative;border-radius:16px;overflow:hidden}
.slm-soon .slm-card{filter:blur(4px);opacity:.7;cursor:default;pointer-events:none;user-select:none;-webkit-user-select:none}
.slm-soon>em{position:absolute;top:12px;right:12px;z-index:1;padding:5px 8px;border-radius:99px;background:rgba(27,27,27,.06);color:var(--m-ink2);font:800 9.5px/1 var(--m-ui);font-style:normal;letter-spacing:.6px;text-transform:uppercase}

/* ── Complétées ── */
#sl-panel-missions .slm-done-h,#sl-panel-missions .slm-done-h:hover,#sl-panel-missions .slm-done-h:focus{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:0;margin:0;padding:12px 4px;border:0;background:none;color:#1b1b1b;font:800 14px/1 var(--sl-font)!important;text-transform:uppercase;letter-spacing:1px;box-shadow:none;cursor:pointer}
.slm-done-h .slm-chev{transition:transform .3s}
.slm-done.open .slm-done-h .slm-chev{transform:rotate(180deg)}
.slm-done .sl-ms-done-list{display:none;flex-direction:column;gap:6px}
.slm-done.open .sl-ms-done-list{display:flex}
.slm-dn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#F7F7F4;font:600 12.5px/1.3 var(--m-ui);color:#1b1b1b;cursor:pointer}
.slm-dn-ic{flex-shrink:0;display:grid;place-items:center}
.slm-dn-t{flex:1;min-width:0}
.slm-dn-r{display:inline-flex;align-items:center;gap:6px;font:800 11.5px/1 var(--m-ui);color:var(--m-gold-ink);white-space:nowrap}
.slm-dn-r .spi-tick{width:18px;height:18px;padding:4px;box-sizing:border-box;border-radius:50%;background:var(--m-blue)}
.slm-done .sl-evh{background:#F7F7F4;border-color:var(--m-line)}

@media (min-width:768px){
	.slm-chips{margin:0 0 12px;padding:0}
	.slm-card{padding:16px 18px}
	.slm-t{font-size:14.5px}
	.slm-d{font-size:12.5px}
}

/* ══ Fiches : détail de mission, avis produit, envoi de preuve ══ */
.slm-sheet{max-height:92vh;max-height:92dvh;background:var(--m-bg)}
.sl-review-overlay,#sl-proof-overlay{z-index:100001}
.sl-review-sheet,#sl-proof-sheet{z-index:100002}
.slm-sheet .sl-modal-header{align-items:flex-start;gap:12px;padding:16px 18px 14px;border-bottom:1px solid var(--m-line)}
.slm-sheet .sl-modal-title{display:block;font:800 17px/1.15 var(--sl-font);color:#1b1b1b}
.slm-sheet-hd{flex:1;min-width:0}
.slm-sheet-sub{display:block;margin-top:4px;font:500 12px/1.3 var(--m-ui);color:var(--m-mute)}
.slm-sheet .sl-modal-close,.slm-sheet .sl-modal-close:hover,.slm-sheet .sl-modal-close:focus{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:var(--m-chip);color:var(--m-ink2);box-shadow:none;cursor:pointer}
.slm-sheet .sl-modal-body{padding:16px 16px 18px}
.slm-sheet-f{position:sticky;bottom:0;z-index:2;display:flex;flex-direction:column;gap:8px;padding:12px 16px calc(14px + env(safe-area-inset-bottom) + var(--sl-ios-nav,0px));background:#fff;border-top:1px solid var(--m-line)}
@supports selector(:has(*)){.slm-sheet-f:not(:has(>:not([hidden]))){display:none}}
/* Barre d'onglets flottante de Safari iOS 26 : var(--sl-ios-nav) sous le dernier bloc (règle commune, front.css) */
#sl-review-sheet .sl-modal-body,#sl-proof-sheet .sl-modal-body{padding-bottom:calc(18px + var(--sl-ios-nav,0px))}
.slm-sheet .slm-cta,.slm-sheet .slm-cta:hover,.slm-sheet .slm-cta:focus,.slm-sheet .slm-cta:active,.slm-sheet .slm-line,.slm-sheet .slm-line:hover,.slm-sheet .slm-line:focus,.slm-sheet .slm-line:active{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;min-height:0;margin:0;padding:0 16px;border:0;border-radius:13px;background:var(--m-blue);color:#fff;font:700 14.5px/1 var(--m-ui)!important;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer;transition:transform .15s}
.slm-sheet .slm-line,.slm-sheet .slm-line:hover,.slm-sheet .slm-line:focus,.slm-sheet .slm-line:active{background:#fff;color:#1b1b1b;border:1.5px solid #E4E4DF}
.slm-sheet .slm-cta:active,.slm-sheet .slm-line:active{transform:scale(.98)}
.slm-sheet .slm-cta:disabled,.slm-sheet .slm-line:disabled{opacity:.55;cursor:default;transform:none}
.slm-md{display:flex;flex-direction:column;gap:12px}
.slm-md-t{text-align:center}
.slm-md-ic{width:64px;height:64px;margin:4px auto 10px;border-radius:18px;display:grid;place-items:center;background:var(--m-gold-soft)}
.slm-md-t h3{margin:0;padding:0;font:800 18px/1.2 var(--sl-font);color:#1b1b1b;text-transform:none;letter-spacing:0}
.slm-md-t p{margin:6px 0 0;font:500 13px/1.45 var(--m-ui);color:var(--m-ink2)}
.slm-md-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:10px}
.slm-pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:99px;background:var(--m-gold);color:#1b1b1b;font:800 11.5px/1 var(--sl-font);white-space:nowrap}
.slm-box{display:block;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--m-line)}
.slm-grp-t{display:flex;align-items:center;gap:6px;margin:0 0 10px;font:700 10px/1 var(--m-ui);letter-spacing:1.2px;color:#A2A29B;text-transform:uppercase}
.slm-md-how{margin:0;font:500 13px/1.5 var(--m-ui);color:var(--m-ink2);white-space:pre-wrap;word-break:break-word}
.slm-md-pt{display:block;margin-top:8px;font:600 11.5px/1 var(--m-ui);color:var(--m-mute)}
.slm-note{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--m-line);font:500 12.5px/1.45 var(--m-ui);color:var(--m-ink2)}
.slm-note.is-amber{background:var(--m-amber-soft);border-color:var(--m-amber-line);color:var(--m-amber-ink)}
.slm-note.is-done{background:var(--m-blue-soft);border-color:var(--m-blue-line);color:var(--m-blue-ink);font-weight:700}

/* Avis */
.slm-sheet .sl-rvf,.slm-pf{display:flex;flex-direction:column;gap:12px}
.sl-rvf.sent .sl-rvf-photo,.sl-rvf.sent .sl-rvf-text,.sl-rvf.sent .sl-rvf-stars{opacity:.55;pointer-events:none}
.slm-prod{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--m-line)}
.slm-prod .sl-rvf-img{flex-shrink:0;width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--m-bg);display:grid;place-items:center}
.slm-prod .sl-rvf-img img{width:100%;height:100%;object-fit:cover;display:block}
.slm-prod-m{flex:1;min-width:0}
.slm-prod-k{display:block;font:700 9.5px/1 var(--m-ui);letter-spacing:.8px;text-transform:uppercase;color:#A2A29B}
.slm-prod b{display:block;margin-top:4px;font:800 13.5px/1.2 var(--sl-font);color:#1b1b1b}
.slm-prod-g{display:block;margin-top:3px;font:700 12px/1.3 var(--m-ui);color:var(--m-gold-ink)}
.slm-prod-g:empty{display:none}
.slm-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}
.slm-sheet .slm-stars button,.slm-sheet .slm-stars button:hover,.slm-sheet .slm-stars button:focus{display:grid;place-items:center;width:auto;min-height:0;margin:0;padding:2px;border:0;background:none;box-shadow:none;cursor:pointer;transition:transform .2s}
.slm-stars button.on{transform:scale(1.06)}
.slm-stars button:not(.on) .spi path{fill:#E8E8EC;stroke:#C4C4BD}
.slm-photo{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.slm-sheet .slm-photo button,.slm-sheet .slm-photo button:hover,.slm-sheet .slm-photo button:focus{display:flex;align-items:center;justify-content:center;gap:6px;height:56px;min-height:0;margin:0;padding:0 8px;border:1.5px dashed #D2D2CB;border-radius:13px;background:#fff;color:#1b1b1b;font:700 12.5px/1.2 var(--m-ui)!important;text-align:center;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
.slm-photo-ok{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;border-radius:13px;background:#fff;border:1px solid var(--m-line);font:600 12px/1.3 var(--m-ui);color:var(--m-ink2)}
.sl-rvf-photo.has .slm-photo-ok,#sl-proof-sheet .slm-photo-ok{background:var(--m-blue-soft);border-color:var(--m-blue-line);color:var(--m-blue-ink)}
#sl-proof-sheet .slm-photo-ok{margin-top:0}
.slm-photo-ok img{width:44px;height:44px;border-radius:9px;object-fit:cover;flex-shrink:0}
.sl-rvf-photo-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.sl-rvf-photo-txt b{font:700 12.5px/1.25 var(--m-ui);color:inherit}
.sl-rvf-photo-txt small{font:500 11px/1.3 var(--m-ui);color:var(--m-mute)}
.slm-pf-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slm-input{display:block;width:100%;box-sizing:border-box;padding:12px;border:1.5px solid #E4E4DE;border-radius:12px;background:#fff;color:#1b1b1b;font:500 16px/1.4 var(--m-ui);-webkit-appearance:none;appearance:none;resize:none;box-shadow:none}
input.slm-input{height:46px;padding:0 12px}
.slm-input:focus{outline:none;border-color:var(--m-blue)}
.slm-field{display:block;margin:0}
.slm-field>span{display:block;margin:0 0 6px 2px;font:600 11px/1 var(--m-ui);color:var(--m-mute)}
.slm-msg{padding:9px 11px;border-radius:10px;background:var(--m-red-soft);color:var(--m-red-ink);font:600 12px/1.4 var(--m-ui)}
.slm-msg.ok{background:var(--m-blue-soft);color:var(--m-blue-ink)}
.slm-progress{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:var(--m-blue-soft)}
.slm-progress .sl-rvf-progress-bar{height:6px;border-radius:99px;background:var(--m-blue-line);overflow:hidden}
.slm-progress .sl-rvf-progress-fill{height:100%;width:0;border-radius:99px;background:var(--m-blue);transition:width .2s}
.slm-progress.saving .sl-rvf-progress-fill{background:linear-gradient(90deg,var(--m-blue) 0%,#B9CBFF 50%,var(--m-blue) 100%);background-size:200% 100%;animation:slm-shimmer 1.2s linear infinite}
@keyframes slm-shimmer{from{background-position:200% 0}to{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.slm-progress.saving .sl-rvf-progress-fill{animation:none}.slm-bar i,.slm-pbar i{transition:none}}
.slm-progress .sl-rvf-progress-txt{font:700 11px/1 var(--m-ui);color:var(--m-blue-ink)}
@media (min-width:768px){.slm-sheet{max-width:600px;margin:0 auto}}