/* ══════════════════════════════════════════════════════════════════════════
   LA COQUILLE DU SITE VITRINE — COPIE
   Concaténation de wr.css + wr-app.css + wr-shell.css du site, commentaires
   retirés. NE PAS MODIFIER ICI : on régénère depuis le site quand il change
   (voir MISE-A-JOUR-admin.txt). Le backoffice n'en utilise que le header
   (.wr-header), la colonne (.wr-side / .wr-shell) et le pied (.wr-footer).
   ══════════════════════════════════════════════════════════════════════ */
/* ── wr.css (copie du site vitrine, sans commentaires) ── */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root {
  --wr-header-h: 68px;
  --wr-bg: #FBFCFE;          
  --wr-bg-2: #F4F6FB;        
  --wr-card: #FFFFFF;        
  --wr-violet: #8A63C1;
  --wr-violet-2: #A98AD3;    
  --wr-violet-dark: #6B47A6; 
  --wr-violet-soft: #F2EDFA; 
  --wr-violet-softer: #F8F4FD;
  --wr-ink: #1E1B2E;         
  --wr-ink-2: #374151;       
  --wr-muted: #6B7280;       
  --wr-muted-2: #9CA3AF;     
  --wr-line: #EEF1F7;        
  --wr-line-2: #E5E9F0;      
  --wr-shadow: 0 1px 2px rgba(30, 27, 46, .04), 0 4px 16px rgba(30, 27, 46, .04);
  --wr-shadow-hover: 0 4px 8px rgba(138, 99, 192, .08), 0 12px 32px rgba(138, 99, 192, .1);
  --wr-success: #10B981;
  --wr-danger: #EF4444;
  --wr-warning: #F59E0B;
  --wr-info: #3B82F6;
  --wr-cream: #F4ECE1;
  --wr-cream-2: #F5EDE3;
  --wr-acc-yellow: #FEF3C7;  --wr-acc-yellow-fg: #B45309;
  --wr-acc-green:  #D1FAE5;  --wr-acc-green-fg:  #047857;
  --wr-acc-pink:   #FCE7F3;  --wr-acc-pink-fg:   #BE185D;
  --wr-acc-blue:   #DBEAFE;  --wr-acc-blue-fg:   #1E40AF;
  --wr-acc-orange: #FED7AA;  --wr-acc-orange-fg: #C2410C;
  --wr-acc-violet: #EDE9FE;  --wr-acc-violet-fg: #6D28D9;
  --wr-acc-cyan:   #CFFAFE;  --wr-acc-cyan-fg:   #0E7490;
  --wr-r-xs: 6px;      
  --wr-r-sm: 10px;     
  --wr-r-md: 12px;     
  --wr-r-lg: 14px;     
  --wr-r-xl: 18px;     
  --wr-r-2xl: 20px;    
  --wr-r-3xl: 24px;    
  --wr-r-4xl: 28px;    
  --wr-r-5xl: 32px;    
  --wr-r-pill: 100px;
  --wr-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --wr-mono: 'SF Mono', 'JetBrains Mono', Menlo, monospace;
  --wr-t: .15s;
  --wr-t-slow: .8s cubic-bezier(.2, .7, .2, 1);
  --wr-container: 1200px;
  --wr-container-list: 880px;  
}
html:lang(zh) {
  --wr-font: 'Montserrat', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei',
             'Hiragino Sans GB', -apple-system, sans-serif;
}
html:lang(ja) {
  --wr-font: 'Montserrat', 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',
             'Yu Gothic', 'Meiryo', -apple-system, sans-serif;
}
html:lang(ja) body { font-size: 14.5px; }
html:lang(zh) body,
html:lang(ja) body { word-break: normal; overflow-wrap: anywhere; }
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  font-family: var(--wr-font);
  font-size: 15px;
  line-height: 1.6;
  color: var(--wr-ink-2);
  background: var(--wr-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
}
img, svg, video { display: block; max-width: 100%; }
button, input, select, textarea {
  font: inherit;
  color: inherit;
}
button { background: none; border: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: var(--wr-ink);
  line-height: 1.2;
  letter-spacing: -.02em;
}
h1 em, h2 em, h3 em, .wr-h1 em, .wr-title em {
  font-style: normal;
  font-weight: 700;
  color: var(--wr-violet);
}
.wr-h1 {
  font-size: 57px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.045em;
  color: var(--wr-ink);
}
.wr-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.025em;
  color: var(--wr-ink);
}
.wr-title--sm {
  font-size: 30px;
  letter-spacing: -.02em;
}
.wr-lede {
  font-size: 17px;
  line-height: 1.55;
  color: var(--wr-ink-2);
  max-width: 680px;
}
.wr-muted { color: var(--wr-muted); }
.wr-meta {
  font-size: 12.5px;
  color: var(--wr-muted);
  font-weight: 400;
}
@media (max-width: 991px) {
  .wr-h1 { font-size: 40px; }
  .wr-title { font-size: 34px; }
}
@media (max-width: 540px) {
  body { font-size: 14px; }
  .wr-h1 { font-size: 24px; }
  .wr-title { font-size: 28px; }
  .wr-title--sm { font-size: 24px; }
  .wr-lede { font-size: 15px; }
  .wr-meta { font-size: 11px; }
}
.wr-container {
  max-width: var(--wr-container);
  margin-inline: auto;
  padding-inline: 32px;
}
.wr-container--list { max-width: var(--wr-container-list); }
.wr-section { padding: 80px 0; }
.wr-section--tight { padding: 48px 0; }
@media (max-width: 540px) {
  .wr-container { padding-inline: 20px; }
  .wr-section { padding: 56px 0; }
  .wr-section--tight { padding: 36px 0; }
}
.wr-rule {
  width: 80px;
  height: 1px;
  margin: 0 auto;
  background: linear-gradient(90deg, transparent, var(--wr-line-2), transparent);
}
.wr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  border-radius: var(--wr-r-pill);
  background: var(--wr-violet-soft);
  color: var(--wr-violet-dark);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.wr-eyebrow__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--wr-violet);
  flex-shrink: 0;
}
.wr-hero .wr-eyebrow__dot {
  animation: wrPulse 2s ease-in-out infinite;
}
.wr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 20px;
  border-radius: 11px;
  font-size: 13.5px;
  font-weight: 700;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background var(--wr-t), transform var(--wr-t), box-shadow var(--wr-t), border-color var(--wr-t), color var(--wr-t);
  white-space: nowrap;
}
.wr-btn svg { width: 16px; height: 16px; flex-shrink: 0; }
.wr-btn:hover svg.wr-arrow { transform: translateX(3px); }
.wr-btn svg.wr-arrow { transition: transform var(--wr-t); }
.wr-btn--primary {
  background: var(--wr-violet);
  border-color: var(--wr-violet);
  color: #fff;
  box-shadow: 0 4px 14px rgba(138, 99, 193, .32);
}
.wr-btn--primary:hover {
  background: var(--wr-violet-dark);
  border-color: var(--wr-violet-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(138, 99, 193, .4);
}
.wr-btn--secondary {
  background: var(--wr-card);
  border-color: #E5E7EB;
  color: var(--wr-ink);
}
.wr-btn--secondary:hover {
  border-color: var(--wr-violet-2);
  color: var(--wr-violet);
  transform: translateY(-1px);
}
.wr-btn--dark {
  background: var(--wr-ink);
  border-color: var(--wr-ink);
  color: #fff;
}
.wr-btn--dark:hover { filter: brightness(1.5); }
.wr-btn--ghost {
  background: transparent;
  border: 1px dashed rgba(138, 99, 192, .35);
  color: var(--wr-violet);
  border-radius: var(--wr-r-pill);
  font-weight: 600;
}
.wr-btn--ghost:hover {
  background: var(--wr-violet-soft);
  border-style: solid;
  border-color: var(--wr-violet);
}
.wr-btn--pill {
  background: #111;
  border-color: #111;
  color: #fff;
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 600;
}
.wr-btn--pill:hover {
  background: #2C2C46;
  border-color: #2C2C46;
  transform: translateY(-1px);
}
.wr-btn--lg { padding: 13px 24px; font-size: 14px; border-radius: 12px; }
.wr-btn--sm { padding: 8px 14px; font-size: 12.5px; border-radius: var(--wr-r-sm); }
.wr-btn--block { width: 100%; }
.wr-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--wr-violet);
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  transition: color var(--wr-t), transform var(--wr-t);
}
.wr-link svg { width: 11px; height: 11px; transition: transform var(--wr-t); }
.wr-link:hover { color: var(--wr-violet-dark); }
.wr-link:hover svg { transform: translateX(2px); }
@media (max-width: 540px) {
  .wr-btn-group {
    flex-direction: column;
    width: 100%;
  }
  .wr-btn-group .wr-btn { width: 100%; }
}
.wr-card {
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-xl);
  box-shadow: var(--wr-shadow);
  transition: transform var(--wr-t), box-shadow var(--wr-t), border-color var(--wr-t);
}
.wr-card--hover:hover {
  transform: translateY(-3px);
  box-shadow: var(--wr-shadow-hover);
  border-color: var(--wr-violet-2);
}
.wr-card__body { padding: 24px; }
.wr-card--cream {
  background: var(--wr-cream);
  border: 0;
  border-radius: var(--wr-r-3xl);
  position: relative;
  overflow: hidden;
}
.wr-card--cta {
  background: linear-gradient(135deg, #8A63C0, #9D7BCC);
  border: 0;
  border-radius: var(--wr-r-4xl);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.wr-card--cta h2, .wr-card--cta .wr-title { color: #fff; }
.wr-card--cta .wr-lede { color: rgba(255, 255, 255, .85); }
.wr-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: var(--wr-r-pill);
  font-size: 12.5px;
  font-weight: 500;
  border: 1px solid transparent;
  transition: all var(--wr-t);
  cursor: pointer;
  white-space: nowrap;
}
.wr-chip--violet {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-chip--violet:hover {
  border-color: rgba(138, 99, 192, .2);
  transform: translateY(-1px);
}
.wr-chip--white {
  background: var(--wr-card);
  color: var(--wr-ink-2);
  border-color: #E5E7EB;
}
.wr-chip--white:hover {
  background: var(--wr-violet-soft);
  border-color: var(--wr-violet-2);
  color: var(--wr-violet);
  transform: translateY(-1px);
}
.wr-chip--active {
  background: var(--wr-violet);
  color: #fff;
  border-color: var(--wr-violet);
}
.wr-chip--active:hover {
  background: var(--wr-violet-dark);
  border-color: var(--wr-violet-dark);
}
.wr-chip--perk {
  background: var(--wr-card);
  color: var(--wr-ink-2);
  border-color: var(--wr-line-2);
  font-size: 12px;
  font-weight: 600;
  cursor: default;
}
.wr-chip--perk svg { width: 13px; height: 13px; color: var(--wr-success); }
.wr-badge-salary {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: var(--wr-r-pill);
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.wr-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: var(--wr-r-pill);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.wr-badge svg { width: 11px; height: 11px; }
.wr-badge--violet  { background: var(--wr-violet-soft); color: var(--wr-violet); }
.wr-badge--success { background: #D1FAE5; color: #047857; }
.wr-badge--danger  { background: #FEE2E2; color: #B91C1C; }
.wr-badge--warning { background: #FEF3C7; color: #B45309; }
.wr-badge--info    { background: #DBEAFE; color: #1E40AF; }
.wr-badge--muted   { background: #F3F4F6; color: var(--wr-muted); }
.wr-logo {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  border-radius: var(--wr-r-md);
  font-weight: 700;
  overflow: hidden;
  background: linear-gradient(135deg, #EDE9FE, #DDD6FE);
  color: var(--wr-violet);
}
.wr-logo img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.wr-logo--sm { width: 42px; height: 42px; font-size: 15px; }
.wr-logo--md { width: 50px; height: 50px; font-size: 17px; border-radius: var(--wr-r-md); }
.wr-logo--lg { width: 64px; height: 64px; font-size: 22px; border-radius: 16px; }
.wr-cycle > *:nth-child(7n+1) .wr-logo { background: var(--wr-acc-yellow); color: var(--wr-acc-yellow-fg); }
.wr-cycle > *:nth-child(7n+2) .wr-logo { background: var(--wr-acc-green);  color: var(--wr-acc-green-fg); }
.wr-cycle > *:nth-child(7n+3) .wr-logo { background: var(--wr-acc-pink);   color: var(--wr-acc-pink-fg); }
.wr-cycle > *:nth-child(7n+4) .wr-logo { background: var(--wr-acc-blue);   color: var(--wr-acc-blue-fg); }
.wr-cycle > *:nth-child(7n+5) .wr-logo { background: var(--wr-acc-orange); color: var(--wr-acc-orange-fg); }
.wr-cycle > *:nth-child(7n+6) .wr-logo { background: var(--wr-acc-violet); color: var(--wr-acc-violet-fg); }
.wr-cycle > *:nth-child(7n+7) .wr-logo { background: var(--wr-acc-cyan);   color: var(--wr-acc-cyan-fg); }
.wr-logo:has(img) { background: var(--wr-card); border: 1px solid var(--wr-line); }
.wr-list {
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-xl);
  overflow: hidden;
}
.wr-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--wr-line);
  transition: background var(--wr-t);
  cursor: pointer;
}
.wr-row:last-child { border-bottom: 0; }
.wr-row:hover { background: var(--wr-violet-softer); }
.wr-row__body { flex: 1; min-width: 0; }
.wr-row__title {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--wr-ink);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color var(--wr-t);
}
.wr-row:hover .wr-row__title { color: var(--wr-violet); }
.wr-row__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 3px;
  font-size: 11.5px;
  color: var(--wr-muted);
  flex-wrap: wrap;
}
.wr-row__meta span { display: inline-flex; align-items: center; gap: 4px; }
.wr-row__meta svg { width: 11px; height: 11px; flex-shrink: 0; }
.wr-row__arrow {
  color: var(--wr-muted-2);
  flex-shrink: 0;
  transition: transform var(--wr-t), color var(--wr-t);
}
svg.wr-row__arrow { width: 16px; height: 16px; }
.wr-row__arrow svg { width: 16px; height: 16px; }
.wr-row:hover .wr-row__arrow {
  transform: translateX(3px);
  color: var(--wr-violet);
}
@media (max-width: 540px) {
  .wr-row { padding: 12px 14px; gap: 10px; }
  .wr-row__title { font-size: 13px; }
  .wr-row__meta { font-size: 11px; gap: 8px; }
}
.wr-field { margin-bottom: 16px; }
.wr-label {
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--wr-ink);
  margin-bottom: 7px;
}
.wr-label .wr-req { color: var(--wr-danger); margin-left: 2px; }
.wr-input,
.wr-select,
.wr-textarea {
  width: 100%;
  padding: 13px 14px;
  font-size: 14px;
  color: var(--wr-ink);
  background: #FAFBFD;
  border: 1px solid var(--wr-line-2);
  border-radius: 11px;
  transition: border-color var(--wr-t), background var(--wr-t), box-shadow var(--wr-t);
  outline: none;
}
.wr-input::placeholder,
.wr-textarea::placeholder { color: var(--wr-muted-2); }
.wr-input:focus,
.wr-select:focus,
.wr-textarea:focus {
  border-color: var(--wr-violet);
  background: var(--wr-card);
  box-shadow: 0 0 0 3px rgba(138, 99, 192, .12);
}
.wr-input.is-error,
.wr-select.is-error,
.wr-textarea.is-error,
.wr-field.is-error .wr-input,
.wr-field.is-error .wr-select,
.wr-field.is-error .wr-textarea { border-color: var(--wr-danger); }
.wr-field.is-error .wr-label { color: var(--wr-danger); }
.wr-input.is-error:focus,
.wr-select.is-error:focus,
.wr-textarea.is-error:focus,
.wr-field.is-error .wr-input:focus,
.wr-field.is-error .wr-select:focus,
.wr-field.is-error .wr-textarea:focus {
  border-color: var(--wr-danger);
  box-shadow: 0 0 0 3px rgba(239, 68, 68, .12);
}
.wr-textarea { resize: vertical; min-height: 100px; line-height: 1.6; }
.wr-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}
.wr-hint {
  font-size: 12px;
  color: var(--wr-muted);
  margin-top: 6px;
}
.wr-error {
  font-size: 12px;
  color: var(--wr-danger);
  margin-top: 6px;
  font-weight: 500;
}
.wr-alert-error {
  padding: 13px 16px;
  background: #FEF2F2;
  border: 1px solid #FECACA;
  border-radius: 12px;
  color: #991B1B;
  font-size: 13px;
  margin-bottom: 16px;
}
.wr-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--wr-ink-2);
}
.wr-checkbox input[type="checkbox"],
.wr-checkbox input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 19px;
  height: 19px;
  flex: none;
  margin: 1px 0 0;
  border: 1.5px solid var(--wr-line-2);
  border-radius: 6px;
  background: var(--wr-card);
  cursor: pointer;
  display: inline-grid;
  place-content: center;
  transition: background .16s ease, border-color .16s ease, transform .12s ease;
}
.wr-checkbox input[type="radio"] { border-radius: 50%; }
.wr-checkbox:hover input:not(:checked) { border-color: var(--wr-violet-2); }
.wr-checkbox input::before {
  content: "";
  width: 11px;
  height: 11px;
  transform: scale(0);
  transition: transform .16s cubic-bezier(.3, 1.4, .5, 1);
  background: #fff;
  clip-path: polygon(14% 44%, 0 65%, 41% 100%, 100% 16%, 84% 0, 39% 66%);
}
.wr-checkbox input[type="radio"]::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  clip-path: none;
}
.wr-checkbox input:checked {
  background: var(--wr-violet);
  border-color: var(--wr-violet);
}
.wr-checkbox input:checked::before { transform: scale(1); }
.wr-checkbox input:active { transform: scale(.92); }
.wr-checkbox input:focus-visible {
  outline: 2px solid var(--wr-violet);
  outline-offset: 2px;
}
.wr-search {
  background: var(--wr-card);
  border-radius: var(--wr-r-lg);
  box-shadow: 0 0 20px rgba(0, 0, 0, .05);
  padding: 10px;
}
.wr-search__inner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: var(--wr-r-sm);
  transition: border-color var(--wr-t), background var(--wr-t);
}
.wr-search__inner:focus-within {
  border-color: rgba(138, 99, 192, .4);
  background: var(--wr-card);
}
.wr-search__icon {
  width: 16px;
  height: 16px;
  color: var(--wr-muted-2);
  flex-shrink: 0;
}
.wr-search__input {
  flex: 1;
  border: 0;
  background: transparent;
  font-size: 14px;
  outline: none;
  min-width: 0;
}
.wr-search__clear {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: var(--wr-muted-2);
  display: none;
  place-items: center;
  flex-shrink: 0;
}
.wr-search__clear.is-visible { display: grid; }
.wr-search__clear:hover { background: #F3F4F6; color: var(--wr-ink); }
.wr-search__clear svg { width: 12px; height: 12px; }
.wr-kbd {
  display: none;
  align-items: center;
  gap: 3px;
  padding: 3px 7px;
  background: var(--wr-card);
  border: 1px solid var(--wr-line-2);
  border-radius: var(--wr-r-xs);
  font-size: 10.5px;
  font-weight: 600;
  color: var(--wr-muted);
  flex-shrink: 0;
}
.wr-search__inner:focus-within .wr-kbd { display: flex; }
@media (max-width: 540px) {
  .wr-kbd { display: none !important; }
}
.wr-empty {
  text-align: center;
  padding: 48px 20px;
}
.wr-empty__icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 14px;
  border-radius: var(--wr-r-lg);
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
  display: grid;
  place-items: center;
}
.wr-empty__icon svg { width: 22px; height: 22px; }
.wr-empty__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--wr-ink);
  margin-bottom: 4px;
}
.wr-empty__hint {
  font-size: 13px;
  color: var(--wr-muted);
  margin-bottom: 16px;
}
.wr-skel {
  background: linear-gradient(90deg, #F3F4F6 0%, #E5E7EB 50%, #F3F4F6 100%);
  background-size: 200% 100%;
  animation: wrSkel 1.4s ease-in-out infinite;
  border-radius: var(--wr-r-xs);
}
.wr-skel-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--wr-line);
}
.wr-skel-row__logo { width: 50px; height: 50px; border-radius: var(--wr-r-md); }
.wr-skel-row__lines { flex: 1; }
.wr-skel-row__l1 { height: 14px; width: 60%; margin-bottom: 8px; }
.wr-skel-row__l2 { height: 10px; width: 40%; }
.wr-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid var(--wr-violet-soft);
  border-top-color: var(--wr-violet);
  border-radius: 50%;
  animation: wrSpin .7s linear infinite;
  display: inline-block;
}
@keyframes wrFadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes wrPulse {
  0%, 100% { opacity: .5; transform: scale(1); }
  50%      { opacity: 1; transform: scale(1.3); }
}
@keyframes wrPulse2 {
  0%   { box-shadow: 0 0 0 0 rgba(16, 185, 129, .4); }
  70%  { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
  100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}
@keyframes wrSpin { to { transform: rotate(360deg); } }
@keyframes wrSkel {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
@keyframes wrHeartbeat {
  0%, 100% { transform: scale(1); }
  10%      { transform: scale(1.18); }
  20%      { transform: scale(1); }
  30%      { transform: scale(1.12); }
  40%      { transform: scale(1); }
}
@keyframes wrFloat1 {
  0%, 100% { transform: rotate(-6deg) translate(-10px, 0); }
  50%      { transform: rotate(-6deg) translate(-10px, -8px); }
}
.wr-fade { opacity: 0; animation: wrFadeUp .85s ease forwards; }
.wr-fade--1 { animation-delay: 0s; }
.wr-fade--2 { animation-delay: .15s; }
.wr-fade--3 { animation-delay: .4s; }
.wr-fade--4 { animation-delay: .55s; }
.wr-fade--5 { animation-delay: .7s; }
.wr-fade--6 { animation-delay: .85s; }
.wr-fade--7 { animation-delay: 1s; }
.wr-fade--8 { animation-delay: 1.1s; }
.wr-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity var(--wr-t-slow), transform var(--wr-t-slow);
}
.wr-reveal.is-revealed {
  opacity: 1;
  transform: none;
}
.wr-reveal--left  { transform: translateX(-32px); }
.wr-reveal--right { transform: translateX(32px); }
.wr-reveal--scale { transform: scale(.96); }
.wr-reveal[data-reveal-delay="1"] { transition-delay: .08s; }
.wr-reveal[data-reveal-delay="2"] { transition-delay: .16s; }
.wr-reveal[data-reveal-delay="3"] { transition-delay: .24s; }
.wr-reveal[data-reveal-delay="4"] { transition-delay: .32s; }
.no-js .wr-reveal,
.no-js .wr-fade {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .wr-reveal, .wr-fade {
    opacity: 1 !important;
    transform: none !important;
  }
}
.wr-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(50px);
  pointer-events: none;
  z-index: 0;
}
.wr-blob--1 {
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(138, 99, 193, .14), transparent 70%);
  top: -80px;
  right: -60px;
}
.wr-blob--2 {
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(169, 138, 211, .09), transparent 70%);
  bottom: -60px;
  left: -40px;
}
.wr-above { position: relative; z-index: 1; }
.wr-flex        { display: flex; }
.wr-flex-center { display: flex; align-items: center; justify-content: center; }
.wr-flex-between{ display: flex; align-items: center; justify-content: space-between; }
.wr-items-center{ align-items: center; }
.wr-wrap        { flex-wrap: wrap; }
.wr-gap-1 { gap: 4px; }
.wr-gap-2 { gap: 8px; }
.wr-gap-3 { gap: 12px; }
.wr-gap-4 { gap: 16px; }
.wr-gap-5 { gap: 24px; }
.wr-grid   { display: grid; gap: 18px; }
.wr-grid-2 { grid-template-columns: repeat(2, 1fr); }
.wr-grid-3 { grid-template-columns: repeat(3, 1fr); }
.wr-grid-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 991px) {
  .wr-grid-3, .wr-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .wr-grid-2, .wr-grid-3, .wr-grid-4 { grid-template-columns: 1fr; }
}
.wr-text-center { text-align: center; }
.wr-mx-auto     { margin-inline: auto; }
.wr-relative    { position: relative; }
.wr-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wr-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wr-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.wr-skip {
  position: absolute;
  top: -100px;
  left: 16px;
  z-index: 9999;
  padding: 12px 20px;
  background: var(--wr-violet);
  color: #fff;
  border-radius: var(--wr-r-sm);
  font-weight: 600;
  transition: top var(--wr-t);
}
.wr-skip:focus { top: 16px; }
.wr-prose {
  font-size: 15px;
  line-height: 1.75;
  color: var(--wr-ink-2);
  max-width: 720px;
}
.wr-container--wide .wr-prose { max-width: none; }
.wr-prose > * + * { margin-top: 1.1em; }
.wr-prose h2 {
  font-size: 24px;
  margin-top: 1.8em;
  letter-spacing: -.02em;
}
.wr-prose h3 {
  font-size: 19px;
  margin-top: 1.5em;
}
.wr-prose ul, .wr-prose ol { padding-left: 1.45em; margin: 1em 0; }
.wr-prose ul { list-style: disc; }
.wr-prose ol { list-style: decimal; }
.wr-prose ul ul { list-style: circle; }
.wr-prose ul ul ul { list-style: square; }
.wr-prose li { margin-top: .4em; }
.wr-prose li::marker {
  color: var(--wr-violet, #8A63C1);
  font-weight: 700;
}
.wr-prose li > ul, .wr-prose li > ol { margin: .35em 0 .1em; }
.wr-prose a {
  color: var(--wr-violet);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(138, 99, 192, .3);
  text-underline-offset: 2px;
}
.wr-prose a:hover { text-decoration-color: var(--wr-violet); }
.wr-prose strong { font-weight: 700; color: var(--wr-ink); }
.wr-prose blockquote {
  padding: 16px 20px;
  background: var(--wr-violet-softer);
  border-left: 3px solid var(--wr-violet);
  border-radius: 0 var(--wr-r-lg) var(--wr-r-lg) 0;
  font-style: normal;
  color: var(--wr-ink-2);
}
.wr-prose code {
  padding: 2px 6px;
  background: var(--wr-violet-soft);
  border-radius: var(--wr-r-xs);
  font-family: var(--wr-mono);
  font-size: .9em;
  color: var(--wr-violet-dark);
}
.wr-prose img {
  border-radius: var(--wr-r-lg);
  margin-block: 1.5em;
}
.wr-header-mobile {
  display: flex; align-items: center; justify-content: center;
  padding: 12px 16px;
  background: var(--wr-card);
  border-bottom: 1px solid var(--wr-line);
}
.wr-header-mobile .wr-logo-link { cursor: default; }
.wr-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(251, 252, 254, .85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--wr-line);
}
.wr-header__inner {
  display: flex;
  align-items: center;
  gap: 20px;
  height: var(--wr-header-h);
  width: 100%;
  padding-inline: 32px;
}
.wr-logo-link {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-shrink: 0;
}
.wr-btn.est-verrouille { opacity: .72; }
.wr-btn.est-verrouille:hover { opacity: 1; }
.wr-row--inerte { cursor: default; }
.wr-row--inerte:hover { background: inherit; border-color: var(--wr-line, #EEF1F7); transform: none; }
.wr-points {
  display: inline-flex; align-items: center; gap: 6px;
  height: 36px; padding: 0 12px; border-radius: 100px;
  background: var(--wr-violet-soft, #F2EDFA);
  color: var(--wr-violet-d, #6B47A6);
  font-size: 13px; font-weight: 700; text-decoration: none;
  white-space: nowrap; flex: none;
  transition: background .12s ease, color .12s ease;
}
.wr-points:hover { background: #E7DDF7; color: var(--wr-violet-d, #6B47A6); }
.wr-points svg { width: 15px; height: 15px; flex: none; }
.wr-points__n { font-variant-numeric: tabular-nums; }
.wr-points--mot .wr-points__n { font-variant-numeric: normal; letter-spacing: .01em; }
@media (max-width: 900px) { .wr-points { display: none; } }
.wr-logo-mark {
  width: 34px;
  height: 34px;
  border-radius: var(--wr-r-sm);
  background: var(--wr-violet);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: -.02em;
  flex-shrink: 0;
}
.wr-logo-name {
  font-size: 16px;
  font-weight: 700;
  color: var(--wr-ink);
  letter-spacing: -.02em;
}
.wr-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}
.wr-nav__link {
  padding: 8px 14px;
  border-radius: var(--wr-r-sm);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--wr-ink-2);
  transition: background var(--wr-t), color var(--wr-t);
}
.wr-nav__link:hover {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-nav__link.is-active { color: var(--wr-violet); }
.wr-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.wr-user {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px 5px 5px;
  border-radius: 999px;
  background: #F3F4F6;
  transition: background var(--wr-t);
  cursor: pointer;
}
.wr-user:hover { background: #E5E7EB; }
.wr-user__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--wr-violet);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
  overflow: hidden;
}
.wr-user__avatar img { width: 100%; height: 100%; object-fit: cover; }
.wr-user__name {
  font-size: 13px;
  font-weight: 600;
  color: var(--wr-ink);
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-menu { position: relative; }
.wr-menu__panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 220px;
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-lg);
  box-shadow: 0 8px 32px rgba(30, 27, 46, .1);
  padding: 6px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: all var(--wr-t);
  z-index: 200;
}
.wr-menu__panel.is-open {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.wr-menu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--wr-r-sm);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--wr-ink-2);
  transition: background var(--wr-t), color var(--wr-t);
  width: 100%;
  text-align: left;
}
.wr-menu__item:hover {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-menu__item svg { width: 15px; height: 15px; flex-shrink: 0; }
.wr-menu__sep {
  height: 1px;
  background: var(--wr-line);
  margin: 6px 0;
}
.wr-menu__item--danger { color: var(--wr-danger); }
.wr-menu__item--danger:hover { background: #FEF2F2; color: #B91C1C; }
.wr-burger {
  display: none;
  width: 38px;
  height: 38px;
  border-radius: var(--wr-r-sm);
  color: var(--wr-ink);
  place-items: center;
  transition: background var(--wr-t);
}
.wr-burger:hover { background: var(--wr-violet-soft); }
.wr-burger svg { width: 20px; height: 20px; }
@media (max-width: 991px) {
  :root { --wr-header-h: 60px; }
  .wr-header__inner { padding-inline: 20px; }
  .wr-nav { display: none; }
  .wr-burger { display: grid; }
  .wr-header__actions { margin-left: auto; }
}
@media (max-width: 760px) {
  .wr-btn--auth .wr-btn__mot {
    position: absolute; width: 1px; height: 1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  .wr-btn--auth { padding: 9px 11px; }
}
@media (max-width: 480px) {
  .wr-logo-name { display: none; }
  .wr-btn--pill span { display: none; }
  .wr-btn--pill { padding: 9px 11px; }
}
.wr-drawer__apps {
  padding: 14px 20px 4px;
  border-top: 1px solid var(--wr-line, #EEF1F7);
}
.wr-drawer__label {
  margin: 0 0 10px;
  font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: var(--wr-muted-2, #9CA3AF);
}
.wr-drawer__apps .wr-store-pill { flex: 1; justify-content: center; }
.wr-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(30, 27, 46, .4);
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  transition: all .25s ease;
  z-index: 998;
}
.wr-backdrop.is-open { opacity: 1; visibility: visible; }
.wr-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(320px, 88vw);
  background: var(--wr-card);
  z-index: 999;
  transform: translateX(100%);
  transition: transform .3s cubic-bezier(.32, .72, 0, 1);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.wr-drawer.is-open { transform: none; }
.wr-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid var(--wr-line);
  flex-shrink: 0;
}
.wr-drawer__close {
  width: 34px;
  height: 34px;
  border-radius: var(--wr-r-sm);
  color: var(--wr-muted);
  display: grid;
  place-items: center;
}
.wr-drawer__close:hover { background: var(--wr-violet-soft); color: var(--wr-violet); }
.wr-drawer__close svg { width: 18px; height: 18px; }
.wr-drawer__body { padding: 16px; flex: 1; }
.wr-drawer__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border-radius: var(--wr-r-md);
  font-size: 15px;
  font-weight: 600;
  color: var(--wr-ink);
  transition: background var(--wr-t), color var(--wr-t);
}
.wr-drawer__link:hover {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-drawer__link svg { width: 18px; height: 18px; color: var(--wr-muted); }
.wr-drawer__link:hover svg { color: var(--wr-violet); }
.wr-drawer__foot {
  padding: 16px;
  border-top: 1px solid var(--wr-line);
  display: grid;
  gap: 10px;
  flex-shrink: 0;
}
.wr-footer {
  background: var(--wr-card);
  border-top: 1px solid var(--wr-line);
  padding: 56px 0 28px;
  margin-top: 80px;
}
.wr-footer__grid {
  display: grid;
  grid-template-columns: 1.8fr repeat(var(--wr-footer-cols, 3), minmax(0, 1fr));
  gap: 40px;
  margin-bottom: 44px;
}
.wr-footer__brand { min-width: 0; }
.wr-footer__col { min-width: 0; }
.wr-footer__about {
  font-size: 13.5px;
  color: var(--wr-muted);
  line-height: 1.65;
  max-width: 300px;
  margin-top: 14px;
}
.wr-footer__title {
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--wr-ink);
  margin-bottom: 16px;
}
.wr-footer__list { display: grid; gap: 10px; }
.wr-footer__link {
  display: inline-block;
  padding: 5px 10px;
  margin: -5px -10px;
  border-radius: var(--wr-r-sm);
  font-size: 13.5px;
  color: var(--wr-muted);
  transition: background var(--wr-t), color var(--wr-t);
}
.wr-footer__link:hover {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  padding-top: 24px;
  border-top: 1px solid var(--wr-line);
  font-size: 12.5px;
  color: var(--wr-muted-2);
  flex-wrap: wrap;
}
.wr-footer__legal {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
}
.wr-footer__legal .wr-footer__link { font-size: 12.5px; }
.wr-footer__sep { color: var(--wr-line-2); }
.wr-footer__note { white-space: nowrap; }
.wr-footer__apps {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.wr-appstores { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.wr-appstores--pastilles { gap: 10px; }
.wr-hero__apps { justify-content: center; margin-top: 24px; }
.wr-store-pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 14px;
  border: 1px solid var(--wr-line);
  border-radius: 11px;
  background: var(--wr-card);
  color: var(--wr-ink);
  text-decoration: none;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.wr-store-pill:hover {
  border-color: var(--wr-violet-2);
  transform: translateY(-2px);
  box-shadow: var(--wr-shadow-hover);
}
.wr-store-pill svg { flex: none; color: var(--wr-ink); }
.wr-store-pill__over {
  display: block;
  font-size: 9.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wr-muted-2);
  line-height: 1.2;
}
.wr-store-pill__name {
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
}
.wr-socials { display: flex; gap: 8px; }
.wr-social {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--wr-bg-2);
  color: var(--wr-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  line-height: 0;
  transition: all var(--wr-t);
}
.wr-social:hover {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
  transform: translateY(-2px);
}
.wr-social svg {
  width: 17px;
  height: 17px;
  display: block;
}
@media (max-width: 991px) {
  .wr-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 540px) {
  .wr-footer { padding: 40px 0 24px; margin-top: 56px; }
  .wr-footer__grid { grid-template-columns: 1fr; gap: 28px; text-align: center; }
  .wr-footer__col { justify-items: center; }
  .wr-footer__list { justify-items: center; }
  .wr-footer__brand { align-items: center; text-align: center; }
  .wr-footer__bottom { flex-direction: column; align-items: center; text-align: center; gap: 12px; }
  .wr-footer__cta { margin-left: auto; margin-right: auto; }
  .wr-footer__social { justify-content: center; }
}
.wr-lang {
  position: relative;
  flex-shrink: 0;
}
.wr-lang__btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border-radius: var(--wr-r-sm);
  font-size: 13px;
  font-weight: 600;
  color: var(--wr-ink-2);
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all var(--wr-t);
}
.wr-lang__btn:hover {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-lang__code {
  text-transform: uppercase;
  letter-spacing: .02em;
}
.wr-lang__chevron {
  width: 12px;
  height: 12px;
  color: var(--wr-muted-2);
  transition: transform var(--wr-t);
}
.wr-lang.is-open .wr-lang__chevron { transform: rotate(180deg); }
.wr-lang__panel {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 160px;
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-md);
  box-shadow: 0 8px 28px rgba(30, 27, 46, .12);
  padding: 5px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: all var(--wr-t);
  z-index: 200;
}
.wr-lang__panel.is-open {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.wr-lang__item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  border-radius: var(--wr-r-xs);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--wr-ink-2);
  transition: background var(--wr-t), color var(--wr-t);
  white-space: nowrap;
}
.wr-lang__item:hover {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-lang__item.is-current {
  color: var(--wr-violet);
  font-weight: 600;
}
.wr-lang__check {
  width: 13px;
  height: 13px;
  margin-left: auto;
  color: var(--wr-violet);
  flex-shrink: 0;
}
.no-js .wr-lang:hover .wr-lang__panel {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media (max-width: 640px) {
  .wr-lang__code { display: none; }
  .wr-lang__btn { padding: 7px 8px; }
}
@media (max-width: 991px) {
  .wr-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
  .wr-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 540px) {
  .wr-footer__grid { grid-template-columns: 1fr; gap: 28px; }
  .wr-footer__bottom { justify-content: flex-start; }
  .wr-footer__legal { justify-content: flex-start; flex: none; width: 100%; }
  .wr-footer__note { white-space: normal; }
  .wr-footer__apps { width: 100%; }
  .wr-store-pill { flex: 1; justify-content: center; }
}
.wr-avatar-edit {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--wr-line);
}
.wr-avatar-edit__pic {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  overflow: hidden;
  flex: none;
  cursor: pointer;
  background: var(--wr-violet-soft);
  color: var(--wr-violet-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
}
.wr-avatar-edit__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}
.wr-avatar-edit__pic img[hidden] { display: none; }
.wr-avatar-edit__overlay {
  position: absolute;
  inset: 0;
  background: rgba(30, 27, 46, .5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .18s ease;
}
.wr-avatar-edit__pic:hover .wr-avatar-edit__overlay { opacity: 1; }
.wr-avatar-edit__name {
  font-size: 15.5px;
  font-weight: 700;
  color: var(--wr-ink);
  margin-bottom: 3px;
}
.wr-social-login { display: flex; flex-direction: column; gap: 10px; }
.wr-social__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  width: 100%;
  padding: 13px 18px;
  border: 1px solid var(--wr-line-2);
  border-radius: 12px;
  background: var(--wr-card);
  color: var(--wr-ink);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .16s ease, background .16s ease, transform .12s ease;
}
.wr-social__btn:hover {
  border-color: var(--wr-ink-2);
  background: var(--wr-bg-2);
  color: var(--wr-ink);
  transform: translateY(-1px);
}
.wr-social__btn:active { transform: translateY(0); }
.wr-social__btn:focus-visible {
  outline: 2px solid var(--wr-violet);
  outline-offset: 2px;
}
.wr-social__icon { display: inline-flex; flex: none; }
.wr-social__sep {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 22px 0;
  color: var(--wr-muted-2);
  font-size: 12.5px;
}
.wr-social__sep::before,
.wr-social__sep::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--wr-line);
}
.wr-container--wide { max-width: 100%; }
.wr-footer__communaute {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  max-width: 720px;
  margin: 36px auto 8px;
  padding: 22px 24px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 14px;
  background: var(--wr-violet-softer, #F8F4FD);
}
.wr-footer__communaute-txt { min-width: 0; }
.wr-footer__communaute-desc { margin-inline: auto; }
.wr-footer__communaute-titre {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--wr-ink, #1E1B2E);
}
.wr-footer__communaute-desc {
  margin: 4px 0 0;
  font-size: .875rem;
  line-height: 1.5;
  color: var(--wr-muted, #6B7280);
  max-width: 46ch;
}
.wr-footer__communaute-liens {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.wr-footer__communaute-lien {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 15px;
  border-radius: 999px;
  background: #25D366;
  color: #06331A;
  font-size: .8125rem;
  font-weight: 600;
  text-decoration: none;
  transition: transform .12s ease, filter .12s ease;
}
.wr-footer__communaute-lien:hover { filter: brightness(1.08); transform: translateY(-1px); }
.wr-footer__communaute-lien svg { flex: none; }
@media (max-width: 640px) {
  .wr-footer__communaute { padding: 18px; }
  .wr-footer__communaute-lien { width: 100%; justify-content: center; }
}
.wr-footer__link.est-actuelle {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--wr-violet-soft, #F2EDFA);
  color: var(--wr-violet-dark, #6B47A6);
  font-weight: 700;
}
.wr-footer__link.est-actuelle:hover {
  background: #EDE3FB;
  color: var(--wr-violet-dark, #6B47A6);
}
.wr-anon__slug { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 12.5px; color: #6B7280; flex-wrap: wrap; }
.wr-anon__slug code { font-size: 13px; background: #F6F1E7; border: 1px solid #E9E0CF; border-radius: 8px; padding: 3px 8px; color: #2A2438; }
.wr-anon__slug a { text-decoration: none; }
.wr-anon__slug a code { background: #F6F1FD; border-color: #E4D7F7; color: #6B47A6; }
.wr-anon__slug a:hover code { background: #EDE3FB; }
.wr-anon__slug em { font-style: normal; font-size: 11.5px; color: #9AA0A6; }
.wr-switch { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; }
.wr-switch input { position: absolute; opacity: 0; width: 0; height: 0; }
.wr-switch__track { width: 44px; height: 24px; flex: none; border-radius: 999px; background: #D8D2C4; position: relative; transition: background .15s ease; }
.wr-switch__track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: left .15s ease; }
.wr-switch input:checked + .wr-switch__track { background: #6B47A6; }
.wr-switch input:checked + .wr-switch__track::after { left: 23px; }
.wr-switch--sm .wr-switch__track { width: 36px; height: 20px; }
.wr-switch--sm .wr-switch__track::after { width: 14px; height: 14px; }
.wr-switch--sm input:checked + .wr-switch__track::after { left: 19px; }
.wr-switch--sm .wr-switch__label { font-size: 13.5px; }
.wr-switch input:focus-visible + .wr-switch__track { outline: 2px solid #6B47A6; outline-offset: 2px; }
.wr-switch__label { font-size: 13.5px; font-weight: 600; color: #2A2438; }
.wr-anon__cols { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
@media (max-width: 1080px) { .wr-anon__cols { grid-template-columns: 1fr; } }
.wr-anon__doccard { background: none; border: 0; padding: 0; }
.wr-anon__aside { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 24px; }
@media (max-width: 1080px) { .wr-anon__aside { position: static; } }
.wr-anon__aside .wr-anon__publish { flex-direction: column; align-items: stretch; }
.wr-anon__aside .wr-anon__publish form { display: flex; }
.wr-anon__aside .wr-anon__grid { grid-template-columns: 1fr; }
.wr-anon__histcard .wr-anon__hist { margin-top: 0; padding-top: 0; border-top: 0; }
.wr-anon__offcard {
  display: flex; gap: 12px; align-items: flex-start;
  background: #F6F1E7; border: 1.5px solid #E9E0CF; border-radius: 16px; padding: 16px 18px;
}
.wr-anon__offcard svg { flex: none; width: 20px; height: 20px; margin-top: 1px; color: #8A63C1; }
.wr-anon__offcard p { margin: 0; font-size: 13px; line-height: 1.55; color: #3F3A52; }
.wr-anon__urlbox { margin: 14px 0 0; padding: 14px; }
.wr-anon__urlbox .wr-share-url__head { display: block; margin-bottom: 8px; }
.wr-anon__urlbox .wr-share-url__head strong { font-size: 13px; color: #2A2438; }
.wr-anon__urlbox .wr-share-url__row { flex-direction: column; }
.wr-anon__urlbox .wr-share-url__input { font-size: 12.5px; width: 100%; }
.wr-anon__urlopen { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 12.5px; font-weight: 600; color: #6B47A6; text-decoration: none; }
.wr-anon__urlopen:hover { text-decoration: underline; }
.wr-anon__urlopen svg { width: 13px; height: 13px; flex: none; }
.wr-anon__urlwarn { margin: 10px 0 0; font-size: 12px; line-height: 1.5; color: #9AA0A6; }
.wr-cvna { max-width: 520px; margin: 40px auto 64px; text-align: center; }
.wr-cvna__ico { display: inline-grid; place-items: center; width: 60px; height: 60px; border-radius: 18px; background: #F6F1FD; border: 1.5px solid #E4D7F7; color: #6B47A6; margin-bottom: 18px; }
.wr-cvna__ico svg { width: 26px; height: 26px; }
.wr-cvna__title { margin: 0 0 10px; font-size: 25px; font-weight: 700; letter-spacing: -.02em; color: #2A2438; }
.wr-cvna__text { margin: 0 0 24px; font-size: 14.5px; line-height: 1.6; color: #6B7280; }
.wr-cvna__actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.wr-present { background: #fff; border: 1.5px solid #EEE7DA; border-radius: 18px; padding: 22px; margin-bottom: 24px; }
.wr-present__head { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 18px; }
.wr-present__ico { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: #6B47A6; color: #fff; }
.wr-present__ico svg { width: 18px; height: 18px; }
.wr-present__head h2 { margin: 0 0 4px; font-size: 16px; font-weight: 800; color: #2A2438; }
.wr-present__head p { margin: 0; font-size: 13px; line-height: 1.55; color: #6B7280; }
.wr-present__choice { border: 0; padding: 0; margin: 0 0 16px; }
.wr-present__choice legend { padding: 0; margin-bottom: 8px; font-size: 12.5px; font-weight: 700; color: #2A2438; }
.wr-present__opt { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1.5px solid #EEE7DA; border-radius: 12px; cursor: pointer; margin-bottom: 8px; }
.wr-present__opt:hover { background: #FDFBF7; }
.wr-present__opt:has(input:checked) { border-color: #6B47A6; background: #F6F1FD; }
.wr-present__opt.is-off { opacity: .55; cursor: not-allowed; }
.wr-present__opt input { margin-top: 2px; accent-color: #6B47A6; }
.wr-present__optbody { display: block; }
.wr-present__optbody strong { display: block; font-size: 13.5px; color: #2A2438; }
.wr-present__optbody em { display: block; margin-top: 2px; font-style: normal; font-size: 12px; line-height: 1.5; color: #6B7280; }
.wr-present__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin-bottom: 14px; }
.wr-present__foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 6px; }
.wr-present__hint { margin: 0; font-size: 11.5px; line-height: 1.5; color: #9AA0A6; max-width: 460px; }
.wr-present__quota { margin: 6px 0 0; font-size: 12px; font-weight: 600; color: #6B47A6; }
.wr-present__none { background: #F6F1E7; border: 1.5px solid #E9E0CF; border-radius: 14px; padding: 16px 18px; }
.wr-present__none p { margin: 0 0 12px; font-size: 13px; line-height: 1.55; color: #3F3A52; }
.wr-present__nonelinks { display: flex; gap: 8px; flex-wrap: wrap; }
.wr-present__hist { margin-top: 20px; padding-top: 16px; border-top: 1px solid #EEE7DA; }
.wr-present__hist h3 { margin: 0 0 10px; font-size: 13px; font-weight: 800; color: #2A2438; }
.wr-present__hist ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.wr-present__hist li { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-size: 12.5px; color: #6B7280; }
.wr-present__hist code { font-size: 12.5px; background: #F6F1E7; border: 1px solid #E9E0CF; border-radius: 6px; padding: 2px 7px; color: #2A2438; }
.wr-present__histco { font-weight: 600; color: #3F3A52; }
.wr-prose table {
  width: 100%;
  margin: 1.6em 0;
  border-collapse: separate;   
  border-spacing: 0;
  background: var(--wr-violet-soft, #F2EDFA);
  border: 1px solid #E4D7F7;
  border-radius: 16px;
  overflow: hidden;            
  font-size: 14px;
  line-height: 1.6;
}
.wr-prose table thead th,
.wr-prose table tr th {
  background: var(--wr-violet, #8A63C1);
  color: #fff;
  font-weight: 700;
  text-align: left;
  padding: 13px 16px;
  border: 0;
  vertical-align: middle;
}
.wr-prose table th + th { box-shadow: inset 1px 0 0 rgba(255, 255, 255, .18); }
.wr-prose table td {
  padding: 12px 16px;
  border: 0;
  border-top: 1px solid #E4D7F7;
  vertical-align: top;
  color: var(--wr-ink-2, #4B5162);
}
.wr-prose table tr:first-child td { border-top: 0; }
.wr-prose table tbody tr:nth-child(even) td,
.wr-prose table tr:nth-child(even) td { background: rgba(255, 255, 255, .45); }
.wr-prose table caption {
  caption-side: bottom;
  padding-top: 10px;
  font-size: 12.5px;
  color: var(--wr-muted, #6B7280);
  text-align: left;
}
@media (max-width: 720px) {
  .wr-prose table { display: block; overflow-x: auto; }
}
.wr-prose > ul {
  margin: 1.5em 0;
  padding: 18px 22px 18px 40px;
  background: var(--wr-violet-soft, #F2EDFA);
  border: 1px solid #E4D7F7;
  border-radius: 16px;
  list-style: disc;
}
.wr-prose > ul > li { margin-top: .5em; }
.wr-prose > ul > li:first-child { margin-top: 0; }
.wr-prose > ul > li::marker { color: var(--wr-violet, #8A63C1); }
.wr-prose > ul ul,
.wr-prose > ul ol {
  margin: .5em 0;
  padding: 0 0 0 1.4em;
  background: none;
  border: 0;
  border-radius: 0;
}
.wr-sc-cl {
  display: block;
  margin: 2em 0;
  padding: 22px 24px;
  background: var(--wr-violet-soft, #F2EDFA);
  border: 1px solid #E4D7F7;
  border-radius: 18px;
}
.wr-sc-cl__head { display: flex; align-items: flex-start; gap: 14px; }
.wr-sc-cl__ico {
  flex: none;
  display: grid; place-items: center;
  width: 42px; height: 42px;
  border-radius: 12px;
  background: var(--wr-violet, #8A63C1);
  color: #fff;
}
.wr-sc-cl__ico svg { width: 20px; height: 20px; }
.wr-sc-cl__kicker {
  display: block;
  font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: var(--wr-violet, #8A63C1);
}
.wr-sc-cl__title {
  margin: 3px 0 0;
  font-size: 18px; font-weight: 800; line-height: 1.3;
  color: var(--wr-ink, #1E1B2E);
}
.wr-sc-cl__intro {
  margin: 14px 0 0;
  font-size: 14px; line-height: 1.6;
  color: var(--wr-ink-2, #4B5162);
}
.wr-sc-cl__list {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  background: none;
  border: 0;
}
.wr-sc-cl__item {
  position: relative;
  margin: 0 0 8px;
  padding-left: 26px;
  font-size: 14px; line-height: 1.55;
  color: var(--wr-ink-2, #4B5162);
}
.wr-sc-cl__item::before {
  content: "";
  position: absolute; left: 0; top: .35em;
  width: 15px; height: 9px;
  border-left: 2.4px solid var(--wr-violet, #8A63C1);
  border-bottom: 2.4px solid var(--wr-violet, #8A63C1);
  transform: rotate(-45deg);
  border-radius: 1px;
}
.wr-sc-cl__item.is-key { font-weight: 700; color: var(--wr-ink, #1E1B2E); }
.wr-sc-cl__more {
  margin: 10px 0 0;
  font-size: 13px; font-weight: 600;
  color: var(--wr-violet-dark, #6B47A6);
}
.wr-sc-cl__cta {
  display: inline-flex; align-items: center; gap: 7px;
  margin-top: 16px;
  padding: 11px 18px;
  border-radius: 100px;
  background: var(--wr-violet, #8A63C1);
  color: #fff;
  font-size: 13.5px; font-weight: 700;
  text-decoration: none;
}
.wr-sc-cl__cta:hover { background: var(--wr-violet-dark, #6B47A6); }
.wr-sc-cl__cta svg { width: 15px; height: 15px; }
@media (max-width: 640px) {
  .wr-sc-cl { padding: 18px; }
  .wr-sc-cl__title { font-size: 16px; }
}
.wr-lieu {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 11px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: var(--wr-r-pill, 100px);
  color: var(--wr-ink-2, #374151);
  font-size: 12.5px; font-weight: 600;
  text-decoration: none;
  transition: border-color var(--wr-t, .15s), color var(--wr-t, .15s);
}
.wr-lieu:hover { border-color: var(--wr-violet-2, #A98AD3); color: var(--wr-violet-dark, #6B47A6); }
.wr-lieu svg { width: 14px; height: 14px; flex: none; }
.wr-lieu__txt { text-transform: capitalize; }
.wr-lieu--devine { color: var(--wr-muted, #6B7280); border-style: dashed; }
.wr-lieu__q { font-weight: 700; opacity: .7; }
@media (max-width: 900px) {
  .wr-lieu__txt, .wr-lieu__q { display: none; }
  .wr-lieu { padding: 6px 8px; }
}
.wr-geo-articles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--wr-s-4, 16px);
  margin-top: var(--wr-s-5, 20px);
}
.wr-geo-article { display: flex; flex-direction: column; overflow: hidden; text-decoration: none; }
.wr-geo-article__img { width: 100%; height: 130px; object-fit: cover; }
.wr-geo-article__body { padding: 14px 16px 16px; }
.wr-geo-article__t { font-size: 15px; margin: 0 0 6px; color: var(--wr-ink, #1E1B2E); }
.wr-geo-article__x { font-size: 13px; color: var(--wr-muted, #6B7280); margin: 0; }
[hidden] { display: none !important; }
.wr-lieu-modal {
  border: 0; padding: 0;
  border-radius: var(--wr-r-2xl, 20px);
  background: var(--wr-card, #fff);
  box-shadow: 0 24px 64px rgba(30, 27, 46, .18);
  max-width: 560px; width: calc(100% - 32px);
}
.wr-lieu-modal::backdrop { background: rgba(30, 27, 46, .45); }
.wr-lieu-modal:not([open]) { display: none; }
.wr-lieu-modal[open] { margin: auto; }
.wr-lieu-modal__head {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 22px 24px 14px;
  border-bottom: 1px solid var(--wr-line, #EEF1F7);
}
.wr-lieu-modal__title { margin: 0 0 4px; font-size: 18px; }
.wr-lieu-modal__sub { margin: 0; font-size: 13px; color: var(--wr-muted, #6B7280); }
.wr-lieu-modal__x {
  margin-left: auto; border: 0; background: none; cursor: pointer;
  font-size: 24px; line-height: 1; color: var(--wr-muted, #6B7280); padding: 0 4px;
}
.wr-lieu-modal__body { padding: 18px 24px; max-height: 60vh; overflow-y: auto; }
.wr-lieu-modal__foot {
  display: flex; gap: 8px; justify-content: flex-end;
  padding: 14px 24px 20px; border-top: 1px solid var(--wr-line, #EEF1F7);
}
.wr-lieu-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
.wr-lieu-opt {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 12px; text-align: left;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: var(--wr-r-md, 12px);
  background: var(--wr-card, #fff);
  font-size: 13.5px; font-weight: 600; cursor: pointer;
  color: var(--wr-ink-2, #374151);
}
.wr-lieu-opt:hover { border-color: var(--wr-violet-2, #A98AD3); }
.wr-lieu-opt.is-active { border-color: var(--wr-violet, #8A63C1); background: var(--wr-violet-softer, #F8F4FD); }
.wr-lieu-opt__n { flex: 1; }
.wr-lieu-opt__c { font-size: 11px; color: var(--wr-muted, #6B7280); font-weight: 500; }
.wr-lieu-modal__label {
  display: flex; align-items: center; gap: 6px;
  margin: 0 0 8px;
  font-size: 11.5px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--wr-muted, #6B7280);
}
.wr-lieu-modal__n {
  padding: 1px 7px; border-radius: 100px;
  background: rgba(0, 0, 0, .06);
  font-size: 10.5px; letter-spacing: 0;
}
.wr-lieu-modal__vide {
  margin: 12px 0 0; font-size: 13px;
  color: var(--wr-muted, #6B7280); text-align: center;
}
.wr-lieu-search {
  display: flex; align-items: center; gap: 8px;
  margin: 0 0 10px; padding: 9px 12px;
  border: 1px solid var(--wr-line-2, #E5E9F0);
  border-radius: var(--wr-r-md, 12px);
  background: #FAFBFD;
}
.wr-lieu-search svg { width: 15px; height: 15px; flex: none; color: var(--wr-muted, #6B7280); }
.wr-lieu-search input {
  flex: 1; border: 0; background: none; outline: none;
  font-size: 13.5px; color: var(--wr-ink, #1E1B2E);
}
.wr-lieu-grid--scroll {
  max-height: 34vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}
.wr-lieu-opt[hidden] { display: none !important; }
.wr-lang__item.is-indispo {
  color: var(--wr-ink-3, #9CA3AF);
  cursor: default;
  opacity: .6;
}
.wr-lang__item.is-indispo:hover { background: none; }
.wr-fiche-search .wr-search__inner { padding-right: 6px; }
.wr-search__go {
  flex: 0 0 auto;
  padding: 9px 18px;
  border-radius: 100px;
  font-size: 14px;
  white-space: nowrap;
}
@media (max-width: 560px) {
  .wr-fiche-search .wr-search__inner { flex-wrap: wrap; padding-right: 14px; }
  .wr-fiche-search .wr-search__input { flex: 1 1 100%; }
  .wr-search__go { width: 100%; margin-top: 8px; }
}
.wr-header__apps { display: inline-flex; gap: 6px; margin-right: 4px; }
.wr-header__app {
  display: inline-grid; place-items: center;
  width: 36px; height: 36px;
  border-radius: 100px;
  border: 1px solid var(--wr-line, #EEF1F7);
  background: #fff;
  color: var(--wr-muted, #6B7280);
  transition: background .14s, color .14s, border-color .14s;
}
.wr-header__app:hover { background: var(--wr-ink, #1E1B2E); border-color: var(--wr-ink, #1E1B2E); color: #fff; }
@media (max-width: 991px) { .wr-header__apps { display: none; } }
.wr-footer__cookies {
  background: none; border: 0; padding: 0;
  font: inherit; color: inherit; cursor: pointer;
}
.wr-consent {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 1200;
  padding: 14px;
  display: flex;
  justify-content: center;
}
.wr-consent[hidden] { display: none; }
.wr-consent__box {
  width: 100%;
  max-width: 760px;
  background: #fff;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 18px;
  box-shadow: 0 18px 50px -14px rgba(30, 27, 46, .28);
  padding: 20px 22px;
}
.wr-consent__texte { display: block; }
.wr-consent__titre {
  margin: 0 0 6px;
  font-size: 15px; font-weight: 800; color: var(--wr-ink, #1E1B2E);
}
.wr-consent__desc {
  margin: 0;
  font-size: 13.5px; line-height: 1.6; color: var(--wr-ink-2, #374151);
}
.wr-consent__lien { color: var(--wr-violet, #8A63C1); text-decoration: underline; }
.wr-consent__detail { margin-top: 12px; }
.wr-consent__summary-cache {
  display: block; height: 0; overflow: hidden;
  list-style: none; pointer-events: none;
}
.wr-consent__summary-cache::-webkit-details-marker { display: none; }
.wr-consent__panneau-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.wr-consent__panneau-actions .wr-btn { flex: 1 1 auto; justify-content: center; }
.wr-consent__cats { margin: 12px 0; display: grid; gap: 10px; }
.wr-consent__cat { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.wr-consent__cat input { margin-top: 3px; flex: none; }
.wr-consent__cat input:disabled + span { opacity: 1; }
.wr-consent__cat strong { display: block; font-size: 13.5px; color: var(--wr-ink, #1E1B2E); }
.wr-consent__cat em { display: block; font-size: 12.5px; font-style: normal; color: var(--wr-muted, #6B7280); }
.wr-consent__actions {
  margin-top: 16px;
  display: flex; gap: 10px; justify-content: flex-end;
}
.wr-consent__actions .wr-btn { flex: 0 0 auto; min-width: 140px; justify-content: center; }
@media (max-width: 560px) {
  .wr-consent { padding: 10px; }
  .wr-consent__box { padding: 16px 16px 18px; border-radius: 16px; }
  .wr-consent__actions { flex-direction: column; }
  .wr-consent__actions .wr-btn { width: 100%; min-width: 0; }
}
@media (max-height: 520px) {
  .wr-consent__box { max-height: 82vh; overflow-y: auto; }
}
.wr-legal-note {
  margin: 14px 0 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--wr-muted, #6B7280);
}
.wr-legal-note a {
  color: var(--wr-violet, #8A63C1);
  font-weight: 600;
  text-decoration: underline;
}
.wr-legal-note a:hover { color: var(--wr-violet-d, #6B47A6); }
.wr-ll { position: relative; flex: none; }
.wr-ll__btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 10px 6px 9px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: var(--wr-r-pill, 100px);
  background: var(--wr-card, #fff);
  color: var(--wr-ink-2, #374151);
  font: inherit; font-size: 12.5px; font-weight: 600;
  cursor: pointer;
  transition: border-color var(--wr-t, .15s), color var(--wr-t, .15s), box-shadow var(--wr-t, .15s);
}
.wr-ll__btn:hover,
.wr-ll.is-open .wr-ll__btn { border-color: var(--wr-violet-2, #A98AD3); color: var(--wr-violet-dark, #6B47A6); box-shadow: 0 4px 12px rgba(138, 99, 193, .12); }
.wr-ll__lang { font-weight: 800; letter-spacing: .04em; color: var(--wr-ink, #1E1B2E); }
.wr-ll__sep { width: 1px; height: 14px; background: var(--wr-line-2, #E5E9F0); }
.wr-ll__lieu { display: inline-flex; align-items: center; gap: 1px; min-width: 0; }
.wr-ll__lieutxt { text-transform: capitalize; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wr-ll__q { font-weight: 800; opacity: .6; }
.wr-ll__chevron { width: 11px; height: 11px; color: var(--wr-muted-2, #9CA3AF); flex: none; transition: transform var(--wr-t, .15s); }
.wr-ll.is-open .wr-ll__chevron { transform: rotate(180deg); }
.wr-ll__btn--devine .wr-ll__lieu { color: var(--wr-muted, #6B7280); }
.wr-ll__panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 300;
  display: grid;
  grid-template-columns: 210px 300px;
  gap: 0;
  background: var(--wr-card, #fff);
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: var(--wr-r-xl, 18px);
  box-shadow: 0 18px 48px rgba(30, 27, 46, .16);
  overflow: hidden;
  animation: wr-ll-in .16s ease-out;
}
.wr-ll__panel[hidden] { display: none; }
.wr-ll:not(.wr-ll--pays) .wr-ll__panel { grid-template-columns: 220px; }
@keyframes wr-ll-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .wr-ll__panel { animation: none; } }
.wr-ll__col { padding: 14px; min-width: 0; margin: 0; }
.wr-ll__col--langues { background: var(--wr-bg, #FBFCFE); border-right: 1px solid var(--wr-line, #EEF1F7); }
.wr-ll:not(.wr-ll--pays) .wr-ll__col--langues { border-right: 0; background: var(--wr-card, #fff); }
.wr-ll__title {
  display: flex; align-items: center; gap: 6px;
  margin: 0 0 10px;
  font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  color: var(--wr-muted, #6B7280);
}
.wr-ll__title svg { width: 14px; height: 14px; flex: none; color: var(--wr-violet, #8A63C1); }
.wr-ll__etat {
  margin-left: auto;
  padding: 2px 7px; border-radius: var(--wr-r-pill, 100px);
  background: var(--wr-acc-green, #D1FAE5); color: var(--wr-acc-green-fg, #047857);
  font-size: 9.5px; letter-spacing: .04em;
}
.wr-ll__etat.is-devine { background: var(--wr-bg-2, #F4F6FB); color: var(--wr-muted, #6B7280); }
.wr-ll__langs { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.wr-ll__langitem {
  display: flex; align-items: center; gap: 9px;
  padding: 7px 8px;
  border-radius: 9px;
  color: var(--wr-ink, #1E1B2E);
  font-size: 13px; font-weight: 600;
  text-decoration: none;
}
a.wr-ll__langitem:hover { background: var(--wr-violet-softer, #F8F4FD); color: var(--wr-violet-dark, #6B47A6); }
.wr-ll__abbr {
  display: inline-grid; place-items: center;
  min-width: 28px; padding: 2px 5px;
  border-radius: 6px;
  background: var(--wr-violet-softer, #F8F4FD); color: var(--wr-violet-dark, #6B47A6);
  font-size: 10.5px; font-weight: 800; letter-spacing: .05em;
}
.wr-ll__nom { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wr-ll__check { width: 14px; height: 14px; margin-left: auto; color: var(--wr-violet, #8A63C1); flex: none; }
.wr-ll__langitem.is-current { background: var(--wr-violet-soft, #F2EDFA); color: var(--wr-violet-dark, #6B47A6); }
.wr-ll__langitem.is-current .wr-ll__abbr { background: var(--wr-violet, #8A63C1); color: #fff; }
.wr-ll__langitem.is-indispo { color: var(--wr-muted-2, #9CA3AF); cursor: not-allowed; }
.wr-ll__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.wr-ll__chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px;
  border: 1px solid var(--wr-line-2, #E5E9F0);
  border-radius: var(--wr-r-pill, 100px);
  background: #fff;
  font: inherit; font-size: 12.5px; font-weight: 600; color: var(--wr-ink, #1E1B2E);
  cursor: pointer;
}
.wr-ll__chip:hover { border-color: var(--wr-violet-2, #A98AD3); }
.wr-ll__chip.is-current { border-color: var(--wr-violet, #8A63C1); background: var(--wr-violet-soft, #F2EDFA); color: var(--wr-violet-dark, #6B47A6); }
.wr-ll__search {
  display: flex; align-items: center; gap: 7px;
  padding: 0 10px;
  border: 1px solid var(--wr-line-2, #E5E9F0);
  border-radius: 10px;
  background: var(--wr-bg, #FBFCFE);
}
.wr-ll__search svg { width: 14px; height: 14px; color: var(--wr-muted-2, #9CA3AF); flex: none; }
.wr-ll__search input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 8px 0; font: inherit; font-size: 13px; outline: none; color: var(--wr-ink, #1E1B2E); }
.wr-ll__search:focus-within { border-color: var(--wr-violet-2, #A98AD3); background: #fff; }
.wr-ll__countries {
  list-style: none; margin: 8px 0 0; padding: 0;
  max-height: 228px; overflow-y: auto;
  display: grid; gap: 1px;
  overscroll-behavior: contain;
}
.wr-ll__countries li[hidden] { display: none; }
.wr-ll__country {
  width: 100%;
  display: flex; align-items: center; gap: 8px;
  padding: 7px 8px;
  border: 0; border-radius: 8px;
  background: transparent;
  font: inherit; font-size: 13px; font-weight: 500; color: var(--wr-ink, #1E1B2E);
  text-align: left; cursor: pointer;
}
.wr-ll__country:hover { background: var(--wr-violet-softer, #F8F4FD); }
.wr-ll__country.is-current { background: var(--wr-violet-soft, #F2EDFA); color: var(--wr-violet-dark, #6B47A6); font-weight: 700; }
.wr-ll__cflag { width: 18px; text-align: center; flex: none; }
.wr-ll__cname { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wr-ll__ccount { font-size: 11px; color: var(--wr-muted-2, #9CA3AF); font-variant-numeric: tabular-nums; }
.wr-ll__vide { margin: 10px 2px 0; font-size: 12.5px; color: var(--wr-muted, #6B7280); }
.wr-ll__vide[hidden] { display: none; }
.wr-ll__clear {
  margin-top: 10px; padding: 0;
  border: 0; background: none;
  font: inherit; font-size: 12px; font-weight: 600;
  color: var(--wr-muted, #6B7280);
  text-decoration: underline; text-underline-offset: 2px;
  cursor: pointer;
}
.wr-ll__clear:hover { color: var(--wr-violet-dark, #6B47A6); }
@media (max-width: 900px) {
  .wr-ll__sep, .wr-ll__lieu, .wr-ll__chevron { display: none; }
  .wr-ll__btn { padding: 6px 9px; gap: 5px; }
  .wr-ll__panel {
    position: fixed;
    top: calc(var(--wr-header-h, 68px) + 4px);
    left: 12px; right: 12px;
    grid-template-columns: 1fr !important;
    max-height: calc(100vh - var(--wr-header-h, 68px) - 20px);
    overflow-y: auto;
  }
  .wr-ll__col--langues { border-right: 0; border-bottom: 1px solid var(--wr-line, #EEF1F7); }
  .wr-ll__langs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── wr-app.css (copie du site vitrine, sans commentaires) ── */

@media (max-width: 991px) {
  .wr-app {
    grid-template-columns: 1fr;
    padding: 20px;
    gap: 20px;
  }
}
.wr-side__card {
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-xl);
  padding: 8px;
  box-shadow: var(--wr-shadow);
}
.wr-side__card--plain { margin-bottom: 10px; }
.wr-side__label {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--wr-muted-2);
  padding: 8px 12px 6px;
}
.wr-side__link {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 12px;
  border-radius: var(--wr-r-sm);
  font-size: 13px;
  font-weight: 500;
  color: var(--wr-ink-2);
  transition: background var(--wr-t), color var(--wr-t);
}
.wr-side__link:hover {
  background: var(--wr-violet-softer);
  color: var(--wr-violet);
}
.wr-side__link.is-active {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
  font-weight: 600;
}
.wr-side__link svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--wr-muted-2);
}
.wr-side__link:hover svg,
.wr-side__link.is-active svg { color: var(--wr-violet); }
.wr-side__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: auto;
  flex-shrink: 0;
}
.wr-side__dot--success { background: var(--wr-success); }
.wr-side__dot--warning { background: var(--wr-warning); }
.wr-side__badge {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: var(--wr-r-pill);
  background: var(--wr-violet);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  display: grid;
  place-items: center;
  margin-left: auto;
  flex-shrink: 0;
}
.wr-side__count {
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: var(--wr-r-pill);
  background: var(--wr-bg-2);
  color: var(--wr-muted);
  font-size: 10.5px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  display: grid;
  place-items: center;
  margin-left: auto;
  flex-shrink: 0;
}
.wr-side__link.is-active .wr-side__count { background: #fff; color: var(--wr-violet); }
.wr-side__link--danger { color: var(--wr-danger); }
.wr-side__link--danger:hover { background: #FEF2F2; color: #B91C1C; }
.wr-side__link--danger svg { color: var(--wr-danger); }
.wr-side__alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  border-radius: var(--wr-r-lg);
  transition: all var(--wr-t);
}
.wr-side__alert--warning {
  background: #FFFBEB;
  border: 1px solid #FDE68A;
  color: #92400E;
}
.wr-side__alert--pending {
  background: var(--wr-violet-soft);
  border: 1px solid var(--wr-violet-2);
  color: var(--wr-violet-dark);
}
.wr-side__alert:hover { transform: translateY(-1px); }
.wr-side__alert-icon { flex-shrink: 0; margin-top: 1px; }
.wr-side__alert-icon svg { width: 16px; height: 16px; }
.wr-side__alert strong {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  margin-bottom: 2px;
}
.wr-side__alert-text {
  display: block;
  font-size: 11.5px;
  line-height: 1.45;
  opacity: .85;
}
.wr-side__progress {
  padding: 14px 12px;
}
.wr-side__progress-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 8px;
}
.wr-side__progress-value {
  font-size: 16px;
  font-weight: 800;
  color: var(--wr-violet);
  letter-spacing: -.02em;
}
.wr-bar {
  height: 5px;
  background: var(--wr-line-2);
  border-radius: var(--wr-r-pill);
  overflow: hidden;
}
.wr-bar__fill {
  height: 100%;
  background: var(--wr-violet);
  border-radius: var(--wr-r-pill);
  transition: width .5s var(--wr-t-slow);
}
.wr-bar__fill.is-low { background: var(--wr-warning); }
.wr-app-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.wr-app-head h1 {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -.025em;
  color: var(--wr-ink);
  margin-bottom: 6px;
}
.wr-app-head p {
  font-size: 14px;
  color: var(--wr-muted);
  max-width: 60ch;
}
@media (max-width: 540px) {
  .wr-app-head h1 { font-size: 22px; }
}
.wr-panel {
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-xl);
  box-shadow: var(--wr-shadow);
  margin-bottom: 20px;
  overflow: hidden;
}
.wr-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--wr-line);
  flex-wrap: wrap;
}
.wr-panel__title {
  font-size: 14px;
  font-weight: 700;
  color: var(--wr-ink);
}
.wr-panel__body { padding: 20px; }
.wr-panel__body--flush { padding: 0; }
.wr-panel__foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid var(--wr-line);
  background: var(--wr-bg-2);
  flex-wrap: wrap;
}
.wr-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}
@media (max-width: 991px) { .wr-stats { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .wr-stats { grid-template-columns: 1fr; } }
.wr-stat {
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-lg);
  padding: 18px;
  box-shadow: var(--wr-shadow);
  transition: all var(--wr-t);
  display: block;
}
a.wr-stat:hover {
  transform: translateY(-2px);
  box-shadow: var(--wr-shadow-hover);
  border-color: var(--wr-violet-2);
}
.wr-stat__label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--wr-muted-2);
  margin-bottom: 10px;
}
.wr-stat__label svg { width: 13px; height: 13px; }
.wr-stat__value {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--wr-ink);
  line-height: 1;
}
.wr-stat__value--violet  { color: var(--wr-violet); }
.wr-stat__value--success { color: var(--wr-success); }
.wr-stat__value--warning { color: var(--wr-warning); }
.wr-stat__value--text {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.wr-stat__hint {
  font-size: 11.5px;
  color: var(--wr-muted);
  margin-top: 8px;
}
.wr-stat__hint a { color: var(--wr-violet); font-weight: 600; }
.wr-onboard {
  background: var(--wr-card);
  border: 1px solid var(--wr-violet-2);
  border-radius: var(--wr-r-xl);
  padding: 20px;
  margin-bottom: 24px;
  box-shadow: 0 0 0 3px rgba(138, 99, 192, .06);
}
.wr-onboard__head { margin-bottom: 16px; }
.wr-onboard__steps { display: grid; gap: 8px; }
.wr-onboard__step {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border-radius: var(--wr-r-md);
  border: 1px solid var(--wr-line);
  transition: all var(--wr-t);
}
.wr-onboard__step:hover {
  border-color: var(--wr-violet-2);
  background: var(--wr-violet-softer);
}
.wr-onboard__step.is-done {
  border-color: transparent;
  background: #F0FDF4;
  opacity: .75;
}
.wr-onboard__step.is-current {
  border-color: var(--wr-violet);
  background: var(--wr-violet-softer);
}
.wr-onboard__num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--wr-line);
  color: var(--wr-muted);
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}
.wr-onboard__step.is-done .wr-onboard__num {
  background: var(--wr-success);
  color: #fff;
}
.wr-onboard__step.is-done .wr-onboard__num svg { width: 13px; height: 13px; }
.wr-onboard__step.is-current .wr-onboard__num {
  background: var(--wr-violet);
  color: #fff;
}
.wr-onboard__body { flex: 1; min-width: 0; }
.wr-onboard__title {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--wr-ink);
}
.wr-onboard__text {
  display: block;
  font-size: 12px;
  color: var(--wr-muted);
  margin-top: 2px;
}
.wr-tabs {
  display: flex;
  gap: 4px;
  padding: 4px;
  background: var(--wr-bg-2);
  border-radius: var(--wr-r-md);
  margin-bottom: 20px;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
}
.wr-tab {
  padding: 8px 16px;
  border-radius: var(--wr-r-sm);
  font-size: 13px;
  font-weight: 600;
  color: var(--wr-muted);
  white-space: nowrap;
  transition: all var(--wr-t);
}
.wr-tab:hover { color: var(--wr-ink); }
.wr-tab.is-active {
  background: var(--wr-card);
  color: var(--wr-violet);
  box-shadow: var(--wr-shadow);
}
.wr-alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: var(--wr-r-md);
  font-size: 13.5px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.wr-alert svg { width: 17px; height: 17px; flex-shrink: 0; margin-top: 1px; }
.wr-alert strong { font-weight: 700; }
.wr-alert--success { background: #ECFDF5; border-color: #A7F3D0; color: #065F46; }
.wr-alert--warning { background: #FFFBEB; border-color: #FDE68A; color: #92400E; }
.wr-alert--danger  { background: #FEF2F2; border-color: #FECACA; color: #991B1B; }
.wr-alert--info    { background: var(--wr-violet-softer); border-color: var(--wr-violet-2); color: var(--wr-violet-dark); }
.wr-cv-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
@media (max-width: 768px) {
  .wr-cv-options { grid-template-columns: 1fr; }
}
.wr-cv-option {
  display: flex;
  flex-direction: column;
  padding: 28px;
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-2xl);
  box-shadow: var(--wr-shadow);
  transition: all var(--wr-t);
}
.wr-cv-option:hover {
  transform: translateY(-3px);
  box-shadow: var(--wr-shadow-hover);
  border-color: var(--wr-violet-2);
}
.wr-cv-option__icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  flex-shrink: 0;
}
.wr-cv-option__icon svg { width: 24px; height: 24px; }
.wr-cv-option:nth-child(1) .wr-cv-option__icon {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-cv-option:nth-child(2) .wr-cv-option__icon {
  background: var(--wr-acc-orange);
  color: var(--wr-acc-orange-fg);
}
.wr-cv-option h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}
.wr-cv-option > p {
  font-size: 13.5px;
  color: var(--wr-muted);
  line-height: 1.6;
  margin-bottom: 20px;
}
.wr-cv-option__form { margin-top: auto; }
.wr-cv-option__perk {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--wr-line);
  font-size: 12px;
  color: var(--wr-muted);
}
.wr-cv-option__perk svg {
  width: 14px;
  height: 14px;
  color: var(--wr-violet);
  flex-shrink: 0;
}
.wr-cv-preview {
  aspect-ratio: 1 / 1.35;
  max-height: 620px;
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-lg);
  overflow: hidden;
  background: var(--wr-bg-2);
}
.wr-cv-preview object { width: 100%; height: 100%; border: 0; }
.wr-cv-preview__fallback {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 40px;
  text-align: center;
  color: var(--wr-muted);
}
.wr-cv-preview__fallback svg {
  width: 44px;
  height: 44px;
  color: var(--wr-muted-2);
}
.wr-analysing {
  min-height: 55vh;
  display: grid;
  place-items: center;
  padding: 40px 0;
}
.wr-analysing__card {
  max-width: 460px;
  text-align: center;
  padding: 40px 32px;
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-3xl);
  box-shadow: var(--wr-shadow-hover);
}
.wr-analysing__anim {
  position: relative;
  width: 76px;
  height: 76px;
  margin: 0 auto 24px;
  color: var(--wr-violet);
}
.wr-analysing__anim > svg {
  width: 100%;
  height: 100%;
  animation: wrFloat2 2.4s ease-in-out infinite;
}
.wr-analysing__sparkle {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 26px;
  height: 26px;
  color: var(--wr-acc-orange-fg);
  animation: wrSparkle 1.6s ease-in-out infinite;
}
.wr-analysing__sparkle svg { width: 100%; height: 100%; }
@keyframes wrFloat2 {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}
@keyframes wrSparkle {
  0%, 100% { transform: scale(1) rotate(0); opacity: .7; }
  50%      { transform: scale(1.2) rotate(15deg); opacity: 1; }
}
.wr-analysing__card h1 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.02em;
  margin-bottom: 10px;
}
.wr-analysing__card > p {
  font-size: 14px;
  color: var(--wr-muted);
  line-height: 1.6;
  margin-bottom: 28px;
}
.wr-analysing__bar {
  height: 5px;
  background: var(--wr-line-2);
  border-radius: var(--wr-r-pill);
  overflow: hidden;
}
.wr-analysing__bar-fill {
  height: 100%;
  width: 35%;
  background: linear-gradient(90deg, var(--wr-violet), var(--wr-violet-2));
  border-radius: var(--wr-r-pill);
  animation: wrSlide 1.6s ease-in-out infinite;
}
@keyframes wrSlide {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(400%); }
}
.wr-row-item {
  position: relative;
  display: flex;
  gap: 14px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--wr-line);
}
.wr-row-item:last-child { border-bottom: 0; }
.wr-row-item:hover { background: var(--wr-bg-2); }
.wr-row-item__num {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 26px;
}
.wr-row-item__fields { flex: 1; min-width: 0; }
.wr-row-item__remove {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 26px;
  height: 26px;
  border-radius: var(--wr-r-xs);
  color: var(--wr-muted-2);
  display: grid;
  place-items: center;
  transition: all var(--wr-t);
  opacity: 0;
}
.wr-row-item:hover .wr-row-item__remove { opacity: 1; }
.wr-row-item__remove:hover { background: #FEF2F2; color: var(--wr-danger); }
.wr-row-item__remove svg { width: 14px; height: 14px; }
.no-js .wr-row-item__remove { display: none; }
.wr-lang-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.wr-lang-row .wr-input { flex: 1; }
.wr-lang-row .wr-select { width: 170px; flex-shrink: 0; }
.wr-lang-row .wr-row-item__remove { position: static; opacity: 1; flex-shrink: 0; }
.wr-themes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 640px) {
  .wr-themes { grid-template-columns: repeat(2, 1fr); }
}
.wr-theme {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 14px;
  border: 2px solid var(--wr-line);
  border-radius: var(--wr-r-lg);
  cursor: pointer;
  transition: all var(--wr-t);
  background: var(--wr-card);
}
.wr-theme:hover { border-color: var(--wr-violet-2); }
.wr-theme.is-selected {
  border-color: var(--wr-violet);
  background: var(--wr-violet-softer);
}
.wr-theme__preview {
  width: 100%;
  aspect-ratio: 1 / 1.35;
  border-radius: var(--wr-r-xs);
  background: #fff;
  border: 1px solid var(--wr-line);
  position: relative;
  overflow: hidden;
}
.wr-theme__preview::before {
  content: '';
  position: absolute;
  inset: 8px 8px auto 8px;
  height: 12px;
  background: var(--wr-violet);
  border-radius: 2px;
}
.wr-theme__preview::after {
  content: '';
  position: absolute;
  inset: 26px 8px 8px 8px;
  background: repeating-linear-gradient(var(--wr-line) 0 3px, transparent 3px 8px);
}
.wr-theme__preview--modern::before {
  inset: 8px auto 8px 8px;
  width: 32%;
  height: auto;
}
.wr-theme__preview--modern::after { inset: 8px 8px 8px 44%; }
.wr-theme__preview--minimal::before {
  background: var(--wr-ink);
  height: 3px;
  inset: 12px 8px auto 8px;
}
.wr-theme__preview--creative::before {
  background: linear-gradient(135deg, var(--wr-violet), var(--wr-violet-2));
  height: 36px;
  inset: 0 0 auto 0;
  border-radius: 0;
}
.wr-theme__preview--creative::after { inset: 44px 8px 8px 8px; }
.wr-theme__name {
  font-size: 12px;
  font-weight: 600;
  color: var(--wr-ink-2);
}
.wr-theme.is-selected .wr-theme__name { color: var(--wr-violet); }
.wr-like {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--wr-line-2);
  background: var(--wr-card);
  color: var(--wr-muted-2);
  display: grid;
  place-items: center;
  transition: all var(--wr-t);
  cursor: pointer;
  flex-shrink: 0;
}
.wr-like:hover {
  border-color: var(--wr-danger);
  color: var(--wr-danger);
  transform: scale(1.08);
}
.wr-like.is-liked {
  border-color: var(--wr-danger);
  color: var(--wr-danger);
  background: #FEF2F2;
}
.wr-like svg { width: 15px; height: 15px; }
.wr-like.is-liked svg { animation: wrHeartPop 300ms ease-out; }
@keyframes wrHeartPop {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.35); }
  100% { transform: scale(1); }
}
.wr-row__like {
  flex-shrink: 0;
  margin-left: auto;
}
.wr-stat--pastel {
  border: 0;
  box-shadow: none;
}
.wr-stat--pastel .wr-stat__icon {
  width: 40px;
  height: 40px;
  border-radius: var(--wr-r-md);
  display: grid;
  place-items: center;
  margin-bottom: 14px;
}
.wr-stat--pastel .wr-stat__icon svg { width: 18px; height: 18px; }
.wr-stat--blue   { background: #E5F6FF; }
.wr-stat--blue   .wr-stat__icon { background: rgba(30, 116, 254, .12); color: #1E74FE; }
.wr-stat--blue   .wr-stat__value { color: #1E74FE; }
.wr-stat--lilac  { background: #F6F3FF; }
.wr-stat--lilac  .wr-stat__icon { background: rgba(138, 99, 193, .12); color: var(--wr-violet); }
.wr-stat--lilac  .wr-stat__value { color: var(--wr-violet); }
.wr-stat--green  { background: #E2F6E9; }
.wr-stat--green  .wr-stat__icon { background: rgba(16, 185, 129, .14); color: #047857; }
.wr-stat--green  .wr-stat__value { color: #047857; }
.wr-stat--peach  { background: #FFF0E9; }
.wr-stat--peach  .wr-stat__icon { background: rgba(194, 65, 12, .1); color: #C2410C; }
.wr-stat--peach  .wr-stat__value { color: #C2410C; }
.wr-stat--pastel .wr-stat__label {
  color: rgba(30, 27, 46, .5);
  margin-bottom: 6px;
}
.wr-share-url {
  background: linear-gradient(135deg, var(--wr-violet-softer), var(--wr-card));
  border: 1px solid var(--wr-violet-2);
  border-radius: var(--wr-r-xl);
  padding: 20px;
  margin-bottom: 24px;
}
.wr-share-url__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.wr-share-url__icon {
  width: 34px;
  height: 34px;
  border-radius: var(--wr-r-sm);
  background: var(--wr-violet);
  color: #fff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.wr-share-url__icon svg { width: 16px; height: 16px; }
.wr-share-url__row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.wr-share-url__input {
  flex: 1;
  padding: 10px 14px;
  font-size: 13px;
  font-family: var(--wr-mono);
  color: var(--wr-ink-2);
  background: var(--wr-card);
  border: 1px solid var(--wr-line-2);
  border-radius: var(--wr-r-sm);
  min-width: 0;
  outline: none;
}
.wr-share-url__input:focus { border-color: var(--wr-violet); }
.wr-share-url__btn.is-copied {
  background: var(--wr-success);
  border-color: var(--wr-success);
}
@media (max-width: 540px) {
  .wr-share-url__row { flex-direction: column; }
}
.wr-activity {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--wr-line);
  transition: background var(--wr-t);
}
.wr-activity:last-child { border-bottom: 0; }
.wr-activity:hover { background: var(--wr-violet-softer); }
.wr-activity__icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.wr-activity__icon svg { width: 15px; height: 15px; }
.wr-activity__icon--like    { background: #FEE2E2; color: #B91C1C; }
.wr-activity__icon--message { background: #DBEAFE; color: #1E40AF; }
.wr-activity__icon--job     { background: var(--wr-violet-soft); color: var(--wr-violet); }
.wr-activity__icon--warning { background: #FEF3C7; color: #B45309; }
.wr-activity__body { flex: 1; min-width: 0; }
.wr-activity__text {
  font-size: 13.5px;
  color: var(--wr-ink-2);
  line-height: 1.4;
}
.wr-activity__text strong { color: var(--wr-ink); font-weight: 600; }
.wr-activity__time {
  font-size: 11.5px;
  color: var(--wr-muted-2);
  margin-top: 2px;
}
.wr-publish {
  border: 2px solid var(--wr-violet);
  border-radius: var(--wr-r-xl);
  background: linear-gradient(135deg, var(--wr-violet-softer), var(--wr-card));
  overflow: hidden;
  margin-bottom: 24px;
  box-shadow: 0 0 0 4px rgba(138, 99, 192, .06);
}
.wr-publish__main {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  flex-wrap: wrap;
}
.wr-publish__icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: var(--wr-violet);
  color: #fff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.wr-publish__icon svg { width: 22px; height: 22px; }
.wr-publish__price {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--wr-ink);
  line-height: 1;
}
.wr-publish__alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 24px;
  border-top: 1px solid var(--wr-violet-2);
  background: rgba(255, 255, 255, .6);
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .wr-publish__main { flex-direction: column; align-items: stretch; }
  .wr-publish__main > div:last-child { justify-content: space-between; }
}
.wr-input--mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13.5px;
}
.wr-check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--wr-ink-2, #374151);
  cursor: pointer;
}
.wr-check input[type="checkbox"] {
  flex: none;
  width: 17px;
  height: 17px;
  margin: 2px 0 0;
  accent-color: var(--wr-violet, #8A63C1);
  cursor: pointer;
}
.wr-check:hover { color: var(--wr-ink, #1E1B2E); }
.wr-checkout {
  max-width: 520px;
  margin-inline: auto;
}
.wr-checkout__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--wr-line);
  font-size: 14px;
}
.wr-checkout__row:last-of-type { border-bottom: 0; }
.wr-checkout__label { color: var(--wr-muted); }
.wr-checkout__value { font-weight: 600; color: var(--wr-ink); text-align: right; }
.wr-checkout__total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0 0;
  margin-top: 8px;
  border-top: 2px solid var(--wr-ink);
}
.wr-checkout__total-label {
  font-size: 15px;
  font-weight: 700;
  color: var(--wr-ink);
}
.wr-checkout__total-value {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--wr-ink);
}
.wr-checkout__secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 18px;
  font-size: 12px;
  color: var(--wr-muted);
}
.wr-checkout__secure svg { width: 13px; height: 13px; }
.wr-result {
  min-height: 55vh;
  display: grid;
  place-items: center;
  padding: 40px 0;
}
.wr-result__card {
  max-width: 460px;
  text-align: center;
  padding: 44px 32px;
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-3xl);
  box-shadow: var(--wr-shadow-hover);
}
.wr-result__icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.wr-result__icon svg { width: 32px; height: 32px; }
.wr-result__icon--success {
  background: #D1FAE5;
  color: #047857;
  animation: wrPop 500ms cubic-bezier(.34, 1.56, .64, 1);
}
.wr-result__icon--neutral {
  background: var(--wr-bg-2);
  color: var(--wr-muted);
}
@keyframes wrPop {
  0%   { transform: scale(0); }
  60%  { transform: scale(1.15); }
  100% { transform: scale(1); }
}
.wr-result__card h1 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.02em;
  margin-bottom: 10px;
}
.wr-result__card > p {
  font-size: 14px;
  color: var(--wr-muted);
  line-height: 1.6;
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .wr-sr-md {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }
}
@media (min-width: 1600px) {
  .wr-app { grid-template-columns: 300px 1fr; }
}
@media (max-width: 768px) {
  .wr-app { padding: 20px 20px 40px; }
}
.wr-account {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 720px;
}
.wr-card-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--wr-ink);
  margin: 0 0 20px;
}
.wr-lang-choice { display: flex; gap: 10px; flex-wrap: wrap; }
.wr-lang-choice__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid var(--wr-line);
  border-radius: 12px;
  cursor: pointer;
  font-size: 14px;
  transition: border-color .18s ease, background .18s ease;
}
.wr-lang-choice__item:hover { border-color: var(--wr-violet-2); }
.wr-lang-choice__item:has(input:checked) {
  border-color: var(--wr-violet);
  background: var(--wr-violet-softer);
  font-weight: 600;
}
.wr-tunnel {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  padding: 14px 18px;
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: 14px;
}
.wr-tunnel__step {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--wr-muted-2);
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
}
a.wr-tunnel__step:hover { color: var(--wr-violet-dark); }
.wr-tunnel__step.is-current { color: var(--wr-ink); }
.wr-tunnel__step.is-done { color: var(--wr-violet-dark); }
.wr-tunnel__num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  background: var(--wr-bg-2);
  color: var(--wr-muted);
  flex: none;
}
.wr-tunnel__step.is-current .wr-tunnel__num {
  background: var(--wr-violet);
  color: #fff;
}
.wr-tunnel__step.is-done .wr-tunnel__num {
  background: var(--wr-violet-soft);
  color: var(--wr-violet-dark);
}
.wr-tunnel__bar {
  flex: 1;
  height: 2px;
  background: var(--wr-line-2);
  border-radius: 2px;
  min-width: 16px;
}
.wr-tunnel__bar.is-done { background: var(--wr-violet-2); }
@media (max-width: 640px) {
  .wr-tunnel__label { display: none; }
}
.wr-cv-form { display: flex; flex-direction: column; gap: 18px; }
.wr-import { flex: none; }
.wr-themes { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.wr-theme {
  display: block;
  padding: 18px;
  border: 1px solid var(--wr-line);
  border-radius: 14px;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.wr-theme:hover { border-color: var(--wr-violet-2); transform: translateY(-2px); }
.wr-theme input { position: absolute; opacity: 0; pointer-events: none; }
.wr-theme:has(input:checked) {
  border-color: var(--wr-violet);
  background: var(--wr-violet-softer);
  box-shadow: 0 0 0 1px var(--wr-violet);
}
.wr-theme__preview {
  display: flex;
  gap: 4px;
  height: 74px;
  padding: 8px;
  margin-bottom: 14px;
  background: var(--wr-card);
  border: 1px solid var(--wr-line-2);
  border-radius: 8px;
}
.wr-theme__preview span { background: var(--wr-line-2); border-radius: 3px; }
.wr-theme__preview--simple span:nth-child(1) { width: 32%; background: var(--wr-violet-2); }
.wr-theme__preview--simple span:nth-child(2) { flex: 1; }
.wr-theme__preview--simple span:nth-child(3) { display: none; }
.wr-theme__preview--compact { flex-direction: column; }
.wr-theme__preview--compact span:nth-child(1) { height: 14px; background: var(--wr-violet-2); }
.wr-theme__preview--compact span:nth-child(2) { flex: 1; }
.wr-theme__preview--compact span:nth-child(3) { height: 12px; }
.wr-theme__title {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--wr-ink);
  margin-bottom: 3px;
}
.wr-theme__desc { display: block; font-size: 12.5px; color: var(--wr-muted); line-height: 1.5; }
.wr-palettes { display: flex; flex-wrap: wrap; gap: 12px; }
.wr-palette { cursor: pointer; text-align: center; }
.wr-palette input { position: absolute; opacity: 0; pointer-events: none; }
.wr-palette__dot {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin: 0 auto 6px;
  box-shadow: 0 0 0 2px var(--wr-card), 0 0 0 2px transparent;
  transition: box-shadow .18s ease, transform .18s ease;
}
.wr-palette__dot > span {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--wr-card);
}
.wr-palette:hover .wr-palette__dot { transform: scale(1.06); }
.wr-palette:has(input:checked) .wr-palette__dot {
  box-shadow: 0 0 0 2px var(--wr-card), 0 0 0 4px var(--wr-violet);
}
.wr-palette__name { font-size: 11.5px; color: var(--wr-muted); }
.wr-done { display: grid; grid-template-columns: 1fr 320px; gap: 20px; align-items: start; }
.wr-done__preview {
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: 16px;
  overflow: hidden;
  min-height: 600px;
}
.wr-done__pdf { width: 100%; height: 78vh; min-height: 600px; border: 0; display: block; }
.wr-done__side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 92px; }
@media (max-width: 991px) {
  .wr-done { grid-template-columns: 1fr; }
  .wr-done__side { position: static; }
  .wr-themes { grid-template-columns: 1fr; }
}
.wr-dash {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 22px;
  align-items: start;
}
.wr-dash__main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.wr-dash__rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: sticky;
  top: 92px;
}
.wr-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.wr-kpi {
  padding: 22px;
  border-radius: 16px;
  border: 1px solid transparent;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}
a.wr-kpi:hover { transform: translateY(-2px); box-shadow: var(--wr-shadow-hover); }
.wr-kpi--violet { background: var(--wr-violet-softer); }
.wr-kpi--blue { background: #EFF6FF; }
.wr-kpi--green { background: #ECFDF5; }
.wr-kpi__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .8);
  margin-bottom: 16px;
}
.wr-kpi--violet .wr-kpi__icon { color: var(--wr-violet); }
.wr-kpi--blue .wr-kpi__icon { color: #2563EB; }
.wr-kpi--green .wr-kpi__icon { color: #10B981; }
.wr-kpi__value {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--wr-ink);
  line-height: 1;
  margin-bottom: 6px;
}
.wr-kpi__label {
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wr-muted);
}
.wr-progress {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 28px;
  border-radius: 20px;
  background: linear-gradient(135deg, #8A63C0, #9D7BCC);
  color: #fff;
}
.wr-progress__body { flex: 1; min-width: 0; }
.wr-progress__title {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.02em;
  margin: 0 0 6px;
  color: #fff;
}
.wr-progress__text {
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, .88);
  margin: 0 0 16px;
}
.wr-progress__text strong { color: #fff; font-weight: 700; }
.wr-progress__bar {
  height: 7px;
  border-radius: 4px;
  background: rgba(255, 255, 255, .28);
  overflow: hidden;
  margin-bottom: 16px;
}
.wr-progress__bar span {
  display: block;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  transition: width .5s ease;
}
.wr-progress__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.wr-progress__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 100px;
  background: #fff;
  color: var(--wr-violet-dark);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .18s ease;
}
.wr-progress__chip:hover { transform: translateY(-1px); }
.wr-progress__chip.is-done {
  background: rgba(255, 255, 255, .18);
  color: #fff;
  cursor: pointer;
}
.wr-progress__chip.is-done:hover { background: rgba(255, 255, 255, .28); }
.wr-progress__ring {
  flex: none;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .18);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
  order: 2;
}
.wr-me { display: flex; align-items: center; gap: 12px; }
.wr-me__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--wr-violet-soft);
  color: var(--wr-violet-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  flex: none;
}
.wr-me__avatar img { width: 100%; height: 100%; object-fit: cover; }
.wr-me__name { font-size: 15px; font-weight: 700; color: var(--wr-ink); }
.wr-me__job { font-size: 12.5px; color: var(--wr-muted); }
.wr-me__count {
  font-size: 26px;
  font-weight: 800;
  color: var(--wr-violet);
  letter-spacing: -.02em;
}
.wr-rail-convs { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; }
.wr-rail-conv {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  margin: 0 -10px;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: background .16s ease;
}
.wr-rail-conv:hover { background: var(--wr-violet-softer); }
.wr-rail-conv__avatar {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--wr-violet-soft);
  color: var(--wr-violet-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11.5px;
  font-weight: 700;
  overflow: visible;
  flex: none;
}
.wr-rail-conv__avatar img {
  width: 100%; height: 100%; border-radius: 50%; object-fit: cover;
}
.wr-rail-conv__dot {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--wr-success);
  border: 2px solid var(--wr-card);
}
.wr-rail-conv__body { flex: 1; min-width: 0; }
.wr-rail-conv__name {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--wr-ink);
}
.wr-rail-conv.has-unread .wr-rail-conv__name { font-weight: 700; }
.wr-rail-conv__preview {
  display: block;
  font-size: 12.5px;
  color: var(--wr-muted);
}
@media (max-width: 1200px) {
  .wr-dash,
  .wr-dash:has(.wr-dash__rail) { grid-template-columns: 1fr; }
  .wr-dash__rail { position: static; }
}
@media (max-width: 640px) {
  .wr-kpis { grid-template-columns: 1fr; }
  .wr-progress { flex-direction: column; align-items: flex-start; }
  .wr-progress__ring { order: 0; }
}
.wr-dash { display: grid; grid-template-columns: 1fr; gap: 22px; align-items: start; }
.wr-dash:has(.wr-dash__rail) { grid-template-columns: 1fr 300px; }
.wr-dash__main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.wr-dash__side,
.wr-dash__rail { position: sticky; top: 92px; }
.wr-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.wr-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 100px;
  border: 1px solid var(--wr-line);
  background: var(--wr-card);
  color: var(--wr-ink-2);
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: all .18s ease;
}
.wr-tab:hover { border-color: var(--wr-violet-2); }
.wr-tab.is-active {
  background: var(--wr-violet);
  border-color: var(--wr-violet);
  color: #fff;
}
.wr-tabs--sub { margin: -4px 0 16px; }
.wr-tabs--sub .wr-tab { padding: 8px 14px; font-size: 13px; }
.wr-tab__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 100px;
  background: var(--wr-violet-soft);
  color: var(--wr-violet-dark);
  font-size: 11.5px;
  font-weight: 700;
}
.wr-tab.is-active .wr-tab__badge { background: rgba(255, 255, 255, .25); color: #fff; }
.wr-tabs--bar {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 0;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--wr-line);
}
.wr-tabs--bar .wr-tab {
  justify-content: center;
  padding: 18px 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  margin-bottom: -1px;
  background: transparent;
  color: var(--wr-muted);
  text-align: center;
  white-space: nowrap;
}
.wr-tabs--bar .wr-tab:hover { border-color: var(--wr-line-2); color: var(--wr-ink); background: transparent; }
.wr-tabs--bar .wr-tab.is-active {
  background: transparent;
  color: var(--wr-violet);
  border-bottom-color: var(--wr-violet);
}
.wr-tabs--bar .wr-tab.is-active .wr-tab__badge { background: var(--wr-violet-soft); color: var(--wr-violet-dark); }
@media (max-width: 640px) {
  .wr-tabs--bar .wr-tab { flex-direction: column; gap: 5px; padding: 12px 4px; font-size: 11.5px; white-space: normal; line-height: 1.15; }
  .wr-tabs--bar .wr-tab__badge { position: absolute; transform: translate(18px, -14px); }
  .wr-tabs--bar .wr-tab { position: relative; }
}
[data-panel][hidden] { display: none; }
.wr-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.wr-stat { padding: 22px; border-radius: 16px; }
.wr-stat__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .7);
  margin-bottom: 20px;
}
.wr-stat__value {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1;
  color: var(--wr-ink);
  margin-bottom: 6px;
}
.wr-stat__label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--wr-muted);
}
.wr-stat--blue   { background: #EFF6FF; }
.wr-stat--blue   .wr-stat__icon { color: #2563EB; }
.wr-stat--violet { background: var(--wr-violet-soft); }
.wr-stat--violet .wr-stat__icon { color: var(--wr-violet); }
.wr-stat--green  { background: #ECFDF5; }
.wr-stat--green  .wr-stat__icon { color: #10B981; }
.wr-stat--orange { background: #FFF7ED; }
.wr-stat--orange .wr-stat__icon { color: #EA580C; }
.wr-share { display: flex; gap: 10px; }
.wr-share .wr-input { flex: 1; font-size: 13.5px; color: var(--wr-muted); }
.wr-share .wr-btn { flex: none; }
.wr-premium-card {
  background: #ECFDF5;
  border: 1px solid #A7F3D0;
  border-radius: 20px;
  padding: 28px;
}
.wr-premium-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 100px;
  background: #065F46;
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.wr-premium-card__title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: #064E3B;
  margin: 0 0 6px;
}
.wr-premium-card__sub { font-size: 14.5px; color: #047857; margin: 0 0 22px; }
.wr-premium-card__box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 20px 22px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .65);
  margin-bottom: 22px;
}
.wr-premium-card__cap {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #047857;
  margin-bottom: 6px;
}
.wr-premium-card__val {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: #064E3B;
}
.wr-premium-card__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #10B981;
  flex: none;
}
.wr-perks { display: flex; flex-wrap: wrap; gap: 8px; }
.wr-perk {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 100px;
  background: rgba(255, 255, 255, .8);
  border: 1px solid #A7F3D0;
  color: #065F46;
  font-size: 13px;
  font-weight: 600;
}
.wr-perk svg { color: #10B981; }
.wr-notif {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid var(--wr-line);
  background: var(--wr-card);
  margin-bottom: 10px;
}
.wr-notif.is-unread { border-color: var(--wr-violet-2); background: var(--wr-violet-softer); }
.wr-notif__icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  background: var(--wr-bg-2);
  color: var(--wr-muted);
}
.wr-notif__icon--message     { background: var(--wr-violet-soft); color: var(--wr-violet-dark); }
.wr-notif__icon--application { background: #ECFDF5; color: #10B981; }
.wr-notif__icon--offer       { background: #EFF6FF; color: #2563EB; }
.wr-notif__body { flex: 1; min-width: 0; }
.wr-notif__title {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--wr-ink);
  margin-bottom: 3px;
}
.wr-notif__desc { font-size: 13px; color: var(--wr-muted); line-height: 1.5; }
.wr-notif__time { font-size: 12px; color: var(--wr-muted-2); flex: none; white-space: nowrap; }
@media (max-width: 1200px) {
  .wr-dash,
  .wr-dash:has(.wr-dash__side) { grid-template-columns: 1fr; }
  .wr-dash__side { position: static; }
}
@media (max-width: 900px) {
  .wr-stats { grid-template-columns: 1fr 1fr; }
  .wr-premium-card__box { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  .wr-stats { grid-template-columns: 1fr; }
  .wr-share { flex-direction: column; }
}
.wr-app-title {
  margin: 0 0 4px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: var(--wr-ink);
}
.wr-app-sub {
  margin: 0;
  font-size: 14px;
  color: var(--wr-muted);
}
.wr-tab-panel[hidden] { display: none; }
.wr-side__card {
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: 16px;
  padding: 10px;
}
.wr-side__space {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--wr-violet-softer, #F6F1FD);
  border: 1px solid var(--wr-violet-2, #E4D9F5);
  color: var(--wr-violet, #8A63C1);
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.wr-side__space svg { width: 15px; height: 15px; flex: none; }
.wr-side.is-collapsed .wr-side__space { display: none; }
.wr-interest {
  border: 1px solid var(--wr-violet-2, #E4D9F5);
  background: var(--wr-violet-softer, #F6F1FD);
  border-radius: 16px;
  padding: 20px;
}
.wr-interest--compact { padding: 16px; }
.wr-interest__submit { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.wr-interest__login {
  font-size: 13px; font-weight: 600; color: var(--wr-violet); text-decoration: none;
  background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit;
}
.wr-interest__login:hover { text-decoration: underline; }
.wr-interest__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.wr-interest__ico {
  width: 34px; height: 34px; flex: none;
  border-radius: 10px;
  display: grid; place-items: center;
  background: var(--wr-violet, #8A63C1);
  color: #fff;
}
.wr-interest__ico svg { width: 16px; height: 16px; }
.wr-interest__title { font-size: 17px; font-weight: 800; color: var(--wr-ink, #1E1B2E); margin: 0; }
.wr-interest--compact .wr-interest__title { font-size: 14.5px; }
.wr-interest__intro {
  font-size: 13.5px;
  color: var(--wr-muted, #6B7280);
  line-height: 1.55;
  margin: 0 0 14px;
}
.wr-interest--compact .wr-interest__intro { font-size: 12.5px; }
.wr-interest__form .wr-field { margin-bottom: 12px; }
.wr-interest__form textarea.wr-input { resize: vertical; min-height: 72px; }
.wr-interest__file { padding: 9px 12px; background: #fff; }
.wr-interest__hint { font-size: 12px; color: var(--wr-muted-2, #9CA3AF); margin: 6px 0 0; }
.wr-interest__cvnote {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 2px 0 14px;
  padding: 14px 16px;
  border: 1.5px solid var(--wr-violet-2, #A98AD3);
  border-radius: 14px;
  background: linear-gradient(135deg, #F8F4FD 0%, #F2EDFA 100%);
  color: var(--wr-ink-2, #374151);
}
.wr-interest__cvnoteico {
  width: 36px; height: 36px; flex: none;
  display: grid; place-items: center;
  border-radius: 11px;
  background: var(--wr-violet, #8A63C1);
  color: #fff;
  box-shadow: 0 4px 12px rgba(138, 99, 193, .3);
}
.wr-interest__cvnoteico svg { width: 19px; height: 19px; }
.wr-interest__cvnotebody { display: grid; gap: 4px; min-width: 0; }
.wr-interest__cvnotebody strong {
  font-size: 15.5px;
  line-height: 1.35;
  font-weight: 800;
  color: var(--wr-violet-dark, #6B47A6);
}
.wr-interest__cvnotebody > span { font-size: 13px; line-height: 1.55; }
.wr-interest__cvnotebody a { color: var(--wr-violet, #8A63C1); font-weight: 700; white-space: nowrap; }
.wr-interest__cvtip {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 6px;
  padding-top: 9px;
  border-top: 1px dashed rgba(138, 99, 193, .35);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  color: #047857;
}
.wr-interest__cvtip svg { width: 16px; height: 16px; flex: none; margin-top: 1px; }
.wr-interest__cvtip a { color: #047857; text-decoration: underline; text-underline-offset: 2px; }
.wr-interest--compact .wr-interest__cvnote { padding: 12px; gap: 10px; }
.wr-interest--compact .wr-interest__cvnoteico { width: 30px; height: 30px; border-radius: 9px; }
.wr-interest--compact .wr-interest__cvnotebody strong { font-size: 14px; }
.wr-interest--compact .wr-interest__cvnotebody > span { font-size: 12.5px; }
.wr-interest__already {
  display: flex; align-items: flex-start; gap: 8px;
  margin: -4px 0 14px; padding: 9px 12px;
  border-radius: 10px;
  background: #ECFDF5; border: 1px solid #A7F3D0; color: #065F46;
  font-size: 12.5px; line-height: 1.5;
}
.wr-interest__already svg { flex: none; margin-top: 2px; }
.wr-interest__error {
  margin: 0 0 12px; padding: 9px 12px;
  border-radius: 10px;
  background: #FEF2F2; border: 1px solid #FECACA; color: #991B1B;
  font-size: 12.5px; line-height: 1.5;
}
.wr-interest__done { text-align: center; padding: 6px 4px 2px; outline: none; }
.wr-interest__done[hidden] { display: none; }
.wr-interest__doneico {
  width: 56px; height: 56px; margin: 0 auto 14px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: #D1FAE5; color: #047857;
  box-shadow: 0 0 0 8px rgba(16, 185, 129, .12);
  animation: wr-interest-pop .38s cubic-bezier(.32, .72, 0, 1) both;
}
.wr-interest__doneico svg { width: 26px; height: 26px; }
@keyframes wr-interest-pop {
  from { transform: scale(.6); opacity: 0; }
  to   { transform: none; opacity: 1; }
}
.wr-interest__donetitle {
  margin: 0 0 6px;
  font-size: 19px; font-weight: 800; color: var(--wr-ink, #1E1B2E);
}
.wr-interest--compact .wr-interest__donetitle { font-size: 17px; }
.wr-interest__donetext {
  margin: 0 auto 14px; max-width: 38ch;
  font-size: 13.5px; line-height: 1.55; color: var(--wr-muted, #6B7280);
}
.wr-interest__recap {
  list-style: none; margin: 0 auto 14px; padding: 12px 14px;
  max-width: 320px;
  display: grid; gap: 7px;
  background: #fff;
  border: 1px solid var(--wr-violet-2, #E4D9F5);
  border-radius: 12px;
  text-align: left;
}
.wr-interest__recap li {
  display: flex; align-items: center; gap: 9px; min-width: 0;
  font-size: 13px; font-weight: 600; color: var(--wr-ink, #1E1B2E);
}
.wr-interest__recap li[hidden] { display: none; }
.wr-interest__recap li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wr-interest__recap svg { width: 15px; height: 15px; flex: none; color: #059669; }
.wr-interest__donehint {
  margin: 0 auto 16px; max-width: 40ch;
  font-size: 12.5px; line-height: 1.5; color: var(--wr-muted, #6B7280);
}
.wr-interest__donehint[hidden] { display: none; }
.wr-interest__doneactions {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
}
.wr-interest__doneactions .wr-btn[hidden] { display: none; }
@media (max-width: 540px) {
  .wr-interest__doneactions .wr-btn { flex: 1 1 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .wr-interest__doneico { animation: none; }
}
.wr-present-to {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  margin-bottom: 18px;
  border-radius: 12px;
  border: 1px solid var(--wr-violet-2, #E4D9F5);
  background: var(--wr-violet-softer, #F6F1FD);
  color: var(--wr-violet, #8A63C1);
  font-size: 13.5px;
  font-weight: 700;
}
.wr-present-to svg { width: 17px; height: 17px; flex: none; }
.wr-present-to--done {
  margin: 18px auto 0;
  max-width: 480px;
  border-color: #A7F3D0;
  background: #ECFDF5;
  color: #047857;
}
.wr-recu {
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-xl);
  box-shadow: var(--wr-shadow);
  padding: 16px 18px;
  margin-bottom: 12px;
}
.wr-recu__head { display: flex; align-items: flex-start; gap: 12px; }
.wr-recu__avatar { border-radius: 50%; }
.wr-recu__avatar img { border-radius: 50%; }
.wr-recu__who { flex: 1; min-width: 0; }
.wr-recu__name {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  font-size: 15px; font-weight: 700; color: var(--wr-ink);
}
.wr-recu__meta {
  display: flex; flex-wrap: wrap; gap: 10px; margin-top: 3px;
  font-size: 12.5px; color: var(--wr-muted);
}
.wr-recu__job { color: var(--wr-violet); font-weight: 600; }
.wr-recu__date { flex: none; font-size: 12px; color: var(--wr-muted); white-space: nowrap; }
.wr-recu__message {
  margin: 12px 0 0; padding: 12px 14px;
  border-left: 3px solid var(--wr-violet);
  background: var(--wr-violet-softer);
  border-radius: 0 var(--wr-r-md) var(--wr-r-md) 0;
  font-size: 13.5px; line-height: 1.6; color: var(--wr-ink-2);
  white-space: pre-line;
}
.wr-recu__nomessage { margin: 12px 0 0; font-size: 13px; color: var(--wr-muted-2); font-style: italic; }
.wr-recu__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.wr-recu__board { margin-left: auto; }
.wr-recu__actions .wr-btn svg { width: 14px; height: 14px; flex: none; }
.wr-recu__locked { color: var(--wr-muted); border-style: dashed; }
.wr-recu__locked:hover { color: var(--wr-violet); border-color: var(--wr-violet-2); }
@media (max-width: 520px) {
  .wr-recu__head { flex-wrap: wrap; }
  .wr-recu__date { width: 100%; padding-left: 44px; }
  .wr-recu__board { margin-left: 0; }
}
.wr-row--locked { cursor: default; }
.wr-row--locked:hover { transform: none; box-shadow: none; border-color: var(--wr-line); }
.wr-row__veil { filter: blur(5px); user-select: none; pointer-events: none; }
.wr-row__lock {
  display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0;
  padding: 8px 12px; border-radius: 100px;
  border: 1px solid var(--wr-line); background: var(--wr-bg-2);
  color: var(--wr-muted); font-size: 12.5px; font-weight: 600; text-decoration: none;
  transition: background var(--wr-t), color var(--wr-t), border-color var(--wr-t);
}
.wr-row__lock svg { width: 15px; height: 15px; }
.wr-row__lock:hover { background: var(--wr-violet-soft); border-color: var(--wr-violet); color: var(--wr-violet); }
.wr-premium-lock {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  margin-bottom: 14px; padding: 14px 16px;
  border: 1px solid var(--wr-violet-2); border-radius: var(--wr-r-xl);
  background: linear-gradient(135deg, var(--wr-violet-softer), var(--wr-card));
}
.wr-premium-lock__ico {
  width: 38px; height: 38px; flex: none; display: grid; place-items: center;
  border-radius: 12px; background: var(--wr-violet); color: #fff;
}
.wr-premium-lock__ico svg { width: 18px; height: 18px; }
.wr-premium-lock__body { flex: 1; min-width: 220px; }
.wr-premium-lock__body strong { display: block; font-size: 14.5px; color: var(--wr-ink); margin-bottom: 2px; }
.wr-premium-lock__body p { margin: 0; font-size: 13px; color: var(--wr-muted); line-height: 1.5; }
.wr-row__interest {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 6px;
  font-size: 12.5px;
  color: var(--wr-ink-2, #3F3A52);
  font-style: italic;
  line-height: 1.5;
}
.wr-row__interest svg { width: 14px; height: 14px; flex: none; margin-top: 2px; color: var(--wr-violet, #8A63C1); }
.wr-row__interesttxt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wr-cv-final {
  margin: 24px 0 4px;
  width: 100%;
}
.wr-cv-final__loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 48px 20px;
  color: var(--wr-muted, #6B7280);
  font-size: 14px;
  font-weight: 600;
}
.wr-cv-final__spin {
  width: 40px; height: 40px;
  border-radius: 50%;
  border: 3px solid var(--wr-violet-soft, #EDE6F8);
  border-top-color: var(--wr-violet, #8A63C1);
  animation: wrCvSpin .8s linear infinite;
}
@keyframes wrCvSpin { to { transform: rotate(360deg); } }
.wr-cv-final__frame {
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(30, 27, 46, .08);
  background: #fff;
}
.wr-cv-final__frame iframe {
  display: block;
  width: 100%;
  height: 70vh;
  min-height: 480px;
  border: 0;
}
.wr-cv-final__obj,
.wr-cv-final__iframe {
  display: block;
  width: 100%;
  height: 78vh;
  min-height: 560px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 14px;
  background: #fff;
}
.wr-cv-final__fallback {
  padding: 40px 20px; text-align: center; color: var(--wr-muted, #6B7280); font-size: 14px;
}
.wr-cv-final__fallback a { color: var(--wr-violet, #8A63C1); font-weight: 700; margin-left: 4px; }
.wr-cvready__head {
  display: flex; align-items: center; gap: 14px; margin-bottom: 20px;
}
.wr-cvready__check {
  width: 48px; height: 48px; flex: none;
  border-radius: 50%;
  background: #ECFDF5; color: #059669;
  display: grid; place-items: center;
}
.wr-cvready__title { font-size: 22px; font-weight: 800; color: var(--wr-ink, #1E1B2E); margin: 0; }
.wr-cvready__sub { font-size: 14px; color: var(--wr-muted, #6B7280); margin: 4px 0 0; }
.wr-cvready__actions + .wr-card { margin-top: 22px; }
.wr-cvready__actions {
  display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px;
}
.wr-side__label {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--wr-muted-2);
  padding: 8px 12px 6px;
}
.wr-side__link {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 11px;
  background: none;
  color: var(--wr-ink-2);
  font: 500 13.5px/1.2 inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: background .16s ease, color .16s ease;
}
.wr-side__link svg { width: 18px; height: 18px; flex: none; opacity: .65; }
.wr-side__link:hover { background: var(--wr-bg-2); color: var(--wr-ink); }
.wr-side__link:hover svg { opacity: 1; }
.wr-side__link.is-active {
  background: var(--wr-violet-soft);
  color: var(--wr-violet-dark);
  font-weight: 600;
}
.wr-side__link.is-active svg { opacity: 1; color: var(--wr-violet); }
.wr-side__link--cta { color: var(--wr-violet-dark); font-weight: 700; }
.wr-side__link--cvfree {
  background: var(--wr-violet);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(138, 99, 193, .3);
}
.wr-side__link--cvfree svg { opacity: 1; color: #fff; }
.wr-side__link--cvfree:hover { background: var(--wr-violet-dark); color: #fff; }
.wr-side__link--cvfree:hover svg { color: #fff; }
.wr-side__link--cta svg { opacity: 1; color: var(--wr-violet); }
.wr-side__link--danger { color: var(--wr-danger); }
.wr-side__link--danger:hover { background: #FEF2F2; color: var(--wr-danger); }
.wr-side__link.is-locked { color: var(--wr-muted-2); }
.wr-side__link.is-locked svg { opacity: .45; }
.wr-side__link.is-locked:hover {
  background: var(--wr-violet-softer);
  color: var(--wr-violet-dark);
}
.wr-side__link.is-locked:hover svg { opacity: .8; color: var(--wr-violet); }
.wr-side__lock { width: 15px; height: 15px; margin-left: auto; opacity: .5; }
.wr-side__link.is-beta-locked { color: inherit; }
.wr-side__link.is-beta-locked .wr-side__lock { opacity: .55; }
.wr-side__link.is-beta-locked:hover .wr-side__lock { opacity: .85; color: var(--wr-violet); }
.wr-side__ext { width: 14px; height: 14px; margin-left: auto; opacity: .55; }
.wr-side__link--muted { color: var(--wr-muted-2, #9CA3AF); }
.wr-side__link--muted svg:first-of-type { opacity: .5; }
.wr-side__badge-absent {
  margin-left: auto;
  font-size: 10.5px; font-weight: 700; letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--wr-muted-2, #9CA3AF);
  background: #F1F3F7;
  padding: 2px 7px; border-radius: 999px;
}
.wr-side__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: auto;
  flex: none;
}
.wr-side__dot--success { background: #10B981; }
.wr-side__alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  border-radius: 14px;
  text-decoration: none;
  font-size: 12.5px;
  line-height: 1.45;
}
.wr-side__alert--warning { background: #FFFBEB; border: 1px solid #FDE68A; color: #92400E; }
.wr-side__alert--pending { background: #EFF6FF; border: 1px solid #BFDBFE; color: #1E40AF; }
.wr-side__alert-icon { flex: none; }
.wr-side__alert-icon svg { width: 16px; height: 16px; }
.wr-side__alert strong { display: block; margin-bottom: 2px; font-size: 13px; }
.wr-rail__card {
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: 16px;
  padding: 16px;
}
.wr-rail__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  color: var(--wr-muted-2);
}
.wr-rail__brand svg { width: 26px; height: 26px; flex: none; }
.wr-rail__locked {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 11px;
  background: var(--wr-bg-2);
  color: var(--wr-muted);
  font-size: 12.5px;
  line-height: 1.4;
  text-decoration: none;
  transition: background .16s ease, color .16s ease;
}
.wr-rail__locked:hover { background: var(--wr-violet-softer); color: var(--wr-violet-dark); }
.wr-rail__locked > span { flex: none; opacity: .6; }
.wr-rail__all { display: block; margin-top: 10px; font-size: 13px; }
.wr-publish--free { border-color: #A7F3D0; background: #ECFDF5; }
.wr-publish--expired { border-color: #FDE68A; background: #FFFBEB; }
.wr-publish--expired .wr-publish__icon { background: #F59E0B; }
.wr-free-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 15px;
  border-radius: 100px;
  background: #065F46;
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  flex: none;
}
.wr-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 14px;
  font-size: 13.5px;
  margin-bottom: 20px;
}
.wr-banner--free {
  background: #ECFDF5;
  border: 1px solid #A7F3D0;
  color: #065F46;
}
.wr-banner svg { flex: none; }
.wr-banner strong { font-weight: 700; }
.wr-side__link {
  position: relative;
}
.wr-side__link.is-active::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 18px;
  border-radius: 0 3px 3px 0;
  background: var(--wr-violet);
}
.wr-side__link.is-active:hover {
  background: var(--wr-violet-soft);
}
.wr-side__link--accent {
  background: var(--wr-violet-softer);
  color: var(--wr-violet-dark);
  font-weight: 600;
}
.wr-side__link--accent svg { color: var(--wr-violet); opacity: 1; }
.wr-side__link--accent:hover {
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-in-tunnel .wr-tun-panel {
  background: #FDFBF7;
  border: 1px solid var(--wr-line);
  border-radius: 20px;
  padding: 32px;
}
.wr-in-tunnel .wr-tun-wrap,
.wr-in-tunnel .wr-tun-wrap--wide,
.wr-in-tunnel .wr-tun-wrap--split {
  max-width: 100%;
  display: block;
  grid-template-columns: none;
}
.wr-in-tunnel .wr-tun-wrap--split > * + * {
  margin-top: 24px;
}
.wr-in-tunnel .wr-cvprev {
  position: static;
  max-width: 480px;
  margin-inline: auto;
}
.wr-in-tunnel .wr-cv-bar {
  position: sticky;
  bottom: 0;
}
.wr-in-tunnel .wr-tun-h1 {
  font-size: clamp(24px, 4vw, 34px);
}
.wr-card__body > .wr-list,
.wr-card__body .wr-list {
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
  margin: 0 -24px -4px;   
}
.wr-card__body .wr-list > .wr-row { padding-left: 24px; padding-right: 24px; }
.wr-card__body .wr-list > .wr-row:first-child { border-top: 1px solid var(--wr-line, #EEF1F7); }
.wr-card__body .wr-list > .wr-row:last-child { border-bottom: 0; }
.wr-reco {
  margin-top: 24px;
  padding: 20px 22px;
  background: var(--wr-card, #fff);
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: var(--wr-r-xl, 18px);
  box-shadow: var(--wr-shadow, 0 1px 2px rgba(17, 24, 39, .04));
}
.wr-reco__head { margin-bottom: 14px; }
.wr-reco__title {
  display: flex; align-items: center; gap: 8px;
  font-size: 16px; font-weight: 700; color: var(--wr-ink, #1E1B2E); margin: 0 0 2px;
}
.wr-reco__title svg { color: var(--wr-violet, #8A63C1); }
.wr-reco__sub { font-size: 12.5px; color: var(--wr-muted, #6B7280); }
.wr-reco__list {
  display: flex; flex-direction: column;
  margin: 0 -22px -20px;
  border-top: 1px solid var(--wr-line, #EEF1F7);
}
.wr-reco__item {
  display: flex; align-items: center; gap: 12px;
  padding: 13px 22px;
  border-bottom: 1px solid var(--wr-line, #EEF1F7);
  transition: background .12s ease;
}
.wr-reco__item:last-child { border-bottom: 0; }
.wr-reco__item:hover { background: var(--wr-violet-softer, #F7F4FC); }
.wr-reco__item:hover .wr-reco__name { color: var(--wr-violet, #8A63C1); }
.wr-reco__main { flex: 1; min-width: 0; }
.wr-reco__name {
  display: block; font-size: 14px; font-weight: 600; color: var(--wr-ink, #1E1B2E);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.wr-reco__meta {
  display: block; font-size: 12.5px; color: var(--wr-muted, #6B7280);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.wr-reco__score {
  flex: none;
  font-size: 12px; font-weight: 700;
  color: var(--wr-violet-dark, #5B3E8E);
  background: var(--wr-violet-soft, #EDE6F8);
  border-radius: 999px; padding: 4px 10px;
}
.wr-reco__chevron { width: 16px; height: 16px; flex: none; color: var(--wr-muted-2, #9CA3AF); }
[data-panel="dashboard"] > section + section {
  margin-top: 20px;
}
.wr-cur {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
  margin: 4px 0 14px;
}
.wr-cur__label {
  font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; color: var(--wr-muted, #6B7280);
}
.wr-cur__opts {
  display: inline-flex; gap: 2px;
  background: var(--wr-violet-softer, #F3EEFB);
  border-radius: 999px; padding: 3px;
}
.wr-cur__opt {
  border: 0; background: transparent; cursor: pointer;
  border-radius: 999px; padding: 6px 12px;
  font-size: 13px; font-weight: 700; color: var(--wr-violet-dark, #5B3E8E);
  transition: background .12s ease, color .12s ease;
}
.wr-cur__opt:hover { background: rgba(255,255,255,.6); }
.wr-cur__opt.is-active {
  background: #fff; color: var(--wr-ink, #1E1B2E);
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
.wr-rail__collapse {
  position: absolute;
  top: 0; right: 0;
  width: 30px; height: 30px;
  display: grid; place-items: center;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 9px;
  background: #fff;
  color: var(--wr-muted, #6B7280);
  cursor: pointer;
  transition: background .12s ease, color .12s ease, border-color .12s ease;
  z-index: 2;
}
.wr-rail__collapse:hover {
  background: var(--wr-violet-softer, #F3EEFB);
  color: var(--wr-violet, #8A63C1);
  border-color: var(--wr-violet-2, #E4D9F5);
}
.wr-rail-bubble {
  position: fixed;
  bottom: 24px; right: 24px;
  width: 56px; height: 56px;
  display: none;
  place-items: center;
  border: none;
  border-radius: 50%;
  background: var(--wr-violet, #8A63C1);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 8px 26px rgba(124, 58, 173, .38);
  transition: transform .14s ease, box-shadow .14s ease;
  z-index: 60;
}
.wr-rail-bubble:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 12px 32px rgba(124, 58, 173, .46); }
.wr-rail-bubble__badge {
  position: absolute;
  top: -2px; right: -2px;
  min-width: 20px; height: 20px;
  padding: 0 5px;
  display: grid; place-items: center;
  font-size: 11px; font-weight: 800;
  color: #fff; background: #EF4444;
  border: 2px solid #fff;
  border-radius: 999px;
}
@media (max-width: 1280px) {
  .wr-rail__collapse { display: none !important; }
  .wr-rail-bubble { display: grid !important; }
}
@media (max-width: 991px) {
  .wr-rail-bubble { display: none !important; }
}
.wr-filters__city {
  min-width: 200px;
  max-width: 280px;
  padding: 8px 12px;
  font-size: 14px;
}
.wr-filters__chips--standalone {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin: 16px 0 0;
}
.wr-extmodal {
  position: fixed; inset: 0; z-index: 400;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
.wr-extmodal[hidden] { display: none; }
.wr-extmodal__backdrop { position: absolute; inset: 0; background: rgba(30, 27, 46, .5); }
.wr-extmodal__box {
  position: relative;
  width: 100%; max-width: 420px;
  background: #fff; border-radius: 20px;
  padding: 30px 28px 26px;
  box-shadow: 0 24px 60px rgba(30, 27, 46, .28);
  text-align: center;
  animation: wrExtIn .18s ease;
}
@keyframes wrExtIn { from { transform: translateY(12px); opacity: .6; } to { transform: none; opacity: 1; } }
.wr-extmodal__x {
  position: absolute; top: 14px; right: 14px;
  width: 34px; height: 34px; border-radius: 9px; border: none;
  background: #F1F3F7; color: var(--wr-muted, #6B7280);
  display: grid; place-items: center; cursor: pointer;
}
.wr-extmodal__x:hover { background: #E9EDF3; }
.wr-extmodal__icon {
  width: 60px; height: 60px; border-radius: 50%;
  display: grid; place-items: center; margin: 0 auto 16px;
  background: var(--wr-violet-softer, #F3EEFB); color: var(--wr-violet, #8A63C1);
}
.wr-extmodal__title { margin: 0 0 8px; font-size: 19px; font-weight: 800; color: var(--wr-ink, #1E1B2E); }
.wr-extmodal__text { margin: 0 0 22px; font-size: 14.5px; line-height: 1.55; color: var(--wr-muted, #6B7280); }
.wr-extmodal__actions { display: flex; gap: 10px; }
.wr-extmodal__actions .wr-btn { flex: 1; }
.wr-appbanner {
  position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 350;
  background: #fff;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 18px;
  box-shadow: 0 16px 44px rgba(30, 27, 46, .22);
  padding: 18px 18px 16px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "icon body"
    "cta cta"
    "dismiss dismiss";
  gap: 12px 14px;
  align-items: center;
  transform: translateY(140%);
  opacity: 0;
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), opacity .3s ease;
}
.wr-appbanner[hidden] { display: none !important; }
.wr-appbanner.is-visible { transform: translateY(0); opacity: 1; }
.wr-appbanner__x {
  position: absolute; top: 10px; right: 10px;
  width: 30px; height: 30px; border-radius: 8px; border: none;
  background: #F1F3F7; color: var(--wr-muted, #6B7280);
  display: grid; place-items: center; cursor: pointer;
}
.wr-appbanner__icon {
  grid-area: icon;
  width: 48px; height: 48px; border-radius: 13px;
  display: grid; place-items: center;
  background: var(--wr-violet-softer, #F3EEFB); color: var(--wr-violet, #8A63C1);
}
.wr-appbanner__body { grid-area: body; min-width: 0; padding-right: 24px; }
.wr-appbanner__title { font-size: 15px; font-weight: 800; color: var(--wr-ink, #1E1B2E); line-height: 1.25; }
.wr-appbanner__text { font-size: 13px; color: var(--wr-muted, #6B7280); line-height: 1.45; margin-top: 3px; }
.wr-appbanner__cta {
  grid-area: cta;
  display: flex; align-items: center; justify-content: center; gap: 9px;
  background: var(--wr-ink, #1E1B2E); color: #fff;
  padding: 13px 18px; border-radius: 12px;
  font-size: 14.5px; font-weight: 700;
  text-decoration: none;
}
.wr-appbanner__cta:active { opacity: .9; }
.wr-appbanner__dismiss {
  grid-area: dismiss;
  background: none; border: none;
  font-size: 13px; font-weight: 600; color: var(--wr-muted-2, #9CA3AF);
  cursor: pointer; padding: 4px;
}
@media (min-width: 768px) {
  .wr-appbanner { display: none !important; }
}
.wr-postjob {
  background: linear-gradient(135deg, #FBF9FE, #F6F2FC);
  border: 1px solid var(--wr-violet-2, #E9E1F6);
  border-radius: 16px;
  padding: 22px 24px;
  margin-bottom: 18px;
}
.wr-postjob__badge {
  display: inline-block;
  background: #ECFDF5; color: #047857;
  font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
  padding: 3px 9px; border-radius: 100px;
}
.wr-postjob__sub {
  margin: 0 0 16px; font-size: 13.5px; line-height: 1.55;
  color: var(--wr-muted, #6B7280);
}
.wr-postjob__line { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto; gap: 8px; }
@media (max-width: 700px) {
  .wr-postjob__line { grid-template-columns: 1fr; }
  .wr-postjob__line .wr-btn { width: 100%; }
}
.wr-postjob__note { margin: 8px 0 0; font-size: 12px; color: var(--wr-muted, #6B7280); }
.wr-postjob.is-locked {
  background: linear-gradient(135deg, #FDFCFE, #F9F7FC);
}
.wr-postjob__lock {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 12px;
}
.wr-postjob__lock > svg {
  width: 22px; height: 22px;
  color: var(--wr-violet, #8A63C1);
}
.wr-postjob__lock strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--wr-ink, #1E1B2E);
  margin-bottom: 2px;
}
.wr-postjob__lock p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--wr-muted, #6B7280);
}
@media (max-width: 620px) {
  .wr-postjob__lock {
    grid-template-columns: 22px minmax(0, 1fr);
  }
  .wr-postjob__lock .wr-btn {
    grid-column: 1 / -1;
    width: 100%;
  }
}
.wr-side__tag {
  margin-left: auto;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--wr-muted, #6B7280);
  background: #F1F3F7;
  border: 1px solid #E5E9F0;
  border-radius: 100px;
  padding: 2px 7px;
  line-height: 1.5;
  flex: none;
}
.wr-side__tag + .wr-side__ext { margin-left: 6px; }
.wr-premium-buy {
  background: #FBFAFE; border: 1px solid var(--wr-violet-2, #E4D9F5);
  border-radius: 14px; padding: 18px;
}
.wr-premium-buy__price { display: flex; align-items: baseline; gap: 6px; justify-content: center; margin-bottom: 14px; }
.wr-premium-buy__value { font-size: 30px; font-weight: 800; letter-spacing: -.03em; color: var(--wr-ink, #1E1B2E); }
.wr-premium-buy__per { font-size: 13px; color: var(--wr-muted, #6B7280); }
.wr-premium-buy__cur { display: block; margin-bottom: 14px; }
.wr-cmodal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; }
.wr-cmodal[hidden] { display: none; }
.wr-cmodal__backdrop { position: absolute; inset: 0; background: rgba(30, 27, 46, .55); backdrop-filter: blur(2px); }
.wr-cmodal__box {
  position: relative; width: 100%; max-width: 820px; max-height: 90vh;
  background: #fff; border-radius: 18px;
  box-shadow: 0 24px 60px rgba(30, 27, 46, .28);
  display: flex; flex-direction: column; overflow: hidden;
}
.wr-cmodal__head { display: flex; align-items: center; gap: 13px; padding: 18px 22px; border-bottom: 1px solid var(--wr-line, #EEF1F7); }
.wr-cmodal__ident { min-width: 0; flex: 1; }
.wr-cmodal__ident h3 { margin: 0; font-size: 17px; font-weight: 800; color: var(--wr-ink, #1E1B2E); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wr-cmodal__sub { display: block; margin-top: 2px; font-size: 13px; font-weight: 600; color: var(--wr-violet, #8A63C1); }
.wr-cmodal__x { width: 32px; height: 32px; border-radius: 8px; border: none; background: #F1F3F7; color: var(--wr-muted, #6B7280); display: grid; place-items: center; cursor: pointer; flex: none; }
.wr-cmodal__tabs { display: flex; gap: 4px; padding: 0 22px; border-bottom: 1px solid var(--wr-line, #EEF1F7); }
.wr-cmodal__tab {
  border: none; background: none; cursor: pointer; font-family: inherit;
  padding: 11px 14px; font-size: 13.5px; font-weight: 600;
  color: var(--wr-muted, #6B7280); border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.wr-cmodal__tab:hover { color: var(--wr-ink, #1E1B2E); }
.wr-cmodal__tab.is-active { color: var(--wr-violet, #8A63C1); border-bottom-color: var(--wr-violet, #8A63C1); }
.wr-cmodal__body { padding: 20px 22px; overflow-y: auto; flex: 1; }
.wr-cmodal__loading { display: flex; align-items: center; gap: 10px; justify-content: center; padding: 40px 0; color: var(--wr-muted, #6B7280); font-size: 13.5px; }
.wr-cmodal__error { padding: 30px 0; text-align: center; color: #B91C1C; font-size: 13.5px; }
.wr-cmodal__facts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.wr-cmodal__fact { font-size: 12.5px; color: var(--wr-ink-2, #4B5563); background: #F7F8FC; border-radius: 100px; padding: 4px 11px; }
.wr-cmodal__block { margin-bottom: 20px; }
.wr-cmodal__h4 { margin: 0 0 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--wr-muted, #6B7280); }
.wr-cmodal__text { margin: 0; font-size: 14px; line-height: 1.65; color: var(--wr-ink-2, #4B5563); white-space: pre-line; }
.wr-cmodal__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.wr-cmodal__chip { font-size: 12.5px; font-weight: 600; color: var(--wr-violet-d, #6B47A6); background: var(--wr-violet-softer, #F3EEFB); border-radius: 8px; padding: 4px 10px; }
.wr-cmodal__chip--warn { color: #B45309; background: #FEF3C7; }
.wr-cmodal__chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
.wr-cmodal__iah { margin: 16px 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--wr-muted); }
.wr-cmodal__iameta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 6px 0 0; font-size: 13px; color: var(--wr-ink-2); }
.wr-cmodal__iaquote { margin: 0; padding: 10px 14px; border-left: 3px solid var(--wr-violet); background: var(--wr-violet-softer); border-radius: 0 10px 10px 0; font-size: 13.5px; line-height: 1.55; color: var(--wr-ink-2); }
.wr-cmodal__ialist { margin: 0; padding-left: 18px; font-size: 13.5px; line-height: 1.55; color: var(--wr-ink-2); }
.wr-cmodal__ialist li + li { margin-top: 4px; }
.wr-cmodal__score { display: grid; grid-template-columns: 64px 1fr 32px; align-items: center; gap: 10px; margin-top: 6px; font-size: 12.5px; color: var(--wr-ink-2); }
.wr-cmodal__scorebar { display: block; height: 6px; border-radius: 6px; background: var(--wr-bg-2); overflow: hidden; }
.wr-cmodal__scorebar span { display: block; height: 100%; background: var(--wr-violet); border-radius: 6px; }
.wr-cmodal__scorelbl { color: var(--wr-muted); }
.wr-cmodal__scoreval { text-align: right; font-weight: 700; color: var(--wr-ink); }
.wr-ia__text { margin: 0 0 8px; font-size: 14px; line-height: 1.6; color: var(--wr-ink-2); }
.wr-ia__h { margin: 16px 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--wr-muted); }
.wr-ia__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 6px 0 0; font-size: 13px; color: var(--wr-ink-2); }
.wr-ia__quote { margin: 0; padding: 10px 14px; border-left: 3px solid var(--wr-violet); background: var(--wr-violet-softer); border-radius: 0 10px 10px 0; font-size: 13.5px; line-height: 1.55; color: var(--wr-ink-2); }
.wr-ia__list { margin: 0; padding-left: 18px; font-size: 13.5px; line-height: 1.55; color: var(--wr-ink-2); }
.wr-ia__list li + li { margin-top: 4px; }
.wr-ia__chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
.wr-ia__chip { font-size: 12.5px; font-weight: 600; color: var(--wr-violet-d, #6B47A6); background: var(--wr-violet-softer, #F3EEFB); border-radius: 8px; padding: 4px 10px; }
.wr-ia__chip--warn { color: #B45309; background: #FEF3C7; }
.wr-ia__score { display: grid; grid-template-columns: 64px 1fr 32px; align-items: center; gap: 10px; margin-top: 6px; font-size: 12.5px; color: var(--wr-ink-2); }
.wr-ia__scorebar { display: block; height: 6px; border-radius: 6px; background: var(--wr-bg-2); overflow: hidden; }
.wr-ia__scorebar span { display: block; height: 100%; background: var(--wr-violet); border-radius: 6px; }
.wr-ia__scorelbl { color: var(--wr-muted); }
.wr-ia__scoreval { text-align: right; font-weight: 700; color: var(--wr-ink); }
.wr-cmodal__links { display: flex; flex-wrap: wrap; gap: 8px; }
.wr-cmodal__link { font-size: 13px; font-weight: 600; color: var(--wr-violet, #8A63C1); text-decoration: none; border: 1px solid var(--wr-violet-2, #E4D9F5); border-radius: 8px; padding: 6px 12px; }
.wr-cmodal__link:hover { background: var(--wr-violet-softer, #F3EEFB); }
.wr-cmodal__cvwrap { min-height: 420px; }
.wr-cmodal__cv { width: 100%; height: 60vh; min-height: 420px; border: 1px solid var(--wr-line, #EEF1F7); border-radius: 10px; }
.wr-cmodal__nocv { text-align: center; padding: 40px 0; color: var(--wr-muted, #6B7280); font-size: 13.5px; }
.wr-cmodal__ia p { margin: 0 0 12px; font-size: 14px; line-height: 1.7; color: var(--wr-ink-2, #4B5563); }
.wr-cmodal__foot { display: flex; align-items: center; gap: 10px; padding: 14px 22px; border-top: 1px solid var(--wr-line, #EEF1F7); background: #FBFCFE; }
.wr-cmodal__likeform { margin-right: auto; }
.wr-row--clickable { cursor: pointer; }
.wr-row--clickable:hover { background: #FAFBFE; }
@media (max-width: 700px) {
  .wr-cmodal { padding: 0; }
  .wr-cmodal__box { max-height: 100vh; height: 100vh; border-radius: 0; max-width: 100%; }
  .wr-cmodal__foot { flex-wrap: wrap; }
  .wr-cmodal__likeform { margin-right: 0; width: 100%; }
}
.wr-cfilters {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  padding: 12px 14px; margin-bottom: 18px;
  background: #FBFCFE; border: 1px solid var(--wr-line, #EEF1F7); border-radius: 12px;
}
.wr-cfilters[hidden] { display: none; }
.wr-cfilters__label {
  font-size: 11.5px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .05em; color: var(--wr-muted, #6B7280); margin-right: 2px;
}
.wr-cfilters__input, .wr-cfilters__select {
  font-family: inherit; font-size: 13px; color: var(--wr-ink, #1E1B2E);
  background: #fff; border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 8px; padding: 7px 10px;
}
.wr-cfilters__input { min-width: 170px; }
.wr-cfilters__select { cursor: pointer; }
.wr-cfilters__input:focus, .wr-cfilters__select:focus {
  outline: none; border-color: var(--wr-violet, #8A63C1);
}
.wr-cfilters__check {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; color: var(--wr-ink-2, #4B5563); cursor: pointer;
  background: #fff; border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 8px; padding: 7px 11px;
}
.wr-cfilters__reset {
  border: none; background: none; cursor: pointer; font-family: inherit;
  font-size: 12.5px; font-weight: 600; color: var(--wr-violet, #8A63C1);
  text-decoration: underline; padding: 4px;
}
.wr-cfilters__count { margin-left: auto; font-size: 12.5px; color: var(--wr-muted, #6B7280); }
.wr-cfilters__empty { padding: 28px 8px; text-align: center; color: var(--wr-muted, #6B7280); font-size: 13.5px; }
@media (max-width: 700px) {
  .wr-cfilters__input, .wr-cfilters__select { flex: 1 1 100%; min-width: 0; }
  .wr-cfilters__count { margin-left: 0; }
}
.wr-cboard {
  display: flex;
  align-items: stretch;
  gap: 14px;
  padding: 8px 32px 32px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.wr-cboard > .wr-ccol {
  flex: 0 0 var(--wr-ccol-w, 300px);
}
.wr-dash--board {
  --wr-board-gap: 24px;
  height: calc(100vh - var(--wr-shell-top, 92px) - var(--wr-board-gap));
  height: calc(100dvh - var(--wr-shell-top, 92px) - var(--wr-board-gap));
  min-height: 560px;
}
.wr-dash--board > .wr-dash__main {
  align-self: stretch;
  min-height: 0;
}
.wr-dash--board .wr-tabs,
.wr-dash--board .wr-rdvbar { flex: none; }
.wr-dash--board [data-panel="vivier"] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.wr-dash--board .wr-cbframe {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.wr-dash--board .wr-cbhead { flex: none; }
.wr-dash--board .wr-cboard {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: hidden;
}
.wr-dash--board .wr-ccol { min-height: 0; }
.wr-dash--board .wr-ccol__head,
.wr-dash--board .wr-ccol__add { flex: none; }
.wr-dash--board .wr-ccol__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.wr-dash--board .wr-ccol__body::-webkit-scrollbar { width: 7px; }
.wr-dash--board .wr-ccol__body::-webkit-scrollbar-track { background: transparent; }
.wr-dash--board .wr-ccol__body::-webkit-scrollbar-thumb {
  background: var(--wr-line-2, #E5E9F0);
  border-radius: var(--wr-r-pill, 100px);
}
.wr-cbhead__titlerow { display: flex; align-items: center; gap: 12px; }
.wr-cbnav { display: inline-flex; gap: 4px; }
.wr-cbnav__btn {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 999px;
  background: #fff;
  color: var(--wr-ink, #1E1B2E);
  cursor: pointer;
  transition: border-color .15s, background .15s, opacity .15s;
}
.wr-cbnav__btn svg { width: 16px; height: 16px; }
.wr-cbnav__btn:hover { border-color: var(--wr-violet, #8A63C1); background: var(--wr-violet-soft, #F2EDFA); }
.wr-cbnav__btn:disabled { opacity: .35; cursor: default; background: #fff; border-color: var(--wr-line, #EEF1F7); }
.wr-cboard { cursor: grab; }
.wr-cboard.is-grabbing { cursor: grabbing; user-select: none; scroll-snap-type: none; scroll-behavior: auto; }
.wr-cboard .wr-ccol__body, .wr-cboard .wr-ccard { cursor: default; }
.wr-cboard .wr-ccard[draggable="true"] { cursor: grab; }
.wr-ccol__addbtn {
  width: 100%;
  text-align: left;
  border: 1px dashed var(--wr-line, #EEF1F7);
  border-radius: 10px;
  background: transparent;
  color: var(--wr-muted, #6B7280);
  font: inherit;
  font-size: 13px;
  padding: 9px 12px;
  cursor: pointer;
  transition: border-color .15s, color .15s, background .15s;
}
.wr-ccol__addbtn:hover { border-color: var(--wr-violet, #8A63C1); color: var(--wr-violet, #8A63C1); background: var(--wr-violet-soft, #F2EDFA); }
.wr-cbframe.is-density-compact .wr-ccard { padding: 9px 10px; }
.wr-cbframe.is-density-compact .wr-ccol__body { gap: 7px; }
.wr-cbframe.is-density-compact .wr-ccard__av { width: 30px; height: 30px; font-size: 11px; }
.wr-cbframe.is-density-compact .wr-ccard__note { display: none; }
.wr-cbframe.is-density-compact .wr-ccard__tags { display: none; }
.wr-cbframe.is-density-dense {
  --wr-ccol-w: 460px;
}
.wr-cbframe.is-density-dense .wr-ccol__body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-content: start;
}
.wr-cbframe.is-density-dense .wr-ccol__empty { grid-column: 1 / -1; }
.wr-cbframe.is-density-dense .wr-ccard { padding: 10px; }
.wr-cbframe.is-density-dense .wr-ccard__av { width: 30px; height: 30px; font-size: 11px; }
.wr-cbframe.is-density-dense .wr-ccard__note { display: none; }
@media (max-width: 900px) {
  .wr-cbframe.is-density-dense {
    --wr-ccol-w: 300px;
  }
  .wr-cbframe.is-density-dense .wr-ccol__body {
    display: flex;
    flex-direction: column;
  }
}
.wr-cbdensity {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--wr-ink-2, #374151);
  background: var(--wr-card, #FFFFFF);
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: var(--wr-r-sm, 10px);
  padding: 8px 11px;
  cursor: pointer;
  transition: border-color var(--wr-t, .15s) ease, color var(--wr-t, .15s) ease;
}
.wr-cbdensity:hover {
  border-color: var(--wr-violet-2, #A98AD3);
  color: var(--wr-violet, #8A63C1);
}
.wr-cbdensity:focus-visible {
  outline: 2px solid var(--wr-violet, #8A63C1);
  outline-offset: 2px;
}
.wr-cbdensity svg { width: 15px; height: 15px; flex: none; }
.wr-cbdensity__label { white-space: nowrap; }
.wr-cboard::-webkit-scrollbar { height: 8px; }
.wr-cboard::-webkit-scrollbar-track { background: transparent; }
.wr-cboard::-webkit-scrollbar-thumb {
  background: var(--wr-line-2, #E5E9F0);
  border-radius: 100px;
}
@media (max-width: 991px) {
  .wr-cbhead { padding: 18px 18px 14px; }
  .wr-cboard { padding: 8px 18px 22px; }
}
@media (max-width: 640px) {
  .wr-cbhead {
    padding: 16px 14px 12px;
    align-items: flex-start;
  }
  .wr-cbhead__title { font-size: 21px; }
  .wr-cboard {
    gap: 10px;
    padding: 8px 14px 14px;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 14px;
  }
  .wr-cboard > .wr-ccol {
    flex: 0 0 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  .wr-cboard > .wr-ccol--new {
    flex: 0 0 82%;
  }
  .wr-cbdensity { display: none; }
}
.wr-cbdots { display: none; }
@media (max-width: 640px) {
  .wr-cbdots {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: none;
    padding: 0 14px 14px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .wr-cbdots::-webkit-scrollbar { display: none; }
  .wr-cbdot {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: none;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    color: var(--wr-muted, #6B7280);
    background: var(--wr-bg-2, #F4F6FB);
    border: 1px solid transparent;
    border-radius: var(--wr-r-pill, 100px);
    padding: 6px 11px;
    cursor: pointer;
    transition: color var(--wr-t, .15s) ease, background var(--wr-t, .15s) ease;
  }
  .wr-cbdot__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--wr-violet, #8A63C1);
    flex: none;
  }
  .wr-cbdot__n {
    font-size: 11px;
    font-weight: 700;
    color: var(--wr-muted-2, #9CA3AF);
  }
  .wr-cbdot.is-active {
    color: var(--wr-violet, #8A63C1);
    background: var(--wr-violet-soft, #F2EDFA);
    border-color: var(--wr-violet-2, #A98AD3);
  }
  .wr-cbdot.is-active .wr-cbdot__n { color: var(--wr-violet, #8A63C1); }
  .wr-cbdot:focus-visible {
    outline: 2px solid var(--wr-violet, #8A63C1);
    outline-offset: 2px;
  }
}
@media (max-width: 640px) {
  .wr-dash--board { --wr-board-gap: 12px; }
}
.wr-ccol {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--wr-bg-2, #F6F7FA);
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 14px;
  transition: border-color .14s ease, background .14s ease;
}
.wr-ccol.is-over {
  border-color: var(--wr-violet, #8A63C1);
  background: #FBFAFE;
}
.wr-ccol__head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 13px 9px;
}
.wr-ccol__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wr-violet, #8A63C1);
  flex: none;
}
.wr-ccol__title {
  font-size: 13px;
  font-weight: 700;
  color: var(--wr-ink, #1E1B2E);
  letter-spacing: -.01em;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-ccol__count {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  color: var(--wr-muted, #6B7280);
  background: #fff;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 100px;
  padding: 2px 8px;
  flex: none;
}
.wr-ccol__menu {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  border-radius: 6px;
  color: var(--wr-muted-2, #9CA3AF);
  cursor: pointer;
  flex: none;
}
.wr-ccol__menu:hover { background: #fff; }
.wr-ccol__body {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 0 11px 11px;
  min-height: 80px;
}
.wr-ccard {
  background: #fff;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 1px 2px rgba(30, 27, 46, .05);
  cursor: grab;
  transition: box-shadow .14s ease, border-color .14s ease, transform .14s ease;
}
.wr-ccard:hover {
  border-color: var(--wr-violet-2, #E4D9F5);
  box-shadow: 0 4px 14px rgba(30, 27, 46, .08);
}
.wr-ccard.is-dragging {
  opacity: .5;
  cursor: grabbing;
  transform: rotate(1.5deg);
}
.wr-ccard__top {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
}
.wr-ccard__av {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 800;
  flex: none;
  background: var(--wr-violet-l, #F2EDFA);
  color: var(--wr-violet, #8A63C1);
}
.wr-ccard__id {
  flex: 1;
  min-width: 0;
}
.wr-ccard__name {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--wr-ink, #1E1B2E);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wr-ccard__role {
  display: block;
  font-size: 11px;
  color: var(--wr-muted, #6B7280);
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wr-ccard__match {
  font-size: 10.5px;
  font-weight: 800;
  padding: 3px 7px;
  border-radius: 100px;
  flex: none;
  letter-spacing: -.01em;
}
.wr-ccard__match--high { background: #D1FAE5; color: #047857; }
.wr-ccard__match--mid  { background: #FEF3C7; color: #92400E; }
.wr-ccard__match--low  { background: var(--wr-bg-2, #F6F7FA); color: var(--wr-muted, #6B7280); }
.wr-ccard__note {
  font-size: 12px;
  line-height: 1.5;
  color: var(--wr-ink-2, #374151);
  background: #F8F4FD;
  border-radius: 8px;
  padding: 9px 11px;
  margin-bottom: 8px;
  word-break: break-word;
}
.wr-ccard__note p { margin: 0 0 6px; }
.wr-ccard__note p:last-child { margin-bottom: 0; }
.wr-ccard__note ul,
.wr-ccard__note ol { margin: 0 0 6px; padding-left: 18px; }
.wr-ccard__note li { margin-bottom: 2px; }
.wr-ccard__note strong { color: var(--wr-ink, #1E1B2E); }
.wr-ccard__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 8px;
}
.wr-ctag {
  background: var(--wr-violet-l, #F2EDFA);
  color: var(--wr-violet, #8A63C1);
  font-size: 9.5px;
  font-weight: 600;
  padding: 3px 7px;
  border-radius: 5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-ccard__foot {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-top: 8px;
  border-top: 1px solid var(--wr-line, #EEF1F7);
}
.wr-ccard__meta {
  font-size: 10.5px;
  color: var(--wr-muted-2, #9CA3AF);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-ccard__nav {
  margin-left: auto;
  display: flex;
  gap: 3px;
  flex: none;
}
.wr-ccard__arrow {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid var(--wr-line, #EEF1F7);
  background: #fff;
  border-radius: 7px;
  color: var(--wr-muted, #6B7280);
  cursor: pointer;
  transition: border-color .12s ease, color .12s ease;
}
.wr-ccard__arrow:hover:not(:disabled) {
  border-color: var(--wr-violet, #8A63C1);
  color: var(--wr-violet, #8A63C1);
}
.wr-ccard__arrow:disabled {
  opacity: .35;
  cursor: default;
}
.wr-ccol__add { padding: 0 11px 11px; }
.wr-ccol__addinput {
  width: 100%;
  box-sizing: border-box;
  border: 1px dashed var(--wr-line-2, #E5E9F0);
  background: transparent;
  border-radius: 9px;
  padding: 9px 11px;
  font-size: 12.5px;
  font-family: inherit;
  color: var(--wr-ink, #1E1B2E);
  transition: border-color .12s ease, background .12s ease;
}
.wr-ccol__addinput::placeholder { color: var(--wr-muted-2, #9CA3AF); }
.wr-ccol__addinput:focus {
  outline: none;
  border-style: solid;
  border-color: var(--wr-violet, #8A63C1);
  background: #fff;
}
.wr-plans {
  margin: 0 0 24px;
}
.wr-plans__head {
  text-align: center;
  margin-bottom: 20px;
}
.wr-plans__title {
  font-size: 22px;
  font-weight: 700;
  color: var(--wr-ink);
  margin: 0 0 6px;
  letter-spacing: -0.01em;
}
.wr-plans__sub {
  font-size: 14px;
  color: var(--wr-muted);
  margin: 0;
}
.wr-plans__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
@media (max-width: 780px) {
  .wr-plans__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.wr-plan {
  display: flex;
  flex-direction: column;
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-2xl);
  padding: 22px 20px 20px;
  position: relative;
  box-sizing: border-box;
}
.wr-plan--paid {
  border: 2px solid var(--wr-violet);
  box-shadow: 0 8px 28px -12px rgba(138, 99, 193, 0.4);
}
.wr-plan__top {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--wr-line);
  margin-bottom: 16px;
}
.wr-plan__badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: var(--wr-r-pill);
  margin-bottom: 10px;
}
.wr-plan__badge--current {
  background: var(--wr-bg-2);
  color: var(--wr-muted);
}
.wr-plan__badge--reco {
  background: var(--wr-violet);
  color: #fff;
}
.wr-plan__name {
  font-size: 17px;
  font-weight: 700;
  color: var(--wr-ink);
  margin: 0 0 8px;
}
.wr-plan__price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
.wr-plan__amount {
  font-size: 32px;
  font-weight: 800;
  color: var(--wr-ink);
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.wr-plan__old {
  font-size: 17px;
  font-weight: 600;
  color: var(--wr-muted-2);
  text-decoration: line-through;
}
.wr-plan__per {
  font-size: 14px;
  color: var(--wr-muted);
}
.wr-plan__text {
  font-size: 13px;
  color: var(--wr-muted);
  line-height: 1.55;
  margin: 0;
}
.wr-plan__list {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  display: grid;
  gap: 11px;
  align-content: start;
  flex: 1 1 auto;
}
.wr-plan__item {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  font-size: 13.5px;
  color: var(--wr-ink-2);
  line-height: 1.5;
}
.wr-plan__item strong {
  display: block;
  font-weight: 600;
  color: var(--wr-ink);
}
.wr-plan__item em {
  display: block;
  font-style: normal;
  font-size: 12.5px;
  color: var(--wr-muted);
  margin-top: 1px;
}
.wr-plan__item--all {
  padding-bottom: 11px;
  border-bottom: 1px dashed var(--wr-line);
}
.wr-plan__check {
  width: 16px;
  height: 16px;
  color: var(--wr-success);
  margin-top: 3px;
  flex-shrink: 0;
}
.wr-plan__foot {
  margin-top: auto;
}
.wr-plans__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 8px;
}
.wr-plans__bar-title { margin: 0 !important; text-align: left !important; }
.wr-plans__bar-sub { text-align: left !important; margin: 0 0 22px !important; }
.wr-plans__cur { display: flex; margin: 0; }
@media (max-width: 640px) {
  .wr-plans__bar { flex-direction: column; align-items: flex-start; gap: 12px; }
}
.wr-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}
.wr-curmenu { position: relative; }
.wr-curmenu__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px 9px 14px;
  border: 1px solid var(--wr-line, #E5E7EB);
  border-radius: 999px;
  background: #fff;
  color: var(--wr-ink, #1E1B2E);
  font: inherit;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(17, 24, 39, .04);
  transition: border-color .15s, box-shadow .15s;
}
.wr-curmenu__btn:hover,
.wr-curmenu__btn[aria-expanded="true"] {
  border-color: var(--wr-violet, #8A63C1);
  box-shadow: 0 0 0 3px rgba(138, 99, 193, .14);
}
.wr-curmenu__sym {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--wr-violet-soft, #F2EDFA);
  color: var(--wr-violet, #8A63C1);
  font-weight: 700;
  font-size: 13px;
}
.wr-curmenu__chev { width: 16px; height: 16px; color: var(--wr-muted, #6B7280); transition: transform .15s; }
.wr-curmenu__btn[aria-expanded="true"] .wr-curmenu__chev { transform: rotate(180deg); }
.wr-curmenu__list {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 30;
  min-width: 220px;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #fff;
  border: 1px solid var(--wr-line, #E5E7EB);
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, .12);
}
.wr-curmenu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 9px;
  cursor: pointer;
  font-size: 14px;
  color: var(--wr-ink, #1E1B2E);
}
.wr-curmenu__item:hover,
.wr-curmenu__item:focus-visible { background: var(--wr-violet-soft, #F2EDFA); outline: none; }
.wr-curmenu__item.is-active { font-weight: 700; }
.wr-curmenu__item.is-active .wr-curmenu__sym { background: var(--wr-violet, #8A63C1); color: #fff; }
.wr-curmenu__name { flex: 1 1 auto; }
.wr-curmenu__code { font-size: 12px; color: var(--wr-muted, #6B7280); letter-spacing: .04em; }
.wr-plan__cur {
  display: block;
  margin-bottom: 10px;
}
.wr-plan__cur .wr-label {
  display: block;
  margin-bottom: 4px;
}
.wr-plan__cta {
  width: 100%;
}
.wr-plan__note {
  font-size: 12px;
  color: var(--wr-muted);
  text-align: center;
  margin: 8px 0 0;
}
.wr-plan__here {
  display: grid;
  place-items: center;
  min-height: 44px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--wr-muted);
  background: var(--wr-bg-2);
  border-radius: var(--wr-r-lg);
}
.wr-side__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--wr-line);
  background: var(--wr-card, #fff);
  border-radius: var(--wr-r-sm);
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  color: var(--wr-muted);
  cursor: pointer;
  transition: border-color var(--wr-t), color var(--wr-t);
  box-sizing: border-box;
}
.wr-side__toggle:hover {
  border-color: var(--wr-violet-2, #E4D9F5);
  color: var(--wr-violet);
}
.wr-side__toggle svg {
  width: 15px;
  height: 15px;
  flex: none;
  transition: transform .18s ease;
}
.wr-side.is-collapsed .wr-side__card {
  padding: 8px 7px;
}
.wr-side.is-collapsed .wr-side__label,
.wr-side.is-collapsed .wr-side__tag,
.wr-side.is-collapsed .wr-side__beta,
.wr-side.is-collapsed .wr-side__ext,
.wr-side.is-collapsed .wr-side__togglelabel {
  display: none;
}
.wr-side.is-collapsed .wr-side__link {
  justify-content: center;
  padding: 10px 0;
  gap: 0;
  font-size: 0;          
  line-height: 0;
}
.wr-side.is-collapsed .wr-side__link svg {
  width: 18px;
  height: 18px;
  font-size: 13px;
  flex: none;
}
.wr-side.is-collapsed .wr-side__toggle {
  justify-content: center;
  padding: 8px 0;
}
.wr-side.is-collapsed .wr-side__toggle svg {
  transform: rotate(180deg);
}
.wr-side.is-collapsed .wr-side__count { display: none; }
.wr-side.is-collapsed .wr-side__badge,
.wr-side.is-collapsed .wr-side__dot {
  position: absolute;
  top: 4px;
  right: 6px;
  transform: none;
}
.wr-side.is-collapsed .wr-side__link {
  position: relative;
}
.wr-side.is-collapsed .wr-side__lock {
  display: none;
}
.wr-side.is-collapsed .wr-facets {
  display: none;
}
@media (max-width: 991px) {
  .wr-side.is-collapsed .wr-side__link {
    justify-content: flex-start;
    padding: 9px 12px;
    gap: 11px;
    font-size: 13px;
    line-height: normal;
  }
  .wr-side.is-collapsed .wr-side__label,
  .wr-side.is-collapsed .wr-side__tag,
  .wr-side.is-collapsed .wr-side__beta,
  .wr-side.is-collapsed .wr-side__ext {
    display: revert;
  }
  .wr-side.is-collapsed .wr-facets {
    display: revert;
  }
}
.wr-cbframe {
  background: #FBFCFE;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 50px -24px rgba(30, 27, 46, .2);
}
.wr-cbhead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  padding: 22px 32px 16px;
}
.wr-cbhead__id { flex: 1 1 260px; min-width: 0; }
.wr-cbhead__title {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--wr-ink, #1E1B2E);
  margin: 0;
}
.wr-cbhead__sub {
  font-size: 13px;
  line-height: 1.4;
  color: var(--wr-muted, #6B7280);
  margin: 3px 0 0;
}
.wr-cbhead__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}
.wr-cbhead__actions .wr-btn {
  border-radius: 100px;
  padding: 10px 18px;
  font-size: 12.5px;
  font-weight: 700;
  gap: 7px;
  flex: none;
}
.wr-cbhead__actions .wr-btn svg {
  width: 14px;
  height: 14px;
}
.wr-cbfilter {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 15px;
  background: #fff;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 100px;      
  width: 220px;
  transition: border-color .14s ease;
}
.wr-cbfilter:focus-within { border-color: var(--wr-violet, #8A63C1); }
.wr-cbfilter svg {
  width: 15px;
  height: 15px;
  color: var(--wr-muted-2, #9CA3AF);
  flex: none;
}
.wr-cbfilter__input {
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 12.5px;
  color: var(--wr-ink, #1E1B2E);
  min-width: 0;
  width: 160px;
}
.wr-cbfilter__input:focus { outline: none; }
@media (max-width: 640px) {
  .wr-cbhead__actions { width: 100%; }
  .wr-cbfilter { flex: 1; }
  .wr-cbfilter__input { width: 100%; }
}
.wr-ccol__empty {
  display: grid;
  justify-items: center;
  gap: 7px;
  padding: 18px 10px;
  border: 1px dashed var(--wr-line-2, #E5E9F0);
  border-radius: 10px;
  color: var(--wr-muted-2, #9CA3AF);
  font-size: 11.5px;
  text-align: center;
}
.wr-ccol__empty svg { width: 26px; height: 26px; opacity: .55; }
.wr-ccol__emptyadd {
  border: 0;
  background: transparent;
  color: var(--wr-violet, #8A63C1);
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  padding: 2px 6px;
}
.wr-ccol__emptyadd:hover { text-decoration: underline; }
.wr-ccol--new {
  background: transparent;
  border-style: dashed;
}
.wr-ccolnew { padding: 11px; }
.wr-ccolnew__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  padding: 12px;
  border: 0;
  background: transparent;
  border-radius: 9px;
  color: var(--wr-muted, #6B7280);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background .12s ease, color .12s ease;
}
.wr-ccolnew__trigger:hover {
  background: var(--wr-bg-2, #F6F7FA);
  color: var(--wr-violet, #8A63C1);
}
.wr-ccolnew__trigger svg { width: 15px; height: 15px; flex: none; }
.wr-ccolnew__form { display: grid; gap: 9px; }
.wr-ccolnew__input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 9px;
  padding: 9px 11px;
  font-family: inherit;
  font-size: 12.5px;
  color: var(--wr-ink, #1E1B2E);
}
.wr-ccolnew__input:focus {
  outline: none;
  border-color: var(--wr-violet, #8A63C1);
}
.wr-ccolnew__row {
  display: flex;
  align-items: center;
  gap: 7px;
}
.wr-ccolnew__color {
  width: 34px;
  height: 32px;
  padding: 2px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  flex: none;
}
.wr-cadd {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 20px;
}
.wr-cadd[hidden] { display: none; }
.wr-cadd__veil {
  position: absolute;
  inset: 0;
  background: rgba(30, 27, 46, .48);
  backdrop-filter: blur(2px);
}
.wr-cadd__box {
  position: relative;
  width: min(100%, 520px);
  max-height: min(88vh, 720px);
  display: flex;
  flex-direction: column;
  background: var(--wr-card, #fff);
  border-radius: 16px;
  box-shadow: 0 24px 60px -18px rgba(30, 27, 46, .34);
  overflow: hidden;
}
.wr-cadd__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--wr-line, #EEF1F7);
}
.wr-cadd__title {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--wr-ink, #1E1B2E);
  margin: 0;
  flex: 1;
}
.wr-cadd__x {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid var(--wr-line, #EEF1F7);
  background: #fff;
  border-radius: 8px;
  color: var(--wr-muted, #6B7280);
  cursor: pointer;
  flex: none;
}
.wr-cadd__x svg { width: 15px; height: 15px; }
.wr-cadd__modes {
  display: flex;
  gap: 4px;
  padding: 12px 20px 0;
}
.wr-cadd__mode {
  flex: 1;
  padding: 8px 6px;
  border: 1px solid var(--wr-line, #EEF1F7);
  background: #fff;
  border-radius: 9px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--wr-muted, #6B7280);
  cursor: pointer;
  transition: border-color .12s ease, background .12s ease, color .12s ease;
}
.wr-cadd__mode.is-active {
  border-color: var(--wr-violet, #8A63C1);
  background: #F2EDFA;
  color: var(--wr-violet, #8A63C1);
}
.wr-cadd__body {
  display: grid;
  gap: 12px;
  padding: 16px 20px 20px;
  overflow-y: auto;
}
.wr-cadd__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
  gap: 10px;
}
.wr-cadd__search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 10px;
}
.wr-cadd__search:focus-within { border-color: var(--wr-violet, #8A63C1); }
.wr-cadd__search svg {
  width: 15px;
  height: 15px;
  color: var(--wr-muted-2, #9CA3AF);
  flex: none;
}
.wr-cadd__searchinput {
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 13px;
  color: var(--wr-ink, #1E1B2E);
  flex: 1;
  min-width: 0;
}
.wr-cadd__searchinput:focus { outline: none; }
.wr-cadd__searchinput.is-error { color: #B91C1C; }
.wr-cadd__results {
  display: grid;
  gap: 5px;
  max-height: 210px;
  overflow-y: auto;
}
.wr-cadd__hint {
  font-size: 12px;
  color: var(--wr-muted-2, #9CA3AF);
  margin: 4px 0;
  text-align: center;
}
.wr-cadd__result {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 11px;
  border: 1px solid transparent;
  background: var(--wr-bg-2, #F6F7FA);
  border-radius: 10px;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: border-color .12s ease, background .12s ease;
}
.wr-cadd__result:hover { background: #F2EDFA; }
.wr-cadd__result.is-picked {
  border-color: var(--wr-violet, #8A63C1);
  background: #F2EDFA;
}
.wr-cadd__resultav {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 800;
  background: #fff;
  color: var(--wr-violet, #8A63C1);
  flex: none;
}
.wr-cadd__resultid { min-width: 0; flex: 1; }
.wr-cadd__resultname {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--wr-ink, #1E1B2E);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-cadd__resultrole {
  display: block;
  font-size: 11px;
  color: var(--wr-muted, #6B7280);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-cadd__foot {
  display: flex;
  gap: 8px;
  padding-top: 4px;
}
.wr-cadd__foot .wr-btn { flex: 1; }
.wr-cedit {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 20px;
}
.wr-cedit[hidden] { display: none; }
.wr-cedit__veil {
  position: absolute;
  inset: 0;
  background: rgba(30, 27, 46, .48);
  backdrop-filter: blur(2px);
}
.wr-cedit__box {
  position: relative;
  width: min(100%, 1080px);
  max-height: min(90vh, 780px);
  display: flex;
  flex-direction: column;
  background: var(--wr-card, #fff);
  border-radius: 16px;
  box-shadow: 0 24px 60px -18px rgba(30, 27, 46, .34);
  overflow: hidden;
}
.wr-cedit__head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 24px;
  background: #F8F4FD;
  border-bottom: 1px solid #EEE7F5;
}
.wr-cedit__av {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 15px;
  font-weight: 800;
  background: #fff;
  color: var(--wr-violet, #8A63C1);
  flex: none;
}
.wr-cedit__id { flex: 1; min-width: 0; }
.wr-cedit__name {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--wr-ink, #1E1B2E);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-cedit__role {
  font-size: 12.5px;
  color: var(--wr-muted, #6B7280);
  margin: 2px 0 0;
}
.wr-cedit__x {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid #EEE7F5;
  background: #fff;
  border-radius: 9px;
  color: var(--wr-muted, #6B7280);
  cursor: pointer;
  flex: none;
}
.wr-cedit__x svg { width: 16px; height: 16px; }
.wr-cedit__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 26px;
  padding: 20px 26px 24px;
  overflow-y: auto;
}
@media (max-width: 900px) {
  .wr-cedit__body { grid-template-columns: minmax(0, 1fr); }
}
.wr-cedit__form { display: grid; gap: 12px; align-content: start; }
.wr-cedit__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
  gap: 10px;
}
.wr-cedit__foot {
  display: flex;
  align-items: center;
  gap: 8px;
  position: sticky;
  bottom: -24px;
  z-index: 2;
  margin-top: 4px;
  padding: 12px 0 24px;
  background: var(--wr-card, #fff);
  border-top: 1px solid var(--wr-line, #EEF1F7);
}
.wr-cedit__form .wr-rte__zone { min-height: 110px; max-height: 260px; overflow-y: auto; }
.wr-cedit__main { display: grid; gap: 16px; align-content: start; min-width: 0; }
.wr-cedit__cv {
  border: 1px solid var(--wr-line-2, #E5E9F0);
  border-radius: 14px;
  background: var(--wr-card, #fff);
  overflow: hidden;
}
.wr-cedit__cv[hidden] { display: none; }
.wr-cedit__cvhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 14px;
  background: var(--wr-violet-softer, #F8F4FD);
  border-bottom: 1px solid #EEE7F5;
}
.wr-cedit__cvtitle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--wr-violet, #8A63C1);
}
.wr-cedit__cvtitle svg { width: 16px; height: 16px; }
.wr-cedit__cvactions { display: inline-flex; gap: 8px; }
.wr-cedit__cvactions [hidden] { display: none; }
.wr-cedit__cvbody {
  max-height: 360px;
  overflow-y: auto;
  padding: 14px 18px 18px;
  font-size: 13.5px;
}
.wr-cedit__cvbody[hidden] { display: none; }
.wr-cedit__cvbody .wr-cvb__sec { margin-top: 14px; }
.wr-cedit__cvbody .wr-cvb__sec:first-child { margin-top: 0; }
.wr-cedit__cvlock {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  font-size: 13px;
  color: var(--wr-ink-2, #374151);
}
.wr-cedit__cvlock[hidden] { display: none; }
.wr-cedit__cvlock > span:last-child { display: grid; gap: 3px; }
.wr-cedit__cvlock a { color: var(--wr-violet, #8A63C1); font-weight: 700; text-decoration: none; }
.wr-cedit__cvlock a:hover { text-decoration: underline; }
.wr-cedit__cvlockico {
  flex: none;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--wr-violet-soft, #F2EDFA);
  color: var(--wr-violet, #8A63C1);
}
.wr-cedit__cvlockico svg { width: 17px; height: 17px; }
.wr-cedit__cvnone {
  margin: 0;
  padding: 14px 16px;
  font-size: 13px;
  color: var(--wr-muted, #6B7280);
}
.wr-cedit__cvnone[hidden] { display: none; }
.wr-cedit__erreur {
  margin: 0;
  padding: 10px 14px;
  border-radius: 10px;
  background: #FEF2F2;
  border: 1px solid #FECACA;
  color: #B91C1C;
  font-size: 13px;
}
.wr-cedit__erreur[hidden] { display: none; }
.wr-cedit__spacer { flex: 1; }
.wr-cedit__side {
  display: grid;
  gap: 10px;
  align-content: start;
  padding-left: 20px;
  border-left: 1px solid var(--wr-line, #EEF1F7);
}
.wr-cedit__sidetitle {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--wr-muted-2, #9CA3AF);
}
.wr-cedit__events {
  display: grid;
  gap: 8px;
  max-height: 340px;
  overflow-y: auto;
}
.wr-cedit__empty {
  font-size: 12px;
  color: var(--wr-muted-2, #9CA3AF);
  margin: 0;
}
.wr-cevent {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  background: var(--wr-bg-2, #F6F7FA);
  border-radius: 9px;
}
.wr-cevent__type {
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--wr-violet, #8A63C1);
}
.wr-cevent__txt {
  font-size: 11.5px;
  color: var(--wr-ink-2, #374151);
  line-height: 1.4;
}
.wr-cevent__date {
  font-size: 10.5px;
  color: var(--wr-muted-2, #9CA3AF);
}
.wr-cedit__profile {
  font-size: 12px;
  font-weight: 600;
  color: var(--wr-violet, #8A63C1);
  text-align: center;
  padding: 8px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 9px;
}
@media (max-width: 720px) {
  .wr-cedit__body { grid-template-columns: minmax(0, 1fr); }
  .wr-cedit__side {
    padding-left: 0;
    padding-top: 16px;
    border-left: 0;
    border-top: 1px solid var(--wr-line, #EEF1F7);
  }
}
.wr-rte {
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.wr-rte:focus-within { border-color: var(--wr-violet, #8A63C1); }
.wr-rte__bar {
  display: flex;
  gap: 2px;
  padding: 5px 6px;
  background: var(--wr-bg-2, #F6F7FA);
  border-bottom: 1px solid var(--wr-line, #EEF1F7);
}
.wr-rte__btn {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  border-radius: 6px;
  font-family: inherit;
  font-size: 12px;
  color: var(--wr-ink-2, #374151);
  cursor: pointer;
}
.wr-rte__btn:hover { background: #fff; color: var(--wr-violet, #8A63C1); }
.wr-rte__zone {
  min-height: 160px;
  max-height: 520px;
  overflow-y: auto;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--wr-ink, #1E1B2E);
}
.wr-rte__zone:focus { outline: none; }
.wr-rte--large .wr-rte__zone { min-height: 300px; max-height: 720px; }
.wr-rte__count {
  margin-top: 6px;
  text-align: right;
  font-size: 12px;
  color: var(--wr-muted, #6B7280);
  font-variant-numeric: tabular-nums;
}
.wr-rte__count.is-near { color: #B45309; }
.wr-rte__count.is-limit { color: #B42318; font-weight: 600; }
.wr-rte__zone p { margin: 0 0 6px; }
.wr-rte__zone ul, .wr-rte__zone ol { margin: 0 0 6px; padding-left: 18px; }
.wr-cadd__resultimg {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
  background: #fff;
}
.wr-ccard__job {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--wr-violet, #8A63C1);
  background: var(--wr-violet-l, #F2EDFA);
  border-radius: 6px;
  padding: 4px 7px;
  margin-bottom: 8px;
}
.wr-ccard__job svg { width: 11px; height: 11px; flex: none; }
.wr-ccard__job span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-side.is-collapsed .wr-side__link[data-tip],
.wr-side.is-collapsed .wr-side__toggle[data-tip] {
  position: relative;
}
.wr-side.is-collapsed .wr-side__link[data-tip]::after,
.wr-side.is-collapsed .wr-side__toggle[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 60;
  padding: 7px 11px;
  border-radius: 8px;
  background: var(--wr-ink, #1E1B2E);
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: normal;
  white-space: nowrap;
  box-shadow: 0 6px 20px -6px rgba(30, 27, 46, .4);
  opacity: 0;
  pointer-events: none;
  transition: opacity .13s ease;
}
.wr-side.is-collapsed .wr-side__link[data-tip]::before,
.wr-side.is-collapsed .wr-side__toggle[data-tip]::before {
  content: '';
  position: absolute;
  left: calc(100% + 4px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 60;
  border: 5px solid transparent;
  border-right-color: var(--wr-ink, #1E1B2E);
  opacity: 0;
  pointer-events: none;
  transition: opacity .13s ease;
}
.wr-side.is-collapsed .wr-side__link[data-tip]:hover::after,
.wr-side.is-collapsed .wr-side__link[data-tip]:hover::before,
.wr-side.is-collapsed .wr-side__link[data-tip]:focus-visible::after,
.wr-side.is-collapsed .wr-side__link[data-tip]:focus-visible::before,
.wr-side.is-collapsed .wr-side__toggle[data-tip]:hover::after,
.wr-side.is-collapsed .wr-side__toggle[data-tip]:hover::before,
.wr-side.is-collapsed .wr-side__toggle[data-tip]:focus-visible::after,
.wr-side.is-collapsed .wr-side__toggle[data-tip]:focus-visible::before {
  opacity: 1;
}
.wr-side.is-collapsed,
.wr-side.is-collapsed .wr-side__card {
  overflow: visible;
}
@media (hover: none) {
  .wr-side.is-collapsed .wr-side__link[data-tip]::after,
  .wr-side.is-collapsed .wr-side__link[data-tip]::before {
    display: none;
  }
}
.wr-side__tag--alert {
  color: #B91C1C;
  background: #FEE2E2;
  border-color: #FECACA;
}
.wr-side.is-collapsed .wr-side__tag--alert {
  display: block;
  position: absolute;
  top: 5px;
  right: 7px;
  margin: 0;
  padding: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #DC2626;
  border: 1.5px solid #fff;
  overflow: hidden;
  text-indent: -999px;
}
.wr-head__dash {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  margin-left: 18px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 100px;
  background: var(--wr-card, #fff);
  font-size: 13px;
  font-weight: 600;
  color: var(--wr-ink-2, #374151);
  white-space: nowrap;
  flex: none;
  transition: border-color .14s ease, color .14s ease;
}
.wr-head__dash:hover {
  border-color: var(--wr-violet, #8A63C1);
  color: var(--wr-violet, #8A63C1);
}
.wr-head__dash {
  background: var(--wr-violet-soft, #F2EDFA);
  border-color: #E2D6F3;
  color: var(--wr-violet-dark, #6B47A6);
  font-weight: 700;
}
.wr-head__dash svg { color: var(--wr-violet, #8A63C1); }
.wr-head__dash:hover { background: #EAE0F7; border-color: var(--wr-violet-2, #A98AD3); color: var(--wr-violet-dark, #6B47A6); }
.wr-head__ext { display: inline-flex; align-items: center; gap: 2px; margin-left: 6px; flex: none; }
.wr-head__extlink {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 7px 10px;
  border-radius: 100px;
  font-size: 12.5px; font-weight: 600;
  color: var(--wr-muted, #6B7280);
  white-space: nowrap;
  transition: background .14s ease, color .14s ease;
}
.wr-head__extlink svg { width: 12px; height: 12px; flex: none; opacity: .7; }
.wr-head__extlink:hover { background: var(--wr-violet-softer, #F8F4FD); color: var(--wr-violet-dark, #6B47A6); }
@media (max-width: 1360px) {
  .wr-head__ext { display: none; }
}
.wr-head__dash svg { width: 15px; height: 15px; flex: none; }
@media (max-width: 991px) {
  .wr-head__dash { display: none; }
}
.wr-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 42px;
  padding: 7px 10px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 10px;
  background: var(--wr-card, #fff);
  cursor: text;
  transition: border-color .14s ease;
}
.wr-tags:focus-within { border-color: var(--wr-violet, #8A63C1); }
.wr-tags__list {
  display: contents;
}
.wr-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 6px 4px 10px;
  background: var(--wr-violet-l, #F2EDFA);
  color: var(--wr-violet, #8A63C1);
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
  max-width: 100%;
}
.wr-tag__x {
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  border-radius: 4px;
  color: inherit;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  opacity: .6;
  flex: none;
}
.wr-tag__x:hover { opacity: 1; background: rgba(138, 99, 193, .16); }
.wr-tags__input {
  flex: 1;
  min-width: 120px;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 13px;
  color: var(--wr-ink, #1E1B2E);
  padding: 3px 0;
}
.wr-tags__input:focus { outline: none; }
.wr-tags__input::placeholder { color: var(--wr-muted-2, #9CA3AF); }
.wr-rte__zone { white-space: pre-wrap; }
.wr-rs { position: relative; }
.wr-rs__native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.wr-rs__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 10px;
  background: var(--wr-card, #fff);
  font-family: inherit;
  font-size: 13px;
  color: var(--wr-ink, #1E1B2E);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  transition: border-color .14s ease;
}
.wr-rs__btn:hover { border-color: var(--wr-violet-2, #E4D9F5); }
.wr-rs__btn:focus-visible,
.wr-rs__btn[aria-expanded="true"] {
  outline: none;
  border-color: var(--wr-violet, #8A63C1);
}
.wr-rs__label {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.wr-rs__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-rs__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex: none;
}
.wr-rs__caret {
  display: grid;
  place-items: center;
  color: var(--wr-muted-2, #9CA3AF);
  flex: none;
  transition: transform .16s ease;
}
.wr-rs__caret svg { width: 15px; height: 15px; }
.wr-rs__btn[aria-expanded="true"] .wr-rs__caret { transform: rotate(180deg); }
.wr-rs__panel {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  z-index: 40;
  max-height: 260px;
  overflow-y: auto;
  padding: 5px;
  background: var(--wr-card, #fff);
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 11px;
  box-shadow: 0 12px 32px -10px rgba(30, 27, 46, .24);
}
.wr-rs__panel[hidden] { display: none; }
.wr-rs__opt {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  background: transparent;
  border-radius: 8px;
  font-family: inherit;
  font-size: 13px;
  color: var(--wr-ink, #1E1B2E);
  cursor: pointer;
  text-align: left;
}
.wr-rs__opt:hover,
.wr-rs__opt.is-active {
  background: var(--wr-violet-l, #F2EDFA);
  color: var(--wr-violet, #8A63C1);
}
.wr-rs__opt[aria-selected="true"] {
  font-weight: 700;
}
.wr-rs__opt[aria-selected="true"]::after {
  content: '✓';
  margin-left: auto;
  color: var(--wr-violet, #8A63C1);
  flex: none;
}
.wr-confirm {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: grid;
  place-items: center;
  padding: 20px;
}
.wr-confirm[hidden] { display: none; }
.wr-confirm__veil {
  position: absolute;
  inset: 0;
  background: rgba(30, 27, 46, .55);
  backdrop-filter: blur(2px);
}
.wr-confirm__box {
  position: relative;
  width: min(100%, 400px);
  padding: 26px 24px 22px;
  background: var(--wr-card, #fff);
  border-radius: 16px;
  box-shadow: 0 24px 60px -18px rgba(30, 27, 46, .4);
  text-align: center;
}
.wr-confirm__icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #FEE2E2;
  color: #B91C1C;
}
.wr-confirm__icon svg { width: 22px; height: 22px; }
.wr-confirm__title {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--wr-ink, #1E1B2E);
  margin: 0 0 6px;
}
.wr-confirm__body {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--wr-muted, #6B7280);
  margin: 0 0 20px;
  word-break: break-word;
}
.wr-confirm__body[hidden] { display: none; }
.wr-confirm__actions {
  display: flex;
  gap: 9px;
}
.wr-confirm__actions .wr-btn { flex: 1; justify-content: center; }
.wr-btn--danger {
  background: #DC2626;
  border-color: #DC2626;
  color: #fff;
}
.wr-btn--danger:hover {
  background: #B91C1C;
  border-color: #B91C1C;
  color: #fff;
}
.wr-btn--danger:focus-visible {
  outline: 2px solid #FCA5A5;
  outline-offset: 2px;
}
.wr-cnote {
  display: grid;
  gap: 7px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--wr-line, #EEF1F7);
}
.wr-cnote__row {
  display: flex;
  gap: 6px;
}
.wr-cnote__type,
.wr-cnote__date {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  padding: 6px 8px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 8px;
  background: #fff;
  font-family: inherit;
  font-size: 11.5px;
  color: var(--wr-ink-2, #374151);
}
.wr-cnote__type:focus,
.wr-cnote__date:focus,
.wr-cnote__text:focus {
  outline: none;
  border-color: var(--wr-violet, #8A63C1);
}
.wr-cnote__text {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 9px;
  background: #fff;
  font-family: inherit;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--wr-ink, #1E1B2E);
  resize: vertical;
}
.wr-cnote__text::placeholder { color: var(--wr-muted-2, #9CA3AF); }
.wr-cevent__head {
  display: flex;
  align-items: center;
  gap: 7px;
}
.wr-cevent__title {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--wr-ink, #1E1B2E);
}
.wr-cevent__x {
  margin-left: auto;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  border-radius: 5px;
  color: var(--wr-muted-2, #9CA3AF);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  transition: opacity .12s ease, color .12s ease;
}
.wr-cevent:hover .wr-cevent__x,
.wr-cevent__x:focus-visible { opacity: 1; }
.wr-cevent__x:hover { color: #DC2626; background: #FEE2E2; }
@media (hover: none) {
  .wr-cevent__x { opacity: 1; }
}
.wr-cinv {
  display: grid;
  gap: 8px;
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid var(--wr-line, #EEF1F7);
}
.wr-cinv__open {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  padding: 9px;
  border: 1px dashed var(--wr-line-2, #E5E9F0);
  background: transparent;
  border-radius: 9px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--wr-violet, #8A63C1);
  cursor: pointer;
}
.wr-cinv__open:hover { background: var(--wr-violet-l, #F2EDFA); }
.wr-cinv__open svg { width: 14px; height: 14px; flex: none; }
.wr-cinv__form { display: grid; gap: 7px; }
.wr-input--sm {
  padding: 7px 9px;
  font-size: 11.5px;
}
.wr-cinv__slots { display: grid; gap: 5px; }
.wr-cinv__slot { display: flex; gap: 5px; }
.wr-cinv__when {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  padding: 6px 8px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 7px;
  font-family: inherit;
  font-size: 11.5px;
  color: var(--wr-ink, #1E1B2E);
}
.wr-cinv__slotx {
  width: 26px;
  border: 1px solid var(--wr-line, #EEF1F7);
  background: #fff;
  border-radius: 7px;
  color: var(--wr-muted-2, #9CA3AF);
  font-size: 14px;
  cursor: pointer;
  flex: none;
}
.wr-cinv__slotx:hover { color: #DC2626; border-color: #FCA5A5; }
.wr-cinv__add {
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  color: var(--wr-violet, #8A63C1);
  cursor: pointer;
  text-align: left;
  padding: 2px 0;
}
.wr-cinv__foot {
  display: flex;
  align-items: center;
  gap: 7px;
}
.wr-cinv__dur {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10.5px;
  color: var(--wr-muted, #6B7280);
  flex: 1;
}
.wr-cinv__dur select {
  padding: 5px 7px;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 7px;
  font-family: inherit;
  font-size: 11px;
  background: #fff;
}
.wr-cinv__result {
  padding: 10px;
  background: #FEF3C7;
  border-radius: 9px;
}
.wr-cinv__once {
  font-size: 10.5px;
  font-weight: 600;
  color: #92400E;
  margin: 0 0 7px;
  line-height: 1.35;
}
.wr-cinv__copy { display: flex; gap: 5px; }
.wr-cinv__linkfield {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  padding: 6px 8px;
  border: 1px solid #FCD34D;
  border-radius: 7px;
  background: #fff;
  font-family: ui-monospace, monospace;
  font-size: 10.5px;
  color: var(--wr-ink, #1E1B2E);
}
.wr-cinv__copybtn {
  padding: 6px 10px;
  border: 0;
  background: #92400E;
  border-radius: 7px;
  color: #fff;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  flex: none;
}
.wr-cinvrow {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  background: var(--wr-bg-2, #F6F7FA);
  border-radius: 8px;
  margin-bottom: 5px;
}
.wr-cinvrow__state {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 2px 6px;
  border-radius: 5px;
  flex: none;
}
.wr-cinvrow--pending .wr-cinvrow__state { background: #FEF3C7; color: #92400E; }
.wr-cinvrow--booked .wr-cinvrow__state { background: #DCFCE7; color: #15803D; }
.wr-cinvrow--cancelled .wr-cinvrow__state,
.wr-cinvrow--expired .wr-cinvrow__state { background: #F3F4F6; color: #6B7280; }
.wr-cinvrow__txt {
  flex: 1;
  min-width: 0;
  font-size: 11px;
  color: var(--wr-ink-2, #374151);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-cinvrow__when {
  font-size: 10px;
  color: var(--wr-muted-2, #9CA3AF);
  flex: none;
}
.wr-cinvrow__x {
  width: 18px;
  height: 18px;
  border: 0;
  background: transparent;
  border-radius: 5px;
  color: var(--wr-muted-2, #9CA3AF);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  flex: none;
}
.wr-cinvrow__x:hover { color: #DC2626; background: #FEE2E2; }
.wr-rdvbar {
  padding: 14px 16px;
  margin-bottom: 16px;
  background: var(--wr-card, #fff);
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 14px;
}
.wr-rdvbar__head {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--wr-muted, #6B7280);
  margin-bottom: 10px;
}
.wr-rdvbar__head svg { width: 14px; height: 14px; flex: none; }
.wr-rdvbar__n {
  padding: 1px 7px;
  background: var(--wr-violet-l, #F2EDFA);
  color: var(--wr-violet, #8A63C1);
  border-radius: 20px;
  font-size: 10.5px;
}
.wr-rdvbar__list {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.wr-rdvbar__item {
  display: grid;
  gap: 3px;
  padding: 8px 12px;
  background: var(--wr-bg-2, #F6F7FA);
  border-radius: 10px;
  border-left: 3px solid var(--wr-line-2, #E5E9F0);
  flex: none;
  min-width: 160px;
}
.wr-rdvbar__item--booked { border-left-color: #22C55E; }
.wr-rdvbar__item--pending { border-left-color: #F59E0B; }
.wr-rdvbar__who {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--wr-ink, #1E1B2E);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-rdvbar__when { font-size: 11px; color: var(--wr-muted, #6B7280); }
.wr-rdvbar__wait { font-size: 11px; color: #B45309; }
.wr-note {
  font-size: 12.5px;
  line-height: 1.45;
  padding: 10px 13px;
  border-radius: 9px;
  background: var(--wr-bg-2, #F6F7FA);
  color: var(--wr-ink-2, #374151);
  margin: 0 0 14px;
}
.wr-note--ok { background: #DCFCE7; color: #15803D; }
.wr-note--warn { background: #FEF3C7; color: #92400E; }
.wr-hint--sm {
  font-size: 11.5px;
  color: var(--wr-muted-2, #9CA3AF);
  margin-top: 6px;
}
.wr-cinv__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.wr-cinv__auto {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 4px 9px;
  border: 1px solid var(--wr-violet-2, #E4D9F5);
  background: var(--wr-violet-l, #F2EDFA);
  border-radius: 7px;
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--wr-violet, #8A63C1);
  cursor: pointer;
}
.wr-cinv__auto:hover { background: #E9DEF8; }
.wr-cinv__auto:disabled { opacity: .5; cursor: default; }
.wr-cinv__auto svg { width: 12px; height: 12px; flex: none; }
.wr-cinv__hint {
  font-size: 10.5px;
  line-height: 1.35;
  color: var(--wr-muted, #6B7280);
  margin: 0;
  padding: 5px 8px;
  background: var(--wr-bg-2, #F6F7FA);
  border-radius: 6px;
}
.wr-cinv__hint[hidden] { display: none; }
.wr-cals {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--wr-line, #EEF1F7);
}
.wr-cal {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border-radius: 9px;
  cursor: pointer;
  transition: background .12s ease;
}
.wr-cal:hover { background: var(--wr-bg-2, #F6F7FA); }
.wr-cal input { flex: none; accent-color: var(--wr-violet, #8A63C1); }
.wr-cal__dot {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex: none;
}
.wr-cal__name {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: var(--wr-ink, #1E1B2E);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-cal__tag {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--wr-violet, #8A63C1);
  background: var(--wr-violet-l, #F2EDFA);
  border-radius: 5px;
  padding: 2px 6px;
  flex: none;
}
.wr-ctabs {
  display: flex;
  gap: 2px;
  padding: 3px;
  margin-bottom: 14px;
  background: var(--wr-bg-2, #F6F7FA);
  border-radius: 10px;
}
.wr-ctab {
  flex: 1;
  position: relative;
  padding: 7px 10px;
  border: 0;
  background: transparent;
  border-radius: 8px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--wr-muted, #6B7280);
  cursor: pointer;
  transition: background .14s ease, color .14s ease;
}
.wr-ctab:hover { color: var(--wr-ink, #1E1B2E); }
.wr-ctab.is-on {
  background: #fff;
  color: var(--wr-violet, #8A63C1);
  box-shadow: 0 1px 3px rgba(30, 27, 46, .08);
}
.wr-ctab__dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-radius: 50%;
  background: #F59E0B;
  vertical-align: middle;
}
.wr-ctab__dot[hidden] { display: none; }
.wr-cpane { display: none; }
.wr-cpane.is-on { display: block; }
.wr-cpane .wr-cinv {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}
.wr-cedit__name[contenteditable] {
  padding: 2px 7px;
  margin-left: -7px;
  border-radius: 7px;
  outline: 0;
  cursor: text;
  transition: background .14s ease, box-shadow .14s ease;
}
.wr-cedit__name[contenteditable]:hover {
  background: var(--wr-bg-2, #F6F7FA);
}
.wr-cedit__name[contenteditable]:focus {
  background: #fff;
  box-shadow: 0 0 0 2px var(--wr-violet, #8A63C1);
}
.wr-cedit__name[contenteditable]:empty::before {
  content: attr(data-ph);
  color: var(--wr-muted-2, #9CA3AF);
  font-weight: 400;
}
.wr-cbframe {
  transition: opacity .16s ease;
}
.wr-cbframe.is-loading {
  opacity: .55;
  pointer-events: none;
}
.wr-cedit__form.is-reading .wr-input,
.wr-cedit__form.is-reading .wr-textarea,
.wr-cedit__form.is-reading .wr-rte__zone {
  border-color: transparent;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  cursor: default;
}
.wr-cedit__form.is-reading .wr-rs__box {
  border-color: transparent;
  background: transparent;
  padding-left: 0;
  cursor: default;
}
.wr-cedit__form.is-reading .wr-rs__caret,
.wr-cedit__form.is-reading .wr-rte__bar {
  display: none;
}
.wr-cedit__form.is-reading .wr-input:placeholder-shown::placeholder {
  color: var(--wr-line-2, #E5E9F0);
}
.wr-cedit__edit { display: none; }
.wr-cedit__form.is-reading .wr-cedit__edit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.wr-cedit__edit svg { width: 13px; height: 13px; }
.wr-cedit__form.is-reading .wr-cedit__cancel,
.wr-cedit__form.is-reading .wr-cedit__save {
  display: none;
}
.wr-cedit__box.is-reading .wr-cedit__name[contenteditable]:hover {
  background: transparent;
}
.wr-ccol__head[data-ccol-handle] {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.wr-ccol__head[data-ccol-handle]:active { cursor: grabbing; }
.wr-ccol__head[data-ccol-handle] .wr-ccol__menu {
  cursor: pointer;
  -webkit-user-drag: none;
}
.wr-ccol.is-col-dragging {
  opacity: .55;
  transform: rotate(.6deg);
  transition: none;
}
.wr-publink {
  border: 1px solid var(--wr-violet-2, #E4D9F5);
  background: var(--wr-violet-softer, #F6F1FD);
  border-radius: 16px;
  padding: 18px;
  margin-bottom: 22px;
}
.wr-publink__head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.wr-publink__ico {
  width: 34px; height: 34px; flex: none;
  border-radius: 10px; display: grid; place-items: center;
  background: var(--wr-violet, #8A63C1); color: #fff;
}
.wr-publink__ico svg { width: 16px; height: 16px; }
.wr-publink__title { font-size: 15.5px; font-weight: 800; color: var(--wr-ink, #1E1B2E); margin: 0 0 3px; }
.wr-publink__sub { font-size: 12.5px; color: var(--wr-muted, #6B7280); margin: 0; line-height: 1.5; }
.wr-publink__row { display: flex; gap: 8px; align-items: center; }
.wr-publink__input {
  flex: 1; min-width: 0;
  height: 40px; padding: 0 12px;
  border: 1px solid var(--wr-line, #EEF1F7); border-radius: 10px;
  background: #fff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12.5px; color: var(--wr-ink, #1E1B2E);
  text-overflow: ellipsis;
}
.wr-publink__input:focus { outline: none; border-color: rgba(138, 99, 193, .45); box-shadow: 0 0 0 3px rgba(138, 99, 193, .12); }
.wr-publink__copy { flex: none; height: 40px; white-space: nowrap; }
.wr-publink__copy svg { width: 15px; height: 15px; }
.wr-publink__copy.is-copied { border-color: #A7F3D0; background: #ECFDF5; color: #047857; }
.wr-publink__copy[hidden] { display: none; }
.wr-publink__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 12px; }
.wr-publink__see {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12.5px; font-weight: 700;
  color: var(--wr-violet, #8A63C1); text-decoration: none;
}
.wr-publink__see:hover { text-decoration: underline; }
.wr-publink__see svg { width: 13px; height: 13px; }
.wr-publink__warn {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12.5px; font-weight: 600; color: #B45309;
}
.wr-publink__warn svg { width: 14px; height: 14px; flex: none; }
@media (max-width: 560px) {
  .wr-publink__row { flex-wrap: wrap; }
  .wr-publink__copy { width: 100%; justify-content: center; }
}
.wr-publink__anon {
  display: flex; align-items: center; gap: 14px;
  margin-top: 14px; padding-top: 14px;
  border-top: 1px solid var(--wr-violet-2, #E4D9F5);
}
.wr-publink__anontxt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.wr-publink__anontxt strong { font-size: 13px; font-weight: 700; color: var(--wr-ink, #1E1B2E); }
.wr-publink__anontxt span { font-size: 12px; color: var(--wr-muted, #6B7280); line-height: 1.45; }
.wr-publink__switch {
  flex: none; width: 46px; height: 26px; padding: 3px;
  border: 0; border-radius: 100px; cursor: pointer;
  background: #D8DCE6; transition: background .18s ease;
}
.wr-publink__switch.is-on { background: var(--wr-violet, #8A63C1); }
.wr-publink__knob {
  display: block; width: 20px; height: 20px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 3px rgba(30,27,46,.28);
  transition: transform .18s ease;
}
.wr-publink__switch.is-on .wr-publink__knob { transform: translateX(20px); }
.wr-publink__switch:focus-visible { outline: 2px solid var(--wr-violet, #8A63C1); outline-offset: 2px; }
.wr-publink__alt {
  margin-top: 14px; padding-top: 14px;
  border-top: 1px solid var(--wr-violet-2, #E4D9F5);
}
.wr-publink__althead { display: flex; align-items: center; gap: 7px; margin-bottom: 4px; }
.wr-publink__althead svg { width: 14px; height: 14px; flex: none; color: var(--wr-violet, #8A63C1); }
.wr-publink__althead strong { font-size: 13px; font-weight: 700; color: var(--wr-ink, #1E1B2E); }
.wr-publink__althint { font-size: 12px; color: var(--wr-muted, #6B7280); margin: 0 0 10px; line-height: 1.45; }
.wr-anon { max-width: 820px; }
.wr-anon__head { margin-bottom: 22px; }
.wr-anon__head--recap { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.wr-anon__title { font-size: 26px; font-weight: 800; color: var(--wr-ink, #1E1B2E); margin: 0 0 6px; }
.wr-anon__sub { font-size: 14px; color: var(--wr-muted, #6B7280); margin: 0; line-height: 1.55; max-width: 62ch; }
.wr-anon__card {
  border: 1px solid var(--wr-line, #EEF1F7); border-radius: 16px;
  background: #fff; padding: 22px; margin-bottom: 18px;
}
.wr-anon__card--muted { background: var(--wr-bg, #F8F9FC); }
.wr-anon__card h2 { font-size: 17px; font-weight: 800; margin: 0 0 8px; color: var(--wr-ink, #1E1B2E); }
.wr-anon__card p { font-size: 14px; line-height: 1.6; color: #3F4451; margin: 0 0 16px; }
.wr-anon__warn {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 12px 14px; border-radius: 12px; margin-bottom: 16px;
  background: #FFFBEB; border: 1px solid #FDE68A; color: #92400E;
  font-size: 13px; line-height: 1.55;
}
.wr-anon__warn svg { width: 16px; height: 16px; flex: none; margin-top: 2px; }
.wr-anon__warn--big { font-size: 13.5px; padding: 14px 16px; margin-bottom: 22px; }
.wr-anon__state { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.wr-anon__badge {
  font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 100px;
  background: #F3F4F6; color: #6B7280;
}
.wr-anon__badge.is-on { background: #ECFDF5; color: #047857; }
.wr-anon__form { border: 1px solid var(--wr-line, #EEF1F7); border-radius: 16px; background: #fff; padding: 22px; }
.wr-anon__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin-bottom: 18px; }
.wr-anon__hint { font-size: 12px; color: var(--wr-muted-2, #9CA3AF); margin: 6px 0 0; line-height: 1.45; }
.wr-anon__types { border: 0; padding: 0; margin: 0 0 18px; }
.wr-anon__types legend { font-size: 13px; font-weight: 700; color: var(--wr-ink, #1E1B2E); margin-bottom: 8px; padding: 0; }
.wr-anon__types label { display: inline-flex; align-items: center; gap: 6px; margin-right: 16px; font-size: 13.5px; color: #3F4451; }
.wr-cvdoc {
  border: 1px solid var(--wr-line, #EEF1F7); border-radius: 16px;
  background: #fff; padding: 30px; margin-bottom: 18px;
}
.wr-cvdoc__head { display: flex; align-items: center; gap: 16px; padding-bottom: 18px; border-bottom: 2px solid var(--wr-violet, #8A63C1); margin-bottom: 20px; }
.wr-cvdoc__mask {
  width: 56px; height: 56px; flex: none; border-radius: 14px; display: grid; place-items: center;
  background: var(--wr-violet-soft, #F2EDFA); color: var(--wr-violet, #8A63C1);
}
.wr-cvdoc__mask svg { width: 26px; height: 26px; }
.wr-cvdoc__job { font-size: 21px; font-weight: 800; margin: 0 0 4px; color: var(--wr-ink, #1E1B2E); }
.wr-cvdoc__meta { font-size: 13.5px; color: var(--wr-muted, #6B7280); margin: 0; }
.wr-cvdoc__sec { margin-bottom: 22px; }
.wr-cvdoc__sec h3 {
  font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em;
  color: var(--wr-violet, #8A63C1); margin: 0 0 10px;
}
.wr-cvdoc__sec p { font-size: 14px; line-height: 1.65; color: #3F4451; margin: 0; }
.wr-cvdoc__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.wr-cvdoc__list li { font-size: 14px; color: #3F4451; line-height: 1.55; }
.wr-cvdoc__list strong { display: block; color: var(--wr-ink, #1E1B2E); font-weight: 700; }
.wr-cvdoc__org { font-size: 13px; color: var(--wr-violet, #8A63C1); font-weight: 600; }
.wr-cvdoc__dates { font-size: 12.5px; color: var(--wr-muted-2, #9CA3AF); margin-left: 8px; }
.wr-cvdoc__list p { font-size: 13.5px; margin: 4px 0 0; }
.wr-anon__publish {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  border: 1px solid var(--wr-line, #EEF1F7); border-radius: 16px; background: var(--wr-bg, #F8F9FC); padding: 18px;
}
.wr-anon__publish strong { display: block; font-size: 14px; color: var(--wr-ink, #1E1B2E); margin-bottom: 3px; }
.wr-anon__publish span { font-size: 12.5px; color: var(--wr-muted, #6B7280); }
.wr-anon__link { margin-top: 14px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12.5px; color: var(--wr-muted, #6B7280); }
.wr-anon__link code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; color: var(--wr-ink, #1E1B2E); }
@media print {
  .wr-side, .wr-head, .wr-drawer, .wr-anon__noprint, .wr-anon__head, .wr-anon__warn { display: none !important; }
  .wr-anon { max-width: none; }
  .wr-cvdoc { border: 0; padding: 0; margin: 0; }
  .wr-cvdoc__sec { break-inside: avoid; }
  .wr-anon__cols { display: block !important; }
  .wr-cvb__sec, .wr-cvp__section, .wr-cvp__head { break-inside: avoid; }
  .wr-cvb__sec, .wr-cvp__section, .wr-cvp__head {
    border: 0 !important; background: none !important;
    padding-left: 0 !important; padding-right: 0 !important;
    margin-bottom: 10px !important;
  }
}
.wr-search__head { margin-bottom: 20px; }
.wr-database { display: block; }
.wr-database__subtitle { margin: 26px 0 12px; font-size: 15px; font-weight: 700; color: var(--wr-ink); }
.wr-search__title { font-size: 26px; font-weight: 800; color: var(--wr-ink, #1E1B2E); margin: 0 0 6px; }
.wr-search__sub { font-size: 14px; color: var(--wr-muted, #6B7280); margin: 0; }
.wr-search__locked {
  text-align: center; padding: 44px 24px;
  border: 1px solid var(--wr-line, #EEF1F7); border-radius: 16px; background: #fff;
}
.wr-search__lockico {
  width: 54px; height: 54px; margin: 0 auto 16px; border-radius: 16px;
  display: grid; place-items: center;
  background: var(--wr-violet-soft, #F2EDFA); color: var(--wr-violet, #8A63C1);
}
.wr-search__lockico svg { width: 24px; height: 24px; }
.wr-search__locked h2 { font-size: 18px; font-weight: 800; margin: 0 0 8px; color: var(--wr-ink, #1E1B2E); }
.wr-search__locked p { font-size: 14px; line-height: 1.6; color: var(--wr-muted, #6B7280); max-width: 52ch; margin: 0 auto 18px; }
.wr-search__lockform { display: inline; }
.wr-search__lockstate {
  display: block;
  max-width: 52ch;
  margin: 14px auto 0;
  padding: 11px 14px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--wr-violet-dark, #6B47A6);
  background: var(--wr-violet-softer, #F8F4FD);
  border: 1px solid var(--wr-violet-soft, #F2EDFA);
  border-radius: var(--wr-r-md, 12px);
}
.wr-search__filters {
  border: 1px solid var(--wr-line, #EEF1F7); border-radius: 16px;
  background: #fff; padding: 18px; margin-bottom: 18px;
}
.wr-search__row { display: flex; gap: 10px; margin-bottom: 14px; }
.wr-search__q { flex: 1; min-width: 0; }
.wr-search__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-bottom: 12px; }
.wr-search__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--wr-line, #EEF1F7);
}
.wr-search__types { display: flex; flex-wrap: wrap; gap: 16px; }
.wr-search__types label { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: #3F4451; }
.wr-search__count { font-size: 13px; color: var(--wr-muted, #6B7280); margin: 0 0 12px; }
.wr-search__list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.wr-sres {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 14px 16px; border-radius: 14px; background: #fff;
  border: 1px solid var(--wr-line, #EEF1F7);
  text-decoration: none; color: inherit;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.wr-sres:hover { transform: translateY(-1px); border-color: rgba(138,99,193,.32); box-shadow: 0 8px 22px rgba(30,27,46,.07); }
.wr-sres:hover .wr-sres__chev { transform: translateX(3px); color: var(--wr-violet, #8A63C1); }
.wr-sres.is-anon { border-style: dashed; background: var(--wr-violet-softer, #F6F1FD); }
.wr-sres__ico {
  width: 38px; height: 38px; flex: none; border-radius: 11px; display: grid; place-items: center;
  background: var(--wr-violet-soft, #F2EDFA); color: var(--wr-violet, #8A63C1);
}
.wr-sres__ico svg { width: 18px; height: 18px; }
.wr-sres__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.wr-sres__top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wr-sres__top strong { font-size: 14.5px; font-weight: 700; color: var(--wr-ink, #1E1B2E); }
.wr-sres__tag {
  font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  padding: 2px 7px; border-radius: 100px;
  background: var(--wr-violet, #8A63C1); color: #fff;
}
.wr-sres__job { font-size: 13.5px; font-weight: 600; color: var(--wr-violet, #8A63C1); }
.wr-sres__meta { font-size: 12.5px; color: var(--wr-muted, #6B7280); }
.wr-sres__text {
  font-size: 12.5px; color: #3F4451; line-height: 1.5; margin-top: 3px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.wr-sres__chev { width: 17px; height: 17px; flex: none; margin-top: 10px; color: var(--wr-muted-2, #9CA3AF); transition: transform .18s ease, color .18s ease; }
.wr-anon__share {
  border: 1px solid var(--wr-line, #EEF1F7); border-radius: 16px;
  background: #fff; padding: 22px; margin-top: 18px;
}
.wr-anon__share h2 { font-size: 16px; font-weight: 800; margin: 0 0 6px; color: var(--wr-ink, #1E1B2E); }
.wr-anon__share > p { font-size: 13.5px; color: var(--wr-muted, #6B7280); line-height: 1.55; margin: 0 0 16px; }
.wr-anon__quota {
  font-size: 12.5px; font-weight: 700; color: var(--wr-violet, #8A63C1);
  margin: 0 0 12px;
}
.wr-anon__hist { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--wr-line, #EEF1F7); }
.wr-anon__hist h3 { font-size: 13px; font-weight: 800; color: var(--wr-ink, #1E1B2E); margin: 0 0 10px; }
.wr-anon__hist ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.wr-anon__hist li {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  font-size: 12.5px; color: var(--wr-muted, #6B7280);
  padding: 8px 12px; border-radius: 10px; background: var(--wr-bg, #F8F9FC);
}
.wr-anon__hist code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--wr-ink, #1E1B2E); }
.wr-anon__histco { font-weight: 600; color: var(--wr-violet, #8A63C1); }
.wr-anon__hist time { margin-left: auto; font-size: 12px; color: var(--wr-muted-2, #9CA3AF); }
.wr-anon--full { max-width: none; }
.wr-anon--full .wr-anon__card,
.wr-anon--full .wr-cvdoc,
.wr-anon--full .wr-anon__share,
.wr-anon--full .wr-anon__publish { width: 100%; }
.wr-cvb__sec {
  background: #fff;
  border: 1.5px solid #EEE7DA;
  border-radius: 16px;
  padding: 20px 22px;
  margin-bottom: 14px;
}
.wr-cvb__sec:last-child { margin-bottom: 0; }
@media (max-width: 640px) { .wr-cvb__sec { padding: 16px; } }
.wr-cvb__sec h3 {
  font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em;
  color: var(--wr-violet, #8A63C1); margin: 0 0 12px;
  padding-bottom: 6px; border-bottom: 1px solid var(--wr-line, #EEF1F7);
}
.wr-cvb__text { font-size: 14px; line-height: 1.65; color: #3F4451; margin: 0; }
.wr-cvb__pairs { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; margin: 0 0 12px; }
.wr-cvb__pairs dt { font-size: 12.5px; font-weight: 700; color: var(--wr-muted, #6B7280); }
.wr-cvb__pairs dd { font-size: 13.5px; color: var(--wr-ink, #1E1B2E); margin: 0; }
.wr-cvb__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.wr-cvb__chip {
  font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 100px;
  background: var(--wr-violet-soft, #F2EDFA); color: var(--wr-violet, #8A63C1);
}
.wr-cvb__chip--soft { background: var(--wr-bg, #F8F9FC); color: var(--wr-muted, #6B7280); }
.wr-cvb__chip--tech { background: #ECFDF5; color: #047857; font-size: 11.5px; }
.wr-cvb__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 18px; }
@media (min-width: 1100px) {
  .wr-cvb__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 28px; }
}
.wr-cvb__item { min-width: 0; }
.wr-cvb__itemhead { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.wr-cvb__itemhead strong { font-size: 14.5px; font-weight: 700; color: var(--wr-ink, #1E1B2E); }
.wr-cvb__dates { font-size: 12px; color: var(--wr-muted-2, #9CA3AF); margin-left: auto; white-space: nowrap; }
.wr-cvb__org { font-size: 13px; color: var(--wr-violet, #8A63C1); font-weight: 600; margin-top: 2px; }
.wr-cvb__contract {
  font-size: 11px; font-weight: 700; margin-left: 6px; padding: 1px 7px; border-radius: 100px;
  background: var(--wr-bg, #F8F9FC); color: var(--wr-muted, #6B7280);
}
.wr-cvb__url { font-size: 12.5px; color: var(--wr-muted, #6B7280); margin-top: 2px; word-break: break-all; }
.wr-cvb__bullets { margin: 8px 0 0; padding-left: 18px; display: grid; gap: 4px; }
.wr-cvb__bullets li { font-size: 13.5px; line-height: 1.55; color: #3F4451; }
.wr-anon--full .wr-anon__form { max-width: none; }
.wr-side.is-collapsed .wr-facet[data-facet="pays"] {
  padding: 8px 6px;
  border-radius: 14px;
}
.wr-side.is-collapsed .wr-facet[data-facet="pays"] .wr-facet__label,
.wr-side.is-collapsed .wr-facet[data-facet="pays"] .wr-facet__search,
.wr-side.is-collapsed .wr-facet[data-facet="pays"] .wr-facet__count,
.wr-side.is-collapsed .wr-facet[data-facet="pays"] .wr-facet__label-txt,
.wr-side.is-collapsed .wr-facet[data-facet="pays"] .wr-facet__more {
  display: none;
}
.wr-side.is-collapsed .wr-facet[data-facet="pays"] .wr-facet__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wr-side.is-collapsed .wr-facet[data-facet="pays"] .wr-facet__item {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  padding: 7px 0;
  border-radius: 10px;
}
.wr-side.is-collapsed .wr-facet[data-facet="pays"] .wr-facet__name {
  display: block;
  font-size: 17px;
  line-height: 1;
}
.wr-facet__flag { font-style: normal; }
.wr-side.is-collapsed .wr-facet[data-facet="pays"] .wr-facet__item.is-active {
  background: var(--wr-violet-soft, #F2EDFA);
}
.wr-side.is-collapsed .wr-facet__item[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 60;
  padding: 7px 11px;
  border-radius: 8px;
  background: var(--wr-ink, #1E1B2E);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--wr-t, .15s);
}
.wr-side.is-collapsed .wr-facet__item[data-tip]:hover::after,
.wr-side.is-collapsed .wr-facet__item[data-tip]:focus-visible::after {
  opacity: 1;
}
.wr-progress--clickable { position: relative; }
.wr-progress__cover {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
}
.wr-progress--clickable > *:not(.wr-progress__cover) {
  position: relative;
  z-index: 1;
}
.wr-progress--clickable:hover { filter: brightness(1.04); }
.wr-progress__cover:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -3px;
}
.wr-progress__count {
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  opacity: .7;
}
.wr-statuts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.wr-statuts form { margin: 0; }
.wr-statut__btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  height: 100%;
  padding: 16px;
  text-align: left;
  border: 1.5px solid var(--wr-line, #EEF1F7);
  border-radius: var(--wr-r-lg, 16px);
  background: var(--wr-surface, #fff);
  cursor: pointer;
  transition: border-color var(--wr-t, .15s), background var(--wr-t, .15s);
}
.wr-statut__btn:hover { border-color: var(--wr-violet-soft, #D9CEF0); }
.wr-statut.is-actif.est-open .wr-statut__btn      { background: #E8F5E9; border-color: #4CAF50; }
.wr-statut.is-actif.est-ecoute .wr-statut__btn    { background: #FFF3E0; border-color: #FF9800; }
.wr-statut.is-actif.est-offline .wr-statut__btn   { background: #FCE4EC; border-color: #F44336; }
.wr-statut.is-actif.est-open .wr-statut__icone    { background: #C8E6C9; color: #2E7D32; }
.wr-statut.is-actif.est-ecoute .wr-statut__icone  { background: #FFE0B2; color: #E65100; }
.wr-statut.is-actif.est-offline .wr-statut__icone { background: #F8BBD0; color: #C62828; }
.wr-statut.is-actif.est-open .wr-statut__coche    { background: #4CAF50; border-color: #4CAF50; }
.wr-statut.is-actif.est-ecoute .wr-statut__coche  { background: #FF9800; border-color: #FF9800; }
.wr-statut.is-actif.est-offline .wr-statut__coche { background: #F44336; border-color: #F44336; }
.wr-statut.est-envoi .wr-statut__btn { opacity: .6; }
.wr-statut__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
}
.wr-statut__icone {
  display: grid;
  place-items: center;
  width: 38px; height: 38px;
  border-radius: 50%;
  background: var(--wr-bg, #F7F8FC);
  color: var(--wr-ink, #1E1B2E);
}
.wr-statut__icone svg { width: 18px; height: 18px; }
.wr-statut__coche {
  display: grid;
  place-items: center;
  width: 22px; height: 22px;
  border-radius: 50%;
  border: 1.5px solid var(--wr-line, #EEF1F7);
  color: #fff;
}
.wr-statut__coche svg { width: 13px; height: 13px; opacity: 0; }
.wr-statut.is-actif .wr-statut__coche svg { opacity: 1; }
.wr-statut__titre {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--wr-ink, #1E1B2E);
}
.wr-statut__texte {
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--wr-muted, #6B7280);
}
@media (max-width: 720px) {
  .wr-statuts { grid-template-columns: 1fr; }
  .wr-statut__btn { flex-direction: row; align-items: center; gap: 12px; }
  .wr-statut__head { width: auto; margin: 0; }
  .wr-statut__texte { display: none; }
}
.wr-notifs {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  pointer-events: none;
}
.wr-notif {
  padding: 11px 16px;
  border-radius: var(--wr-r-md, 12px);
  background: #1E1B2E;
  color: #fff;
  font-size: 13.5px;
  font-weight: 600;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  opacity: 0;
  transform: translateX(12px);
  transition: opacity .2s ease, transform .2s ease;
}
.wr-notif.est-visible { opacity: 1; transform: none; }
.wr-notif.est-erreur { background: var(--wr-danger, #EF4444); }
@media (prefers-reduced-motion: reduce) {
  .wr-notif { transition: opacity .2s ease; transform: none; }
}
@media (max-width: 520px) {
  .wr-notifs { left: 14px; right: 14px; bottom: 14px; }
  .wr-notif { text-align: center; }
}
.wr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.wr-table th {
  padding: 10px 12px;
  border-bottom: 1px solid var(--wr-line-2);
  color: var(--wr-muted);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}
.wr-table td {
  padding: 12px;
  border-bottom: 1px solid var(--wr-line);
  color: var(--wr-ink-2);
  vertical-align: middle;
}
.wr-table tr:last-child td { border-bottom: 0; }
.wr-abo-dl {
  display: grid;
  grid-template-columns: minmax(120px, 34%) 1fr;
  gap: 10px 16px;
  margin: 0;
  font-size: 14px;
}
.wr-abo-dl dt {
  color: var(--wr-muted);
  font-size: 13px;
}
.wr-abo-dl dd {
  margin: 0;
  color: var(--wr-ink);
  font-weight: 550;
  min-width: 0;
}
@media (max-width: 520px) {
  .wr-abo-dl { grid-template-columns: 1fr; gap: 2px 0; }
  .wr-abo-dl dd { margin-bottom: 10px; }
}
.wr-abo { max-width: 1040px; }
.wr-abo__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 20px;
  align-items: stretch;
  margin-bottom: 20px;
}
.wr-abo-card {
  background: var(--wr-card);
  border: 1px solid var(--wr-line);
  border-radius: var(--wr-r-2xl);
  box-shadow: var(--wr-shadow);
  padding: 24px;
  margin-bottom: 20px;
}
.wr-abo__grid > .wr-abo-card { margin-bottom: 0; display: flex; flex-direction: column; }
.wr-abo-card__foot { margin-top: auto; padding-top: 22px; }
.wr-abo-here {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 14px;
  border-radius: var(--wr-r-pill);
  border: 1px dashed var(--wr-line-2);
  color: var(--wr-muted);
  font-size: 13px;
  font-weight: 650;
}
.wr-abo-here svg { width: 14px; height: 14px; color: var(--wr-acc-green-fg); }
.wr-abo-card--premium {
  position: relative;
  overflow: hidden;
  border-color: rgba(138, 99, 193, .28);
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(138, 99, 193, .10) 0%, rgba(138, 99, 193, 0) 55%),
    var(--wr-card);
}
.wr-abo-card__head {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.wr-abo-card__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-abo-card__icon svg { width: 24px; height: 24px; }
.wr-abo-card__icon--premium {
  background: linear-gradient(135deg, #A98AD3 0%, #8A63C1 55%, #6B47A6 100%);
  color: #fff;
  box-shadow: 0 8px 18px -8px rgba(107, 71, 166, .55);
}
.wr-abo-card__titles { flex: 1; min-width: 0; display: grid; gap: 2px; }
.wr-abo-card__eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--wr-muted);
}
.wr-abo-card__name {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--wr-ink);
  line-height: 1.15;
}
.wr-abo-card__subtitle {
  margin: 0 0 14px;
  font-size: 15px;
  font-weight: 700;
  color: var(--wr-ink);
}
.wr-abo-card__text {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--wr-ink-2);
}
.wr-abo-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: var(--wr-r-pill);
  background: var(--wr-bg-2);
  color: var(--wr-muted);
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}
.wr-abo-pill--success { background: var(--wr-acc-green); color: var(--wr-acc-green-fg); }
.wr-abo-pill--warning { background: var(--wr-acc-yellow); color: var(--wr-acc-yellow-fg); white-space: normal; }
.wr-abo-list {
  list-style: none;
  margin: 18px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--wr-line);
  display: grid;
  gap: 11px;
}
.wr-abo-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  color: var(--wr-ink-2);
  line-height: 1.45;
}
.wr-abo-list__check,
.wr-abo-perks__check {
  flex: none;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--wr-acc-green);
  color: var(--wr-acc-green-fg);
  margin-top: 1px;
}
.wr-abo-list__check svg,
.wr-abo-perks__check svg { width: 11px; height: 11px; }
.wr-abo-list--chips {
  margin: 0;
  padding: 0;
  border: 0;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
}
.wr-abo-list--chips li {
  align-items: center;
  padding: 11px 14px;
  border-radius: var(--wr-r-lg);
  background: var(--wr-violet-softer);
  font-weight: 600;
  color: var(--wr-ink);
}
.wr-abo-upsell {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 26px 24px 24px;
  border-radius: var(--wr-r-2xl);
  color: #fff;
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, 0) 60%),
    linear-gradient(150deg, #9B76CF 0%, #8A63C1 45%, #5E3D96 100%);
  box-shadow: 0 18px 40px -18px rgba(94, 61, 150, .65);
}
.wr-abo-upsell__badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: var(--wr-r-pill);
  background: rgba(255, 255, 255, .18);
  border: 1px solid rgba(255, 255, 255, .28);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.wr-abo-upsell__name {
  margin: 12px 0 6px;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #fff;
}
.wr-abo-upsell__price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 4px;
}
.wr-abo-upsell__amount { font-size: 34px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.wr-abo-upsell__old { font-size: 17px; font-weight: 600; opacity: .65; text-decoration: line-through; }
.wr-abo-upsell__per { font-size: 14px; opacity: .85; }
.wr-abo-upsell__text {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, .9);
}
.wr-abo-perks {
  list-style: none;
  margin: 20px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .2);
  display: grid;
  gap: 13px;
  flex: 1;
}
.wr-abo-perks li { display: flex; gap: 11px; align-items: flex-start; }
.wr-abo-perks li > span:last-child { display: grid; gap: 2px; min-width: 0; }
.wr-abo-perks strong { font-size: 14px; font-weight: 700; }
.wr-abo-perks em { font-style: normal; font-size: 12.5px; line-height: 1.45; color: rgba(255, 255, 255, .78); }
.wr-abo-perks__check { background: rgba(255, 255, 255, .95); color: var(--wr-violet-dark); }
.wr-abo-upsell__foot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 22px;
}
.wr-abo-upsell__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: var(--wr-r-pill);
  background: #fff;
  color: var(--wr-violet-dark);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 6px 16px -6px rgba(30, 27, 46, .35);
  transition: transform var(--wr-t), box-shadow var(--wr-t);
}
.wr-abo-upsell__cta svg { width: 16px; height: 16px; transition: transform var(--wr-t); }
.wr-abo-upsell__cta:hover { transform: translateY(-1px); box-shadow: 0 10px 22px -8px rgba(30, 27, 46, .45); }
.wr-abo-upsell__cta:hover svg { transform: translateX(2px); }
.wr-abo-upsell__cta:focus-visible { outline: 3px solid rgba(255, 255, 255, .7); outline-offset: 2px; }
.wr-abo-upsell__note { font-size: 12.5px; color: rgba(255, 255, 255, .8); }
.wr-abo-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.wr-abo-fact {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-radius: var(--wr-r-lg);
  background: var(--wr-card);
  border: 1px solid var(--wr-line-2);
}
.wr-abo-fact__label { font-size: 12px; color: var(--wr-muted); font-weight: 600; }
.wr-abo-fact__value { font-size: 17px; font-weight: 750; color: var(--wr-ink); letter-spacing: -.01em; }
.wr-abo-fact__value small { font-size: 13px; font-weight: 500; color: var(--wr-muted); }
.wr-abo-manage {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--wr-line);
}
.wr-abo-manage .wr-btn { flex: none; }
.wr-abo-manage__hint {
  flex: 1 1 280px;
  margin: 0;
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--wr-muted);
}
@media (max-width: 860px) {
  .wr-abo__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .wr-abo-card { padding: 18px 16px; }
  .wr-abo-card__titles { flex: 1 1 calc(100% - 62px); }
  .wr-abo-card__head .wr-abo-pill { margin-left: 62px; }
  .wr-abo-upsell { padding: 22px 18px 20px; }
  .wr-abo-card__name { font-size: 21px; }
  .wr-abo-upsell__amount { font-size: 30px; }
  .wr-abo-upsell__cta { width: 100%; justify-content: center; }
}
.wr-side__lock {
  width: 13px;
  height: 13px;
  flex: none;
  margin-left: auto;
  opacity: .55;
}
.wr-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.wr-cand__top { margin-bottom: 12px; }
.wr-cand__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 16px;
  margin-bottom: 16px;
}
.wr-cand__id { display: flex; align-items: center; gap: 16px; min-width: 0; }
.wr-cand__avatar {
  width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex: 0 0 auto;
}
.wr-cand__avatar--ini {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--wr-violet-soft, #F2EDFA); color: var(--wr-violet, #8A63C1);
  font-weight: 700; font-size: 20px;
}
.wr-cand__name { font-size: 22px; font-weight: 700; margin: 0; letter-spacing: -.01em; }
.wr-cand__job { margin: 2px 0 0; font-size: 15px; color: var(--wr-violet, #8A63C1); font-weight: 600; }
.wr-cand__meta { margin: 6px 0 0; font-size: 13.5px; color: var(--wr-muted, #6B7280); }
.wr-cand__actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: flex-end; }
.wr-cand__actions form { margin: 0; }
.wr-cand__actions .is-liked { color: #B42318; border-color: #F3C6C2; background: #FEF3F2; }
.wr-cand__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 400px);
  gap: 16px;
  align-items: start;
}
.wr-cand__main {
  background: #fff;
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 16px;
  padding: 20px 22px;
}
.wr-cand__aside { position: sticky; top: 16px; }
.wr-cand__pdf {
  border: 1px solid var(--wr-line, #EEF1F7);
  border-radius: 14px;
  overflow: hidden;
  background: #F5F6FA;
  aspect-ratio: 210 / 297;
}
.wr-cand__pdf--verrouille {
  display: grid; place-items: center; gap: 10px;
  padding: 28px 20px; text-align: center;
  color: var(--wr-muted, #6B7280);
}
.wr-cand__pdf--verrouille svg { width: 28px; height: 28px; }
.wr-cand__pdf--verrouille p { margin: 0; font-size: 13px; line-height: 1.5; max-width: 26ch; }
.wr-cand__pdf iframe { width: 100%; height: 100%; border: 0; display: block; }
.wr-cand__empty { color: var(--wr-muted, #6B7280); font-size: 14px; margin: 0; padding: 14px 0; }
@media (max-width: 960px) {
  .wr-cand__grid { grid-template-columns: minmax(0, 1fr); }
  .wr-cand__aside { position: static; }
  .wr-cand__head { flex-direction: column; }
  .wr-cand__actions { justify-content: flex-start; }
}
.wr-interest__list { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.wr-interest__item { display: flex; align-items: center; gap: 12px; }
.wr-interest__logo {
  width: 40px; height: 40px; border-radius: 10px; object-fit: contain; flex: 0 0 auto;
  background: #fff; border: 1px solid var(--wr-line, #EEF1F7);
}
.wr-interest__logo--ini {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--wr-violet-soft, #F2EDFA); color: var(--wr-violet, #8A63C1); font-weight: 700; border: 0;
}
.wr-interest__body { display: flex; flex-direction: column; min-width: 0; }
.wr-interest__name { font-weight: 600; color: var(--wr-ink, #1E1B2E); text-decoration: none; }
.wr-interest__name:hover { color: var(--wr-violet, #8A63C1); }
.wr-interest__meta { font-size: 12.5px; color: var(--wr-muted, #6B7280); }
.wr-rs.is-disabled .wr-rs__btn { opacity: .55; cursor: not-allowed; background: var(--wr-bg, #FBFCFE); }
.wr-verif { margin-bottom: 18px; }
.wr-verif__why {
  display: block; margin-top: 6px;
  font-size: 13px; line-height: 1.55; opacity: .85;
}
.wr-verif__lien {
  display: inline-block; margin-top: 8px;
  font-size: 13px; font-weight: 700; text-decoration: none;
  color: inherit; border-bottom: 1px solid currentColor;
}
.wr-verif__lien:hover { opacity: .75; color: inherit; }
.wr-ia__head { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.wr-ia__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: var(--wr-r-sm);
  background: var(--wr-violet-soft); color: var(--wr-violet); flex-shrink: 0;
}
.wr-ia__title { margin: 0; }
.wr-ia__block {
  padding: 16px 18px; margin-bottom: 12px;
  border: 1px solid var(--wr-line); border-radius: var(--wr-r-lg); background: var(--wr-bg);
}
.wr-ia__subtitle { margin: 0 0 12px; font-size: 14px; font-weight: 700; color: var(--wr-ink); }
.wr-ia__scorehead { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
.wr-ia__scorehead .wr-ia__subtitle { margin-bottom: 8px; }
.wr-ia__level {
  font-size: 12px; font-weight: 600; padding: 4px 10px; margin-bottom: 8px;
  border-radius: var(--wr-r-pill); background: var(--wr-acc-violet); color: var(--wr-acc-violet-fg);
}
.wr-ia__score { display: grid; grid-template-columns: 70px 1fr 34px; align-items: center; gap: 12px; padding: 6px 0; }
.wr-ia__score-label { font-size: 13px; color: var(--wr-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wr-ia__track { height: 8px; border-radius: var(--wr-r-pill); background: var(--wr-line-2); overflow: hidden; }
.wr-ia__fill { display: block; height: 100%; border-radius: inherit; }
.wr-ia__fill--bon { background: #16A34A; }
.wr-ia__fill--moyen { background: var(--wr-warning); }
.wr-ia__fill--faible { background: #E5484D; }
.wr-ia__score-value { font-size: 13px; font-weight: 700; color: var(--wr-ink); text-align: right; }
.wr-ia__toggle { position: absolute; opacity: 0; pointer-events: none; }
.wr-ia__text {
  margin: 0; font-size: 14px; line-height: 1.6; color: var(--wr-ink-2); white-space: pre-line;
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.wr-ia__text--long { -webkit-line-clamp: 5; }
.wr-ia__toggle:checked ~ .wr-ia__text { display: block; -webkit-line-clamp: unset; overflow: visible; }
.wr-ia__more { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--wr-violet); cursor: pointer; }
.wr-ia__more:hover { color: var(--wr-violet-dark); }
.wr-ia__toggle:focus-visible ~ .wr-ia__more { outline: 2px solid var(--wr-violet); outline-offset: 2px; border-radius: 4px; }
.wr-ia__more-off,
.wr-ia__toggle:checked ~ .wr-ia__more .wr-ia__more-on { display: none; }
.wr-ia__toggle:checked ~ .wr-ia__more .wr-ia__more-off { display: inline; }
.wr-ia__acc { border: 1px solid var(--wr-line); border-radius: var(--wr-r-lg); margin-bottom: 10px; background: var(--wr-card); }
.wr-ia__acc-head {
  display: flex; align-items: center; gap: 10px; padding: 13px 16px;
  cursor: pointer; list-style: none; font-weight: 600; font-size: 14px; color: var(--wr-ink);
}
.wr-ia__acc-head::-webkit-details-marker { display: none; }
.wr-ia__acc-head::before {
  content: ''; width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; background: var(--wr-violet);
}
.wr-ia__acc--vert .wr-ia__acc-head::before { background: #16A34A; }
.wr-ia__acc--orange .wr-ia__acc-head::before { background: var(--wr-warning); }
.wr-ia__acc-title { flex: 1; }
.wr-ia__acc-count {
  font-size: 12px; font-weight: 700; min-width: 24px; text-align: center; padding: 2px 8px;
  border-radius: var(--wr-r-pill); background: var(--wr-bg-2); color: var(--wr-muted);
}
.wr-ia__acc-chevron { color: var(--wr-muted); transition: transform var(--wr-t); }
.wr-ia__acc[open] .wr-ia__acc-chevron { transform: rotate(180deg); }
.wr-ia__acc-head:focus-visible { outline: 2px solid var(--wr-violet); outline-offset: -2px; border-radius: var(--wr-r-lg); }
.wr-ia__items { list-style: none; margin: 0; padding: 0 16px 14px; display: flex; flex-direction: column; gap: 12px; }
.wr-ia__item { display: flex; gap: 12px; align-items: flex-start; }
.wr-ia__mark {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 24px; height: 24px; border-radius: 50%; font-size: 12px; font-weight: 700;
  background: var(--wr-acc-violet); color: var(--wr-acc-violet-fg);
}
.wr-ia__acc--vert .wr-ia__mark { background: #DCFCE7; color: #16A34A; }
.wr-ia__acc--orange .wr-ia__mark { background: var(--wr-acc-yellow); color: var(--wr-acc-yellow-fg); }
.wr-ia__item-title { display: block; font-size: 14px; color: var(--wr-ink); margin-bottom: 2px; }
.wr-ia__item-text { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--wr-ink-2); }
.wr-ia__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.wr-ia__chip {
  font-size: 12.5px; font-weight: 600; padding: 5px 11px;
  border-radius: var(--wr-r-pill); background: var(--wr-violet-soft); color: var(--wr-violet-dark);
}
.wr-ia__state {
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px;
  padding: 26px 18px; border: 1px dashed var(--wr-line-2); border-radius: var(--wr-r-lg); background: var(--wr-bg);
}
.wr-ia__state--link { text-decoration: none; color: inherit; transition: border-color var(--wr-t), background var(--wr-t); }
.wr-ia__state--link:hover { border-color: var(--wr-violet-2); background: var(--wr-violet-softer); }
.wr-ia__state-title { margin: 0; font-weight: 700; font-size: 15px; color: var(--wr-ink); }
.wr-ia__state-text { margin: 0 0 6px; font-size: 13.5px; max-width: 46ch; }
.wr-ia__state-icon {
  display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
  border-radius: 50%; background: var(--wr-violet-soft); color: var(--wr-violet); font-size: 18px; font-weight: 700;
}
.wr-ia__state-icon--echec { background: #FEE2E2; color: #E5484D; }
.wr-ia__spinner {
  width: 28px; height: 28px; border-radius: 50%;
  border: 3px solid var(--wr-violet-soft); border-top-color: var(--wr-violet);
  animation: wr-ia-tourne .9s linear infinite;
}
@keyframes wr-ia-tourne { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .wr-ia__spinner { animation-duration: 3s; } }
.wr-vid__desc { margin: -6px 0 16px; font-size: 13.5px; }
.wr-vid__radio { position: absolute; opacity: 0; pointer-events: none; }
.wr-vid__tabs {
  display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 14px;
  border-radius: var(--wr-r-md); background: var(--wr-bg-2); max-width: 100%; overflow-x: auto;
}
.wr-vid__tab {
  display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px;
  border-radius: var(--wr-r-sm); font-size: 13px; font-weight: 600; color: var(--wr-muted);
  cursor: pointer; white-space: nowrap; transition: background var(--wr-t), color var(--wr-t);
}
.wr-vid__tab:hover { color: var(--wr-ink); }
.wr-vid__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--wr-success); }
.wr-vid__radio--fr:checked ~ .wr-vid__tabs .wr-vid__tab--fr,
.wr-vid__radio--en:checked ~ .wr-vid__tabs .wr-vid__tab--en,
.wr-vid__radio--default:checked ~ .wr-vid__tabs .wr-vid__tab--default {
  background: var(--wr-card); color: var(--wr-violet-dark); box-shadow: var(--wr-shadow);
}
.wr-vid__radio--fr:focus-visible ~ .wr-vid__tabs .wr-vid__tab--fr,
.wr-vid__radio--en:focus-visible ~ .wr-vid__tabs .wr-vid__tab--en,
.wr-vid__radio--default:focus-visible ~ .wr-vid__tabs .wr-vid__tab--default { outline: 2px solid var(--wr-violet); outline-offset: 1px; }
.wr-vid__panel { display: none; }
.wr-vid__radio--fr:checked ~ .wr-vid__panels .wr-vid__panel--fr,
.wr-vid__radio--en:checked ~ .wr-vid__panels .wr-vid__panel--en,
.wr-vid__radio--default:checked ~ .wr-vid__panels .wr-vid__panel--default { display: block; }
.wr-vid__form { display: flex; gap: 10px; align-items: center; }
.wr-vid__input { flex: 1; min-width: 0; }
.wr-vid__form .wr-btn { flex-shrink: 0; }
.wr-vid__yt {
  display: inline-flex; align-items: center; gap: 7px;
  margin: -6px 0 14px; padding: 5px 10px;
  border-radius: var(--wr-r-pill);
  background: #FEF2F2; color: #B91C1C;
  font-size: 12.5px; font-weight: 600;
}
.wr-vid__yt svg { width: 16px; height: 16px; flex: none; color: #FF0000; }
.wr-vid__status { margin: 8px 0 0; font-size: 13px; color: var(--wr-success); min-height: 0; }
.wr-vid__status:empty { display: none; }
.wr-vid__status.is-error { color: var(--wr-danger); }
.wr-vid__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.wr-vid__actions[hidden], .wr-vid__empty[hidden], .wr-vid__player[hidden], .wr-vid__actions [hidden] { display: none; }
.wr-vid__empty { margin: 12px 0 0; font-size: 13px; }
.wr-vid__player {
  margin-top: 14px; border-radius: var(--wr-r-lg); overflow: hidden; background: #000;
  aspect-ratio: 16 / 9;
}
.wr-vid__player iframe, .wr-vid__player video { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 560px) {
  .wr-vid__form { flex-direction: column; align-items: stretch; }
  .wr-ia__score { grid-template-columns: 60px 1fr 30px; gap: 8px; }
}
.wr-recu__when {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}
.wr-recu__rank {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: var(--wr-r-pill);
  background: var(--wr-acc-blue);
  color: var(--wr-acc-blue-fg);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.wr-recu__for {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 10px 0 0;
  padding: 5px 10px;
  border-radius: 8px;
  background: var(--wr-violet-soft);
  color: var(--wr-violet-dark);
  font-size: 12.5px;
  font-weight: 600;
}
.wr-recu__for svg { width: 13px; height: 13px; flex: none; }
.wr-recu__cv { border-color: var(--wr-violet-2); color: var(--wr-violet-dark); }
.wr-recu__cv svg { color: var(--wr-violet); }
.wr-recu__board { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.wr-recu__board form[hidden],
.wr-recu__board [data-board-done][hidden] { display: none; }
.wr-recu__boarddone { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wr-recu__boarderr { margin: 0; font-size: 12px; color: var(--wr-danger); text-align: right; }
.wr-recu__boarderr[hidden] { display: none; }
.wr-btn--done {
  background: var(--wr-acc-green);
  border-color: #A7F3D0;
  color: var(--wr-acc-green-fg);
  cursor: default;
}
.wr-btn--done svg { width: 14px; height: 14px; }
.wr-recu__boarddone.is-new .wr-btn--done { animation: wr-done-pop .45s cubic-bezier(.2, .9, .3, 1.4); }
@keyframes wr-done-pop {
  0% { transform: scale(.85); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .wr-recu__boarddone.is-new .wr-btn--done { animation: none; }
}
@media (max-width: 520px) {
  .wr-recu__when { width: 100%; flex-direction: row; flex-wrap: wrap; align-items: center; padding-left: 44px; }
  .wr-recu__when .wr-recu__date { width: auto; padding-left: 0; }
  .wr-recu__board { align-items: flex-start; width: 100%; }
  .wr-recu__boarderr { text-align: left; }
}
.wr-ccard__docs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 8px;
}
.wr-ccard__doc {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  min-width: 0;
  padding: 4px 8px;
  border: 1px solid var(--wr-line-2);
  border-radius: 7px;
  background: #fff;
  color: var(--wr-ink-2);
  font-size: 10.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: border-color var(--wr-t), color var(--wr-t), background var(--wr-t);
}
.wr-ccard__doc span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; }
.wr-ccard__doc svg { width: 12px; height: 12px; flex: none; color: var(--wr-violet); }
.wr-ccard__doc:hover { border-color: var(--wr-violet-2); color: var(--wr-violet-dark); background: var(--wr-violet-softer); }
.wr-ccard__applied { display: inline-flex; align-items: center; gap: 4px; color: var(--wr-acc-green-fg); font-weight: 600; }
.wr-ccard__applied svg { width: 11px; height: 11px; flex: none; }
.wr-ccard.is-flash { animation: wr-ccard-flash 2.4s ease; }
@keyframes wr-ccard-flash {
  0%, 60% { border-color: var(--wr-violet); box-shadow: 0 0 0 4px rgba(138, 99, 193, .22); }
  100% { box-shadow: 0 1px 2px rgba(30, 27, 46, .05); }
}
.wr-cedit__app {
  border: 1px solid #CDEFE0;
  border-radius: 14px;
  background: #F6FDF9;
  padding: 12px 14px;
  display: grid;
  gap: 10px;
}
.wr-cedit__app[hidden],
.wr-cedit__app [hidden] { display: none; }
.wr-cedit__apphead { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.wr-cedit__apptitle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--wr-acc-green-fg);
}
.wr-cedit__apptitle svg { width: 15px; height: 15px; }
.wr-cedit__appdate { font-size: 12px; color: var(--wr-muted); }
.wr-cedit__appcount {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: var(--wr-r-pill);
  background: var(--wr-acc-blue);
  color: var(--wr-acc-blue-fg);
  font-size: 11px;
  font-weight: 700;
}
.wr-cedit__appfor { margin: 0; font-size: 12.5px; font-weight: 600; color: var(--wr-violet-dark); }
.wr-cedit__appmsg {
  margin: 0;
  padding: 10px 12px;
  border-left: 3px solid var(--wr-success);
  border-radius: 0 10px 10px 0;
  background: #fff;
  font-size: 13px;
  line-height: 1.6;
  color: var(--wr-ink-2);
  white-space: pre-line;
  max-height: 220px;
  overflow: auto;
}
.wr-cedit__appdoc {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  padding: 7px 12px;
  border: 1px solid var(--wr-line-2);
  border-radius: 10px;
  background: #fff;
  color: var(--wr-ink);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
}
.wr-cedit__appdoc span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wr-cedit__appdoc svg { width: 14px; height: 14px; flex: none; color: var(--wr-violet); }
.wr-cedit__appdoc:hover { border-color: var(--wr-violet-2); color: var(--wr-violet-dark); }
.wr-docview {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(960px, calc(100vw - 32px));
  height: min(92vh, 1100px);
  max-width: none;
  max-height: none;
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: var(--wr-card);
  box-shadow: 0 30px 80px rgba(30, 27, 46, .35);
  overflow: hidden;
}
.wr-docview::backdrop { background: rgba(30, 27, 46, .55); backdrop-filter: blur(2px); }
.wr-docview__box { display: flex; flex-direction: column; height: 100%; }
.wr-docview__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px 12px 18px;
  border-bottom: 1px solid var(--wr-line);
}
.wr-docview__ico {
  width: 30px; height: 30px; flex: none;
  display: grid; place-items: center;
  border-radius: 9px;
  background: var(--wr-violet-soft);
  color: var(--wr-violet);
}
.wr-docview__ico svg { width: 16px; height: 16px; }
.wr-docview__title {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  color: var(--wr-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wr-docview__open svg { width: 14px; height: 14px; }
.wr-docview__x {
  width: 34px; height: 34px; flex: none;
  display: grid; place-items: center;
  border: 0; border-radius: 10px;
  background: transparent;
  color: var(--wr-muted);
  cursor: pointer;
}
.wr-docview__x:hover { background: var(--wr-bg-2); color: var(--wr-ink); }
.wr-docview__x svg { width: 18px; height: 18px; }
.wr-docview__body { position: relative; flex: 1; background: #E9EBF0; }
.wr-docview__loading {
  position: absolute; inset: 0;
  display: grid; place-items: center;
  margin: 0;
  font-size: 13px;
  color: var(--wr-muted);
}
.wr-docview__loading[hidden] { display: none; }
.wr-docview__frame { position: relative; display: block; width: 100%; height: 100%; border: 0; background: transparent; }
.wr-docview__loading { padding: 24px; text-align: center; line-height: 1.6; }
.wr-docview__loading a { color: var(--wr-violet); font-weight: 700; }
@media (max-width: 560px) {
  .wr-docview__open span { display: none; }
}
.wr-pmodal {
  position: fixed;
  inset: 0;
  margin: auto;
  height: fit-content;
  width: min(520px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100vh - 32px);
  padding: 0;
  border: 0;
  border-radius: 22px;
  background: var(--wr-card);
  box-shadow: 0 30px 80px rgba(30, 27, 46, .35);
  overflow: auto;
}
.wr-pmodal::backdrop { background: rgba(30, 27, 46, .55); backdrop-filter: blur(3px); }
.wr-pmodal.is-open { animation: wr-pmodal-in .28s cubic-bezier(.2, .8, .3, 1); }
@keyframes wr-pmodal-in {
  from { opacity: 0; transform: translateY(14px) scale(.98); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .wr-pmodal.is-open { animation: none; } }
.wr-pmodal__box { position: relative; }
.wr-pmodal__x {
  position: absolute; top: 12px; right: 12px; z-index: 2;
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border: 0; border-radius: 10px;
  background: rgba(255, 255, 255, .7);
  color: var(--wr-ink-2);
  cursor: pointer;
}
.wr-pmodal__x:hover { background: #fff; }
.wr-pmodal__x svg { width: 18px; height: 18px; }
.wr-pmodal__hero {
  padding: 26px 26px 22px;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(169, 138, 211, .35) 0%, transparent 60%),
    linear-gradient(160deg, #F8F4FD 0%, #F2EDFA 100%);
  border-bottom: 1px solid #EEE7F5;
}
.wr-pmodal__pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px;
  border-radius: var(--wr-r-pill);
  background: linear-gradient(135deg, var(--wr-violet) 0%, var(--wr-violet-dark) 100%);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: 0 4px 12px rgba(138, 99, 193, .35);
}
.wr-pmodal__pill svg { width: 12px; height: 12px; }
.wr-pmodal__title {
  margin: 14px 0 8px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
  color: var(--wr-ink);
  padding-right: 30px;
}
.wr-pmodal__lede { margin: 0; font-size: 14px; line-height: 1.6; color: var(--wr-ink-2); }
.wr-pmodal__preview {
  position: relative;
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid #E7DDF5;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(138, 99, 193, .12);
  overflow: hidden;
}
.wr-pmodal__pvhead {
  display: flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: var(--wr-violet);
}
.wr-pmodal__pvdot { width: 8px; height: 8px; border-radius: 50%; background: var(--wr-violet); box-shadow: 0 0 0 4px var(--wr-violet-soft); }
.wr-pmodal__pvlines { display: grid; gap: 7px; margin: 12px 0 14px; filter: blur(1.5px); }
.wr-pmodal__pvlines span { display: block; height: 8px; border-radius: 6px; background: linear-gradient(90deg, #E9E1F6, #F3EEFA); }
.wr-pmodal__pvscores { display: grid; gap: 7px; filter: blur(1px); }
.wr-pmodal__pvscores span { display: grid; grid-template-columns: 54px 1fr; align-items: center; gap: 10px; }
.wr-pmodal__pvscores em { font-style: normal; font-size: 10.5px; font-weight: 700; color: var(--wr-muted); }
.wr-pmodal__pvscores i { position: relative; height: 7px; border-radius: 6px; background: var(--wr-bg-2); overflow: hidden; }
.wr-pmodal__pvscores i::after {
  content: ''; position: absolute; inset: 0 auto 0 0; width: var(--v, 70%);
  border-radius: 6px;
  background: linear-gradient(90deg, var(--wr-violet-2), var(--wr-violet));
}
.wr-pmodal__pvlock {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  width: 46px; height: 46px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--wr-violet);
  box-shadow: 0 8px 24px rgba(30, 27, 46, .18);
}
.wr-pmodal__pvlock svg { width: 20px; height: 20px; }
.wr-pmodal__perks { list-style: none; margin: 0; padding: 20px 26px 6px; display: grid; gap: 16px; }
.wr-pmodal__perks li { display: flex; gap: 14px; align-items: flex-start; }
.wr-pmodal__perks strong { display: block; font-size: 14.5px; color: var(--wr-ink); }
.wr-pmodal__perks em { display: block; margin-top: 3px; font-style: normal; font-size: 13px; line-height: 1.5; color: var(--wr-muted); }
.wr-pmodal__ico {
  width: 38px; height: 38px; flex: none;
  display: grid; place-items: center;
  border-radius: 12px;
}
.wr-pmodal__ico svg { width: 19px; height: 19px; }
.wr-pmodal__ico--ai { background: var(--wr-acc-violet); color: var(--wr-acc-violet-fg); }
.wr-pmodal__ico--cv { background: var(--wr-acc-blue); color: var(--wr-acc-blue-fg); }
.wr-pmodal__ico--msg { background: var(--wr-acc-green); color: var(--wr-acc-green-fg); }
.wr-pmodal__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  padding: 16px 26px 22px;
  border-top: 1px solid var(--wr-line);
}
.wr-pmodal__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; }
.wr-pmodal__price s { font-size: 13px; color: var(--wr-muted-2); }
.wr-pmodal__price strong { font-size: 22px; font-weight: 800; color: var(--wr-ink); }
.wr-pmodal__price span { font-size: 13px; color: var(--wr-muted); }
.wr-pmodal__price small { flex-basis: 100%; font-size: 11.5px; color: var(--wr-muted); }
.wr-pmodal__actions { display: flex; gap: 8px; margin-left: auto; }
.wr-pmodal__cta svg { transition: transform var(--wr-t); }
.wr-pmodal__cta:hover svg { transform: translateX(3px); }
@media (max-width: 520px), (max-height: 760px) {
  .wr-pmodal__preview { display: none; }
}
@media (max-width: 520px) {
  .wr-pmodal__hero { padding: 22px 18px 18px; }
  .wr-pmodal__perks { padding: 18px 18px 4px; }
  .wr-pmodal__foot { padding: 14px 18px 18px; }
  .wr-pmodal__actions { width: 100%; }
  .wr-pmodal__actions .wr-btn { flex: 1; }
}
.wr-vidpage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 20px;
  align-items: start;
}
.wr-vidpage__side { display: grid; gap: 16px; }
.wr-vidpage__h { margin: 0 0 12px; font-size: 15px; font-weight: 800; color: var(--wr-ink); }
.wr-vidpage__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; counter-reset: etape; }
.wr-vidpage__steps li { position: relative; padding-left: 38px; counter-increment: etape; }
.wr-vidpage__steps li::before {
  content: counter(etape);
  position: absolute; left: 0; top: 0;
  width: 26px; height: 26px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--wr-violet-soft); color: var(--wr-violet-dark);
  font-size: 12.5px; font-weight: 800;
}
.wr-vidpage__steps strong { display: block; font-size: 13.5px; color: var(--wr-ink); }
.wr-vidpage__steps span { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.55; color: var(--wr-muted); }
.wr-vidpage__p { margin: 0 0 8px; font-size: 13px; line-height: 1.6; color: var(--wr-ink-2); }
.wr-vidpage__p--muted { margin: 0; color: var(--wr-muted); font-size: 12.5px; }
.wr-vidpage__state {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 12px; border-radius: var(--wr-r-pill);
  background: var(--wr-bg-2); color: var(--wr-muted);
  font-size: 12.5px; font-weight: 700; white-space: nowrap;
}
.wr-vidpage__statedot { width: 8px; height: 8px; border-radius: 50%; background: var(--wr-muted-2); }
.wr-vidpage__state.is-on { background: var(--wr-acc-green); color: var(--wr-acc-green-fg); }
.wr-vidpage__state.is-on .wr-vidpage__statedot { background: var(--wr-success); box-shadow: 0 0 0 3px rgba(16, 185, 129, .2); }
@media (max-width: 960px) {
  .wr-vidpage { grid-template-columns: 1fr; }
}
.wr-vbtns { display: flex; flex-wrap: wrap; gap: 8px; }
.wr-vbtn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 8px 14px 8px 8px;
  border: 1px solid #FECACA;
  border-radius: var(--wr-r-pill);
  background: #fff;
  color: var(--wr-ink);
  font: inherit; font-size: 13px; font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: border-color var(--wr-t), box-shadow var(--wr-t), transform var(--wr-t);
}
.wr-vbtn:hover { border-color: #F87171; box-shadow: 0 6px 16px rgba(255, 0, 0, .12); transform: translateY(-1px); }
.wr-vbtn__play {
  width: 28px; height: 28px; flex: none;
  display: grid; place-items: center;
  border-radius: 50%;
  background: #FF0000; color: #fff;
}
.wr-vbtn__play svg { width: 12px; height: 12px; margin-left: 2px; }
.wr-vbtn__lang {
  padding: 2px 7px; border-radius: 6px;
  background: var(--wr-bg-2); color: var(--wr-muted);
  font-size: 10.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.wr-vbtn--locked { border-style: dashed; border-color: var(--wr-line-2); color: var(--wr-muted); }
.wr-vbtn--locked .wr-vbtn__play { background: var(--wr-bg-2); color: var(--wr-muted); }
.wr-vbtn--locked:hover { border-color: var(--wr-violet-2); box-shadow: none; color: var(--wr-violet); }
.wr-vplayer {
  position: fixed; inset: 0; margin: auto;
  width: min(960px, calc(100vw - 32px));
  height: fit-content;
  max-width: none; max-height: calc(100vh - 32px);
  padding: 0; border: 0; border-radius: 18px;
  background: #0B0B0F;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .5);
  overflow: hidden;
}
.wr-vplayer::backdrop { background: rgba(15, 12, 24, .75); backdrop-filter: blur(3px); }
.wr-vplayer__head { display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 18px; color: #fff; }
.wr-vplayer__title { flex: 1; min-width: 0; font-size: 14px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wr-vplayer__x {
  width: 34px; height: 34px; flex: none;
  display: grid; place-items: center;
  border: 0; border-radius: 10px;
  background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer;
}
.wr-vplayer__x:hover { background: rgba(255, 255, 255, .2); }
.wr-vplayer__x svg { width: 18px; height: 18px; }
.wr-vplayer__frame { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: #000; }
.wr-header {
  --wr-head-ink: #3B3355;
  --wr-head-muted: #5E5675;
  --wr-head-hover: rgba(255, 255, 255, .72);
  --wr-head-rule: rgba(107, 71, 166, .18);
  background:
    radial-gradient(620px 170px at 12% -60%, rgba(255, 255, 255, .7), transparent 70%),
    radial-gradient(520px 170px at 90% -70%, rgba(246, 214, 252, .6), transparent 70%),
    linear-gradient(180deg, rgba(239, 231, 252, .95), rgba(233, 223, 250, .95));
  border-bottom-color: transparent;
  font-family: 'Inter', var(--wr-font);
}
.wr-header *,
.wr-header *::before,
.wr-header *::after { transition: none !important; animation: none !important; }
.wr-header::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, #DCCDF1 0%, #C9B2EA 50%, #DCCDF1 100%);
  pointer-events: none;
}
.wr-header.is-scrolled { box-shadow: 0 10px 30px rgba(107, 71, 166, .13); }
.wr-header .wr-nav { gap: 6px; }
.wr-header .wr-nav__link {
  color: var(--wr-head-ink);
  font-size: 15.5px;
  font-weight: 500;
  letter-spacing: -.005em;
  padding: 8px 12px;
}
.wr-header .wr-nav__link.is-active { font-weight: 600; color: var(--wr-violet-dark, #6B47A6); }
.wr-header .wr-nav__link:hover { background: transparent; color: var(--wr-violet-dark, #6B47A6); }
.wr-header .wr-nav__glisseur { display: none; }
.wr-header .wr-nav__link:not(.is-active):not(.wr-nav__link--cvfree):hover::after {
  content: "";
  position: absolute;
  left: 12px; right: 12px; bottom: 2px;
  height: 2px;
  border-radius: 2px;
  background: rgba(107, 71, 166, .35);
}
.wr-nav__link.is-active::after {
  background: linear-gradient(90deg, var(--wr-violet, #8A63C1), #D946EF);
  height: 2.5px;
}
.wr-header .wr-nav__link.is-active::after { left: 12px; right: 12px; bottom: 2px; }
@media (max-width: 1100px) {
  .wr-header .wr-nav__link { padding-inline: 9px; }
  .wr-header .wr-nav__link:not(.is-active):not(.wr-nav__link--cvfree):hover::after,
  .wr-header .wr-nav__link.is-active::after { left: 9px; right: 9px; }
  .wr-header .wr-nav__link--cvfree { padding-inline: 14px; }
}
.wr-header .wr-nav__link--cvfree {
  background: var(--wr-violet, #8A63C1);
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  border: 1px solid var(--wr-violet, #8A63C1);
  padding: 9px 18px;
  box-shadow: 0 4px 12px rgba(107, 71, 166, .25);
}
.wr-header .wr-nav__link--cvfree:hover {
  background: var(--wr-violet-dark, #6B47A6);
  border-color: var(--wr-violet-dark, #6B47A6);
  color: #fff;
  box-shadow: 0 4px 12px rgba(107, 71, 166, .3);
}
.wr-header .wr-head__dash {
  background: #E4D7F7;
  border-color: #D3BFEF;
  color: var(--wr-violet-dark, #6B47A6);
  font-size: 15px;
}
.wr-header .wr-head__dash:hover { background: #fff; border-color: #fff; }
.wr-header .wr-head__extlink { color: var(--wr-head-muted); font-size: 14.5px; font-weight: 500; }
.wr-header .wr-head__extlink:hover { background: var(--wr-head-hover); color: var(--wr-violet-dark, #6B47A6); }
.wr-head__login {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 12px;
  border-radius: 100px;
  color: var(--wr-head-ink, #374151);
  font-size: 15px; font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
}
.wr-head__login svg { width: 16px; height: 16px; flex: none; color: var(--wr-violet, #8A63C1); }
.wr-head__login:hover { background: var(--wr-head-hover, rgba(138, 99, 193, .09)); color: var(--wr-violet-dark, #6B47A6); }
.wr-header .wr-user { background: rgba(255, 255, 255, .8); border: 1px solid rgba(255, 255, 255, .95); }
.wr-header .wr-user__name { font-size: 15px; font-weight: 500; }
.wr-header .wr-user:hover { background: #fff; border-color: #D3BFEF; }
.wr-header .wr-burger { color: var(--wr-head-ink); }
.wr-header .wr-burger:hover { background: var(--wr-head-hover); }
.wr-ll { margin-left: 2px; padding-left: 12px; }
.wr-ll::before {
  content: "";
  position: absolute; left: 0; top: 50%;
  width: 1px; height: 20px;
  transform: translateY(-50%);
  background: var(--wr-head-rule, #E5E9F0);
}
.wr-ll__btn {
  border: 0;
  background: transparent;
  padding: 7px 8px;
  gap: 6px;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--wr-head-muted, #6B7280);
  box-shadow: none;
}
.wr-ll__btn:hover,
.wr-ll.is-open .wr-ll__btn {
  background: var(--wr-head-hover, rgba(138, 99, 193, .09));
  color: var(--wr-violet-dark, #6B47A6);
  box-shadow: none;
}
.wr-ll__lang { color: var(--wr-head-ink, #374151); font-weight: 700; }
.wr-ll__sep { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .55; }
.wr-ll__btn--devine .wr-ll__lieu { color: inherit; }
.wr-ll__chevron { color: currentColor; opacity: .7; }
@media (max-width: 760px) {
  .wr-head__login { padding: 8px 10px; }
  .wr-ll { padding-left: 8px; }
}
@media (min-width: 1361px) {
  .wr-side__link--etroit { display: none !important; }
}
.wr-head__ext--visiteur { position: relative; padding-left: 12px; margin-left: 4px; }
.wr-head__ext--visiteur::before {
  content: "";
  position: absolute; left: 0; top: 50%;
  width: 1px; height: 20px;
  transform: translateY(-50%);
  background: var(--wr-head-rule, #E5E9F0);
}
.wr-footer {
  font-family: 'Inter', var(--wr-font);
  padding-top: 64px;
}
.wr-footer *,
.wr-footer *::before,
.wr-footer *::after { transition: none !important; }
.wr-footer__grid {
  grid-template-columns: repeat(var(--wr-footer-cols, 3), minmax(0, 1fr));
  column-gap: clamp(32px, 5vw, 80px);
  row-gap: 40px;
  margin-bottom: 52px;
}
.wr-footer__title {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--wr-ink, #1E1B2E);
  margin-bottom: 20px;
}
.wr-footer__title--suite { margin-top: 34px; }
.wr-footer__list { gap: 13px; }
.wr-footer__grid .wr-footer__link {
  display: inline;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-size: 14.5px;
  color: var(--wr-ink-2, #374151);
  line-height: 1.45;
}
.wr-footer__grid .wr-footer__link:hover {
  background: none;
  color: var(--wr-violet-dark, #6B47A6);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wr-footer__grid .wr-footer__link.est-actuelle {
  display: inline-block;
  padding: 3px 10px;
  margin: -3px -10px;
  border-radius: 999px;
  background: var(--wr-violet-soft, #F2EDFA);
  color: var(--wr-violet-dark, #6B47A6);
  font-weight: 600;
  text-decoration: none;
}
.wr-footer__apps { margin-top: 0; }
.wr-footer__signature {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px 40px;
  flex-wrap: wrap;
  padding: 30px 0 28px;
  border-top: 1px solid var(--wr-line, #EEF1F7);
}
.wr-footer__marque { min-width: 0; max-width: 520px; }
.wr-footer__marque .wr-logo-name { font-size: 22px; }
.wr-footer__marque .wr-footer__about {
  margin-top: 10px;
  max-width: 520px;
  font-size: 13.5px;
  line-height: 1.6;
}
.wr-footer__suivre { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.wr-footer .wr-footer__cta {
  margin-top: 0;
  padding: 10px 18px;
  background: var(--wr-violet, #8A63C1);
  border: 1px solid var(--wr-violet, #8A63C1);
  color: #fff;
  font-size: 14.5px;
  font-weight: 600;
  transform: none;
}
.wr-footer .wr-footer__cta:hover { background: var(--wr-violet-dark, #6B47A6); border-color: var(--wr-violet-dark, #6B47A6); color: #fff; transform: none; }
.wr-footer .wr-socials { gap: 10px; flex-wrap: wrap; }
.wr-footer .wr-social {
  width: 40px; height: 40px;
  background: transparent;
  border: 1.5px solid var(--wr-ink-2, #374151);
  color: var(--wr-ink, #1E1B2E);
  transform: none;
}
.wr-footer .wr-social:hover {
  background: var(--wr-violet-soft, #F2EDFA);
  border-color: var(--wr-violet, #8A63C1);
  color: var(--wr-violet-dark, #6B47A6);
  transform: none;
}
.wr-footer .wr-social svg { width: 18px; height: 18px; }
.wr-footer__bottom { font-size: 13px; }
.wr-footer__legal .wr-footer__link { font-size: 13px; color: var(--wr-ink-2, #374151); }
.wr-footer__legal .wr-footer__link:hover { background: none; color: var(--wr-violet-dark, #6B47A6); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 991px) {
  .wr-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
}
@media (max-width: 540px) {
  .wr-footer { padding-top: 44px; }
  .wr-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); text-align: left; gap: 32px 20px; }
  .wr-footer__col, .wr-footer__list { justify-items: start; }
  .wr-footer__col--dernier { grid-column: 1 / -1; }
  .wr-footer__col--dernier .wr-footer__list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; justify-self: stretch; }
  .wr-footer__signature { flex-direction: column; align-items: flex-start; text-align: left; }
  .wr-footer__suivre { gap: 16px; }
  .wr-footer .wr-footer__cta { margin: 0; }
  .wr-footer .wr-socials { justify-content: flex-start; }
  .wr-footer__bottom { align-items: flex-start; text-align: left; }
}
.wr-footer__marque .wr-logo-name { display: inline; }
.wr-infobar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 56px;
  background: #D6C3F4;
  color: #2E1A55;
  font-family: 'Inter', var(--wr-font);
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
}
.wr-infobar__txt { margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 4px 14px; }
.wr-infobar__lien {
  color: #2E1A55;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
}
.wr-infobar__lien:hover { color: #4C2A8C; }
.wr-infobar__x {
  position: absolute;
  right: 14px; top: 50%;
  transform: translateY(-50%);
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #2E1A55;
  cursor: pointer;
}
.wr-infobar__x:hover { background: rgba(255, 255, 255, .5); }
.wr-infobar__x svg { width: 18px; height: 18px; }
.wr-infobar__x:focus-visible { outline: 2px solid #6B47A6; outline-offset: 2px; }
@media (max-width: 760px) {
  .wr-infobar { justify-content: flex-start; text-align: left; padding: 10px 52px 10px 16px; font-size: 14px; }
  .wr-infobar__txt { justify-content: flex-start; }
  .wr-infobar__x { right: 8px; }
}
body.wr-espace .wr-shell__main > .wr-container,
body.wr-espace .wr-shell__main > .wr-section > .wr-container,
body.wr-espace .wr-shell__main > .wr-section {
  max-width: none;
  margin-inline: 0;
  padding: 0 !important;
}
body.wr-espace .wr-abo,
body.wr-espace .wr-anon,
body.wr-espace .wr-sent-page { max-width: none; }
body.wr-espace .wr-cli,
body.wr-espace .wr-cl { max-width: none; margin: 0; padding-top: 0; }
body.wr-espace .wr-shell__main .wr-match-head__title,
body.wr-espace .wr-shell__main .wr-appboard-head__title,
body.wr-espace .wr-shell__main .wr-cvready__title,
body.wr-espace .wr-shell__main .wr-search__title,
body.wr-espace .wr-shell__main .wr-anon__title,
body.wr-espace .wr-shell__main .wr-cli__title,
body.wr-espace .wr-shell__main .wr-cl__title,
body.wr-espace .wr-shell__main .wr-app-title,
body.wr-espace .wr-shell__main .wr-apps-head .wr-title {
  margin-top: 0;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.2;
}
body.wr-espace .wr-shell__main .wr-apps-head .wr-lede { font-size: 14px; margin-top: 6px; }
@media (max-width: 540px) {
  body.wr-espace .wr-shell__main .wr-match-head__title,
  body.wr-espace .wr-shell__main .wr-appboard-head__title,
  body.wr-espace .wr-shell__main .wr-cvready__title,
  body.wr-espace .wr-shell__main .wr-search__title,
  body.wr-espace .wr-shell__main .wr-anon__title,
  body.wr-espace .wr-shell__main .wr-cli__title,
  body.wr-espace .wr-shell__main .wr-cl__title,
  body.wr-espace .wr-shell__main .wr-app-title,
  body.wr-espace .wr-shell__main .wr-apps-head .wr-title { font-size: 22px; }
}
body.wr-espace .wr-match[data-match] { margin-bottom: 0; }
body.wr-espace .wr-match[data-match] .wr-match__stage {
  max-width: 860px;
  margin-inline: auto;
}
body.wr-espace .wr-tabs--bar {
  width: 100%;
  grid-auto-columns: minmax(min-content, 1fr);
}
body.wr-espace .wr-tabs--bar .wr-tab { white-space: normal; line-height: 1.25; }
body.wr-espace .wr-tabs--bar .wr-tab svg { flex: none; }
body.wr-espace .wr-shell__main .wr-appboard-head { align-items: flex-start; }
body.wr-espace .wr-shell__main .wr-row { flex-wrap: wrap; }
body.wr-espace .wr-shell__main .wr-row > .wr-row__body { flex: 1 1 220px; }
body.wr-espace .wr-apps-head {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 16px 20px; flex-wrap: wrap; margin-bottom: 24px;
}
body.wr-espace .wr-apps-empty {
  text-align: center; padding: 48px 20px;
  border: 1px solid var(--wr-line); border-radius: var(--wr-r-xl, 18px); background: var(--wr-card, #fff);
}
body.wr-espace .wr-apps-empty__ico {
  width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 16px;
  display: grid; place-items: center;
  background: #ECFDF3; color: #10B981;
}
body.wr-espace .wr-apps-empty h3 { margin: 0 0 6px; font-size: 16px; font-weight: 700; color: var(--wr-ink); }
body.wr-espace .wr-apps-empty p { margin: 0 auto; max-width: 52ch; font-size: 14px; color: var(--wr-muted); }

/* ── wr-shell.css (copie du site vitrine, sans commentaires) ── */

.wr-shell {
  --wr-side-w: 314px;
  --wr-rail-w: 300px;
  --wr-shell-gap: 24px;
  --wr-shell-top: 92px;   
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;     
  width: 100%;
  max-width: none;
  padding: 24px 32px 56px;
}
.wr-shell > .wr-side        { grid-area: 1 / 1 / 2 / 2; }
.wr-shell > .wr-shell__main { grid-area: 1 / 2 / 2 / 3; }
.wr-shell > .wr-rail        { grid-area: 1 / 3 / 2 / 4; }
.wr-shell__main {
  min-width: 0;
  width: auto;
  max-width: none;
}
.wr-side {
  position: sticky;
  top: var(--wr-shell-top);
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: var(--wr-side-w);
  margin-right: var(--wr-shell-gap);
  max-height: calc(100vh - var(--wr-shell-top) - 16px);
  overflow-y: auto;
  padding-bottom: 72px;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  transition: width .22s cubic-bezier(.4, 0, .2, 1);
}
.wr-side::-webkit-scrollbar { width: 8px; }
.wr-side::-webkit-scrollbar-track { background: transparent; }
.wr-side::-webkit-scrollbar-thumb {
  background: rgba(30, 27, 46, .14);
  border-radius: 100px;
}
.wr-side:hover::-webkit-scrollbar-thumb { background: rgba(30, 27, 46, .26); }
.wr-side {
  scrollbar-width: thin;
  scrollbar-color: rgba(30, 27, 46, .18) transparent;
}
.wr-rail {
  max-height: calc(100vh - var(--wr-shell-top) - 16px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(30, 27, 46, .18) transparent;
}
.wr-rail::-webkit-scrollbar { width: 8px; }
.wr-rail::-webkit-scrollbar-track { background: transparent; }
.wr-rail::-webkit-scrollbar-thumb {
  background: rgba(30, 27, 46, .14);
  border-radius: 100px;
}
.wr-rail:hover::-webkit-scrollbar-thumb { background: rgba(30, 27, 46, .26); }
.wr-rail {
  position: sticky;
  top: var(--wr-shell-top);
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: var(--wr-rail-w);
  margin-left: var(--wr-shell-gap);
}
@media (prefers-reduced-motion: reduce) {
  .wr-side { transition: none; }
}
.wr-shell.is-side-collapsed { --wr-side-w: 68px; }
.wr-shell--no-rail > .wr-rail,
.wr-shell--rail-collapsed > .wr-rail { display: none; }
.wr-shell--full > .wr-side,
.wr-shell--full > .wr-rail { display: none; }
.wr-shell--full > .wr-shell__main { grid-area: 1 / 1 / 2 / -1; }
.wr-shell--full > .wr-shell__main {
  min-height: calc(100dvh - var(--wr-header-h, 72px));
}
.wr-page-blocs .wr-shell__main {
  min-height: calc(100dvh - var(--wr-header-h, 68px));
}
@supports not (height: 100dvh) {
  .wr-page-blocs .wr-shell__main {
    min-height: calc(100vh - var(--wr-header-h, 68px));
  }
}
@supports not (height: 100dvh) {
  .wr-shell--full > .wr-shell__main {
    min-height: calc(100vh - var(--wr-header-h, 72px));
  }
}
.wr-shell--full { padding-inline: 0; }
@media (max-width: 1280px) {
  .wr-shell > .wr-rail { display: none; }
}
@media (max-width: 991px) {
  .wr-shell {
    grid-template-columns: minmax(0, 1fr);
    padding: 20px 16px 44px;
  }
  .wr-shell > .wr-shell__main,
  .wr-shell--full > .wr-shell__main { grid-area: 1 / 1 / 2 / -1; }
  .wr-side {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    display: flex;
    gap: 12px;
    width: min(86vw, 340px);
    margin: 0;
    padding: 16px 14px calc(16px + env(safe-area-inset-bottom, 0px));
    background: var(--wr-bg, #FBFCFE);
    box-shadow: 0 18px 60px rgba(30, 27, 46, .28);
    max-height: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform .28s cubic-bezier(.4, 0, .2, 1),
                visibility 0s linear .28s;
  }
  .wr-side.is-open {
    transform: translateX(0);
    visibility: visible;
    transition: transform .28s cubic-bezier(.4, 0, .2, 1),
                visibility 0s linear 0s;
  }
  .wr-shell.is-side-collapsed { --wr-side-w: min(86vw, 340px); }
}
.wr-side__drawerhead { display: none; }
@media (max-width: 991px) {
  .wr-side__drawerhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 6px 10px;
    margin-bottom: 2px;
    border-bottom: 1px solid var(--wr-line, #EEF1F7);
  }
  .wr-side__drawertitle {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--wr-muted-2, #9AA0AD);
  }
  .wr-side__drawerclose {
    width: 34px;
    height: 34px;
    border: none;
    background: var(--wr-bg-2, #F1F3F7);
    border-radius: 10px;
    color: var(--wr-ink, #1E1B2E);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .wr-side__drawerclose svg { width: 18px; height: 18px; }
}
.wr-side-toggle,
.wr-side-backdrop { display: none; }
@media (max-width: 991px) {
  .wr-side-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(30, 27, 46, .42);
    opacity: 0;
    visibility: hidden;
    transition: opacity .28s ease, visibility .28s ease;
  }
  .wr-side-backdrop.is-open { opacity: 1; visibility: visible; }
  .wr-side-backdrop[hidden] { display: none; }
  .wr-side-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 14px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    z-index: 900;
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 50%;
    background: var(--wr-violet, #8A63C1);
    color: #fff;
    box-shadow: 0 8px 26px rgba(138, 99, 193, .42);
    cursor: pointer;
  }
  .wr-side-toggle svg { width: 24px; height: 24px; }
  .wr-side-toggle:active { transform: scale(.94); }
  body.wr-side-open .wr-side-toggle { display: none; }
  .wr-side__toggle { display: none; }
}
.wr-side__toggle[hidden] { display: none; }
.wr-side__card--premium {
  border: 1px solid rgba(138, 99, 193, .28);
  background: linear-gradient(180deg, rgba(138, 99, 193, .07), transparent 62%);
}
.wr-side__label--premium {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--wr-violet, #8A63C1);
}
.wr-side__label--premium svg {
  width: 13px;
  height: 13px;
  flex: none;
}
.wr-side__form { margin: 0; }
.wr-side__link--btn {
  width: 100%;
  border: none;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.wr-side.is-collapsed .wr-side__form { display: contents; }
.wr-side__linktxt {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wr-side__tag {
  font-size: 9.5px;
  letter-spacing: .02em;
  padding: 2px 6px;
}
.wr-side__tag + .wr-side__ext { margin-left: 5px; }
.wr-side__link:has(.wr-side__tag) { gap: 9px; }
.wr-side.is-collapsed .wr-side__linktxt { display: none; }
.wr-side.is-collapsed {
  max-height: none;
  overflow: visible;
  scrollbar-gutter: auto;
}
@media (min-width: 992px) {
  .wr-shell > .wr-side {
    align-self: stretch;
    position: static;
    max-height: none;
    overflow: visible;
    padding-bottom: 8px;
    background: var(--wr-card);
    border: 1px solid var(--wr-line);
    border-radius: var(--wr-r-xl);
    box-shadow: var(--wr-shadow);
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    gap: 0;
  }
  .wr-shell > .wr-side > .wr-side__toggle {
    margin-bottom: 12px;
  }
  .wr-shell > .wr-side > .wr-side__drawerhead:not([hidden]) {
    margin-bottom: 12px;
  }
  .wr-shell > .wr-side > .wr-side__card {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 8px 0;
  }
  .wr-shell > .wr-side > .wr-side__card + .wr-side__card {
    border-top: 1px solid var(--wr-line);
  }
  .wr-shell > .wr-side > .wr-side__card--premium,
  .wr-shell > .wr-side > .wr-side__card--beta {
    margin: 8px 0;
    padding: 8px;
    border-radius: var(--wr-r-lg, 14px);
  }
  .wr-shell > .wr-side::after {
    content: "";
    flex: 1 1 auto;
    min-height: 0;
  }
}

/* ── repris de wr-pages.css (les deux seules règles de coquille qui y vivent) ── */
.wr-header .wr-container,.wr-footer .wr-container{max-width:none;padding-inline:40px}
@media (max-width:768px){.wr-header .wr-container,.wr-footer .wr-container{padding-inline:20px}}
.wr-footer__cta{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:10px 18px;border-radius:100px;background:var(--wr-violet);color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .16s ease,transform .12s ease}
.wr-footer__cta:hover{background:var(--wr-violet-dark);color:#fff;transform:translateY(-1px)}