/* ══════════════════════════════════════════════════════════════
   SV Dashboard v2.1 — CSS complet
   ══════════════════════════════════════════════════════════════ */

/* ── Variables ── */
:root {
  --sv-p:#9F46F7; --sv-pk:#DC25FF;
  --sv-g:linear-gradient(135deg,#9F46F7,#DC25FF);
  --sv-bg:#fbfcff; --sv-bg2:#f4f5fb;
  --sv-sur:#ffffff;
  --sv-ink:#0d0c22; --sv-i2:#1f1d3a;
  --sv-mu:#5a6c7d;  --sv-mu2:#8895a3;
  --sv-ln:#ebebf2;  --sv-ln2:#dfdfe9;
  --sv-lnp:rgba(159,70,247,.18);
  --sv-sm:0 1px 2px rgba(13,12,34,.04);
  --sv-md:0 4px 16px -8px rgba(13,12,34,.08),0 1px 2px rgba(13,12,34,.04);
  --sv-glow:0 8px 28px rgba(159,70,247,.32);
  --sv-glow-lg:0 14px 44px rgba(159,70,247,.45);
  --sv-r:18px;
  --sv-fn:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

/* ══ RESET BORDEAUX THÈME ══ */
.woocommerce-account a:hover,
.woocommerce-account a:focus,
.woocommerce-account button:hover,
.woocommerce-account .button:hover,
.sv-auth-standalone a:hover { color:inherit !important; text-decoration:none !important; }

/* ══ LAYOUT PRINCIPAL ══ */
.woocommerce-account * { box-sizing:border-box; }
.woocommerce-account .woocommerce {
  display:flex !important;
  align-items:flex-start !important;
  gap:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  min-height:100vh;
  background:var(--sv-bg);
}
.woocommerce-account .woocommerce-MyAccount-navigation { display:none !important; }
.woocommerce-account .entry-header h1,
.woocommerce-account h1.page-title,
.woocommerce-account .page-header { display:none !important; }

/* ══ SIDEBAR ══ */
.sv-sb {
  flex-shrink:0; width:248px;
  background:var(--sv-sur);
  border-right:1px solid var(--sv-ln);
  position:sticky; top:0; height:100vh;
  overflow-y:auto;
  display:flex; flex-direction:column;
  padding:18px 10px;
  transition:width .28s ease;
  z-index:100;
}
.sv-sb.closed { width:248px; }  /* sidebar toujours ouverte sur desktop */

.sv-sb-brand {
  display:flex; align-items:center; gap:10px;
  padding:4px 6px 14px;
  border-bottom:1px solid var(--sv-ln);
  margin-bottom:10px;
}
.sv-logo {
  width:38px; height:38px; border-radius:10px; flex-shrink:0;
  background:var(--sv-g);
  box-shadow:0 6px 18px rgba(159,70,247,.35);
  display:grid; place-items:center;
  color:#fff; font:800 15px/1 var(--sv-fn);
  position:relative; overflow:hidden;
}
.sv-logo::before { content:""; position:absolute; inset:1px; border-radius:9px; background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 50%); pointer-events:none; }
.sv-sb-info { overflow:hidden; white-space:nowrap; transition:opacity .2s; }
.sv-sb.closed .sv-sb-info { opacity:1; }
.sv-sb-name { display:block; font:700 13px/1.2 var(--sv-fn); color:var(--sv-ink); }
.sv-sb-role { display:block; font:600 10px/1.2 var(--sv-fn); color:var(--sv-mu); margin-top:3px; letter-spacing:.08em; text-transform:uppercase; }

.sv-nav { display:flex; flex-direction:column; gap:1px; flex:1; }
.sv-nav-grp { padding:12px 8px 5px; font:700 10px/1 var(--sv-fn); letter-spacing:.16em; text-transform:uppercase; color:var(--sv-mu2); white-space:nowrap; transition:opacity .2s; }
.sv-sb.closed .sv-nav-grp { opacity:0; }

.sv-nb {
  position:relative; display:flex; align-items:center;
  width:100%; height:40px; border-radius:9px;
  background:transparent; border:none; cursor:pointer;
  color:var(--sv-i2); transition:background .14s,color .14s;
  overflow:hidden; text-decoration:none !important;
}
.sv-nb-ic { display:grid; place-items:center; width:42px; height:40px; flex-shrink:0; }
.sv-nb-lb { font:600 13px/1 var(--sv-fn); flex:1; text-align:left; white-space:nowrap; transition:opacity .2s; }
.sv-sb.closed .sv-nb-lb { opacity:1; }
.sv-nb:hover { background:var(--sv-bg2) !important; color:var(--sv-ink) !important; text-decoration:none !important; }
.sv-nb-active { background:linear-gradient(135deg,rgba(159,70,247,.1),rgba(220,37,255,.05)) !important; color:var(--sv-p) !important; box-shadow:inset 2px 0 0 var(--sv-p) !important; }
.sv-nb-active:hover { background:linear-gradient(135deg,rgba(159,70,247,.12),rgba(220,37,255,.07)) !important; color:var(--sv-p) !important; }
.sv-notif { position:absolute; right:8px; top:50%; transform:translateY(-50%); min-width:19px; height:19px; padding:0 5px; border-radius:99px; background:var(--sv-g); color:#fff; font:700 10px/1 var(--sv-fn); display:grid; place-items:center; box-shadow:0 3px 8px rgba(159,70,247,.4); }
.sv-sb.closed .sv-notif { display:grid; }
.sv-nb-danger { color:#dc2626 !important; }
.sv-nb-danger:hover { background:rgba(220,38,38,.06) !important; color:#dc2626 !important; }
.sv-sb-foot { margin-top:auto; border-top:1px solid var(--sv-ln); padding-top:6px; }
.sv-toggle { display:none !important; }
.sv-chev { display:none !important; }
.sv-sb-foot { display:none !important; }

/* ══ CONTENU WC ══ */
.woocommerce-MyAccount-content {
  flex:1 !important; min-width:0 !important;
  padding:24px 32px 60px !important;
  background:var(--sv-bg) !important;
  min-height:100vh;
}

/* ══ COMPOSANTS COMMUNS ══ */
.sv-content-wrap { width:100%; }
.sv-topbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:24px; flex-wrap:wrap; }
.sv-topbar-r { display:flex; align-items:center; gap:10px; }
.sv-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:5px 12px; border-radius:30px; background:rgba(159,70,247,.08); border:1px solid rgba(159,70,247,.22); font:700 10px/1 var(--sv-fn); letter-spacing:.18em; text-transform:uppercase; color:var(--sv-p); }
.sv-dot { width:5px; height:5px; border-radius:50%; background:var(--sv-pk); box-shadow:0 0 7px var(--sv-pk); flex-shrink:0; }
.sv-me { display:flex; align-items:center; gap:10px; padding:3px 12px 3px 3px; background:var(--sv-sur); border:1px solid var(--sv-ln2); border-radius:50px; }
.sv-av { width:30px; height:30px; border-radius:50%; background:var(--sv-g); color:#fff; display:grid; place-items:center; font:700 11px/1 var(--sv-fn); box-shadow:0 3px 10px rgba(159,70,247,.35); flex-shrink:0; }
.sv-me-info { font:700 12px/1 var(--sv-fn); color:var(--sv-ink); }
.sv-me-info small { display:block; font:400 10.5px/1 var(--sv-fn); color:var(--sv-mu); margin-top:3px; }
.sv-ph { margin-bottom:24px; }
.sv-ph h1 { font:900 clamp(24px,3vw,36px)/1.1 var(--sv-fn) !important; letter-spacing:-.03em; color:var(--sv-ink); margin:0; }
.sv-ph p { color:var(--sv-mu); font-size:14px; margin-top:6px; line-height:1.6; }

/* ══ STATS ══ */
.sv-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.sv-stat { padding:18px; border-radius:var(--sv-r); background:var(--sv-sur); border:1px solid var(--sv-ln); box-shadow:var(--sv-sm); transition:box-shadow .22s,border-color .22s,transform .22s; }
.sv-stat:hover { border-color:var(--sv-lnp); box-shadow:var(--sv-md); transform:translateY(-1px); }
.sv-stat-r { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.sv-stat-ic { width:38px; height:38px; border-radius:9px; display:grid; place-items:center; background:rgba(159,70,247,.08); color:var(--sv-p); border:1px solid rgba(159,70,247,.18); flex-shrink:0; }
.sv-ic-pink  { background:rgba(220,37,255,.07)!important; color:var(--sv-pk)!important; border-color:rgba(220,37,255,.22)!important; }
.sv-ic-green { background:rgba(5,122,82,.06)!important;  color:#057a52!important;      border-color:rgba(5,122,82,.2)!important; }
.sv-ic-amber { background:rgba(245,158,11,.08)!important;color:#a86d10!important;      border-color:rgba(245,158,11,.25)!important; }
.sv-ic-euro  { font-size:20px!important; font-weight:900!important; color:var(--sv-pk)!important; background:rgba(220,37,255,.07)!important; border-color:rgba(220,37,255,.22)!important; }
.sv-stat-l { font:600 11.5px/1 var(--sv-fn); color:var(--sv-mu); margin-bottom:5px; }
.sv-stat-v { font:900 26px/1 var(--sv-fn); letter-spacing:-.025em; color:var(--sv-ink); }
.sv-stat-v-sm { font-size:19px; }
.sv-delta { font:600 11.5px/1 var(--sv-fn); color:#057a52; }
.sv-delta.sv-muted { color:var(--sv-mu); font-weight:500; }

/* ══ BODY GRID ══ */
.sv-body-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:16px; }
.sv-col-main,.sv-col-side { display:flex; flex-direction:column; gap:16px; }

/* ══ HERO ══ */
.sv-hero { padding:26px; border-radius:22px; position:relative; overflow:hidden; background:radial-gradient(60% 50% at 100% 0%,rgba(220,37,255,.09),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(159,70,247,.11),transparent 60%),var(--sv-sur); border:1px solid var(--sv-lnp); box-shadow:var(--sv-md); }
.sv-hero-deco { position:absolute; right:-16px; top:-16px; width:140px; height:140px; background:var(--sv-g); border-radius:50%; opacity:.07; filter:blur(22px); pointer-events:none; }
.sv-hero-title { font:900 clamp(18px,2.2vw,24px)/1.15 var(--sv-fn) !important; letter-spacing:-.025em !important; color:var(--sv-ink) !important; margin:12px 0 8px !important; }
.sv-hero-sub { font:400 13.5px/1.6 var(--sv-fn); color:var(--sv-mu); }
.sv-hero-meta { font:500 12px/1.4 var(--sv-fn); color:var(--sv-mu); margin-top:8px; }
.sv-hero-ctas { display:flex; gap:9px; margin-top:16px; flex-wrap:wrap; }
.sv-prog-wrap { margin-top:18px; }
.sv-prog-hd { display:flex; justify-content:space-between; font:600 11px/1 var(--sv-fn); color:var(--sv-mu); margin-bottom:7px; }
.sv-bar { height:5px; background:var(--sv-bg2); border-radius:99px; overflow:hidden; border:1px solid var(--sv-ln); }
.sv-bar>span { display:block; height:100%; border-radius:99px; box-shadow:0 0 8px rgba(159,70,247,.35); }

/* ══ CARD ══ */
.sv-card { background:var(--sv-sur); border:1px solid var(--sv-ln); border-radius:var(--sv-r); box-shadow:var(--sv-sm); overflow:hidden; }
.sv-card-hd { display:flex; align-items:center; justify-content:space-between; padding:18px 20px 0; flex-wrap:wrap; gap:8px; }
.sv-card-hd h3 { font:700 14.5px/1.2 var(--sv-fn) !important; color:var(--sv-ink) !important; margin:0 !important; }
.sv-card-hd p { font:400 12px/1 var(--sv-fn); color:var(--sv-mu); margin-top:3px; }
.sv-card-body { padding:14px 20px 18px; }
.sv-empty-txt { padding:16px 20px; color:var(--sv-mu); font-size:13.5px; }

/* ══ TABLEAU ORDERS ══ */
.sv-tbl-head { display:grid; padding:7px 20px; border-bottom:1px solid var(--sv-ln); font:700 10px/1 var(--sv-fn); letter-spacing:.12em; text-transform:uppercase; color:var(--sv-mu2); }
.sv-ord-cols { grid-template-columns:2fr 1fr auto; gap:14px; align-items:center; }
.sv-tbl-row { display:grid; padding:12px 20px; cursor:pointer; transition:background .12s; text-decoration:none !important; color:inherit; }
.sv-tbl-row:hover { background:var(--sv-bg2); color:inherit !important; }
.sv-tbl-row+.sv-tbl-row { border-top:1px solid var(--sv-ln); }
.sv-ref { font:700 13px/1.3 var(--sv-fn); color:var(--sv-ink); }
.sv-ref small { display:block; font:500 11px/1.3 var(--sv-fn); color:var(--sv-mu); margin-top:3px; }
.sv-tot { font:700 13px/1 var(--sv-fn); color:var(--sv-ink); }

/* ══ BADGES ══ */
.sv-badge { display:inline-flex; align-items:center; gap:5px; height:21px; padding:0 9px; border-radius:50px; font:700 10px/1 var(--sv-fn) !important; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
.sv-bdot { width:5px; height:5px; border-radius:50%; background:currentColor; flex-shrink:0; }
.sv-badge-purple { color:#7c3eed!important; background:rgba(159,70,247,.1)!important; border:1px solid rgba(159,70,247,.25)!important; }
.sv-badge-green  { color:#057a52!important; background:rgba(5,122,82,.08)!important;  border:1px solid rgba(5,122,82,.25)!important; }
.sv-badge-amber  { color:#a86d10!important; background:rgba(245,158,11,.1)!important; border:1px solid rgba(245,158,11,.3)!important; }
.sv-badge-red    { color:#dc2626!important; background:rgba(220,38,38,.07)!important; border:1px solid rgba(220,38,38,.22)!important; }
.sv-badge-neutral{ color:var(--sv-mu)!important; background:var(--sv-bg2)!important;  border:1px solid var(--sv-ln)!important; }

/* ══ BUTTONS ══ */
.sv-btn { appearance:none; border:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:7px; height:38px; padding:0 18px; border-radius:50px; font:700 13px/1 var(--sv-fn); color:#fff !important; background:var(--sv-g); box-shadow:var(--sv-glow); transition:transform .14s,box-shadow .22s; white-space:nowrap; text-decoration:none !important; }
.sv-btn:hover { box-shadow:var(--sv-glow-lg) !important; transform:translateY(-1px) !important; color:#fff !important; background:var(--sv-g) !important; }
.sv-btn-sm { height:32px; padding:0 13px; font-size:12px; }
.sv-btn-ghost { background:transparent !important; color:var(--sv-i2) !important; border:1px solid var(--sv-ln2) !important; box-shadow:none !important; }
.sv-btn-ghost:hover { border-color:var(--sv-p) !important; color:var(--sv-p) !important; background:rgba(159,70,247,.04) !important; box-shadow:none !important; transform:none !important; }
.sv-w100 { width:100%; }

/* ══ TASKS ══ */
.sv-task { display:flex; align-items:flex-start; gap:9px; padding:9px 0; cursor:pointer; }
.sv-task+.sv-task { border-top:1px solid var(--sv-ln); }
.sv-task-chk { width:17px; height:17px; border-radius:5px; border:1.5px solid var(--sv-ln2); flex-shrink:0; display:grid; place-items:center; transition:.18s; margin-top:1px; }
.sv-task-chk.done { background:var(--sv-g); border-color:transparent; }
.sv-task-chk.done::after { content:"✓"; color:#fff; font-size:9px; font-weight:700; }
.sv-task-lbl { font:600 13px/1.3 var(--sv-fn); color:var(--sv-ink); }
.sv-task-sub { font:400 11px/1.4 var(--sv-fn); color:var(--sv-mu); margin-top:2px; }
.sv-task.sv-done .sv-task-lbl { text-decoration:line-through; color:var(--sv-mu); }

/* ══ TEXTAREA ══ */
.sv-ta { width:100%; padding:9px 13px; font:400 13.5px/1.6 var(--sv-fn); color:var(--sv-ink); background:var(--sv-sur); border:1px solid var(--sv-ln2); border-radius:10px; outline:none; resize:vertical; transition:border-color .18s,box-shadow .18s; }
.sv-ta:focus { border-color:var(--sv-p); box-shadow:0 0 0 3px rgba(159,70,247,.1); }
.sv-send-ok { color:#057a52; font:600 13px/1 var(--sv-fn); text-align:center; padding:8px 0; }

/* ══ MESSAGERIE ══ */
.sv-msg-layout { display:grid; grid-template-columns:1fr 240px; gap:16px; }
.sv-msg-card { display:flex; flex-direction:column; height:calc(100vh - 220px); min-height:400px; }
.sv-msg-head { display:flex; align-items:center; gap:12px; padding:16px 20px; border-bottom:1px solid var(--sv-ln); flex-shrink:0; flex-wrap:wrap; }
.sv-msg-head-av { width:36px; height:36px; border-radius:50%; background:var(--sv-g); color:#fff; display:grid; place-items:center; font:700 12px/1 var(--sv-fn); box-shadow:0 3px 10px rgba(159,70,247,.3); flex-shrink:0; }
.sv-msg-head strong { font:700 14px/1 var(--sv-fn) !important; color:var(--sv-ink) !important; display:block !important; }
.sv-msg-head small { font:400 11.5px/1 var(--sv-fn) !important; color:var(--sv-mu) !important; margin-top:3px !important; display:block !important; }
.sv-msg-body { flex:1; overflow-y:auto; padding:18px 20px; display:flex; flex-direction:column; gap:13px; scroll-behavior:smooth; }
.sv-msg-footer { padding:12px 20px; border-top:1px solid var(--sv-ln); display:flex; gap:9px; flex-shrink:0; align-items:flex-end; }
.sv-msg-footer .sv-ta { flex:1; }
.sv-msg { display:flex; flex-direction:column; max-width:82%; }
.sv-msg-me   { align-self:flex-end; align-items:flex-end; }
.sv-msg-them { align-self:flex-start; align-items:flex-start; }
.sv-msg-bbl { padding:10px 14px; border-radius:13px; font:400 13.5px/1.55 var(--sv-fn); word-break:break-word; }
.sv-msg-me   .sv-msg-bbl { background:var(--sv-g); color:#fff; border-radius:13px 13px 3px 13px; }
.sv-msg-them .sv-msg-bbl { background:var(--sv-bg2); color:var(--sv-ink); border:1px solid var(--sv-ln); border-radius:13px 13px 13px 3px; }
.sv-msg-t { font:500 11px/1 var(--sv-fn); color:var(--sv-mu2); margin-top:4px; }
.sv-msg-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; gap:12px; color:var(--sv-mu); text-align:center; }
.sv-msg-aside { display:flex; flex-direction:column; gap:0; }
.sv-proj-lnk { display:flex; align-items:flex-start; gap:9px; padding:9px 0; cursor:pointer; border-bottom:1px solid var(--sv-ln); font:600 13px/1.3 var(--sv-fn); color:var(--sv-ink); transition:color .14s; }
.sv-proj-lnk:last-child { border-bottom:none; }
.sv-proj-lnk small { display:block; font:400 11px/1.3 var(--sv-fn); color:var(--sv-mu); margin-top:2px; }
.sv-proj-lnk:hover,.sv-proj-lnk.active { color:var(--sv-p) !important; }
.sv-proj-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; margin-top:4px; }
.sv-sel { padding:5px 9px; border:1px solid var(--sv-ln2) !important; border-radius:7px; font:500 12px/1 var(--sv-fn); color:var(--sv-ink) !important; background:var(--sv-sur) !important; outline:none; cursor:pointer; }

/* ══ DOCUMENTS ══ */
.sv-doc-filters { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.sv-doc-filter { padding:6px 14px; border-radius:50px; border:1px solid var(--sv-ln2); background:var(--sv-sur); color:var(--sv-mu); font:600 12px/1 var(--sv-fn); cursor:pointer; transition:all .18s; }
.sv-doc-filter.active { background:var(--sv-g); color:#fff; border-color:transparent; box-shadow:0 4px 12px rgba(159,70,247,.3); }
.sv-doc-list { display:flex; flex-direction:column; gap:14px; }
.sv-doc-card { background:var(--sv-sur); border:1px solid var(--sv-ln); border-radius:16px; box-shadow:var(--sv-sm); overflow:hidden; transition:box-shadow .2s,border-color .2s; }
.sv-doc-card:hover { box-shadow:var(--sv-md); border-color:var(--sv-lnp); }
.sv-doc-card-head { display:flex; align-items:center; gap:14px; padding:16px 20px; border-bottom:1px solid var(--sv-ln); flex-wrap:wrap; }
.sv-doc-type-ic { width:42px; height:42px; border-radius:10px; background:rgba(159,70,247,.08); border:1px solid rgba(159,70,247,.18); display:grid; place-items:center; font-size:20px; flex-shrink:0; }
.sv-doc-meta { flex:1; min-width:0; }
.sv-doc-title { font:700 14.5px/1.2 var(--sv-fn); color:var(--sv-ink); }
.sv-doc-ref { color:var(--sv-mu); font-weight:400; font-size:12.5px; margin-left:8px; }
.sv-doc-sub { font:400 12.5px/1.4 var(--sv-fn); color:var(--sv-mu); margin-top:3px; }
.sv-doc-body { padding:14px 20px; display:grid; grid-template-columns:1fr auto; gap:16px; align-items:start; }
.sv-doc-info { display:flex; flex-direction:column; gap:6px; }
.sv-doc-inforow { display:flex; align-items:center; justify-content:space-between; font-size:13px; color:var(--sv-mu); padding:5px 0; border-bottom:1px solid var(--sv-ln); }
.sv-doc-inforow:last-child { border-bottom:none; }
.sv-doc-inforow strong { color:var(--sv-ink); font-weight:600; }
.sv-doc-actions { display:flex; flex-direction:column; gap:8px; min-width:160px; }
.sv-doc-action-main { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:44px; border-radius:12px; font:700 13px/1 var(--sv-fn); cursor:pointer; text-decoration:none !important; border:none; transition:all .2s; background:var(--sv-g); color:#fff !important; box-shadow:var(--sv-glow); }
.sv-doc-action-main:hover { box-shadow:var(--sv-glow-lg) !important; transform:translateY(-1px); color:#fff !important; }
.sv-doc-action-sec { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; height:40px; border-radius:10px; font:600 13px/1 var(--sv-fn); cursor:pointer; border:1.5px solid rgba(159,70,247,.35); background:rgba(159,70,247,.06); color:var(--sv-p) !important; transition:all .18s; }
.sv-doc-action-sec:hover { background:rgba(159,70,247,.12) !important; }
.sv-doc-action-ghost { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; height:38px; border-radius:10px; font:600 12.5px/1 var(--sv-fn); cursor:pointer; border:1px solid var(--sv-ln2); background:transparent; color:var(--sv-mu) !important; transition:all .18s; }
.sv-doc-action-ghost:hover { border-color:var(--sv-p) !important; color:var(--sv-p) !important; }
.sv-doc-section { padding:12px 20px; border-top:1px solid var(--sv-ln); }
.sv-doc-section-admin { background:rgba(159,70,247,.03); }
.sv-doc-section-client { background:rgba(5,122,82,.04); border-top-color:rgba(5,122,82,.15); }
.sv-doc-section-title { font:600 10.5px/1 var(--sv-fn); color:var(--sv-mu); margin-bottom:10px; letter-spacing:.04em; text-transform:uppercase; }
.sv-doc-chips { display:flex; flex-wrap:wrap; gap:7px; }
.sv-doc-chip { display:inline-flex; align-items:center; gap:5px; padding:5px 12px; border-radius:20px; font:600 12px/1 var(--sv-fn); text-decoration:none !important; transition:all .18s; cursor:pointer; }
.sv-doc-chip-admin { background:rgba(159,70,247,.08); border:1px solid rgba(159,70,247,.22); color:var(--sv-p) !important; }
.sv-doc-chip-client { background:rgba(5,122,82,.08); border:1px solid rgba(5,122,82,.25); color:#057a52 !important; }
.sv-doc-return-item { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sv-doc-return-icon { font-size:20px; flex-shrink:0; }
.sv-doc-return-info { flex:1; min-width:100px; }
.sv-doc-return-label { display:block; font:600 13px/1.3 var(--sv-fn); color:var(--sv-ink); }
.sv-doc-return-date  { display:block; font:400 11.5px/1 var(--sv-fn); color:var(--sv-mu); margin-top:3px; }
.sv-doc-nofile { padding:12px; background:var(--sv-bg2); border-radius:10px; font-size:12.5px; color:var(--sv-mu); text-align:center; font-style:italic; }

/* ══ MODAL ══ */
.sv-modal-overlay { position:fixed; inset:0; background:rgba(13,12,34,.6); z-index:9999; display:grid; place-items:center; padding:20px; backdrop-filter:blur(4px); }
.sv-modal-box { background:var(--sv-sur); border-radius:18px; width:100%; max-width:500px; box-shadow:0 24px 60px rgba(13,12,34,.3); overflow:hidden; animation:svMod .2s ease; }
@keyframes svMod { from{opacity:0;transform:scale(.97)} to{opacity:1;transform:scale(1)} }
.sv-modal-head { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid var(--sv-ln); }
.sv-modal-head h3 { font:700 16px/1 var(--sv-fn); color:var(--sv-ink); margin:0; }
.sv-modal-close { background:none; border:none; cursor:pointer; font-size:20px; color:var(--sv-mu); line-height:1; padding:2px 6px; }
.sv-modal-body { padding:20px 22px; display:flex; flex-direction:column; gap:14px; }
.sv-upload-zone { border:2px dashed var(--sv-ln2); border-radius:12px; padding:28px 20px; text-align:center; cursor:pointer; transition:all .2s; }
.sv-upload-zone:hover,.sv-upload-zone.drag { border-color:var(--sv-p); background:rgba(159,70,247,.04); }
.sv-file-chosen { padding:10px 14px; background:var(--sv-bg2); border-radius:8px; font-size:13px; color:var(--sv-ink); }

/* ══ NOTICES WC ══ */
.woocommerce-account .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-info {
  background:rgba(159,70,247,.06) !important; border:1.5px solid rgba(159,70,247,.25) !important;
  border-left:4px solid #9F46F7 !important; border-radius:12px !important;
  padding:16px 20px !important; color:#0d0c22 !important;
  font:500 14px/1.6 -apple-system,sans-serif !important; margin:0 0 20px !important;
  display:block !important;
}
.woocommerce-account .woocommerce-info::before { display:none !important; }
.woocommerce-account .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-message {
  background:rgba(5,122,82,.06) !important; border:1.5px solid rgba(5,122,82,.25) !important;
  border-left:4px solid #057a52 !important; border-radius:12px !important;
  padding:16px 20px !important; color:#0d0c22 !important;
  font:500 14px/1.6 -apple-system,sans-serif !important; margin:0 0 20px !important;
  display:block !important;
}
.woocommerce-account .woocommerce-error,
.woocommerce-MyAccount-content .woocommerce-error {
  background:rgba(220,38,38,.06) !important; border:1.5px solid rgba(220,38,38,.22) !important;
  border-left:4px solid #dc2626 !important; border-radius:12px !important;
  padding:14px 20px !important; color:#dc2626 !important;
  font:500 13.5px/1.6 -apple-system,sans-serif !important; margin:0 0 20px !important;
  list-style:none !important; display:block !important;
}

/* ══ TIER BADGES ══ */
.sv-tier-wrap { display:inline-flex; align-items:center; vertical-align:middle; }

/* ══ DANGER ZONE ══ */
.sv-danger-zone { margin-top:28px; padding:20px; border:1px solid rgba(220,38,38,.25); border-radius:12px; background:rgba(220,38,38,.03); }
.sv-danger-zone h4 { font:700 13.5px/1 -apple-system,sans-serif; color:#dc2626; margin:0 0 7px; }
.sv-danger-zone p { font:400 13px/1.6 -apple-system,sans-serif; color:#5a6c7d; margin:0 0 14px; }
.sv-del-pending { padding:10px 14px; background:rgba(245,158,11,.08); border:1px solid rgba(245,158,11,.3); border-radius:8px; font:500 13px/1.5 -apple-system,sans-serif; color:#a86d10; }
.sv-del-btn { display:inline-flex; align-items:center; height:38px; padding:0 16px; border-radius:50px; border:1.5px solid #dc2626; background:transparent; color:#dc2626; font:600 13px/1 -apple-system,sans-serif; cursor:pointer; }
.sv-del-btn:hover { background:rgba(220,38,38,.06); }
.sv-del-btn-cancel { flex:1; height:38px; border-radius:50px; border:1px solid #dfdfe9; background:#fff; font:600 13px/1 -apple-system,sans-serif; color:#5a6c7d; cursor:pointer; }
.sv-del-btn-confirm { flex:2; height:38px; border-radius:50px; border:none; background:#dc2626; color:#fff; font:700 13px/1 -apple-system,sans-serif; cursor:pointer; }

/* ══ RESPONSIVE ══ */
@media(max-width:1100px) {
  .sv-stats{grid-template-columns:repeat(2,1fr)!important;}
  .sv-body-grid{grid-template-columns:1fr!important;}
}
@media(max-width:900px) {
  .sv-msg-layout{grid-template-columns:1fr!important;}
  .sv-msg-aside{display:none!important;}
}

/* ── Mobile : sidebar devient topbar horizontale scrollable ── */
@media(max-width:768px) {
  .woocommerce-account .woocommerce { flex-direction:column !important; }

  .sv-sb {
    width:100% !important;
    height:auto !important;
    position:sticky !important;
    top:0 !important;
    z-index:500 !important;
    padding:8px 10px !important;
    border-right:none !important;
    border-bottom:1px solid var(--sv-ln) !important;
    background:#fff !important;
    box-shadow:0 2px 8px rgba(0,0,0,.06) !important;
    flex-direction:row !important;
    align-items:center !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    gap:4px !important;
  }
  .sv-sb::-webkit-scrollbar { display:none !important; }

  /* Logo compact */
  .sv-sb-brand {
    flex-shrink:0 !important;
    padding:0 10px 0 0 !important;
    border-bottom:none !important;
    border-right:1px solid var(--sv-ln) !important;
    margin-bottom:0 !important;
    min-width:44px !important;
  }
  .sv-sb-info { display:none !important; }
  .sv-logo { width:34px !important; height:34px !important; font-size:12px !important; }

  /* Nav horizontale */
  .sv-nav {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:2px !important;
    overflow:visible !important;
    flex:1 !important;
  }
  .sv-nav-grp { display:none !important; }

  /* Boutons : icône au-dessus du label */
  .sv-nb {
    flex-direction:column !important;
    flex-shrink:0 !important;
    width:auto !important;
    min-width:52px !important;
    height:auto !important;
    padding:5px 6px !important;
    gap:2px !important;
    border-radius:8px !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .sv-nb-ic {
    width:22px !important;
    height:22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .sv-nb-lb {
    font-size:8.5px !important;
    font-weight:600 !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
    display:block !important;
    opacity:1 !important;
  }
  .sv-nb-active .sv-nb-lb { color:var(--sv-p) !important; }
  .sv-notif {
    right:2px !important;
    top:2px !important;
    transform:none !important;
  }

  /* Foot caché */
  .sv-sb-foot { display:none !important; }

  /* Contenu */
  .woocommerce-MyAccount-content { padding:16px !important; }
  .sv-stats { grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
  .sv-doc-body { grid-template-columns:1fr !important; }
  .sv-outils-grid { grid-template-columns:1fr 1fr !important; gap:12px !important; }
  .sv-proj-meta { grid-template-columns:repeat(2,1fr) !important; }
}

/* ── Très petit mobile ── */
@media(max-width:480px) {
  .sv-stats { grid-template-columns:1fr 1fr !important; }
  .sv-nb { min-width:44px !important; padding:4px 4px !important; }
  .sv-nb-lb { font-size:8px !important; }
  .sv-outils-grid { grid-template-columns:1fr !important; gap:10px !important; }
}

/* ── Masquer bottom nav sur desktop ── */
#sv-mobile-nav { display:none !important; }

/* ══ WC NATIF STYLES ══ */
.woocommerce-account table.woocommerce-orders-table,
.woocommerce-account table.woocommerce-MyAccount-downloads {
  width:100% !important; border-collapse:collapse !important;
  background:var(--sv-sur) !important; border:1px solid var(--sv-ln) !important;
  border-radius:var(--sv-r) !important; overflow:hidden !important;
}
.woocommerce-account table th { background:var(--sv-bg2) !important; color:var(--sv-mu) !important; font:700 11px/1 var(--sv-fn) !important; letter-spacing:.1em !important; text-transform:uppercase !important; padding:10px 16px !important; border-bottom:1px solid var(--sv-ln) !important; border-right:none !important; }
.woocommerce-account table td { padding:14px 16px !important; border-bottom:1px solid var(--sv-ln) !important; font:400 14px/1.4 var(--sv-fn) !important; color:var(--sv-ink) !important; border-right:none !important; vertical-align:middle !important; }
.woocommerce-account table tr:last-child td { border-bottom:none !important; }
.woocommerce-account .woocommerce-form-row input,
.woocommerce-account .woocommerce-EditAccountForm input {
  width:100% !important; height:46px !important; padding:0 14px !important;
  border:1px solid var(--sv-ln2) !important; border-radius:10px !important;
  font:400 14.5px/1 var(--sv-fn) !important; color:var(--sv-ink) !important;
  background:var(--sv-sur) !important; outline:none !important;
}
.woocommerce-account .woocommerce-form-row input:focus,
.woocommerce-account .woocommerce-EditAccountForm input:focus {
  border-color:var(--sv-p) !important; box-shadow:0 0 0 4px rgba(159,70,247,.12) !important;
}
.woocommerce-account .button,
.woocommerce-account a.button,
.woocommerce-account button.button,
.woocommerce-account input[type="submit"] {
  display:inline-flex !important; align-items:center !important; height:38px !important;
  padding:0 18px !important; border-radius:50px !important; font:700 13px/1 var(--sv-fn) !important;
  color:#fff !important; background:var(--sv-g) !important; border:none !important;
  box-shadow:var(--sv-glow) !important; cursor:pointer !important; text-decoration:none !important;
}
.woocommerce-account .button:hover { box-shadow:var(--sv-glow-lg) !important; transform:translateY(-1px) !important; color:#fff !important; }

/* ══ TOAST ══ */
#sv-toasts { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:9999; display:flex; flex-direction:column; gap:8px; align-items:center; pointer-events:none; }
.sv-toast { background:var(--sv-ink); color:#fff; padding:10px 18px; border-radius:50px; font:600 13px/1.2 var(--sv-fn); box-shadow:0 14px 36px rgba(13,12,34,.3); display:flex; align-items:center; gap:7px; animation:svTin .22s ease; }
@keyframes svTin { from{transform:translateY(7px);opacity:0} to{transform:translateY(0);opacity:1} }