/*
Theme Name: SheinRelay Minimal V2 — Interface complète
Theme URI: https://sheinrelay.com/
Author: SheinRelay
Description: Thème mobile-first de validation visuelle comprenant les 16 écrans client et 5 écrans agent. Les actions métier restent des démonstrations visuelles et ne modifient aucune donnée.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sheinrelay-minimal-v2
*/
:root{--sr-ink:#0f172a;--sr-navy:#0f2b62;--sr-blue:#2563eb;--sr-pink:#e83e8c;--sr-muted:#64748b;--sr-bg:#f8fafc;--sr-white:#fff;--sr-border:#e2e8f0;--sr-soft:#eff6ff;--sr-green:#059669;--sr-amber:#d97706;--sr-radius:18px;--sr-shadow:0 10px 30px rgba(15,23,42,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sr-bg);color:var(--sr-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,.sr-btn{touch-action:manipulation}.sr-site-header{height:72px;background:#fff;border-bottom:1px solid var(--sr-border);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.sr-brand{font-size:25px;font-weight:850;letter-spacing:-1.2px;color:var(--sr-navy)}.sr-brand b{color:var(--sr-pink)}.sr-head-actions{display:flex;gap:16px;align-items:center}.sr-icon-btn{border:1px solid var(--sr-border);background:#fff;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;color:var(--sr-navy);cursor:pointer}.sr-container{max-width:1180px;margin:0 auto;padding:28px 22px 100px}.sr-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding:38px;border-radius:28px;background:linear-gradient(135deg,#fff 20%,#eef5ff 100%);overflow:hidden;position:relative}.sr-eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:800;color:var(--sr-blue)}h1,h2,h3,p{margin-top:0}.sr-hero h1{font-size:clamp(34px,4.5vw,56px);line-height:1.03;letter-spacing:-1.7px;margin:10px 0 16px}.sr-hero p{color:#334155;font-size:18px;max-width:500px}.sr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.sr-btn{border:0;border-radius:12px;background:var(--sr-blue);color:#fff;min-height:48px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;cursor:pointer;box-shadow:0 5px 12px rgba(37,99,235,.15)}.sr-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.sr-btn-pink{background:var(--sr-pink)}.sr-btn-outline{background:#fff;border:1px solid var(--sr-blue);color:var(--sr-navy);box-shadow:none}.sr-btn-soft{background:#e8f1ff;color:var(--sr-blue);box-shadow:none}.sr-btn-danger{background:#f43f5e}.sr-btn-purple{background:#7c3aed}.sr-route{min-height:270px;border-radius:22px;background:linear-gradient(150deg,#dceaff,#f8fbff);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.sr-route:before{content:"";position:absolute;width:360px;height:360px;border:1px dashed #6ca2ff;border-radius:50%;transform:rotate(-25deg)}.sr-route-plane{font-size:48px;z-index:1;transform:rotate(-12deg)}.sr-boxes{font-size:52px;z-index:1;margin:10px}.sr-route-labels{display:flex;justify-content:space-between;gap:60px;z-index:1;font-weight:800;color:var(--sr-navy)}.sr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.sr-card{background:#fff;border:1px solid var(--sr-border);border-radius:var(--sr-radius);padding:22px;box-shadow:var(--sr-shadow)}.sr-card h2,.sr-card h3{margin-bottom:9px}.sr-section-title{font-size:27px;letter-spacing:-.6px;margin:34px 0 14px}.sr-track-form label,.sr-form label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.sr-input{width:100%;border:1px solid #cbd5e1;border-radius:12px;min-height:48px;padding:12px 14px;background:#fff;color:var(--sr-ink)}.sr-form .sr-input{margin-bottom:15px}.sr-track-form .sr-btn{width:100%;margin-top:10px}.sr-muted{color:var(--sr-muted)}.sr-small{font-size:13px}.sr-step{display:flex;gap:13px;align-items:flex-start;margin:18px 0}.sr-step-num{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#e5efff;color:var(--sr-blue);display:grid;place-items:center;font-weight:850}.sr-step p{margin:4px 0 0;color:var(--sr-muted);font-size:14px}.sr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sr-stat{border:1px solid var(--sr-border);border-radius:14px;padding:15px;text-align:center;background:#fff}.sr-stat strong{display:block;font-size:25px;color:var(--sr-blue)}.sr-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:9px;background:#fff0ce;color:#9a4b00;font-size:12px;font-weight:800}.sr-pill.green{background:#d1fae5;color:#047857}.sr-pill.blue{background:#dbeafe;color:#1d4ed8}.sr-pill.pink{background:#ffe4f0;color:#be185d}.sr-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.sr-page-head h1{font-size:32px;letter-spacing:-.8px;margin-bottom:6px}.sr-breadcrumb{font-size:12px;color:var(--sr-muted);margin-bottom:14px}.sr-dossier-banner{background:linear-gradient(135deg,#09265b,#1649a5);color:#fff;border-radius:18px;padding:23px}.sr-dossier-banner h2{margin-bottom:7px}.sr-timeline{position:relative;padding-left:28px}.sr-timeline:before{content:"";position:absolute;left:8px;top:7px;bottom:7px;width:2px;background:#d7e2f3}.sr-event{position:relative;padding:0 0 23px 12px}.sr-event:before{content:"";position:absolute;left:-26px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--sr-blue);border:3px solid #dbeafe}.sr-event:last-child{padding-bottom:0}.sr-event time{font-size:12px;color:var(--sr-muted)}.sr-event strong{display:block}.sr-event p{font-size:13px;color:var(--sr-muted);margin:2px 0}.sr-product-list{display:flex;flex-direction:column;gap:12px}.sr-product{display:grid;grid-template-columns:28px 78px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--sr-border);border-radius:15px;background:#fff}.sr-product-thumb{width:78px;height:86px;border-radius:11px;background:linear-gradient(145deg,#fce7f3,#e5efff);display:grid;place-items:center;font-size:32px}.sr-product strong{display:block;font-size:14px}.sr-price{font-weight:800;color:var(--sr-navy);font-size:14px}.sr-price-promo{color:var(--sr-pink);font-weight:800}.sr-tabs{display:flex;gap:5px;border-bottom:1px solid var(--sr-border);margin:18px 0}.sr-tabs a{padding:11px 13px;font-size:13px;color:var(--sr-muted);border-bottom:3px solid transparent}.sr-tabs a.active{color:var(--sr-blue);border-color:var(--sr-blue);font-weight:800}.sr-summary-line{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.sr-summary-total{font-weight:850;font-size:20px;color:var(--sr-navy)}.sr-two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px}.sr-order{border:1px solid var(--sr-border);border-radius:16px;background:#fff;padding:17px;display:flex;gap:14px;align-items:center;margin-bottom:12px}.sr-order-icon{width:48px;height:48px;border-radius:14px;background:#eaf2ff;color:var(--sr-blue);display:grid;place-items:center;font-size:22px}.sr-order-main{flex:1;min-width:0}.sr-order-main strong{display:block}.sr-list-links{display:grid;gap:9px}.sr-list-link{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--sr-border);border-radius:13px;background:#fff;font-weight:650}.sr-list-link span{color:var(--sr-blue)}.sr-chat{display:flex;flex-direction:column;gap:12px}.sr-bubble{max-width:82%;padding:13px 15px;border-radius:16px;background:#eef2f7;font-size:14px}.sr-bubble.mine{align-self:flex-end;background:var(--sr-blue);color:#fff;border-bottom-right-radius:5px}.sr-chat-compose{display:flex;gap:8px;margin-top:10px}.sr-chat-compose input{flex:1;min-width:0}.sr-note{background:#eff6ff;border:1px solid #dbeafe;color:#1e40af;padding:13px 15px;border-radius:13px;font-size:13px}.sr-alert{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:14px;border-radius:13px;font-size:13px}.sr-footer{padding:28px 22px;text-align:center;color:var(--sr-muted);font-size:12px;border-top:1px solid var(--sr-border);background:#fff}.sr-bottom-nav{display:none}.sr-agent-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.sr-agent-side{background:#fff;border:1px solid var(--sr-border);border-radius:18px;padding:15px;height:max-content;position:sticky;top:90px}.sr-agent-side a{display:flex;gap:10px;padding:12px;border-radius:10px;font-size:14px;font-weight:700}.sr-agent-side a.active,.sr-agent-side a:hover{background:#eaf2ff;color:var(--sr-blue)}.sr-agent-card{border:1px solid var(--sr-border);border-radius:16px;padding:15px;background:#fff;margin-bottom:12px}.sr-agent-row{display:grid;grid-template-columns:20px 65px minmax(0,1fr) auto;gap:12px;align-items:center}.sr-agent-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.sr-screen-preview{border:1px solid var(--sr-border);border-radius:20px;background:#fff;padding:18px;box-shadow:var(--sr-shadow)}.sr-menu-drawer{display:none}
@media(max-width:760px){body{font-size:15px}.sr-site-header{height:62px;padding:0 16px}.sr-brand{font-size:23px}.sr-container{padding:16px 13px 100px}.sr-hero{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:23px 18px;border-radius:22px}.sr-hero h1{font-size:37px}.sr-hero p{font-size:16px}.sr-route{min-height:220px}.sr-grid{grid-template-columns:1fr;gap:13px}.sr-card{padding:18px}.sr-section-title{font-size:23px;margin-top:25px}.sr-page-head{display:block}.sr-page-head h1{font-size:27px}.sr-two-col{grid-template-columns:1fr}.sr-stats{gap:7px}.sr-stat{padding:12px 6px}.sr-stat strong{font-size:22px}.sr-product{grid-template-columns:20px 64px minmax(0,1fr);gap:9px;padding:10px}.sr-product-thumb{width:64px;height:72px;font-size:27px}.sr-product .sr-product-side{grid-column:3;display:flex;justify-content:space-between;align-items:center}.sr-product .sr-price-block{display:flex;gap:9px;flex-wrap:wrap}.sr-product strong{font-size:13px}.sr-tabs{overflow-x:auto}.sr-tabs a{white-space:nowrap;padding:11px 10px}.sr-agent-layout{display:block}.sr-agent-side{display:none}.sr-agent-row{grid-template-columns:20px 52px minmax(0,1fr)}.sr-agent-row .sr-agent-side-actions{grid-column:3}.sr-actions .sr-btn{flex:1}.sr-bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid var(--sr-border);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 5px max(7px,env(safe-area-inset-bottom));}.sr-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:var(--sr-muted);font-weight:650;padding:3px}.sr-bottom-nav a span{font-size:20px;line-height:1.2}.sr-bottom-nav a.active{color:var(--sr-blue)}.sr-footer{padding-bottom:92px}.sr-head-actions .sr-desktop-link{display:none}.sr-order{padding:13px}.sr-order-icon{width:42px;height:42px}.sr-dossier-banner{padding:19px}.sr-screen-preview{padding:13px}}
@media(min-width:761px){.sr-mobile-menu{display:none}}

.sr-mobile-menu-panel{position:fixed;z-index:60;top:62px;right:10px;left:10px;max-height:calc(100vh - 78px);overflow:auto;background:#fff;border:1px solid var(--sr-border);border-radius:18px;padding:16px;box-shadow:0 24px 70px rgba(15,23,42,.25)}.sr-mobile-menu-panel>a{display:block;padding:13px 10px;border-radius:10px;font-weight:650;border-bottom:1px solid #f1f5f9}.sr-mobile-menu-panel>a:hover{background:var(--sr-soft);color:var(--sr-blue)}.sr-mobile-menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sr-mobile-menu-panel hr{border:0;border-top:1px solid var(--sr-border);margin:12px 0}